easy-notion-blogのOgImageを有意義に活用するためにGoogleスライドですぐ作成する工程を紹介します。

鬼ネストなNotionデータを精読しながら「なぜ？」と向き合いながら着実にデータを取得していく方法を解説します。※ 結構長いです

ogImageも保存する仕様にしたけどimgタグで親サイズを継承してくれない問題を解決するためにvwを使ったらうまく整いました。

API の動きや外部データを取得して表示するdata fetchingについても公式サンプルを活用して納得行くまで作って動かして確認していく過程を紹介します〜🎶

この上なく質素な状態から画面遷移・レイアウト・componentを実装しながらeasy-notion-blogの構成を学ぶと今更ながら気付かされることが多々ありました。

easy-notion-blogのロゴ・デフォルト画像を描かせていただいた経緯と作成小話に触れながらも結局OgImageのコードを修正できて良かったっていう内容です。

VSCodeの拡張機能を使えばPRを受け取ったり、branchを可視化できたりと便利。

プランを変更してもサーバーを変更しても同じドメインで運用できるように独自ドメインを取得することにした経緯と設定方法について解説しました。

２回ポチッとすれば勉強した時間を計測・集計をして可視化できちゃうNotion Formulaの凄さを簡単に紹介します。※ テンプレあります

Notionでブログを作成できる良さについて２ヶ月の振り返りを交えながら解説してみました。