最近やってたこと

twitterいないといない人扱いされがちだけど今はサイトとdiscordに入り浸ってるよ．

というわけで日記です．

やーTwitter壊れちゃってんね！どうなるのかなーと買収後から様子見してたけどイーロンさんもシャドウバンされたり検索やプロフィール閲覧に不具合出たりで中々な壊れっぷりや…

告知が必要になったら発信をしてるけどこんな末期なSNS使う気ならないというか〜絵は絵で同人誌作ってるから進めてるし．だからまだ様子見ー blueskyとかどうなるかね．これから先で新規取引先さんに見つかる場所ってどこや．

ずっと人間関係頼りで紹介して貰ってることが多くてありがたい気持ちともっと目立ちたい気持ちと…これは無いものねだりってやつだな！仕事が仕事を呼ぶってやつも体験できたので商業でゴリゴリにいいやつ出していきたいってモチベに繋がっ た．

今月はHPめちゃめちゃいじってて．主に内部の改修なんだけど，PHPバージョンあげたりページ読み込み早くしたり検索向けにjsonの構造化したり画像をwebpに移行したりまあ色々と手を入れた〜

その関係で古い環境は切り捨てちゃった．まぁ95%以上の環境では動作するようだから…

discordで周りのイラストレーターさん達にポートフォリオサイトにwordpressがいいぞというのを勧めてて．
4，5人ほどwordpressでフォリオサイト始めたんよ〜手伝ってたら自分のも気になっちゃってガッツリ改修したってワケ．

人の手伝う中で持ってた知識古いなーって思って．ブロックエディターでフルサイト編集するのが主流になってたり，レスポンシブだってcssがデフォルトで色々手が回るようになってたり．
昔だったらjs頼りのこともcssで実装しやすくなってたからやりたかったことを詰め込んだ．

今回の改修での一番の大作はイラストの一枚ごとの一覧ページかな．masonryとbootstrap5とlazy対応するjsとの組み合わせで，工夫ポイントは画像のアスペクト比を取得した上でbootstrapのcolの幅のクラスを変化させてる．

縦並びのmasonryだったら実装簡単だったんだけど，あれって横長イラストの面積が小さくなってしまうのがとてももったいなくて．だからその迫力を損なわないように面積を確保するコードを書いてみた．概ね理想通りの挙動してるかな．レイアウト崩れが完全に取り除けては無いが〜この辺はおいおい〜

内部的な改修が済んできたらいよいよ次はデザインを一新しよう！っていう目論見があるんだけど．UIの部分でほんとにこのアイデアだったら訪問者がサイトの各ページをもっと回遊するのだろうか？というところが不安．
どうしても文字量が多くなって情報>デザイン性なことになりがちなので，それを解決してるようなサイトを参考に，もっと回遊しやすく，仕事を呼び込める設計を模索中だ．
構想としてはグローバルメニューを縦で横に入れちゃおうかとかトップページに全面イラスト+枠的なテキストの配置でカッコよくするとか，パララックスする領域とgalleryやcontactページへの誘導を視覚的に入れていきたいなとか．なので作業としては半ばなんだな．

やっぱたまにコード書くと楽しいわ．最強のポートフォリオサイトを内実共に整備してブランディングキメていきたい所存．