Flagship_Tech Onboarding for Product Team #1

Tech Onboarding for Flagship Product Team #1 テクノロジー活用の重要性を再確認し、 エンジニア陣との共通言語を構築する

研修の背景と目的 仕様理解の自律化のために 正確なドキュメント作成のため に コミュニケーションの違和感を 最小限にするために ブラックボックスを減らし、自律的にソー ヘルプセンター記事など、より正確で実 共通言語を持つことで、エンジニアとの スコードレベルでの仕様確認・理解がで 態に即したドキュメント作成を実現しま コミュニケーションをより円滑にし、チー きる状態を目指します。 す。 ムの生産性を向上させます。

実施カリキュラム Module 1: プロダクト開発ファンダメンタル編 Webエンジニアとの共通言語を増やし、ソースコードを活用する Module 2: Shopify編 Module 3: Webインスペクタ活用編

宿題の確認 (Homework review) Google Antigravity IDE インストール済みですか？ Terminal (ターミナル ) アプリを開くことができますか？ Backtick ( ` ) 入力方法を確認しましたか？ 使えるようになると、何が変わりますか？

基本的な構成要素 : GUI vs CLI Editor / IDE (統合開発環境 ) コードを書くための高機能なツール。 今回はGoogle Antigravityを使用します。 Terminal (CLI) GUI: マウスで操作する画面。 CLI: 文字（コマンド）で命令する画面。 エンジニアが”黒い画面”を使うのは、マウスより速く正確に複 雑な処理ができるからです。

Try these Commands! ターミナルに以下のコマンドを入力して、PCと対話してみましょう。 Command Description カレンダーを表示します。 PCが指定した言葉を喋ります (Mac Only) 今いる場所をFinderで開きます。 今どこ？ (Print Working Directory) ファイル一覧を表示 (List) Try it!

Markdown記法とSlackの簡易版 Markdown 研修用Slackチャネルに投 稿してみよう！ エンジニアが平時の文書管理に使う、かつ、AIがデータソースとして最も読みやすい構造化方式です。 機能 一般的な Markdown Slack (mrkdwn) 太字 斜体 コード（インライン） 取り消し線 ※ Markdownでの改行は、行末に「スペース2つ」が必要です。 # 第一見出し ## 第二見出し

GitHubエコシステム Git & Repository Pull Request (PR) Issues & Wiki Gitは変更履歴を保存するツール。 「私の変更を取り込んで！」というリクエ 開発タスクやバグの管理（Issue）、チー Repositoryはソースコードの「保管場所」 スト。ここでコードレビューが行われま ムのナレッジ共有（Wiki）を行う機能で です。 す。 す。

Modern Dev Workflow Security & Maintenance アプリは定期メンテナンスが必要です。 Dependabotなどがパッケージの依存関係やセキュリ ティリスクを自動検知します。 AI Code Review CodeRabbitのようなAIエージェントが、プルリクエストに 対して自動でコードレビューを行い、品質を担保します。

AI活用とMermaid記法 Gemini with Codebase ソースコード全体を読み込んだGeminiに質問できます。 「この機能の仕様を教えて」「エラーの原因は？」 Mermaid記法 テキストだけでシーケンス図などの「図」を書ける記法。仕様 整理に最適です。

これらの知識を使って、 日々のコミュニケーションを どう改善できそうでしょうか？ Discussion Time

Next Steps: 中級編 ローカル環境構築：自分のPCでアプリを動かす ブランチを切って、Pull Requestを作ってみる CodeRabbitのツッコミ（AIレビュー）を体験する

実践ワークショップ 1 2 3 GitHub SSH設定 Clone Chat with Code GitHub アカウントへSSHキーを追 レポジトリを手元にコピー AIを使ってコードと対話する 加