AIでできることと、その仕組みを、直感と具体例からひもとく技術メディアです。https://noema-learn.uk/jahttps://noema-learn.uk/articles/calling-gemini-api-from-your-apphttps://noema-learn.uk/articles/calling-gemini-api-from-your-appアプリにAIの機能を組み込むときは、画面から自分のサーバーへ質問を送り、サーバーがAPIキーを付けてAIの会社へ頼みます。Next.jsのRoute HandlerからGeminiを呼ぶコードと、キーの置き場所をまとめます。Sat, 10 Oct 2026 00:00:00 GMTGemini API生成AINext.jsAPIキーhttps://noema-learn.uk/articles/react-components-props-and-statehttps://noema-learn.uk/articles/react-components-props-and-stateReactは、画面を部品に分けて作る仕組みです。部品にあたるコンポーネントの書き方、外から値を渡すprops、部品が覚えておく値のstateを、メンバーカードとボタンの例で説明します。Sat, 10 Oct 2026 00:00:00 GMTReactJavaScriptTypeScripthttps://noema-learn.uk/articles/searching-official-documentationhttps://noema-learn.uk/articles/searching-official-documentation分からないことは、道具の名前とやりたいことで検索し、公式ドキュメントで答えを探します。公式のページの見分け方と読み方、英語のページの翻訳、ブログ記事を読む前に確かめる4つのことをまとめます。Sat, 10 Oct 2026 00:00:00 GMT検索公式ドキュメント調べ方VS Codehttps://noema-learn.uk/articles/what-happens-when-you-open-a-urlhttps://noema-learn.uk/articles/what-happens-when-you-open-a-urlブラウザで URL を開くと、DNS で住所を調べ、サーバーにページを頼み、届いた HTML を画面に描きます。6段階の流れと URL の3つの部分、ステータスコードを説明し、nslookup と curl で実際に確かめます。Sat, 10 Oct 2026 00:00:00 GMTインターネットURLDNSHTTPHTMLcurlhttps://noema-learn.uk/articles/terminal-first-commandshttps://noema-learn.uk/articles/terminal-first-commandsターミナルは、ふだんクリックでしている操作を文字の命令で行う画面です。1行の読み方、今いる場所という考え方、pwd・ls・mkdir・cd など Windows と Mac で共通の6つの命令を説明します。Sat, 10 Oct 2026 00:00:00 GMTターミナルPowerShellzshVS Codehttps://noema-learn.uk/articles/vscode-install-and-first-filehttps://noema-learn.uk/articles/vscode-install-and-first-fileプログラムを書くための無料のアプリ VS Code を公式サイトから入れ、メニューを日本語にします。画面の4つの部分、フォルダごと開いて使う理由、左の一覧とパスの関係、保存とタブの ● の意味を説明します。Sat, 10 Oct 2026 00:00:00 GMTVS Codeエディタパスhttps://noema-learn.uk/articles/basic-keyboard-shortcuts-and-screenshotshttps://noema-learn.uk/articles/basic-keyboard-shortcuts-and-screenshotsコピー・貼り付け・元に戻す・保存など、プログラムを書くときに何度も使う10個のショートカットを Windows と Mac で並べます。日本語入力と英字入力の切り替えと、スクリーンショットの撮り方と保存場所もまとめます。Sat, 10 Oct 2026 00:00:00 GMTショートカットキースクリーンショット日本語入力WindowsMachttps://noema-learn.uk/articles/installing-and-updating-software-safelyhttps://noema-learn.uk/articles/installing-and-updating-software-safelyソフトはストアか公式サイトから入れます。Windows の .exe と Mac の .dmg で手順がどう違うか、警告の画面が出たときに何を確かめるか、OS とアプリの更新をどこで行うかをまとめます。Sat, 10 Oct 2026 00:00:00 GMTインストールアップデート情報セキュリティWindowsMachttps://noema-learn.uk/articles/files-folders-extensions-and-pathshttps://noema-learn.uk/articles/files-folders-extensions-and-paths保存したものはすべてファイルで、フォルダはその入れ物です。拡張子でファイルの種類を見分ける方法と、ファイルの場所を文字で書くパスの書き方を、Windows と Mac の両方で確認します。Sat, 10 Oct 2026 00:00:00 GMTファイルフォルダ拡張子パスhttps://noema-learn.uk/articles/why-ai-makes-plausible-mistakeshttps://noema-learn.uk/articles/why-ai-makes-plausible-mistakes続きの言葉を予想するという LLM の仕組みから、もっともらしい間違いが起きる理由を考えます。コードを頼んだときの間違い、一次情報での確かめ方、AI に入れてはいけない情報、答えの偏りを扱います。Sat, 10 Oct 2026 00:00:00 GMTハルシネーションLLMファクトチェック個人情報バイアスhttps://noema-learn.uk/articles/verifying-ai-written-codehttps://noema-learn.uk/articles/verifying-ai-written-codeAI が「できました」と報告したコードを、自分で動かす、変わった所を読む、テストを頼んで走らせる、の3つで確かめます。境界の値でだけ間違えるコードを使い、確かめないと見逃す間違いを実際に見つけます。Sat, 10 Oct 2026 00:00:00 GMTコードの検証テストgit diff境界値コーディングエージェントhttps://noema-learn.uk/articles/how-to-brief-coding-agentshttps://noema-learn.uk/articles/how-to-brief-coding-agentsAI エージェントに開発を頼むとき、何をどう伝えるとねらいどおりに動くかを、頼み比べながら確かめます。ルールのファイルの書き方と、エラー文・画面・ファイル・公式ドキュメントの渡し方も扱います。Sat, 10 Oct 2026 00:00:00 GMTコーディングエージェントプロンプトAGENTS.mdコンテキストCodexhttps://noema-learn.uk/articles/installing-and-asking-coding-agentshttps://noema-learn.uk/articles/installing-and-asking-coding-agents自分のパソコンのファイルを直接書き換えてくれる AI エージェント、Codex のデスクトップアプリを無料で入れ、小さな Web ページを作ってもらいます。頼む前に戻れる地点を作り、変わった所を確かめ、気に入らなければ戻すところまで練習します。Sat, 10 Oct 2026 00:00:00 GMTコーディングエージェントCodexChatGPTAGENTS.mdGithttps://noema-learn.uk/articles/statistics-basics-for-aihttps://noema-learn.uk/articles/statistics-basics-for-ai平均・分散・標準偏差・確率・正規分布を、小さなデータの手計算で確かめます。それぞれが AI のどこで使われているかも合わせて見ます。Sat, 10 Oct 2026 00:00:00 GMT統計平均と分散標準偏差確率正規分布https://noema-learn.uk/articles/derivatives-and-integrals-in-aihttps://noema-learn.uk/articles/derivatives-and-integrals-in-aiAI が重みを直すときに使う微分を、グラフの傾きとして小さな数で確かめます。勾配降下法を紙の上でまわし、最後に積分が何を表すかを短く見ます。Sat, 10 Oct 2026 00:00:00 GMT微分勾配降下法連鎖律積分機械学習https://noema-learn.uk/articles/vectors-and-matrices-in-aihttps://noema-learn.uk/articles/vectors-and-matrices-in-aiAI の中で最も多く行われているベクトルと行列の計算を、小さな数の手計算で確かめます。最後にニューラルネットワークの層1つ分の計算を紙の上で行います。Sat, 10 Oct 2026 00:00:00 GMT線形代数ベクトル行列内積ニューラルネットワークhttps://noema-learn.uk/articles/installing-nodejshttps://noema-learn.uk/articles/installing-nodejsNode.js とは何かを説明し、公式サイトの LTS 版を Windows と Mac に入れる手順を示します。node -v と npm -v で入ったことを確かめ、うまくいかないときの対処も載せます。Sat, 10 Oct 2026 00:00:00 GMTNode.jsnpmインストールターミナルLTShttps://noema-learn.uk/articles/neural-network-basics-2https://noema-learn.uk/articles/neural-network-basics-2多層パーセプトロンでXORを解く構造から、損失関数・勾配降下法・誤差逆伝播法・勾配消失・正則化までを数式で説明する教材Tue, 22 Sep 2026 00:00:00 GMT理論数理AI数学https://noema-learn.uk/articles/neural-network-basics-1https://noema-learn.uk/articles/neural-network-basics-1形式ニューロンからヘブ則、パーセプトロンの誤差訂正学習、線形分離とXORまでを、歴史的な違いと数式を区別して説明する教材Tue, 22 Sep 2026 00:00:00 GMT理論数理AI数学https://noema-learn.uk/articles/neural-network-basics-0https://noema-learn.uk/articles/neural-network-basics-0ニューラルネットワークを学ぶための前提知識として、入力・重み・行列・微分・勾配・連鎖律を基礎から説明する教材Tue, 22 Sep 2026 00:00:00 GMT理論数理AI数学https://noema-learn.uk/articles/article-20260818-1cm5zshttps://noema-learn.uk/articles/article-20260818-1cm5zsAIチャットで毎回前提を説明し直していた状態を、フォルダとファイルで文脈を管理する形に変えた記録です。Thu, 17 Sep 2026 00:00:00 GMTGitMarkdownhttps://noema-learn.uk/articles/ai-development-api-guidehttps://noema-learn.uk/articles/ai-development-api-guideHTTP APIのリクエストとレスポンス、メソッド、JSON、status code、CORS、timeoutに加えて、APIの契約をTypeScriptの型と実行時の検証で守る方法までを扱う案内です。Thu, 17 Sep 2026 00:00:00 GMTAI開発APIHTTPTypeScriptNext.jsコーディングエージェントhttps://noema-learn.uk/articles/article-20260826-1kp7zihttps://noema-learn.uk/articles/article-20260826-1kp7ziショート動画にハマるメカニズムを理解しながら、脳とニューラルネットワークの思考の性質について考える。Wed, 16 Sep 2026 00:00:00 GMTLLMhttps://noema-learn.uk/articles/attendance-record-that-surviveshttps://noema-learn.uk/articles/attendance-record-that-survives欠席回数や口頭で言われた評価基準のように、学期の途中で増えていく情報の置き場所についてまとめます。チャットに書いたものは次の会話に残りません。Sat, 12 Sep 2026 00:00:00 GMTGemini NotebookGoogle履修https://noema-learn.uk/articles/course-registration-from-two-pdfshttps://noema-learn.uk/articles/course-registration-from-two-pdfs卒業要件の残りを数える作業を、成績のPDFと入学年度の要項をチャットに渡して済ませる方法です。年度の取り違えに注意が要ります。Sat, 12 Sep 2026 00:00:00 GMTGeminiGoogle履修登録https://noema-learn.uk/articles/exam-review-with-gemini-notebookhttps://noema-learn.uk/articles/exam-review-with-gemini-notebook入れた資料だけを根拠に答え、そこから9種類の形に作り替えるサービスです。入れられるもの、作れるもの、資料の扱われ方をまとめます。Sat, 12 Sep 2026 00:00:00 GMTGemini NotebookGoogle試験対策https://noema-learn.uk/articles/exam-prep-with-generated-questionshttps://noema-learn.uk/articles/exam-prep-with-generated-questions出力の形を指示で決められて、作ったものがファイルとして残る道具です。何を渡し、何を指定できるかをまとめます。Sat, 12 Sep 2026 00:00:00 GMTClaude Code試験対策Markdownhttps://noema-learn.uk/articles/ai-development-operations-monitoring-guidehttps://noema-learn.uk/articles/ai-development-operations-monitoring-guideWebアプリ公開後のログ、メトリクス、トレース、アラート、障害対応、バックアップ、Cron、Queue、料金と定期保守を理解するための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発運用監視ログバックアップhttps://noema-learn.uk/articles/ai-development-npm-packages-guidehttps://noema-learn.uk/articles/ai-development-npm-packages-guideエージェントがpackage.jsonやpackage-lock.jsonを変更したときに、npm、依存関係、バージョン、npm installとnpm ci、auditの意味を確認するための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発npmパッケージ依存関係セキュリティhttps://noema-learn.uk/articles/ai-development-security-guidehttps://noema-learn.uk/articles/ai-development-security-guideエージェントが作ったWeb機能について、外部入力、XSS、CSRF、権限、ファイルアップロード、Secrets、依存関係などの安全性を確認するための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発セキュリティXSSCSRFOWASPhttps://noema-learn.uk/articles/ai-development-debugging-guidehttps://noema-learn.uk/articles/ai-development-debugging-guideWebアプリの不具合を再現手順へ変え、ブラウザのConsole、Network、サーバーログから失敗地点を切り分け、エージェントの修正を確かめるための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発デバッグエラー調査Chrome DevToolsログhttps://noema-learn.uk/articles/localhost-ai-app-public-urlhttps://noema-learn.uk/articles/localhost-ai-app-public-urlHTML/CSSでWeb制作ができる人が、localhostとデプロイの違い、Vercel・Cloudflare・AWSの選び方、CI/CD、GitHub Actions、Secrets、永続化、ロールバックを理解し、エージェントが作った公開設定を確認できるようになるための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発デプロイGitHub ActionsCI/CDCloudflarehttps://noema-learn.uk/articles/ai-development-testing-guidehttps://noema-learn.uk/articles/ai-development-testing-guideエージェントが報告するLint、型チェック、単体・結合・E2Eテスト、ビルドの違いを理解し、何が確認済みで何が未確認かを判断するための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発テストNext.jsE2ECIhttps://noema-learn.uk/articles/ai-development-auth-authorization-guidehttps://noema-learn.uk/articles/ai-development-auth-authorization-guideログイン機能をエージェントへ作ってもらう人が、認証と認可、Cookie、Session、Token、OAuth、role、所有者確認を区別し、権限漏れを確認するための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発認証認可OAuthセキュリティhttps://noema-learn.uk/articles/ai-development-database-guidehttps://noema-learn.uk/articles/ai-development-database-guideHTML/CSSでWeb制作ができる人が、SQLの種類、データベースサービス、マイグレーション、N+1などを知り、コーディングエージェントが作ったデータベース仕様と変更を確認できるようになるための入門です。Wed, 26 Aug 2026 00:00:00 GMTAI開発データベースSQLCloudflare D1マイグレーションhttps://noema-learn.uk/articles/ai-development-typescript-guidehttps://noema-learn.uk/articles/ai-development-typescript-guideHTML/CSSからNext.jsへ進んだ人が、TypeScriptの値とオブジェクトの型、null、Promise、型エラーを読み、エージェントがanyや型アサーションで問題を隠していないか確認するための案内です。Wed, 26 Aug 2026 00:00:00 GMTAI開発TypeScriptNext.js型エラーコーディングエージェントhttps://noema-learn.uk/articles/git-words-for-ai-coding-agentshttps://noema-learn.uk/articles/git-words-for-ai-coding-agentsGitの基本を知った人向けに、status、stage、branch、push、pull、PR、restore、revertなどを、AIに安全に指示する観点で整理します。Wed, 26 Aug 2026 00:00:00 GMTGitGitHubAIコーディングエージェントバージョン管理用語集https://noema-learn.uk/articles/html-css-nextjs-project-guidehttps://noema-learn.uk/articles/html-css-nextjs-project-guideNext.jsを開いたときに並ぶフォルダーや設定ファイルの役割、Reactとの関係、ページとコンポーネントの仕組み、エージェントの変更を確かめる見方を解説します。Wed, 26 Aug 2026 00:00:00 GMTNext.jsReactTypeScriptJavaScriptApp Routerhttps://noema-learn.uk/articles/vscode-python-pip-ollama-roleshttps://noema-learn.uk/articles/vscode-python-pip-ollama-rolesPythonからローカルLLMを動かすとき、Terminal、VS Code、Python、pip、Ollama、AIモデルはそれぞれ何をしているのか。文章整形アプリの処理をたどりながら説明します。Wed, 26 Aug 2026 00:00:00 GMTVS CodePythonpipOllamaTerminalhttps://noema-learn.uk/articles/getting-started-with-local-llmhttps://noema-learn.uk/articles/getting-started-with-local-llmLLMとクラウド型AIチャットの仕組みから始め、PCに合うモデルの探し方、Ollamaの基本コマンド、APIとPythonからの呼び出しまでを順に案内します。Wed, 26 Aug 2026 00:00:00 GMTOllamaローカルLLMPythonAPIhttps://noema-learn.uk/articles/what-is-git-and-githubhttps://noema-learn.uk/articles/what-is-git-and-githubGitは変更を記録する仕組み、GitHubはその履歴を共有する場所です。完全初学者向けに、一つの変更が記録・共有されるまでを順に説明します。Wed, 26 Aug 2026 00:00:00 GMTGitGitHubAIコーディングエージェントバージョン管理初学者https://noema-learn.uk/articles/what-is-coding-agenthttps://noema-learn.uk/articles/what-is-coding-agentChatGPTしか使ったことがない人向けに、Codexのようなコーディングエージェントが実際に何をしているのかを説明するWed, 26 Aug 2026 00:00:00 GMTChatGPTCodexコーディングエージェント