この記事の内容を、御社の業務で仕組みにする相談（30分・無料）→
この記事の著者
後藤 佑輔
IGS代表大和証券、
おはようございます。代表の後藤です。
突然ですが、皆さんの「朝のルーティン」ってありますか？
とにかく地味なんですが、まず「Googleカレンダー」を開いて、今日の予定を確認。
次に「Gmail」を開いて、特に対応が必要なメールを確認。そして「Chatwork」を開いて自分宛のメンションや返信を確認。最後に、それを手動でToDoリストに転記する。
そしてもちろん夜も同じような作業を行う。これは地味に時間がかかります。
しかも、これだけやっていても
「あのメールまだ対応してなかった」
「Chatworkのメンション返信したつもりだけどまだだった」
というのが、受信件数が多いと少しでも起きてしまう。
そこで、作りました。
何を作ったか
「Googleカレンダー」「Gmail」「Chatwork」の3つを1つのアプリで管理できるアプリです。
仕組みはシンプルで、画面上の同期ボタンを1つ押すだけで、3サービスのタスクが自動で引っ張られてきます。
- Googleカレンダー：今日の終日イベントをToDo化
- Gmail：スター付きメールをToDo化
- Chatwork：自分宛のメンション（未返信のみ）をToDo化
地味に便利な「双方向連携」
機能の中で一番「作ってよかった」と思っているのが、双方向連携です。
- ToDoを追加すると → Googleカレンダーに終日イベントが自動作成される。
- GmailのスターToDoを完了にすると → Gmailのスターが自動解除される。
- Chatworkで返信すると → 次回の同期時にToDoが自動で完了になる。
この「向こうも更新される」が想像以上に快適で。今まで「アプリで管理しているのに、元のツールも別途チェックしないといけない」という二度手間が完全になくなりました。
AIコンサルティング
この記事の仕組みを、
UIの話も少し
期限が過ぎたものは赤、当日のものはオレンジで表示されるので、「今日やるべきこと」がひと目でわかる。
Claude Codeで作った
今回もClaude Codeで開発しています。
作ってみてつまずいた所
つまずいた所は3つでした。
- 自動で取り込む回数：こちらはあくまで個人用で開発しており、公開先のVercelの個人向けのプラン（Hobby）を使用、決まった時間に動かす処理が1日1回までなので、毎朝1回にしました
- ログインの不具合：3月4日の午後、ログインまわりの不具合を調べて、データの保存先との接続の設定を3回直しました
- 反応の遅さ：押してから画面が変わるまでが遅く感じたので、3月5日と6日に、押した瞬間に画面を先に変える作りへ直しました
自分で作るなら、用意する物と頼み方
同じような仕組みを自分で作るなら、事前に用意する物は次の4つです。
役割 | 使った物 | 備考 |
|---|---|---|
作成 | Claude Code（Claudeの有料プラン） | AIに作ってもらうソフト。最初にパソコンへ入れてログインする |
置き場 | GitHub | 作った物を置いて、Vercelにつなぐ場所 |
データ | Supabase | ToDoやカテゴリを保存する場所 |
公開先 | Vercel | 作ったアプリを外部から使える状態にして置く場所 |
用意ができたら、あとは次の順番で進めるだけです。
- パソコンの中に空のフォルダを1つ作ります。
- そのフォルダでターミナルを開き、claudeと打って起動します。
- 最初の1文で、作りたいものをそのまま頼みます。たとえば次のように伝えます。
Googleカレンダーの今日の予定、Gmailのスター付きメール、Chatworkの自分宛の未返信メンションを1つの画面にまとめて、優先度と期限とカテゴリを付けて管理できるToDoアプリを作ってください。同期ボタンを1つ押すと、3つのサービスから自動でタスクを取り込むようにしてください。 - 動かしてみて、表示や動きで気になった所はそのまま日本語で伝えて直してもらいます。
- GitHubにアップロードし、Vercelに接続して公開します。
最後に
自分用に作ったアプリなので、見た目やUIは完全に自分好みで作れる。
もし「自分も似たようなの欲しい」という方がいれば、ぜひ一度ご相談ください。
お問い合わせはこちら：https://www.i-gs.co.jp/contact
よくある質問
Q. Claudeでタスク管理アプリは作れますか？
A. 作れます。弊社ではClaude Codeで、Googleカレンダー・Gmail・Chatworkの3つを1画面にまとめる自分用のタスク管理アプリを作りました。画面の同期ボタンを1つ押すと、3つのサービスのタスクが自動で取り込まれます。
Q. 3つのサービスを同時に管理できるToDoアプリはある？
A. 既製品でも連携できるものはありますが、自社の業務フローに完全にフィットするものは少ないです。今回は自作することで、必要な機能だけを揃えられました。
Q. Claude Codeで作ったとのことだが、非エンジニアでも作れる？
A. 作れます。ただし初期設定のハードルはあります。「こういうのが欲しい」という要件を言語化できれば、技術的な部分はClaudeが補ってくれます。
Q. Gmailのメールをタスクにするには、どうすればよいですか？
A. 弊社のアプリでは、Gmailでスターを付けたメールが、同期でToDoになります。ToDoを完了にすると、Gmailのスターも自動で外れます。
Q. 作るのに必要な物は？
A. Claude Code（Claudeの有料プラン）、GitHub、データの保存先（Supabase）、公開先（Vercel）の4つです。
