プログラミング 「rails s後、ローカルホストを立ち上げてもブラウザが真っ白！」原因はウイルス対策ソフト？
rails sを使用するとlcoalhost:3000でサーバが立ち上がり、rubyコマンドでアプリを立ち上げると、localhost:4567でサーバが立ち上がります。 通常であれば、ブラウザでアクセスすると目的のページが開かれるので...
プログラミング
プログラミング プログラミング ERROR! The server quit without updating PID file を解決
ローカル環境でmysqlを走らせようとした際に出てくることがあるエラーです。 mysql5.6や5.7を使おうとしていると出会うことになるかもしれません。
mysqlを起動しようとしたらエラー発生
% mysql.serve...
プログラミング 【小学校プログラミング教育】「hour of code」を用いた教育指導例（プログラミング学習導入段階の指導例のyoutube動画あり）
私は小学校では理科専科と兼ねつつ、プログラミング専科として働く機会がありました。そこで、今回は経験を元に、子どもにどのようにしてプログラミングを教えていくのか、無料で使える「hour of code」を例にその具体的な指導方法について紹介します。
プログラミング 【Rails】Mysql2::Error: Specified key was too long; max key length is 767 bytes エラーを解決
Railsでアプリをつくる際、rails db:migrateコマンドを打ち込んだら、Mysql2::Error: Specified key was too long; max key length is 767 bytesというエラ...
プログラミング 【Ruby】timesメソッドの使い方と具体的活用例（日付表示）【初心者向け】
timesメソッドは繰り返しの処理を行う上で大切なメソッドになります。そこで今回は、その基本的な使い方と、「でもこれは何の役に立つの？」という疑問にお答えするために、Dateクラスやmonthメソッド,dayメソッド,wdayメソッドと組み合わせた「月、日、曜日」の表示方法についてご紹介します。
プログラミング 【Ruby】クラスとインスタンスについて具体例をつかって簡単に説明【初心者向け】
Rubyの学習をしている際に、分かりにくい分野である「クラスとインスタンス」とそれに関わる「オブジェクト指向」「要素」「メソッド」について初心者向けにざっくりと具体例を用いて説明していきます。
プログラミング 環境構築「MySQLを2つインストールしてしまって、サーバーが止まらない（動かない）」を削除→再インストールにて解消！
ERROR! The server quit without updating PID file (/usr/local/var/mysql/hoge.local.pid). をMySQLの削除→再インストールで解決！
プログラミング yarn install → gyp: No Xcode or CLT version detected!
yarn installしようとしたらエラーが発生！
gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gy...
プログラミング Webpacker::Manifest::MissingEntryError
「rails s」をしたタイミングで発生
環境：Mac（Mojave、Catalina）
原因
Webpackerが上手くインストールされていない可能性Node.jsのバージョンとWebpackのバージョンが噛み...
プログラミング 【Ruby】配列に入っている今日の曜日をDateクラス、.wdayメソッドを使って取り出す方法。
Date.today.wdayのようにDateクラスやwdayメソッド等を使って日付や曜日を表示したい方へ。
取得した曜日のデータと['(日)','(月)','(火)','(水)','(木)','(金)','(土)']という配列を組み合わせて曜日を表示する方法も紹介しています。
プログラミング 【Rails】Validation failed: Email has already been taken【FactoryBot, Faker】
「Validation failed: Email has already been takenというエラーが出る」
概要と原因・テストにおいて、userを複数名作成しようとした際に、emailが重複していたために起きたエラー。・複...
プログラミング 【HTML/CSS】フォームを作成しよう！(form,imput,textarea)
フォームを作成しよう〜今回の作成したもの〜
ページを作成するにあたって、配置したいものの一つにフォームがあります。 HTMLでフォームを作成することができるようになれば、今まで紹介してきた、見出し、リンク、画像、と合わせて、ページで...
プログラミング 【HTML/CSS】画像表示の仕方（img）
【HTML/CSS】画像表示の仕方（img）
水降
前回は「calc」を使って画面を横に３分割するなど、高さや幅を変えるレイアウトの仕方についてご紹介しました。
アメオ
でも、なんか文字だけで寂しいですね。
...
プログラミング 【HTML/CSS】高さや幅の指定をしよう（px,vh,vw,%）
高さや幅の設定方法では大きく３種類が使われます。基本的な「px」、画面幅によって大きさが変化する「vh」と「vw」、親要素に依存して大きさを決める「%」の使い方、そして計算して高さや幅を設定する「calc( )」の使い方について紹介します。
プログラミング 【HTML/CSS】要素を横並びにしてみよう(display: flex;)
今回は「display: flex;」を使って、要素を横並びにした後、「Flexbox」と呼ばれる位置の調節方法の内、「justify-content」使って、<p>要素の間にスペースを開けて表示してみましょう。