C#
C# Tips | 日付・時間処理：タイマー処理
@lifehacker
JavaScript JavaScript | ES6+ 文法：新データ構造 – Map vs Object
まずざっくりイメージ：Map と Object は「役割」が違う同じように「キーと値」を扱えるので、最初は「Map でも Object でもできるじゃん。どっち使えばいいの？」と感じると思います。ざっ...
JavaScript JavaScript | ES6+ 文法：新データ構造 – WeakSet
WeakSet とは何か（まずイメージから）WeakSet は、「オブジェクトだけを入れられる、弱い参照を持つ Set」 です。普通の Set と似ていますが、決定的に違う点がいくつかあります。1つ目...
JavaScript JavaScript | ES6+ 文法：新データ構造 – WeakMap
WeakMap とは何か（まずイメージから）WeakMap は、「キーをオブジェクトに限定した、”弱い紐づけ” をするための特別な Map」 です。普通の Map と似ていますが、決定的に違うのはここ...
JavaScript JavaScript | ES6+ 文法：新データ構造 – Set
Set とは何か（まずイメージから）Set は、ES6 で追加された「重複を許さない値の集まり（コレクション）」 です。配列：同じ値を何回入れてもいいSet：同じ値は 1 回しか入らないというイメージ...
JavaScript JavaScript | ES6+ 文法：新データ構造 – Map
Map とは何か（まずイメージから）Map は、ES6 で追加された「キーと値のペアを柔軟に保存できる専用のコレクション」 です。似たものに「オブジェクト {}」がありますが、Map には大きな違いが...
Power Query M Formula Language Power Query 実務テンプレ | データ取込・更新系：Excel特定シート名指定取込
ゴールのイメージを先にそろえる今回のテーマは「Excelブックの中から、特定のシート名だけを Power Query で安定して取り込む実務テンプレ」です。たとえば「毎月『集計』シートだけを読みたい」...
Power Query M Formula Language Power Query 実務テンプレ | データ取込・更新系：Excelファイル1枚目固定取込
ゴールのイメージを先にそろえる今回のテーマは「毎回レイアウトは同じだけど、ブック名や中身だけ変わるExcelファイルから、“必ず1枚目のシートだけ”をPower Queryで取り込む実務テンプレ」です...
Power Query M Formula Language Power Query 実務テンプレ | データ取込・更新系：毎月届くCSVを同一形式で更新
まず「理想の運用イメージ」をはっきりさせる目指すゴールはとてもシンプルです。毎月届くCSVファイルを、あるフォルダにポンと入れるだけ。Excel側では、Power Queryの［更新］ボタンを押すだけ...
Power Query M Formula Language Power Query 実務テンプレ | データ取込・更新系：CSVのヘッダー行が途中にあるデータ取込
ゴールのイメージを先にそろえる今回のテーマは「CSVのヘッダー行が途中にある（しかも場合によっては何回も出てくる）データを、Power Queryでキレイに取り込む実務テンプレ」です。よくあるパターン...
Power Query M Formula Language Power Query 実務テンプレ | データ取込・更新系：CSVファイルを自動取込（文字コード自動判定）
まずゴールのイメージをそろえましょうあなたがやりたいことは、ざっくり言うとこうです。「フォルダに CSV を置くだけで、Power Query がいい感じに文字コードを判定して取り込み、あとは［更新］...
Power Query M Formula Language Power Query | パワークエリ失敗しない設計ルール集
失敗しない設計ルール集（完全実務版）① 全体設計ルール（最重要）1. 目的を「出力テーブル」で定義する理由途中処理を考え始めると破綻するルール最終的に出したい「列名・型・粒度」を先に決めるNG取込 →...
Power Query M Formula Language Power Query | パワークエリについて
パワークエリ（Power Query）について、まず全体像を段階的に整理します。① パワークエリとは何かExcel / Power BI に標準搭載されているデータ取得・加工・変換専用ツール大量データ...
Next.js Next.jsで学ぶReact講座 | Reactの基本操作 – 金額と税率を受け取って税込み価格を出すコンポーネント
このテーマのゴールここでやりたいのは、「金額」と「税率」を props で受け取り、コンポーネントの中で計算して「税込み価格」を表示することです。つまり、「見た目＋計算ロジック」をひとつの部品としてま...
Next.js Next.jsで学ぶReact講座 | Reactの基本操作 – 名前だけを変えて挨拶するコンポーネント
このテーマのゴールここでやりたいのは、「カード」という“部品”を1つ作って、タイトルと本文だけ差し替えて何度も使えるようにすることです。前の「名前だけ変えて挨拶」と同じ発想ですが、もう少し“実際のアプ...
Next.js Next.jsで学ぶReact講座 | Reactの基本操作 – 名前だけを変えて挨拶するコンポーネント
このテーマのゴール「名前だけを変えて挨拶するコンポーネント」は、React の いちばん基本的な“部品の考え方” をつかむための題材です。同じ「挨拶」という見た目・構造を使い回しつつ、「名前だけを変え...
Java Java | Java 詳細・モダン文法：Optional – フィールドに Optional を持たない理由
そもそも Optional は「フィールド用」に設計されていないまず大前提として押さえておきたいのは、Optional は「戻り値用のコンテナ」として設計されている、ということです。「値があるかもしれ...
Java Java | Java 詳細・モダン文法：Optional – Optional の誤用例
なぜ「Optional の誤用」を意識する必要があるのかOptional は「null を安全に扱うための道具」ですが、使い方を間違えると、むしろコードが読みにくくなったり、バグの温床になったりします...
Java Java | Java 詳細・モダン文法：Optional – Optional.orElseThrow
Optional.orElseThrow を一言でいうとOptional.orElseThrow は「中身があればその値を返し、なければ“ここで失敗だ”と明示的に例外を投げる」ためのメソッドです。「こ...
Java Java | Java 詳細・モダン文法：Optional – Optional.filter
Optional.filter を一言でいうとOptional.filter は「中身が“あるときだけ”条件をチェックし、条件を満たさなければ空にしてしまう」ためのメソッドです。Stream の fi...
Java Java | Java 詳細・モダン文法：Optional – Optional.flatMap
Optional.flatMap を一言でいうとOptional.flatMap は「中身が“あるときだけ”、Optional を返す関数を適用し、その二重になった Optional を平らにして返す...
Java Java | Java 詳細・モダン文法：Optional – Optional.map
Optional.map を一言でいうとOptional.map は「中身が“あるときだけ”変換し、なければ何もしないで空のまま返す」ためのメソッドです。null チェックしてからメソッドを呼ぶ、とい...
Java Java | Java 詳細・モダン文法：Optional – null 排除設計
「null 排除設計」を一言でいうと「null 排除設計」は、“アプリケーションの中を null が自由に歩き回らないようにする設計”です。完全に null をゼロにするのは現実的ではありませんが、「...
Java Java | Java 詳細・モダン文法：Optional – Optional 設計思想
Optional が生まれた一番大きな理由Optional が Java に入ってきた一番の理由は、「null による事故を減らしたい」これに尽きます。Java の世界では長いあいだ、「値がないこと」...
JavaScript JavaScript | ES6+ 文法：モジュール – バンドラとの関係
そもそも「バンドラ」とは何か（まずイメージから）バンドラ（bundler）は、「たくさんの JS ファイル（モジュール）を、ブラウザが読みやすい形にまとめてくれる道具」 です。ES6 の import...
JavaScript JavaScript | ES6+ 文法：モジュール – モジュール分割設計
モジュール分割設計とは何か（まずイメージから）モジュール分割設計は、「アプリ全体を、意味のある小さな“部品（ファイル）”に分けて、その関係をきれいに整理すること」 です。1ファイル = 1モジュール、...
JavaScript JavaScript | ES6+ 文法：モジュール – 循環参照の注意
循環参照とは何か（まずイメージから）モジュールの「循環参照（循環依存）」は、モジュール A がモジュール B を import し、同時にモジュール B もモジュール A を import している状...
JavaScript JavaScript | ES6+ 文法：モジュール – モジュールスコープ
モジュールスコープとは何か（まずイメージから）モジュールスコープは、「そのモジュール（＝1ファイル）の中だけで有効な“自分専用の世界”」 のことです。ES6 モジュール（import / export...
JavaScript JavaScript | ES6+ 文法：モジュール – 動的 import
動的 import とは何か（まずイメージから）ES6 以降のモジュールの import には、「ファイルの先頭で書く静的な import」と「コードの中で呼び出せる動的 import」の2種類があり...
JavaScript JavaScript | ES6+ 文法：モジュール – import の別名
「import の別名」とは何か（まずイメージから）import の別名 は、「他のファイルから持ってきた名前に、今のファイルで使いやすい別の名前を付け直す」 仕組みです。同じ名前が他でも使われていて...
JavaScript JavaScript | ES6+ 文法：モジュール – 再エクスポート
再エクスポートとは何か（まずイメージから）再エクスポート（re-export）は、「他のモジュールから import したものを、そのまま（または名前を変えて）もう一度 export し直すこと」 で...
JavaScript JavaScript | ES6+ 文法：モジュール – default export
default export とは何か（まずイメージから）default export は、「このモジュール（ファイル）の“看板商品”を 1 つだけ外に出す」ための仕組みです。名前付き export：...
JavaScript JavaScript | ES6+ 文法：モジュール – 名前付き export
名前付き export とは何か（まずイメージから）名前付き export は、「このファイルから、名前を付けて外に公開するものを選ぶ仕組み」です。// math.jsexport const PI ...
JavaScript JavaScript | ES6+ 文法：モジュール – import / export 基本
モジュールの考え方（まず全体像から）モジュールは、「ファイルごとに役割を分けて、必要なものだけをやり取りする仕組み」です。1ファイル = 1モジュール、と考えておけばOKです。「このファイルから外に出...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – コールバック関数の型指定
まず「コールバック関数」をちゃんとイメージするコールバック関数は、ざっくり言うと「関数に“あとで呼んでね”と渡される関数」です。function doTwice(callback: () => voi...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 可変長引数の型安全化
「可変長引数」は型の世界だとどう見えるのかまず、可変長引数は JavaScript 的にはこうです。function sum(...numbers: number[]) { return number...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – rest引数の型指定
rest引数ってそもそも何をしているのかまずは「rest引数」の正体からいきます。function sum(...numbers: number[]) { // numbers は「配列」として受け取...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – デフォルト引数と型
「デフォルト引数」と「型」はセットで考えるものまず前提から整理します。TypeScript の「デフォルト引数」は、「引数が渡されなかったときに使う値を、関数の宣言側で決めておく仕組み」です。func...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 関数のオプション引数設計
まず「オプション引数って何者か」を整理するTypeScript で「オプション引数」と言うとき、だいたい次の2つの書き方を指します。function greet(name: string, title...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 戻り値型を省略すべき場面
前提：「全部書く」か「全部省略」か、の二択ではないまず大事なのは、戻り値型は「常に書くべき」でも「常に省略すべき」でもない、ということです。すでに話してきたように、外部公開の関数・複雑な処理・ジェネリ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 戻り値型を明示すべき場面
まず前提：「いつも書け」ではなく「ここぞで書く」TypeScript は戻り値型をかなりうまく推論してくれます。だから「全部に : 型 を書け」という話ではありません。大事なのは、「推論に任せると“危...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 引数と戻り値の型関係
「引数の型」と「戻り値の型」はセットで設計するものまず一番大事な前提から。関数の型は、「何を受け取って（引数）、何を返すか（戻り値）」この2つの組み合わせで決まります。function add(a: ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – アロー関数の型推論
まず「アロー関数の型推論」で何が起きているかアロー関数はこういう形の関数です。const add = (a, b) => a + b;const add = (a, b) => a + b;TypeS...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 関数宣言と関数式の違い
まず「関数宣言」と「関数式」をざっくり区別する最初に形だけ見て違いを押さえましょう。関数宣言（function declaration）function add(a: number, b: numbe...
JavaScript JavaScript | 1 日 90 分 × 7 日アプリ学習：タブ切り替えアプリ（初級編）
1日目のゴールと今日やること1日目のテーマは「タブ切り替えアプリの“いちばん小さな仕組み”を理解する」ことです。タブ切り替えアプリとは、「ボタン（タブ）を押すと、対応する画面だけが表示される」という、...
Python Python | 1 日 90 分 × 7 日アプリ学習：数当てゲーム（初級編）
1日目のゴールと今日やること1日目のテーマは「数当てゲームの“いちばん小さい芯”を作る」 ことです。いきなり完成版は作りません。今日はまず、プレイヤーから数字を入力してもらうその数字を「大きい」「小さ...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – imperative vs declarative
「命令的」と「宣言的」をざっくり一言でいうと命令的（imperative）は、「どうやってやるか」を一歩一歩、自分で指示していく書き方です。宣言的（declarative）は、「何をしたいか」だけを宣...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – forEach の落とし穴
forEach を一言でいうとforEach は「Stream の最後に、要素 1 つずつに対して“なにかする”ための終端操作」です。System.out.println したり、外部のリストに追加し...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – 例外処理と Stream
なぜ「例外処理と Stream」が難しく感じるのかStream は「関数型っぽく、処理の流れを宣言的に書く」ための仕組みです。一方で Java の例外は「throw して try-catch で受ける...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – Optional と Stream 設計
Optional と Stream を一緒に考える理由Java でモダンなコードを書くとき、Optional と Stream はセットで設計を考えると一気にきれいになります。どちらも「要素があるかも...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – downstream collector
downstream collector ってそもそも何？downstream collector は、日本語にすると「下流の Collector」です。でも名前よりもイメージが大事で、ざっくり言うと...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – partitioningBy
partitioningBy を一言でいうとCollectors.partitioningBy は、Stream の要素を「ある条件を満たすかどうか（true / false）」で きっちり 2 つの...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – groupingBy 複数キー
「groupingBy 複数キー」でやりたいことのイメージCollectors.groupingBy の「複数キー」は、ざっくり言うと「1 つの条件じゃなくて、2 個以上の条件の組み合わせでグループ分...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – Collector の自作
Collector 自作のゴールをまずイメージするCollector を自作する、というのは「Stream の要素を、標準の toList や groupingBy では表現しづらい“自分専用の集め方...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – collect の仕組み
collect を一言でいうとcollect は、「Stream に流れてきた要素たちを、“コンテナ（List / Set / Map など）や集計結果”にまとめ上げるための終端操作」です。reduc...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – reduce
reduce を一言でいうとStream#reduce は、「ストリームに流れてくる複数の要素を、“1 つの値”に畳み込むための終端操作」です。全部を 1 つに“まとめる”イメージです。合計を出す、最...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – allMatch / anyMatch
allMatch / anyMatch を一言でいうとallMatch と anyMatch は、「Stream の要素が“条件を満たしているかどうか”を、真偽値で答える終端操作」です。allMatc...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – findFirst / findAny
findFirst / findAny を一言でいうとfindFirst と findAny は、「Stream の中から“1 件だけ”要素を取り出すための終端操作」です。どちらも戻り値は Optio...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – limit / skip
limit / skip を一言でいうとlimit と skip は、どちらも 「ストリームから流れてくる要素の“範囲”を切り取るための中間操作」 です。ざっくり言うと、limit(n) は「先頭から...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – sorted
sorted を一言でいうとStream#sorted は、ストリームに流れてくる要素を「並べ替えた新しいストリーム」を返す中間操作です。「順番を整える係」が sorted だと思ってください。sor...
Java Java | Java 詳細・モダン文法：Stream API 深掘り – distinct
distinct を一言でいうとStream#distinct() は、「ストリームの中から“重複している要素”を取り除き、“一意な要素だけ”を残す中間操作」 です。イメージとしては、「同じ値が何回も...