Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
NotionでBlogを作ったので供養します / Create kglabo NotionBlog
Search
yu-kgr
February 27, 2021
Programming
1
200
NotionでBlogを作ったので供養します / Create kglabo NotionBlog
Kanazawa.js Meetup #10 にてLTした内容です。
yu-kgr
February 27, 2021
Tweet
Share
More Decks by yu-kgr
See All by yu-kgr
開発時のコミュニケーションを円滑化するBOTを作った話 / A story about creating a BOT that facilitates communication during development.
yu_kgr
1
1.3k
俺たちの"MicroFrontend"やっていき宣言。 / Declaration to do our MicroFrontend.
yu_kgr
0
390
改めて考える"コミュニケーション"
yu_kgr
0
72
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
140
雑なまとめをサイト化したら役に立ちそうって話
yu_kgr
0
200
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
640
Other Decks in Programming
See All in Programming
Devoxx BE - Local Development in the AI Era
kdubois
0
140
CSC305 Lecture 09
javiergs
PRO
0
320
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
260
Webサーバーサイド言語としてのRustについて
kouyuume
1
5k
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
260
What's new in Spring Modulith?
olivergierke
1
170
Developer Joy - The New Paradigm
hollycummins
1
370
AkarengaLT vol.38
hashimoto_kei
1
130
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
Ktorで簡単AIアプリケーション
tsukakei
0
110
マンガアプリViewerの大画面対応を考える
kk__777
0
380
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
GitHub's CSS Performance
jonrohan
1032
470k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Why Our Code Smells
bkeepers
PRO
340
57k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Statistics for Hackers
jakevdp
799
220k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Writing Fast Ruby
sferik
630
62k
Transcript
NoitonでBlogを作成したので供養します Yuki Minakawa (@yu_kgr) 1
普段はEXNOA という所で、 プラットフォームの開発をしています 最近はJava を読んだり、 HTML/CSS/JS/PHP を書いてます。 Kanazawa.js にはJavaScript を
触りに来ましたが、なんだかんだで 運営業務的なことしてるかもしれませんね ⾃⼰紹介 ドーモ、ミナカワ(@yu_kgr )デス 2
では、忘れないうちに供養します (・・・主に私の脳から) 3
最近、界隈を賑わすEvernote みたいなやつ チームで使うも良し、個⼈で使うも良し。 使い⽅によっては、プロジェクト管理 ツールとしても利⽤できる。 オフラインだと利⽤できないのが⽟に瑕 Notionとは https://www.notion.so/ Photo by
:Notion / https://www.notion.so/ 4
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
1. 上記リポジトリをclone してよしなに 2. CSS をイジってスタイルをよしなに 3. material-ui を⼀部導⼊してタグ機能を追加 やってみた
https://github.com/ijjk/notion-blog Photo by :Github - @ijjk / https://github.com/ijjk/notion-blog 6
数ヶ⽉運⽤してみま したが良い感じ できました https://blog.kglabo.com 7
デモします 書くときも簡単 執筆から反映まではこんなかんじ 8
Markdown で管理するタイプのSSG に⽐べて、git 操作しなくて良い。 web とアプリに対応してるのでPC でもスマホでも書ける これによって 「よーし、今からブログ書くぞー!」 って意気込まずとも
メモとってると、勝⼿に記事になってるので気持ちがとても楽。 イケてる点 ここが便利だ Notion Blog ! 9
勝⼿にcookie 内のtoken を利⽤しているので、Cookie 消失→ 再取得のコンボで token の値が変わった際は、ブログの記事が取得できず表⽰されない。 blog の記事ページ [slug].tsx
内の記述がカッ詰まってて読みづらい (ワイのスキル不⾜もある) イマイチな点 ここは微妙だ Notion Blog ! 10
今後、notion は無料ユーザーに対してもAPI を提供予定らしいのでそこは期待 https://www.notion.so/api-beta どうせオンラインならHeadlessCMS でもいいのでは!?ってお気持ちになった 感想 オフラインに対応してくれたらなぁ… 11
先⽣の次の作品にご期待ください つぎはこういう感じの構成で作ってみたいと思います 12
ご清聴ありがとうございました 13
14