Amplify触ってみる。速攻でApi形式のWebアプリ作れる。今回はVue.jsチュートリアルをやってみる。cliでプロジェクトを作る。cliのインストールと設定。configureconfigureではログインとか、IAMでルートユーザーを作らされる。途中でブラウザが開くので操作をして完了したら、コマンドに戻って進める。cliを使って、設定をしていく。Amplifyについての設定をする。initプロジェクトのことを聞かれる。defaultプロジェクトの名前とか、vueを使いますよとか設定していく。今度はAmplifyで使う機能を設定する。ここで使うのはバックエンドapiをGraphQLかRESTで作ってくれるAPIという機能。後からも変えられるようだ。GraphQLの定義(スキーマ)を編集したりできるそうだ。用意してくれているTodoスキーマをそのまま使う。設定をしたので、実際にawsに作ってもらう。2なんか聞かれるがまだよくわからないな。以下のコマンドで作ったapiが見れる。AppSyncというサービスで作られたようだ。apiVue.jsからAmplifyするよし次はVue.jsだ。Vue用のAmplifyコンポーネントをインストールする。こんなものまで用意してくれているなんて最近のサービスはすごいな。aws-amplify-vue読み込むコードを書く。わからないからコピペだ。AmplifyのドキュメントのVueのページにあるコードを書いてみる。目標は、Todoを作成したら、それを感知して画面に反映する。(create,subscribe)つまりtodo書いたら画面に反映される。複数ユーザーが書いても反映される。}};</script>できた。動くとテンション上がる。こんなの作れるのはすごいな。Amplify触ってみる。速攻でApi形式のWebアプリ作れる。...Vue.jsでファイル選択フォームと画像プレビュー機能を作るVue.jsを使ってファイル選択Formと画像のプレビュー機能を作った。HostingとVue.jsを触ってみる。FirebaseでVue.jsを試してみる。...最近のコメントオーバーウォッチ・アンチピックがひと目でわかるサイトを作った。琴葉茜プロフィールopvelwebサイトを作ったりしています。opvel.hero@gmail.com仕事も募集中。