Macaly 3.0

Macaly 3.0 の紹介

Macaly 3.0 は、自然言語生成、スケッチ、直接編集を単一のワークフローに統合した、ウェブサイトおよびウェブアプリ向けのAIアシストビルダーです。このワークフローは「バイブコーディング（vibe-coding）」と呼ばれます。必要な内容を説明したりキャンバス上にスケッチすることで、Macalyは構造化されたドラフトを作成し、それをキャンバス上の精密なコントロールで洗練させることができます。

アイデアから即座に本番用サイトやアプリへと効率的に移行したいデザイナー、開発者、エージェンシー、プロダクトチーム向けに設計されています。主な機能には、AIによるドラフト生成、ワイヤーフレームやレイアウト作成用のキャンバス、直接操作可能な編集モード、タイポグラフィやカラーの一貫性を保つグローバルスタイル、内蔵データベース、アセットライブラリ、画像生成、カスタムドメイン対応のホスティング、アナリティクス、SEOツールが含まれます。

主なポイント

プロンプトやスケッチから、ウェブサイト、ウェブアプリ、ダッシュボードのドラフトを生成
編集モードでキャンバス上で直接、レイアウトやコンテンツを洗練
グローバルスタイルにより、全ページにわたってカラーとタイポグラフィの一貫性を確保
ユーザー、投稿、商品など、内蔵データベースでデータをモデル化・管理
アセットライブラリでプロジェクト内のメディアを一元管理し、複数ページで再利用
画像生成プロンプトでビジュアルアセット（ヒーローイメージ、背景、アイコンなど）を作成
内蔵ホスティングでウェブ上に公開し、カスタムドメインを接続可能
統合されたアナリティクスと自動SEO機能で、トラフィックと可視性を監視

Macaly 3.0 の動作方法

まず、自然言語でプロジェクトを説明するか、キャンバス上でワイヤーフレーム、レイアウト、フロー、画面などをスケッチします。Macalyはこれらの入力をもとに、ウェブサイト、ダッシュボード、またはウェブアプリ用の実働ドラフトを作成します。

編集モードに切り替えて、テキスト、レイアウト、余白、コンポーネントをキャンバス上で直接変更できます。グローバルスタイルを一度設定すれば、既存および新規ページ全体にわたってタイポグラフィ体系とカラーシステムを適用できます。アセットライブラリを使用して画像、動画、ドキュメントをアップロード・再利用するか、プロンプトを使って必要なビジュアルを生成します。

ユーザー、ブログ記事、商品カタログなどの一般的なエンティティに対して、内蔵データベースでテーブルを定義することでデータを接続できます。準備ができたら、内蔵ホスティングで公開し、カスタムドメインを接続してください。SEOメタデータやサイトマップは自動で処理され、アナリティクスではページビュー、クリック、送信、ユーザーの行動経路を確認できます。変更のレビュー機能を使えば、公開前に編集内容を検証できます。

ステージ	操作内容	内蔵機能
計画とドラフト作成	プロジェクトを説明またはスケッチ	プロンプトベース生成、キャンバス
編集とスタイリング	コンテンツとレイアウトを調整、スタイルを設定	編集モード、グローバルスタイル
データの追加	テーブルを定義しコンテンツを接続	データベース
メディアの管理	ビジュアルをアップロードまたは生成	アセットライブラリ、画像生成
公開と観測	ドメインを接続、公開、使用状況を追跡	ホスティング、SEO、アナリティクス

主なメリットと用途

Macaly 3.0 は、AIアシストによるドラフト作成、直接編集、スタイル管理、データモデリング、メディア処理、ホスティング、計測を統合することで、コンセプトから本番までの道のりを合理化します。これにより、ツールの切り替えが不要になり、イテレーションサイクルが短縮され、意図した通りの成果物が得られることへの確信が高まります。

典型的な用途には以下が含まれます：