manasblog
eyecatch

2021/8/22 14:39 

ブログアプデ

流れ

  • さいしょ
    • 公式さんが導いてくれるのはここまで
  • 中間。
    • グラスモーフィズムやりたかったんだけどダサすぎわろたすぎてやめた
  • 結果
    • 『マグネットでメモをはりつけてるホワイトボード』みたいなイメージ
    • アザラシはfavicon大活躍
      • 仮置きのつもりだったけど結構気に入ってる

記録

ビルド落ちてデプロイされてなかった問題

  • 最初の2データにはアイキャッチがあったんが、追加した3データ目にアイキャッチがなかったのでアイキャッチのURLが取得できなくてビルド落ちてデプロイされてなかった
    • optionalなデータへの対処は実務でもやりがちなので気をつける
    • 今回に関してはテストケースの不足みたいなもんでもあるので網羅するようにする

Next.jsのイメージがabsolute効かない問題

  • 枠上アザラシがposition: absolute;効くかなくてコードみたらNext.jsのImageタグはimgをdivでwrapしてるのでなんか上手い感じに効かない。Imageタグをdivで囲ってdivnいクラス付与したらうまくいったので、imgタグ自体に効かせるようなもの以外は、divに付与がよさそう


今後

  • 10件以上になったら続きを読み込むみたいな機能を作りたい
  • 月別表示か草生やす機能とか作りたい 青ベースだから青濃淡にしたいなあ
  • ブログ内容自体のhtml特に触ってないので、そこもちょっとカスタマイズいれたい