seak0503

1. Gemfileに gem 'sass-rails'があること
2. 'application.css'の中にある下記設定を削除する

   - *= require_tree .
   - *= require_self
   

3. application.cssファイルの拡張子を .css から .scss に変える

seak0503

はじめに

<li>タグの中に画像を配置します。<li>はwidthを50%にして、ブラウザの大きさによって幅が変わるようにします。

画像はサイズの異なる3つの画像を、それぞれ<li>の中に配置し、<img>にwidthやmax-widthを利用した場合にどのような挙動をするのか比較します。

imgタグにwidthもmax-widthも適用しないケース

画像サイズはオリジナルの画像サイズであるため、<li>タグの横幅より大きな画像は<li>をはみ出して表示されます。

seak0503

マイグレーションファイル

class CreateServices < ActiveRecord::Migration
  def change
    create_table :services do |t|
      t.references :parent_service       # 親分類への再帰リレーション
      t.string :service_id, null: false  # サービスID
      t.string :name, null: false        # サービス名
 t.text :note # 備考

seak0503

はじめに

git-flowを導入されていない環境にgit-flowを導入して 開発フローをつくる方法についての情報は多くありますが すでにgit-flowを導入して開発を進めているリポジトリに、 後から新しいメンバが参加する方法についてはあまり情報が ないようでしたので、投稿します。

ここでは既にgit-flowを導入して開発をすすめているtestsiteというリポジトリのプロジェクトにAさんが参加する場合を想定して 解説しています。

seak0503

WEBサイトの一般的な文字サイズ

• 多くのサイトでは文章部分の文字サイズは13〜16px程度
• 一般的に文字サイズが10px以下だと小さくて見づらいと言われている

seak0503

一つのイベント、一つの処理

$(セレクタ).on('イベント', function() {
  処理
});

複数のイベント、一つの処理

seak0503

rails をインストールする例で説明

指定バージョンをインストール

$ gem install rails --version="3.2.17"

3.2.X系の最新バージョンをインストール

$ gem install rails --version="~>3.2.0"

seak0503

構文

ansible-playbook -i イベントリファイル playbookファイル --list-tasks

実行例

seak0503

構文

ansible-playbook -i イベントリファイル playbookファイル --syntax-check

実行例

seak0503

はじめに

モデル間をアソシエーションしている際、関連づけられているモデルオブジェクトを自動的に保存したり、保存しないようにするにはautosaveオプションを利用します。

このオプションの挙動について、下記のサンプルを用いて検証をしました。

サンプル

モデル