CLOVAスキルの作成方法

#LINE Developer設定

https://developers.line.biz/ja/
へログインします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/fa3cd413-c994-e851-fa8e-e5bbf642f835.png)

##新規チャンネル作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/4d1cc984-a7f2-c7db-28c1-49553e60698d.png)

##CLOVAスキル
CLOVAスキルをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/040fce2e-eb6a-2a9d-84bf-c08e9c558f16.png)

・チャネルの種類　ー　CLOVAスキルがセットされています
・プロバイダー　ー　プロバイダーがセットされています
・チャネル名　ー　好きな名前を入力します

入力して「チャネルと作成してCLOVAスキルに移動」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/fa7d1bb4-93e0-d8b9-bb2a-945711929739.png)

##新しいスキルを作成
同意2か所にチェックを入れ「スキル開発を始める」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/1951c166-df8a-59d5-e528-551ede2e7b0f.png)

#基本情報を入力
1.Extension  ID
ドメインのようなものを自分で決めます

2.スキル名
スキル名を入力します

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/9aa6196e-73a0-f7dd-52f1-c166867b52c5.png)

3.スキル名(音声読み上げ)
音声で読み上げてもらいます。
読み上げて貰ったら「ゆうあんできるよ」と発話していました。

4.呼び出し名
CLOVAスキルを起動する為の呼び出し名のメインを入力します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/15cc56f6-45fd-64d4-3205-b3bdb3fb35c5.png)


5.呼び出し名サブ
呼び出し名サブの登録で、音声のバリエーションをカバーしていきます。
ここの設定はとても大切で、きちんとCLOVAスキルが起動できるか！肝心な個所になっています。

[公式ドキュメント](https://clova-developers.line.biz/guide/Design/Design_Guideline_For_Extension.md#DefineSubInvocationName)
を参考に、先ほどスキル名読み上げで発話された「ゆうあん」も登録しました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/17242d08-2160-258c-8a7c-efa288c559b3.png)

##実際に起動する時

「ねぇCLOVA、<呼び出し名>を起動して」
「ねぇCLOVA、<呼び出し名>を開いて」
「ねぇCLOVA、<呼び出し名>につないで」
「ねぇCLOVA、<呼び出し名>」

4バリエーションでCLOVAスキルを起動できます。

ここまで作成が出来たら【保存】をクリックします。

#カスタムスロット
引き続き、カスタムスロットを登録します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/e153f2b7-8848-6c3b-afe7-6bd6fc9c3def.png)

##スロットタイプを追加します

今回は夕飯に特化しているのですが、備忘録を兼ねて夕飯の場所にバリエーションを持たせるという事を仮定して設定を進めていきます。

例えば、朝食、昼食バリエーションを展開するとします。
「time」と入力をして追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/6916f6b6-e34b-cd23-22eb-53d5704abb20.png)

##スロットタイプの辞書を追加

・朝食ーちょうしょく,あさごはん
・昼食ーちゅうしょく,ひるごはん
・夕飯ーゆうはん,よるごはん

この３つのパターンを登録しました。複数の同義語を登録する場合は半角の【,】を入れます。最後に【保存】を忘れずに登録をします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/5f8acb16-40dd-1489-d4ab-726f2a7f252c.png)![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/102c68ad-c652-2ed9-ea62-ac5cf7edca38.png)

#カスタムインテントの登録
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/69ce2191-d128-8027-b859-87f90db8e187.png)

##カスタムインテント名を登録
任意の英字を入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/7b22ef4d-cc10-ebdf-186a-ca1018c5fd9d.png)

##スロットリスト
スロットリストに変数となるtimeを登録します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/e461c94e-767d-69e1-7ac1-d4b8d3c04d2e.png)

##サンプル発話リスト登録
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/aad87fe7-a9b3-564a-95be-8cb31b5bde46.png)

朝食出来たよと登録をして、朝食をハイライトすると以下の画面が出てくるので、先ほどのスロットを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/f30647a1-a724-a472-35ae-152631a78260.png)

同じように、昼食、夕飯と登録をします。

最後に保存を忘れないでください。

#ビルド
ここまで出来たら、ビルドします。
ビルドは時間がかかります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/48e74997-44a8-d868-2f72-0787f915e64d.png)

#ユーザー設定
こちらの画面へ戻り、ユーザー設定をしていきます。
CLOVAスキルに登録された時、使いたいなと思ってくれた方へ提供する情報です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/d3b3c50e-003e-8f72-7c0e-cd5edc531ca3.png)

##カテゴリー選択
今回はライフスタイルを選択しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/6fb43377-a0b9-525d-b8c0-3df8a69b0246.png)

##スキルの説明
CLOVAスキルに登録された時に公開される説明です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/eeb987e6-6655-e454-dd3a-dc7e4b9da364.png)

##代表発話サンプルを登録
どのような声掛けで起動するかの発話を入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/032d2e0a-ffc6-f3c7-c801-88c65def7954.png)

##アイコン設定
512px X 512pxのアイコンを設定して保存をします。
512 x 512サイズしか登録できないので、仮画像を今回は入れています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/2a9172ce-3b7d-e995-b042-f233270d66d6.png)

#個人情報の保護および規約同意
個人情報の保護および規約同意の設定もします。
今回は決済や個人情報の収集がないのでいいえで登録しました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/b9d095ff-28a8-696f-10a1-f2f339026621.png)

#スマホCLOVAアプリでの設定
スキルストアをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/c7fd3806-7f51-8059-401b-541ef1711308.png)

登録されています！クリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/1683c456-d5c9-4bc4-21ab-869906b2368a.png)

【利用開始】をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/820683/5d28f44b-8ea8-47ca-c7ac-f0aecd22380d.png)


以上でLINE CLOVAの基本設定は完了です。
引き続き、node.jsを利用してCLOVAと対話が出来るようにしていきます。