見たまま、選ぶ。
文字やカードをクリックして、文章・色・文字サイズ・余白・位置を調整。コードを探す必要はありません。
THE FINAL TOUCH FOR AI-BUILT WEBSITES
AIで作れた。
あと少しを、
自分で仕上げる。
AIでWebサイトやWebアプリは作れた。でも、「この文字を少し小さく」「スマホだけ余白を詰めたい」という最後の微調整が難しい。Page Studioなら、気になる場所を画面で選び、文字や見た目をコードに触れず調整できます。
あなたのフォルダを、そのまま開く。編集データはローカルで管理。
WHY PAGE STUDIO
あと少しが、
いちばん難しい。
ほんの少しの見た目の修正を、毎回AIに説明するのは大変です。文字や余白は自分の目で見て直し、構造やプログラムに関わる修正はAIへ依頼できます。
画面ごとに、整える。
PC・タブレット・スマホを切り替え。スマホだけの変更も選べて、PCとスマホを並べて確認できます。
比べてから、保存。
変更前と変更後を画面ごとに確認。保存前には元に戻せ、保存後はバックアップから復元できます。
A CLOSER LOOK
保存する前に、
見て確かめる。
編集した内容を変更前と変更後で並べて確認。PC・タブレット・スマホの表示を切り替えてから保存できます。
Page Studio / 変更前後を確認↗
実際のPage Studio画面。操作説明用のサンプルサイトを表示しています。
HOW IT WORKS
開く。直す。
比べて、保存。
AIが作ったものを出発点に。最後の判断は、あなたの目で。
- 01
フォルダを開く
HTMLがあるWebサイトやWebアプリのフォルダを選びます。付属のサンプルでも試せます。
- 02
画面を見ながら仕上げる
文章・見た目・配置を修正。編集できない箇所は理由を表示し、AIへ修正依頼を作れます。
- 03
変更を確認して保存
PC・タブレット・スマホで変更前後を確認し、開いたフォルダのファイルへ保存します。
GET PAGE STUDIO
あなたの環境に、
Page Studioを。
Mac・Windows版をZIPで配布しています。GitHub Releasesからダウンロードし、展開してアプリを起動してください。
VERSION 0.7.6
Mac版
Apple Silicon（M1以降）向け。ZIPを展開し、Page Studio.appを開きます。
Mac版をダウンロードSHA-256を表示
3f466cd041368365610fcba67d00414422e4dc83df96f06b0fa533d6d9d9e9bdVERSION 0.7.6
Windows版
64ビットWindows向け。ZIPを展開し、フォルダ内のPage Studio.exeを起動します。
Windows版をダウンロードSHA-256を表示
4e43fe87d16f6ff2c139a0b0485776dc82c5695b6d612d0524de4e2da064e021Mac版は公証、Windows版はコード署名を行っていません。OSの警告が表示される場合があります。Windows版は実機での操作確認を進めています。
GOOD TO KNOW
よくある質問
どんなサイトを編集できますか？
HTML・CSS・JavaScriptで構成されたサイトや、ビルド済みのWebアプリを編集できます。ReactやNext.jsのソースコードを直接編集・ビルドする機能はありません。
元のファイルはどうなりますか？
保存前に変更前後を比較し、確認後に開いたフォルダのHTMLへ反映します。保存前の状態はアプリデータ領域にバックアップされ、復元画面から戻せます。
AIでしか直せない部分は？
プログラムが生成する表示など、Page Studioで直接修正できない箇所は理由を表示します。対象の情報とスクリーンショットを含む修正依頼を作り、CodexなどのAIへ渡せます。
クラウドへサイトがアップロードされますか？
Page Studioの編集と保存はローカルで行います。このページからアプリをダウンロードしても、編集するサイトのファイルは送信されません。公開は必要に応じて別途行います。