129 ページあります:
| # | ページ | タグと要約 |
|---|---|---|
| 1 | アプリセンター | Apps, B2G, Firefox OS, Mobile, Web Development, Web開発, アプリ |
| 既存の Web 標準とオープンなテクノロジーを活用して、Firefox OS を含む様々な環境で動作し、リッチな体験ができる Open Web Apps の作成方法を学びましょう。 | ||
| 2 | App Installation and Management API | Apps, Apps API, WebAPI |
| Open Web Apps の JavaScript API は、Web アプリをインストールしたり、ユーザがインストールしているクライアントサイドの Web アプリのリストを管理したりするためのプログラミングインタフェースです。このリストは「アプリケーションレポジトリ」と呼ばれます。 | ||
| 3 | navigator.mozApps.amInstalled | Apps, Apps API |
| アプリがインストール済みかどうかを判断する手段をアプリに提供します。このメソッドは通常、アプリをホストしている配布元から呼ばれます。 | ||
| 4 | navigator.mozApps.getInstalledBy | Apps, Apps API |
| コールバック関数を通じて、呼び出し元ドメインによってインストールされたアプリを返します。これにより、アプリディレクトリやアプリストアが、訪問者に代わってインストール済みアプリを判別することができます。 | ||
| 5 | navigator.mozApps.mgmt.clearWatch | Apps, Apps API, NeedsExample |
| ウォッチコールバック関数を削除します。この関数が呼び出された後、指定されたウォッチ·コールバックはもはや呼び出されません。 | ||
| 6 | navigator.mozApps.mgmt.list | Apps, Apps API |
| ユーザーのリポジトリ内のすべてのインストール済みのアプリケーションを一覧表示します。 | ||
| 7 | navigator.mozApps.mgmt.uninstall | Apps, Apps API, NeedsExample |
| ユーザーのリポジトリからアプリをアンインストールします。 | ||
| 8 | navigator.mozApps.mgmt.watchUpdates | Apps, Apps API |
| アプリをインストールしたり、リポジトリから削除されたときに呼び出されるコールバック関数を設定します。 | ||
| 9 | エラーオブジェクト | Apps, Apps API |
Open Web Apps の JavaScript API では、エラーが発生したとき関数によって DOMError オブジェクトが返されます。 |
||
| 10 | Firefox Marketplace へのアプリの登録 | Apps, Firefox OS, Mobile, marketplace |
| Firefox Marketplace は、エンドユーザに向けてアプリを配布するインフラを開発者に提供します。 | ||
| 11 | Firefox Marketplace 登録前チェックリスト | Apps, B2G, Firefox OS, Mobile, marketplace |
| デスクトップコンピュータ上で Firefox OS シミュレータ をインストールし、シミュレータのコントロールパネルを使って、シミュレータ内でアプリをインストールします。 | ||
| 12 | Marketplace レビュー要件 | Apps, B2G, Firefox OS, Marketplace, Mobile |
| アプリのレビューとそれに該当しないことについて、Mozilla が期待していることは以下の通りです。 | ||
| 13 | Open Web Apps の設計 | Apps, Beginner, CSS, Design, DesignAccessibility, Examples, Guide, Layout, Mobile, Styleguides, UX, Usability, Web Development, patterns |
| このセクション以下にある項目は、Web アプリの設計に一般的に当てはまる内容です。 | ||
| 14 | Firefox OS アイコンフォント | B2G, Design, Firefox OS, Gaia, Icons, icon font |
| Firefox OS アイコンフォントは Github の Gaia アイコンストア からダウンロードするか、以下のように bower を使ってインストールできます。 | ||
| 15 | Firefox OS デザイン素材ライブラリ | Apps, B2G, Firefox OS, Firefox OS UX, UX |
| No summary! | ||
| 16 | Firefox OS トランジション | B2G, Firefox OS, Gaia, animations, transitions |
| No summary! | ||
| 17 | アプリ内ナビゲーション | Example, Firefox OS, Gaia, In-app navigation, Transitions, animations, transitions |
 |
||
| 18 | キーボードの呼び出し | Firefox OS, Gaia, Guide, Transitions, animations, keyboard, transitions |
 |
||
| 19 | タスクを切替える | Firefox OS, Gaia, タスク切替え |
 |
||
| 20 | 他のアプリを呼び出すアプリ | App invokes app, Firefox OS, Gaia, Transitions, animations, transitions |
 |
||
| 21 | 通話の開始と終了 | Firefox OS, Gaia, Guide, Transitions, animations, calls, transitions |
| 通話を開始する: | ||
| 22 | Firefox OS ビルディングブロック | Design, Design patterns, Firefox OS, UI, building blocks |
Firefox OS ビルディングブロックのコードは Gaia Github レポジトリ の shared/style 以下にあります。ここでは、その特定のビルディングブロックのためのスタイルを含んだ CSS ファイルと、部分的な HTML コードや画像素材を含むサブディレクトリを見つけることができます。独自のスタンドアロン Web アプリを作成しているなら、その CSS、HTML、画像素材ファイルをあなたのプロジェクトにコピーするだけです。そのアプリが Firefox OS へのインストールのみを目的としたものであるなら (Firefox OS でのアプリ使用時に限ってそれらの機能を使用したいなら)、Gaia 内部で使用可能なバージョンへリンクさせることができます。 |
||
| 23 | Firefox OS 1.x ビルディングブロック | B2G, Firefox OS, Firefox OS UX, UX, アプリ |
| No summary! | ||
| 24 | Firefox OS 2.0 ビルディングブロック | 2.0, Firefox OS, building blocks, implementation |
| No summary! | ||
| 25 | Firefox OS 2.3 ビルディングブロック | B2G, Design, Firefox OS, UI, building blocks |
| No summary! | ||
| 26 | UI レイアウトの基本 | Design, Layouts, UI |
| No summary! | ||
| 27 | モバイルファースト | Apps, CSS, HTML |
| 「Planning your App」の記事の中で、わたしたちは、あなたがアプリのコーディングを始める前に決める必要がある、企画性と機能性に分類される決定において、デスクトップとモバイルのデザインのためのいくつかのアイデアを含め、高いレベルの画面を提供します。この記事は、モバイルファーストのコンセプトに注目し、いくつかの関連するアイデアを提案します。標準的なレイアウト構成は、モバイル端末のためのものです。そして、デスクトップブラウザ用のレイアウトや機能は、その標準的なレイアウト構成の上に積み重ねられます。このガイドは、モバイルファーストの包括的な内容を含む、いくつかの有用な技術に注目します。 | ||
| 28 | レスポンシブデザインとアダプティブデザイン | |
| レスポンシブデザインもアダプティブデザインも、異なるビューポートサイズ、解像度、使用される文脈、制御メカニズムなどを調整して、異なるデバイス間でユーザーエクスペリエンスを最適化しようという試みは同じです。 | ||
| 29 | レスポンシブデザインのブロックの作り方 | Apps, CSS3, HTML5, Mobile, Responsive Design |
| 現在WebサイトやアプリケーションのUIを、使用しているブラウザや機器によって変化させ、それぞれに応じて最適化された体験を提供することが一般的になってきています。そのための一つの方法として、使用される機器やブラウザに合わせて異なるサイトやアプリを作り、それぞれ異なった結果を出力するという方法がありますが、この方法は非効率的です。ブラウザはエラーを起こす可能性がありますし、何より全てのソースコードを保守するのは骨が折れます。 | ||
| 30 | X-tag と独自要素 | Apps, B2G, Firefox OS, Mobile, x-tags |
| X-tag とは、HTML5 アプリ開発に使える一連のビルディングブロック (コンポーネント) を提供する独自 HTML 要素です。必要なコンポーネントが見当たらなければ、独自の X-tag を定義して、他の正式な HTML タグと同様に使うことができます。以下に 10 個の X-tag と、その使い道の説明を挙げます。 | ||
| 31 | インストール型アプリの考慮点 | Guide, UX |
| インストール可能なOpen Web Appを設計する時、インストール後にアプリがどのような挙動をするかという事について、頭に入れておくべき考慮点が多数あります。この記事ではアプリを設計する際に注意すべき点を解説します。 | ||
| 32 | レスポンシブナビゲーションのパターン | Guide, Mobile, Responsive Design, navigation, patterns |
| アプリのナビゲーションを設計するにあたって手助けが必要ですか？ これらのパターンは最初に見るべき最適な情報です。 | ||
| 33 | 構想 | Apps, Design, Planning |
| No summary! | ||
| 34 | アプリの構想 | Apps, B2G, Firefox OS |
| いったんWebアプリを思いついたら、コーディングやデザインを始める前に計画を立てるべきです。大半の皆さんにとっては驚くほど明らかですが、完全に新規のアプリを作るのか、既存のアプリを目的変更するのかは、言い過ぎることのないポイントです。この記事ではアプリケーションを計画し、実装の準備する時に心に留めておく主要な概念に触れます。 | ||
| 35 | Web アプリの基本 | Apps, B2G, Firefox OS, Mobile |
| No summary! | ||
| 36 | Web アプリの開発 | Apps, Firefox OS, Guide, Mobile, guide |
| この記事では、Open Web Apps の開発に関するトピックを取り上げ、単に異なるブラウザや端末に対応するだけでなく、Firefox OS のようなプラットフォームにインストールした場合にも快適に動作するアプリを作成するにあたって注意を向けて欲しい最も重要な分野の解説を行います。 | ||
| 37 | Advanced network communication | |
| このセクションでは、CORS、システムアヤックス、ウェブRTC、ソケットのような高度なネットワーク通信技術とtechnniques、基本的なデータフローの記事に移動し、これらは、あなたの利点にどのように使用することができるかを見ます。 | ||
| 38 | Manipulating video, audio and images | HTML5, Media, NeedsTranslation, audio, video |
Whether we are dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's <audio> and <video> elements remains pretty much the same. Currently, to support all browsers we need to specify two formats, although with the adoption of MP3 and MP4 formats in Firefox and Opera, this is changing fast. You can find compatibility information in the following places: |
||
| 39 | HTML5 videoにキャプションと字幕をつける方法 | Example, Guide |
In other articles we looked at how to build a cross browser video player using the HTMLMediaElement and Window.fullScreen APIs, and also at how to style the player. This article will take the same player and show how to add captions and subtitles to it, using Web_Video_Text_Tracks_Format and the <track> element. |
||
| 40 | アプリで基本的なデータフローを制御する | Beginner |
| 全てのwebアプリの中心は、その内部・外部のデータフローです。webの進化につれて、データフローはずっと複雑になりました。これをマスターすると、もっと良くて効率的なwebアプリを作るのに役立ちます。 | ||
| 41 | アプリのローカライズ | Apps, Firefox OS, Gaia, L10n.js, Localization, l10n.js |
| この一連の記事では、ローカライズされたバージョンのアプリを提供したい開発者のための情報を提供します。 | ||
| 42 | Firefox OS アプリをローカライズする | |
| Firefox OS アプリは世界中で使われています—スペイン、ポーランド、コロンビア、ベネズエラ、その他多数の国で—なので最初からアプリをローカライズするのを考えておくことは重要です。しかしopen webはそのものがオープンなため、ローカライゼーションに関して選択すべきフレームワークやテクノロジーがたくさんあります。例えば、 Jed Gettext-スタイルのライブラリは人気の伝統的な選択肢です。ほかにも新しい開発中のプラットフォームで現在のライブラリの容量が拡張されます。例えば、Mozilla では、L10nに感動的な新機能を拡張する見込みある ローカライゼーション プロジェクト があります。良く知るには、 Mozilla Tools group をチェックします。 | ||
| 43 | アプリ開発FAQ | Apps, B2G, FAQ, Firefox OS, アプリ |
| There are a few different potential solutions here: | ||
| 44 | インストール可能な Firefox OS アプリ | B2G, Firefox OS, Installation, Layout, distribution, l10n:priority, manifest, packaging |
| Firefox OS (コードネーム Boot to Gecko または B2G) はMozilla のオープンソースモバイルOS です。これはLinux カーネルベースで、Open Web Apps をインストールして動作可能なGecko ベースのランタムが動作しています。Gecko はFirefox がWeb コンテンツを表示してレンダリングするのに使用しているレンダリングエンジンです。 | ||
| 45 | 初心者向け Firefox OS アプリ作成チュートリアル | |
| この文書は初心者向けの Firefox OS アプリチュートリアルです。Web 開発者とモバイルアプリ開発者に向けて、Firefox OS アプリの作成方法と、一般の Web サイトや Web アプリとの違いを解説しています。 | ||
| 46 | オフラインサポート | |
| 次の図はオフラインアプリの典型的なワークフローを示したものです。最初のステップは、ダウンロードもしくはインストールのあと、アプリが立ち上がった時です（ダウンロードはオンライン Web アプリ、インストールは Firefox OS などのインストールアプリの場合です）。この時点での標準的な挙動は、アプリで使われるアセットや初期状態のデータをデバイスに保存することでしょう。 | ||
| 47 | データを収集し変更する | |
| 次のフローチャートは、Open Web Appsをホストしているデバイスからデータを取得するための一般的なワークフローを示しています: | ||
| 48 | バリデータを使用したWebアプリの検証 | |
| バリデータに含まれる検証する項目の例: | ||
| 49 | パフォーマンス | Apps, Firefox OS, Performance |
| Open Web App や Firefox OS のパフォーマンスに関する記事。 | ||
| 50 | Firefox OS アプリ 起動: 応答性 ガイドライン | Apps, Firefox OS, パフォーマンス |
| アプリの起動段階やタイミング (やユーザーストーリー) についての下記の表には、Firefox OS アプリ用のベストプラクティスがあります。それは全て(低スペック端末も含めた)Firefox OS端末のアプリパフォーマンスとして "受容できる" 観点のものです。これはFirefox OS パフォーマンスチームの、性能要件を満たしたアプリの UX-承認 定義を形成し、Firefox OSの応答性と知覚できるパフォーマンス用のMozillaのプログラムの一部です。 | ||
| 51 | UI の同期性 | |
| UI の同期性では、ユーザインターフェイスがユーザ操作に反応する方法を、ブロックする/しないやり方のいずれも、記述します。 | ||
| 52 | 低メモリFirefox OS端末向けアプリ | B2G, Firefox OS, tarako, アプリ, パフォーマンス, 低メモリ |
| このガイドのターゲットはアプリがローエンドのFirefox OS端末、及びその他要素にてどのように動作するかの影響を判断する必要があるアプリ開発者、レビュアーとします。必ずしもこのガイドを使う人全員がローエンド端末に触れた事があるとは想定していません。 | ||
| 53 | モダン web アプリ アーキテクチャ | Apps, Architecture, Ember, Frameworks, Guide, MVC, NeedsTranslation, Tools, TopicStub, guide |
| web アプリケーションをビルドする方法はたくさんあって、多くのツール選択や、学ぶべき理論もいっぱいあります。このシリーズでは、モダンwebアプリの開発を学ぶときに出くわすツール選択を紹介し、次に、Webで使われる最も一般的なアプリアーキテクチャの Model View Controller (MVC) の背後にある理論に連れて行きます。理論をカバーしたら、自分のMVCアプリを新規でビルドできるようなチュートリアル群に連れて行きます。 | ||
| 54 | Ember アプリを作成する | Apps, Command Line, Ember, Ember CLI |
world-clock(世界時計)という簡単なMVC アプリを作っていきます。これはローカル時間を表示し、毎秒更新し、表示するタイムゾーンを追加できます。 アプリのデモを見たり、Githubで 完全なソースコードをチェックアウトできます。 |
||
| 55 | ユーザー通知 | |
| 通知管理の一般的なフローはこのようになります。 | ||
| 56 | 移植 | Apps, Firefox OS, porting |
| No summary! | ||
| 57 | 音声と動画の操作 | |
| 動画中の各フレームに含まれる各ピクセルの情報を読み取ることが可能です。 | ||
| 58 | Web 開発者のアプリ開発 | Apps |
| 最小要件はこれだけです。 | ||
| 59 | アプリに関するよくある質問 | Apps, Web Development |
| No summary! | ||
| 60 | Marketplace に関する FAQ | Apps, B2G, Firefox OS, Marketplace |
|
この記事では、Firefox Marketplace でのアプリの公開に関する様々な一般的質問に答えます。 |
||
| 61 | アプリに関する FAQ | Apps |
| Open Web App は通常の HTML5 アプリケーションよりもはるかに多くの意味を持ちます。Open Web Apps (OWA) は、Web 標準に基づくアプリケーション、あるいは「Web ランタイム」アプリケーションであると考えてください。 | ||
| 62 | アプリに関する一般的な FAQ | Apps |
| No summary! | ||
| 63 | アプリのマーケティングに関する FAQ | Apps |
| アプリの宣伝方法 | ||
| 64 | アプリマニフェストに関する FAQ | Apps, B2G, Firefox OS, Marketplace, Mobile |
| Open Web App のマニフェストファイルに関するよくある質問。 | ||
| 65 | レポーティング | Apps |
| No summary! | ||
| 66 | アプリの CSP | Apps, Firefox OS |
| CSP が アプリマニフェスト 内で指定されている場合、その CSP と、そのアプリの種類に適用される既定の CSP がマージされます。指定された CSP が既定 CSP の制約を緩和することはありません。Firefox Marketplace のバリデータは、アプリの登録時に CSP 違反を判別するようになっています。このバリデータは開発中にあらかじめ問題を発見するのにも役立ちます。 | ||
| 67 | アプリのインストールに関するプラットフォーム固有の詳細 | Apps |
Gaia (Firefox OS のユーザインタフェース) では、2 番目のホームページ上に Marketplace へのリンクが置かれており、アプリはここからインストールできます。Gaia に含まれているデフォルトアプリは端末上の Gecko プロファイルに保存されており、Web アプリのオフラインキャッシュは /data/local/OfflineCache/* にあります。 |
||
| 68 | アプリのレイアウト | Apps, Design |
| モダンな Web サイトや Web アプリのためいかに効果的なレイアウトを行うかはひとつの課題です。ある意味では、開発者の仕事は簡単になったと言えるでしょう。CSS は一般的に、かつてよりはるかに堅実で一貫性のある対応がブラウザやプラットフォームを越えて実現していますから、多くのひどいハックに頼る必要はもうありません。しかし一方で難しくなった点もあります。近頃では Web へアクセス可能な端末が多数あり、搭載ブラウザ、画面サイズ、解像度、プロセッサ処理速度、使用場面 (端末が携帯用なのか、ネットワークに接続されているかなど) もバラバラです。 | ||
| 69 | アプリの更新 | Apps, Firefox OS, marketplace |
| アプリは一般的な Web キャッシュのルールに従います。起動時間を短縮するため、HTML5 AppCache などの高度な機能を任意で使用することも可能です。その場合、アプリが使用する通常のリソースを更新するにあたって特別に考えることはありません。 | ||
| 70 | アプリの構造 | Apps |
| アプリはそれをホストしているサーバ (「自主配布」) かストアからインストールできます。Mozilla は 2012 年中にアプリを登録できる Firefox Marketplace のベータ版を立ち上げました。他のサードパーティアプリストアもこの構造を利用可能です。無料有料どちらのアプリにも対応します。ストアは、購入したユーザだけがアプリを実行できるようにする購入検証に対応することも可能です。Firefox Marketplace はそうした仕組みを導入します。 | ||
| 71 | アプリの許可設定 | Apps, Firefox OS, Intermediate, Permissions, Reference, Référence, WebAPI |
| 許可設定には 3 つのレベルがあり、それらには簡潔に言えば以下のような違いがあります。 | ||
| 72 | アプリへの個人認証の統合 | Apps |
| Mozilla が提供しているオープンな個人認証ソリューション「BrowserID」 (「Mozilla Persona」の一部) は、アプリエコシステムで様々な方法で利用されています。その多くは (Firefox Marketplace へのログイン以外に) アプリ開発者による行動を必要としません。 | ||
| 73 | アプリをオフラインでも使えるようにする | Apps |
| インターネットへ接続していないときもアプリを使用できる機能は、モバイル端末では特に重要です。例えば通信圏外で歩き回るといったこともあるでしょう。ですがこれはデスクトップシステムでも同じように重要です。一般的な例としては、WiFi 接続のない飛行機の上で使うといったケースが挙げられます。 | ||
| 74 | アプリテンプレートの使用 | Apps |
| これには以下のものが含まれます。 | ||
| 75 | アプリマニフェスト | Apps |
| 本項では、アプリマニフェストの作成、使用にあたって知っておくべき重要な事柄について解説します。 | ||
| 76 | アプリ開発のためのAPIレファレンス | |
| 以下のリストは Firefox OS アプリを作成する上で必要とされるであろう API のコードレベルでのレファレンスです。WebAPI とメソッドをより高速に検索するには | ||
| 77 | Firefox Marketplace のサービス | API, Apps, B2G, Firefox OS, Marketplace, Reference, Référence |
| これらのドキュメントとガイドは、Firefox Marketplace でアプリの公開と管理に必要な API のリファレンスを提供します。 | ||
| 78 | Firefox OS device APIs | |
| Web プラットフォームの標準は数多く表れ、デバイスAPIは Firefox OSアプリ開発や Open Web Appsにとって決定的なものです。この記事ではそのようなAPI をカバーしたページのリスト(個々のアプリマニフェストでのパーミッション説明を含む)を提供します。 | ||
| 79 | Firefox OS アプリの基礎 | API, Apps, B2G, Firefox OS, Reference, Référence |
| Firefox OS アプリは単なる Open Web App ですが、オフライン作業やインストール対応など、特別な検討事項や機能がいくつかあります。 | ||
| 80 | Firefox OS アプリ開発ツール | Apps, B2G, Firefox OS, Firefox for Android, resources |
| このセクションでは、利用可能な Firefox OS 専用コードテンプレート、ライブラリ、スニペットープラグインを紹介します。 | ||
| 81 | レイアウトと構造 | API, Apps, B2G, Firefox OS, Reference, Référence |
| Open Web App に最適な構造を作るために役立つ一連の記事です。 | ||
| 82 | 一般的な Web API | API, Apps, B2G, Firefox OS, Reference, Référence |
| 要素、イベント、ネットワークリクエスト、ストレージ、その他 Open Web Apps に便利な機能を提供する標準的な Web API をまとめました。Web API チームの主要 Wiki ページ にある要約表も、何がどこで対応されているか分かりやすい概要を提供してくれます。 | ||
| 83 | 描画とアニメーション | API, Apps, B2G, Firefox OS, Reference, Référence |
| モダンなアプリ体験を提供するためには、アニメーションや軽量グラフィックスの使用は不可欠です。以下のページはこの分野で必要な情報を提供します。 | ||
| 84 | アプリ開発を始めよう | Apps |
| Web アプリとは、Web 標準技術を使って開発されたアプリケーションです。すべてのモダンな Web ブラウザで動作し、好きなツールを使って開発できます。Web サイトと Web アプリを区別する特徴をいくつか挙げるとするなら、アプリはユーザによってインストールされ、自己完結型で、ブラウザウィンドウのクローム (ユーザインタフェース部品) を必ずしも必要とせず、オフラインでも動作するように開発できます。Gmail、Twitter、Etherpad などが Web アプリに当たります。 | ||
| 85 | アプリ開発ツール | Apps, Tools |
| この記事では、Firefox OS アプリ、つまり Open Web Apps の開発、テスト、デバッグに役立つ、最も便利なツールをすべて簡単に紹介します。 | ||
| 86 | アプリ開発者向けチュートリアル | Apps, NeedsContent |
| 以下に挙げる様々なアプリ開発の記事は、アプリ開発の各課程に参考となる参考資料を多数掲載した、まとまったチュートリアルを提供します。 | ||
| 87 | Media demo app tutorial | Apps, NPR, Tutorial |
| This is a tutorial on the "NPR demo" app. | ||
| 88 | お天気アプリチュートリアル | |
| このチュートリアルでは、アプリ例weathermeを使って、ビルドの仕方を説明します。 | ||
| 89 | アプリのデバッグ | Debugging, Firefox OS, Guide |
| WebApp ランタイム内で実行されているアプリの問題をデバッグする手段として、コマンドラインから起動し、古い (しかし未だに便利な) エラーコンソール を有効にすることができます。 | ||
| 90 | ゲーム | Apps, Games |
| No summary! | ||
| 91 | Serpent ゲーム | Apps, Games |
| この Open Web App は古典的な「スネーク」ゲームをベースとしたシンプルなゲームです。これは、Web ゲームを素早く開発できる WebGameStub テンプレートを使用しています。 | ||
| 92 | 一般的なアプリ開発チュートリアル | Apps, Marketplace |
| iOS や Android といったプラットフォーム向けのアプリケーションと異なり、Web アプリの最上位言語は HTML、CSS、そして JavaScript です。これらの言語は世界中の Web 開発者に支持されています。この一連の Web 技術は、すべてのモダンなモバイルやデスクトップ向けハードウェア上で使えるもので、コードを最大限再利用可能にするとともに、少ない追加作業で様々なプラットフォームや端末を使用している多数のユーザへ潜在的なリーチを実現します。このチュートリアルでは、Web アプリの作成に関する様々な側面を探り、柔軟で機能的なアプリの設計方法から、完成までのアプリのコーディングについてまで見ていきます。 | ||
| 93 | Area Tweet アプリの作成 | Apps |
| 設計目標やコーディング標準をすべて見てきたところで、実際にアプリのコーディングに取り掛かりましょう。 | ||
| 94 | HTML5 Web アプリの基礎 | Apps |
| Open Web App は基本的には HTML5 アプリです。HTML、CSS、JavaScript、それぞれの役割はよく知られているかもしれませんが、HTML5 アプリでそれぞれが各自の重要な役割をどう演じるか、要点を簡単にまとめてみましょう。 | ||
| 95 | Your app development environment | |
| Webアプリケーションを作成するのに飛び込む前に、必要なツールを持っていることを確認する必要があります。 | ||
| 96 | アプリからの収益 | Apps, Firefox OS, Marketplace |
| No summary! | ||
| 97 | アプリのコード | Apps |
| アプリが使う色や画像を別にすれば、アプリの設計は必ずしも動的ではありません。柔軟性の高いアプリの設計指針もほぼ同じです。しかし、アプリのコーディングに開発者が使うスタイルやツールについてはまったく別の話です。モバイルアプリのコーディングには様々なライブラリやフレームワークを利用できます。 | ||
| 98 | アプリのテスト | Apps |
| アプリのテストは、特に複数のプラットフォームや端末に対応する場合、非常に重要です。必要なテストの回数や種類は、対応する端末やプラットフォームによります。テストの種類には以下のようなものが挙げられます。 | ||
| 99 | アプリのデバッグ | Apps, Firefox OS |
| アプリをデバッグする際、最初に行うことといえばもちろん、Firefox などフル機能のデスクトップブラウザとその利用可能なツールを活用することです。しかし一度アプリがプラットフォーム上にインストールされてしまうと (参考: アプリのインストールに関するプラットフォーム固有の詳細)、それはネイティブアプリとなり、Web アプリランタイムの中で実行され、事態はより複雑になってきます。 | ||
| 100 | アプリの保守 | Apps |
| Web アプリの管理と保守はその公開と同じぐらい重要です。バグが見つかるかもしれませんし、ユーザから機能のリクエストが上がってくるかもしれません。また時間の経過とともに新しい端末が発売され、そのソフトウェアも更新されます。 | ||
| 101 | アプリの設計 | Apps |
| Web アプリを設計する前に熟慮すべきことはたくさんあります。 | ||
| 102 | 自分のアプリを作成しよう | Apps |
| オープンな Web 技術を用いて、様々な端末向けにリッチでパワフルなアプリケーションを作成することは、楽しく、やりがいがあり、潜在的には利益を挙げられるプロセスです。オープン Web はアプリの作成を可能にするため必要なツールを提供してくれます。また Mozilla はアプリを紹介、配布するための優れたマーケットプレイスを提供しています。この記事で書かれている情報を活用し、自分自身の驚くべきアプリを開発し、全世界に向けて公開しましょう！ | ||
| 103 | 開発環境の設定 | Apps |
| Web アプリケーションの作成に取り掛かる前に、まず必要なツールが揃っているか確認しましょう。 | ||
| 104 | 音声・動画アプリのチュートリアル | |
| No summary! | ||
| 105 | アプリ開発関連ドキュメントの索引 | Apps, Index, index |
| Found 128 pages: | ||
| 106 | クイックスタート | Apps, Design, Development, Firefox OS, Quickstart |
| この記事はFirefoxOSや他のプラットフォームで動作するインストール可能なオープンWebアプリの作り方や標準的なWebアプリ/サイトとの違いを記載しているクイック記事です。 このWebアプリ開発者とネイティブモバイルアプリ開発者向けにとって意味のあるように書かれています。 |
||
| 107 | テストとデバッグ | |
| もしローカル上で Ember CLI アプリケーションが動作していないのであれば、コマンドラインまたはターミナル上からプロジェクトのディレクトリに移動し、ember serve を実行してください。 | ||
| 108 | 最初のアプリを作る | Apps, Beginner, Design, Development, Ember, Quickstart |
Ember CLI の責務を多く延期しているにも関わらず、Ember CLI は未だにプロジェクトセットアップの方法として重要なものとなっています。新しいプロジェクトを作るところから初めてみましょう。基本的なアプリケーションのスケルトンを作成して、それをブラウザで表示させてみます。その後にクイックスタートとして、タイムゾーンをサポートしたシンプルな時計アプリをスケルトンから作ってみます。 |
||
| 109 | 設計 | Design, NeedsTranslation, Quickstart, TopicStub |
| open web appsを設計するためのクイックスタート情報 | ||
| 110 | コンセプト: 優れたアプリ | Apps, concept, アプリ |
| 世の中を見渡すと、ニーズを満たしていないものが見受けられます。もし既にそのようなタスク・アプリのアイデアがあり、あなたのターゲットとするユーザーがわかっていれば、それはアプリの目的記述を作るときです。アプリの目的を定義し、最も重要なユーザーを定義します。これはあなたの主なユースケースとなります。 | ||
| 111 | 開発 | Apps, Quickstart |
| Open Web Apps のコーディングに関するクイックスタート情報です。 | ||
| 112 | Open Web Apps と Web 標準 | Apps |
 |
||
| 113 | 初めてのアプリ | Apps, Beginner, Guide, beginner, guide |
| このガイドは、素晴らしいアプリを作成するために基本アーキテクチャですぐに動作させる方法とビルド手順を紹介します。 | ||
| 114 | ゲームアプリの開発 | Apps, Games |
| No summary! | ||
| 115 | ゲーム開発における特別な配慮 | Apps, Firefox OS, Games, Mobile |
| この記事では、アプリの開発を始めるにあたって に書かれている基本を越えて、ゲームアプリを開発する際に考慮すべきいくつかの事柄を説明します。特に興味深いのは、ゲームを (警告と制限付きで) オフラインでもプレイできるようにする方法、プレーヤー情報の保存、プレーヤーが友人と交流できるようにする方法です。 | ||
| 116 | ゲームエンジンとツール | Apps, Games |
| 以下は HTML5 と JavaScript で実装されたゲームエンジンの一例です。 | ||
| 117 | ツールとフレームワーク | Apps, B2G, Firefox OS, Frameworks, Libraries, Tools, Workflows |
| No summary! | ||
| 118 | パッケージ型アプリ | Apps, Firefox OS, Mobile |
パッケージ型アプリ は、リソース (HTML、CSS、JavaScript、アプリマニフェストなど) を Web サーバ上へ置く代わりに、それらをすべてひとつの ZIP ファイルにまとめた Open Web App です。パッケージ型アプリは、ルートディレクトリに アプリマニフェスト を含んだ単なる ZIP ファイルです。マニフェストには manifest.webapp というファイル名を付ける必要があります。 |
||
| 119 | モバイルアプリケーション開発者のアプリ開発 | Apps, Mobile |
| モバイルアプリケーション開発者に対して、Open Web Apps プロジェクトは次のようなメリットを提供します。 | ||
| 120 | リファレンスアプリ | |
| ダウンロード、インストールして、実際に試して学べる様々なサンプルアプリをまとめました。楽しんで！ | ||
| 121 | レシートの検証 | Apps, Firefox OS, Marketplace, Receipts, Web Payment |
| Marketplace で有料アプリを提供している場合、ユーザが有効なレシートを所持していることを確認する必要があります。確認しないと、ユーザがアプリを購入した直後に 購入を取り消して返金を受け取れば、アプリを無料で使用できてしまいます。または、単純に開発者のサイトからマニフェストファイルを直接参照して、アプリ をインストールすることも可能です。この記事では、独自のレシート検証を組み込むためのコードとワークフローについて説明します。 | ||
| 122 | 独自ストアの開発 | Advanced, Apps, Firefox OS, Guide, Marketplace |
| Firefox OS、Android 版 Firefox、デスクトップ版 Firefox 上のアプリのインストール、管理方式は、Firefox Marketplace から独立したものとなっています。これにより、アプリを自主配布するだけでなく、独自のマーケットプレイスを作成し、そこでアプリをホストすることも可能となっています。究極的には、オープンソースソフトウェアを使って独立マーケットプレイスを実装することも可能でしょう。このページでは、取り得る選択肢につい説明し、それぞれの実装についての概要を提供します。 | ||
| 123 | 設計ガイドライン | Apps, Responsive Design |
| 魅力的で使いやすいアプリの開発に役立ついくつかの提案。 | ||
| 124 | アプリの簡潔な説明 | Apps |
| エレベーターに乗っているぐらいの長さしか時間がないとき、あなたのアプリを他人へどう紹介しますか？ それがあなたのアプリの「エレベーターピッチ」、つまり、そのアプリが誰を対象としているのか、なぜその人たちにとって便利かということの簡単な要約です。 | ||
| 125 | ナビゲーションパターン | Apps, Mobile, Responsive Design, Web Development |
| 近日公開 (レスポンシブで楽しい Web アプリの設計に役立ついくつかのナビゲーションパターン) | ||
| 126 | 一般設計指針 | Apps, Design |
| 言葉に一貫性を持たせましょう。アプリ内ではひとつのアクションやアイテムを同じ用語で呼び、各用語はひとつのアクションやアイテムのみに使用します。 | ||
| 127 | 参考資料 | Apps, Guide, Responsive Design, Web Development |
| No summary! | ||
| 128 | 購入後 | |
| このページは今後のコンテンツのためのプレースホルダーです。 | ||
| 129 | 高度なトピック | Apps, B2G, Firefox OS, Mobile |
| これらの記事では、より高度な Open Web Apps のトピックに関する追加情報を提供します。 | ||