---
title: "チーム向けにカスタムJSSアプリテンプレートを作成しましょう"
slug: "build-custom-jss-app-templates-for-your-team"
abstract: "カスタムJSSテンプレートを作成・配布して、プロジェクトの立ち上げを加速します"
---
# チーム向けにカスタムJSSアプリテンプレートを作成しましょう

JSSは、jss createと組み合わせて新しいJSSアプリを作成できるアプリケーションサンプルのカスタマイズをサポートし、必要に応じてサンプルアプリケーションをJSS形にしたり、将来のプロジェクトでカスタムサンプルを再利用したりできます。

## カスタムテンプレートを作成してください

JSSのカスタムテンプレートは、[サンプルアプリの](https://github.com/Sitecore/jss/tree/release/19.0.0/samples)コピーから始まり、それを修正・配布できます。

各JSSサンプルアプリケーションのルートにはファイルjss-create.jsがあります。

開発者がサンプルアプリを基にアプリを作成するコマンドjss create実行すると、JSSテンプレートファイルを取得し、宛先ディレクトリにコピーし、npm installを実行し、もし存在すればjss-create.jsファイルを呼び出します。

このスクリプトは、パッケージ名やSitecore設定パッチ名などのアプリ要素を新たに作成されたアプリの名前に合わせて変更します。このスクリプトはテンプレート作成者がカスタム機能を追加する拡張ポイントです。また、テンプレート作成者がjss createがアプリケーション作成を終えた後にカスタム指示で示された手順を修正することも可能です。

例えば:

module.exports = function createJssProject(argv, nextSteps) {
 console.log(\`Executing create script: ${\_\_filename}...\`);

 // if your template needs to change or add to the next steps shown
 // to the user after the create completes, you can manipulate the \`nextSteps\`
 // array before returning it:
 nextSteps.push('\* Reticulate the splines');
 return nextSteps;

 // ...or replace it entirely
 return 
 '\* These are the only next steps shown',
 '\* The defaults are ignored'
 ;
};

> !注完成すると、新しいアプリではjss-create.jsファイルが削除されます。

## カスタムテンプレートをテストしてください

カスタマイズされたアプリテンプレートを作成したら、配布前にそのテンプレートに基づいて新しいアプリを作成するテストをすることをお勧めします。コマンドjss createはローカルに保存されたテンプレートを使ってアプリケーションを作成することをサポートします。

ローカルテンプレートをテストするには:

1.  テンプレートライブラリを保存するフォルダを作成しましょう。
    
2.  アプリのテンプレートをライブラリフォルダに移動またはコピーしてください。例えば、ライブラリが ~/jss-templatesで新しいテンプレートがreact-customと呼ばれている場合、そのテンプレートは ~/jss-templates/react-customに属します。
    
3.  ターミナルで、カスタムテンプレートに基づいてJSSアプリを作成するために以下のコマンドを実行してください。
    
    jss create <appname> react-custom --source ~/jss-templates
    

## カスタムテンプレートを配布する

他の開発者と共有するためのカスタムテンプレートを配布するには、Githubリポジトリをご利用ください。

このコマンドjss create 、公開テンプレートの配布に関する \--repositoryおよび \--branchオプションをサポートしています。プライベートリポジトリおよびGitHub以外のリポジトリは *サポートされていません*。

jss create <appname> react-custom --repository githubusername/reponame --branch branchname

> !警告カスタムテンプレートを使うと、そのテンプレートがあなたのマシン上でコードを実行できます。信頼できるソースのアプリテンプレートだけを使いましょう。