A Little Each Day

note to self

MacでSSH Keyを作成する方法

こんにちは。本日はSSH Keyの作成についてです。SSH Keyは公開鍵と秘密鍵がセットになっており、ローカルとインターネットやサーバーなどの外部に対して暗号化して通信するために使われます。プログラミングを学んでいると、いろいろなところに「SSH Keyを設…

deviseのメッセージを日本語化する方法

こんにちは。本日はdeviseで表示されるメッセージを国際化して日本語に対応させる方法です。deviseはデフォルトだともちろん英語対応のみなので、こちらで日本語ファイルを対応させなければなりません。しかしながら、幸いな事に親切な人々がdeviseの日本語…

CSS3で要素に影をつける

こんにちは。本日はCSS3で使われるbox-shadowとtext-shadowの使い方です。CSS3では簡単に要素に影をつけることができるようになりました。

deviseでユーザーネームを登録できるようにする

こんにちは。本日はdeviseでユーザーネームを登録する方法です。deviseは便利ですが、デフォルトではメールとパスワードしか対応していません。 サイトによってはユーザー名を登録したいなと思うことがあると思うので、deviseでそれを実現する方法について説…

deviseでviewファイルを生成する方法

こんにちは。本日はdeviseで使うviewファイルを生成する方法です。deviseは簡単にユーザー登録機能やセッション機能を実装することができますが、デフォルトではすごく味気ないレイアウトが表示されるだけです。なのでdevise用のviewファイルを生成して修正…

jQueryでclickイベントをつくってみる

こんにちは。本日はjQueryである要素をクリックした時に文字列が消えるようにしてみたいと思います。jQueryではclickイベントと呼ばれていて、基本的でかつ簡単なよく使うテクニックです。

jQueryでhoverイベントをつくってみる

こんにちは。本日はjQueryを使って簡単なhoverイベントを作りたいと思います。hoverイベントはある要素にマウスをかざした時に、テキスト(文字)などが現れるテクニックです。よくwebページなどでリンクや文字列をかざした時にユーザーに知らせるために現れる…

CSSで長い英語文字列を折り返す方法

こんにちは。 本日は英語などの外国語で長い文字列の場合、ボックスをはみ出てしまうのを防いで、きちんとボックス内で改行するようにするTipsを紹介したいと思います。ホームページやwebサービスによっては長い英語の文字列があって、ボックスの外に文字列…

レスポンシブwebデザインの基礎基本

こんにちは。本日はレスポンシブwebデザインの基本的なことを説明したいと思います。スマートフォンやタブレットが普及している昨今、従来のPCだけでなくスマホやタブレットから見ても綺麗なレイアウトを提供するためにレスポンシブwebデザインは必須のツー…

MacでHomebrewを使ってMySQLをインストールする

こんにちは。本日はMacにHomebrewを使用してMySQLをインストールする方法です。今回は最新(現時点で)のMySQLをインストールしようと思いましたが、ちょっとハマった点があったので備忘録としてまとめておきます。

box-sizing: border-box;の使い方

こんにちは。本日はCSS3から使えるようになったborder-boxについて説明したいと思います。border-boxを使えば要素内のborderとpaddingを含めて要素の幅や高さを自動で計算してくれるのですごく便利です。レイアウトとしては画像の横並びや段組み(メインとサ…

carrierwaveで更新した時に画像が表示されない問題を解決する

こんにちは。本日はcarrierwaveを使用して画像をアップロードしている場合、投稿を編集して更新した時に画像が表示されない問題について説明したいと思います。特定の条件でファイル名を命名している(タイムスタンプや同じファイル名など)とこの問題が現れる…

carrierwaveの便利な機能の使い方(part2)

こんにちは。本日は前回の続きでcarrierwaveの便利な機能(part2)です。今回もcarrierwaveでよく使ういくつかの機能を紹介していきたいと思います。

carrierwaveの便利な機能の使い方(part1)

こんにちは。本日はcarrierwaveで用意されてる便利な機能をいくつか紹介していきたいと思います。carrierwaveにはファイルの拡張子や複数の画像のサイズ(メインやサムネイルなど)を簡単に実装できる機能があります。 実際にサイトを作っていると欲しいなとい…

Railsでcarrierwaveのファイルサイズをバリデーションする方法

こんにちは。本日はRailsで大人気の画像アップロードGemのCarrierwaveで画像を投稿した際、ファイルのサイズが大きかった場合にバリデーションにかけてエラーメッセージを表示する方法です。Rails Tutorialではcarrierwaveを使いファイルのバリデーションを…

Railsでcarrierwaveを使って画像をアップロードする方法

こんにちは。本日はrailsで画像をアップロードする時によく使用されるcarrierwaveの使い方を説明したいと思います。今回は基本的な使い方のみを説明します。 また後々、何回かに分けてcarrierwaveの便利な機能の使い方も説明したいと思っていますので、そち…

deviseの便利な機能の使い方

こんにちは。本日はdeviseでよく使う機能を見ていきたいと思います。deviseではログインしていなければトップページにリダイレクトしたり、現在ログインしているユーザーが本人かどうか調べたりできるなどの便利な機能があります。

Railsでdeviseをインストールする方法

こんにちは。本日はdeviseのインストール方法を説明したいと思います。deviseとはwebサービスによくあるユーザーのログイン機能・新規登録機能などの機能を簡単に実装できる便利なGemです。 おそらくRailsのGemのなかでも最も有名なGemの一つで、よく使われ…

Ruby on Railsのエラーメッセージを日本語化する方法

こんにちは。本日はRailsで日本語に対応させる方法です。Railsはデフォルトが英語なので、Rails側で日本語にする必要があります。と言ってもRailsには簡単に国際化ができる方法があるので見ていきましょう。

Ruby on RailsにFont Awesomeを導入する方法

本日はRailsにFont Awesomeを表示する方法です。フォントを表示すればデザイン的にもよろしいし、ユーザーにもわかりやすいですよね。RailsにはFont Awesomeを簡単に導入できる便利なGemがあるのですぐに導入することができます。

Railsにエラーメッセージを表示する方法

こんにちは。本日は投稿した時になにかしら(入力が空だったりとか)あった時にエラーメッセージが表示されるようにしてみたいと思います。フラッシュメッセージ同様、この機能の実装もRailsでは簡単にできるので見ていきましょう。

Railsにフラッシュメッセージを表示する方法

こんにちは。本日はRailsでフラッシュメッセージ(投稿に成功した時にヘッダーの下に現れるやつ)を表示する方法です。Railsには簡単にフラッシュメッセージを表示できる機能があるので順番に見ていきましょう。

Ruby on RailsにBootstrapを導入する方法

こんにちは。本日はRailsにBootstrapを適応させる方法について書きたいと思います。Bootstrapとは便利なCSSフレームワークのことで、誰でも簡単にそれっぽいデザイン?のサイトを創れます。しかしながら、フレームワークなので見た目が似てしまう欠点があり…

Railsでページごとにタイトルを変える方法

こんにちは。本日はページごとにタイトルを動的に変える方法です。webサイトを創っているとページごとにブラウザに表示されるタイトルを変えたいと思うときがあると思います。 結構簡単にできるので順番に説明したいと思います。