A Little Each Day

note to self

GitHub Pagesで独自ドメインなサイトを公開する方法

Git

こんにちは。本日はGitHub Pagesを独自ドメインで公開する方法についてです。GitHub Pagesは無料なのですが、独自ドメインも当てることができます。無料でかっこいい独自ドメインなサイトを持ててしまいますよ!

GitHub Pagesで静的サイトを公開する

Git

こんにちは。本日はGitHub Pagesを使って静的サイトを公開する方法です。GitHub Pagesを使えば無料でサイトを公開できるので、ちょっとしたペライチサイトやポートフォリオを公開するのに向いていると思います。

git pushがrejectされた場合の対処方法

Git

こんにちは。本日はgit pushした場合にrejectedが発生したときの対処方法についてです。競合状態でリモートリポジトリにプッシュしてしまうと、このエラーが発生してしまうそうです。

瑞牆山に行ってきた

こんにちは。最近忙しくてなかなか趣味の登山に行けなかったのですが、久しぶりに何も予定のない休日が取れて、かつ現地の天気も良さそうということで日帰りソロで山登りに行ってきました。今回は山梨県にある日本百名山の瑞牆山(標高2230m)に登ってきました…

JavaScriptでページ内の遷移を実装する

こんにちは。本日はページ内移動をJSで実装する方法です。縦長のレイアウトなwebサイトの場合、ナビリンクをクリックするとその場所まで自動でスクロールしながら移動できる機能をつけたいと思うことがあるかと思います。JS自体も複雑なことを書くわけではな…

JavaScriptでナビバーをスクロール時にトップに固定する方法

こんにちは。本日はスクロールしてページ途中にあるグローバルナビがトップにきたら固定する方法です。ナビバーがサイト途中部分にあって、上にスクロールするとサイト最上部に固定されるレイアウトのサイトがありますよね。比較的簡単にできたので一緒に実…

Railsでwill_paginateを使ってページネーションを実装する

こんにちは。本日はページネーションGemのwill_paginateを使ってページングを実装する方法です。will_paginateと似たようなGemに「kaminari」というGemがあります。どちらも人気のページャーGemですが、今回はwill_paginateの使い方を説明していきます。

Railsでkaminariを使ってページネーションを実装する

こんにちは。本日はページネーションGemのkaminariを使ってページングを実装する方法です。kaminariと似たようなGemに「will_paginate」というGemがあります。どちらも人気のページャーGemですが、今回はkaminariの使い方を説明していきます。

Railsでseeds.rbを使って初期データを投入する

こんにちは。本日は「seeds.rb」をつかってシードデータ(初期データ)を投入する方法です。シードデータを投入する方法はいくつかありますが、今回はRailsで標準で装備されている「rake db:seed」を使用した王道のやり方を説明したいと思います。

Railsのアプリ名を変更する方法

こんにちは。本日は既存のRailsアプリのプロジェクト名を変更する方法です。Railsアプリを作成した後に、やっぱりアプリ名を変更したい場合があると思いますので、その方法を備忘録として書いておきます。

Sassのインストールと簡単な使い方

こんにちは。本日はSassの導入と簡単な使い方についてです。Sassは現在Webの開発現場でも人気で、導入している企業も増えてきています。WebエンジニアならSassに触れておいても損はないでしょう。

iTermにzshを適用する

こんにちは。本日はiTermにzshを導入する方法です。デフォルトのログインシェルはbashですが、zshに変更すると補完機能などの便利な機能が使えます。この機会にログインシェルをbashからzshに乗り換えてみてはいかがでしょうか?

iTermのインストールと簡単な初期設定

こんにちは。本日はiTermの初期設定についてです。コマンドラインを使う場合、MacにデフォルトであるTerminalでは使い勝手があまりよろしくないのと、デザイン・設定などの部分で(ちょっと個人的に)不満があります。iTermを使えばより柔軟にターミナルを設定…

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

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

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

こんにちは。本日はherokuでよく使うコマンドについてです。herokuではたくさんのコマンドがありますが、今回はその中でもよく使うコマンドを一覧にしてまとめてみました。

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

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

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

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

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

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

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

こんにちは。本日はRails Tutorialで発生したエラーについてです。チュートリアルの第4版(Rails5.0.0.1)でテストをすると動作しないエラーがありました。

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

Git

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

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

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

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

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

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

こんにちは。本日はRubyでつくる単語あてゲームについてです。今回は出力される国名に対応する首都名を答えるという簡単な英単語ゲームをつくります。

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

こんにちは。本日はrailsでtestをしようとした時に出たエラーについてです。

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できないエラーを解決する方法です。

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

こんにちは。本日はactive_hashについてです。active_hashはマスタデータや静的データを持つにはもってこいのGemで、最近Railsアプリに導入している人や企業も増えているようです。

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

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

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

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

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

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

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

こんにちは。本日はRailsで検索部分のsubmitボタンのところにアイコン(虫眼鏡)を表示する方法です。

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

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

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周りで躓いた箇所についてブログを書きたいと思います。

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

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

flexboxでword-wrapが効かない

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

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

こんにちは。本日はcapistranoでデプロイした時にjavascript runtimeのエラーが発生した場合の解決方法についてです。

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

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

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

こんにちは。本日はRails5で使用しているdeviseで発生したストロング・パラメーターのエラーの解決策についてです。

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

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

Ruby on Railsで古着屋さんの情報サイトをつくってみた

こんにちは。本日は自分がつくってみたWebサービスを紹介していこうと思います。今回はRuby on Railsで簡単な情報サイトみたいなものをつくってみたので、それらの概要などを説明していきます。

一度接続したサーバーにssh接続ができない問題を解決する

こんにちは。本日はサーバーに接続したときにエラーがでる場合の対処法です。サーバーを構築していると環境を作ったり壊したりする機会があると思います。もう一度、同一のサーバーに接続しようとすると鍵のキャッシュが残っているのでssh接続できない場合が…

さくらのVPSにバーチャルホストを設定する

こんにちは。本日は「さくらのVPS」にバーチャルホストを設定する方法です。ApacheなどのWebサーバーを使用していると一緒にバーチャルホストも設定することが多いと思います。バーチャルホストを設定しておけば複数のドメインサイトを運営することができる…

さくらのVPSにApacheとPassengerをインストールする

こんにちは。本日は「さくらのVPS」にWebサーバーをインストールする方法です。今回はApacheとPassengerの組み合わせで設定していきます。

さくらのVPSにrbenvを使ってRubyとRailsをインストールする

こんにちは。本日は「さくらのVPS」にRubyとRailsをインストールする方法についてです。今回はバージョン管理ツールのrbenvを使いRubyやBundlerをインストールしていきます。

さくらのVPSにMySQLをインストールする

こんにちは。本日は「さくらのVPS」のデータベースの設定についてです。データベースの種類はたくさんありますが、今回はMySQLを使用します。

さくらのVPSの初期設定(ファイアーウォールの設定)

こんにちは。本日は「さくらのVPS」の設定シリーズ第四弾です。今回はVPSに外部のネットワークを遮断・制御するファイアーウォールの設定をしていきます。