FooBar

note to self

Programming

cssで画面の大きさに縛られず要素の高さや幅を画面いっぱいにする

こんにちは。本日はcssで高さ・横幅を自動で100%にする方法です。 従来通りだったらcssで%やpxを使い、レスポンシブデザインでデバイスごとに要素の高さや幅を書いていたと思います。 しかしながら、それでは親要素の高さ・幅に左右されてしまったり、コード…

Herokuでよく使うコマンドまとめ

こんにちは。本日はherokuでよく使うコマンドについてです。 herokuではたくさんのコマンドがありますが、今回はその中でもよく使うコマンドを一覧にしてまとめてみました。 ==== ログイン・ログアウト キー アプリを開く ステータス アドオン 環境変数 ログ…

ヘッダーをサイト上部に固定する

こんにちは。本日はHTMLやCSSでヘッダーを固定する方法です。 サイトを制作する上でヘッダー(メニューやナビバーなども)を上部に固定しておきたいと思うことがあると思います。 これはよくWeb制作で使われますが、HTML・CSSの基礎基本で、比較的簡単に実装す…

Herokuでアプリをスリープさせずに24時間起動する

こんにちは。本日はHerokuでアプリを24時間スリープさせずに起動する方法です。 Herokuの無料枠内だと30分アクセスがない場合、自動でスリープする仕様になっています。 今回はadd-onを使って24時間起動するアプリを設定していきます。 ==== 前提 heroku sch…

Herokuの登録からRailsアプリのデプロイまで

こんにちは。本日はherokuの使い方についてです。 アプリを作ったら、いよいよ公開ということになります。 しかしながら、サーバー構築して・ドメイン設定して・・・と、アプリをデプロイするのは初心者には容易ではありません。 herokuを使えば誰でも簡単に…

Rails Tutorial(第4版)でテストをするとエラーがでる

こんにちは。本日はRails Tutorialで発生したエラーについてです。 チュートリアルの第4版(Rails5.0.0.1)でテストをすると動作しないエラーがありました。 ==== バージョン エラー内容 解決方法 バージョン Ruby on Rails 5.0.0.1 Rails tutorial 第4版 エラ…

git pushする度にUsernameとPasswordを求められる場合の解決方法

こんにちは。本日はGitにpushする際に毎回パスワードやユーザーネームを聞かれる解決方法についてです。 https通信の場合とssh通信の2通りの解決方法があるみたいですが、今回はssh通信の方法で説明したいと思います。 ==== pushするたびにユーザー名とパス…

Railsでbundle installするとnokogiriをインストールしろとエラーがでる

こんにちは。本日はbundle install時のnokogiriのインストールについてです。 今までエラーなくbundleできていましたが、ある日突然bundleできなくなってしまいました。 今回はその解決策を共有したいと思います。 ==== bundle installでエラー --use-system…

rails newからgitによるバージョン管理まで

こんにちは。本日はRailsアプリを作成してからGitによるバージョン管理をする流れについてです。 個人的にRailsアプリを作成したあと、Gitやホスティングサービスの設定でド忘れしてしまうことがあり(やはり開発やデバックがメインで、頻繁にRailsアプリを作…

Rubyで単語当てゲームをつくる

こんにちは。本日はRubyでつくる単語あてゲームについてです。 今回は出力される国名に対応する首都名を答えるという簡単な英単語ゲームをつくります。 ==== 単語を用意する ループ文を作る 単語を用意する まずは単語当てゲームの単語を定義していきましょ…

rails test すると gem 'web-console', group: :development というエラーが表示される

こんにちは。本日はrailsでtestをしようとした時に出たエラーについてです。 ==== エラー内容 解決方法 エラー内容 railsでテストを実施しようとしたが、以下のようなエラーが発生しました。 $ rails test Web Console is activated in the test environment…

capistranoでデプロイした時にmysql2が認識されない問題を解決する

こんにちは。本日はcapistranoでデプロイ時に遭遇したエラーについてです。 RailsアプリのデータベースにMySQLを使用しようと思いましたが、GemfileからMySQLアダプターが読み込めないというエラーが発生したので、今回はその解決策を共有したいと思います。…

Railsで別モデルにマスタデータを持たずに都道府県データを扱う

こんにちは。本日はマスタデータを持たなくても都道府県データを扱うことができるjp_prefectureの使い方についてです。 サービスをつくる上で都道府県データを扱う機会が多いと思いますが、jp_prefectureなら簡単に都道府県データを扱うことができるので個人…

GitHubやBitbucketのユーザー名を変更してcapistranoでデプロイしたらエラーがでた

こんにちは。本日はcapistranoで発生したエラーについてです。 すでに既存のプロジェクトをGitで管理していて、GitHubやBitbucketなどのサービスでユーザー名を変更してからcapistranoでデプロイしたらエラーが発生しました。 自分がcapistranoに疎いという…

GitHubやbitbucketでユーザー名を変更したらgit pushできなかった

こんにちは。本日はgithubやbitbucketなどのホスティングサービスでユーザー名を変更した時にリポジトリにpushできないエラーを解決する方法です。 ==== ユーザー名を変更 解決策 ユーザー名を変更 ユーザー名の変更は各々GitHubやbitbucketなどのユーザー編…

active_hashを使って静的データやマスタデータを持つ

こんにちは。本日はactive_hashについてです。 active_hashはマスタデータや静的データを持つにはもってこいのGemで、最近Railsアプリに導入している人や企業も増えているようです。 ==== active_hashとは 基本的な使い方 インストール モデル アソシエーシ…

seed-fuを使ってdbに初期データ(シードデータ)を入れる

こんにちは。本日はRailsでseed-fuを使用して初期データ(シードデータ)を入れる方法です。 Railsはデフォルトで初期データを入れる機能(seeds.rbに初期データを書きrake db:seedをコマンド)がありますが、シードデータを入れるたびに毎回同じデータが登録さ…

SNSシェアボタンをキレイに横並びにする

こんにちは。本日はSNSボタンを横並びにする方法です。 SNSボタンを横並びにすると微妙に?高さがズレることがありますよね。 今回はそれを解決するためのTipsを共有したいと思います。 ==== ソース ソース SNSシェアボタンを横並びにするにはいくつかの方法…

Railsのselectフォームでcssが効かない

こんにちは。本日はRailsでselectフォームにcssクラスを適用させる方法です。 selectフォームにclassを反映するにはちょっとしたTipsが必要です。 結構つまずいている人が多いので解決策を共有したいと思います。 ==== 前提 selectフォームにcssを書いてみる…

Ruby on Railsで検索ボタンにアイコンを埋め込む

こんにちは。本日はRailsで検索部分のsubmitボタンのところにアイコン(虫眼鏡)を表示する方法です。 ==== はじめに 普通の検索フォーム 虫眼鏡アイコンを使う はじめに 今回はbootstrapを使用するので、導入していない人は過去記事からbootstrapを導入してお…

Railsでカラム名を変更する方法

こんにちは。本日はRailsでカラム名を変更する方法です。 Railsで開発しているとタイプミスなどでカラム名を変更したくなる場合があると思います。 Railsではコマンドで簡単に変更ができるので一緒にみていきましょう。 ==== はじめに migrationファイルを生…

Railsでユーザー側のメールクライアントを自動で立ち上げる

こんにちは。本日はRailsアプリでメールクライアントを自動で起動する方法です。 Rails側でメールを送受信するにはActionMailerが使えますが、mail_toという便利なメソッドも用意されています。 これを使えばユーザー側のメールクライアントが自動で立ち上が…

Railsを本番環境でデプロイしたら「Devise.secret_key was not set」というエラーが発生

ちょっと遅いですがあけましておめでとうございます。 2017年もマイペースにブログ更新していくのでよろしくお願いいたします。 今年一発目はDeviseの本番環境における使い方です。 secret_keyの部分が開発環境だとエラーがなく、本番環境だとエラーがでたの…

Capistrano3でNet::SSH::AuthenticationFailed: Authentication failed for userのエラー。

こんにちは。本日はcapistrano3でデプロイするときにssh周りで躓いた箇所についてブログを書きたいと思います。 ==== エラー箇所 解決方法 エラー箇所 さくらのVPSでssh(公開鍵・秘密鍵)を作成して登録していたのにも関わらず、なぜか以下のようなsshエラー…

RailsにURLを貼って別サイトに飛ぶ

こんにちは。本日はRailsでURLを貼るときにハマったことについてです。 Railsでサイトから別のサイト(公式サイトなど)に飛ぶみたいなのを実装したいなと思っていたのですが、ちょっと手こずりました。。 誰かの役に立てればと思い共有したいと思います。 ===…

flexboxでword-wrapが効かない

こんにちは。本日はFlexboxのTipsを紹介したいと思います。 Flexboxは便利ですが、長い文字列を折り返す「word-wrap: break-word;」が効かない問題が存在します。 今回はその解決策を共有したいと思います。 ==== flexレイアウト 解決方法 flexレイアウト ま…

Railsアプリをデプロイするときにjavascript runtimeが見つからないエラーを解決する

こんにちは。本日はcapistranoでデプロイした時にjavascript runtimeのエラーが発生した場合の解決方法についてです。 ==== エラーメッセージ 解決策 therubyracerの場合 node.jsの場合 エラーメッセージ capistranoとかを使ってRailsアプリをデプロイすると…

ローカル開発環境で複数バージョンのRuby on Railsを共存させる

こんにちは。本日はローカル開発環境で複数バージョンのRails(例えばRails4系とRails5系)を共存させる方法です。 新しいRailsのバージョン(ここではRails5系)をインストールして、既存のRailsアプリ(ここではRails4系)を開くとGemやRuby・Railsその他諸々の…

Rails5でdeviseのStrong Parametersがエラーになる

こんにちは。本日はRails5で使用しているdeviseで発生したストロング・パラメーターのエラーの解決策についてです。 ==== deviseでエラーが発生 解決策 deviseでエラーが発生 Rails5でも従来通りにdeviseのStrong Parametersを設定していました。 # applicat…

さくらのVPSでMySQLのデータベースをつくる。

こんにちは。本日はさくらのVPS上でインストールされてるMySQLにデータベースを作成していく手順についてです。 本番環境のデータベースをMySQLに作成していき、開発中のRailsアプリに接続していくまでを見ていきたいと思います。 ==== データベースを作成す…