iPhone

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
困った人

最近Notionを使い始めたけど、日記を書くときに天気予報とかあったら便利なんだけどなぁ…

タスク管理やライフログ、日記など様々な用途に使われている「Notion」
私もブログのネタ帳や、読みかけの記事・本の管理に使いはじめました。

https://twitter.com/Gon__CL/statuses/1355140973748097025?s=20
NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
ごん

以前までEvernoteをサブスクで使っていたんですが、Notionの無料(1つの記事に5MBまで制限あり)でやっていけそうな気がして、半年前に移行しました

おしゃれでいろんなことができる「Notion」ですが、

コピペするだけでTwitterのタイムラインを埋められる

って知っていましたか?

その他にも

https://twitter.com/Gon_iPad_CL/status/1355004667835473929

グラフを作る
天気予報を表示させる
時計を表示させる
カウンターを設置する

などなど、いろいろなことができます。

そこで、この記事ではNotionで使えるウィジェットを提供している

・apption.co
・Indify

について詳しく紹介していきます。

Notionで使えるウィジェットってなに?

ウィジェットを使えば、Notion内でいろいろなものを表示させる事ができます。

例えば下記のように、

・腹筋したらボタンを押す
・いいことがあったらボタンを押す
・褒められたらボタンを押す

こんな感じのカウンターを設置することができます。

https://twitter.com/Gon_iPad_CL/statuses/1354993482520096768?s=20

ウィジェットサイトapption.coとindifyの違い

基本的にはやることは一緒なのですが、apption.coは無料で使う場合制限があります。

apption.co
indify
  • 無料だと最大3個まで
  • ウィジェットの種類は59種
  • 操作性が少しむずかしい

使えるブロック一例

・Twitterタイムライン
・折れ線グラフ

・Google Analytics
・ホワイトボード   etc

  • 無料で使える
  • ウィジェットの種類は8種
  • 操作が簡単でわかりやすい

使えるブロック一例

・カウンター
・時計
・天気
・Google Calendar
・ギャラリー   etc

どちらのサイトもGoogleアカウントなどで登録が必要となります。

<Notionウィジェット>apption.coの使い方

今回は例題としてTwitterのタイムライン埋め込み方法をご紹介していきます。

アカウントの作成

Apption.coにアクセスして、右上のサインインからNewuser?をクリックしてアカウントを作成します

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
検索画面でSocialにして、Twitterを選ぶ
NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

表示されたTwitterTimelineをクリックします

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
Twitterの埋め込みタイムラインコードを作成する

①自分のTwitterアカウントのURLをコピーします
https://publish.twitter.com/#にアクセスして埋め込みコードを作成します

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

③TwitterのURLを入力して、オプションを選択します

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

④コードが作成されるのでコピーボタンを押して先程のApption.coに戻ります

STEP3-4のコード:Twitterのタイムラインコード

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
Notion甩のコードを作成する

①コードをコピーしますが、先程コピーしたTwitterのタイムラインコードも使うので、クリップボードの履歴が残らない場合はメモ帳などに貼り付けておいてください

STEP4-1のコード:ウィジェットのコード

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

②Notion埋め込み可能URLをクリックします

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

③コードの登録画面が表示されるので下記手順のとおりに打ち込みます


<a href=”STEP4-1のコード:ウィジェットのコード”>STEP3-4のコード:Twitterのタイムラインコード</a>

今回のTwitterの場合なら

<a href=”https://apption.co/embeds/ivl748″>Twitterのタイムラインコード</a>

となります。

ここまでできたら、名前をつけてURLを生成するを押せば登録は完了です

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

Notionに埋め込む方法

先程STEP4-1でコピーしたウィジェットのコードを使います

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

Notion内で /em と打ち込みEmbedを選択します

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

Paste in https://…の箇所に、先程のウィジェットコードをペーストして、Embed linkをクリックしたら完了です

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
完成

今回はTwitterタイムラインの埋め込みだったので、成功すれば下記のように表示されます

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

<Notionウィジェット>Indifyの使い方

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
ごん

Indifyは簡単なので、特に説明も不要かと思います

登録する

Indifyにアクセスして登録します

好きなウィジェットを選択
NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
カスタマイズする

ライブプレビューで確認しながらカスタマイズします

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
ウィジェットのコードをコピーする
NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
Notion内に埋め込む

Notion内で /em と打ち込みEmbedを選択します

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

Paste in https://…の箇所に、先程のウィジェットコードをペーストして、Embed linkをクリックしたら完了です

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法

まとめ:Notionでウィジェット使うならどのサイトがおすすめ?

ずばり、難しくてもめげない元気がある場合は数も多い「Apption.co」がおすすめです。

手っ取り早くウィジェットを追加したい、たくさん追加したいという人には「Indify」がおすすめです。

NotionにTwitterタイムラインやグラフ・天気予報を追加する方法
ごん

ちなみに私はどっちも使ってます