C#
C# Tips | コレクション・LINQ：重複除去
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Grid 3カラム
Grid 3カラムを理解すると「カード一覧・3分割レイアウト」が一気に楽になる3カラムレイアウトは、カード一覧、サービス紹介、ブログ一覧などでめちゃくちゃよく使います。Flexbox でも組めますが、...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Grid 2カラム
Grid 2カラムを理解すると「左右にきれいに分けるレイアウト」が一瞬で作れるCSS Grid の 2 カラムレイアウトは、「左に画像・右にテキスト」「左にラベル・右に入力欄」「2カラムのカード一覧」...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － gapプロパティ
gap を理解すると「要素間の余白管理」が一気にシンプルになるgap は、Flexbox や Grid で 「要素同士の間隔」だけをまとめて管理できるプロパティです。今まで margin-right ...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － flex-basis戦略
flex-basis を理解すると「初期幅の戦略」が一気に上手くなるflex-basis は Flexbox の中でも、「要素が最初にどれくらいの幅を取るか」を決めるプロパティです。flex-grow...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － flex-shrink制御
flex-shrink を理解すると「狭くなったときの振る舞い」をコントロールできるflex-shrink は、コンテナが狭くなったときに「どの要素をどれだけ縮めるか」を決めるプロパティです。flex...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 7日目
7日目のゴールとテーマ7日目のテーマは「名簿アプリを“ちょっと賢く”する：検索と並べ替え、そして入力ミスへの対応」です。6日目までで、Person クラス＋配列＋メニューで、かなりアプリらしい形になり...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 6日目
6日目のゴールとテーマ6日目のテーマは「Personクラスを“アプリっぽく”動かす：メニューで操作できる名簿アプリ」です。5日目で「Person という型」を作り、person.introductio...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 5日目
5日目のゴールとテーマ5日目のテーマは「ハッシュから一歩進んで、“自分の型（クラス）”を作る」です。4日目までは、1人分の情報をハッシュで表現していました。今日はそこから一歩進めて、「人」を表す Pe...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 4日目
4日目のゴールとテーマ4日目のテーマは「1人分の情報を“ひとまとまりのデータ”として扱う」です。3日目までは「自己紹介文＝ただの長い文字列」として扱っていました。今日はそこから一歩進めて、1人分の情報...
PowerQuery Power Query 実務テンプレ | データ取込・更新系：フォルダ内Excel一括取込
ゴールのイメージを先にそろえる今回のテーマは「フォルダの中にある複数の Excel ブックを、Power Query で一括取込して、毎回［更新］ボタンだけで最新状態に保てる“実務テンプレ”を作ること...
PowerQuery Power Query 実務テンプレ | データ取込・更新系：フォルダ内CSV一括取込
ゴールのイメージを先にそろえる今回のテーマは「フォルダに入っている複数の CSV を、Power Query で一括取込して、毎回［更新］ボタンだけで最新状態に保てる“実務テンプレ”を作ること」です。...
PowerQuery Power Query 実務テンプレ | データ取込・更新系：Excel特定セル範囲取込
ゴールのイメージを先にそろえる今回のテーマは「Excelブックの中から、シート全体ではなく“特定のセル範囲だけ”を Power Query で安定して取り込む実務テンプレ」です。たとえば「B3:F20...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 3日目
3日目のゴールとテーマ3日目のテーマは「“たまるデータ”を扱う：配列でまとめて持つ」です。1〜2日目で、1人分・複数人分の自己紹介を作れるようになりました。今日はそこから一歩進めて、複数人分の自己紹介...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 2日目
2日目のゴールとテーマ2日目のテーマは「同じ処理を“部品（メソッド）”にして、何度でも使い回せるようにする」です。1日目で作った自己紹介アプリは、1人分の自己紹介を作るものでした。今日はそこから一歩進...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 1日目
1日目のゴールとテーマ1日目のテーマは「Rubyで“しゃべるアプリ”を作る」です。いきなり難しいことはやりません。まずは、画面に文字を出すキーボードから入力を受け取るその入力を使って、ちょっと“会話っ...
JavaScript JavaScript Tips | 文字列ユーティリティ：業務用 － 桁数制限
何をしたいユーティリティか：「桁数制限」ここでの「桁数制限」は、数値や数値文字列の「桁数」をルール通りに制限するユーティリティです。例えば、こんな要件がよくあります。金額は「整数 9 桁まで、小数 2...
JavaScript JavaScript Tips | 文字列ユーティリティ：業務用 － 小数丸め
何を作るのか：「小数丸め」ユーティリティここで作りたいのは、「小数点以下を指定桁数で丸める」処理を、毎回バラバラに書かず、分かりやすい関数にまとめたものです。「四捨五入」「切り上げ」「切り捨て」を、業...
JavaScript JavaScript Tips | 文字列ユーティリティ：業務用 － 通貨変換表示
何をしたいユーティリティか：「通貨変換表示」ここで目指すのは、単に「金額にカンマを付ける」だけではなく、「通貨単位や通貨コードを付けて、人間が見て意味が分かる形で表示する」ユーティリティです。たとえば...
JavaScript JavaScript Tips | 文字列ユーティリティ：業務用 － カンマ付与
何をしたいユーティリティか：「カンマ付与」ここで作りたいのは、数値や数値っぽい文字列に「3 桁ごとのカンマ」を付けるユーティリティです。1000 → 1,0001234567 → 1,234,567-...
JavaScript JavaScript Tips | 文字列ユーティリティ：業務用 － 金額フォーマット
何を作るのか：「業務で使える金額フォーマット」ここで目指すのは、「数値を“人間が業務で読みやすい金額表示”に変換するユーティリティ」です。例えば、こんな変換を安定して行いたいイメージです。format...
Java Java Tips | コレクション：zip処理
zip処理は「２つの列を“ペアの列”にする」技zip（ジップ）処理は、「２つのコレクションを、同じ位置同士でペアにしていく」操作です。名前のリスト点数のリストこの２つを「名前＋点数」のペアにしたい——...
Java Java Tips | コレクション：インデックス付きループ
インデックス付きループは「位置情報をちゃんと意識して回す」技for (T x : list) の拡張 for 文はシンプルで読みやすいですが、「何番目か（インデックス）」が欲しくなった瞬間に、ちょっと...
Java Java Tips | コレクション：ページング
ページングは「長い一覧を“ちょうどいい一枚”に切り分ける」技業務システムでは、「検索結果が1万件あります」とか普通に起こります。でも画面に1万件は出せませんよね。だから「1ページ20件」「3ページ目を...
Java Java Tips | コレクション：Stream例外ラップ
「Stream例外ラップ」は「チェック例外を“Streamで扱える形”に着替えさせる」技Stream の map や forEach に渡すラムダは、基本的に「チェック例外を投げられない」制約がありま...
Java Java Tips | コレクション：並列Stream制御
並列Stream制御は「速くしたいけど、暴れさせたくない」技Stream にはstream()（普通の順次処理）とparallelStream()（並列処理）の２つの世界があります。「CPUコアを全部...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － ファイル名取得
何をしたいユーティリティか：「ファイル名取得」ここで作りたいのは、URL やパス文字列から「ファイル名だけ」を取り出す小さな関数です。例えば、こういうイメージです。 → "logo.png"/down...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － 拡張子取得
何をしたいユーティリティか：「拡張子取得」ここで作りたいのは、URL やパス文字列から「拡張子（.png や .js など）」だけを取り出す小さな関数です。 → "png"/scripts/app.m...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － パス結合
「パス結合」で何を楽にしたいのか「パス結合」は、URL のパスを安全にくっつけるユーティリティです。"/api" と "users" を結合して "/api/users" にしたい"/api/" と ...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － ハッシュ削除
「ハッシュ削除」で本当にやりたいことここでの「ハッシュ削除」は、URL の # 以降（フラグメント）をきれいに取り除いた新しい URL を作るユーティリティのことです。例えば、こんなことをしたい場面が...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － ハッシュ取得
「ハッシュ取得」で何を取りたいのかここでの「ハッシュ取得」は、URL の # 以降の部分（フラグメント）を、きれいに取り出して使いやすくするユーティリティのことです。例えば、こんな URL を考えます...