Polymer App Toolbox(日本語) Using the Toolbox/App templates 〜アプリケーションのテンプレート〜
Polymer App Toolboxの利用は、Polymer CLIを使い、ここで紹介される要素やパターンが組み込まれたテンプレートから一つを選んで始めることができます。
テンプレートからプロジェクトを初期化
テンプレートからプロジェクトを初期化するには、Polymer CLIがインストールされていることを確認し、空のプロジェクトフォルダにcd
で移動し、次のコマンドを実行するだけです。そうすると現在利用可能なテンプレートから一つ選択するよう促されます。
$ polymer init
テンプレート
Application
application
テンプレートは、Polymerで構築されるアプリケーションの最も基本的な出発点です。アプリケーションのルート(root)として配信可能な必要最小限の実装を備えたカスタム要素が一つ用意されています。非常に高い柔軟性を持っており、そこから思うままにアプリケーションを構築していけます。
Starter Kit
starter-kit
はapp-layout要素を取り入れ、汎用的なレフトドロワーパネルとツールバーを備えています。テンプレートは、メインコンテンツエリアへ読み込み描画される複数のビュー間にナビゲーションを提供します。
テンプレートは、アプリケーションの効率的かつ進歩的な(progressive)ローディングのためPRPLパターンを用いてセットアップされます。PRPLパターンでは、ビューは必要に応じて読み込まれ、オフライン環境やその後の利用に備えてプリキャッシュされます。
Shopアプリケーションデモ
shop
テンプレートは、starter-kit
上に構築された本格的なアプリケーションで、PWA仕様の完全なECアプリケーションを構成する要素一式を実装しています。このテンプレートは、「home - list - detail」型の典型的なアプリケーションフローの見本であり、出発点となるイメージや必要な機能一式を備えたアプリケーションの雛形を提供します。
詳細については、Shop case studyを参照してください。
Newsアプケーションデモ
news
テンプレートは、starter-kit
上に構築された本格的なアプリケーションで、PWA仕様の完全なNewsアプリケーションを構成する要素一式を実装しています。このテンプレートは、ニュース記事のロードをデモンストレートし、出発点となるイメージや必要な機能一式を備えたアプリケーションの雛形を提供します。
実装の詳細については、News case studyを参照してください。Newsのテンプレートの使用方法やカスタマイズ方法については、News documentation siteを参照してください。
次に進むところ
テンプレートは出発点であり、アプリケーションのニーズに合わせて、Polymer App Toolboxのドキュメント内で紹介されるWebコンポーネントに限らず、WebComponents.orgのような外部のソースからも自由にコンポーネントを追加することができます。
App Toolboxのテンプレートの利用を開始するためのチュートリアルは、Building your first Polymer applicationを参照してください。
Author And Source
この問題について(Polymer App Toolbox(日本語) Using the Toolbox/App templates 〜アプリケーションのテンプレート〜), 我々は、より多くの情報をここで見つけました https://qiita.com/jtakiguchi/items/3e9b74757d5435387b12著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .