ichigoryume programming blog

プログラミングに関する備忘録。主にHTML5, C#, Swiftなど。

2017-12-05から1日間の記事一覧

Railsで画像ファイルへのパスを書くとき

hoge.pngがアセットのプリコンパイルによってhoge_0d23b....pngのようなdigest付きの名前になるので 元のファイル名でパスを指定してもブラウザに表示されない。 イメージへのパスの書き方 .erb <img src="<%= asset_path "hoge.png" %>" />.haml = image_tag "hoge.png", class:"image", alt:"ほげ…

RailsでのJavaScript読み込み制御

スタイルシートと似てる。 app/assets/javascripts/application.jsにデフォルトの設定が記述されている。 デフォルトでは = require jquery = require jquery_ujs = require turbolinks = require_tree . になっている。 ここを変えれば、全Viewに反映される…

Railsでのスタイルシート読み込み制御

デフォルトでは app/assets/stylesheetsの下を全て読み込む application.cssを最後に読み込む ように設定されている。これは、application.cssに以下のように記述されているため *= require_tree . *= require_selfrequire_selfはapplication.css自身、requi…

HTMLのレイアウティング備忘録

レイアウティングに関わる属性 display float position など display 要素の表示形式を指定する。block, inline, inline-blockなど。 block 縦に積まれていく 幅 width と高さ height が指定できる 上下左右に margin を指定できる 上下左右に padding を指…

HAMLにコードを埋め込む

こう書くと、arg1から字下げしているのでnewの子要素として扱われてしまい、エラーになる。 %script new Hoge({ arg1: 123, arg2: 456, }); 回避するには、例えばJavaScriptならこう書く。 :javascript new Hoge({ arg1: 123, arg2: 456, }); この書き方はフ…