MENU

Category カテゴリカテゴリ

PC/Gadget パソコン・ガジェット
Soft/App ソフト・アプリ
Entertainment エンタメ・イベント
Shopping お買い物
D.I.Y. セルフリフォーム
Download ダウンロード

パソコン関連のお得情報

マイクロソフトオフィス
マッキントッシュ
ウインドウズ
Adobe イラストレーター
ワードプレス
Apple iPhone
iPad & Apple Pencil
アプリ

©Goblog ごぶろぐ
created by N/A | powerd by SWELL

ソフトやガジェットのPR記事依頼はお気軽にお問い合わせください
  • Download

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

困った人

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

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

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

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

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

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

って知っていましたか?

その他にも

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

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

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

そこで、この記事では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?をクリックしてアカウントを作成します

検索画面でSocialにして、Twitterを選ぶ

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

Twitterの埋め込みタイムラインコードを作成する

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

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

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

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

Notion甩のコードを作成する

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

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

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

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


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

今回のTwitterの場合なら

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

となります。

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

Notionに埋め込む方法

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

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

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

完成

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

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

ごん

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

登録する

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

好きなウィジェットを選択
カスタマイズする

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

ウィジェットのコードをコピーする
Notion内に埋め込む

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

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

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

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

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

ごん

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

管理人:ごん(デザイナー)

管理人:ごん(デザイナー)

「時短・楽したい」がモットー!Twitterでも情報公開しています
記事のライティング依頼やPR記事依頼・広告掲載のご依頼も受付中

よかったらシェアしてね!
  • URLをコピーしました!
目次