Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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