5月9日 -模写-

1.今日の目標

模写を進める。

 

2.結果・感想

 間違って違うブログで一度公開してしまった。はてなブログって同じアカウントでブログ作ると間違いやすいから、アカウント変えたほうがいいのかな。一応「よくある質問」セクションが終わった(どうしてもできない所がある。形にはなっているのでその問題点は一度飛ばすことした)。この後footerに入っていく。「よくある質問」セクションの所要時間は2時間。「footer」セクションは1時間で終了。

 

 

3.学んだことの書き出し

RubyのHTMLへの埋め込みについて

RubyをHTMLに埋め込むには<%と%>で囲う

HTMLに表示させたい内容であれば<%=と%>で囲う

erbというRubyのライブラリを読み込むことで埋め込める

require 'erb'と書いてerbを読み込んでおく

模写

inputのtype="checkbox"の後にchecked="checked"とすると最初からチェックされた状態になる

inputタグとその後に最初は非表示のdivタグを用意し、inputにチェックが入ったらdivの中身を表示させるようにしてアコーディオンを作れる

 &copy;でⒸと表示

 

4.明日の課題

 

 

 

5.参考URL

CSSの作業効率がアップする、少し高度な使い方のまとめ

https://coliss.com/articles/build-websites/operation/css/css-quirks-oddities-and-advanced-tips.html

checked属性について

 http://www.osaka-kyoiku.ac.jp/~joho/html5_ref/checked_attr.php?menutype=2simpll01l02l03A0