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
45
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
110
雑なまとめをサイト化したら役に立ちそうって話
yu_kgr
0
180
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
590
Other Decks in Programming
See All in Programming
shadcn/uiを使ってReactでの開発を加速させよう!
lef237
0
390
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
390
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
1
190
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
100
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
4.2k
ファインディの テックブログ爆誕までの軌跡
starfish719
1
790
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2k
JavaScriptツール群「UnJS」を5分で一気に駆け巡る!
k1tikurisu
8
1.3k
Package Traits
ikesyo
2
230
Amazon Nova Reelの可能性
hideg
0
260
ASP.NET Core の OpenAPIサポート
h455h1
0
160
ESLintプラグインを使用してCDKのセオリーを適用する
yamanashi_ren01
2
380
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
335
57k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Designing Experiences People Love
moore
139
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Building Adaptive Systems
keathley
39
2.4k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Building Applications with DynamoDB
mza
93
6.2k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
BBQ
matthewcrist
85
9.4k
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