2018-10-02CSSフレームワークを入れ替えましたこのサイトのフレームワークをBootstrapから、Bulmaに変更しました。移行したばかりなので、これから使いやすいように調整していきます。名前の由来はドラゴンボールBulmaは日本語で「ブルマ」と呼びます。人前で言いづらい名前ですよね。名前の由来はドラゴンボールからです。カプセル化→カプセルコーポレーション→ブルマという連想らしいです。BootstrapよりBulmaの方がいい理由Bootstrapと比べて自分が気に入った点を挙げます。JavaScriptがほとんど不要BootstrapはjQueryが必須です。一方でBulmaはCSSのみで記述されています。JavaScriptがないとできないこともあります。ハンバーガーメニュー(幅を狭くすると出てくる3本線)の開閉にはJavaScriptを使います。サンプルコードのコピペでもOKです。IE11ではアロー関数が使えないので書き換えが必要です。Flexbox修飾子(Modifiers)が自然Bootstrapの不満点として、修飾子(Modifiers)が分かりにくいことでした。ように不自然な省略形が使われています。ようにパッと分かりやすい修飾子が使えます。どのように書けばいいか分からないことでした。動かすことはできましたが、モヤモヤ感がのこりました。BootstrapBulmaでは階層構造が明記されていて、分かりやすいです。FlexboxIE対応は注意が必要BulmaはIEはサポートしていません。Flexboxただ、IE11で90%は動くと書いてます。Bootstrapこのサイトも一部表示が乱れますが、IE11で表示するように修正しています。エンジニア認定基礎試験に無事合格しましたWeb系に転身するために必要なスキルカイゼンは一日にしてならず。