Atelier NODOKA

にゃんぱすー(古い)、trebyです。

昨年10月のBootstrap導入以来、放置され続けてきたレイアウト部分。

最近はちょこちょこレイアウトを微妙にいじったり(例えば検索フォームのボタンのところとか)していたのですが、気分がちょっと乗ってきたのでガッツリ固定ページをリニューアルしてみました。

具体的にいじった部分としては以下です。

• About
  • クールなランディングページ風に
• Works
  • ようやく最新の状態になりました！
• Profile
  • ちょっとかっこいい
• History
  • サイト作ったところから数えても既に5年近く経っていることに愕然としたり。

流石、個別に作っただけあって、見栄えは良くなったかなぁと思います。とはいえ、まだまだ修正が追いついていない部分も多いので順次対応していきたいです（希望）。

あとはちゃんと更新しようぜという話ですね。はい。

艦これ的に。レスポンシブルデザインっていいですよね。ただBootstrapとか使うとどうしても似たり寄ったりなデザインになってしまうということもあったりして、これに対する微かな抵抗として有料のテーマを使ってみました。

まあ、昨日今日とほぼ丸々使っただけあって、それなりにはいい感じにできたのかな、と思います。大抵こういうのって、思い立ってもできないことが多いですからね。連休で良かった。

今回の改修でやったことは以下になります。

- WordPressテーマのバージョン管理開始(git)
-- https://github.com/treby/wptheme-nodoka
--- private repoだとお金かかってきちゃうということで。。。
- 各種ライブラリ類の導入
-- jQuery
-- Bootstrap
-- google-code-prettify
- 不要なプラグイン／ライブラリの除去
-- まだコード自体は残っているので取り除き、別の手法に切り替える必要あり。

逆に今回の改修でできなかったこととしては、

- 無理矢理テーマだけ変えたのでダサい。
-- DBに入っている部分をよしなにするCSSを書く必要がある。
- 画像がぬいーんってならなくなった。
- 自動バックアップ機構を構築できなかった。
-- 開発環境もまだ微妙。
- 作品一覧を今みたく固定ページに追加していくのではなく、作品ごとに独立ポストにしたい。
- ブログ投稿書くのに、タグ直打ちはそろそろダサい。

あたりですかね。

個人的にはコードを書きやすくなったのが良かった気がします。

<?php
    echo "hello, world!!";
?>

行番号付きもいける。

$(document).on("click", "a", function(e) {
    e.preventDefault();

    alert("hello, world!!");

    return false;
});

Bootstrap的にはインラインのコードも書けるです（hogehoge的な）。いい感じ。Previewしてみて、行間ダサいなぁとは思うので、そこは追々直していきます。

あと、バージョン管理を導入したことで開発と本番の行き来が以前よりはややこしくならずに済むかな、と思います。

洗い出してみると、まだまだありますね。さすが重い。色々知見が得られたので、忘れないうちになんか書けたらいいな、と希望だけでも。他にやりたいこともあるけれど、まずは一つずつ。