Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)

w2or3w
April 30, 2021
160

2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)

w2or3w

April 30, 2021
Tweet

Transcript

  1. サーバーレスWebアプリ制作で学ぶ
    YOTEIASOBI vol.1
    @w2or3w
    2021.04.30 JAWS-UG浜松 AWS勉強会 2021#4

    View Slide

  2. YOTEIASOBI vol.1
    作ったから見てください !!

    View Slide

  3. YOTEIASOBI vol.1
    YOASOBI と YOTEIASOBI 似てるとこ
    1. 名前とフォント
    2.
    3.

    View Slide

  4. YOTEIASOBI vol.1
    YOASOBI と YOTEIASOBI 似てるとこ
    1. 名前とフォント
    2. フロントのフレームワーク
    3.

    View Slide

  5. YOTEIASOBI vol.1
    YOASOBI と YOTEIASOBI 似てるとこ
    1. 名前とフォント
    2. フロントのフレームワーク
    3. インフラ

    View Slide

  6. 自己紹介
    @w2or3w
    2021.04.30 JAWS-UG浜松 AWS勉強会 2021#4

    View Slide

  7. ナカムラ ツカサ (38)
    リーマンアプリケーションエンジニア
    最近サーバーレスアプリ制作にお熱です!
    JAWS-UG歴 : 約2年
    好きなAWSサービス :
    AWS Amplify, AWS Lambda
    @w2or3w
    2(ツー) or(~か) 3(サン)
    自己紹介

    View Slide

  8. 自己紹介

    View Slide

  9. 自己紹介

    View Slide

  10. 自己紹介

    View Slide

  11. YOTEIASOBI
    ~Googleカレンダー を "ゆるっと共有" できる
    サーバーレスWebアプリ~
    @w2or3w
    2021.04.30 JAWS-UG浜松 AWS勉強会 2021#4

    View Slide

  12. YOTEIASOBI vol.1

    View Slide

  13. YOTEIASOBI vol.1
    デモします!!

    View Slide

  14. YOTEIASOBI vol.1
    1. ログイン
    2. プロフィールの表示・更新
    3. カレンダーの登録
    4. カレンダーの参照・予定の登録

    View Slide

  15. YOTEIASOBI vol.1
    1. ログイン ※ ログインすると開発者に以下の情報が共有されます。
    Gmailアドレス、プロフィール名、プロフィール画像 

    View Slide

  16. YOTEIASOBI vol.1
    2. プロフィールの表示・更新

    View Slide

  17. YOTEIASOBI vol.1
    3. カレンダーの登録

    View Slide

  18. YOTEIASOBI vol.1
    3. カレンダーの登録 (補足 : Googleカレンダーの設定)
    ※ カレンダー登録と共有設定をすると
      開発者がカレンダーの情報にアクセス可能な状態となります。

    View Slide

  19. YOTEIASOBI vol.1
    4. カレンダーの参照・予定の登録

    View Slide

  20. YOTEIASOBI vol.1
    (5) 隠し機能 : ユーザー一覧 (要Admin権限)

    View Slide

  21. YOTEIASOBI vol.1
    1. ログイン
    2. プロフィールの表示・更新
    3. カレンダーの登録
    4. カレンダーの参照・予定の登録

    View Slide

  22. YOTEIASOBI vol.1 : 1. ログイン
    1. ログイン
    2. プロフィールの表示・更新
    3. カレンダーの登録
    4. カレンダーの参照・予定の登録

    View Slide

  23. YOTEIASOBI vol.1 : 1. ログイン
    #Cognito
    ユーザーマスタとして利用 (カスタム属性)
    トリガーでイベント駆動

    View Slide

  24. YOTEIASOBI vol.1 : 1. ログイン
    #Cognito
    Googleソーシャルログイン
    https://qiita.com/w2or3w/items/ab735fbcc4cd7b240f80

    View Slide

  25. YOTEIASOBI vol.1 : 2. プロフィールの表示・更新
    1. ログイン
    2. プロフィールの表示・更新
    3. カレンダーの登録
    4. カレンダーの参照・予定の登録

    View Slide

  26. YOTEIASOBI vol.1 : 2. プロフィールの表示・更新

    View Slide

  27. YOTEIASOBI vol.1 : 次回(vol.2)は、、
    1. ログイン
    2. プロフィールの表示・更新
    3. カレンダーの登録
    4. カレンダーの参照・予定の登録

    View Slide

  28. YOTEIASOBI vol.1 : 明日のモクモク会では、、
    https://hamamatsu-it.connpass.com/event/209500/

    View Slide

  29. YOTEIASOBI vol.1 : 明日のモクモク会では、、
    カスタムOGP画像生成をやってみる予定です!
    (Lambda@edgeを使う想定)

    View Slide

  30. Enjoy Serverless with Amplify
    Thank You !!
    @w2or3w
    2021.04.30 JAWS-UG浜松 AWS勉強会 2021#4

    View Slide