ホームページをリニューアルしました！！

はい、Twitterや何やかんやで予告通り、ホームページを一新しました！一新？いや言うほど新しくもないか(笑)

前回のアップデートがFinal 2nd βとか確かそんな感じだった気がしますが、今回のは何にしましょうか。β版ではいささか据わりが悪いのでそれを外してFinal 2ndでどうでしょうか。どうでもいいですかそうですか。

まず見た感じの差異として全体的に文字やクリック幅などを大きくしました。

今までのレスポンスタイプセッティングは完全ではなく、コンパクトなレイアウトだったためグリッドデザインに対応していませんでした。それを今回は修正しています。tableやblockquote属性などそれでもまだ100%の対応は実現していませんが、メインタイトルは48pxでその他の題字のちょうど2倍、文字の高さや段落間の空白なども全て24pxを基準にしています。実際、右のサブメニューを一緒に見てもしっかり行が合っていると思います。その他の部分に関しても追々実装していくつもりです。

コンテンツの面では高校、大学、就活、それからプログラミングの4つを残し、その他の雑多な分に関しては削除させて頂きました。いないとは思いますが小説やアニメレビュー、RPGなどの更新を心待ちにしていて下さった方々、いらっしゃいましたら、申し訳ないです。

以上のようなコンテンツは今後、新しく創設したBlogのページで紹介していこうかなと思っています。と言いますのは、前回の更新で打倒WordPressを謳ったはいいんですが、肝心のメンテナンス性がゴミクズのようで、アーカイブのページに辿り着けないという事態に陥ってしまったため、どうせならそれ全部包括できるページがあった方が良いんじゃないかというアイデアに至った次第です。

また、スマホ、タブレットでの閲覧者が今後増えていくだろうと予測し、トップページ、サブページのバナーを撤廃しました。ただ、トップページの大型サムネイルは残そうと思っているので、それでパケット数が肥大化してしまうかもしれません。

それから細かい部分では申し訳程度に載せていた「タグ」これも消しました。何のSEO対策にもならないしカテゴリだけで十分だろうという。

技術的な変更点です。全てのページでほぼ共通している部分、ヘッダー、ナビゲーション、最新記事、サイト内検索、Twitterウィジェット、フッターの全てをJavascriptで別途呼び出すかたちにしました。jQuery.ajax周りのAPIを使ってルートディレクトリのhtmlファイルを読み込んでいます。

従ってJavascriptに対応していない、あるいは無効にしている端末やブラウザでは見るに堪えないページになってしまいます。今の御時世、ないとは思いますが、くれぐれもJavascriptに対応した環境でご覧ください。

簡単ではありますが、以上がこのホームページ最後の大幅リニューアルになります。デザインは今後ほぼ変わることはないだろうと思いますが記事は少しずつ更新していくつもりですので、今後もProject STEP、改め、minato projectをどうぞよろしくお願い致します。