2021/06/13
【Mac】VirtualBox ＋ Vagrant で仮想マシン上に開発環境を構築する方法
今回は、Node.jsを使っていろいろと面白そうなことをしていくために、Mac環境に仮想マシンを用意して、仮想マシン上に開発環境を構築していきたいと思います。今回は、VirtualBoxとVagrantを用いる方法です。 […]
Technology
2021/06/03
【Mac】Node.jsを使ってみよう
前回、Node.jsをインストール（最新バージョンへのアップデート）をしたので、Node.jsを使ってみたいと思います。 Node.jsのインストールや最新バージョンへのアップデートがまだの場合は、下記の記事を参考にして […]
2021/05/31
【Mac】nodebrewでNode.jsをインストール（アップデート）する方法
今回は、nodebrewを使ってNode.jsのアップデートをしていきたいと思います。 まず、Homebrewを使用してnodebrewをインストールしていきましょう。すでにnodebrewがインストールされている場合は […]
2021/04/12
jqueryでtextareaに書かれた文字の改行を消して違うtextareaに表示する方法
jqueryを使って改行された文字の改行を消す方法をご紹介したいと思います。 jqueryを使って改行を消すには、まず対象の文字を取得してきて改行コードでspiltさせ、その後splitさせた文字をそのまま出力するという […]
2020/12/25
brew doctor で出たWarning退治（2020/12/25）
こんにちは。タマリュウです！ 以前に brew doctor で出た警告文（Warning）を解決した記事を書きました。以前の記事は下記をチェック！ brew doctor で警告が出た！warningとの奮闘記 前回す […]
2020/12/24
brew update でエラーになった話（2020/12/24）
こんにちは！タマリュウです。 久しぶりにhomebrewをアップデートしようとしたらエラーが出たので記事にしておこうと思います。 実行した結果 エラーが出ました。エラーの内容は、「処理の負荷を考慮して手動でやってね」とい […]
2020/11/26
WordPressへのログイン方法
WordPressへのログイン方法を紹介していきます。また、プラグインSiteGuardを用いた場合のログイン方法の変更点も合わせて紹介していきたいと思います。 久しぶりにWordPressにログインしてブログやホームペ […]
2020/09/02
WordPress5.5.1へアップデートしたらgurtengergで入れた画像が縦伸びしてしまった
wordpressを5.5.1へアップデートしてしまうと、今までgurtengergの機能で画像を入力したものが、縦に伸びてしまったのでその対処方法をメモ書きとして残させていただきます。 目次 gurtengergを使っ […]
2020/08/07
cssとjsで画面横からブロックが出てくるものを作ってみよう
今回は、cssでよくホームページなどでスクロールした時に横から出てくるものを作ってみようと思います。 目次 画面の横からブロックが出てくるようにするためのhtmlの構造 画面の横からブロックが出てくるようにcssとjsし […]
2020/08/06
【エックスサーバー】WordPressをサブディレクトリにインストールして運用する
こんにちは！タマリュウです 今日は、エックスサーバーにWordPress（ワードプレス）をインストールしてブログサイトやホームページを運営していく方法を紹介していきます。 ただし、今回の記事ではエックスサーバーにWord […]
2020/07/17
Macのストレージ（空き容量）を正しく確実に確保！ストレージ 「その他」圧迫の原因と解消方法
こんにちは！タマリュウです みなさん、Macのストレージ容量って確認していますか？知らず知らずのうちにストレージの容量がいっぱいになって圧迫していることってありますよね。スマホのカメラ性能が高くなっているので画像の容量が […]
2020/07/09
brew doctor で警告が出た！warningとの奮闘記
今回は、Homebrewの問題チェックコマンド brew doctor を実行したときに表示されるwarningのエラー文を解消する方法を紹介します。また、私が遭遇したエラー文に限定して紹介していきます。 Homebre […]
2020/07/08
GitHubでRailsアプリケーションを管理する方法
RailsでWebアプリケーションを開発していこうとすると一人で開発を進めるよりも複数人で共同開発した方が効率的で良い場合があります。そのようなときにGitHubでRailsアプリケーションを管理することで共同開発環境を […]
2020/07/03
Rubyのバージョン切り替え方法！（Mac用）
今回は、Rubyのバージョンを切り替える方法を紹介したいと思います。 Rubyでプログラムを書いていくときや、Ruby on Rails でwebアプリ開発をしていくときなど開発環境はとても重要になっていきます。その開発 […]
2020/07/02
Ruby on Rails の環境構築と環境構築で生じたエラーの解決方法（Mac用）
今回は、Ruby on Rails の環境構築の手順と環境構築の中で私が直面したエラーの解決方法を紹介していきます。 Ruby on Rails についての詳しい紹介は、本記事では省略させていただきますが、Ruby on […]
2020/06/29
【Ruby】Rubyのインストール手順と動作確認（Mac用）
今回は、Rubyのインストール手順を紹介していきたいと思います。また、インストール完了後に正しくRubyがインストールされているか動作確認もしていきたいと思います。Rubyのインストールはとても簡単なのでRubyに興味の […]
2020/06/16
[css]下へと上下に揺れてる下向き矢印ボタンをどうやって作るのか？
今回は、ホームページ閲覧時に下に移動するための上下に揺れている矢印がありますよね？jqueryなどを使わないとできないのかと言われますとcssのみで実装可能です。では作っていきたいと思いますが、この記事では、位置は下にせ […]
2020/06/15
[css]htmlのaタグをクリックできないようにする方法とは？
ホームページのメニューバーなどで、準備中にしたりすることってないですか？ 少なからずそういった機会ってありますよね。リンクにせず、文字だけ打っておいて後からリンクにしておくことや、飛んだ先のページを準備中にするなど様々な […]
2020/06/14
[php]foreachを使ってみよう
phpで配列の中身を全て出力する方法をご紹介したいと思います。foreachを使うことで配列の中身を１列ずつ出力することができるようになります。今回はよく使われるこのforeachの使い方についてご紹介したいと思います。 […]
2020/06/13
[jquery]slick.jsを使ってスライダーを作ってみよう
今回は、スライダーを作ってみようと思います。ホームページにはトップページにスライダーがあるホームページがやはり多いですよね。そんな幅広く使えわれているスライダーを作っていきます。作り方は非常にシンプルで、slick.js […]
2020/06/12
[css]背景に画像を入れた際に位置調整を行うにはどうすればいいのか
cssを使って画像を背景に設定することってありますよね。今回は設定した背景画像の位置調整をする方法をご紹介したいと思います。背景画像を左側に寄せたい、背景画像を中央寄せにしたい、背景画像を右寄せにしたいなど様々な要望があ […]
2020/06/11
[js]jqueryでログを出力するにはどうすればいいのか
今回は、jqueryのログの出力方法について書かせていただきます。 jqueryでログを出力することは、取得したデータや、テキスト文などを確認するために使われます。jqueryを使って様々な操作を行う際には、必須となる知 […]
2020/06/10
[html]セレクトボックスを作ってみよう
今回は、htmlでセレクトボックスを作ってみようと思います。セレクトボックスは入力フォームを作る際には、一般的な入力フォームになります。基本的なことなので、ぜひ覚えていってください。一般的なセレクトボックスだけでなく、分 […]
2020/06/09
[html]ラジオボタンを作って、チェック済みにしたり選択できないようにしてみよう
htmlでラジオボタンの作り方をご紹介したいと思います。ラジオボタンは、フォームを作る際に、一つだけ選択肢を選んでほしい時に使われてますね。 今回はそんな入力フォームを作る際に必要なラジオボタンの作り方をサンプルを踏まえ […]
2020/06/08
[css]横並びで高さを合わせたコンテンツを縦方向に中央寄せする方法
cssでdisplay:flexを使用した際に、横並びの高さを合わせられたけど、縦方向に中央寄せできないという方向けの記事となります。 display:flexを使うことで、高さを合わせたコンテンツを横並びにすることはで […]
2020/06/07
[css]横並びにしたコンテンツの高さを合わせる方法
今回は、cssで横並びにしたコンテンツの高さを合わせる方法をご紹介したいと思います。 cssでブロックを横並びにするまではできたけど高さが合わないっていう時ありませんか？横の長さを合わせるのは簡単ですが縦方向のアプローチ […]
2020/06/06
[css]ワークフロー図をcssだけで作ってみよう
ホームページにて、手順を説明する際に、手順１、手順２などを表記する必要が出てくるかと思います。ただワークフロー図をどうやって作っていいかわからないといったお悩みがある方が少なからずいらっしゃるかと思います。 そこで、今回 […]
2020/06/05
[jquery]クリック時に矢印を動かして展開したことがわかるアコーディオンの作り方
アコーディオンメニューで開閉を行う際に、開閉されてるかわかるように下向きの矢印がついていることがないですか？開いてない状態では下向きの矢印がついていて、開くと上向きの矢印がついている状態です。 矢印をつけることで開閉して […]
2020/06/04
[css]下向き矢印と上向き矢印の作り方
今まで矢印はどうされていましたか？画像で作られていましたか？ 実はcssで作成することができます。作り方は非常にシンプルで四角形を回転させるだけといったものになります。 今回は、下向き矢印と上向き矢印の作り方をご紹介した […]
2020/06/03
[jquery]slideToggleを使ってアコーディオンを作っていよう
今回は、queryのslideToggleを駆使してホームページでよく使われるアコーディオンを作ってみようと思います。 アコーディオンは、Q&Aやメニューバーなどある程度の複数のコンテンツを一覧と表示させ、詳細が […]
2020/06/02
[jquery]切り替えタブを作ってみよう
今回はよく使われるタブを作ってみようと思います。 一々、コンテンツ縦にいっぱい並べて表示させるって大変ですよね。タブを作ってコンテンツを切り替えられたら一番いいですよね。今回はそんなタブを作って見ます。考え方は、押したボ […]
2020/06/01
[jquery]テキストボックスが入力された時にどんな文字が入力されているのかを取得してみる
今回は、jqueryを使って、テキストボックスに入力された文字の取得方法についてご紹介したいと思います。テキスト入力に入力された文字を取得することで、入力された文字がどんなものなのか、入力形式として正しいのかどうかという […]
2020/05/31
[html]placeholderを使いこなしてinputに入力サンプルを入れてみよう
みなさま、placeholderってご存知ですか？入力欄を入力しようとした時に、説明やこうやって入れてくださいねっていうサンプルが書いてあって入力しようとした時に消えるといったものを見たことはないでしょうか。まさにそれの […]
2020/05/30
[css]リストを使ってお知らせ一覧のようなデザインを作ってみよう
今回は、ホームページに重要なお知らせの一覧をリストを使ってデザインしてみようと思います。ホームページは情報を発信するということを目的としておりますので、会社、お店などの新着情報を掲載していくことは、お店を営業していますと […]
2020/05/29
[css]文字の行間を調整する方法について
今回は、文字の行間を調整する方法についてご紹介したいと思います。長文を読んでいるときに、行間が狭い場合もう読むのいいかな？って思う方がいらっしゃるかと思います。せっかく一生懸命作ったコンテンツを読んでいただけないの非常に […]
2020/05/28
[css]文字の間隔を調整する方法
文字の間隔をcssでコントロールする方法をご紹介したいと思います。 文字の間隔が詰まっていると、文字が見にくくてホームページ自体がもう文字を読む気を無くしてしまうっていうことありませんか？ こんな状態にならないように文字 […]
2020/05/27
[html,css]文字の上に打ち消し線を入れる方法
ホームページで、文字の上に線が入ってその文字を打ち消しているものを見たことはないでしょうか？今回はその文字の上に打ち消し線をどうやって入れるのかという方法をご紹介したいと思います。 文字の上の打ち消し線の実装の仕方は、h […]
2020/05/26
[css]文字を太字にしてみよう
今回はフォントの文字を太字にする方法をご紹介したいと思います。 皆様もホームページを作成する際に、強調してみてほしいところってありますよね。そんな時、その文字を太字にして強調してみてもらうことってあると思います。そこで今 […]
2020/05/25
[css]フォントの色を変えてみよう
cssでフォントの色を変える方法をご紹介したいと思います。cssで文字の色を変えるとホームページが華やかになりますね。また、大事な文字は赤文字などで強調したいですね。 文字の色はホームページのイメージを決める大事な要素と […]
2020/05/24
[css]フォントのサイズを変えてみよう
今回は、フォントのサイズを変更する方法をご紹介したいと思います。文字の大きさを変更することで、主張したい文字とそれに対する説明など情報に強弱をつけることができますね。そんな文字サイズをどうやって変更するのかをご紹介したい […]
©狼読