メインコンテンツへスキップ

編集: 手間いらずの対話型変更

Manus でウェブアプリケーションを編集するのは、会話をするのと同じくらい簡単です。コードを書いたり、複雑なメニューを操作したりする必要はありません。自然言語で希望する内容を記述するだけで、サイトに変更を加えることができます。これは、微調整から大規模な更新まで対応します。

ビジュアル編集

Manus 1.5 は、ウェブサイトを編集するための3つの柔軟な方法を導入しました。

クイックスタイルコントロール

任意の要素をクリックすると、即座にスタイルパネルが開きます。待つ必要も、プロンプトも不要です。直接コントロールできます。
  • 色: 背景、テキスト、境界線を変更
  • タイポグラフィ: フォント、サイズ、太さを調整
  • 間隔: パディング、マージン、ギャップを修正
  • 境界線: スタイル、幅、半径を更新
迅速なデザインの反復と微調整に最適です。

プロンプトベースの一括編集

ワークフローをさらに効率化するために、Manus では次の操作を実行できます。プロンプトベースのグループ編集。単一のプロンプトで複数の変更を記述でき、Manus はそれらをインテリジェントにパッケージ化し、単一の更新としてまとめて適用します。これは、コマンドを一つずつ発行することなく、一連の関連する調整を行うのに最適です。 たとえば、次のような単一の包括的な指示を与えることができます。
“では、いくつかの変更を行いましょう。まず、メインの見出しを太字にし、色をブランドのダークブルーに変更します。次に、価格表の間隔を調整して、よりゆったりとさせます。最後に、フッターセクション全体の背景色をライトグレーに変更します。”
Manus はプロンプト内の個別のリクエストを理解し、それらすべてを一度に実行するため、時間と労力を節約できます。
編集タイププロンプトの例
スタイル設定"すべての見出しのフォントを Georgia に変更してください。"
レイアウト"このリストの項目間の間隔を広げてください。"
コンテンツ"メインボタンのテキストを '今すぐ始める' に変更してください。"
構造"このセクションを複製し、お問い合わせフォームの下に配置してください。"

AI 編集: あなたのクリエイティブパートナー

より複雑な、またはクリエイティブな変更には、AI 編集機能を使用できます。要素を選択し、Manus に改善を依頼するだけです。これは、デザインコンサルタントやコピーライターをすぐに利用できるようなものです。
目標プロンプトの例
コピーの改善"この見出しを、より魅力的でメリットを重視したものに書き直してください。"
デザインの強化"このセクションに、より良く、よりモダンなカラーパレットを提案してください。"
レイアウトの洗練"この機能リストを、より視覚的に魅力的で読みやすいように再構成してください。"
Manus は提案を提供し、変更を適用するため、デザインとコンテンツをその品質を超えて簡単に向上させることができます。 Manus は、ウェブアプリケーションをリアルタイムで編集およびプレビューするためのシームレスな体験を提供します。これにより、迅速な反復が可能になり、変更を加える際に視覚化できます。

プレビュー: アプリケーションをリアルタイムで確認

Manus は、開発プロセス全体を通じて、ウェブアプリケーションのライブでインタラクティブなプレビューを提供します。これにより、変更が加えられる際にそれらを確認し、実際の環境でアプリケーションの機能をテストできます。

デスクトップ/モバイル

プレビューウィンドウでは、デスクトップビューとモバイルビューを切り替えることができ、アプリケーションがレスポンシブであり、すべてのデバイスで見栄えがすることを確認できます。さまざまな画面サイズでユーザーエクスペリエンスをテストし、デスクトップユーザーとモバイルユーザーの両方に最適化するために必要に応じて調整を行うことができます。

パス

プレビューウィンドウには、表示しているページの現在のパスを表示する URL バーが含まれています。これは、アプリケーション内の特定のページに移動したり、サイトの URL 構造を理解したりするのに役立ちます。

フルスクリーン

より没入感のある体験のために、プレビューをフルスクリーンモードに拡大できます。これは、関係者にアプリケーションを提示する場合や、周囲のインターフェースに気を取られることなく、サイト全体のルックアンドフィールをよりよく把握する場合に特に役立ちます。

ライブプレビュー

開発プロセスの最初から、アプリケーションのライブでインタラクティブなプレビューを利用できます。これにより、リクエストの結果を即座に確認し、調整のためのフィードバックを提供できます。ライブプレビューは反復的な開発プロセスの不可欠な部分であり、自然言語コマンドを使用してアプリケーションを洗練し、変更がすぐに反映されるのを確認できます。