4log

サイトを作った

2026/02/22

4log

数年ぶりにサイトを作った

前はtumblrのテンプレ使ってたけど微妙にやりたいことができなかったりスマホが見づらかったりしたので思い切って作り直すことに。

丁度別でイラストとか載せる用のサイトを作っていたのでデザインやコード周りやらをアレンジしつつ流用した。(+pixiv、クロスフォリオ、Scrapbox辺りを参考に)

ポイント

  • ミニマル構成 効率厨向け
    • まずイラストが出るようにした(+ブラウザの幅高さ依存でいい感じに変わるはず)
  • galleryとmemoの記事をほぼ同じテンプレで運用できるようにした
  • 二次創作読む側は原作別にしか見ないだろと思いNextPrevをタグ内で移動するようにした(といいつつmemoは放置中)
  • メモをカードタイプにして自分が見やすいようにした (scrapboxやNotionのカードビュー風)
    • 本文の冒頭が見えるようにしてるけどネタバレ隠せる機能付けたからあまり意味ないかも?カード増えれば気にならなくなるか

感想

  • 組んだり作品並べたりするのが楽しかった
  • 早く公開したいあまり優先度低い機能を端折ったのでまた時間作って改良したい
  • 途中でPC版のheaderを左menuに移動した時に初めて作ったサイトの左フレームを思い出して感慨深かった
  • 箇条書きのstyleいらなかったかも(Obsidianからコピーした時にいちいち設定し直したくない)

これやりたい

  • 作品ページの下のNextPrevをpixivみたいにしたい
  • 記事内でLightBox入れたい
  • 画像の閲覧注意フラグ
  • 心理的に単発の落書きが入れにくいのを改善したい(とはいえイラストと落書き分けると分ける判断が必要なのでそれもダルい)
  • pixivみたいにサイドバーに前後の作品
    • 優先度低め
  • スマホ next prevもうちょい押しやすくしたい
  • メモを公開型メモらしくなるよう移行
  • galleryを検索できるようにイラストだけでもキャラ名入れる?