Hello, World!
ブログを開設してみたよ。このブログに関する少し技術的な話を書きます。
ブログ開設のきっかけ
Microsoft Ignite 2019 という カンファレンスに参加していろんなセッションを聴講したのですが,とあるセッションで 「GatsbyJS で JAMStack するといいぞい」 みたいな話をチョロっと聞いて雰囲気で完全に理解してしまった(完全に理解したの定義)ので, ドキュメントを読みながら静的ウェブページ(つまりブログ)を構築してみました。
ブログの開発に使っているもの
フレームワーク(静的サイトジェネレーター)
Gatsby というフレームワークを使っています。Web フロントエンド開発のベストプラクティスが詰まっている,今一番?イケてる静的サイトジェネレーター(※)。
Gatsby は React という Web アプリケーションのフレームワークをベースにしていて,React のドキュメントサイトは Gatsby で動いています。
このブログも Gatsby で動いていますが,1から全部作ったわけではなく,人が作って公開しているテンプレートをベースにカスタマイズしています。 Gatsby には「テーマ」という概念があって,人が作ったテンプレートを npm パッケージとしてインストールして拡張できるんですが,それを使っています。 このブログがベースとしているテーマに興味がある人は Narative Novela を見てみてください。
記事の管理
このブログ資産と同じ Git リポジトリで行っています。
将来的には,コンテンツを API から取得できるサービスを使って行きたいなぁと思っています。
記事のマークアップには MDX というのを使っています。Markdown を拡張したやつで, React コンポーネントを Markdown に
import
して使うことができるという特徴を持っています。 まあ,MDX を使っているというより,ベースとなる OSS が MDX を使っていただけですが…😅ウェブサイトのホスティング
GitHub Pages を使っています。
CI/CD
テスト・デプロイ のワークフローを GitHub Actions で行っています。テストには Cypress.io という フレームワークを使っています。