JavaScript
JavaScript | DOM 操作：要素の位置・サイズ・スクロール – offsetTop / offsetLeft
2026-01-28
C# C# Tips | ファイル・ディレクトリ操作：ファイル復元
はじめに 「ファイル復元」は“やらかした後に助けてくれる最後の味方”バックアップを取るだけでは、まだ片手落ちです。本当に大事なのは、「壊したあとに、元に戻せること」です。設定ファイルを上書きしてアプリ...
C# C# Tips | ファイル・ディレクトリ操作：世代管理バックアップ
はじめに 「世代管理バックアップ」は“時間を巻き戻すための仕組み”バックアップを「とりあえずコピーしておく」だけで終わらせると、すぐにこうなります。バックアップフォルダがファイルだらけでカオスになる。...
C# C# Tips | ファイル・ディレクトリ操作：バックアップ作成
はじめに 「バックアップ作成」は“事故前提”でコードを書く技術業務システムでファイルを扱うなら、「バックアップをどう残すか」は避けて通れません。人が操作をミスることもあるし、プログラムがバグることもあ...
C# C# Tips | ファイル・ディレクトリ操作：ファイル名重複回避
はじめに なぜ「ファイル名重複回避」が必要になるのか業務でファイルを扱っていると、かなりの頻度でこういう状況に出会います。同じフォルダに同名ファイルがすでに存在している。ユーザーが同じ名前で何度もエク...
C# C# Tips | ファイル・ディレクトリ操作：禁則文字除去
はじめに 「禁則文字除去」は“事故る前の最後のガード”業務でファイル名やフォルダ名を「プログラム側で決める」こと、よくありますよね。ユーザーが入力したタイトルをそのままファイル名にしたい。日付やIDを...
C# C# Tips | ファイル・ディレクトリ操作：パス安全化
はじめに 「パス安全化」は“ファイルを触る前の身だしなみ”業務でファイルを扱うコードを書くとき、本当によく出てくるのが「パス文字列」です。ユーザー入力、設定ファイル、外部システムから渡される値――それ...
C# C# Tips | ファイル・ディレクトリ操作：ZIP解凍
はじめに 「ZIP解凍」ができると“受け取ったファイルをさばける人”になる業務だと、相手から渡されるファイルがそのままではなく、ZIP で固められていることが本当に多いです。日次バッチの結果、帳票一式...
C# C# Tips | ファイル・ディレクトリ操作：ファイル圧縮（ZIP）
はじめに 「ZIP を扱える」と業務ツールの格が一段上がる業務でよくあるシーンです。複数ファイルを ZIP にまとめてメールで送りたい。バックアップを ZIP で固めて日付ごとに保存したい。外部システ...
C# C# Tips | ファイル・ディレクトリ操作：大容量ファイル逐次読み込み
はじめに 「全部読み込む」はもう卒業しよう大きなログファイル、巨大な CSV、数 GB のテキスト。こういうファイルを相手にするときに、File.ReadAllText や File.ReadAllL...
C# C# Tips | ファイル・ディレクトリ操作：ファイル監視（FileSystemWatcher）
はじめに 「ファイル監視」ができると“自動処理”の世界が一気に広がる業務システムを書いていると、こんな要望がよく出てきます。フォルダにファイルが置かれたら、自動で取り込んで処理したい。設定ファイルが書...
C# C# Tips | ファイル・ディレクトリ操作：ログローテーション
はじめに なぜ「ログローテーション」が必要になるのか業務システムを真面目に運用し始めると、必ずと言っていいほど「ログファイルがデカくなりすぎる問題」にぶつかります。1つのログファイルに延々と書き続ける...
C# C# Tips | ファイル・ディレクトリ操作：TSV対応CSV
はじめに 「TSV対応CSV」とは“区切り文字を意識できる人”になること業務でファイル連携をしていると、こういうことが起きます。CSV ください、と言われたのに、実際に渡されるのはタブ区切り（TSV）...
C# C# Tips | ファイル・ディレクトリ操作：CSV書き込み
はじめに 「CSV書き込み」ができると“外部連携の入口”が開くCSV 読み込みが「外部からデータをもらう入口」だとしたら、CSV 書き込みは「外部にデータを渡す出口」です。集計結果を CSV で出力し...
C# C# Tips | ファイル・ディレクトリ操作：CSV読み込み
はじめに 「CSV読み込み」がちゃんと書けると一気に“業務っぽく”なる業務システムで一番よく出てくるファイル形式、それが CSV です。売上データ、マスタデータ、ログのエクスポート、外部システムとの連...
C# C# Tips | ファイル・ディレクトリ操作：ファイル結合
はじめに 「分割したなら、いつか必ず結合する」前回は「ファイル分割」でしたね。大きすぎるファイルを扱いやすくするために分けたなら、どこかのタイミングで「元に戻したい」「まとめて扱いたい」というニーズが...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – 非同期が必要な理由
まず「なぜ非同期なんて面倒なものがあるのか」いきなり本音から言うと、多くの人はこう感じます。「同期処理だけで書けたらどれだけ楽か」「非同期って急に難しくなるし、できれば避けたい」実は JavaScri...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – 実行順序の全体像
まず「実行順序の全体像」を一言でまとめるJavaScript の実行順序は、ざっくり言うとこうなります。同期処理（ふつうのコード）を上から順番に実行する同期が一段落してコールスタックが空いたら、Pro...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – イベントループ
まずイベントループを一言でイメージするイベントループは、「JavaScript に“次にやるべき仕事”をひたすら渡し続ける司会進行役」です。JavaScript はシングルスレッドで、同時に動ける処理...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – マイクロタスクキュー
マイクロタスクキューとは何か（まずざっくりイメージ）マイクロタスクキューは、「とても優先度の高い“あとで実行する処理”が並ぶ、特別レーンの待ち行列」 です。前回の「タスクキュー」は、setTimeou...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – タスクキュー
まずタスクキューを一言でイメージするタスクキューは、「あとで実行する処理（コールバック）を順番に並べておく待ち行列」 です。JavaScript はシングルスレッドなので、「今」実行できるのは 1 つ...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – Web API の役割
全体像：Web API は「JavaScript の外にいる助っ人」まず前提から整理します。ブラウザの中で JavaScript が動くとき、JavaScript エンジン（言語そのものを実行する脳み...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – コールスタック
コールスタックとは何か（まずイメージから）コールスタックは、「今、どの関数を実行中で、その関数からどの関数を呼び出しているか」を記録している“関数呼び出しの積み重ねメモ” です。JavaScript ...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – JavaScript がシングルスレッドである理由
まず「シングルスレッド」のイメージからJavaScript が「シングルスレッド」というのは、「同時に実行できるのは、基本的に1つのことだけ」 という意味です。console.log() を実行してい...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – ブロッキングとは何か
「ブロッキング」とは何か（まずイメージから）「ブロッキング」は、ある処理が終わるまで、そこから先の処理が一切進めなくなる状態のことです。JavaScript だと「一番の働き手（メインスレッド）が、そ...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – 同期処理と非同期処理の違い
同期処理と非同期処理の一番大事なイメージまず、抽象的な言葉を捨てて、イメージから掴みにいきます。同期処理は、「一列に並んで順番待ちする世界」 です。前の人の処理が終わるまで、次の人は絶対に動けません。...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – クラスの初期化順序
ゴール：「クラスが new されたとき“何がどの順番で動くか”をイメージできるようになる」クラス設計がうまくいくかどうかは、「初期化の順番」をちゃんと理解しているかにかなり左右されます。フィールド初期...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – staticメソッド
ゴール：「これは“インスタンスのメソッド”か“クラスのメソッド”か」を自分で選べるようになるstatic メソッドは一言でいうと、「new した“個体”ではなく、“クラスそのもの”にぶら下がる関数」で...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – staticプロパティ
ゴール：「static は“インスタンスじゃなくてクラスに属するもの”だと腹で理解する」static を一言でいうと、「new した“個体”ではなく、“クラスそのもの”にぶら下がるもの」です。ここがふ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – getter / setter の型
ゴール：「getter / setter の“型”を見て、どう使うかイメージできるようになる」getter / setter は、クラスのプロパティに「振る舞い」をくっつける仕組みです。でも、ただ「便...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – readonlyプロパティの活用
ゴール：「この値は“変わらない”」を型で約束できるようになるreadonly プロパティは、クラス設計でめちゃくちゃコスパのいい武器です。一言でいうと、「この値は、作ったあとに書き換えちゃダメ」をコン...