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
71
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
130
雑なまとめをサイト化したら役に立ちそうって話
yu_kgr
0
190
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
640
Other Decks in Programming
See All in Programming
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
kobakei
0
490
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
180
iOSDC.pdf
chronos2500
2
660
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
株式会社 Sun terras カンパニーデック
sunterras
0
220
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
340
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
220
XP, Testing and ninja testing ZOZ5
m_seki
2
280
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
910
止められない医療アプリ、そっと Swift 6 へ
medley
1
110
プログラマのための作曲入門
cheebow
0
540
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1k
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
A Tale of Four Properties
chriscoyier
160
23k
For a Future-Friendly Web
brad_frost
180
9.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
How to Ace a Technical Interview
jacobian
280
23k
Optimizing for Happiness
mojombo
379
70k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Side Projects
sachag
455
43k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Scaling GitHub
holman
463
140k
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