WWebday Studio
製品

ソフトウェアの機能 · レスポンシブCSSレイアウト

01

狭いレイアウトから始めます。長いラベルとコードブロックをグリッドに入れ、はみ出しを隠すのではなく要素の縮み方を直します。

01

モデル

OpenAI互換またはAnthropicのエンドポイントを、ベースURLと必要なAPIキーで設定し、接続をテストします。ローカルのモデルサーバーは起動が必要です。リモートツールは別途データを送信する場合があります。

02

プロジェクト

フォルダーを選び、編集前に関連ファイルを読むようアシスタントに依頼します。作業の目的と変更範囲を明確にしてください。

03

変更内容

変更内容とコマンド出力を確認します。結果を採用する前にプロジェクトの検証を実行してください。生成コードが自動的にテスト済みになるわけではありません。

レスポンシブCSSレイアウト

● ● ●Webday Studio●
ワークフロー · レスポンシブCSSレイアウト ×
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
✳狭いレイアウトから始めます。
✓ 変更内容適用前に確認 ↗
ワークスペースのイメージ
AIコーディングワークスペース

次のアイデアはここから。

Windows版をダウンロード ↗