Lightwell とは

Lightwellは、デザインとネイティブiOS実装のギャップを埋める専門的な開発プラットフォームです。Webビューや中間コードに依存する従来のクロスプラットフォームフレームワークとは異なり、デザインアセットから直接、高性能なネイティブiOSアプリを構築できます。Xcodeでの複雑な開発サイクルを軽減し、Swift/SwiftUIコードを生成するビジュアル環境を提供します。これにより、プレミアムなネイティブアプリに求められる滑らかなアニメーション、ハプティックフィードバック、ハードウェア統合を実現し、複雑なボイラープレートコードなしでプロトタイプから本番用アプリまでを構築可能です。

Lightwell の主な機能

ネイティブSwiftUIエクスポート

独自の形式ではなく、クリーンで読みやすいSwiftUIコードを生成します。標準的なXcodeプロジェクトとしてエクスポートできるため、Appleエコシステムとの完全な互換性が保たれ、手動でのコード注入や詳細なカスタマイズも可能です。

ビジュアルインタラクションデザイナー

ドラッグ＆ドロップ式のエンジンで、複雑なジェスチャーや遷移をネイティブのiOSアニメーションライブラリにマッピングします。Core Animation層を抽象化することで、手動のアニメーションブロックや複雑なビューコントローラのライフサイクル管理なしで、60fpsの滑らかな遷移を実現します。

リアルタイムデバイスプレビュー

コンパニオンアプリが高速ローカルネットワークブリッジを利用し、キャンバスを実機に直接ミラーリングします。「シミュレーターのギャップ」を解消し、デザインを反復しながらタッチターゲット、ハプティックフィードバック、実際のデバイスパフォーマンスをリアルタイムで検証できます。

コンポーネントベースのアーキテクチャ

画面間で再利用可能なモジュール式コンポーネントシステムを採用しています。グローバルスタイルやUIブロックを定義することで、大規模プロジェクトでもデザインの一貫性を維持し、デザインの変更やレイアウト構造の更新にかかる時間を大幅に削減します。

ハードウェア対応プロトタイピング

Webベースのツールとは異なり、カメラ、加速度センサー、ハプティックエンジンなどのiOS固有のハードウェア機能にビジュアルビルダーから直接アクセス可能です。本番アプリと全く同じ挙動をする高精度なプロトタイプを作成でき、ユーザーテストやステークホルダーへの検証を円滑にします。

Lightwell の使い方

公式サイトからLightwell macOSアプリをダウンロードします。,2. デザインアセットをインポートするか、内蔵のレイアウトキャンバスで新規プロジェクトを開始します。,3. ビジュアルエディタを使用して、インタラクション、ナビゲーションフロー、状態遷移を定義します。,4. 統合されたプロパティインスペクタを使用して、UI要素をデータソースやローカルロジックに接続します。,5. Lightwellコンパニオンアプリを使い、実機のiPhoneでリアルタイムにプレビューします。,6. プロジェクトをネイティブのXcodeプロジェクトとしてエクスポートし、最終調整を行ってApp Storeへ提出します。

Lightwell の利用シーン