使い方

ご案内

HTML Web Preview: JS CSS JSONは、iPhoneとiPadでプロジェクトフォルダ内のウェブページと関連ファイルを確認するアプリです。

1. プロジェクトを開く

1. HTMLと、それに関連するCSS・JavaScript・JSON・画像ファイルを同じプロジェクトフォルダに用意してください。元のフォルダ構成を維持してください。
2. iCloud Driveに保存されているファイルは、ファイルアプリで先に端末へダウンロードしてください。
3. アプリでフォルダを開くを選択し、プロジェクトフォルダを指定してください。開始するHTMLファイルの選択を求められた場合は、開きたいファイルを選択してください。
4. プロジェクトはJavaScriptを実行しないプレビューで開きます。ページとソースを確認したうえで、信頼できるプロジェクトのみを実行してください。
5. プロジェクトのファイル一覧でJSONまたはソースファイルを選択すると、ウェブページの横で内容を確認できます。別のアプリで元のファイルを変更した場合は、再読み込みして変更を確認してください。

2. ページやボタンが動作しない場合

JavaScriptで画面を構成するページは、プレビューで空白になったり、ボタンが動作しなかったりする場合があります。内容を確認したプロジェクトに限り、信頼して実行機能を使用してください。

セキュリティ制限付き実行では、3Dグラフィックスや音声などの一部機能が制限される場合があります。互換モードは信頼するプロジェクトに限って別途選択でき、追加の外部通信が可能になる場合があります。

3. JSONとソースファイルの確認

プロジェクトのファイル一覧でJSONを選択すると、整形された内容を確認できます。アプリは元のファイルを変更しません。

テキストプレビューのサイズ上限は2 MiBです。これを超えるファイルは、テキストプレビューを利用できない場合があります。

4. 対応していない機能

アプリは既存のウェブファイルを表示するものであり、Java・Python・PHP・Node.jsサーバーの実行、Reactプロジェクトのビルド、ZIPの展開、ソースコードの編集機能は提供していません。

ビルドが必要なプロジェクトは、対応する開発環境でビルドを完了してから、出力されたフォルダを開いてください。

5. 外部の画像とフォント

外部のHTTPSリソースへのアクセスは別の設定であり、初期状態では制限されています。プロジェクトの実行に必要なリソースであることを確認してから許可してください。

外部ウェブサイトの方針、ログイン要件、選択した実行モードによっては、リソースを読み込めない場合があります。

6. 入力内容と実行状態

ウェブ実行データは一時ストレージで管理されます。プロジェクトを閉じたとき、実行環境を再構成したとき、または一部のバックグラウンド移行時に、入力内容や実行状態が失われる場合があります。通常の再読み込みでは、一時ストレージを再利用する場合があります。重要な入力内容を一時的な実行状態だけに保存しないでください。

実行記録は、プロジェクトを閉じたり再読み込みしたりするだけではすべて削除されません。新しいプロジェクトの準備に失敗した場合は、以前の記録が復元されることがあります。元のプロジェクトファイルと最近使ったプロジェクトの一覧は、一時的な実行状態とは別に管理されます。

7. 表示言語

韓国語、英語、日本語、簡体字中国語・繁体字中国語、ドイツ語、フランス語、スペイン語、ポルトガル語（ブラジル）を選択できます。アプリの言語 → 言語を変更からAppleの設定を開き、使用する言語を選択してください。外部アンケートや広告の選択画面の言語は、アプリの表示言語と異なる場合があります。

8. 実行時の注意事項とお問い合わせ

信頼できるフォルダとコードのみを実行してください。実行したプロジェクトは、選択したフォルダ内の読み取り可能なファイルにアクセスしたり、端末の外へ情報を送信したりする場合があります。アプリはマルウェアスキャナーやシステムファイアウォールではありません。そのプロジェクトに必要なファイルだけを含むフォルダを選択してください。

お問い合わせや改善のご意見は、avrelo.mail@gmail.comまでお送りください。アプリのバージョン、端末・オペレーティングシステムのバージョン、問題が発生するまでの手順を記載いただくと、原因の確認に役立ちます。スクリーンショットから個人情報を削除し、パスワード・秘密鍵・個人のプロジェクトの元ファイルは添付しないでください。