web renewal

やっとウェブサイトをリニューアルできた。
結局3weekもかかってしまった。見た目を変更するだけなら2～3日でできるのだけど、今回は作業が盛りだくさんｗ

まずcss、
いままでブートストラップを最小限にカスタマイズしたものを使っていたけど、Bootstrap4になり学習コストが無駄なので、フルスクラッチで作成。cssの量が75％ぐらい削れた。htmlに余計なクラスうたずにすむし、いい事づくし。
一人で作業するなら、テンプレートは必要ないかなとも思う。
またトレンドを考えて、lessからsassに変更。”grunt watch”という呪文ｗを唱えずにすむし、コンパイルも大幅にスピードアップ、バックアップも簡単になった。ついでにsublime-textも3に変更

次にサーバー、
VPSにphp-fpm + nginxでリバースプロキシサーバー組んでいたけど、数年に一度しかない作業で、細かい知識をアップデートするのを実に無駄に感じていた。
今回は某スクリプトを使って、一発構築。専用コマンドなど若干学習コストがかかるけど、それでもはるかにお釣りが来るものだった。
無料SSLも一発構築できるので、ついでにSSL化。

それから開発環境、
従来はBitnamiだったけど、local by flywheelに変更。新規サイトの追加・削除が非常に楽になった。PHPのバージョンの変更も簡単だし、容量も食わない。これまたいい事ずくし。

最後にhtml、
構造化データにJson-ldを併用。

とまぁここ数年の進歩の恩恵を思いっきり受けて、従来より作業時間が半分以下になりました。
途中で飽きなければ2weekぐらいでできたかも。
まだサーバーやCSSの細かい調整は残っているけど、日々の暇つぶし程度で終わりそう。

余談として、さくらVPSにスクリプトでOS入れると、22番ポート以外塞がれる仕様を知らずに、２日間ぐらい足止めを食らったのは地味に痛かったｗ