本文へ移動

「できた」の先に、
なぜがある。

まずは使ってみる。気になったら、仕組みまで。

シリーズから読む

すべてのシリーズを見る

ひとつのテーマを、記事をたどりながら少しずつ深められます。

全2本

Webアプリの基本

HTMLとCSSでページを作り、JavaScriptで動きを付け、開発者ツールで中身を調べ、Reactで部品に分け、最後に自分のアプリからAIのAPIを呼び出すまでを順番に扱うシリーズです。

  1. 1Reactのコンポーネント・props・stateの書き方
  2. 2自分のアプリからGeminiのAPIを呼び出す方法と、APIキーの置き場所
シリーズを読む

全1本

AIの基本

ChatGPT・Gemini・Claudeを実際に使い比べ、AI・機械学習・LLMなどの言葉の関係を整理し、AIがもっともらしい間違いをする理由と使うときの注意点を知るシリーズです。

  1. 1AI がもっともらしい間違いをする理由と、確かめ方・入れてはいけない情報
シリーズを読む

全7本

パソコンの基本

ファイルとフォルダ、ソフトの入れ方、ショートカットキー、VS Code、ターミナル、インターネットの仕組み、調べ方まで。プログラミングやAIを使う前に、パソコンで迷わないための基本を順番に扱うシリーズです。

  1. 1ファイル・フォルダ・拡張子の意味と、ファイルの場所を表すパスの書き方
  2. 2ソフトを公式サイトから安全に入れる手順と、入れた後の更新のしかた
  3. 3最初に覚えるショートカットキー10個と、スクリーンショットの撮り方
シリーズを読む

全3本

ニューラルネットワークの構造

前提知識から単層・多層パーセプトロンと学習まで、ニューラルネットワークの構造を順番に学ぶシリーズです。

  1. 1ニューラルネットワークの構造⓪ AIを理解するための前提知識
  2. 2ニューラルネットワークの構造① 単層パーセプトロンができるまで
  3. 3ニューラルネットワークの構造② 多層パーセプトロンとNNの学習
シリーズを読む

まず、1本から読む

シリーズをたどらず、気になった題名の記事から始められます。

開発環境

AI が書いたコードを確かめる:動かす・差分を読む・テストを走らせる

AI が「できました」と報告したコードを、自分で動かす、変わった所を読む、テストを頼んで走らせる、の3つで確かめます。境界の値でだけ間違えるコードを使い、確かめないと見逃す間違いを実際に見つけます。

  • コードの検証
  • テスト
  • git diff

開発環境

コーディングエージェントへの頼み方と資料の渡し方

AI エージェントに開発を頼むとき、何をどう伝えるとねらいどおりに動くかを、頼み比べながら確かめます。ルールのファイルの書き方と、エラー文・画面・ファイル・公式ドキュメントの渡し方も扱います。

  • コーディングエージェント
  • プロンプト
  • AGENTS.md

開発環境

コーディングエージェントを入れて頼む:Codex のデスクトップアプリ

自分のパソコンのファイルを直接書き換えてくれる AI エージェント、Codex のデスクトップアプリを無料で入れ、小さな Web ページを作ってもらいます。頼む前に戻れる地点を作り、変わった所を確かめ、気に入らなければ戻すところまで練習します。

  • コーディングエージェント
  • Codex
  • ChatGPT

テーマから探す

関心のあるテーマから、いま読める記事をたどれます。

  • 対話AI

    4件の記事

    AIとの対話は、何ができて、どこでつまずくのか。身近な使い方から、その仕組みまで見ていきます。

  • 散らばった情報を、どう探し、読み、結びつけるのか。AIと情報整理の関係をひもときます。

  • 生成・制作

    1件の記事

    言葉や画像、Webページはどのようにつくられるのか。AIと一緒につくる過程から考えます。

  • 開発環境

    29件の記事

    Terminal、Git、エディター。ものをつくる裏側で働く道具と、そのつながりを整理します。

  • AIは何を見て、どのように答えをつくるのか。データとモデルの関係から内側をのぞきます。

  • 数理

    6件の記事

    確率やベクトルは、AIの中でどう使われるのか。数式の意味を、直感と図からたどります。

気になる言葉から探す

タイトルや概要、テーマ、タグを横断して検索できます。

記事を探す