はじめに
ゆとり世代の中野です。
今回チャレンジしたことは内容は【Apptionを使ってNotionにアプリを埋め込む】です。
さっそくチャレンジについて書いていきます。
チャレンジする背景
現状ブログのコンテンツが記事一覧しかないのでコンテンツを増やしたい！
とはいえ、このブログを作った時と同じくメンテナンスフリーでありたい！
そして簡単に実現したい！
今日はNotionに簡単にアプリを埋め込む方法にチャレンジします
チャレンジ内容
- ブログのコンテンツの1つとしてApptionを使ってTwitterをNotionに埋め込む
Apptionとは
- Notionに簡単にアプリを埋め込むためのサービス
作成手順
アカウントの作成
- Apptionのアカウントを下記から作成します
コンテンツの検索
- 使用したいコンテンツを検索フォームで検索します
- ここではチャレンジ内容のTwitterを検索してみました
- Twitter Timelineをクリックすると詳細画面に遷移します
- demo用のlinkやnotionのlive demoなど利用するとどういう感じのアプリかわかるような情報があります
- 実際の使い方はどうやらチュートリアルがあるみたいですね
- さっそくQuick Tutorlalを実施していきたいとおもいます！
Quick Tutorlal(日本語とスクリーンショットで補足)
- https://publish.twitter.com/にアクセスします。
- 画像1を参考
- 埋め込みたいタイムラインまたはモーメントのURLを入力します。
- 画像2~4を参考
- Webサイトに合わせて高さとテーマ（明るいまたは暗い）を指定して、デザインをカスタマイズします。
- 画像5を参考
- HTMLコードをコピーして貼り付けます。（これをNotionに貼り付けないでください。まだ機能しません。）
- 画像6を参考
- 補足
- Notionで利用する場合は
/embedで埋め込みが可能になります
まとめ
- 下記のような感じでTwitterが埋め込まれました！
さいごに
いかがでしょうか
簡単にNotionにアプリを埋め込むことができました
今後もApptionを使って簡単にNotion上で実現していきましょう！
yutanakano
WEBエンジニア
大阪生まれのゆとり世代です
趣味はバイクでツーリングに行くこと
愛車は Ninja ZX-25R SE KRT EDITION
Expoでプロダクトを作っています
