困りごと別ガイド
プログラミング・Webの基礎
専門用語を使わずに、プログラミングとWebの基礎を学べるように並べました。変数や関数から始めて、Git、API、データベースまで、順番に進めます。
53本の記事
01はじめの一歩
- 手順・使い方プログラミング独学は「真似る→飛ばす→2周目」で続く|AI時代の学び方とAIの使いどころ
最初から全部を理解しようとすると挫折しやすいのが、プログラミングの独学です。「まず動くものを真似る→分からない部分は飛ばす→2周目で理解する」という順番と、AIを学習に使う時の良い使い方・悪い使い方を整理します。
- 困りごと解決プログラミングを独学で学ぶ時の最初の一歩
プログラミング独学の最初の一歩は、完璧に理解しようとせず、動くものを真似ること。挫折しにくい学びの順番と、環境の選び方を解説します。
- 手順・使い方プログラミング言語の種類一覧|用途別の得意分野と選び方
プログラミング言語の主な種類と得意分野を、用途別の早見表で整理。Web・データ分析・アプリ開発での選び方と、初心者が最初に学ぶ言語の考え方も解説します。
- 用語解説変数とは?プログラミングの「箱」の考え方
変数とは、データを入れておく「名前のついた箱」のこと。簡単なコード例で、変数の考え方と、分かりやすい名前の付け方をやさしく解説します。
- 用語解説関数とは?プログラミングの「まとめ役」の考え方
変数と並んで最初に習う基本概念。日常生活のたとえと簡単なコード例で、つまずきやすいポイントを整理します。
- 用語解説条件分岐(if文)とは?if・elif・elseの書き方をPythonで図解
条件分岐(if文)とは、条件によって、実行する処理を切り替える仕組みです。if・elif・elseの書き方、比較演算子、andとor、よくあるつまずき(=と==、elifの順序、インデント)を、Pythonの短いコードと図解で解説します。
- 用語解説ループ(繰り返し)とは?for文とwhile文の違いをPythonで図解
ループとは、同じ処理を繰り返す仕組みです。for文とwhile文の違い、使い分け、break・continue、リストの繰り返し、止まらない『無限ループ』の原因と対処を、Pythonの短いコードと図解で解説します。
- 用語解説再帰(再帰関数)とは?自分自身を呼ぶ仕組みを、Pythonと図解で解説
再帰とは、関数が自分自身を呼び出す書き方です。必要な2つの条件(終了条件と、問題を小さくすること)、階乗の動き、RecursionErrorが出る原因、ループとの使い分けを、Pythonの短いコードと図解で解説します。
- 用語解説辞書(dict)型とは?キーと値で管理する書き方をPythonで解説
辞書(dict)型とは、キーと値のペアでデータを管理する入れ物です。リストとの違い、取り出し方、get()でKeyErrorを防ぐ方法、追加・更新・削除、for文での繰り返しを、Pythonの短いコードと図解で解説します。
- 用語解説スコープ(変数の有効範囲)とは?ローカル変数・グローバル変数をPythonで解説
スコープとは、変数が使える範囲のことです。関数の中のローカル変数と、外のグローバル変数の違い、NameErrorやUnboundLocalErrorの原因と直し方、引数と戻り値で受け渡す書き方を、Pythonの短いコードと図解で解説します。
- 用語解説配列とは?データをまとめて管理する仕組み
変数の「箱」が、ずらっと並んでいるとイメージすると理解しやすくなります。
- 用語解説オブジェクト指向とは何か、超入門
多くの現代的な言語が採用している考え方。難しく聞こえますが例えると簡単です。
- 用語解説アルゴリズムとは?レシピに例えてやさしく解説
アルゴリズムとは、問題を解決するための手順のこと。料理のレシピに例えて、手順による効率の違いや、プログラミングでの役割をやさしく解説します。
- 用語解説「デバッグ」とは?初心者がつまずくポイント
エンジニアが日常的に使う「デバッグ」という言葉。実は誰でもできる地道な作業です。
- 手順・使い方エラーメッセージの正しい読み方・調べ方
赤い文字を見た瞬間に閉じたくなる気持ち、わかります。でも実は宝の地図です。
- 用語解説例外処理とは?エラーに備えるプログラムの書き方
「もしもの時」への備えを、あらかじめコードに組み込んでおく考え方です。
02コンピューターの基本
- 用語解説2進数・16進数とは?コンピューターが0と1で動く理由と、変換のしかた
コンピューターが、なぜ0と1だけで動くのか。2進数・10進数・16進数の違い、変換の考え方、色コードやIPアドレスとの関係を、図を使わず、例で解説します。
- 用語解説バイト・ビット・ギガの違いとは?データ容量の基礎知識
ビット・バイト・ギガの違いを、単位換算の早見表つきで解説。通信速度のMbpsとデータ容量のMBの違いも整理します。
- 用語解説CPUとGPUの違いとは?役割の違いと、AIにGPUが使われる理由
CPUとGPUは何が違うのか。「司令塔」と「大勢の作業員」の例えで、得意な処理の違い、ゲームやAIでGPUが重視される理由、パソコン選びでの見方を解説します。
- 用語解説コンパイラとインタープリタの違いとは?
プログラミング言語の分類でよく出てくる言葉、実は身近な例で理解できます。
- 手順・使い方たとえ話大全:わかりにくいIT用語を、日常のモノに置き換えてみた
仕組みを正確に説明するより、イメージが伝わる例え話の方が、結局は理解の近道になります。このサイトで使ってきた例え話を、まとめて一覧にしました。
03Webの仕組み
- 用語解説HTML・CSS・JavaScriptの違い|家づくりでたとえて、役割を図解
Web制作の3点セット、実は家づくりに例えるとすっきり理解できます。
- 用語解説静的サイトと動的サイトの違いとは
Webサイトの裏側にある、2つの異なる作りの違いをやさしく解説します。
- 用語解説ドメインとは?Webサイトの「住所」の仕組みをやさしく解説
「example.com」のような文字列が、なぜサイトの場所を表せるのかを解説します。
- 用語解説URLとは?アドレスの構造と、見分けたい偽サイトのURLの特徴
URLとは、インターネット上のページやファイルの場所を示す、住所のことです。https://から始まる各部分(スキーム・ドメイン・パス)の意味と、偽サイトのURLを見分けるポイントを解説します。
- 用語解説HTTPとHTTPSの違いとは?鍵マークの意味と、「HTTPSなら安全」ではない理由
HTTPとHTTPSの違いは、通信が暗号化されるかどうか。鍵マークの意味、HTTPSでできること・できないこと、フィッシングサイトもHTTPSを使う理由まで解説します。
- 用語解説404・500・503とは?HTTPステータスコードの意味と、表示された時の対処
「404 Not Found」「503 Service Unavailable」など、サイトで見かける3桁の数字の正体を解説。主なコードの意味一覧と、閲覧者側・運営者側それぞれの対処をまとめました。
- 用語解説Cookie(クッキー)とは?削除すると何が起こる?
「Cookieの使用に同意しますか」の意味、実はちゃんと説明できる人は少ないです。
- 用語解説Cookieと似て非なる「セッション」とは?
以前紹介したCookieと混同されがちな用語。実は役割にはっきりした違いがあります。
- 用語解説キャッシュとは?「一時保存」の仕組みをやさしく解説
「キャッシュを削除してください」とよく言われるけど、そもそも何なのでしょうか。
- 困りごと解決修正したのに古い画面のまま?キャッシュの切り分けと対処法
ホームページやアプリを更新したのに、画面が古いまま変わらない。多くは、古い内容を表示しているだけです。本当に未更新なのか、古いものを見ているだけなのかを切り分ける手順と、ブラウザ・CDN・サーバーなど場所別の対処法を解説します。
- 用語解説JSONとは?書き方の基本ルールと、よくあるエラーの直し方をやさしく解説
APIや設定ファイルでよく見かけるJSONとは何か。書き方の基本ルール、使えるデータの種類、「カンマ」「引用符」などよくあるエラーの原因まで、初心者向けに解説します。
04開発の道具
- 用語解説Gitとは?バージョン管理の基本をやさしく解説
エンジニアが必ず使う「バージョン管理」の仕組み。実は考え方はシンプルです。
- 用語解説Gitのブランチとは?枝分かれの考え方とマージの流れ
Gitのブランチとは、元のコードに影響を与えず、別の道として枝分かれさせる機能です。なぜ枝分かれさせるのか、マージで取り込む流れまで解説します。
- 用語解説GitHubとGitの違い、初心者がつまずくポイント
名前が似ているこの2つ、実は役割がまったく異なります。
- 用語解説ライブラリとは?プログラミングにおける「便利な部品集」を解説
ライブラリとは、プログラムでよく使う機能を、部品としてまとめたものです。使う理由、読み込み方、選ぶ時の確認ポイント、フレームワークとの違いを、工具箱にたとえて解説します。
- 用語解説フレームワークとライブラリの違い|主導権で見分ける
フレームワークとライブラリの違いは「主導権がどちらにあるか」。制御の逆転の考え方と、比較表、見分け方のコツをやさしく解説します。
- 用語解説依存関係とは?パッケージ管理の基本の考え方
「このパッケージ、あのパッケージに依存しています」という表現の意味を解説します。
- 用語解説マークダウン記法とは?知っておくと便利な理由
GitHubやメモアプリでよく見る「#」や「*」の意味、実は覚えると便利です。
- 用語解説YAMLとは?設定ファイルでよく見る記法
以前紹介したマークダウンと似た立ち位置の、設定ファイル向けの記法です。
- 用語解説正規表現とは?文字列パターンを扱う技術
「なんだか難しそうな記号の羅列」に見えて、実は非常に強力な検索の道具です。
05API・データベース
- 用語解説APIとは?身近な例でわかりやすく解説
エンジニアがよく口にする「API連携」。実は仕組みはとてもシンプルです。
- 用語解説APIキーとは?安全な管理方法もあわせて解説
外部サービスと連携する際によく登場する言葉。取り扱いには注意が必要です。
- 用語解説REST APIとGraphQLの違い|メリット・デメリットと選び方
REST APIとGraphQLの違いを、レストランの注文に例えて解説。メリット・デメリットの比較表と、どちらを選ぶかの判断基準もまとめました。
- 用語解説CORSとは?Web開発者が必ず一度はハマるエラーの正体
コンソールに真っ赤な文字で表示される、あの見慣れないエラーを解説します。
- 用語解説SQLとは?データベースとの会話の仕方
「SQLが書ける」というスキル、実は特別な才能がなくても習得できます。
- 用語解説SQLインジェクションとは?仕組み・被害・対策をやさしく図解
SQLインジェクションとは、入力欄に不正なSQL文を紛れ込ませ、データベースを不正に操作する攻撃です。仕組み、被害の例、危険な書き方と安全な書き方(プレースホルダ)、対策を図解で解説します。
- 用語解説SQLインジェクション対策|プレースホルダ・エスケープの違いと限界
SQLインジェクションを防ぐ根本的な対策は、プレースホルダ(パラメータ化クエリ)です。エスケープや入力チェックとの違い、サニタイズの効果と限界、コード例、多層で守る考え方を解説します。
- 用語解説Pythonとは?できること・向いている人・始め方を初心者向けに解説
Pythonとは何ができるプログラミング言語なのか。AI・データ分析・自動化・Web開発などの用途、読みやすいと言われる理由、始め方と最初のコード例を、初心者向けに解説します。
- 用語解説PHPとは?何ができる?仕組みとWordPressとの関係を図解で解説
PHPは、Webサイトの裏側(サーバー)で動くプログラミング言語で、WordPressもPHPで動いています。何ができるか、動く仕組み、簡単なコード例、メリット・注意点、始め方を、図解つきで初心者向けに解説します。
- 用語解説レートリミットとは?「アクセスしすぎ」で弾かれる仕組み
「しばらくしてから再度お試しください」の裏側にある、アクセス制限の仕組みです。
- 困りごと解決APIをループで呼ぶ時の3つの約束|間隔・上限・再試行でアクセス制限を防ぐ
APIをループ処理で何度も呼ぶと、短時間にリクエストが集中して、相手のサービスからアクセス制限を受けることがあります。待ち時間を入れる、件数の上限を決める、失敗時に間隔をあけて再試行する、の3つの約束と、サンプルコードを紹介します。
- 困りごと解決API連携が「両方正常なのに繋がらない」時の確認5項目と切り分けの順番
どちらのシステムも正常に動いているのに、連携だけがうまくいかない。API連携で一番苦労するこのケースの原因は、認証情報・データ形式・必須項目・バージョン・通信の5つに絞れることが多いです。確認の順番と、HTTPステータスの読み方を整理します。