AJAXを使用してHTML5およびCSS3プログラミング用のアプリケーションを作成する方法 - ダミー

誰もが最近モバイルアプリを作りたいと思っています。ここに大きな秘密があります。多くのアプリは実際にHTML5、CSS、JavaScriptで書かれています。モバイルデバイスで動作するアプリを作るために必要なものはすべて既に知っています。さらに、ネイティブアプリの場合と同じように、新しい言語を習得したり、アプリストアの許可を得たり、ライセンスを購入したりする必要はありません。

iOSユーザー向けにできることはいくつかあります。デスクトップにアイコンを直接追加できるようにプログラムを設計することができます。ユーザーは他のアプリと同様にプログラムを起動できます。また、ブラウザが通常のブラウザを隠すようにして、プログラムがブラウザで動作していないように見えるようにすることもできます。

<！ - 1 - >

これらの効果は非常に簡単です。

プログラムにアイコンを追加する

iOSの現代版（iPhone / iPadオペレーティングシステム）には、すでにデスクトップに任意のWebページを保存する機能があります。 SafariでWebページを表示し、[共有]ボタンをクリックします。 Webページをデスクトップに保存するオプションがあります。ユーザーにこれを指示することができ、通常のアプリのようにプログラムを起動できます。

<！ - 2 - >

しかし、保存されたアプリのデフォルトアイコンはかなり醜いです。素敵なアイコンが必要な場合は、小さな画像をaとして保存することができます。 pngファイルを作成し、プログラムと同じディレクトリに置きます。次に、あなたのページ（ヘッダ内）にこの行を追加すると、ユーザがプログラムを保存したときにその画像がデスクトップに表示されます：

追加のボーナスとして、iPhoneまたはiPadは自動的に画像をアップルのアイコン、iOSのインストールされたバージョンに適した効果を追加します（iOS7では丸みを帯びていて、ガラスのようなもの、iOS7では平らです）。

<！ - 3 - >

もちろん、このアイコンのトリックはアップルだけの仕組みです。ほとんどのバージョンのAndroidでは、メインブラウザで指定したブックマークをデスクトップに追加できますが、カスタムアイコンオプションはありません。 apple-touch-iconディレクティブは、他のOSを使用している場合は無視されます。

Safariツールバーを削除する

プログラムはメイン画面から見えますが、ユーザーがプログラムを起動すると、プログラムがWebブラウザの一部であることは明らかです。ヘッダーの別の行でブラウザツールバーを簡単に非表示にすることができます。

このコードは、プログラムがデスクトップから呼び出されない限り、何も変わりません。しかし、その場合、ツールバーが隠され、プログラムが本格的なアプリのように見えるようになります。追加ボーナスとして、フルスクリーンモードでプログラムを実行するので、ゲームプレイのための余地が少し広がります。

これもApple固有の解決策です。 Androidデバイスで同じ効果を達成する簡単な方法はありません。

プログラムをオフラインで保存する

インターネットに接続しているときだけ実行される点を除いて、プログラムはアプリのように見えるようになりました。 HTML5には、最初に実行されたときにウェブページ全体をローカルに保存できる素晴らしい機能があります。

ユーザーがプログラムにアクセスしようとしたときにシステムがオンラインにできない場合、代わりにゲームのローカルコピーが実行されます。基本的に、プログラムは最初に起動され、ローカルデバイスにとどまります。

これは比較的簡単に達成できます：

プログラムを安定させる： オフライン記憶機構を使用するには、プログラムがリリース準備完了に近いことを確認する必要があります。少なくとも、ゲームに必要なすべての外部ファイルを確実に把握する必要があります。
ローカルリソースのみを使用： この種のプロジェクトでは、外部インターネットに頼ることができないため、すべてのファイルをローカルにする必要があります。つまり、PHPや外部ファイルを実際に使用することはできません。サーバーのすべてのローカルコピーが必要です。
カフェを作る。マニフェストファイル： あなたのゲームが入っているディレクトリを見て、新しいテキストファイルを作成します。
最初の行を記述します。 キャッシュの最初の行。マニフェストファイルには、CACHE MANIFESTというテキスト（大文字）が含まれている必要があります。
ディレクトリ内のすべてのファイルのリストを作成します。 ディレクトリ内のすべてのファイルの名前を1行に1ファイルずつ書き込みます。あなたの大文字とスペルに注意してください。
マニフェスト属性を追加します。 タグにはマニフェストという新しい属性があります。これを使用して、キャッシュマニフェストを見つけることができるサーバーを記述します。
ページを通常読み込み： Webページを通常の方法で一度読み込む必要があります。すべてが正しく設定されていれば、ブラウザは静かにファイルのコピーを作成します。
オフラインでテストする： オフラインストレージをテストする最善の方法は、マシン上のワイヤレスアクセスを一時的にオフにしてからファイルにアクセスすることです。問題が解決したら、あなたはまだオンラインであるかのようにページを見ることができます。
サーバー設定を確認する： オフライン記憶域が機能していない場合は、サーバーの管理者に確認する必要があります。テキスト/マニフェストMIMEタイプはサーバー上で構成する必要があります。サーバー管理者にこのオプションを設定するよう求めなければならないかもしれません。あなたのアカウントのhtaccessファイル：
```
addtype text / cache-manifestマニフェスト
```