Power Query M Formula Language
Power Query 実務テンプレ | クレンジング（前処理）系：空白を NULL に統一
JavaScript
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 整数変換
「整数変換」とは何をするものか整数変換は、「文字列や小数など、いろいろな値を“業務で扱いやすい整数”にそろえる」ことです。数量、個数、ページ番号、ID、在庫数、ポイント、金額（税抜き・税込みの端数処理...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 数値変換
「数値変換」とは何をするものか数値変換は、「文字列やその他の値を、最終的に“ちゃんとした数値”として扱える形にする」ことです。業務コードでは、フォーム入力、CSV、API のレスポンスなど、ほとんどが...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 真偽値変換
「真偽値変換」とは何をするものか真偽値変換は、「どんな値でも最終的に true か false に決める」ことです。業務コードでは、「この値を条件として扱っていいか」「フラグとしてオンなのかオフなのか...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 空オブジェクト判定
空オブジェクトとは何かをまず整理するJavaScript の「オブジェクト」は、キーと値のペアを入れておくための入れ物です。その中に自分が定義したプロパティが 1 つもない {} の状態を、ここでは「...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 空配列判定
空配列とは何かをまず押さえるJavaScript の「配列」は、複数の値を順番付きで持てるオブジェクトです。その中に要素が 1 つも入っていない配列、つまり [] が「空配列」です。const a =...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 空文字判定
空文字とは何かをまず整理するJavaScript での「空文字」は、長さ 0 の文字列、つまり "" のことです。中に何も文字が入っていないけれど、「文字列という型の値」はちゃんと存在している状態です...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – null または undefined 判定
「null または undefined 判定」とは何か業務コードでは「値が 0 かどうか」よりも、「そもそも値が“あるか・ないか”」を判定する場面がとても多いです。ここでいう「ない」は、JavaScr...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – undefined 判定
JavaScript における undefined とはundefined は「まだ値が決まっていない」「存在しないものを見に行った」ときに JavaScript が自動的に使う特別な値です。プログラ...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – null 判定
JavaScript における「null」とはまず「null」は、「ここには“意図的に”値がない」ということを表す特別な値です。たとえば「まだデータが来ていない」「検索したけど見つからなかった」など、...
JavaScript JavaScript | 非同期処理：Promise 基礎 － エラー伝播
まず「エラー伝播」を一言でいうとPromise のエラー伝播は、「どこかの then で失敗しても、その“失敗情報”がチェーンを下へ流れていき、最後の catch まで届く仕組み」のことです。コールバ...
JavaScript JavaScript | 非同期処理：Promise 基礎 – 値の受け渡し
まず「値の受け渡し」を一言でいうとPromise の「値の受け渡し」は、「前の then（または resolve/reject）で決まった値が、次の then / catch にバトンのように渡ってい...
JavaScript JavaScript | 非同期処理：Promise 基礎 – チェーン処理
まず「チェーン処理」を一言でいうとPromise のチェーン処理は、「非同期のステップを、then を使って“上から順番に”つなげていく書き方」 です。コールバック地獄だと、A の中で B を呼んでB...
JavaScript JavaScript | 非同期処理：Promise 基礎 – finally の役割
まず finally を一言でいうとfinally は、「Promise が成功しても失敗しても“どっちにしても最後に必ず実行したい処理”を書く場所」です。例えば、ローディング表示を消したいモーダルを...
JavaScript JavaScript | 非同期処理：Promise 基礎 – catch の基本
まず catch を一言でいうとcatch は、「Promise で起きたエラー（失敗）を、最後にまとめて受け止める場所」です。then が「成功したときの続きを書く場所」だとしたら、catch は ...
JavaScript JavaScript | 非同期処理：Promise 基礎 – then の基本
まず then を一言でいうとthen は、「Promise が“成功したあとにやりたい処理”を登録するための関数」です。Promise は「そのうち結果が入る箱」でしたね。then はその箱に対して...
JavaScript JavaScript | 非同期処理：Promise 基礎 – reject の役割
まず「reject」のイメージを一言でreject は、「この Promise の非同期処理は“失敗”で終わったよ、と確定させるスイッチ」です。そして同時に、「なぜ失敗したのか（エラー情報）はこれだよ...
JavaScript JavaScript | 非同期処理：Promise 基礎 – resolve の役割
まず「resolve」のイメージを一言でresolve は、「この Promise の非同期処理は“成功”で終わったよ、と確定させるスイッチ」です。そして同時に、「成功した結果はこれだよ」と、Prom...
JavaScript JavaScript | 非同期処理：Promise 基礎 – Promise の状態（pending / fulfilled / rejected）
Promise の状態を一言でイメージするPromise は「そのうち結果が入る箱」 で、その箱には常にどれか 1 つの「状態」がくっついています。pending（保留中）fulfilled（成功）r...
JavaScript JavaScript | 非同期処理：Promise 基礎 – Promise とは何か
まず Promise を一言でイメージするPromise は、「まだ終わっていない非同期処理の“結果がそのうち入る箱”」だと思ってください。今は結果が分からないけど、そのうち 成功するかもしれないもし...
JavaScript JavaScript | 非同期処理：コールバック – Promise が生まれた背景
なぜ Promise なんてものが出てきたのか（ざっくり全体像）Promise は、「非同期処理をコールバックだけで頑張った結果、みんながしんどくなったので生まれた“救急アイテム” です。特に、次のよ...
JavaScript JavaScript | 非同期処理：コールバック – 可読性の低下
「コールバックで可読性が落ちる」という話の本質コールバックは、非同期処理には欠かせない仕組みです。ただし、使い方次第でコードの「可読性（読みやすさ）」を一気に悪くしてしまう ことがあります。特に問題に...
JavaScript JavaScript | 非同期処理：コールバック – エラーハンドリングの問題
コールバックとエラーハンドリングの関係（まず全体像）コールバックを使った非同期処理では、「エラーをどう扱うか」 が一気に難しくなります。同期処理なら、try { const result = doSo...
JavaScript JavaScript | 非同期処理：コールバック – コールバック地獄
コールバック地獄とは何か（まずイメージ）コールバック地獄（callback hell）は、「非同期処理をコールバックだけでつなぎまくった結果、コードが右に右にネストしまくって、読めない・直せない状態」...
JavaScript JavaScript | 非同期処理：コールバック – ネストしたコールバック
ネストしたコールバックとは何か（まずイメージ）ネストしたコールバックというのは、「コールバックの中で、さらに別の非同期処理を呼び、その中でまたコールバックを書き…と階段状に深くなっていく書き方」 のこ...
JavaScript JavaScript | 非同期処理：コールバック – 同期コールバックとの違い
いちばん大事な違いのイメージまず、ざっくりこう覚えてください。同期コールバック→ 「その場で、すぐに呼ばれるコールバック」非同期コールバック→ 「あとで、別のタイミングで呼ばれるコールバック」どちらも...
JavaScript JavaScript | 非同期処理：コールバック – 非同期コールバック
まず「非同期コールバック」を一言でイメージする非同期コールバックは、「“今すぐ”ではなく、“あとで”呼び出してもらうために登録しておく関数」のことです。普通のコールバックも「あとで呼ばれる関数」ですが...
JavaScript JavaScript | 非同期処理：コールバック – setInterval の仕組み
setInterval を一言でいうと何かsetInterval は「この処理を◯ミリ秒ごとにくり返し実行してね」とブラウザ（または Node）に頼む関数です。setTimeout が「1回だけ、あと...
JavaScript JavaScript | 非同期処理：コールバック – setTimeout の仕組み
まず setTimeout を一言でイメージするsetTimeout は、「この処理を◯ミリ秒“後に”実行してね」とブラウザ（または Node）にお願いする関数です。ポイントはここです。setTime...
JavaScript JavaScript | 非同期処理：コールバック – コールバック関数とは
コールバック関数のイメージ（まず感覚から）コールバック関数は、「あとで呼んでね」と他の関数に渡しておく関数 です。自分で直接 myFunc() と呼ぶのではなく、「この処理が終わったときに、この関数を...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（LibreTranslate APIで翻訳アプリ）
1日目のゴールと今日やることLibreTranslate API 中級編 1 日目のテーマは「テキストを入力 → API に送信 → 翻訳結果を表示する“翻訳アプリの基礎”を作る」ことです。扱う技術は...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（Datamuse APIで関連語検索アプリ）
1日目のゴールと今日やることDatamuse API 中級編 1 日目のテーマは「単語を入力すると、関連する単語や類義語を API から取得して表示するミニアプリを作る」ことです。キーワードはこの 3...
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 | 非同期処理：非同期の基礎概念 – 同期処理と非同期処理の違い
同期処理と非同期処理の一番大事なイメージまず、抽象的な言葉を捨てて、イメージから掴みにいきます。同期処理は、「一列に並んで順番待ちする世界」 です。前の人の処理が終わるまで、次の人は絶対に動けません。...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（NewsAPI.orgでニュースアプリ）
1日目のゴールと今日やることNewsAPI.org 中級編 1 日目のテーマは「ニュース API から記事一覧を安全に取得して、ちゃんと“待ち”と“失敗”を扱えるようになること」です。キーワードはこの...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（WeatherAPI.comで天気アプリ）
1日目のゴールと今日やること中級編 API 通信アプリ 1 日目のテーマは「fetch と async/await を使って、天気 API から安全にデータを取ってくる」ことです。キーワードはこの 3...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：タイマー & ストップウォッチ
1日目のゴールと今日やること中級編の 1 日目は「タイマー & ストップウォッチの基礎ロジックを完全に理解する」ことがテーマです。今日扱うキーワードは次の 6 つ。setTimeoutsetInter...
JavaScript JavaScript | 1 日 90 分 × 7 日アプリ学習：ミニ総合アプリ（初級編）
1日目のゴールと今日やること1日目のテーマは「入力 → 一覧表示 → 削除 → 条件分岐までを一つのミニアプリでつなげる」ことです。今日やるのは、超シンプルだけど“アプリっぽさ”がちゃんとあるもの：テ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – ES 仕様の更新追跡方法
何を追えばいいのか（ゴールのイメージ）まず、「ES 仕様の更新を追う」と聞くと、毎年の ECMAScript 版（ES2020, ES2021…）その中に入る新機能（Optional chaining...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Intl API
Intl API とは何か（まずイメージから）Intl（Internationalization）は、「言語や国ごとのルールに合わせて、数値・通貨・日付・文字列などをキレイに表示するための標準 API...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Reflect
Reflect とは何か（まずイメージから）Reflect は ES6 で追加された、「オブジェクトに対する基本操作を、“関数の形”でまとめて持っている道具箱」 です。これまでバラバラに存在していたプ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Proxy
Proxy とは何か（まずイメージから）Proxy は、「あるオブジェクトの前に立って、そのオブジェクトへの操作を横取り・監視・カスタマイズできる“番人”」のような仕組みです。普通はこうです。cons...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – for…of の内部
for...of の「見た目」と「中身」は別物だと思ってみるfor...of は、表面上はとてもシンプルです。const arr = [10, 20, 30];for (const value of ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Generator
Generator とは何か（まずイメージから）Generator（ジェネレータ）は、「少しずつ値を返しながら、一時停止・再開できる特別な関数」 です。普通の関数は、一気に最後まで実行されて「結果はこ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Iterator
Iterator とは何か（まずイメージから）Iterator（イテレータ）は、「次の値をください」「もう終わりです」を順番に教えてくれる“値の自動販売機”のような仕組み です。自販機にコインを入れる...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Symbol
Symbol とは何か（まずイメージから）Symbol は、ES6 で追加された 「絶対にかぶらない“名前札”のような値」 です。string や number と同じ「プリミティブ型」の一種ですが、...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Nullish coalescing
Nullish coalescing とは何か（まずイメージから）Nullish coalescing（ヌリッシュ・コアレスシング）は?? という演算子で書く、「値が null または undefin...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Optional chaining
Optional chaining とは何か（まずイメージから）Optional chaining（オプショナルチェイニング）は?. という記号で書く、「存在しないかもしれないプロパティに安全にアクセ...
JavaScript JavaScript | 1 日 90 分 × 7 日アプリ学習：フォーム送信シミュレーター（初級編）
1日目のゴールと今日やること1日目のテーマは「フォーム送信の仕組みを“JavaScript で自由にコントロールできるようになる”」ことです。フォーム送信シミュレーターは、「入力 → 確認画面 → 擬...
JavaScript JavaScript | ES6+ 文法：新データ構造 – 実務利用判断
まずゴールをはっきりさせる：何を判断したいのかES6 の「新データ構造」と言われると、Map / SetWeakMap / WeakSetが一気に出てきて、「全部使えたほうがいいのかな？」と身構えがち...
JavaScript JavaScript | ES6+ 文法：新データ構造 – GC と Weak 構造
まず「GC」とは何か（やさしくイメージから）JavaScript の世界では、「もう使われなくなったデータを、自動で片付けてくれる仕組み」 が動いています。これを GC（Garbage Collect...
JavaScript JavaScript | ES6+ 文法：新データ構造 – size プロパティ
size プロパティとは何か（まずイメージから）size プロパティは、「そのコレクションの中に、今いくつ要素が入っているか」を教えてくれる数字 です。ES6 の新しいデータ構造では、MapSetに ...
JavaScript JavaScript | ES6+ 文法：新データ構造 – 反復処理
ES6 の反復処理とは何か（まずイメージから）ES6 以降の「新データ構造」（Map, Set, WeakMap, WeakSet）には、「反復処理しやすいように統一された仕組み」 が用意されています...