技術 5 12月 2021 00:00Amplify UI 2.0 のざっくり解説 tacck こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2021” の 5日目の記事です。 AWS Amplify の構成要素の一つである UI Components が、 "Amplify UI 2.0" としてリリースされました。 ドキュメントが独自のサブドメインに切り出されていま… 続きを読む
技術 11 12月 2020 00:00amplify-icon, amplify-icon-button / Amplify UI Components のドキュメントに無いコンポーネント紹介4 tacck こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2020” の 11日目の記事です。 今回は amplify-icon と amplify-icon-button の紹介です。 amplify-icon でアイコン表示をし、 amplify-icon-button がそれをボタ… 続きを読む
技術 10 12月 2020 00:00amplify-label, amplify-(checkbox|form-field|radio-button) / Amplify UI Components のドキュメントに無いコンポーネント紹介3 tacck こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2020” の 10日目の記事です。 今回は amplify-label と、それを使ったコンポーネントである amplify-checkbox 、 amplify-form-field 、 amplify-radio-butto… 続きを読む
技術 9 12月 2020 00:00amplify-(amazon|auth0|facebook|oauth)-button / Amplify UI Components のドキュメントに無いコンポーネント紹介2 tacck こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2020” の 9日目の記事です。 前回は amplify-google-button の紹介でした。 https://blog.tacck.net/archives/947 もちろん、他の認証を使ったボタンも存在しています。 が… 続きを読む
技術 7 12月 2020 00:00amplify-google-button / Amplify UI Components のドキュメントに無いコンポーネント紹介1 tacck こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2020” の 7日目の記事です。 AWS Amplify のドキュメントで紹介されている UI Components を使うと、 Amplify の認証機能と連携の取れたUIを簡単に作れます。 このように、 UI Compone… 続きを読む
技術 5 12月 2020 00:00AWS Amplify の Functions を利用する時に値を渡す (フロントエンドからと環境変数) / AWS Amplify で Federation (Google OAuth 2.0) による認証を行なったユーザーで Storage 機能の private で S3 へアップロードしたファイルを Functions 機能の Lambda から操作 tacck こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2020” の 5日目の記事です。 前回からの続きです。 https://blog.tacck.net/archives/945 前回はいくつかのパラメータを直接 Lambda に設定していましたが、これをもっと良い形に変えたいと… 続きを読む
技術 17 5月 2020 14:02AWS Amplify 3 + Vue.js (Vue CLI) / 2020年5月版 tacck AWS Amplify の公式ドキュメントが、結構ガラッと変わっています。 https://docs.amplify.aws 同時に利用するライブラリ関係も更新されたようで、前回書いたやつ (2020年4月8日作成) の導入ではうまくいかなくなっていました。 https://blog.tacck.n… 続きを読む
技術 29 4月 2020 15:30AWS Amplify + AWS AppSync + Vue.js (Vue CLI) を使ったお知らせ機能の実装 tacck 2020年5月17日追記ライブラリのバージョンアップの影響のため、前回の記事通りだとうまく行かない可能性があります。下記の記事を参考にしてみてください。 https://blog.tacck.net/archives/855 前回からの続き。 https://blog.tacck.net/archi… 続きを読む
技術 8 4月 2020 00:08AWS Amplify + Amazon Cognito ( GCP OAuth 2.0 ) + Vue.js (Vue CLI) を使ったログイン機能の実装 tacck 2020年5月17日追記ライブラリのバージョンアップの影響のため、こちらの記事通りだとうまく行かない可能性があります。下記の記事を参考にしてみてください。 https://blog.tacck.net/archives/855 最近 AWS Amplify を少しずつ触っているのですが、認証機能を作… 続きを読む
技術 16 2月 2020 23:38Visual Studio Code + Vue.js の自分用フォーマットテンプレート (ESLint / Prettier / EditorConfig) tacck 自分の好みのスタイルにしたいので、必要に応じて更新していきます。 基本的な内容はこちら。 スペースでのインデント (サイズ2)JS/Vue(<script>) では シングルクォート、セミコロン無し、配列の最後の要素のコンマは複数行の記法時のみ許容ESLint / Prettier / … 続きを読む