0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Polymer App Toolbox(日本語) What’s in the box 〜App Toolboxの概要〜

Last updated at Posted at 2017-04-30

目次へ移動

翻訳ドキュメントの管理ページ

Polymer App Toolboxは、Polymerを使用してProgressive Web Apps(PWA)を構築するためのコンポーネントやツール、テンプレートのコレクションです。App Toolboxの機能は以下の通りです。:

  • PolymerとWebコンポーネントを利用したコンポーネント指向のアーキテクチャ
  • <app-layout>コンポーネントを利用したレスポンシブルデザイン
  • <app-route>要素を使用したモジュラールーティング
  • <app-localize-behavior>によるローカリゼーション
  • <app-storage>要素によるローカルストレージの簡易なサポート
  • Service Workerを使った、オフラインキャッシュによるProgressive Enhancement
  • ビルドツールは複数のアプリケーション配信手段をサポートしており、サーバープッシュを使うHTTP/2向けにはunbundledファイルを配信し、HTTP/1向けにはbundledファイルを配信します。

これらコンポーネントのいずれか一つを個別に使用することも、それらを併用してフル機能のProgressive Web Apps(PWA)を構築することもできます。最も重要なのは、各コンポーネントが付加的(additive)であることです。シンプルなアプリであれば、app-layoutだけで十分かもしれません。アプリが複雑化するにつれ、必要に応じてルーティング、オフラインキャッシュ、ハイパフォーマンスな配信方法を追加することができます。

ハイブリッド互換 Toolboxの要素と機能には、Polymer 1とPolymer 2の両方で利用可能なハイブリッド版が用意されています。2.0リリース候補(RC)を使う場合は、要素の2.0-previewブランチを使用してください。

これらのコンポーネントの実際の動作を体感したい場合は、次のいずれかのデモアプリケーションを試してみてください。:

  • Shop:Shopは、ツールボックスを使用して構築された、フル機能を備えたECのPWAデモです。ビルド方法は、Case study: the Shop appを読んでください。

  • News:NewsはShopのようなフル機能のPWAのデモですが、コンテンツの配信に焦点を当てています。ビルド方法は、Case study: the News appを読んでください。

App Toolboxの利用を開始するには、App Toolboxでアプリを構築を参照してください。

または、レスポンシブアプリのレイアウトを読んでみてください。

BUILD AN APP

RESPONSIVE APP LAYOUT

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?