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
380
改めて考える"コミュニケーション"
yu_kgr
0
63
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
120
雑なまとめをサイト化したら役に立ちそうって話
yu_kgr
0
190
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
630
Other Decks in Programming
See All in Programming
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
n3xem
0
660
Javaのルールをねじ曲げろ!禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
nrslib
3
2k
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
mackey0225
2
510
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
m4maruyama
1
120
F#で自在につくる静的ブログサイト - 関数型まつり2025
pizzacat83
0
300
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
150
単体テストの始め方/作り方
toms74209200
0
480
Julia という言語について (FP in Julia « SIDE: F ») for 関数型まつり2025
antimon2
3
960
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
700
イベントストーミングから始めるドメイン駆動設計
jgeem
4
850
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
530
エンジニア向け採用ピッチ資料
inusan
0
110
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Side Projects
sachag
455
42k
Designing for Performance
lara
609
69k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
660
Six Lessons from altMBA
skipperchong
28
3.8k
Visualization
eitanlees
146
16k
RailsConf 2023
tenderlove
30
1.1k
Building an army of robots
kneath
306
45k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
The Invisible Side of Design
smashingmag
299
51k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Agile that works and the tools we love
rasmusluckow
329
21k
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