アプリのテンプレートとユーザーエクステンションを使用すると、簡単にコードを再利用して他の人と共有できます。ただし、2 つには一部異なる点があります。
- アプリのテンプレートはプロジェクトの開始時にのみ使用できます。ユーザーエクステンションは、開発中であればいつでもプロジェクトに導入できます。
- テンプレートは全体的なものですが、ユーザーエクステンションはコンポーネントをツールボックスに追加するものです。コンポーネントはユーザーエクステンションパッケージの他のコンポーネントと共に、あるいは抜きで、含めることができます。
- テンプレートは Architect で作成しますが、ユーザーエクステンションには Sencha Architect 外部で作成された JavaScript や CSS コードが含まれる場合があります。
アプリのテンプレート関する次の詳細に注意してください。
- アプリのテンプレートが提供されているのは、ExtJS 4.2 以降、および Touch 2.2 以降のみです。
- テンプレートを使用して作成したプロジェクトは、テンプレートそのものを更新しても更新されません。
- ユーザーはカスタムのアプリのテンプレートを作成できます。この件については、アプリのテンプレートの作成ガイドに記載しています。
アプリのテンプレートの使用
新しいプロジェクトの開始プロセスを簡素化するために、アプリのテンプレートを提供しています。Sencha Architect パッケージには一般的なプロジェクトタイプが複数用意されています。あなた自身で作成、あるいは他の誰かが作成したテンプレートを追加することもできます。
Architect を起動して [Create New（新規作成）] を選択すると、使用するフレームワークを選択し、さらにプロジェクトで使用するアプリのテンプレートを選択する画面が表示されます。下は Ext JS の画面ですが、Sencha Touch の画面もそれほど変わりません。
- 使用するフレームワークを選択します（Ext JS または Sencha Touch）。
- 別のバージョンのフレームワークを選択するには、フレームワーク名の右側にある矢印をクリックします。この操作を行うと、「空のプロジェクト」が表示されます。これをクリックすると、標準的な Architect 開発画面が開きます。テンプレートを使用せずにプロジェクト作成を開始する場合、現在のフレームワークの「空のプロジェクト」をクリックしても構いません。
- 各フレームワークで使用できるテンプレートは「Basic（基本）」、「Layouts（レイアウト）」、「Examples（例）」「Starter Apps（スターターアプリ）」に論理的にグループ化されています。各グループへのリンクは左のカラムに表示されています。使用可能なテンプレートを見て、希望するものに最も近いものを 1 つ選択します。
- アプリのテンプレートをプレビューするには、テンプレートをマウスでポイントすると右上に表示される「目」のアイコンをクリックします。
- プロジェクトに必要なものに最も近いアプリのテンプレートをクリックし、画面右下にある [Create（作成）] ボタンをクリックすると、Architect でこのテンプレートを元にプロジェクトをセットアップします。
- ツールバーで [New Project（新しいプロジェクト）] ボタンをクリックすると、前回のプロジェクト開始時に使用したテンプレートページにジャンプします。
これらのテンプレートによりアプリケーションの構造が設定され、ビュー、コントローラ、モデル、ストア、テーマなどが含まれる場合もあります。基本的に、Architect プロジェクトで使用できる構成要素はすべてテンプレートに含めることができます。テンプレートは、作成するプロジェクトに合わせてカスタマイズできます。
「空のキャンバス」を選択することで、いつでも空のキャンバスから開発を開始できます。
アプリのテンプレート関する次の詳細に注意してください。
- テンプレートはプロジェクトの開始時にのみ使用できます。テンプレートを既存のプロジェクトに追加することはできません。
- アプリのテンプレートが提供されているのは、ExtJS 4.2 以降、および Touch 2.2 以降のみです。
- テンプレートを使用して作成したプロジェクトは、テンプレートそのものを更新しても更新されません。
- ユーザーはカスタムのアプリのテンプレートを作成できます。この件については、テンプレートの作成ガイドに記載しています。