検索
教材を探す
タイトル、カテゴリ、扱う内容から絞り込めます。
200件
この講座で身につける「概念理解」とは何か用語暗記ではなく、構成要素・データの流れ・責任範囲・危険箇所を説明できる状態を定義する。Webサイト・Webアプリ・SaaS・APIの違い静的な情報提供、ユーザー操作、継続利用型サービス、機械同士の接続という役割の違いを整理する。Webアプリを構成する主要部品ブラウザ、フロントエンド、サーバー、API、データベース、認証、ストレージ、外部サービスの全体関係を示す。バイブコーディングで人間が担う仕事目的設定、要件判断、設計選択、差分確認、テスト、公開判断、運用責任をAIと区別する。生成AIがコードを作る仕組みの入口学習済みパターンから次のトークンを生成する性質と、正しさを保証する仕組みではないことを解説する。AIがもっともらしく間違える理由情報不足、曖昧な仕様、古い知識、存在しないAPI、文脈欠落による誤りを分類する。AIに渡す情報の種類目的、制約、現状コード、エラー、期待結果、変更禁止範囲、受入条件を区別する。コード生成より先に決めること利用者、解決課題、入力、出力、保存データ、権限、例外、公開範囲を整理する。AIに任せてよい変更・危険な変更見た目の修正と、認証・課金・DB・権限・本番環境の変更をリスクで分ける。学習全体の地図と受講順基礎→通信→コード→データ→設計→品質→公開→運用という依存関係を示す。ハードウェア・OS・アプリケーションCPU、メモリ、ストレージ、OS、アプリケーションがそれぞれ何を担当するかを説明する。プロセスとプログラムの違い保存された命令であるプログラムと、メモリ上で実行中のプロセスを区別する。メモリとストレージの違い一時的な実行領域と永続保存領域の違い、再起動や容量との関係を説明する。ファイル・フォルダ・拡張子ファイルシステム、階層構造、拡張子と実体の関係を扱う。絶対パス・相対パス・カレントディレクトリプログラムがファイルの場所を特定する仕組みを説明する。ローカル環境・開発環境・本番環境同じアプリでも設定・データ・公開範囲が異なる複数環境を使い分ける理由を解説する。ターミナルとシェル文字列の命令をOSへ渡す窓口と、コマンドを解釈するシェルの役割を説明する。コマンド・引数・オプション・終了コードCLI命令の構造と、成功・失敗を機械が判定する終了コードを説明する。環境変数と設定ファイルコードと環境固有の値を分離する理由、読み込み範囲、秘密情報との違いを説明する。バージョン・互換性・LTSOS、ランタイム、ライブラリのバージョン差が動作へ影響する理由を解説する。ネットワークとは何か複数の機器が規則に従ってデータを送受信する仕組みとして定義する。LAN・インターネット・クラウド端末内、組織内、世界規模のネットワークと、クラウド上の計算資源を区別する。IPアドレスネットワーク上で通信先を識別する論理アドレスの役割を説明する。ポート番号1台の機器上で複数のサービスを識別する番号として説明する。localhostとループバック自分の端末自身へ接続する仕組みと、外部公開されていない状態を説明する。ドメイン名人が扱いやすい名前と通信先の対応関係を説明する。DNS名前解決ドメイン名からIPアドレスを取得する問い合わせの流れを段階的に解説する。ルーター・NAT・ファイアウォール通信経路、内部アドレス変換、許可・遮断の役割を分離して説明する。TCPとUDPの違い到達確認と順序保証を重視する通信と、低遅延を重視する通信を比較する。遅延・帯域・パケットロス通信速度を一つの数字で捉えず、応答時間、転送量、欠損で理解する。クライアントとサーバー要求を出す側と処理・データ提供を行う側の責任を説明する。URLの構造スキーム、ホスト、ポート、パス、クエリ、フラグメントを分解する。HTTPリクエストメソッド、URL、ヘッダー、ボディからなる要求の構造を説明する。HTTPレスポンスステータス、ヘッダー、ボディからなる応答の構造を説明する。HTTPメソッドGET、POST、PUT、PATCH、DELETEの意図と、同じURLでも処理が変わる理由を解説する。HTTPステータスコード2xx、3xx、4xx、5xxを原因の所在と再試行判断の観点で整理する。HTTPヘッダーContent-Type、Authorization、Cookie、Cache-Controlなどの付加情報の役割を説明する。HTTPS・TLS・証明書通信暗号化、相手の確認、改ざん検知の仕組みと守れない範囲を説明する。ブラウザがページを表示するまでDNS、接続、HTTP、HTML解析、CSS適用、JavaScript実行、描画の順序を解説する。同一オリジンとCORSブラウザが異なる出所へのアクセスを制限する理由と、サーバー側許可の仕組みを説明する。プログラム・入力・処理・出力プログラムを、入力を規則に従って処理し出力へ変換する命令の集合として理解する。値とデータ型文字列、数値、真偽値、未定義値など、データの種類が処理を制約する仕組みを説明する。変数と代入値に名前を付けて参照し、状態を更新する意味を説明する。式と演算子値を計算・比較・結合して新しい値を作る構造を説明する。条件分岐条件式の評価結果によって実行経路を切り替える仕組みを説明する。繰り返し処理同じ規則を複数のデータへ適用する反復処理を説明する。関数入力、処理、戻り値を持つ再利用可能な単位として関数を説明する。配列順序を持つ複数データの集合と、要素の参照・追加・変換を説明する。オブジェクト名前付きの属性をまとめ、現実の対象や設定を表現する構造を説明する。アルゴリズムと計算量の入口処理手順と、データ量が増えたときの時間・メモリ増加を概念的に説明する。JavaScriptが動く場所ブラウザ内の実行環境とNode.jsなどサーバー側の実行環境を区別する。スコープ変数を参照できる範囲が、関数やブロックによって決まる仕組みを説明する。ミューテーションとイミュータブルな更新既存データを直接変える方法と、新しいデータを作る方法の違いを説明する。同期処理と非同期処理処理完了を待つ流れと、待ち時間中に別処理を進める流れを説明する。Promise将来完了する処理結果を、成功・失敗の状態として扱う仕組みを説明する。async／awaitPromiseを順序立てて記述し、例外処理と組み合わせる考え方を説明する。モジュールとimport／exportコードをファイル単位に分割し、公開する機能と利用する側を分ける仕組みを説明する。npmとパッケージ外部コードを配布・取得・更新する仕組みと、依存関係の意味を説明する。package.jsonとlockfileプロジェクト情報、依存バージョン、実行コマンド、再現可能なインストールを説明する。TypeScriptと静的型検査実行前に型の不整合を検出し、コードの意図を明示する仕組みを説明する。HTMLと文書構造見出し、段落、一覧、リンクなど、内容の意味と階層をブラウザへ伝える役割を説明する。DOMHTMLがブラウザ内でノードの木構造として表現され、JavaScriptから操作される仕組みを説明する。セマンティックHTML見た目ではなく意味に合った要素を使うことで、検索・支援技術・保守性が向上する理由を説明する。フォーム要素input、select、textarea、button、labelが入力と送信をどう構成するか説明する。CSSセレクタとカスケードどの要素にどのスタイルを適用するか、競合時にどの規則が優先されるかを説明する。ボックスモデルcontent、padding、border、marginが要素サイズと配置へ与える影響を説明する。通常フロー・position・重なり順ブラウザの標準配置と、絶対配置、固定配置、z-indexの関係を説明する。Flexbox一次元方向に要素を並べ、余白・整列・伸縮を制御する仕組みを説明する。Grid行と列の二次元グリッドで画面構造を設計する仕組みを説明する。アクセシビリティの技術要件キーボード操作、フォーカス、代替テキスト、ラベル、コントラスト、ARIAの役割を説明する。UIとUXの違い画面上の操作部品と、利用開始から目的達成までの体験全体を区別する。情報設計情報の分類、優先順位、ラベル、検索、ナビゲーションを設計する考え方を説明する。画面遷移ユーザー操作によってどの画面・状態へ移るかを経路として設計する。フォームの入力設計入力項目、必須・任意、初期値、形式、補足、送信条件を整理する。クライアント側バリデーション入力直後に形式や不足を知らせる役割と、セキュリティ上サーバー検証を代替できない理由を説明する。状態と状態遷移未入力、入力中、送信中、成功、失敗など、画面が持つ状態を明示する。ローディング・空状態・エラー状態データ未取得、対象データなし、処理失敗を別の状態として設計する。フィードバックと通知操作結果、進行状況、注意、失敗、取り消し可能性をユーザーへ返す方法を説明する。レスポンシブデザイン画面幅・入力方式・利用状況の違いに合わせてレイアウトと操作を変える考え方を説明する。デザインシステム色、文字、余白、コンポーネント、状態表現を共通規則として管理する仕組みを説明する。フロントエンドの責任範囲表示、入力、画面状態、通信開始、ユーザーへのフィードバックを担う層として整理する。コンポーネントUIを役割ごとの部品へ分け、組み合わせて画面を構成する考え方を説明する。props親コンポーネントから子コンポーネントへ値や設定を渡す一方向のデータ伝達を説明する。stateユーザー操作や通信結果によって変化し、再描画へ影響するデータを説明する。レンダリングstateやpropsから画面の出力を計算し直すReactの基本モデルを説明する。イベント処理クリックや入力などのイベントが状態更新や通信開始へつながる流れを説明する。Effect画面描画そのものではなく、外部システムとの同期に使う処理として説明する。ルーティングとレイアウトURLとページの対応、共通レイアウト、ネストされた画面構造を説明する。サーバーコンポーネントとクライアントコンポーネントサーバーで処理する部分とブラウザで対話性を持つ部分の境界を説明する。データ取得・キャッシュ・再検証取得場所、保存期間、古いデータ更新、ユーザーごとの差を設計する考え方を説明する。バックエンドの責任範囲入力検証、業務ルール、認証判断、DB操作、外部サービス接続を担う層として整理する。WebサーバーとアプリケーションサーバーHTTP接続を受ける役割と、アプリ固有の処理を実行する役割を区別する。Node.jsランタイムブラウザ外でJavaScriptを実行し、ネットワークやファイルを扱う環境として説明する。ルートとハンドラーURLとHTTPメソッドに応じて特定の処理へ振り分ける仕組みを説明する。ミドルウェア認証、ログ、入力解析、CORSなどの共通処理を本処理の前後へ挟む仕組みを説明する。サーバー側入力検証型、形式、長さ、範囲、権限、存在確認を信頼境界で検査する理由を説明する。業務ロジック単純なデータ保存ではなく、サービス固有の判断規則をコード化する層として説明する。例外処理とエラー応答内部エラーを記録しつつ、利用者へ必要最小限の情報を返す設計を説明する。ファイルストレージDBに保存する構造化データと、画像・PDF等のオブジェクト保存を区別する。ステートレスとステートフルサーバーがリクエスト間の状態を持つ設計と、外部保存へ分離する設計を比較する。APIとは何かソフトウェア同士が決められた形式で機能やデータを利用する接点として定義する。エンドポイントとAPI契約URL、メソッド、入力、出力、エラー、認証方式を合意事項として扱う。RESTの基本原則リソースをURLで表し、HTTPメソッドで操作する設計の考え方を説明する。JSONとシリアライズメモリ上のデータを通信・保存可能な文字列表現へ変換する仕組みを説明する。認証付きAPIトークンやCookieを要求へ含め、サーバーが利用者を識別する流れを説明する。外部APIを利用する流れ仕様確認、認証、送信、応答解析、失敗処理、利用制限の順に説明する。Webhook相手側でイベントが起きたとき、指定URLへ通知を送る仕組みを説明する。定期実行時刻や間隔を条件にサーバー処理を開始するスケジュール実行を説明する。ジョブキュー時間のかかる処理をリクエストから切り離し、待ち行列で順番に実行する仕組みを説明する。再試行・タイムアウト・冪等性通信失敗時の再実行で二重処理を起こさないための設計を説明する。データベースとDBMSデータそのものと、保存・検索・更新・整合性を管理するソフトウェアを区別する。リレーショナルデータベース表形式のデータと、キーによる表同士の関係で情報を表現する考え方を説明する。テーブル・行・列・型保存単位と属性、各列が許容する値の種類を説明する。主キー・外部キー行を一意に識別するキーと、別テーブルの行を参照するキーを説明する。一対一・一対多・多対多現実の関係をテーブルへ落とす基本パターンを説明する。SELECTと絞り込み必要な列・行を条件に基づいて取得するSQLの基本構造を説明する。JOIN複数テーブルの関連行をキーで結合し、一つの結果として取得する仕組みを説明する。INSERT・UPDATE・DELETE新規作成、変更、削除がデータ状態へ与える影響を説明する。制約・トランザクション不正データを防ぐ制約と、複数処理を一まとまりで成功・失敗させる仕組みを説明する。インデックス・マイグレーション・バックアップ検索高速化、構造変更、障害復旧という異なる目的の仕組みを整理する。企画と要件定義の違い何を作る価値があるかを考える活動と、作る対象・条件を明文化する活動を区別する。課題と要望の違い利用者が求める機能の背後にある、解決すべき状態や原因を分けて考える。対象ユーザー誰が、どの状況で、何を達成したいかを具体化する。現行業務の分解担当者、入力情報、手順、判断、出力、例外、引き継ぎに分けて業務を理解する。機能要件ユーザーやシステムが実行できる処理を、入力・条件・結果で記述する。非機能要件速度、可用性、セキュリティ、容量、保守性、利用環境など品質条件を定義する。MVP検証したい仮説に必要な最小範囲を定め、単なる未完成版と区別する。ユーザーストーリー利用者、目的、価値の形式で要求を表し、実装機能だけに偏らないようにする。受入条件どの状態になれば要件を満たしたと判断するかを観測可能な条件で記述する。優先順位とスコープ価値、緊急度、依存関係、リスク、工数を基に作る順番と対象外を決める。設計とは何を決める作業か要件を満たすために、部品、責任、接続、データ、例外、品質条件を決める活動として説明する。画面設計画面の目的、表示情報、操作、状態、遷移、権限を定義する。データ設計保存対象、属性、関係、制約、履歴、削除方針を定義する。API設計機能の境界、入力出力、認証、エラー、互換性を定義する。責任分離UI、業務ロジック、データアクセスなどを分離し、変更影響を限定する考え方を説明する。結合度と凝集度部品同士の依存を弱くし、同じ目的の処理を一つにまとめる設計指標を説明する。モノリスとマイクロサービス一体構成と分散構成の利点・複雑性を、小規模開発の判断基準とともに説明する。同期処理と非同期処理の設計判断即時結果が必要な処理と、後で完了してよい処理を分ける基準を説明する。可用性・拡張性・保守性止まりにくさ、利用増加への対応、変更しやすさという異なる品質を説明する。技術選定とトレードオフ慣れ、要件、運用、費用、制約、将来変更を基に選び、万能な技術がないことを説明する。バージョン管理ファイルの変更履歴を保存し、比較・復元・分岐できる仕組みとして説明する。リポジトリプロジェクトのファイルと履歴をまとめて管理する単位として説明する。ワーキングツリー・ステージ・コミット作業中、次に保存する変更、確定した履歴という三つの状態を説明する。差分変更前後の行単位の違いを読み、AIが何を変更したか確認する方法を説明する。ブランチ同じ履歴から別の変更系列を分岐させ、安全に試す仕組みを説明する。マージとコンフリクト複数の変更系列を統合し、同じ箇所の競合を人が判断する仕組みを説明する。リモート・push・pull・clone手元の履歴と共有先の履歴を同期する関係を説明する。Issue・Pull Request・レビュー課題、変更提案、確認、承認を履歴として残す開発手順を説明する。依存関係と更新直接利用するライブラリと、そのライブラリが利用する間接依存の関係を説明する。開発・検証・本番の変更フロー変更、レビュー、自動検査、プレビュー、承認、本番反映の順序を説明する。品質とは何か要件充足、正確性、使いやすさ、安全性、速度、保守性など複数の観点で品質を捉える。テストとデバッグの違い不具合を見つける活動と、原因を特定して修正する活動を区別する。正常系・異常系・境界値期待どおりの入力、誤った入力、限界付近の値で挙動を確認する考え方を説明する。単体テスト小さな関数や部品を他の要素から切り離して検証する目的を説明する。結合テストAPI、DB、外部サービスなど、複数部品の接続部分を検証する目的を説明する。E2Eテスト実際の利用者に近い操作経路でシステム全体を確認する目的を説明する。回帰テスト修正や機能追加によって、以前動いていた箇所が壊れていないか確認する。再現条件環境、入力、手順、期待結果、実際の結果を揃え、同じ不具合を再現できるようにする。ログ・スタックトレース・デバッガ実行記録、呼び出し経路、停止して内部状態を見る手段を区別する。原因切り分け入力、画面、通信、サーバー、DB、外部API、環境のどこで異常が起きたか段階的に絞る。認証と認可誰であるかの確認と、何をしてよいかの判断を区別する。パスワードとハッシュパスワードを元に戻せない形式で保存し、平文保存を避ける理由を説明する。Cookie・セッション・トークンログイン状態を継続する代表的方式と、保存場所・失効方法の違いを説明する。OAuthと外部ログイン別サービスの認証結果を利用し、パスワードを直接預からずにログインさせる流れを説明する。ロール・権限・RLS役割単位、操作単位、データ行単位でアクセスを制御する方法を説明する。入力値を信用しないブラウザ側チェックを回避できる前提で、サーバー側検証と無害化が必要な理由を説明する。XSS・CSRF・SQLインジェクション代表的な攻撃がどの信頼境界を悪用するかを、発生条件ごとに説明する。秘密情報とAPIキー公開コードへ含めない情報、保存場所、権限最小化、漏えい時の失効を説明する。個人情報・データ最小化・保持期間必要なデータだけを集め、利用目的と削除時期を決める原則を説明する。脅威モデリングと公開前判断守る対象、攻撃者、入口、起こり得る被害、対策、残るリスクを整理する。インフラとは何かアプリを動かす計算資源、ネットワーク、保存領域、実行基盤をまとめて説明する。オンプレミスとクラウド自前設備と事業者が提供する資源の、責任・費用・拡張方法の違いを説明する。IaaS・PaaS・SaaS・サーバーレス利用者が管理する範囲の違いでクラウドサービスを分類する。リージョン・可用性ゾーン・エッジ処理・保存場所の物理的な分散と、遅延・障害範囲・法的要件への影響を説明する。ビルドとランタイムソースコードを配布可能な形へ変換する工程と、本番で実際に処理する工程を区別する。デプロイ新しいアプリや設定を実行環境へ配置し、利用可能にする一連の処理を説明する。プレビュー・ステージング・本番変更確認用、一連の検証用、実利用用の環境を分ける理由を説明する。CI変更のたびにビルド、型検査、テスト、静的解析を自動実行する仕組みを説明する。CD・リリース・ロールバック検査済みの変更を反映し、問題時に以前の状態へ戻す仕組みを説明する。コンテナ・イメージ・レジストリ隔離されたプロセス、実行に必要な一式、配布保管場所を区別して説明する。開発と運用の違い作る段階と、継続して安全・安定・適正費用で提供する段階を区別する。ログ何がいつ起きたかを離散的な記録として残し、調査へ利用する仕組みを説明する。メトリクス応答時間、エラー率、CPU使用率などを時系列の数値として観測する。トレース一つのリクエストが複数の処理やサービスを通る経路を追跡する。監視・アラート・エスカレーション異常の検知条件、通知先、対応開始条件を設計する。可用性・SLA・SLOサービスが期待どおり使える割合と、提供目標・契約上の約束を区別する。表示速度とCore Web Vitals読み込み、操作応答、レイアウト安定性をユーザー体験の指標として説明する。キャッシュとCDN同じ結果や静的ファイルを再利用し、応答時間とサーバー負荷を下げる仕組みを説明する。バックアップ・復旧・RPO・RTOどこまでのデータ損失を許容するか、何時間で復旧するかを含めて説明する。固定費・従量課金・利用量見積もりユーザー数、通信量、DB容量、AIトークン、外部API回数から費用が増える構造を説明する。LLM・モデル・トークン大規模言語モデルと、入力・出力を処理する単位であるトークンの関係を説明する。コンテキストウィンドウ一度の処理で参照できる情報量と、長い会話で情報が失われる理由を説明する。システム指示・ユーザー入力・モデル出力異なる指示レイヤーと、外部入力がモデル挙動へ影響する構造を説明する。構造化出力自由文ではなく、決められた項目・型のデータとして出力させる意味を説明する。Function Calling・ツール利用モデル自身が外部処理を実行するのではなく、呼び出す関数と引数を選び、アプリ側が実行する流れを説明する。埋め込みベクトル文章や画像の意味的な近さを数値ベクトルとして表現する考え方を説明する。ベクトル検索とRAG質問に近い資料を検索し、その内容をモデル入力へ追加して回答させる流れを説明する。AIエージェントとMCP目標、状態、ツール、反復、承認境界を持つ実行系と、ツール接続規約を説明する。AI評価・ガードレール・安全性正確性、再現性、禁止出力、プロンプトインジェクション、データ漏えいを検査する考え方を説明する。AI付きWebアプリの全処理フロー画面入力→認証→API→DB／検索→モデル→構造化出力→保存→表示→ログまでを一つの構成図で統合する。
