Claude Code 基礎編（最初の設定からデプロイまで）

【ClaudeCodeを使ってAIエンジニアになろう】インロトダクション

ご不明点や質問はコメント欄までどうぞ！ ┈┈┈┈┈┈┈┈┈┈ 『セナリ学院』とは？🏫✨ ┈┈┈┈┈┈┈┈┈┈ SNS総フォロワー数4.1万人 平野友康が校長を務める 生成AIに特化したオンラインスクールです。 講師の得意分野はデザイナー、開発分野、業務改善、まちづくりなど幅広く、 多角的なアドバイスが可能です！ 今だけ14日間無料体験キャンペーン中！ 下記HPより詳細をご確認ください。 セナリ学院HP: https://www.teleport.jp/scenari/ お問合せ: https://teleport.jp/scenari/contact.html ┈┈┈┈┈┈┈┈┈┈ ◆公式SNS Instagram: https://www.instagram.com/scenari.teleport/ X(旧Twitter): https://x.com/scenari_AI Facebook: https://www.facebook.com/people/%E3%82%BB%E3%83%8A%E3%83%AA%E5%AD%A6%E9%99%A2-Teleport/61576632806665/ note: https://note.com/scenari_teleport #セナリ学院　#プロンプト　#生成AI #chatgpt #openAI #claude #claudecode #クロード #クロードコード #gemini #nanobanana #ジェミニ #ナノバナナ #perplexity #パープレキシティ #生成AI使い方 #Chatgpt使い方 #claude使い方 #gemini使い方 #業務日常 #業務効率化 #aiツール #aivideo #生成ai活用 #ai活用術 #フリーランス #webライター #AI駆動 #個人開発 #エンジニア未経験 #オンラインスクール #テレポート株式会社 #フリーランスエンジニア

【無料公開中】 「AIエンジニアになろう！」【授業動画】― [B-4-1]　生成AI基礎講座B

講師：石長 史康（フミ） 元福岡市役所グローバルスタートアップ推進担当。元国連人間居住計画。自治会DXの第一人者で、福岡県糸島市伊都の杜自治会長。 この動画では、「AIエンジニアになろう！」をテーマに、プログラミング未経験の方でも生成AI（Claude Codeなど）を活用して開発を始めるための基礎知識とマインドセットを分かりやすく解説します。 元公務員だった講師が、AI時代ならではの“分からないことを強みに変える”考え方や、AIとの対話を通じた開発の進め方、エラーとの向き合い方など、これからAIエンジニアを目指す方に役立つノウハウを実体験を交えてご紹介！ ▼本動画で学べること ・AIを活用した開発の始め方 ・AIに「やりたいこと」を上手く伝えるコツ ・AIと協力して進める現代の開発スタイル ・誰でも挑戦できる新しいエンジニア像 ・失敗やエラーも成長のチャンスに変える考え方 プログラミングや開発に自信がない方でも、AIをパートナーに一歩踏み出せる内容になっています。 ご不明点や質問はコメント欄までどうぞ！ ┈┈┈┈┈┈┈┈┈┈ 『セナリ学院』とは？🏫✨ ┈┈┈┈┈┈┈┈┈┈ SNS総フォロワー数4.1万人 平野友康が校長を務める 生成AIに特化したオンラインスクールです。 講師の得意分野はデザイナー、開発分野、業務改善、まちづくりなど幅広く、 多角的なアドバイスが可能です！ 今だけ14日間無料体験キャンペーン中！ 下記HPより詳細をご確認ください。 セナリ学院HP: https://www.teleport.jp/scenari/ お問合せ: https://teleport.jp/scenari/contact.html ┈┈┈┈┈┈┈┈┈┈ ◆公式SNS Instagram: https://www.instagram.com/scenari.teleport/ X(旧Twitter): https://x.com/scenari_AI Facebook: https://www.facebook.com/people/%E3%82%BB%E3%83%8A%E3%83%AA%E5%AD%A6%E9%99%A2-Teleport/61576632806665/ note: https://note.com/scenari_teleport #セナリ学院　#プロンプト　#生成AI #chatgpt #openAI #claude #claudecode #クロード #クロードコード #gemini #nanobanana #ジェミニ #ナノバナナ #perplexity #パープレキシティ #生成AI使い方 #Chatgpt使い方 #claude使い方 #gemini使い方 #業務日常 #業務効率化 #aiツール #aivideo #生成ai活用 #ai活用術 #フリーランス #webライター #AI駆動 #個人開発 #エンジニア未経験 #オンラインスクール #テレポート株式会社 #フリーランスエンジニア

[B-4-2]　生成AI基礎講座B 「最短５分！VSCodeでClaudeCodeをはじめよう！」

📝 今回の内容 Claude Codeを使ってみたいけど初期設定がわからない方のための完全ガイド。 ターミナル操作不要で、Visual Studio Code（VSCode）を使った最も簡単なセットアップ方法を解説。 この動画の手順通りに進めれば、わずか5分でClaude Codeを使い始められます。 🎯 動画トピック 📍 VSCodeのダウンロードとインストール ・公式サイトからの無料ダウンロード手順 ・Windows版とMac版の選び方 ・わからない時はAIにスクリーンショットを見せて質問 ⚡ Claude Code拡張機能の導入 ・左側の「Extensions（拡張機能）」から検索 ・「Claude Code for VSCode」を見つけてインストール ・似た名前の拡張機能に注意 ・インストール完了後、右上にアイコンが表示 💡 ログインと初期設定 ・初回起動時にログイン画面が自動表示 ・Anthropic社のアカウントで認証 ・左側にファイル一覧、右側にClaude Codeの画面レイアウト 🎮 実際に使い始める ・「Open Folder（フォルダを開く）」で作業フォルダを選択 ・ファイルツリーが左側に表示 ・「こんにちは」「このディレクトリの中身わかりますか？」で動作確認 ・プロジェクト全体を理解した上で作業サポート 📝 基本的な使い方 ・ファイル分析とプロジェクト構造の理解 ・コード作成、修正、改善 ・ドキュメント作成やREADME生成 ・開いているフォルダ全体にアクセス可能 🚀 料金プランと注意点 ・Anthropic Proプラン（月額20ドル以上）が必要 ・Teleportサービスとは別契約 ・Anthropic社と直接契約が必要 🔑 今回のキーメッセージ 「ターミナル（黒い画面）を使わずに、もっとも簡単にスタートできる方法」 → 初心者でもすぐに始められる、シンプルで確実なセットアップ手順 「わからない部分はAIに聞く」 → どのバージョンを選べばいいか迷ったら、スクリーンショットを撮ってAIに質問 「5分で始められる、すぐに使える」 → 複雑な設定は一切不要。VSCodeとClaude Code拡張機能だけで今すぐスタート ご不明点や質問はコメント欄までどうぞ！ ┈┈┈┈┈┈┈┈┈┈ 『セナリ学院』とは？🏫✨ ┈┈┈┈┈┈┈┈┈┈ SNS総フォロワー数4.1万人 平野友康が校長を務める 生成AIに特化したオンラインスクールです。 講師の得意分野はデザイナー、開発分野、業務改善、まちづくりなど幅広く、 多角的なアドバイスが可能です！ 今だけ14日間無料体験キャンペーン中！ 下記HPより詳細をご確認ください。 セナリ学院HP: https://www.teleport.jp/scenari/ ┈┈┈┈┈┈┈┈┈┈ ◆公式SNS Instagram: https://www.instagram.com/scenari.teleport/ X(旧Twitter): https://x.com/scenari_AI Facebook: https://www.facebook.com/people/%E3%82%BB%E3%83%8A%E3%83%AA%E5%AD%A6%E9%99%A2-Teleport/61576632806665/ note: https://note.com/scenari_teleport #セナリ学院　#teleport_ai　#生成AIスクール

[B-4-2]　生成AI基礎講座B 「最短10分！ターミナルでClaudeCodeをはじめよう！」

[B-4-3]　生成AI基礎講座B 「プロットをつくろう！①」

この動画では、生成AIと対話しながらアプリのアイデアを設計（プロット）し、実際の開発に向けて仕様を固めていく方法を解説します。 アプリ企画の進め方や、AIとの会話を活かした発想整理のコツ、自分だけのオリジナルAI日記アプリ「My AI Diary」構想の具体例まで、初心者にも分かりやすくご紹介。 【主な内容】 ・AIと進めるアプリ開発の第一歩 ・「プロット（設計）」の重要性と進め方 ・アイデアを整理し、必要な機能や優先順位を明確にする手法 ・感情分析やデータ保存などの発展的アイデアも解説 これからAIを使って何かを作ってみたい方、アイデアの具体化に悩んでいる方におすすめの内容です。気軽にAIと相談しながら、楽しくアプリ開発をスタートしましょう！ ▼ セナリ学院公式HP https://teleport.jp/ #セナリ学院　#teleport_ai　#生成AIスクール

[B-4-4]　生成AI基礎講座B 「プロットをつくろう！②」

本動画では、生成AIを活用した日記・チャットアプリの企画・設計プロセスを、やさしく丁寧に解説します。 AIエージェントの性格や話し方をユーザー自身の言葉で自由に設定する方法や、日記モード・チャットログモードを切り替えられる使いやすいUI/UXの工夫、そしてデータの永続性を高めるための技術的なポイントについて具体的に紹介。 さらに、開発時に「自分が実現したいこと」をAIにどう伝えるか、どのようにプロンプトを作成していくか、AIとの対話を通じてアイデアを形にするコツを学びます。 AIを使ったアプリ開発やプロダクト企画の基礎を知りたい方、生成AIをより活用したい方におすすめの内容です！ 【主な内容】 ・AIエージェント性格設定とカスタマイズ方法 ・日記/チャットUI設計のポイント ・データ保存とスマートメモリの仕組み ・AI対話で仕様を深めるテクニック ・プロンプト作成～MVP設計の実例 ぜひご覧ください！ ▼ セナリ学院公式HP https://teleport.jp/ #セナリ学院　#teleport_ai　#生成AIスクール

[B-4-5]　生成AI基礎講座B 「ターミナルで開発しよう！①」

この動画では、生成AI「Claude Code」とターミナルを活用して、初心者でも安心して始められるアプリ開発の進め方を解説します。プロジェクトの立ち上げから、AIへの仕様書（プロット）の渡し方、開発手順の自動提案、React＋TypeScriptを用いた初期セットアップ、スマホ風チャットUIの設計まで、実践的なノウハウをわかりやすくご紹介！ AIとの役割分担や対話のコツも詳しく解説しているので、「プログラミングに自信がない」「効率よく開発したい」という方にもおすすめの内容です。ぜひ一緒にターミナルを使った開発体験を始めてみましょう！ 【主な内容】 ・ターミナルでCloudCodeを起動する方法 ・AIとの対話による開発プロセスの進め方 ・プロジェクトフォルダの自動作成と初期セットアップ ・React＋TypeScript＋TailwindCSSでの開発環境構築 ・スマホ風チャットUIの設計事例 ・初心者向けの安心ポイントと効率化のヒント ーーーーーーーーーーーーーーーーーー #生成AI #ターミナル #アプリ開発 #React #TypeScript #プログラミング初心者 ▼ セナリ学院公式HP https://teleport.jp/ #セナリ学院　#teleport_ai　#生成AIスクール

[B-4-6]　生成AI基礎講座B 「ターミナルで開発しよう！②」

この動画では、生成AI基礎講座B「ターミナルで開発しよう！②」と題し、実際の開発現場で役立つVSCodeの使い方や、ローカル環境でのアプリ動作確認・エラー対応方法を分かりやすく解説します。また、Claude.md、README.mdを活用した開発記録の残し方や、AI API設定方法についても実践的に紹介。AIアシスタントと対話しながら機能実装を進めるコツや、チャット機能のカスタマイズ例、不具合時のデバッグ手順など、初心者でも分かりやすい内容です。 今後のAIアプリ開発に役立つノウハウ満載！ぜひご覧ください。 【主な内容】 ・VSCodeの基本操作と開発の始め方 ・ローカル環境でのアプリ動作確認＆エラー対処 ・開発ドキュメント（Claude.md、README.md）の書き方 ・AI API連携方法 ・AIと一緒に進める開発のポイントと実例 ・チャット機能の実装とカスタマイズ手順 ▼ セナリ学院公式HP https://teleport.jp/ #セナリ学院　#teleport_ai　#生成AIスクール

[B-4-7]　生成AI基礎講座B 「ターミナルで開発しよう！③」

この動画では、生成AIを活用して「日記自動生成アプリ」を開発する一連の流れを、初心者にも分かりやすく解説しています。 AIとの会話から感情やキーワードを抽出し、ワンクリックで日記が自動生成される仕組みや、カレンダービューでの日記生成アプリの開発フローをご紹介！ さらに、完成したアプリをGitHubとVercelを使ってWeb上に公開（デプロイ）する実践的な手順も学べます。 【こんな方におすすめ】 ・生成AIやChatGPTを使ったアプリ開発に興味がある ・自分のアイデアをWebアプリとして公開したい ・UI/UXの工夫や今後の機能追加のヒントを知りたい 今後の拡張アイデア（音声入力、データエクスポートなど）も紹介しています。 AIを活用したものづくりにチャレンジしたい方は、ぜひご覧ください！ ▼ セナリ学院公式HP https://teleport.jp/ #セナリ学院　#teleport_ai　#生成AIスクール

[B-4-8]　生成AI基礎講座B 「Claude Code開発のポイント３点！」

この動画では、生成AI基礎講座B-4-8「Claude Code開発のポイント３点！」の内容を分かりやすくまとめています。 作業ディレクトリの確認やAIへの効果的な質問方法、開発履歴の残し方など、Claude CodeでAIアプリ開発を始める方が押さえておきたい基本ポイントを丁寧に解説！ 「AIエンジニアになろう」シリーズで学習中の方はもちろん、これからAI開発に挑戦したい方にも役立つ内容です。 ぜひご視聴いただき、実際の開発にお役立てください。 【主な内容】 ・作業ディレクトリと基本コマンドの使い方 ・AI（Claude）への質問・相談のコツ ・開発履歴やドキュメント管理の重要性と具体例 ▼ セナリ学院公式HP https://teleport.jp/ #セナリ学院　#teleport_ai　#生成AIスクール