Compot
LukyLab s.r.o. · コーディング
Compot（Compot UIとも呼ばれる）は、AIコーディング支援を備えたSwiftUIコンポーネントライブラリである。130以上の貼り付け可能なコンポーネントとSwiftコードジェネレーターをまとめ、iOSアプリの開発を速める。
Compot について
What Is Compot
CompotはApple開発者向けのネイティブツールで、プラハを拠点とするLukyLab s.r.o.が手がけた。中身は二つある。Xcodeにそのまま貼り付けられる手作りのSwiftUIコンポーネント集と、Swiftコードを代わりに書いてくれるAIアシスタントだ。売りは速さにある。ペイウォールやオンボーディング、設定リストをゼロから作り直す代わりに、レイアウト・アニメーション・ダークモードをすでに処理済みのコードを貼るだけで済む。
コンポーネントはApple自身のデザイン言語に沿っている。Human Interface Guidelinesに従い、SF Symbolsを使い、Dynamic Typeに対応し、ライトとダークのテーマ切替も追加作業なしで動く。どの断片も純粋なSwiftUIで、CocoaPodsやCarthage、外部のSwift Package Managerパッケージを必要としない。プロジェクトは整理されたまま保たれ、ビルド時間も短く済む。
制約は範囲にある。Compotが助けるのはAppleプラットフォーム上のネイティブSwiftUIだけだ。アプリがFlutterやReact Native、Android Jetpack Composeで動く場合、あるいは今もUIKitで画面を作っている場合は役に立たない。アシスタントもSwiftUIのレイアウト向けに調整されており、一般的なプログラミングの質問には向かない。
Getting Started
- App StoreからiPhone、iPad、Mac用のCompotアプリをダウンロードする。始めるのは無料だ。
- ボタンやペイウォールからグラフ、チャットの吹き出しまで、カテゴリ別にカタログを見る。
- コンポーネントをプレビューし、SwiftコードをXcodeプロジェクトにコピーする。
- 独自レイアウトなら、画面を説明するかデザインをアップロードし、AIアシスタントにSwiftコードを書かせる。
- 貼り付けたモディファイアと色を、アプリのスタイルに合わせて調整する。
AIツール情報
Compotの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- ネイティブのSwiftUIアプリを出荷し、よくある画面を毎回作り直したくないiOS・macOS開発者。
- 専任デザイナーがいない個人開発者。すでに見栄えが整ったコンポーネントを必要とする。
- 早い段階で試作するチーム。貼るだけのコードで、動く画面をすぐテスターの前に出せる。
タスク
- サブスクのペイウォールを作る。特典の行、バウンスアニメーション、月払いと年払いの選択が、ほぼどんなストア導線も覆う。
- オンボーディングを組む。ウェルカム画面とスワイプ式カルーセルが用意済みで、Appleのレイアウト慣習に従っている。
- カタログに合うものがないとき、デザインや文章から独自のSwiftUIレイアウトを生成する。
シーン
- App Store申請前の最終調整。トーストや評価依頼といった細部が効いてくる場面。
- 抽象的なチュートリアルではなく、依存のない実物のコンポーネントコードを読んでSwiftUIの型を学ぶ。
- visionOSやwatchOSの画面を、Appleのサイズ規則にかなったゲージやシンボルで出荷する。
主な機能
130以上の貼り付け可能なコンポーネント
ライブラリは22カテゴリにわたり、ボタンやタイポグラフィからペイウォール、グラフ、地図オーバーレイまで揃う。単体のコンポーネントに加え、すぐ使えるSwiftUIテンプレートも含む。各コンポーネントは単体のSwiftコードとして届き、プロジェクトに貼るだけなので、読み込むパッケージも追うバージョンもない。広さが効くのは画面を一式そろえるときだ。オンボーディング、設定リスト、フッターをすべて同じカタログから引ける。
AIによるSwiftコード生成
Compotのアシスタントは、Appleアプリ向けに調整されたSwiftUIコードジェネレーターで、アップロードしたデザインや文章をSwiftUIコードに変換する。一般的なチャットボットに聞いて文法が最新であることを祈るのではなく、SwiftUIのレイアウトを踏まえた出力が得られる。カタログのどのコンポーネントも頭の中の像に合わないとき、最短の道になる。
依存ゼロ
どの断片も純粋なSwiftとSwiftUIだ。CocoaPodsやCarthage、外部のSwiftパッケージを引き込まない。ビルドサイズと長期の保守を気にするチームにとって、次のXcode更新で壊れる箇所が少ないことを意味する。
Apple HIGへの準拠
コンポーネントはAppleのHuman Interface Guidelinesに従い、SF Symbols、Dynamic Type、ネイティブのスプリングアニメーションを使う。ライトとダークのモードは追加設定なしで動く。この一貫性のおかげで、手作りの画面がシステムUIの隣で浮かない。
ペイウォールとオンボーディングの完成済みブロック
サブスクのペイウォールとオンボーディング画面は、開発時間が大きく消える場所だ。Compotは特典の行、連鎖するバウンスアニメーション、割引タグ付きのプラン選択、複数ページのウェルカムカルーセルを完成品として用意する。
ネイティブアプリのカタログ
コンポーネントの閲覧とプレビューは、遅いWebページではなくiPhone、iPad、Macのネイティブアプリで行う。コードのコピーはワンタップで、プレビューには実際のSwiftUIコンポーネントが映る。見たものがそのままXcodeに届く。
メリットとデメリット
メリット
- 22カテゴリ・130以上のコンポーネントがよくある画面をほぼ覆い、初期のUI作業を大きく削る。
- 依存のない純Swiftで、プロジェクトは軽く保たれ、パッケージの衝突も避けられる。
- 内蔵のAIアシスタントが、デザインや指示からSwiftUIコードを生成する。
- SF Symbols、Dynamic Type、ダークモードに対応し、システムUIになじむ。
- ダウンロードは無料で、何かを買う前にカタログを見て回れる。
デメリット
- Appleプラットフォーム専用のため、FlutterやReact Native、Androidのプロジェクトには使えない。
- Xcode 15以降とiOS 16以降が必要で、古いOSを支えるアプリは対象外になる。
- 多くは無料だが、最も高度なペイウォールとオンボーディングの部品はアプリ内課金の後ろにある。
よくある質問
CompotはiOSアプリ開発ツールで、SwiftUIの画面を速く組むために使う。既製のコンポーネントをXcodeに貼るか、AIアシスタントにSwiftコードを生成させることで、ペイウォールや設定リストのような画面の作り直しに費やす時間を減らせる。
関連コンテンツ
Compotに関連するツール、スキル、記事を探す。
Compotの代替ツール
Base Code
Base44 (Wix) · コーディング · 生産性向上Base CodeはBase44の共有クラウド開発環境だ。既存のGitHubリポジトリに対する変更をチャットで伝え、プレビューで確認し、プルリクエストとして返せる。
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
GitGlow
GitGlow · コーディング · 生産性向上GitGlow は自分のコードと AI エージェントの変更を一つのレビューにまとめるデスクトップ Git クライアントだ。出荷前に、マシンから何が出ていくのかを確かめられる。