Slide 1

Slide 1 text

NoitonでBlogを作成したので供養します Yuki Minakawa (@yu_kgr) 1

Slide 2

Slide 2 text

普段はEXNOA という所で、 プラットフォームの開発をしています 最近はJava を読んだり、 HTML/CSS/JS/PHP を書いてます。 Kanazawa.js にはJavaScript を 触りに来ましたが、なんだかんだで 運営業務的なことしてるかもしれませんね ⾃⼰紹介 ドーモ、ミナカワ(@yu_kgr )デス 2

Slide 3

Slide 3 text

では、忘れないうちに供養します     (・・・主に私の脳から) 3

Slide 4

Slide 4 text

最近、界隈を賑わすEvernote みたいなやつ チームで使うも良し、個⼈で使うも良し。 使い⽅によっては、プロジェクト管理 ツールとしても利⽤できる。 オフラインだと利⽤できないのが⽟に瑕 Notionとは https://www.notion.so/ Photo by :Notion / https://www.notion.so/ 4

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

1. 上記リポジトリをclone してよしなに 2. CSS をイジってスタイルをよしなに 3. material-ui を⼀部導⼊してタグ機能を追加 やってみた https://github.com/ijjk/notion-blog Photo by :Github - @ijjk / https://github.com/ijjk/notion-blog 6

Slide 7

Slide 7 text

数ヶ⽉運⽤してみま したが良い感じ できました https://blog.kglabo.com 7

Slide 8

Slide 8 text

デモします 書くときも簡単 執筆から反映まではこんなかんじ 8

Slide 9

Slide 9 text

Markdown で管理するタイプのSSG に⽐べて、git 操作しなくて良い。 web とアプリに対応してるのでPC でもスマホでも書ける これによって 「よーし、今からブログ書くぞー!」 って意気込まずとも メモとってると、勝⼿に記事になってるので気持ちがとても楽。 イケてる点 ここが便利だ Notion Blog ! 9

Slide 10

Slide 10 text

勝⼿にcookie 内のtoken を利⽤しているので、Cookie 消失→ 再取得のコンボで token の値が変わった際は、ブログの記事が取得できず表⽰されない。 blog の記事ページ [slug].tsx 内の記述がカッ詰まってて読みづらい (ワイのスキル不⾜もある) イマイチな点 ここは微妙だ Notion Blog ! 10

Slide 11

Slide 11 text

今後、notion は無料ユーザーに対してもAPI を提供予定らしいのでそこは期待 https://www.notion.so/api-beta どうせオンラインならHeadlessCMS でもいいのでは!?ってお気持ちになった 感想 オフラインに対応してくれたらなぁ… 11

Slide 12

Slide 12 text

先⽣の次の作品にご期待ください つぎはこういう感じの構成で作ってみたいと思います 12

Slide 13

Slide 13 text

ご清聴ありがとうございました 13

Slide 14

Slide 14 text

14