第6回【未経験者向け】AI時代の生存戦略！未経験から「創れる人」になるアプリ開発体験

Transcript

2. イベント内容 • オープニング • 施設紹介と注意事項 • Antigravityの紹介とインストール案内 • 制作 • 成果発表 & 感想共有 • クロージング ※本イベントの発言はすべて個人の見解であり、所属組織を代表するものではありません 2
3. スケジュール 3 時間 内容 19:15 - 19:20（5分） オープニング 19:20 - 19:30（10分） 利用ツールの紹介とウォームアップ 19:30 - 20:40（70分） 環境構築・制作 20:40 - 20:55（15分） 休憩 20:55 - 21:05（10分） 成果発表 & 感想共有 21:05 - 21:15（10分） クロージング ※急遽変更の可能性あり
4. 資料について 4 スクリーンに投影しているスライドは、 connpassイベントページに資料としてアップロードしておりますので、 そちらからご確認ください。
5. イベント中のコメント募集！ 5 イベント中の感想や疑問、自慢など、なんでもコメントください！ 　💻動いた瞬間は『できた！』と雄叫びを。みんなで拍手喝采します 👏 https://app.sli.do/event/rpU4gYDmgsmQXtGq69q6Xe
6. イベント内容 • オープニング • 施設紹介と注意事項 • Antigravityの紹介とインストール案内 • 制作 • 成果発表 & 感想共有 • クロージング 6
8. 駐車場について
10. イベント内容 • オープニング • 施設紹介と注意事項 • Antigravityの紹介とインストール案内 • 制作 • 成果発表 & 感想共有 • クロージング 10
13. Antigravityで作成したアプリの紹介 13
16. では私達も体験しましょう！ 16
17. インストール案内 17
18. 環境準備・制作物決め このアイコンが目印！ ①「Antigravity」で検索し、下記のようなサイトへ遷移 ②「Download for 〇〇」→環境に合わせてダウンロード・インストーラ起動し進める 18
19. 環境準備・制作物決め ③初期セットアップ 19 ＜既存設定の読込＞ VS Code等の既存エディタ設定 を読み込ませない場合は、設定 を変更せず「Next」 ＜画面の配色＞ お好みで！
22. 環境準備・制作物決め ⑥Googleでログイン ⑦Antigravityが開かれるので、「Open Folder」から任意の作業用フォルダを開く 22 ココにAntigravityがコード や設定ファイル等を作って いく！
23. Antigravityのブラウザ操作 Antigravityがブラウザ操作するには一度、ブラウザが開けるか確認して下さい。 Antigravity右上　　マークをクリックし、 　ブラウザが開かれればOK 23
24. 環境準備・制作物決め ⑧Agentに指示を出してみる 何を作るか、どう伝えるか迷ったら… 　→AIにプロンプトを書いてもらいましょう！ どんなプロンプトに すればいい？ 何を作ろう？ 24
26. イベント内容 • オープニング • 施設紹介と注意事項 • Antigravityの紹介とインストール案内 • 制作 • 成果発表 & 感想共有 • クロージング 26
28. エージェントの返答を⽇本語表⽰にするための設定 ruleの名前を決めて、エージェントの返答が⽇本語になるよう、プロンプトを⼊れてください。 プロンプトを⼊れた後、再起動を⾏えば設定が反映されます。 以下のプロンプトを貼り付けることで、エージェントの返答を⽇本 語化できます。 # ⾔語設定（Language Policy） あなたは⽇本語を⺟国語とするエンジニアとして振る舞ってください。 ## 基本原則 - ユーザーとのすべての対話（チャットの回答、解説、提案）は、常に⽇本語で⾏ってください。 - 丁寧な⽇本語（敬語‧ですます調）を使⽤してください。 ## アーティファクトの⽇本語化 エージェントが⽣成する以下のすべての成果物（Artifacts）は、必ず⽇本語で記述してください： - **Task Lists**（タスクリスト）: ステップごとの作業内容 - **Implementation Plans**（実装計画書）: 修正のロジックやアーキテクチャの解説 - **Walkthrough**（ウォークスルー）: 変更の概要とテスト⽅法の要約 - **Test Reports / Screenshotsの説明**: 検証結果の解説 ## 技術⽤語の扱い - プログラミング⾔語のコード、変数名、関数名、および特定のAPI名などは英語のまま維持してく ださい。 - 専⾨⽤語については、必要に応じて英語を併記（例：推論（Inference））しても構いませんが、主 ⽂は⽇本語にしてください。
30. イベント内容 • オープニング • 施設紹介と注意事項 • Antigravityの紹介とインストール案内 • 制作 • 成果発表 & 感想共有 • クロージング 30
31. 成果発表 代表して数名の方に成果発表をお願いしています • 作成したアプリの紹介 ◦ どんなアプリか？ ◦ どのような機能？ • 感想・学び・工夫した点 ◦ プロンプトで工夫したこと ◦ 難しかった／面白かったこと ◦ Antigravityの印象 など 31
32. イベント内容 • オープニング • 施設紹介と注意事項 • Antigravityの紹介とインストール案内 • 制作 • 成果発表 & 感想共有 • クロージング 32
33. 【お知らせ】一緒に働く仲間を大募集🫣 スマホアプリ インフラ構築・保守 グーシリーズのアプリや、キングスアプリなどの開 発 ーーーーーーーーーーー Flutter（Dart） Java、Swift、Kotlin、Ionic　等 各種サーバー／ネットワークの構築・運用保守、セ キュリティ対策、クラウドエンジニアリング、資産管 理など。 ーーーーーーーーーーー Linux、ORACLE、Apache、nginx, AWS 新規プロダクト開発 AI研究開発 SaaS開発。 企画・開発・保守 ーーーーーーーーーーー HTML、JavaScript、Flutter、AWS 既存プロダクト向け AI開発 ーーーーーーーーーーー Python、PyTorch、TensorFlow、Pandas、OpenCV、 NumPy、AWS ◼ プロトソリューション ソリューション開発部 沖縄で は事業拡大に向けてチームを引っ張っていける【シス テムエンジニア】を募集してます。 ◼ プロトグループで生成AIを活用したサービス開発 ・保守にあなたも参加してみませんか？ ※発言はすべて個人の見解であり、所属組織を代表するものではありません 33
34. アンケート ⬇アンケートのご協力よろしくお願いします 34