Indifyで生成できるNotion埋め込み紹介

NotionAdvent Calendar
Tomu Obata
📅2020/12/19

Notion Advent Calendar 19日目の記事になります。

はじめに

先日の記事では、Indifyを使ったGoogle カレンダー表示のご紹介を行いました。

本記事では、Google カレンダー以外のIndifyで生成できるNotion埋め込みについて書いていきます📝

【比較】Indifyを使用しGoogle カレンダーを表示
Notion Advent Calendar Notion Advent Calendar 18日目の記事になります。シンプルにGoogle カレンダーと表示した場合と、Indifyを使用しGoogle カレンダーを表示した場合の比較を行っています。 本記事では、Google カレンダーを表示する流れとIndifyを使用した場合との比較について書いていきます📝 以下サイトの説明通りに進めることで、Notion上にGoogle カレンダーのページ内埋め込みが行えます。 Notion Officialの説明サイト: 埋め込み時のUIはシンプルなものですが、ページ内埋め込みのため、表示エリアを自由自在に伸縮させることが可能です。 表示エリアが狭いと上記画像のように予定が省略されてしまいます。 表示エリアを広げる時は、カーソルを画面端に合わせドラッグ&ドロップすればOKです👌 シンプルで綺麗なUIをページ内埋め込みしやすくするツールです。 まずはサインアップします。Google サインインも可能なのでアカウントがある方はそちらの方がスムーズかと思います。 Let's do this! をClickすると追加したいWidgetを選択する画面へ遷移します。 Google カレンダーを選択してみます。 使用感としては、 ダークテーマも選択でき、Indifyを使った方がよりスタイリッシュにGoogle カレンダーを表示できる 無料プランでは、複数カレンダーの切替が出来ないなどの制約はあるものの基本的な機能は使えるため困ってはいない 今回はGoogle カレンダー埋め込みについて比較検討も交えてご紹介してきました。 予定の内容を編集せずに確認したいだけであれば、Notion上のGoogleカレンダー埋め込みは十分運用な可能という使用感です。 「シンプルなGoogle カレンダー埋め込み」「 Indify を使ってGoogle カレンダー埋め込み」どちらにしても基本的な機能は同じなので、好みのUIを選択するのが良いと思います。 19日目の記事は「」になります。

Indifyで生成できるNotion埋め込みについて

現時点では以下のものに対応しています。

  1. Clock
  2. Countdown
  3. Counter
  4. Google Calendar
  5. Image Gallery
  6. Life Progress Bar
  7. Quotes
  8. Weather
Indifyで生成できるNotion埋め込み一覧
Indifyで生成できるNotion埋め込み一覧

1. Clock

時計を埋め込むことが出来ます。

Clock Typeが5種類あります。

Clock Type:Analog Numbersの動作例
Clock Type:Analog Planetsの動作例

シンプルなものあればPlanetsのように珍しいUIもあるので面白いです😄

2. Countdown

カウントダウン表示を行うことが出来ます。

Indifyでカウントダウン表示している様子

17日目にご紹介したSimple CountDownの比較としては、

3. Counter

カウンターを埋め込むことが出来ます。

テーマ切替も手軽に行うことが可能です。

Indifyでカウンター表示している様子

4. Google Calendar

18日目の記事にてご説明したため割愛します🙏

【比較】Indifyを使用しGoogle カレンダーを表示
Notion Advent Calendar Notion Advent Calendar 18日目の記事になります。シンプルにGoogle カレンダーと表示した場合と、Indifyを使用しGoogle カレンダーを表示した場合の比較を行っています。 本記事では、Google カレンダーを表示する流れとIndifyを使用した場合との比較について書いていきます📝 以下サイトの説明通りに進めることで、Notion上にGoogle カレンダーのページ内埋め込みが行えます。 Notion Officialの説明サイト: 埋め込み時のUIはシンプルなものですが、ページ内埋め込みのため、表示エリアを自由自在に伸縮させることが可能です。 表示エリアが狭いと上記画像のように予定が省略されてしまいます。 表示エリアを広げる時は、カーソルを画面端に合わせドラッグ&ドロップすればOKです👌 シンプルで綺麗なUIをページ内埋め込みしやすくするツールです。 まずはサインアップします。Google サインインも可能なのでアカウントがある方はそちらの方がスムーズかと思います。 Let's do this! をClickすると追加したいWidgetを選択する画面へ遷移します。 Google カレンダーを選択してみます。 使用感としては、 ダークテーマも選択でき、Indifyを使った方がよりスタイリッシュにGoogle カレンダーを表示できる 無料プランでは、複数カレンダーの切替が出来ないなどの制約はあるものの基本的な機能は使えるため困ってはいない 今回はGoogle カレンダー埋め込みについて比較検討も交えてご紹介してきました。 予定の内容を編集せずに確認したいだけであれば、Notion上のGoogleカレンダー埋め込みは十分運用な可能という使用感です。 「シンプルなGoogle カレンダー埋め込み」「 Indify を使ってGoogle カレンダー埋め込み」どちらにしても基本的な機能は同じなので、好みのUIを選択するのが良いと思います。 19日目の記事は「 Indifyで生成できるNotion埋め込み紹介 」になります。

5. Image Gallery

アップロードした画像をGallery形式で表示することが出来ます。

Image Galleryを表示している様子
⚠️
無料プランでは、1つの埋め込みに対しアップロード可能な画像は3つまでという制限があります。

6. Life Progress Bar

指定した期限まで徐々に変化していくProgress Barを表示することが出来ます。

An image from Notion
Life Progress Barを表示している様子| Life Progress Barを表示している様子

読書ログなどと組み合わせるのも相性の良い運用だと感じています。

7. Quotes

以下のように引用文をオシャレに表示することが出来ます。

※ 日本語Versionは対応していないです😅

Indifyの機能で引用文を表示している例
Indifyの機能で引用文を表示している例

左下にあるリロードボタン🔃 をClickすることで画像を変更することが出来ます。

画像変更後の様子
画像変更後の様子

また、設定で再読み込みアイコンを隠すことも可能です。

再読み込みアイコンを隠す設定
再読み込みアイコンを隠す設定

8. Weather

以下のように天気を表示することが出来ます。

Indifyの機能で天気を表示している例
Indifyの機能で天気を表示している例

URL生成がIndify内で完結するため、楽に天気を埋め込みたいという方には便利かと思います。

ただカスタマイズ性は、WeatherWidgetの方が高いです。

Notionのページ内埋め込みに適したコンテンツ紹介①WeatherWidget
Notion Advent Calendar Notion Advent Calendar 15日目の記事になります。Apption・レスポンシブお天気Widgetの紹介をしています。 12日目の「 Notionのページ内埋め込み徹底解説! 」ではスラッシュコマンドからページ内埋め込み出来るコンテンツをメインにご紹介しました。 今回は、Notionのページ内埋め込みに適したコンテンツについて書いていきます📝 Apption はNotion埋め込みに適したコンテンツを一覧で見ることがサービスになります。 様々なコンテンツを一覧で見ることが出来るので非常に便利です! ジャンル検索も可能👌 まずは、WeatherWidgetというページ内に綺麗にお天気情報を埋め込むことが出来るサービスを紹介します。 Notionに埋め込む際に必要な手順についてご紹介していきます。 以下 にアクセスし表示したい内容を設定した後、「GET CODE」をClickしHTMLコードを取得します。 WeatherWidget の特徴: テーマなどカスタマイズ可能な内容が多い点が嬉しいです😄 Settingが終了した後は、「GET Code」をClickしHTMLコードを取得します。 以下サイトにアクセスし、手順1で取得したHTML Codeをペースト後、 Generate URL ボタンをClickします。 以下のスラッシュコマンドを使い Embed link に生成したURLを入力します。 一例として、 https://apption.co/embeds/phu293 を埋め込んだ場合は以下のように表示されます。 今回は、Notionのページ内埋め込みに適したコンテンツ紹介 その1ということでWeatherWidgetを取り上げてご紹介しました🌤️ 16日目の記事は「 Notionのページ内埋め込みに適したコンテンツ紹介その②Comments for Notion, Link Copy 」になります。

さいごに

今回は、Indifyで生成できるNotion埋め込みを全スタイル紹介してきました。個人的にClockのPlanetsがお気に入りです💫

お気に入りの埋め込みが見つかると幸いです🔮

20日目の記事は「テンプレート機能を活用しよう」になります。

テンプレート機能を活用しよう
Notion Advent Calendar Notion Advent Calendar 20日目の記事になります。 本記事では、テンプレート機能について書いていきます テンプレート機能を使うことで、予め形式を指定して新規ページを作成することが出来ます。 繰り返し生成することが多いページにおいて非常に有効です。 テンプレート機能の特徴として、 運用例ということで、今回はInline データベースにテンプレートを活用した作業ログページの作り方についてご紹介していきます。 作業ログを取っていきたいページに移動し、新規ページを作成します。 今回は、List形式のInline データベースを作成します。 テンプレート登録を行う際は、 Newの横にあるボタンをClick後 New template をClickします。 このようなテンプレート内容を編集する画面になります。 ヘッダーの3点リーダーより、設定を変更することも可能です。 今回は、 10日目 で紹介したFull widthの設定をonにしたテンプレートページを作成します。 テンプレート化したい内容を記入すれば登録は完了です👌 以上がテンプレート登録&使用の流れ説明になります。 例で取り上げた作業ログテンプレートは以下URLにて公開してあります。ヘッダーの Duplicate をClickすると複製して利用することが出来ます🙆‍♂️ 上記の例では、Inline データベースにテンプレートを設定する方法をご紹介しました。 以下記事のように、シンプルなページにテンプレートを作成することも可能です。 ページを複製して、生成されたページの内容を変更するのが手軽です。 複製する際は、ページにカーソルを合わせ 補足事項として、 8日目 の内容になりますが、複製されたページはコピー元とは別ページとして扱われます。 今回は、テンプレート機能についてご紹介させていただきました。 議事録・アジェンダなどのよく使うページは積極的にテンプレート化して作業効率を上げていきたいですね😄 21日目の記事は「」になります。

SHARE

スポンサーリンク