- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2019-10-17T05:00:11+00:00","","")
#author("2019-10-21T11:03:18+00:00","","")
#mynavi(AWSメモ)
#setlinebreak(on);
* 概要 [#m18a5639]
#html(<div sttyle="padding-left: 10px;">)
#html(</div>)
* 目次 [#uf9a3a47]
#contents
- 関連
-- [[AWSメモ]]
- 参考ドキュメント
-- [[AWS Amplify コンソールユーザーガイド >https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/welcome.html]]
-- [[AWS Amplify CLI>https://github.com/aws-amplify/amplify-cli]]
-- https://aws-amplify.github.io/docs/cli-toolchain/quickstart?sdk=js
-- https://aws-amplify.github.io/docs/
-- https://aws-amplify.github.io/docs/js/vue
* 準備 [#id3abdce]
#html(<div style="padding-left: 10px;">)
** CLIのインストール [#o8db76c3]
#myterm2(){{
npm install -g @aws-amplify/cli
}}
** 接続情報の設定など [#xae3e33a]
** amplify用のAWSユーザプロファイルのセットアップ [#y1df7d17]
#myterm2(){{
amplify configure
}}
** amplify 及び amplify-vue のインストール [#mac4308a]
#myterm2(){{
npm i aws-amplify
npm i aws-amplify-vue
}}
&br;
#html(</div>)
* プロジェクトの作成 [#va98c63b]
#html(<div style="padding-left: 10px;">)
#html(</div>)
* 実装 [#u3a9dea1]
#html(<div style="padding-left: 10px;">)
#html(</div>)
* 動作確認 [#n2e8f793]
#html(<div style="padding-left: 10px;">)
#html(</div>)
* デプロイ [#acdc7b16]
#html(<div style="padding-left: 10px;">)
#html(</div>)
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
