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
360
改めて考える"コミュニケーション"
yu_kgr
0
46
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
110
雑なまとめをサイト化したら役に立ちそうって話
yu_kgr
0
180
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
590
Other Decks in Programming
See All in Programming
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
180
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
210
Domain-Driven Transformation
hschwentner
2
1.9k
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.2k
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
790
Conform を推す - Advocating for Conform
mizoguchicoji
3
700
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
150
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
150
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
670
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
140
React 19アップデートのために必要なこと
uhyo
5
730
Open source software: how to live long and go far
gaelvaroquaux
0
650
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
980
Bash Introduction
62gerente
611
210k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Speed Design
sergeychernyshev
27
800
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Become a Pro
speakerdeck
PRO
26
5.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
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