nDiki : 2020年09月26日

静的サイトジェネレータとして Gatsby をちょっと触ってみる

個人サイトの長期運用を考えると静的にページを作った方が楽そうとか、手元の Markdown ファイルをレンダリングして共有したいことがあるとか、そういう理由で静的サイトジェネレータについて興味を持ち続けている。

今だと Web サイトやアプリケーションを作るための React ベースのオープンソースフレームワーク Gatsby が勢いがあるようなのでちょっと触ってみた。 Gatsby の Quick Start をやってみるところまで。

結構大きく複雑なフレームワークに成長しているのかな。もうちょっとシンプルなのでもいいのかなあ。

Quick Start

https://www.gatsbyjs.com/docs/quick-start/

 $ npm install -g gatsby-cli
 $ cd ~/tmp
 $ gatsby new gatsby-site https://github.com/gatsbyjs/gatsby-starter-hello-world
 $ cd gatsby-site
 $ gatsby develop

http://localhost:8000/ にアクセスして Hello world! を確認。src/pages/index.js を編集してすぐに反映されることをチェック。

 $ gatsby build
 $ gatsby serve

http://localhost:9000/ にアクセスしビルドしたものも確認。

今日のさえずり: ちょびっと観ただけで「視聴済」になるのとそれを削除できないのが残念

• 09:58 右下のサングラスおじさんラベルのボトルが気ニナル。 #photography RICOH GR III #GR #GRIII #GR3 https://t.co/o01yJatE90
• 21:28 シュワッとする席。 #photography RICOH GR III #GR #GRIII #GR3 https://t.co/UDWkTjz19V
• 21:59 Gatsby の Quick Start をやってみた。手を出すべきかちょっと迷う。もっとシンプルなのでもいいかなあ。
• 23:19 dアニメストア、最初ちょびっと観ただけで「視聴済」になるのとそれを削除できないのが残念仕様。
• 23:32 観終わっていないのに立っている視聴済みフラグは「おすすめ」に反映されないようになっていると期待したい(淡い期待)。
• 23:36 @youclick0113 dアニメストア、 Fire TV にも対応しているんですねー。都度都度 MacBook Pro をテレビに HDMI 接続する必要が無くて便利そう。