今度は入力フォーム正直見た目としてはあまり代わり映えしないけど。前半は各Formの基本から基本形はform-groupクラスで囲ってラベル等をグルーピング、Inputタグにform-coltrolクラスを指定する・form-groupに属するlabelをクリックしてもinputタグ領域をクリックするのと同等の動きをする。class="form-control"><option>りんご</option><option>バナナ</option><option>レモン</option><option>いちご</option><option>オレンジ</option></select>後編に続く2015.11.11ふちねこベローチェのふちねこコンプした。完全にふちねこのために通ったさ。これはドリンクを3杯分のレシートで1個もらえます。レシートは1杯分のを3枚でも可。コンプには15杯ドリンクを注文すればいいんですが、そんな高レベルな羞恥プレーはできないので、ちまちまと集めました。各店舗の在庫数までwebから確認できるので欲しい人はこれを参考に。残念なのはこれ、あんまり安定しない。気がつくとポロッと落ちている。そんなことは大した問題では無いのだ。Table編まずは基本形これはtableタグにtableクラスを指定しただけの状態。これだけで何かシャープな感じがする。class="table"><tr><th>No</th><th>Name</th><th>Age</th><th>Sex</th></tr><tr><td>1</td><td>Taro</td><td>20</td><td>male</td></tr><tr><td>2</td><td>Jiro</td><td>19</td><td>male</td></tr><tr><td>3</td><td>Minako</td><td>20</td><td>female</td></tr></table>theadとtbodyのタグを指定してヘッダと表データを明確に区別すると表示も変わります。表内のデータはthタグを指定すると強調されます。奇数行に背景色が付くようになる。table-bordered"><thead><tr><th>No</th><th>Name</th><th>Age</th><th>Sex</th></tr></thead><tbody><tr><th>1</th><td>Taro</td><td>20</td><td>male</td></tr><tr><th>2</th><td>Jiro</td><td>19</td><td>male</td></tr><tr><th>3</th><td>Minako</td><td>20</td><td>female</td></tr></tbody></table>table-hovertable-hoverクラスを追加で指定すると、マウスカーソルを合わせた行の色が変わるようになる。通常に比べてコンパクトな表になる。classestr、td、thにクラスを指定することでbuttonの時のように色付けが可能。Button編BootstrapのButtonについて公式のページをみながら試してみる。今風なボタンが手軽に表現できますボタンの色タグのclassにbtnとbtn-*****の2つを指定します。btn-link">Link</button>activeを指定するとさらに深い色合いになります。btn-block">Primary</a>disable非活性のオプションにも対応しています。マウスを重ねるとカーソルのアイコンも変わります。準備編デザインフレームワークのBootStrapを勉強してみる。以下の本家サイトからDLしてくる。DLしたファイルを解凍して以下のようにindex.htmlを作ります。サンプルコードがDLページの下部にあるのでそれをコピペして貼り付けましょう。めんどくさい方は以下コピペして保存。src="js/bootstrap.min.js"></script></body></html>index.htmlをブラウザで開くとフォントが変わっているのがわかります。上がBootstrap適用あり、下が適用なし2015.06.07ひらくPCバッグを買おう最近、勉強会とか行くとちらほら見かけて、あれ便利そうだなぁ・・・なんて思ってた。出かけるときにガジェットをたくさんバッグに入れる人にとって、それだけで大きな価値がある。Editionと他は若干作りに差があるようです。こちらにわかりやすくまとめられています。Editionのダークグレーが好きだけど、トータルでは2周年記念モデルのグレー×パープルが一番だなぁ。再販して欲しい・・・・。今のところ、通常モデルのグレーが最有力候補。part3Part1はこちらPart2はこちらいよいよラストの問題。レナのほうを選びました。一人の方は確認しませんでしたが問題違うのかな?ちなみに問題はこれで最後です。このシステムを作った人達はもう会社に一人も居ないとの事。この危機を乗り切って俺の実力を全社に見せてやる!!障害を起こしているのは表を計算するアプリケーションです。マスで構成されており、各マスには数字が入っています。あなたは範囲選択されたマスを合計するプログラムを書かなくてはいけません。選択範囲は左上のマスと右上のマスが指定され、そのマスを含んだ矩形の内側の範囲を複数の箇所を選択することが出来ます。矩形が重なるような選択範囲が指定された場合、選択部分は結合され多角形になります。選択範囲に含まれるマスの全てを合計した数字を出力するプログラムを作成してください。