Yudai Taguchi
Noemaで公開記事の編集を担当しています。
編集した記事
23件
開発環境
自分のアプリからGeminiのAPIを呼び出す方法と、APIキーの置き場所
アプリにAIの機能を組み込むときは、画面から自分のサーバーへ質問を送り、サーバーがAPIキーを付けてAIの会社へ頼みます。Next.jsのRoute HandlerからGeminiを呼ぶコードと、キーの置き場所をまとめます。
生成・制作
Reactのコンポーネント・props・stateの書き方
Reactは、画面を部品に分けて作る仕組みです。部品にあたるコンポーネントの書き方、外から値を渡すprops、部品が覚えておく値のstateを、メンバーカードとボタンの例で説明します。
情報検索・整理
検索に入れる言葉の選び方と、公式ドキュメントで答えを確かめる方法
分からないことは、道具の名前とやりたいことで検索し、公式ドキュメントで答えを探します。公式のページの見分け方と読み方、英語のページの翻訳、ブログ記事を読む前に確かめる4つのことをまとめます。
開発環境
URL を開いてから Web ページが表示されるまでの流れを、ターミナルで確かめる
ブラウザで URL を開くと、DNS で住所を調べ、サーバーにページを頼み、届いた HTML を画面に描きます。6段階の流れと URL の3つの部分、ステータスコードを説明し、nslookup と curl で実際に確かめます。
開発環境
ターミナルでフォルダを作り、その中に移動して中身を見る基本の命令
ターミナルは、ふだんクリックでしている操作を文字の命令で行う画面です。1行の読み方、今いる場所という考え方、pwd・ls・mkdir・cd など Windows と Mac で共通の6つの命令を説明します。
開発環境
VS Code を入れてメニューを日本語にし、フォルダを開いてファイルを保存するまで
プログラムを書くための無料のアプリ VS Code を公式サイトから入れ、メニューを日本語にします。画面の4つの部分、フォルダごと開いて使う理由、左の一覧とパスの関係、保存とタブの ● の意味を説明します。
開発環境
最初に覚えるショートカットキー10個と、スクリーンショットの撮り方
コピー・貼り付け・元に戻す・保存など、プログラムを書くときに何度も使う10個のショートカットを Windows と Mac で並べます。日本語入力と英字入力の切り替えと、スクリーンショットの撮り方と保存場所もまとめます。
開発環境
ソフトを公式サイトから安全に入れる手順と、入れた後の更新のしかた
ソフトはストアか公式サイトから入れます。Windows の .exe と Mac の .dmg で手順がどう違うか、警告の画面が出たときに何を確かめるか、OS とアプリの更新をどこで行うかをまとめます。
開発環境
ファイル・フォルダ・拡張子の意味と、ファイルの場所を表すパスの書き方
保存したものはすべてファイルで、フォルダはその入れ物です。拡張子でファイルの種類を見分ける方法と、ファイルの場所を文字で書くパスの書き方を、Windows と Mac の両方で確認します。
対話AI
AI がもっともらしい間違いをする理由と、確かめ方・入れてはいけない情報
続きの言葉を予想するという LLM の仕組みから、もっともらしい間違いが起きる理由を考えます。コードを頼んだときの間違い、一次情報での確かめ方、AI に入れてはいけない情報、答えの偏りを扱います。
開発環境
AI が書いたコードを確かめる：動かす・差分を読む・テストを走らせる
AI が「できました」と報告したコードを、自分で動かす、変わった所を読む、テストを頼んで走らせる、の3つで確かめます。境界の値でだけ間違えるコードを使い、確かめないと見逃す間違いを実際に見つけます。
開発環境
コーディングエージェントへの頼み方と資料の渡し方
AI エージェントに開発を頼むとき、何をどう伝えるとねらいどおりに動くかを、頼み比べながら確かめます。ルールのファイルの書き方と、エラー文・画面・ファイル・公式ドキュメントの渡し方も扱います。
開発環境
コーディングエージェントを入れて頼む：Codex のデスクトップアプリ
自分のパソコンのファイルを直接書き換えてくれる AI エージェント、Codex のデスクトップアプリを無料で入れ、小さな Web ページを作ってもらいます。頼む前に戻れる地点を作り、変わった所を確かめ、気に入らなければ戻すところまで練習します。
数理
AI を読むための統計の基本：平均・分散・確率・正規分布
平均・分散・標準偏差・確率・正規分布を、小さなデータの手計算で確かめます。それぞれが AI のどこで使われているかも合わせて見ます。
数理
AI の学習で使う微分と積分：傾きから勾配降下法まで
AI が重みを直すときに使う微分を、グラフの傾きとして小さな数で確かめます。勾配降下法を紙の上でまわし、最後に積分が何を表すかを短く見ます。
数理
AI で使うベクトルと行列：内積と行列の掛け算を手計算する
AI の中で最も多く行われているベクトルと行列の計算を、小さな数の手計算で確かめます。最後にニューラルネットワークの層1つ分の計算を紙の上で行います。
開発環境
Node.js のインストール方法：Windows と Mac で LTS 版を入れる
Node.js とは何かを説明し、公式サイトの LTS 版を Windows と Mac に入れる手順を示します。node -v と npm -v で入ったことを確かめ、うまくいかないときの対処も載せます。
開発環境
①実践する自動化 — 毎回AIに説明するのをやめ、文脈をファイルで管理する
AIチャットで毎回前提を説明し直していた状態を、フォルダとファイルで文脈を管理する形に変えた記録です。
開発環境
AI駆動開発で困らないためのAPI
HTTP APIのリクエストとレスポンス、メソッド、JSON、status code、CORS、timeoutに加えて、APIの契約をTypeScriptの型と実行時の検証で守る方法までを扱う案内です。
情報検索・整理
学期中に増える記録を、AIに持たせる
欠席回数や口頭で言われた評価基準のように、学期の途中で増えていく情報の置き場所についてまとめます。チャットに書いたものは次の会話に残りません。
情報検索・整理
履修登録を、成績と要項の2つのPDFで決める
卒業要件の残りを数える作業を、成績のPDFと入学年度の要項をチャットに渡して済ませる方法です。年度の取り違えに注意が要ります。
情報検索・整理
Gemini Notebookで、資料から学習用の教材を作る
入れた資料だけを根拠に答え、そこから9種類の形に作り替えるサービスです。入れられるもの、作れるもの、資料の扱われ方をまとめます。
開発環境
Claude Codeで、予想問題と解説を作る
出力の形を指示で決められて、作ったものがファイルとして残る道具です。何を渡し、何を指定できるかをまとめます。