2020.12.22

リニューアルした

このサイトの構成を以下のような形に変えた。

フレームワークホスティング
Gatsby.jsNetlify
Next.jsVercel

今年の4月にGatsby.jsを使って構築したときに、とりあえず構築はできたがReact.js(というかGatsby.js)のこと全くわかっていない状態で構築していた。

途中からよくわからないものをとりあえず動くようにするのが精一杯になっていて、今後スタイルの修正とかしたくなったときに苦労しそうだなと思っていた。

そしてそのまま作ったはいいが当時コロナ禍(変換できない)でいつもより引きこもっていた&精神的に疲労していた関係で、ブログを書くネタもなく日々が過ぎていき放置してしまってた。

その間に自分のようなフロントエンドなにもわからないですというような人間でもNext.jsがよさそうだという雰囲気を感じるぐらいにはNext.jsの勢いを感じるようになり、個人的にReactを触る機会があったというのもあって今回はNext.js+Vercelでリニューアルすることにした。

詳しくはGitHubのリポジトリをみてくれという感じだが、より詳細な技術スタックは以下の通り。

  • フレームワーク: Next.js
  • ホスティング: Vercel
  • CSS フレームワーク: tailwind.css
    • これにTwinを使ってStyled Componentsでも使っている

投稿自体はMarkdown(GFM)で記述していて、 コードのハイライトや数式が使えるようにしている。

継続的にアウトプットする習慣をつけたいので、頑張りたい。

前回の教訓として、あまり1つの投稿に書きたいことを詰め込むと書きたいことがなくなって終了するという知見があるので、なるべくネタはストックして小出しにしていく所存。