サイトをリニューアルしました

どうも、みなとです。久し振りに「久し振り」を使わずに挨拶できました。一時期は本当に更新が滞ってしまい、申し訳ない思いでいっぱいでした。最近やっと落ち着いて自分の時間をある程度取れるようになってきたので、これを機にまた頑張ろうと思います。

さて、一昨年の8月に大幅リニューアルしたのを最後に、レイアウト、デザインその他はこれまで全く変えておりませんでした。実際私もそのつもりでしたので、ブログにて「今回が最後のリニューアルになります」と書きました。

が、気分が変わりました(笑)

最近、新しい技術やフレームワークに触れることが多く、その中でWebエンジニアリングに関しても幾つかのノウハウを伝承されました（誰から

それが、今回のリニューアルの主なポイントになります。

御アクセス頂いている皆さんの目に見えるところで言うと、まずメインコンテンツの幅を増やしました。本文が画面の真ん中に来て欲しくて以前は左側に多めのマージンを取っていたのですが、正直あんまり意味がないような気が、薄々していました。

ヘッダー、リストやテーブル等のデザインも変更しています。この辺はTwitter社が公開している「Bootstrap」というCSSの枠組みを使わせてもらっています。Bootstrapを利用することでユーザビリティに配慮したコンポーネントが簡単に作れるだけでなく、PC、スマホ、タブレットで共通のCSSを定義するのみで勝手にフロートなどやってくれる、というメリットがあります。かいつまんで言えば、メンテがしやすい(笑)

「Blog」に関して、これまでトップの「詳細ページ」ボタンを押しても直接その記事に飛ぶことがなかったので非常に不便だったかと思います。今回のリニューアルでそれも改善しています。

「大学レポート」の各講義ページは「前/後期別・曜日別」としていましたが、諸事情により従来の「受講期別」に戻しました。ただし、素っ気ないリスト表示だといささか分かりづらいかと思いましたので、時間割表示にしています。BASIC認証でアクセス制限を設けていましたが、ひとまずそれも解除しています。ヤバそうになったら鍵かけるかもしれません。

Bootstrap以外の技術的な改修について。

CSSセレクタの名称を一新しました。BEMという規約に基づき命名するようにしています。ただ、Bootstrapそれ自体がBEMの規約に則った命名でないので、Bootstrapモジュールとしての部品とそのデザインはそちらの名前に合わせ（というかそうするしかない）、私の側で新規に設計したデザインやレイアウトの類はBEM標準としています。

その他、まだまだ不完全なところもあるかと思いますが、随時微調整していきたいと思います。

今後ともminato projectをどうぞ宜しくお願い致します。