NotionでBlogを作ったので供養します / Create kglabo NotionBlog

Kanazawa.js Meetup #10 にてLTした内容です。

Transcript

1. NoitonでBlogを作成したので供養します Yuki Minakawa (@yu_kgr) 1
2. 普段はEXNOA という所で、 プラットフォームの開発をしています 最近はJava を読んだり、 HTML/CSS/JS/PHP を書いてます。 Kanazawa.js にはJavaScript を 触りに来ましたが、なんだかんだで 運営業務的なことしてるかもしれませんね ⾃⼰紹介 ドーモ、ミナカワ（@yu_kgr ）デス 2
3. では、忘れないうちに供養します     （・・・主に私の脳から） 3
4. 最近、界隈を賑わすEvernote みたいなやつ チームで使うも良し、個⼈で使うも良し。 使い⽅によっては、プロジェクト管理 ツールとしても利⽤できる。 オフラインだと利⽤できないのが⽟に瑕 Notionとは https://www.notion.so/ Photo by :Notion / https://www.notion.so/ 4
5. Vercel の中の⼈が作ったNextJS ベースのやつ ⾃分のNotion の記事ID Notion ログイン後のCookie 内Token 上記を利⽤してAPI 情報をVercel 上の Next に⾶ばしてるっぽい（⼤丈夫か？） Notion Blogについて https://notion-blog.now.sh/ Photo by :My Notion Blog / https://notion-blog.now.sh/ 5
6. 1. 上記リポジトリをclone してよしなに 2. CSS をイジってスタイルをよしなに 3. material-ui を⼀部導⼊してタグ機能を追加 やってみた https://github.com/ijjk/notion-blog Photo by :Github - @ijjk / https://github.com/ijjk/notion-blog 6
7. 数ヶ⽉運⽤してみま したが良い感じ できました https://blog.kglabo.com 7
8. デモします 書くときも簡単 執筆から反映まではこんなかんじ 8
9. Markdown で管理するタイプのSSG に⽐べて、git 操作しなくて良い。 web とアプリに対応してるのでPC でもスマホでも書ける これによって 「よーし、今からブログ書くぞー！」 って意気込まずとも メモとってると、勝⼿に記事になってるので気持ちがとても楽。 イケてる点 ここが便利だ Notion Blog ！ 9
10. 勝⼿にcookie 内のtoken を利⽤しているので、Cookie 消失→ 再取得のコンボで token の値が変わった際は、ブログの記事が取得できず表⽰されない。 blog の記事ページ [slug].tsx 内の記述がカッ詰まってて読みづらい （ワイのスキル不⾜もある） イマイチな点 ここは微妙だ Notion Blog ！ 10
11. 今後、notion は無料ユーザーに対してもAPI を提供予定らしいのでそこは期待 https://www.notion.so/api-beta どうせオンラインならHeadlessCMS でもいいのでは！？ってお気持ちになった 感想 オフラインに対応してくれたらなぁ… 11
12. 先⽣の次の作品にご期待ください つぎはこういう感じの構成で作ってみたいと思います 12
13. ご清聴ありがとうございました 13