未分類 HTMLで自己紹介ページを作ろう（動画補足版）
🟥 1. アイキャッチ（タイトル＋動画サムネ）目的： 一目で内容と動画の関係が分かるようにする。内容例：🎥 【動画補足】HTMLで自己紹介サイトを作ろう！下にYouTube埋め込み or 「▶動画を見る」ボタン（動画埋め込みタグ or if...
未分類 
未分類 CSS実践編（動画補足版）
🟥 1. アイキャッチ（タイトル＋動画サムネ）目的： 一目で内容と動画の関係が分かるようにする。内容例：🎥 【動画補足】CSS実践編（動画補足版）！下にYouTube埋め込み or 「▶動画を見る」ボタン（動画埋め込みタグ or ifram...
未分類 HTML,CSS,JSファイルの分け方編（動画補足版）
🟥 1. アイキャッチ（タイトル＋動画サムネ）目的： 一目で内容と動画の関係が分かるようにする。内容例：🎥 【動画補足】HTML,CSS,JSファイルの分け方編（動画補足版）！下にYouTube埋め込み or 「▶動画を見る」ボタン（動画埋...
未分類 ライブラリとフレームワークの違い
概要ライブラリとフレームワークの違いプログラミングにおいて「ライブラリ」と「フレームワーク」はどちらも便利なコードの集合体ですが、役割と使い方が大きく異なります。一言で表すとライブラリ：道具箱（必要なときに取り出して使う）フレームワーク：設...
学習メモ 二要素認証と二段階認証まとめ
二要素認証（Two-Factor Authentication、略して 2FA）とは？ユーザーが本人であることを確認するために、2つの異なる要素を組み合わせて認証を行う仕組み認証の3つの要素2FA は、以下の3種類のうち 2つ を組み合わせ...
バックエンド アクセス修飾子まとめ
アクセス修飾子（Access Modifier）とは？アクセス修飾子とは、クラスの 変数やメソッドがどこから使えるか（アクセスできる範囲） を指定するキーワード。オブジェクト指向プログラミングで重要な概念で、データを守りつつ必要な部分だけ公...
学習メモ PHPの変数・関数・条件分岐まとめ
PHPの変数とは？変数とは、データを一時的に保存しておく箱のようなものです。たとえば、「名前」や「年齢」といった情報をプログラム内で管理するのに使います。$name = "太郎"; // 文字列$age = 20; // 数値$is_adm...
バックエンド SOLID原則とは
概要SOLID原則（ソリッドげんそく）とは、オブジェクト指向プログラミングにおける良い設計を行うための5つの基本原則です。この原則を守ることで、コードは「理解しやすく」「修正しやすく」「再利用しやすい」ものになります。正式名称Single ...
バックエンド リファクタリングとは
概要リファクタリング（refactoring） とは、プログラムの外側の動作（機能や結果）を変えずに、内部のコードを整理・改善することです。コードを読みやすく、保守しやすくするための作業であり、ソフトウェア開発では品質を長期的に保つために欠...
学習メモ メンバ変数 / ローカル変数 / グローバル変数まとめ
変数とは？変数とは、プログラミングにおいて データを一時的に保存しておく“箱”のようなもの。数値・文字列・真偽値など、プログラムで扱う情報を入れて、後から取り出したり、変更したりできる。何ができるの？データを保存できる：プログラムが動作する...
未分類 ライブラリとフレームワークの違い
概要ライブラリとフレームワークの違いプログラミングにおいて「ライブラリ」と「フレームワーク」はどちらも便利なコードの集合体ですが、役割と使い方が大きく異なります。一言で表すとライブラリ：道具箱（必要なときに取り出して使う）フレームワーク：設...
バックエンド アクセス修飾子まとめ
アクセス修飾子（Access Modifier）とは？アクセス修飾子とは、クラスの 変数やメソッドがどこから使えるか（アクセスできる範囲） を指定するキーワード。オブジェクト指向プログラミングで重要な概念で、データを守りつつ必要な部分だけ公...
バックエンド SOLID原則とは
概要SOLID原則（ソリッドげんそく）とは、オブジェクト指向プログラミングにおける良い設計を行うための5つの基本原則です。この原則を守ることで、コードは「理解しやすく」「修正しやすく」「再利用しやすい」ものになります。正式名称Single ...
バックエンド リファクタリングとは
概要リファクタリング（refactoring） とは、プログラムの外側の動作（機能や結果）を変えずに、内部のコードを整理・改善することです。コードを読みやすく、保守しやすくするための作業であり、ソフトウェア開発では品質を長期的に保つために欠...
バックエンド MVCモデルとは
概要MVCモデルとは、ソフトウェア開発において「アプリケーションの構造を整理するための設計パターン」のひとつ。プログラムを Model（データやビジネスロジック）、View（画面や見た目）、Controller（操作の橋渡し役） に分けて管...
セキュリティ PQCとは
概要PQCとは、量子コンピュータ時代でも安全に利用できる暗号技術を指します。従来のRSAや楕円曲線暗号（ECC）は量子コンピュータによって解読される恐れがあるため、次世代の暗号方式として研究・標準化が進められています。インターネット通信、金...
データベース データベースとは
概要データベースとは、大量のデータを効率的に蓄積・管理・検索できる仕組みのことです。現代のWebアプリや業務システムの多くは、ユーザー情報や商品データなどをデータベースに保存して動作しています。単なる「データの集まり」ではなく、整理・検索・...
セキュリティ HTTPSとは
概要HTTPSは、インターネット上で安全に情報をやり取りするための通信の仕組みです。特に、ウェブサイトとあなたのパソコンやスマートフォンとの間でやりとりされる個人情報やパスワードなどを暗号化し、盗み見や改ざんを防ぎます。「鍵マーク🔒があるサ...
開発ツール テストコードとは
概要テストコードとは、プログラムが正しく動作しているかを自動で確認するためのコードのことです。開発者が書いた処理に対して、「入力に対して期待した出力が得られるか」「エラーが起きないか」などを自動でチェックできます。PHPなどの多くの言語には...
フロントエンド 非同期処理とは
概要非同期処理とは、ある処理が完了するのを待たずに次の処理を進められる仕組みのことです。時間のかかる処理（例：データベースへのアクセスやネットワーク通信など）を行う際、プログラム全体の動作を止めずに他の処理を同時並行で進めることができます。...
学習メモ 二要素認証と二段階認証まとめ
二要素認証（Two-Factor Authentication、略して 2FA）とは？ユーザーが本人であることを確認するために、2つの異なる要素を組み合わせて認証を行う仕組み認証の3つの要素2FA は、以下の3種類のうち 2つ を組み合わせ...
学習メモ PHPの変数・関数・条件分岐まとめ
PHPの変数とは？変数とは、データを一時的に保存しておく箱のようなものです。たとえば、「名前」や「年齢」といった情報をプログラム内で管理するのに使います。$name = "太郎"; // 文字列$age = 20; // 数値$is_adm...
学習メモ メンバ変数 / ローカル変数 / グローバル変数まとめ
変数とは？変数とは、プログラミングにおいて データを一時的に保存しておく“箱”のようなもの。数値・文字列・真偽値など、プログラムで扱う情報を入れて、後から取り出したり、変更したりできる。何ができるの？データを保存できる：プログラムが動作する...
学習メモ JavaScriptイベント処理入門
イベント処理とは？Webページ上の要素に対して、ユーザーの操作に応じて処理を実行するのが「イベント処理」です。たとえば、ボタンをクリックしたときにメッセージを表示したり、フォーム入力を検知して内容を確認したりできます。よく使うイベントの種類...
学習メモ JavaScriptの変数・関数・条件分岐まとめ
学習メモ CSSセレクタと基本プロパティまとめ
CSSとは？何ができるの？CSSはWebページの見た目（色・文字サイズ・配置など）を指定するためのスタイルシート言語です。CSSセレクタとは？セレクタは「どのHTML要素にスタイルを適用するか」を指定します。タグセレクタ（例：p、h1など）...
学習メモ HTMLタグ一覧と使い方まとめ
よく使うHTMLタグ一覧と使い方構造・レイアウト関連タグタグ説明使用例<div>汎用ブロック（レイアウトやスタイル調整に使用）<div class="box">内容</div><span>汎用インライン（部分的に装飾やJS操作対象に）<sp...