foreverいつかどこかの、誰かの未来のために。OSアプリのディレクトリ構成を見てみたこんにちは、星影です。Simulatorを入れてから、だいぶ時間が経ってしまいました。OSをいじってみました。world動かしたり、システム関連の設定をカスタマイズするところまでは触れたので、ある程度の予習復習はできたかなぁと。OSアプリのディレクトリ構成」をメインに書いてみました。OSのアプリ開発に興味のある方はぜひともご覧ください。Simulatorが導入済みであることを前提として書いています。読みながら実践してみたいという方は、以下の記事を参考に、必要なソフトをインストールしてからお読みください。OSアプリのソースコード格納場所は、Firefoxブラウザから確認することができます。Firefoxブラウザを起動し、URLに「about:support」と入力してみましょう。「トラブルシューティング情報」という画面が表示されます。表示」をクリックしてみましょう。表示すると、FinderでFirefoxブラウザのアドオンが含まれるディレクトリが開きます。場所を覚えなくてもブラウザから開けるのが良いですね。OSアプリのソースコードは「webapps」ディレクトリに格納されています。webapps先ほど開いたディレクトリからextensions/r2d2b2g@mozilla.org/profile/webappsに移動します。ちなみに日本語対応のシミュレーターを入れている場合は「r2d2b2g」の部分が「r2d2b2g-l10n」になっていました。インストールしたシミュレーターに応じてディレクトリを辿ってください。OSアプリのソースコードが格納されています。代表的なアプリとして以下のようなものが入っています。試しにWebブラウザアプリのソースコードを見てみましょう。Webブラウザアプリのソースコードがある「browser.gaiamobile.org」ディレクトリを開いてみます。browser.gaiamobile.orgディレクトリを開くと、2つのファイルが入っています。OSのアプリは、アプリの情報が書かれたマニフェストファイルと、アプリのソースコードを圧縮したzipファイルで構成されています。同一ディレクトリにある他のディレクトリを開いても、同じ構成になっていると思います。コピーして展開してみましょう。applicationhtmlやjs、cssなどのファイルが入っていますね。ここで、ディレクトリ内にある「index.html」を、Firefoxブラウザにドラッグ&ドロップしてみましょう。WebブラウザのスタートページFirefoxブラウザ内に、Webブラウザのスタートページが表示されました。アドレスバーが2重にあるので、ちょっと違和感がありますね。表示されたスタートページのアドレス欄に、URLを入力しEnterキーを押してみましょう。Webページが表示されるきちんとWebページが表示されました。他のWebページへ遷移することも可能です。Webブラウザアプリのソースを見てみるWebブラウザアプリのソースを見てみましょう。アドレス欄のコード先ほど入力したアドレス欄は、非常にシンプルなコードで書かれていることがわかります。アドレス欄の見た目も、該当するcssを書き換えることで簡単に変更することができます。15px);}本当にこれだけで動いています...実際にソースコードを見て、改めて驚きました。OSではアプリのひとつひとつがWebの技術を使用して作られています。コンパイルなどの処理は必要なく、Webの知識があれば簡単にアプリを作ることが可能なのです。OSのアプリは作れます。これだけでも他のスマートフォンでのアプリ開発と比べ、非常に多くの開発者が参加しやすいプラットフォームだと感じています。アプリのディレクトリ構成も非常にシンプルで、仕組みさえ分かってしまえばWebの知識だけで色々と作れそうですね。OSはこれからグイグイ伸びるOSだと感じています。アプリ開発ガイドも出ていますので、すでにWebの知識がある開発者の方、この記事を読んで興味を持った方は、ぜひとも挑戦してみてください。全文検索、スマホゲーム、チャットbot、IoTとかやってる雑多なエンジニア。ガジェット、アニメ、ゲーム、そしてインターネットが大好きなオタク。だいたいTwitterに居ます。OSこれは0から1を生み出す人のための端末だ。OSあなたが手助けできるところを見つけてください。コメントをキャンセルメールアドレスが公開されることはありません。全文検索、スマホゲーム、チャットbot、IoTとかやってる雑多なエンジニア。ガジェオタでアニオタでゲーオタ。レビューズ公認レビュアー。アンバサダーやってます。blogProfileContact。