夢のmacOSプレゼンテーションアプリをバイブコーディングで実現

私は夢のmacOSプレゼンテーションアプリをバイブコーディングした Simon Willison's Weblog 私は夢のmacOSプレゼンテーションアプリをバイブコーディングした 2026年2月25日 この週末、マウンテンビューで開催されたSocial Science FOO Campで講演を行った。このイベントは古典的なアンカンファレンス形式で、事前に提案する必要なく誰でも講演を発表できるものだった。私は「The State of LLMs, February 2026 edition」と題し、サブタイトルを「It's all changed since November!」とした講演の枠を確保した。私は前夜、そのプレゼンテーション用にカスタムmacOSアプリをバイブコーディングした。 ![](https://static.simonwillison.net/static/2026/state-of-llms.jpg) 私はこれまで、LLM開発の過去12か月について、2023年12月、2024年12月、2025年12月に書いてきた。また、2025年6月のAI Engineer World's Fairでは『The last six months in LLMs, illustrated by pelicans on bicycles』という講演も行った。今回は初めて、カバーする期間をわずか3か月に短縮した。これは、この分野がいかに加速し続けているかをうまく示しており、2025年11月の転換点を考えると適切だと感じた。 （私はさらに、この加速を象徴するために、講演でGemini 3のセーターを着た。それは数週間前に貰ったものだが、Gemini 3.1のおかげでもう時代遅れになっている。） 私はいつも、スタンフォードで学んだSTAR瞬間の原則（Something They'll Always Remember＝聴衆が常に覚えているような何かを含めて、講演を際立たせるようにする）に基づき、どんな講演にも少なくとも一つの「仕掛け」を入れるようにしている。 この講演では、仕掛けを二つ用意した。講演の最初の部分は、コード生成エージェントによるKākāpō（フクロウオウム）の繁殖期のデータ分析支援を中心に構成し（その過程で私のマグカップを自慢できた）、その後、自転車に乗るペリカンの新しい事例を手短に紹介し、最後に、講演全体が私が前夜に約45分でバイブコーディングした新しいmacOSアプリを使って行われていたことを明かして締めくくった。 そのアプリは「Present」という名前だ。文字通り、私が最初に思いついた名前である。SwiftとSwiftUIで構築されており、サイズは355KB、圧縮時は76KBだ。Swiftアプリは小さい！ 構築は迅速だったかもしれないが、組み合わされた機能セットは私が長年欲しかったものだ。 私は通常、プレゼンテーションにKeynoteを使うが、時々、一連のウェブページを使ってプレゼンすることで変化をつけるのが好きだ。そのためには、ブラウザウィンドウを開き、各ページごとにタブを読み込み、話しながらそれらのタブを順番にクリックしていく。 これはうまく機能するが、非常に恐ろしい欠点がある。ブラウザがクラッシュしたら、デッキ全体を失ってしまうのだ！ 私はいつもURLをメモファイルに入れているので、必要ならそこに戻って手動ですべて起動することはできるが、講演の最中に対処したいことではない。 これが私の最初のプロンプトだ： 「各スライドがURLであるプレゼンテーション用のSwiftUIアプリを構築せよ。アプリは、右側にウェブビュー、左側にURLの追加、削除、順序変更のためのUIを持つウィンドウとして起動する。次に、メニューで「再生」をクリックすると、アプリはフルスクリーンになり、左右のキーでURLを切り替えられるようにする」 それが計画を生成した。その計画を実装したトランスクリプトはここで見ることができる。 Presentでは、講演は順序付けられたURLのシーケンスであり、それらのURLを追加、削除、並べ替えるためのサイドバーUIがある。それが編集体験のすべてだ。 ![](https://static.simonwillison.net/static/2026/present.jpg) メニューで「再生」オプションを選択する（またはCmd+Shift+Pを押す）と、アプリはフルスクリーンモードに切り替わる。左右の矢印キーで前後に移動でき、必要に応じてフォントサイズを上下させたり、ページをスクロールしたりできる。終了時はEscapeキーを押す。 重要なことに、Presentは変更を行うたびにURLを自動的に保存する。アプリがクラッシュしても、再起動してプレゼンテーションの状態を復元できる。 また、プレゼンテーションを.txtファイルとして保存することもできる。 私のスマートフォンによるリモート制御 最初のアプリの動作にはほとんど時間がかからなかったので、もっと野心的にやってみることにした。 プレゼンテーション用のリモコンがあるのはかっこいい… 「0.0.0.0:9123で待ち受けるウェブサーバーを追加せよ。このウェブサーバーは、モバイルフレンドリーな単一ページを提供し、目立つ左右ボタンを配置する。それらのボタンをクリックすると、スライドが左右に切り替わる。また、現在のモードに応じてプレゼンテーションモードを開始または停止するボタンもある。」 私はラップトップとスマートフォンにTailscaleをインストールしている。つまり、両デバイス間のアクセスをWi-Fiネットワークがブロックする心配はない。私のスマートフォンはhttp://100.122.231.116:9123/にアクセスできる。 最終的なインターフェースに到達するまでに、さらに数回の反復プロンプトが必要だった。それは次のような見た目だった： ![](https://static.simonwillison.net/static/2026/present-mobile.jpg) 上部にスライドインジケーター、前後のボタン、大きくて見やすい「開始」ボタン、そしてフォントサイズを調整するボタンがある。 最も複雑な機能は、開始ボタンの隣にある細いバーだ。これはタッチ操作可能なスクロールバーで、指を上下にスライドさせると、現在表示されているウェブページを画面上で上下にスクロールできる。 とても洗練されているとは言えないが、ページが読み込まれた時に最も興味深いコンテンツが折り返し線より下にあるという問題を解決するには十分に機能する。 コードから学ぶこと 私はすでにコードをGitHubにプッシュしていた（「このアプリはバイブコーディングされました…私のマシンでは動きましたが、それ以上の保証はありません！」という大きな免責事項付きで）。その後に、おそらくコードを見るべきだと気づいた。 私はこれを、最近使っているパターンを文書化する機会として利用した。つまり、モデルにコードベース全体の線形ウォークスルーを提示するよう依頼するのだ。使用したプロンプトを含め、進行中の『Agentic Engineering Patterns』ガイドにある、その結果としての『Linear walkthroughs』パターンがこちらだ。 結果として得られたウォークスルー文書は本当に役に立つ。どうやらClaude Codeは、リモコン機能用のウェブサーバーをライブラリなしのソケットプログラミングを使って実装することを決めたらしい！ルーティングに使用した最小限のHTTPパーサーは以下の通り： private func route(_ raw: String) -> String { let firstLine = raw.components(separatedBy: "\r\n").first ?? "" let parts = firstLine.split(separator: " ") let path = parts.count >= 2 ? String(parts[1]) : "/" switch path { case "/next": state?.goToNext() return jsonResponse("ok") case "/prev": state?.goToPrevious() return jsonResponse("ok") このように状態変更にGETリクエストを使用すると、楽しいCSRF脆弱性が生まれる。この特定のアプリケーションでは、私は本当に気にしない。 私たちの視野を広げる このようなバイブコーディングの話は、今や珍しいものではない。この話を共有する価値があると思う理由はいくつかある： 私が知らない言語であるSwiftは、ここでは絶対に正しい選択だった。ウェブコンテンツを埋め込み、ネットワーク経由で制御可能なフルスクリーンアプリが欲しかった。Swiftには必要なものがすべて揃っていた。 最終的にコードを見た時、それはシンプルで分かりやすく、必要なことを正確に行い、それ以上は何もしなかった。 これは私の実際の問題を解決した。私は常に、プレゼンテーションを一連のページとして提供する良い方法を欲していたが、今まさにそれを手に入れた。 これは、ネイティブMac開発者が時代遅れになったことを意味しない。私は依然として、この結果を得るために自分自身の蓄積された技術的知識（そしてXcodeなどをすでにインストールしていた事実）を大量に使用しており、自分が何をしているか知っている人は、同じ時間でよりはるかに優れたソリューションを構築できただろう。 これは、ソフトウェアエンジニアリングの経験を持つ私たちが、楽しく興味深い方向に視野を広げられることを示す好例だ。私はもうSwiftを恐れていない！次に小さな個人的なmacOSアプリが必要になった時、それは既存のツールセットで達成可能だと分かっている。 最近の記事 Agentic Engineering Patternsについて書く - 2026年2月23日 TIL、リリース、博物館、ツール、研究をブログに追加 - 2026年2月20日 これはSimon Willisonによる『私は夢のmacOSプレゼンテーションアプリをバイブコーディングした』で、2026年2月25日に投稿されました。 前へ: Agentic Engineering Patternsについて書く 月報 月額10ドルでスポンサーになり、その月の最も重要なLLM開発のキュレーションされたメールダイジェストを受け取れ。 少なく送ってもらうために私に支払え！

夢のmacOSプレゼンテーションアプリをバイブコーディングで実現

背景や根拠まで確認しますか？

調べる

選ぶ

サイト