JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：タイマー & ストップウォッチ
2026-02
C# C# | 2週間で身につくアプリを作りながら学ぶC#の基本 － 5日目
5日目のゴールとテーマ5日目のテーマは「文字列の配列を使って、クイズアプリの土台を作る」です。4日目までは「数値の配列」で点数を扱いましたが、今日は質問文や選択肢、答えを「文字列の配列」で管理するfo...
C# C# | 2週間で身につくアプリを作りながら学ぶC#の基本 － 4日目
4日目のゴールとテーマ4日目のテーマは「配列で“まとめて”データを扱う」です。3日目までは、点数や年齢などを「1 個ずつ」変数に入れていました。今日はここを一気にレベルアップさせて、複数の点数を「配列...
C# C# | 2週間で身につくアプリを作りながら学ぶC#の基本 － 3日目
3日目のゴールとテーマ3日目のテーマは「繰り返し（ループ）で、同じ処理を自動化する」です。1日目は「表示と入力」、2日目は「条件分岐（if）」でした。今日はそこに「同じことを何回もやる」を足して、アプ...
C# C# | 2週間で身につくアプリを作りながら学ぶC#の基本 － 2日目
2日目のゴールとテーマ2日目のテーマは「条件分岐（if 文）で、アプリに“判断”をさせる」です。昨日は「入力してもらったものを、そのまま表示する」だけでした。今日はそこに一歩踏み込んで、「入力された内...
C# C# | 2週間で身につくアプリを作りながら学ぶC#の基本 － 1日目
この2週間コースと「1日目」のゴール1日目のテーマは、難しいことを全部横に置いて「C# のコードを自分の手で書いて、コンソールアプリを1つ動かす」ここまで行くことです。今日のゴールは次の3つです。C#...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：モーダルウィンドウ管理
1日目のゴールと今日やること1日目のテーマは「モーダルウィンドウを“クラス”として設計し、きれいに開閉を制御できるようになる」ことです。今日のゴールは、ざっくり言うとこの3つです。モーダルを「1つのク...
PHP PHP Tips | 文字列処理：ログ・表示向け － デバッグ用 var_export 文字列化
「デバッグ用 var_export 文字列化」とは何をしたいのかデバッグしているとき、「この変数の中身、今どうなってるの？」って何度も思いますよね。配列、オブジェクト、ネストしたデータ構造……目で確認...
PHP PHP Tips | 文字列処理：ログ・表示向け － 長文をログ向け短縮
なぜ「長文をログ向け短縮」する必要があるのか業務システムのログには、ときどき「とんでもなく長い文字列」が流れてきます。巨大な JSON、ユーザーの長文入力、外部 API のレスポンス全文などが典型です...
PHP PHP Tips | 文字列処理：ログ・表示向け － ログ用 1 行整形
なぜ「ログ用 1 行整形」が必要なのかログって、本来は「あとから原因を追いやすくするための情報」ですよね。でも、何も考えずに文字列をそのまま error_log() に投げていると、こうなりがちです。...
PHP PHP Tips | 文字列処理：ログ・表示向け － エラーメッセージ整形
なぜ「エラーメッセージ整形」が必要なのかエラーメッセージって、放っておくとすぐに「バラバラ」になります。同じようなエラーなのに、「必須です」「入力してください」「この項目は必須です」みたいに表現が揺れ...
PHP PHP Tips | 文字列処理：ログ・表示向け － 表示安全文字列生成
「表示安全文字列生成」とは何をするものかここで言う「表示安全文字列」は、ざっくり言うとこういう文字列です。画面に出してもレイアウトが壊れない。ログに出してもビューアが変にならない。HTML やターミナ...
PHP PHP Tips | 文字列処理：ログ・表示向け － 制御文字除去
なぜ「制御文字除去」が必要になるのか業務で外部システムやユーザー入力の文字列を扱っていると、ときどき「見えない変な文字」が紛れ込みます。コピー＆ペーストしたテキスト、外部 API のレスポンス、古いシ...
PHP PHP Tips | 文字列処理：ログ・表示向け － 伏字変換
「伏字変換」で何をしたいのか伏字変換は、「文字列の一部を別の文字（＊や●など）に置き換える」ことです。目的はだいたい 2 つあります。1つ目は「見せたくない情報を隠す」こと。NG ワード、暴言、機密情...
PHP PHP Tips | 文字列処理：ログ・表示向け － 表示用マスク（名前）
「表示用マスク（名前）」で何を守りたいのか名前も、メールや電話と同じく「個人を特定しやすい情報」です。でも業務では、こういうニーズがよく出てきます。ログや通知には「誰の処理か」は分かりたい。サポート画...
PHP PHP Tips | 文字列処理：ログ・表示向け － 表示用マスク（電話）
「表示用マスク（電話）」で何を守りたいのか電話番号もメールと同じく、個人をかなり特定できる情報です。でも業務では、こういうニーズがよく出てきます。誰のレコードかは判別したい。ログや画面には「丸裸の番号...
PHP PHP Tips | 文字列処理：ログ・表示向け － 表示用マスク（メール）
「表示用マスク（メール）」で何を守りたいのかメールアドレスは、個人情報のど真ん中です。でも業務では、ログや画面に「誰のことかは分かりたい」場面も多いですよね。ログに「ユーザーのメールアドレス」をそのま...
C# C# Tips | 日付・時間処理：月日数取得
はじめに：「月日数取得」は“カレンダー計算の出発点”「今月は何日まである？」「締め日は月末」「2月の最終営業日」こういう処理をちゃんと書こうとすると、必ず必要になるのが「その月が何日まであるか」です。...
C# C# Tips | 日付・時間処理：閏年判定
はじめに：「閏年判定」は“2月29日があるかどうかを見抜く小さな知恵”「この年は 2月29日があるのか？」「2024年は閏年だけど、2100年は？」カレンダーや日付計算を扱うシステムでは、“閏年（うる...
C# C# Tips | 日付・時間処理：月跨ぎ判定
はじめに：「月跨ぎ判定」は“どの月のデータとして扱うか”を決めるための鍵業務システムでは、「勤務が 1/31 22:00〜2/1 06:00 のとき、どの月の勤務として集計するか」「売上期間が 3/2...
C# C# Tips | 日付・時間処理：年月のみ比較
はじめに：「年月のみ比較」は“日付の細かさをあえて捨てるテクニック”業務システムでは、「2026年2月の売上」「2026年2月度の勤怠」「請求月が同じかどうか」のように、“日付”ではなく“年月”だけを...
C# C# Tips | 日付・時間処理：日付バリデーション
日付バリデーションは“入力のゆらぎを正しい日付に整えるための基盤”日付入力は業務システムで最もトラブルが起きやすい領域です。「2026/02/30」「2026-13-01」「20260218」「2/1...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Offset
Offset は「基準セルから“何行・何列ずらした場所”を指すための道具」Offset は、あるセル（または範囲）を「基準」にして、そこから上下左右に「何行・何列ずらした場所」を指すためのプロパティで...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Columns
Columns は「列そのもの」をまとめて扱うための入り口まずイメージからいきます。Rows が「行単位（横一列）」を扱うのに対して、Columns は「列単位（縦一列）」をまとめて扱うためのオブジェ...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Rows
Rows は「行そのもの」をまとめて扱うための入り口まずイメージからいきます。Cells が「行番号・列番号で“1セル”」を指すのに対して、Rows は「行単位（1行、または複数行）」をまとめて扱うた...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Cells
Cells は「行番号・列番号でセルを指定するための道具」まずイメージからいきます。Range("A1") が「住所（A1）」でセルを指定するのに対して、Cells(行番号, 列番号) は「座標（行・...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Range
Range は「シート上の“セルや範囲”そのもの」まずイメージからいきます。Range オブジェクト = シート上の「セル1つ」または「セルのかたまり」そのもの です。A1 だけを指す Range も...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Worksheet
Worksheet は「1枚のシートそのもの」まずイメージからいきます。Worksheet オブジェクト = Excel のシート1枚そのもの です。Workbook（ブック）が「ファイル1冊」だとし...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Worksheets
Worksheets は「ブックの中に並んでいる“ワークシートの集合”」まずイメージからいきます。1つの Excel ファイル（Workbook）の中には、シートが何枚も入っていますよね。その「ワーク...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Workbook
Workbook は「1つの Excel ファイルそのもの」まずイメージからいきます。Workbook オブジェクト = 1つの Excel ファイルそのもの です。拡張子が .xlsx や .xls...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Workbooks
Workbooks は「今 Excel で開いている“ブックの集合”」まずイメージからいきます。Excel では、1つ1つのファイルが Workbook（ブック）です。そして Workbooks は「...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Application
Application は「Excel 全体そのもの」を表す“親玉オブジェクト”まず一番イメージしてほしいのは、Application オブジェクト = 「今動いている Excel そのもの」というこ...
C# C# Tips | 日付・時間処理：時刻バリデーション
はじめに：「時刻バリデーション」は“バグの温床”を最初に潰す作業「09:00 と入力してほしいのに、9時 とか 9:0 とか 25:00 とかが来る」「開始時刻より終了時刻が前になっている」時刻入力ま...
C# C# Tips | 日付・時間処理：Cron生成
はじめに：「Cron生成」は“人間の言葉をスケジュール文字列に変換する作業”「毎日3時に実行したい」「平日の9時ちょうどにだけ動かしたい」「5分ごとにポーリングしたい」人間にとっては分かりやすいこの言...
C# C# Tips | 日付・時間処理：Cron表現解析
はじめに：なぜ「Cron表現解析」が業務で効くのか業務システムで「毎日3時に」「5分ごとに」「平日の9時だけ」といったスケジュールを柔軟に設定したいとき、文字列1本でスケジュールを表現できるのが「Cr...
C# C# Tips | 日付・時間処理：スケジューラ
はじめに 「スケジューラ」は“時間で動くバッチのミニ版”「毎日 3:00 にバックアップしたい」「5分ごとにキューをポーリングしたい」「指定時刻になったら一度だけ処理したい」こういう“時間をトリガーに...
C# C# Tips | 日付・時間処理：実行時間計測
はじめに 「実行時間計測」は“なんとなく”を数字に変える技術「この処理、重そうだけど本当にボトルネックなのか？」「リファクタリングしたけど、速くなったって言い切れる？」こういうときに必要なのが「実行時...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － overflow制御
overflow の仕組みを理解すると「はみ出し」「スクロール」「切り抜き」が自在に扱えるoverflow は 「要素の中身が、要素のサイズを超えたときどう扱うか」 を決めるプロパティです。ボックスモ...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － display:block / inline / inline-block
display:block / inline / inline-block を“動きの違いから理解する”display は 要素がどのように並び、どれだけの幅・高さを持つかを決める CSS の根本的な...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － paddingと高さの関係
padding と高さの関係を“正しく理解するとレイアウトが安定する”padding は「内側の余白」ですが、高さ（height）とどう関係するかを理解していないと、要素が思ったより大きくなったり、逆...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － margin相殺の理解
margin 相殺（マージンの重なり）を“直感で理解できるようにする”margin 相殺は、CSS のボックスモデルの中でも初心者が最もつまずきやすいポイントです。「なぜ margin が効かないの？...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － スコープ分離設計
box-sizing: border-box を“理解するとレイアウトが一気に安定する”box-sizing: border-box は、CSS レイアウトの中でも 最重要級のプロパティです。初心者が...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － CSV 行生成
「CSV 行生成」でやりたいことをはっきりさせるここでのゴールは、「配列やオブジェクトの値から、正しい形式の1行分の CSV 文字列を生成するユーティリティ」を作ることです。見た目はただのカンマ区切り...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － 単語数カウント
「単語数カウント」で何を数えたいのかを決めるまず、ここをはっきりさせたいです。「単語数を数える」と言っても、言語や用途で意味が変わります。英語の文章なら、スペースで区切られた「単語」を数えたい。日本語...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － 文字数カウント
「文字数カウント」で本当に数えたいものは何かまず、ここをはっきりさせたいです。「文字数を数える」と言っても、実は意味が分かれます。画面上で「何文字入力されたか」を知りたい。DBのカラム制限（バイト数）...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － 行数カウント
「行数カウント」で何をしたいのかをはっきりさせるここでの「行数カウント」は、文字列の中に「何行分のテキストがあるか」を数えるユーティリティのことです。テキストエリアに何行入力されているか知りたい。ログ...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － 省略文字列
「省略文字列」で何をしたいのかをはっきりさせるここでの「省略文字列」は、長すぎる文字列を「…」などで途中カットして、画面に収まる形にするユーティリティのことです。テーブルのカラム幅に収まらないタイトル...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － 伏字変換
「伏字変換」でやりたいことを言葉にしてみるここでの「伏字変換」は、特定の単語やNGワードを、画面に出すときだけ隠す（置き換える）処理のことです。ログにはそのまま残したいけど、ユーザーには見せたくない。...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － マスク文字列
「マスク文字列」で何をしたいのかをはっきりさせるまず、「マスク文字列」でやりたいことを言葉にしてみます。画面に本物の値は出したくないけれど、「それっぽく」見せたい。例：******** や ****-...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － トークン生成
まず「トークン生成」で何を作りたいのかを決めるトークンと言っても、用途はいろいろあります。API トークンパスワードリセット用の一時 URL トークンメール認証用のワンタイムトークンCSRF トークン...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － パスワード生成
まず「パスワード生成」で絶対に外せない前提ランダム文字列と違って、パスワード生成は最初から「セキュリティ前提」で考える必要があります。ここを曖昧にすると、一見それっぽく動くけど「簡単に総当たりされるパ...
JavaScript JavaScript Tips | 文字列ユーティリティ：生成 － ランダム文字列
ランダム文字列ユーティリティで何をしたいか決める「ランダム文字列」と一口に言っても、目的で“正解の実装”が変わります。短い一時トークン（画面遷移の一時キー）テストデータ用の適当なIDユーザーに見せる仮...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － 絵文字検出
絵文字検出で「何をしたいか」を先に決めるまずゴールをはっきりさせましょう。ここでやりたいのは、文字列の中に「絵文字が含まれているかどうか」を判定するユーティリティを作ることです。業務だと、例えばこうい...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － カタカナ判定
「カタカナ判定」で何をチェックしたいのかまずゴールをはっきりさせます。カタカナ判定には、大きく二つのニーズがあります。「この文字列は“全部カタカナだけ”かを判定したい」「この文字列に“カタカナが1文字...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － ひらがな判定
「ひらがな判定」で何をチェックしたいのかまずゴールをはっきりさせます。ひらがな判定には、大きく二つのニーズがあります。「この文字列は“全部ひらがなだけ”かを判定したい」「この文字列に“ひらがなが1文字...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － 日本語判定
「日本語判定」で本当に知りたいことは何かまずゴールをはっきりさせましょう。ここでやりたいのは、「この文字列は“日本語を含んでいるか？”を判定するユーティリティを作ること」です。もう少し分解すると、よく...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － 数字のみ判定
「数字のみ判定」で本当に知りたいことは何かまずゴールをはっきりさせます。ここでやりたいのは、「この文字列は“数字だけ”でできているか？」を判定するユーティリティを作ることです。例えば、こんな要件が典型...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － 英数字判定
「英数字判定」で何をチェックしたいのかをはっきりさせるまず最初に決めておきたいのは、あなたがやりたいのは次のどちらかです。「文字列が“全部”英数字だけかどうかを判定したい」「文字列の中に“英数字が含ま...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － URL 判定
「URL 判定」で本当にやりたいことは何かまず、「URL 判定」と聞くと、「正規表現で http から始まるかどうかをチェックする」みたいなイメージを持ちがちですが、それだとだいたい痛い目を見ます。業...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － 郵便番号判定
郵便番号判定で「何をしたいか」を先に決めるまずゴールをはっきりさせましょう。ここでやりたいのは、「日本の郵便番号として“それっぽいか”を判定するユーティリティを作ること」です。日本の郵便番号は、基本的...
JavaScript JavaScript Tips | 文字列ユーティリティ：検証 － 電話番号判定
まず「電話番号判定」でやりたいことをはっきりさせる最初に決めておきたいのは、「どこまで厳しく判定するか」です。電話番号って、現実にはいろんな形で入力されます。03-1234-5678090-1234-...