札幌すごいAI会×AWS初心者会in札幌 コラボ~ハンズオン会～_by AWS初心者会in札幌

資料作成：AWS初心者会in札幌

Transcript

1. AWS初心者会 in 札幌 ～すごいAI会コラボ～ 第1回 2025年12月16日 18:30 ～ AWS初心者会 in 札幌
2. 18:30 オープニング~Gemini CLIでホームページを作ろう 作ったホームページをAmplifyでデプロイしよう 19:00 Kiroを触ってみよう 19:30 Kiro・Geminiをどんどん触ってアプリを作ろう 20:00 タ イ ム ス ケ ジ ュ ー ル 20:25 クロージング
3. 注意事項 改札先の執務室には立ち入らないでくだ さい。 ゲストカードは必ず返却をお願いしま す！
4. 注意事項 改札先の執務室には立ち入らないでくだ さい。 ゲストカードは必ず返却をお願いしま す！
5. LT経験を積む 知識・技術を高める 色々な人との交流を実施する 札幌で初心者が参加しやすい AWSコミュニティを作りたい 開催の目的
6. AWS Amplifyは、フロントエンド開発者向けのフルスタック アプリケーション開発ツール ユーザー認証、API、データベース、ストレージなどのバッ クエンド機能を簡単に構築できる。 Amplify Hostingでウェブアプリケーションのホスティング を簡単に実現 AWS Amplifyとは？
7. Amplifyハンズオン GitHubリポジトリにAIで作成した資材をアップロード GitHubをAWS Amplifyと連携し、リポジトリ上のコードが変更されると、 Amplifyが自動でビルド・デプロイ Amplify上でウェブサイトがホスティング（サイトが公開）される。
8. AWSアカウントを作成していること（クレジットカード登録まで完了） （できれば）Gemini CLIのインストール https://qiita.com/automation2025/items/1345a68a3a0c3ee51f15 （できれば）コード修正用のエディタの用意-VSCodeなど 事前準備
9. GeminiCLIを用いてWEBサイトの作成を実施 ↓ 作った資材（index.html）をZip化しておいて下さい！ 1 . Git Hubに登録する資材の作成
10. AWSコンソールに移動し、AWS Amplifyを選択 アプリケーションのデプロイを選択 2 . Amplifyホスティング
11. デプロイ済みになったらデプロイ完了。 「ドメイン」のURLをクリックすると ページが表示される。 2 . Amplifyホスティング
12. デプロイ済みになったらデプロイ完了。 「ドメイン」のURLをクリックすると ページが表示される。 2 . Amplifyホスティング
13. GitHubを選択 （おまけ）GitHubからのデプロイも可能
14. 自身のGitHubアカウントで認証。必要なリポジトリのみに権限を付与する と安全 （おまけ）GitHubからのデプロイも可能
15. 「リポジトリとブランチを追加」で先ほど作成したリポジトリとブランチを選択 （おまけ）GitHubからのデプロイも可能
16. ビルドの設定はGemini等に聞いて出力されたものを利用 フロントエンドビルドコマンド：例）node.js利用時→npm install 出力ディレクトリ：例）public （おまけ）GitHubからのデプロイも可能
17. AWSの提供するAIサービス（Kiro）でソース生成→デプロイをしてみましょう！ 追加コンテンツ
18. Amplifyコンソールからアプリを削除する。 お片付け①
19. 今回初めてAWSアカウントを作成した方、無料枠の中で試してみたい方はAWSの Builling and Cost Managementでコストアラートをかけるのがおすすめ おまけ:課金対策