Claude Codeの自作ツールをMacアプリにする動画を見て、私は作らないと決めた

出典: Claude Codeで、自作ツールをMacアプリにする方法

自分だけで使うツールだから、公開するほどでもない。でも、開けなくなるたびにClaude Codeへ起動を頼むのは面倒ですよね。かずまさんが相談したのは、そんな自作ツールの悩みでした。

かずまさん（動画の中で・自動字幕・0:03〜）

「この前クロードコードでアプリ作ったんですけど、ま、画面とか機能も色々使えてローカルホストで立ち上がったですが、なんか今開けなくなっちゃって、これって何なんですかね?」

字幕の「クロードコード」はClaude Codeのことです。

私は、「開けなくなる」は原因を見つけて直す。「毎回頼む」は仕組みに移す。このふたつを分けて考えます。

動画では、かずまさんの困りごとがひと続きで語られます。あやみさんは、同じ悩みをMacアプリ化で解決したと話しました。Webにはデプロイしていない形です。

起動のお願いを繰り返すのは、人が毎回やる仕事にしたくない。自動化できることは自動化して、人は直す場所を見つけることに集中する。これが、私の判断の軸です。

ただ、開かないことは、今も起きます。9月24日から10月12日のあいだに、AIへの返事で「開かない」「ひらけない」「見れない」と書いた回数は、手元の回答の記録を拾っただけで7回あります。全部の数ではありません。

10月12日の15時台にも、AIが用意した、鍵（ログインに使う情報）を預けるページを開こうとして、「502」というエラー画面（サーバーにつながらない、という表示）が出ました。原因は、AIがページに入力欄を足したのに、ページ本体を立ち上げていなかったことです。

お願いをボタンに変える話と、そもそもページが動いているかを確かめる話。ここを一緒にすると、直す所が見えにくくなるんですよね。

→ 症状をひとことにする

最近開けなかった自作ツールを一つ思い出して、「動いていない」「立ち上がっていない」「頼まないと始まらない」のどれかを、分かる範囲で1行に。分からなければ、表示された画面をAIに見せて確かめます。

あやみさんの「ショート動画スタジオ」は、動画を入れると文字起こしや台本づくりができるアプリ。以前はClaude Codeに起動を頼んでいたそうです。今はDockのアイコンを押すだけで立ち上がる、とあやみさんは語っています。

あやみさん（動画の中で・自動字幕・4:43〜）

「中の仕組みを本当にあんまり変えずにそのまま移行するみたいな感じに簡単でできたんで」

Electronは、HTMLやCSSなどで作った画面を、ブラウザではなくデスクトップアプリのウィンドウで動かす仕組みです。あやみさんは、中身をほぼ変えずに移せて、作り直さずに済んだと語りました。

私は5月25日の朝LIVEで、Codex App Serverで作った自分用のアプリを、ダブルクリックでMacに入れられる形にしてもらったことがあります。当日の記事には、ダブルクリックでインストールできる形式まで自動生成される、と書きました。ただ、そのインストーラーが動画のElectronと同じ仕組みだったかは、分かりません。

その様子は、Codex App Serverでアプリを作り、インストーラーまで作ってもらった5月25日の朝LIVEの記録に残っています。

動画では、Macアプリ化は「自分のPCだけ使える」形だと話されています。使う時にClaude Codeを開かなくてよい、という点と一緒に押さえておきたいですね。

→ 方法の名前を集める

AIに「この自作ツールをMacアプリにできる？ほかの方法は？」と聞きます。候補の方法を3種類挙げてもらい、それぞれ何を変え、どこで開く形になるのかを横に書いて比べます。

「Electronを使ってアプリにして」と頼むだけでできるのか。かずまさんが驚いた場面です。でも、あやみさんも最初はElectronを知らなかった。先に伝えたのは、使う技術の名前ではなく、Macアプリにしたいという目的でした。

あやみさん（動画の中で・自動字幕・5:05〜）

「できますね。私の場合ちょっとエレクトロンでできるってこと知らなかったからとにかくなんかマッカープリ化できるのって話を聞いた。」

字幕の「エレクトロン」はElectron、「マッカープリ化」はMacアプリ化のことです。

あやみさんは、Macアプリ化できるのかとAIに聞いたそうです。そこでAIが挙げたのがElectron。今回の用途なら、中身をほぼ変えず、ブラウザで開く画面をデスクトップで開く形にできると説明され、採用したと語りました。

名前を知ってから頼む、という順番じゃなかったんですね。何をしたいかを伝えたら、そのための方法が返ってきた。

動画では、Electron以外にも方法があり、ケースによって合うものが違うとも語っていました。ゼロから作るなら、最初からMacで動く形にする手もある。作りたいものを相談しながら、やり方を聞いていくという話でした。

私も10月11日、この動画をもとにAIへ聞きました。

「Claude Codeでアプリケーションを作りたい。私の場合このやり方でどう？何をアプリ化すると良さそう？」

返ってきた候補は二つ。Gmail・Chatwork・UTAGE（私がメルマガとLINE配信に使っているサービス）のLINE個別の連絡をまとめて見る画面と、動画を入れるだけの画面でした。

私が聞いたのも、何をアプリ化するとよいか。Electronを指定したわけじゃない。方法の名前より先に、私の使い方に合う候補が出てきたんです。

あやみさんは、やりたいことを目的から伝えました。私は動画のやり方を渡して、何をアプリ化すると良さそうかを聞きました。どちらも、Electronという技術名は指定していません。頼むときに決めておくのは、方法の名前ではなく、どこで何をしたいか。そこから相談を始められる、ということですね。

→ 頼み文を1行に

AIには「いま使っている画面で、どこで何をしたいか」を1行で伝えてみてください。そのあとに、自分の使い方に合う方法を聞く。技術の名前は、相談の中で出してもらえます。

メールを開いて、Slackを開いて、別のアカウントも確認する。連絡を読む前に、画面を行き来する作業がありますよね。あやみさんのUniboxは、複数アカウントのメールとSlackを、ひとつの画面に集めるアプリでした。

あやみさん（動画の中で・自動字幕・7:53〜）

「メールの場合はそれがGmailの下書きに入るようになっています。」

集めて並べる作業は仕組みに移す。送るかどうかは人が決める。私は、この分け方で使います。

あやみさんの説明では、Uniboxは未読をまとめて確認でき、返信内容を入れるとAIが文面を作る。メールはGmailの下書きに入るそうです。作った文を、すぐ送る形ではないんですね。

取得方法については、メールはGmailからデータを取り出す仕組み（API）を使ったそうです。Slackは自作アプリの中でSlackを開いてログインする形だと語りました。かずまさんが、Claude CodeやCodex（OpenAIのコーディングAI）が方法を考えてくれたんですね、とまとめ、あやみさんが同意していました。

AIが書いたブログの内容を確認し、OKなら送信を押す形は、10月7日の朝LIVEでお見せしています。

あやみさんは連絡を集めるアプリを作った。私は第3章の候補を見たうえで作らなかった。必要な判断を残すことと、新しく作ることは、別に選べます。

→ 連絡画面を数える

毎日開くメール・Slack・LINEなどの画面を数えます。その一覧をAIに渡し、「ひとつにまとめるなら何が必要？文面を作る所と、送信を決める所はどう分ける？」と聞いてみてください。

Macアプリにする以外に、起動のお願いをクリックへ変える方法も出てきます。あやみさんが紹介したのは「起動ショートカット」。Claude Codeに人が起動を頼む操作を、ボタンを押す形にまとめるという話でした。

あやみさん（動画の中で・自動字幕・9:51〜）

「クロードコードに起動してっていう風に人間が言うやつをショートカットみたいな感じにして起動をボタンクリック押すだけで」

動画の説明では、起動ショートカットを押すと、ブラウザでツールが開きます。Finderでダブルクリックしてもよく、Dockにも置けるそうです。

あやみさんのCOMMIT DERBYは、この方法で作ったもの。Dockに置いてあり、押すとブラウザに出るそうです。

かずまさんが、ウェブページで開くか本当にアプリっぽくなるかの違いだと整理し、あやみさんは「はい」と答えました。実装はショートカットのほうが多分簡単、とも語っています。

私の形は、最初から起動した状態にしておくことで、起動を頼む回数を減らしています。Tailscale（自宅のMacにスマホから安全につなぐアプリ）の住所に載せてあるアプリは、確認できただけで6つ以上あります。そのうち、Macにログインすると自動で起動し、止まっても起動し直す設定にしてあるのは、ダッシュボードや音声・動画を再生するページを含む3件です。

スマホからは、そのアドレスをブラウザで開いてつなぎます。

動画のボタンは「押した時に起動」。私の自動起動は「最初から起動している」。動画のふたつの道は、私はどちらもそのMacの前で使うものと読みました。そのうえで私は、スマホや外出先からも開きます。

この使い方は、Tailscaleでスマホから自宅のパソコンにつなぐ話をした10月7日の朝LIVEで紹介しています。

→ 開く場所を選ぶ

自作ツールを開きたい範囲を、「Macだけ」「スマホも」「外出先からも」という選択肢から選びます。自分に必要な範囲を1行で書いてから、その使い方に合う起動方法をAIに相談します。

Claude Codeに作ってもらったあと、「デプロイすれば使えます」と言われて止まる。その先に別の手があると知っていれば、頼み方も変わりますよね。あやみさんが最後に伝えたのは、できることを知っておく大切さでした。

あやみさん（動画の中で・自動字幕・12:05〜）

「ま、基本クロードコードでアプリ作ってみたいに言ったらクロード自身もじゃあこれデプロイしたら使えますよみたいなね、デプロイを促してくると思うんですよね。」

動画が見せた、デプロイ・Macアプリ化・起動ショートカット。この手札は持っておく価値があります。あやみさんの考えに、私も賛成です。

選べる方法を知ると、自分の使い方に合う形をAIへ頼める。最新の技術で選択肢が広がり、アイデアを形にできる。私が大事にしているのも、その広がりです。

そのうえで、私の手札にはもうひとつあります。「作らない。いまの自動起動で足りる」。

AIに委ねて、人は積み減らして生き直す。だから仕組みを足す前に、いま持っている仕組みで足りるかを問います。足りるなら、作らないと決めます。

第3章の相談では、無理に作る必要はないと返しました。手元には、自動で起動して、スマホからも開けるアプリがすでにあります。

同じ相談で、Tailscaleでブラウザから開く形は別の話なのかも聞きました。AIの答えは、動画と目的は同じで、届く範囲が違うというもの。

動画は、そのMacで使う手を増やしてくれた。私の場合は、スマホからも開く形がすでにある。新しい手札を知っても、いまの形で足りる。これが、いまの私の読みです。

→ 足りる条件を書く

今日、自作ツールをひとつ選び、「どこから・どの端末で開ければ足りるか」を1行で書きます。いまの形でそれを満たせているか、実際に開いて確認。足りない所があれば、そこをAIに伝えます。

起動を頼むたびに手が止まるなら、その操作を仕組みに移す。開かないなら、原因を見つけて直す。私はここを分けます。

動画のデプロイ・Macアプリ化・起動ショートカットは、知っておきたい手札。そのうえで、いまの形で足りるなら作らない。

今日やるのは、自作ツールをひとつ選び、「どこから、どの端末で開ければ足りるか」を書くことです。その場所から実際に開いてみる。足りない所が見えたら、そこをAIに頼めます。