自分専用のアプリを作る

前提この手順書は、次の章を済ませた人向けです。

第3章「面倒な仕事を MulmoClaude に任せる」で紹介した「スキル」は、AI に仕事の「流れ」(手順)を覚えさせる仕組みです。しかし、手順が分かっても、実際の情報がないと手順を使える場面は限られます。

予定や取引先、作業の記録を体系立てて保存しておく場所がないと、AI は毎回ゼロから探し直すことになり、自分専用のエージェントにはなりません。その場所として活用できるのが、MulmoClaude に用意されている「コレクション」です。

コレクションは AI のために記録を貯めるだけでなく、自分専用のアプリとしても使えます。たとえば、自分専用のカレンダーアプリや旅のアプリも、MulmoClaude に話しかけるだけで作れます。プログラミングの知識は要らず、できたアプリは MulmoClaude の中で安全に動きます。

この手順書では、自分専用のカレンダーアプリを題材に、データの作り方→アプリの画面デザイン→日々の使い方→Google カレンダーとの同期の順に説明します。

ぜひ、自分専用のアプリづくりを楽しんでください。

ステップ 1カレンダーのコレクションを作る

ここでは「ガイド付きセットアップ」を使い、MulmoClaude の質問に答えながら自分専用のカレンダーを作ります。

1コレクションの画面を開く

画面上の帯にある、四角が並んだアイコンを押します。コレクションの一覧が開きます。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
コレクションインストール済み発見マップaddコレクション
searchコレクションを検索…
並び順Slug表示名
checklistやること
● プロジェクト · todos
star_outlineios_sharechevron_right

2「+ コレクション」を押す

一覧の右上にある「+ コレクション」を押します。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
コレクションインストール済み発見マップaddコレクション
searchコレクションを検索…
並び順Slug表示名
checklistやること
● プロジェクト · todos
star_outlineios_sharechevron_right

3「ガイド付きセットアップ」を選ぶ

「新しいコレクション」が開きます。左の「ガイド付きセットアップ」を選びます。新しい会話が開きます。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
コレクションインストール済み発見マップaddコレクション
searchコレクションを検索…
並び順Slug表示名
checklistやること
● プロジェクト · todos
star_outlineios_sharechevron_right
新しいコレクションclose
dynamic_formガイド付きセットアップ
Claude が何を記録するか質問して作成します
chat自由入力のチャット
作りたいコレクションを自分の言葉で説明
サンプルプロンプト
checklistやることリスト
contact_page連絡先
menu_book読書リスト
restaurantレストラン

4質問の表に答えて送信する

しばらくすると、質問の表(フォーム)が表示されます。左の会話に表の題と「5 項目」のような数が書かれた枠が出て、右側に表が開きます。右側に表が見えないときは、左の枠を押します。

次のように答えて、「送信」を押します。赤い * の付いた項目は必ず答えます。

**何を管理したいですか?**:仕事の予定
**表示するタイトル**:仕事のカレンダー
**管理したい項目**:日付、開始時刻、終了時刻、タイトル、場所、メモ
**主にどう見たい?**:カレンダー(日付で並べる)
localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
auto_awesomeGeneralexpand_moreaddweb_assetauto_awesome新しいコレクションを…
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
You新しいコレクションを作成したいです。まず config/helps/collection-skills.md を読んで…次に presentForm ツールを使って…
Assistant規約を確認しました。どんなコレクションを作りたいか、フォームで伺います。
presentFormdescription
新しいコレクションの設計
5 項目
100%
Claude にメッセージ…
lightbulbsendattach_file
新しいコレクションの設計
どんなデータを管理したいか教えてください。回答をもとに schema.json と SKILL.md を作ります。
何を管理したいですか? *
仕事の予定
サイドバーに表示する日本語タイトル
仕事のカレンダー
管理したい項目(フィールド) *
日付、開始時刻、終了時刻、タイトル、場所、メモ
主にどう見たい? *
radio_button_unchecked一覧表(テーブル)
radio_button_uncheckedカンバン(状態ごとの列)
radio_button_checkedカレンダー(日付で並べる)
radio_button_uncheckedおまかせ
送信
必須項目 3 件中 3 件入力済み
メモ質問の中身や数は、毎回少し変わります。図は一例です。分からない項目は「おまかせ」と書いてもかまいません。

5できたカレンダーを開く

送信すると、数分でコレクションが完成し、会話に「作成しました」という返事が来ます。

コレクションの一覧に「仕事のカレンダー」が増えているので、開きます。開いた直後はテーブル形式なので、「カレンダー」を押して切り替えます。まだ予定は入っていないので、カレンダーは空です。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
star_outlineforumチャットhub関連delete_forever
table_rowsテーブルcalendar_monthカレンダーadd開始expand_more
chevron_leftchevron_right2026年10月今日
日
月
火
水
木
金
土
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
確認「仕事のカレンダー」が開き、カレンダーの形に切り替えられれば、ステップ1は完了です。
自由入力のチャットで作るとき

作りたいものがはっきりしているときは、1-3 で「自由入力のチャット」を選び、頼む文を自分で書いても作れます。入力欄に前置きの文が入った状態で会話が始まるので、続けて次のように書き足して送ります。同期の1行まで書けば、ステップ4の頼む文も一度で済みます。

仕事の予定を記録するコレクションを作ってください。
記録する項目は、日付・開始時刻・終了時刻・タイトル・場所・メモです。
予定はカレンダーの形で見たいです。
Google カレンダーのメインのカレンダーと同期してください。

頼む文は「何を記録するか→どう見たいか→ほかの道具とどうつなぐか」の順に書くと伝わります。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
auto_awesomeGeneralexpand_moreaddweb_asset
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
新しいコレクションを作成したいです。まず config/helps/collection-skills.md を読んで…
仕事の予定を記録するコレクションを作ってください。
記録する項目は、日付・開始時刻・終了時刻・タイトル・場所・メモです。
…
lightbulbsendattach_file

ステップ 2画面をデザインする

表・カレンダー・カンバンそれぞれの表示画面は、記録する項目から自動で作られます。それ以外の画面も、言葉で頼めば作ることができます。こうして足した画面を「カスタムビュー」と呼びます。MulmoClaude の安全な仕組みの上で、画面だけは好きな形にできるのがコレクションの特徴です。

ここでは、Google カレンダーの週の表示のように、時刻を縦軸にして1週間の予定を並べる画面を作成します。

1「+」から「カスタムビュー」を選ぶ

カレンダーの画面を開き、表示の切り替え(テーブル・カレンダー)の右にある「+」を押します。出てきた一覧から「カスタムビュー」を選びます。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
star_outlineforumチャットhub関連delete_forever
table_rowsテーブルcalendar_monthカレンダーadd
dashboard_customizeカスタムビュー
smartphoneスマホビュー
開始expand_more
chevron_leftchevron_right2026年10月今日
日
月
火
水
木
金
土
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
「スマホビュー」との違い

「スマホビュー」は、スマホから MulmoClaude につないだときに見る画面です。Mac で使う場合は「カスタムビュー」を選びます。

2会話が開き、質問の表が出る

「カスタムビュー」を押すと、新しい会話が開きます。自分で何か書く必要はありません。

しばらくすると、質問の表(フォーム)が表示されます。左の会話に、表の題と「3 項目」のような数が書かれた枠が出て、右側に表が開きます。

画面のデザインをどのようにしたいのか、フォームに従って答え、「送信」を押します。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
auto_awesomeGeneralexpand_moreaddweb_assetauto_awesome「仕事のカレンダー」…
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
You「仕事のカレンダー」コレクションにカスタムビューを追加したい。何を見たい/編集したいか質問してから、HTML ビューファイルを…
presentFormdescription
仕事のカレンダーのカスタムビューを作る
3 項目
100%
Assistantフォームを表示しました。回答をお待ちしています。
Claude にメッセージ…
lightbulbsendattach_file
仕事のカレンダーのカスタムビューを作る
テーブル/カレンダーに加えて、どんな見方・編集をしたいかを教えてください。
ビューの目的(メイン1つ) *
radio_button_unchecked年間オーバービュー(12ヶ月グリッドで全予定を俯瞰)
radio_button_checked週次プランナー(今週〜来週の7日×時間帯で見る)
radio_button_unchecked場所別の一覧(会議室・オンラインなどでまとめる)
radio_button_unchecked今日/今週フォーカス(直近の予定だけ大きく)
編集機能の必要性 *
radio_button_checked読み取り専用(read のみ)
radio_button_unchecked編集あり(日付ドラッグ/内容の変更などができる)
追加の要望・自由記述(表示する時間帯、色分け、など)
朝9時から夕方6時まで表示。土日の列は灰色。前の週・次の週に移るボタンを付けて。予定には場所も出してほしい
送信
必須項目 2 件中 2 件入力済み
メモ候補や質問の数は毎回変わります。図はカレンダーで出た例です。

ぴったりの候補が無いときは、いちばん近いものを選び、違うところを自由記述の欄に書きます。言葉で説明しにくいときは、見本にしたい画面の写真(Google カレンダーの週の表示など)を、送信したあとの会話にクリップのアイコンから添えてもかまいません。

注意初めて作る画面は「読み取り専用」(見るだけ)をおすすめします。見るだけの画面からは、記録が書き換わりません。慣れてから、直したい項目を決めて「編集あり」の画面を作ります。

3作成の完了を待つ

送信すると、数分で画面ができあがります。右側にコレクションが表示されます。画面が完成すると、コレクションのビューのタブに、新しく追加した画面のタブが表示されます。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
auto_awesomeGeneralexpand_moreaddweb_assetauto_awesome「仕事のカレンダー」…
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
You「仕事のカレンダー」コレクションにカスタムビューを追加したい。何を見たい/編集したいか質問してから、HTML ビューファイルを…
presentFormdescription
仕事のカレンダーのカスタムビューを作る
3 項目
100%
Youビューの目的(メイン1つ): 週次プランナー(今週〜来週の7日×時間帯で見る) …
Assistant完了しました。「週」ビューを追加しました。
・作ったもの:views/week.html(schema.json に登録、見るだけ)
・機能:7日×9〜18時の表、前の週・次の週のボタン、土日は灰色
Claude にメッセージ…
lightbulbsendattach_file
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
star_outlineforumチャット
searchレコードを検索…table_rowsテーブルcalendar_monthカレンダーdashboard_customize週addsettings
11 日
12 月
13 火
14 水
15 木
16 金
17 土
9:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
メモ頼んだ内容によっては、「緯度と経度の項目を足してよいか」のように、もう一度表で聞かれることがあります。答えて続けます。

4画面を修正する

思ったものと違うところは、同じ会話で続けて、どこがどう違うかを、1回に1つずつ伝えます。

  • 「朝8時から表示して」
  • 「今日の列に色を付けて」
  • 「時刻の文字をもう少し大きく」

言葉で伝えにくいときは、写真を貼りつけて伝えることもできます。写真はチャットに添付できます。

変更後は画面の更新が必要な場合があります。表示の切り替えでいったん「テーブル」に戻してから「週」を押し直すか、ブラウザで開き直します。

別の日に直したくなったときは、新しい会話で「仕事のカレンダーの『週』の画面で、〇〇を直して」と頼みます。

要らなくなった画面を消すとき

カスタムビューがあると、表示の切り替えの右に歯車が出ます。歯車を押すと「設定」の窓が開き、作った画面の一覧が出ます。消したい画面の右のゴミ箱を押すと消えます。消えるのは画面だけで、予定の記録は残ります。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
star_outlineforumチャットhub関連delete_forever
table_rowsテーブルcalendar_monthカレンダーview_week週addsettings
‹ 前の週次の週 ›2026年10月11日〜17日
11 日
12 月
13 火
14 水
15 木
16 金
17 土
9:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
仕事のカレンダー · 設定close
カスタムビュー
view_week週delete_forever
注意画面の右上にある赤いゴミ箱は、コレクションそのものを消すボタンです。画面だけを消すときは、歯車の中のゴミ箱を使います。

5できあがった画面を見る

コレクションの画面で「週」を押すと、作った画面が全幅に広がります。予定が入ると、図のように1週間の予定が時刻の位置に並びます。予定の入れ方はステップ3で説明します。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
star_outlineforumチャットhub関連delete_forever
searchレコードを検索…table_rowsテーブルcalendar_monthカレンダーview_week週addsettings3 件中 3 件を表示
‹ 前の週次の週 ›2026年10月11日〜17日
11 日
12 月
13 火
14 水
15 木
16 金
17 土
9:00
10:00
編集会議
10:00〜11:00
会議室A
11:00
12:00
13:00
取材
13:00〜15:00
14:00
15:00
校了
15:00〜16:00
16:00
17:00
確認「週」を押して、時刻を縦軸にした1週間の画面が出れば、自分専用の週間カレンダーの完成です。

ステップ 3使う

1予定を追加する

画面左上の「+」から新しい会話を始め、「10月15日 10時から11時、編集会議、会議室A を追加して」と送ります。追加後、カレンダーや「週」の画面を開くと、予定が並んでいるはずです。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
auto_awesomeGeneralexpand_moreaddweb_asset
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
You10月15日 10時から11時、編集会議、会議室A を追加して
Assistant仕事のカレンダーに追加しました。
Claude にメッセージ…
lightbulbsendattach_file
他の登録方法

予定は、他の方法でも登録できます。

  • 「チャット」ボタン: 仕事のカレンダーの画面の上にある「チャット」を押すと、「チャットを開始」の窓が開きます。追加したい予定を書いて「チャットを開始」を押すと、仕事のカレンダーを相手にした会話が始まります。
  • 日付の「+」: カレンダーの日付を押すと、その日の予定の窓が開きます。窓の「+」を押すと、予定を書き込む欄が出ます。
  • 「+ 追加」ボタン: テーブル表示のときは、上の「+ 追加」を押すと、予定を書き込む欄が開きます。
  • カスタムビューに機能を付け足す: 2-4 と同じように「週」の画面を直す会話で、「空いている時間を押したら、予定を追加できるようにして」と頼みます。記録を書き込む画面になるので、見るだけの画面に慣れてから、自分に合った入れ方に挑戦してみてください。
localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
star_outlineforumチャットhub関連delete_forever
searchレコードを検索…table_rowsテーブルcalendar_monthカレンダーview_week週addsettings開始expand_more1 件中 1 件を表示
chevron_leftchevron_right2026年10月今日
日
月
火
水
木
金
土
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
編集会議
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2026年10月16日金曜日addclose
この日の項目はありません

2予定を聞く

続けて「来週の予定は?」と送ります。仕事のカレンダーに入っている予定をもとに、答えが返ってきます。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedule
auto_awesomeGeneralexpand_moreaddweb_asset
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
You10月15日 10時から11時、編集会議、会議室A を追加して
Assistant仕事のカレンダーに追加しました。
You来週の予定は?
Assistant来週(10月12日〜18日)の予定は1件です。
10月15日(木)10:00〜11:00 編集会議(会議室A)
Claude にメッセージ…
lightbulbsendattach_file
(予定を読んで答えています)

3よく使うコレクションに ★ を付ける

コレクションの一覧で、「仕事のカレンダー」の ☆ を押します。画面上の帯のアイコンの並びの右にカレンダーのアイコンが出て、1回で開けるようになります。☆ はコレクションの画面の上にもあります。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedulecalendar_month
コレクションインストール済み発見マップaddコレクション
searchコレクションを検索…
並び順Slug表示名
calendar_month仕事のカレンダー
● プロジェクト · work-calendar
starios_sharechevron_right
checklistやること
● プロジェクト · todos
star_outlineios_sharechevron_right
毎朝、今日の予定をまとめてほしいとき

第3章「面倒な仕事を MulmoClaude に任せる」のステップ2で紹介したのと同じ方法で、「毎朝7時に今日の予定をまとめて」と頼みます。スキルが仕事の流れに沿ってコレクションの記録を読むことで、自分専用のエージェントとして動きます。

ステップ 4Google カレンダーと同期する

Google カレンダーを使っている場合は、MulmoClaude のカレンダーコレクションと同期すると、Google カレンダーの予定が MulmoClaude 上でも並び、ステップ3で追加した予定も Google カレンダーに送ることができるようになります。

1Google アカウントを連携する

画面上の帯の歯車(設定)を押し、左の一覧の「Google」を選んで「Google アカウントを連携」を押します。ブラウザの新しいタブが開くので、予定が入っている Google アカウントでログインし、許可します。カレンダーのほかに、Google の ToDo リストとドライブへの許可も一緒に求められます。ドライブで MulmoClaude が触れるのは、MulmoClaude で作ったファイルに限られます。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedulecalendar_month
コレクションインストール済み発見マップaddコレクション
searchコレクションを検索…
並び順Slug表示名
calendar_month仕事のカレンダー
● プロジェクト · work-calendar
starios_sharechevron_right
checklistやること
● プロジェクト · todos
star_outlineios_sharechevron_right
設定close
サーバ
MCP サーバ
ワークスペース
ディレクトリ
参照ディレクトリ
通知
Web Push
プラグイン
地図
写真
Google
管理
スキル
ロール
Google アカウントを連携すると、このマシンから Google API(まずはカレンダー)を直接呼び出せます。リフレッシュトークンはこのマシンにのみ保存され、Google 以外には送信されません。
未連携Google アカウントを連携

2同期を頼む

画面左上の「+」から新しい会話を始め、次の文を送ります。

仕事のカレンダーのコレクションを、Google カレンダーのメインのカレンダーと同期してください。
localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedulecalendar_month
auto_awesomeGeneralexpand_moreaddweb_asset
auto_awesomeGeneral 不明content_copybuildcheck_box_outline_blank
You仕事のカレンダーのコレクションを、Google カレンダーのメインのカレンダーと同期してください。
Assistant仕事のカレンダーに、Google カレンダー(メイン)との同期を設定しました。
コレクションの画面の「同期」で取り込み、「Googleへ書き出し」でこちらの予定を送れます。
Claude にメッセージ…
lightbulbsendattach_file

3「同期」を押す

仕事のカレンダーを開くと、上に「同期」と「Googleへ書き出し」のボタンが増えています。「同期」を押すと、Google カレンダーの予定が取り込まれて並びます。こちらで追加した予定を Google カレンダーに送るときは、「Googleへ書き出し」を押します。

localhost:3001
MulmoClaudelocknotificationsphonelinktodaysettingsforumdashboardmenu_bookappsrss_feedaccount_balancefolderschedulecalendar_month
arrow_backcalendar_month仕事のカレンダー
WORK-CALENDAR
starrefresh同期uploadGoogleへ書き出しforumチャットhub関連delete_forever
searchレコードを検索…table_rowsテーブルcalendar_monthカレンダーview_week週addsettings開始expand_more5 件中 5 件を表示
chevron_leftchevron_right2026年10月今日
日
月
火
水
木
金
土
27
28
29
30
1
2
3
4
5
6
7
8
打ち合わせ
9
編集会議
10
11
12
13
14
取材
15
編集会議
16
校了
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
確認Google カレンダーと同じ予定が並べば完成です。

うまくいかないとき

困ったことどうするか
カレンダーが同期されない読み込みは自動です。書き込みはデフォルトでは手動です。
「同期」を押しても予定が出ない設定で Google アカウントの連携が済んでいるか確かめます。
欲しい項目が無い/要らない項目がある「〇〇の項目を足して」「〇〇の項目を消して」と頼みます。
コレクションの画面がすぐ見つからない一覧で「★」を付け、画面上の帯に出します。
外出先から予定を見たいGoogle カレンダーと同期しておけば、スマホの Google カレンダーで見られます。スマホから MulmoClaude そのものにつなぐこともできます(公式ガイドの「スマホで使う」)。