【2026年】プログラミングはAI生成が9割の時代に｜配信者・クリエイターが学ぶべきスキルとは

「プログラミングを学ばないと将来やばい」。そんな言葉を何度も聞いてきた人は多いだろう。しかし2026年の現在、プログラミングの世界は数年前とは全く異なる風景になっている。 GitHub Copilot、Claude Code、Cursor、Windsurf。これらのAIコード生成ツールが急速に進化した結果、プロのソフトウェアエンジニアですら「コードの9割はAIが書いている」と公言する時代になった。2025年にAnthropicのCEO ダリオ・アモデイが「近い将来、コードの大半はAIが書くようになる」と予測したが、それはすでに現実になりつつある。 これは配信者やクリエイターにとって、実はとてつもないチャンスだ。従来は「プログラミングの壁」に阻まれていた自作サイト、カスタムツール、配信用Botなどの開発が、AIの力を借りることで一気に手の届く範囲に入ったのだ。 :::point::: この記事でわかること - 2026年のAIプログラミングツールの全体像と選び方 - GitHub Copilot、Claude Code、Cursorの特徴と使い分け - 配信者・クリエイターがAIで自作できるものの具体例 - プログラミング未経験者がAIで開発を始めるロードマップ - AI時代に本当に価値があるスキルとは何か - 実践的なプロジェクト例とステップバイステップガイド :::  ## 2026年のAIプログラミング：何が変わったのか まず、現在のAIプログラミングツールがどのレベルに達しているのかを正確に理解しておこう。「AIがコードを書く」と聞いてイメージするものと、実際のツールの能力には大きなギャップがあるかもしれない。 ### AIコード生成の現在地 2026年2月現在、主要なAIコード生成ツールは以下の能力を持っている。 :::info::: **2026年のAIコード生成ツールができること** - 自然言語（日本語OK）で説明するだけでコードを生成 - 既存のコードベースを理解し、文脈に合った修正を提案 - バグの検出と修正をほぼ自動で実行 - テストコードの自動生成 - コードのリファクタリング（構造改善） - データベース設計からAPIの構築まで一貫して対応 - Webサイトのフロントエンド（見た目）とバックエンド（裏側）の両方を生成 - デプロイ（公開）の手順をガイド ::: ### 数字で見るAIコード生成の浸透 業界の調査データを見ると、AIコード生成の浸透度は驚くべきレベルに達している。 :::spec::: title: AIコード生成の浸透データ（2026年） GitHub Copilot利用者数 = 全世界で約200万人以上 Copilotが書くコード比率 = 新規コードの約60〜70% Cursor月間ユーザー = 推定100万人以上 Claude Code利用企業 = 数千社以上 AIコード生成市場規模 = 約150億ドル（2026年予測） 開発者の生産性向上 = 平均40〜55%の時間短縮 ::: ### 従来のプログラミングとAI時代のプログラミングの違い 従来のプログラミングは「人間がコードを書く」ことが前提だった。文法を覚え、アルゴリズムを理解し、一行一行コードを入力していく。エラーが出れば自分でデバッグし、テストも手動で書く。プログラミングスクールでは「まずHTMLを覚えましょう、次にCSSを覚えましょう」という段階的な学習が主流だった。 2026年のAI時代のプログラミングは根本的に異なる。 :::merit::: - 「何を作りたいか」を日本語で説明するだけでコードが生成される - コードの文法やシンタックスを暗記する必要がない - エラーの原因をAIが特定し、修正案まで提示してくれる - 複数のプログラミング言語を横断的に使える（AIが翻訳してくれる） - 学習コストが劇的に下がり、非エンジニアでも開発に参入できる - プロトタイプ（試作品）の作成速度が10倍以上に向上 ::: :::demerit::: - AIの出力を鵜呑みにすると、品質の低いコードが量産される - 「なぜそのコードが動くのか」を理解しないまま進んでしまう危険性 - AIが生成したコードのセキュリティリスクを見落とす可能性 - AIに依存しすぎると、ツールが使えない環境で何もできなくなる - 複雑なシステム設計やアーキテクチャの判断はまだ人間が必要 ::: ## 主要AIコード生成ツール徹底比較 2026年現在、配信者・クリエイターが実用的に使えるAIコード生成ツールは大きく分けて4種類ある。それぞれの特徴を詳しく見ていこう。 ### 1. GitHub Copilot GitHubが提供するAIペアプログラマー。VS Code（Visual Studio Code）などのコードエディタに統合され、コードを書いている最中にリアルタイムで補完候補を提示してくれる。 :::spec::: title: GitHub Copilot 開発元 = GitHub（Microsoft傘下） AIモデル = GPT-4o / Claude 3.5 Sonnet（選択可能） 価格 = Individual: 月額10ドル / Business: 月額19ドル 対応エディタ = VS Code, JetBrains, Neovim, Xcode 対応言語 = ほぼすべてのプログラミング言語 特徴 = エディタ統合、リアルタイム補完、チャット機能 日本語対応 = チャット機能で日本語利用可能 ::: GitHub Copilotの最大の強みは**エディタとの深い統合**だ。コードを書いているとリアルタイムで次に書くべきコードを予測・提案してくれる。まるで経験豊富なプログラマーが隣で助けてくれているような感覚だ。 ### 2. Claude Code Anthropicが提供するCLI（コマンドラインインターフェース）ベースのAIコーディングエージェント。ターミナル上で動作し、自然言語での指示をもとにファイルの作成・編集・実行を行う。 :::spec::: title: Claude Code 開発元 = Anthropic AIモデル = Claude Opus 4 / Sonnet 4 価格 = API従量課金（Claude Pro/Max契約で利用可） 対応環境 = ターミナル（Mac/Linux/WSL） 対応言語 = ほぼすべてのプログラミング言語 特徴 = エージェント型、ファイル操作、Git統合、自律的な開発 日本語対応 = 完全対応 ::: Claude Codeの革新的な点は**エージェント型**であることだ。単にコードを補完するのではなく、「このWebサイトを作って」と指示すると、ファイル構造の設計からコードの生成、テストの実行まで自律的に進めてくれる。配信者が自分のポートフォリオサイトを作る場合など、プロジェクト全体を任せられるのが強みだ。 ### 3. Cursor AIファースト設計のコードエディタ。VS Codeをベースにしつつ、AIとの対話を最も自然に行えるよう設計されている。 :::spec::: title: Cursor 開発元 = Anysphere AIモデル = GPT-4o / Claude Sonnet / 独自モデル 価格 = Hobby: 無料 / Pro: 月額20ドル / Business: 月額40ドル 対応環境 = Mac / Windows / Linux 対応言語 = ほぼすべてのプログラミング言語 特徴 = AI統合エディタ、Composer機能、コードベース理解 日本語対応 = 完全対応 ::: Cursorの最大の特徴は**Composer機能**だ。複数のファイルを横断的に理解し、プロジェクト全体の文脈を把握した上でコードを生成・修正してくれる。「このプロジェクトのデザインをダークモードに対応させて」のような広範な指示にも対応できる。 ### 4. Windsurf（旧Codeium） Codeiumが提供するAI搭載エディタ。Cascadeと呼ばれるAIエージェント機能が特徴で、開発者の意図を先読みして提案を行う。 :::spec::: title: Windsurf 開発元 = Codeium AIモデル = 独自モデル + GPT-4o / Claude 価格 = Free: 無料 / Pro: 月額15ドル / Team: 月額30ドル 対応環境 = Mac / Windows / Linux 対応言語 = 70以上の言語 特徴 = Cascade AIエージェント、コード理解、自動提案 日本語対応 = 対応 ::: ### ツール選びの指針 :::info::: **配信者・クリエイター向けツール選びの指針** - **完全初心者**: Cursorがおすすめ。GUIが直感的で、日本語での対話がスムーズ。 - **ターミナルに抵抗がない人**: Claude Codeが最強。エージェント型でプロジェクトごと任せられる。 - **少しプログラミング経験がある人**: GitHub Copilot。既存のVS Code環境に追加するだけ。 - **コスパ重視**: Windsurfの無料プランから始めて、必要に応じてアップグレード。 - **最強の組み合わせ**: Cursor + Claude Code。エディタでの開発にCursorを、複雑な作業にClaude Codeを使う。 :::  ## 配信者・クリエイターがAIで自作できるもの 「プログラミングが簡単になった」と言われても、具体的に何が作れるのかイメージしにくいかもしれない。ここでは、配信者やクリエイターが実際にAIコード生成ツールを使って自作できるものを具体的に紹介する。 ### 1. ポートフォリオサイト / ファンサイト 自分の配信活動をまとめたポートフォリオサイトや、ファンが集まるコミュニティサイトを作れる。 **AIへの指示例**: ``` Next.jsとTailwind CSSを使って、ゲーム配信者のポートフォリオサイトを作ってください。 以下のページが必要です： - トップページ（自己紹介、最新動画の埋め込み、配信スケジュール） - プロフィールページ（経歴、使用機材一覧） - 動画一覧ページ（YouTube APIから最新動画を取得） - お問い合わせページ（フォーム） デザインはダークテーマで、ゲーミングっぽい雰囲気にしてください。 ``` このような指示をCursorやClaude Codeに渡すだけで、サイトの基本構造がものの数分で生成される。 ### 2. Discord Bot / Twitch Bot 配信コミュニティの管理に欠かせないBotも、AIで自作できる。 **作れるBotの例**: - 配信開始時にDiscordに自動通知するBot - コマンドで配信スケジュールを表示するBot - 視聴者ランキングを集計するBot - ミニゲームを実行するBot - NGワードを自動検出するモデレーションBot ### 3. 配信用オーバーレイ / ウィジェット OBS Studioのブラウザソースで表示できるカスタムオーバーレイやウィジェットを自作できる。 **作れるウィジェットの例**: - リアルタイムのチャットワードクラウド - カスタムデザインの投げ銭アラート - ゲームの戦績を自動表示するオーバーレイ - 視聴者参加型の投票ウィジェット - カスタムアニメーション付きのフォローアラート ### 4. データ分析ツール 自分のチャンネルのデータを分析するカスタムツールも作れる。 :::point::: **AIで自作できるデータ分析ツールの例** - YouTube Analyticsのデータを自動集計するダッシュボード - 配信時間帯と視聴者数の相関分析ツール - サムネイルのCTR（クリック率）を比較するA/Bテストツール - コメントのセンチメント分析（ポジティブ/ネガティブ判定） - 競合チャンネルの成長率を追跡するトラッカー ::: ### 5. コンテンツ自動化ツール 配信活動の周辺業務を自動化するツールも、AIプログラミングの得意分野だ。 - 配信アーカイブから自動でハイライトを抽出するスクリプト - SNSへの自動投稿スケジューラー - サムネイル画像を自動生成するツール - 概要欄テンプレートを自動適用するスクリプト - 配信スケジュールをGoogleカレンダーに自動同期するツール ## プログラミング未経験者のためのAI開発ロードマップ ここからは、プログラミング未経験の配信者・クリエイターが、AIツールを使って実際に開発を始めるためのロードマップを示す。 ### フェーズ1：環境構築（所要時間：1〜2時間） まず最初に、開発環境を整える。難しそうに聞こえるかもしれないが、2026年現在は驚くほど簡単になっている。 **必要なもの**: 1. **Node.js**: JavaScriptの実行環境。公式サイトからインストーラーをダウンロードするだけ。 2. **Cursor**: AIエディタ。公式サイトからダウンロードしてインストール。 3. **Git**: バージョン管理ツール。Macなら最初から入っている。Windowsはインストールが必要。 4. **Vercel アカウント**: Webサイトを無料で公開できるサービス。GitHubアカウントで登録。 :::info::: **環境構築のポイント** - わからないことがあれば、Cursorのチャット機能で「Node.jsのインストール方法を教えて」と聞けばOK - エラーが出た場合も、エラーメッセージをそのままCursorに貼り付ければ解決策を教えてくれる - Mac/Windowsどちらでも問題ない。ただしMacの方がセットアップは簡単 ::: ### フェーズ2：最初のプロジェクト（所要時間：2〜4時間） 環境が整ったら、最初のプロジェクトとしてシンプルな自己紹介サイトを作ってみよう。 **Cursorでの手順**: 1. Cursorを開いて新しいフォルダを作成 2. Composerを開いて以下のように指示する ``` Next.jsでシンプルな自己紹介サイトを作成してください。 - ゲーム配信者「{自分の名前}」のサイト - トップページに自己紹介文と配信スケジュール - YouTubeチャンネルへのリンク - ダークテーマのモダンなデザイン - Tailwind CSSを使用 - レスポンシブ対応（スマホでも見やすく） ``` 3. AIが生成したコードを確認 4. ターミナルで`npm run dev`を実行（Cursorが教えてくれる） 5. ブラウザで`localhost:3000`を開いて確認 6. 気になる部分があれば「この部分の色を変えて」「テキストをもっと大きくして」とCursorに指示 ### フェーズ3：カスタマイズと機能追加（所要時間：4〜8時間） 基本サイトができたら、少しずつ機能を追加していく。この段階で、HTMLやCSSの基本的な構造が自然と理解できるようになってくる。 **追加できる機能の例**: - YouTube APIを使った最新動画の自動表示 - お問い合わせフォームの追加 - ブログ機能の追加 - アニメーションの追加 - OGP画像の設定（SNSでシェアした時の表示） ### フェーズ4：公開とデプロイ（所要時間：30分） サイトが完成したら、Vercelを使って世界に公開する。 **Vercelでの公開手順**: 1. GitHubにリポジトリを作成（Cursorのターミナルから） 2. コードをGitHubにプッシュ 3. Vercelにログイン 4. GitHubリポジトリを接続 5. 「Deploy」をクリック 6. 数分後に独自URLでサイトが公開される :::point::: **Vercelのメリット** - 無料プランで十分（個人サイトなら余裕） - HTTPSが自動で設定される - 独自ドメインの設定も簡単 - GitHubにプッシュするだけで自動デプロイ - CDNで世界中から高速アクセス可能 :::  ### フェーズ5：応用プロジェクトへの展開 基本的なWebサイトが作れるようになったら、より実用的なプロジェクトに挑戦しよう。 :::merit::: - 自分だけのカスタムダッシュボードを作れる - Discord Botで配信コミュニティを活性化できる - 配信ツールの自作でワークフローを最適化できる - プログラミングスキル自体が配信のネタになる - フリーランスの副業としてWeb制作の案件を受けられる可能性も ::: ## AI時代に本当に価値があるスキルとは AIがコードの9割を書く時代において、人間に求められるスキルは従来とは大きく変わっている。ここでは、AI時代に配信者・クリエイターが身につけるべきスキルを整理する。 ### スキル1：プロンプトエンジニアリング（指示力） AIに的確な指示を出す能力は、今後のあらゆるクリエイティブ活動の基盤になる。プログラミングにおいても、「何を作りたいか」を明確に言語化し、AIに伝える能力が最も重要だ。 **良いプロンプトの要素**: - 目的の明確化（何を作りたいのか） - 条件の具体化（技術スタック、デザイン要件、対応デバイス） - 制約の明示（予算、期限、使用するサービス） - 出力形式の指定（ファイル構造、コーディング規約） ### スキル2：コードリーディング（読解力） コードを「書く」能力よりも「読む」能力が重要になっている。AIが生成したコードが意図通りに動作するか、セキュリティに問題がないか、パフォーマンスに課題がないかを判断するためには、コードを読んで理解する力が必要だ。 :::info::: **コードリーディングで最低限理解すべきこと** - HTMLの基本構造（タグ、属性、DOM） - CSSの基本（セレクタ、プロパティ、レスポンシブデザイン） - JavaScriptの基本概念（変数、関数、イベント、非同期処理） - APIの概念（リクエスト、レスポンス、エンドポイント） - ファイル構造の理解（どのファイルが何を担当しているか） ::: ### スキル3：アーキテクチャ思考（設計力） 個々のコードよりも、プロジェクト全体の設計（アーキテクチャ）を考える力が重要になっている。どのような技術スタックを選ぶか、どのようにデータを管理するか、どのようにスケールさせるかといった「大きな決断」は、まだAIよりも人間の方が得意な領域だ。 ### スキル4：デバッグ力（問題解決力） AIが生成したコードが期待通りに動かないことは日常茶飯事だ。その際にエラーメッセージを読み解き、原因を特定し、AIに的確な修正指示を出す能力が求められる。 ``` # デバッグの基本フロー（AI時代版） 1. エラーメッセージを確認 2. エラーメッセージをそのままAIに貼り付けて原因を聞く 3. AIの修正案を適用 4. 動作確認 5. 改善されなければ、より詳細な状況をAIに説明 6. 必要に応じて別のアプローチを試す ``` ### スキル5：プロダクト思考（企画力） 最終的に最も価値があるのは、「何を作るか」を考える力だ。技術的な実装はAIに任せられるようになったからこそ、ユーザーにとって本当に価値のあるプロダクトを企画する力が差別化要因になる。 :::point::: **AI時代のスキル優先度（配信者・クリエイター向け）** 1. **企画力**: 何を作るか（最重要） 2. **指示力**: AIにどう伝えるか 3. **読解力**: AIの出力を評価する 4. **設計力**: 全体の構造を考える 5. **問題解決力**: うまくいかない時に対処する 6. **コーディング力**: 自分で書く（優先度は下がった） ::: ## 実践プロジェクト：配信者のためのリンク集サイトを作る 理論ばかりでは退屈だろう。ここでは、実際にAIツールを使って「配信者のリンク集サイト」を作る手順をステップバイステップで解説する。linktreeのような、自分のSNSリンクをまとめたサイトだ。 ### プロジェクト概要 :::spec::: title: プロジェクト仕様 プロジェクト名 = 配信者リンク集サイト 技術スタック = Next.js + Tailwind CSS 機能 = プロフィール表示、SNSリンク一覧、配信スケジュール デプロイ先 = Vercel（無料） 所要時間 = 約2〜3時間（初心者） 必要な知識 = なし（AIが全部やってくれる） ::: ### Step 1: プロジェクトの作成 Cursorを開いて、Composerに以下の指示を入力する。 ``` Next.js 15とTailwind CSSを使って、ゲーム配信者のリンク集サイトを 作成してください。linktreeのようなシンプルなデザインで、 以下の要件を満たしてください： 1. プロフィール画像（丸型）と配信者名を上部に表示 2. 以下のSNSリンクをボタンで表示： - YouTube - Twitch - X（旧Twitter） - Instagram - Discord 3. 各ボタンにはアイコンとサービス名を表示 4. ダークテーマ（グラデーション背景） 5. スマホ最適化（中央寄せ、縦並び） 6. ホバーアニメーション付き 7. アクセス解析用にGoogle Analyticsの埋め込みスペースを用意 ``` ### Step 2: デザインのカスタマイズ 生成されたサイトを確認し、デザインを調整する。 ``` 以下の変更を加えてください： - 背景のグラデーションを紫〜黒に変更 - ボタンの角を丸くして、ガラスモーフィズム効果を追加 - プロフィール名のフォントサイズを大きくする - 各ボタンの間隔を少し広げる - フッターに「Powered by Next.js」のテキストを追加 ``` ### Step 3: 情報の更新と公開 自分の情報に書き換え、Vercelにデプロイする。 ``` 以下の情報に書き換えてください： - 配信者名: {自分の名前} - YouTube URL: {自分のURL} - Twitch URL: {自分のURL} （以下同様） その後、GitHubリポジトリを作成して、Vercelにデプロイする手順を 教えてください。 ``` このように、AIと対話しながら段階的に進めることで、プログラミング未経験者でも実用的なWebサイトを作ることができる。 ## AIプログラミングの注意点と限界 AIプログラミングは万能ではない。以下の注意点と限界を理解した上で活用しよう。 ### セキュリティの注意点 :::point::: **AIコード生成のセキュリティ注意事項** - APIキーやパスワードをコード内にハードコーディングしない（環境変数を使う） - AIが生成したコードに不要な外部ライブラリが含まれていないか確認する - ユーザー入力を処理するコードは、XSSやSQLインジェクション対策を確認する - `.env`ファイルを`.gitignore`に含めて、GitHubに公開しない - 定期的にnpm auditでセキュリティ脆弱性をチェックする ::: ### AIの限界 :::demerit::: - 大規模なシステム設計はAI単独では難しい - パフォーマンスの最適化は人間の判断が必要な場合がある - ビジネスロジックの正確性は人間が検証する必要がある - 最新のライブラリやフレームワークへの対応が遅れることがある - AIの提案が常に最適解とは限らない（複数の案を比較する姿勢が重要） ::: ### コスト管理 AIツールの利用にはコストがかかる。配信者としての投資対効果を考慮しよう。 :::spec::: title: 月額コスト目安（配信者向け） Cursor Pro = 月額20ドル（約3,000円） GitHub Copilot = 月額10ドル（約1,500円） Claude Pro = 月額20ドル（約3,000円） Vercel = 無料（Hobbyプラン） ドメイン = 年間1,000〜2,000円程度 合計目安 = 月額3,000〜7,500円 ::: :::info::: **コスパの良い組み合わせ** - **最低限**: Cursor無料プラン + Vercel無料プラン = 月額0円 - **おすすめ**: Cursor Pro（月額20ドル）+ Vercel無料プラン = 月額約3,000円 - **フル装備**: Cursor Pro + Claude Pro + GitHub Copilot = 月額約7,500円 - 配信活動への投資として考えれば、月3,000円でWebサイトやツールが自作できるのは非常にコスパが良い :::  ## 配信者がプログラミングを学ぶべき本当の理由 最後に、配信者がAIプログラミングを学ぶべき本質的な理由について述べたい。 プログラミングスキルは、単に「Webサイトが作れる」「Botが作れる」という実用的な価値だけではない。**デジタルの世界を「消費する側」から「創造する側」に変える**という、根本的なパラダイムシフトをもたらしてくれる。 配信者は本質的にクリエイターだ。動画を作り、配信で人を楽しませ、コミュニティを築く。しかし、使えるツールがYouTube Studio、OBS、Discord程度に限られていると、表現の幅にも自ずと限界がある。 AIプログラミングを身につけることで、その限界が一気に取り払われる。思いついたアイデアをすぐに形にできる。「こんなツールがあったらいいのに」を自分で作れる。他の配信者が持っていない独自の仕組みを構築できる。 2026年は、プログラミングの民主化が完成した年として記憶されるだろう。AIの力を借りて、すべてのクリエイターが開発者にもなれる時代が到来した。この波に乗るか、見送るか。その判断が、今後の配信活動の行方を大きく左右するはずだ。 ## よくある質問 :::qa::: q: プログラミングスクールに通う必要はもうないのですか？ a: 従来型の「文法を暗記する」スタイルのプログラミングスクールの必要性は大幅に低下しています。ただし、AIツールの効果的な使い方やプロジェクト管理の手法を教えてくれるスクールは価値があります。独学で十分なケースも多いですが、仲間と一緒に学ぶ環境が欲しい場合はコミュニティ型の学習プラットフォームがおすすめです。 ::: :::qa::: q: 配信しながらプログラミングする「コーディング配信」は需要がありますか？ a: はい、特にAIを活用したコーディング配信は2026年のトレンドの一つです。「AIに指示を出しながらWebサイトを作る」過程は、プログラミングに興味がある視聴者にとって非常に面白いコンテンツです。実際に、AIコーディング配信で人気を獲得している配信者も増えています。自分のサイトを作る過程をそのまま配信するのも一つのアイデアです。 ::: :::qa::: q: 作ったWebサイトの維持費はどのくらいかかりますか？ a: Vercelの無料プランを使えば、月間100GBの帯域幅まで無料で運用できます。個人の配信者サイトであれば十分な容量です。独自ドメインを取得する場合は年間1,000〜2,000円程度の費用がかかります。つまり、ランニングコストはほぼゼロ〜年間2,000円程度で済みます。Netlifyなど、他の無料ホスティングサービスも選択肢に入ります。 ::: ## まとめ :::summary::: 2026年のプログラミングは、AIコード生成ツールの進化により「人間がコードを書く」時代から「人間がAIに指示を出してコードを生成する」時代に完全にシフトした。GitHub Copilot、Claude Code、Cursorなどのツールを活用すれば、プログラミング未経験の配信者やクリエイターでも、自分のWebサイト、Discord Bot、配信ツールなどを自作できる。 AI時代に重要なのは、コードを書く力ではなく「何を作るか」を考える企画力、AIに的確に指示を出すプロンプト力、そして生成されたコードを評価する読解力だ。 まずはCursorをインストールして、シンプルな自己紹介サイトを作ることから始めてみよう。AIと対話しながらの開発は、想像以上に楽しく、そして驚くほど簡単だ。配信者としての表現の幅を広げる第一歩を、今日踏み出そう。 ::: ## 画像クレジット 本記事で使用している画像の一部は Unsplash より提供されています。 - プログラミングのイメージ: Photo by Ilya Pavlov on Unsplash - コードエディタの画面: Photo by Florian Olivo on Unsplash - ウェブ開発のイメージ: Photo by Christopher Gower on Unsplash - ラップトップとワークスペース: Photo by Marvin Meyer on Unsplash