ウィジェット堂 - Notion 向けウィジェット・動くアイコン・スタートページ・マイページ

エディターとマイウィジェット

エディターで設定と外観を変更し、ライト / ダークをプレビューして、用途に合った形式で埋め込みリンクをコピーする方法。マイウィジェットでの編集・複製・固定・削除も説明します。

エディターを開く

  • 新しく作る:ライブラリでウィジェットを開き、「ウィジェットを作成」をクリックすると、作成後にエディターが開きます。
  • 作ったものを直す:右上のアバターメニュー →「マイウィジェット」(/manage)で、ウィジェットの「編集」をクリックします。

エディターでできること

左側:設定。「設定」にはそのウィジェット専用の項目(カウントダウンの日付、天気の地域など)、「外観」には外枠の枠線・角丸・影・余白などがあります。変更するとプレビューにすぐ反映されます。

右側:プレビュー。

  • プレビューの右下をドラッグするとサイズを変えられます。Notion での実際のサイズは埋め込み枠の大きさで決まります。
  • プレビューは「設定どおり / ライト / ダーク」を切り替えられます。プレビューだけが変わり、ウィジェットの設定は変わりません。ダークモードの見え方の確認に便利です。
  • 表示がおかしいときは「プレビューを更新」をクリックします。

上部:タイトルと保存状態。左上でウィジェットの名前を変更できます(マイウィジェットで自分だけに表示されます)。変更は自動で保存され、右上に「保存済み」と表示されたら、Notion を再読み込みすると反映されます。

エディターの AI

エディターで ✦ が付いているところは AI のお手伝いです。AI が変えるのは編集中のウィジェットの設定だけで、プレビューはすぐ更新され、変わった項目は左側で一瞬ハイライトされます。どの操作も元に戻せます(プレビュー上の ↶ ↷、または ⌘Z / Ctrl+Z、⇧⌘Z / Ctrl+Y)。

指令バー(プレビューの上、⌘K / Ctrl+K ですぐ入力)。変えたいことをひとことで書きます。例:

  • 「青にして大きいサイズに」「ダークにして」「詳細を非表示に」
  • 「日付を来月20日に」「出発日を来年の正月に」
  • 「タイトルを『母の誕生日まで』に」「お祝いメッセージをもっと温かく」

AI が何を変えているかを順に表示し(例:「変更中:文字色 → #2563EB、サイズ → 大」)、結果バーからワンクリックで元に戻せます。

3 つのスタイル。指令バー横の「3 つのスタイル」を押すと、AI が配色とスタイルの組み合わせを 3 つ並べて見せます。クリックで適用。内容はそのままで、配色とスタイルだけが変わります。

各項目の ✦ と ?

  • テキストの項目(タイトル、メッセージ、座右の銘、付箋の内容など):「書いてもらう」で候補が 3 つ出るので、選ぶと入力されます。「整える」や他の言語への翻訳もできます。「温かく」のような方向を添えることもできます。
  • 日付・都市:✦ を押して「来月20日」「来年の正月」「来週の金曜」「大阪」のように書くだけで入力されます。
  • 「?」:その項目が何か、選択肢、初期値を表示します。

一緒に使うなら。設定のいちばん下に、このウィジェットとよく一緒に使われるウィジェットを 2〜3 個表示します。タップするとひとことで作成できます。

新しいウィジェットは地域に合わせて入力。たとえば天気ウィジェットはタイムゾーンから都市を、カレンダー系は週の始まりを地域の習慣に合わせて入力します。不要なら「元に戻す」を押してください。

スパークの使い方

  • 色・日付・サイズ・選択肢・オン / オフの変更、「3 つのスタイル」「一緒に使うなら」「?」は無料です。
  • AI が文章を書くとき(指令バーでの書き換え、✦ の「書いてもらう / 整える / 翻訳」、ルールで分からない日付の言い方)は、実際の使用量に応じて少しだけスパークを使います(ふつう 1 回 1〜3)。失敗したときは使われません。
  • ログインしていない、スパークが足りない、AI が使えないときも、ルールでできる変更はそのまま行い、理由と次にできることを表示します。手動での編集はいつでもできます。
  • アカウント、リンク、画像、ペットや推しなど実在の名前は AI が勝手に作りません。ご自身で入力してください。

埋め込みリンクをコピー

「埋め込みリンクをコピー」は、Notion・FlowUs・Obsidian などで使えるいちばん一般的な形式です。横の矢印から別の形式も選べます。

形式用途
一般的な使い方Notion、FlowUs、Obsidian、Logseq、Roam などのノートアプリ
旧バージョンの使い方WoLai
<iframe> での使い方WordPress などの Web サイト(動くアイコン)
<img> での使い方GitHub、WordPress(動くアイコン・動く背景)
MarkdownGitHub README(動くアイコン・動く背景)

マイウィジェット

「マイウィジェット」には、作成したウィジェット・動くアイコン・動く背景がすべて並び、種類で絞り込めます。それぞれ次の操作ができます。

  • 編集:エディターで開きます。
  • リンクをコピー:エディターを開かずに埋め込みリンクをコピーします。
  • 複製:コピーを作って試せます。元のウィジェットはそのままです。
  • 上部に固定:よく使うものを先頭に表示します。
  • 削除:Notion などに貼ったリンクは使えなくなり、元に戻せません。「選択」から複数をまとめて削除することもできます。

無料アカウントは作成できる数に上限があり、ページ上部に使用数が表示されます。上限に達したら、使っていないものを削除するか、Pro にアップグレードすると無制限になります。

最終更新:2026年10月16日