フロントエンドの地獄
cover image

Notionのページからスライドを作れるサービス Notion2Slide

制作年
2021
※クローズしました
 
Crieitが主催するWeb1weekで制作しました。
 
「増やす」のお題にそって「スライド制作を簡単にして登壇の機会を"増やす"サービス」を作りました!
その名も「Notion2Slide」です!
notion image

どんなサービスか

その名の通りNotionの記事から、スライドを作成するサービスです。
サンプルとして↓のようなスライド用のNotionの記事を作ったとしてhttps://www.notion.so/nabettu/306670ce88e440b39510c465820f8a85
 
こんなスライドが出来上がります。https://notion2slide.com/slides/306670ce88e440b39510c465820f8a85
notion image
(前にとってから何もしてなかったドメインが勿体なかったので作りました!w)

使い方

  1. Notionのページを作って公開状態にします
  1. Notion2SlideのトップページにShareURLを入力すればスライドができます
  1. スライドはHeaderかDeviderがあると、そこからページ区切りになります

未完成部分

Todoとかは使えるけど、コードはかみ合わせ悪くてまだ表示できていませんw
画像表示もやたらでかくなるので、ちゃんとしたプレゼンとかで使えるレベルにはなってないですね。
最終的にはログインしてスライド保持とかもやりたいですね〜

中身

  • Notion
  • Vercel
  • Next.js
  • Anotionのコードを流用したもの