本講座は、プログラミングそのものを大掛かりに学ぶのではなく、生成AIとの対話を入り口にして、コーディングでインタラクティブなチャートをつくるための入門講座です。AIに何を頼めば前に進むかを体験しながら、自分の手で成果物を作ります。

こんな方におすすめ

• AIコーディングをこれから試したい方
• プログラミング学習を本格的に始める前に、まずは成果物を作ってみたい方
• 業務や学習でデータを扱うことがあり、可視化を自分で調整できるようになりたい方

この講座でできるようになること

• AIコーディングを、可視化づくりの具体的な作業に落とし込む方法
• 会話から要件を整理し、チャートの仕様に変える考え方
• コード生成、修正、デバッグ、見た目の調整をAIに分担させる進め方
• ブラウザ上で操作できるチャートを短時間で形にする流れ

作るもの・扱う題材

受講中は、Spotify の楽曲データをもとに、J-POP と K-POP の特徴を比較するインタラクティブな散布図を制作します。X軸とY軸の指標を切り替えながら、ジャンルごとの傾向の違いを見比べられるチャートです。

講座の特徴

• プログラミング初学者でも入りやすいよう、チャートづくりに焦点を絞ります。
• 「まず対話する」「小さく試す」「直して育てる」というAIコーディングの基本を体験できます。
• 完成コードを一方的に写経するのではなく、AIへの頼み方をその場で試しながら進めます。

使用するツール・事前準備

• ChatGPT、Claude、Gemini のうち、コーディングがサポートされたモデル
  • ChatGPT…無料、Go、Plus、Proのどれでも
  • Claude…有料プラン（Pro, Max）のどれでも
  • Gemini…無料プラン
• インターネットブラウザ
• 任意のテキストエディタ（Visual Studio Code 推奨）

ノートPCと安定したインターネット接続をご用意ください。

受講後に受け取れるもの

こちらで練習用のサンプルデータを用意します。

開催概要

• 価格: 9,000円（税込）
• 日程: 隔週 第1・3水曜日
• 定員: 最大5名程度
• 会場: ZOOMを利用したオンライン開催

タイムテーブル

• 19:30-19:45 環境準備

  • AIにコードを書いてもらうための前提の共有
  • アプリや拡張機能などの準備

• 19:45-20:00 対話から始める

  • やりたいチャートを言葉で説明する
  • AIに要件整理を手伝ってもらう
  • 最初のたたき台を出してもらう

• 20:00-20:30 さまざまなタスクを任せつつ、AIと一緒につくる

  • コード生成
  • データの加工
  • 文言修正
  • 配色のルールを変更
  • インタラクション追加
  • デバッグ

• 20:30-20:50 アレンジしてみよう

  • テーマを決め、データのフィルタリングやチャート種別を選ぶ
  • オリジナルのチャートを作成する

• 20:50-21:00 共有とまとめ

  • どんな指示がうまくいったか振り返る
  • 次に試すとよい改善ポイントを整理する

ご注意

• 決済には Stripe を利用しております。
• 領収書の発行を承ります。
• オンラインによるご受講になります。環境設定についてはご案内ページを参照ください。
• ギフト購入もしていただけます（購入者と受講者が別）。ギフトという形で受講者へ送付いたします。
• 本講座で配布するスライドや動画を、受講していない第三者（同僚やご友人など）へは共有なさらないでください。

お申し込み

以下のフォームよりお申し込みください。 お申し込み後、Stripe 決済画面へ移動します。決済完了をもって正式な受付となります。