Bootstrapを使ってみて最近のCSSのトレンドなどを知る。日記その他いまさらBootstrapを使ってみて最近のCSSのトレンドなどを知る。Bootstrap2014.09.09完全に乗り遅れていましたが、Bootstrapを使ってみました。Bootstrapと呼ばれていました。BootstrapエンジニアならCSSというものの構文自体は簡単に理解できると思いますが、それで綺麗なサイトを作れるかと言われると、なかなかできません。Bootstrapは、よく使うCSSを部品化して使えるようになっていて、簡単にWebサイトにスタイルを当てられるのがウリです。導入BootstrapのCSSとJavaScriptを組み込めば、すぐに使える状態になります。テンプレートを試してみるシンプルなナビバーのテンプレートを試してみます。nameHomeAboutContactBootstrapでは、HTMLの要素にclassをつけることで、デザインを当てていきます。ナビゲーションバーにはnavbarクラスを適用し、色を黒に反転させるためにnavbar-inverseクラスを適用し、ページ上部に固定するためにnavbar-fixed-topクラスを適用する、という形です。してCSSには触れずにマークアップだけすれば、それっぽいデザインのサイトができあがります。レスポンシブ対応もしていて、画面の幅を狭めると、ナビゲーションバーのメニューが開閉するような機能まで提供されています。これは便利!読んだ本この本を読みました。BootstrapCSSなどの基本的な知識自体はあるので、30分くらいでざーっと読めて、すぐに書き始められました。最後に余談ですが、CSSの使い方の変遷について。昔は<table>タグでレイアウトを構成し、CSSを書くとしてもhtmlファイルの中に直接、少しだけ書くということが多かったように思います。文字色は、<font>タグとかで変えていたので、それでも変えられないような細かいスタイルに限って使っていました。それから、レイアウトは<div>で構成するようになって、<font>タグなんかは使われなくなって、htmlファイルにスタイルは書かれずに、外部のcssファイルに書くことが多くなりました。この時は、htmlファイルは文書の構造だけを定義し、cssファイルにデザインを書くという完全な分業を目指していたように思います。時が経って、Bootstrapなどは、またhtmlファイルにデザインの一部を書く方向に、ほんの少しだけ戻っているような印象です。これをデザインと受け取るか構造と受け取るかは極めて微妙ですが。実際にサービスを開発するときには、デザイナー寄りの人がCSSを書き、エンジニアがプログラムを書きますが、HTMLを書くのをどちらがやるべきかは結構悩みます。Bootstrapくらいの感じなら、エンジニアも手を出しやすくて、お互いにうまく回りそうです。コピーkatty0324三度の飯とエレクトロンどうしてJavaは、これほどまでに使われるようになったのか。メンバー全員の熱量が高い状態を保たないと、全員が不幸になる。addでβ版をインストールするBootstrapのバージョンが5になるということで、試しにインストールしてみようとしました。β版といういうことで、安定バージョンの4.6.0が選択されます。......Composer3年ぶりのPHP。最近のパッケージ管理ツールComposerに触れてみました。先週から新しいプロジェクトに入ったのですが、開発環境どうするかと少し考えて、PHPでいくことにしました。My365を開発した以降は、ずっとJavaを使っていたので、3年ぶりくらいにPHPをまともに書く態勢となりました。この3年間で変わっ...Gruntgrunt-contrib-watchで、JavaScriptやCSSの更新時に自動でビルドする。Gruntで、WEB開発の工程を自動化できることを紹介しました。Gruntに設定を書けば全ての工程は自...GruntJavaScriptやCSSの開発工程を自動化するGruntとは何か?フロントエンドのWEB開発はここ数年で、とても高度になった代わりに、かなり工程が増えました。