JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：SPA風タブ切り替えアプリ
2026-03
C# C# Tips | コレクション・LINQ：最大値取得
はじめに：「最大値取得」は“いちばん大きいものを一瞬で見つける技”業務システムでは、よくこういう問いが出てきます。「今日の売上の最大金額は？」「この顧客の最新購入日は？」「この一覧の中で、いちばん大き...
C# C# Tips | コレクション・LINQ：平均算出
はじめに：「平均算出」は“感覚をつかみやすい数字に整える技”合計は「全体の大きさ」を教えてくれますが、平均は「1件あたりどれくらいか？」という“感覚”を教えてくれます。平均単価平均購入金額平均対応時間...
C# C# Tips | コレクション・LINQ：合計算出
はじめに：「合計算出」は“バラバラなお金や数を一つの数字にまとめる技”業務システムで「合計」は、ほぼ必ず出てきます。売上合計数量合計工数合計C# / LINQ では Sum を使うことで、for 文を...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 10日目
10日目のゴールとテーマ10日目のテーマは「別のアプリに“型”を移植する：タスク管理ミニアプリを作り始める」です。ここまでで、名簿アプリをかなり育ててきました。今日はあえてテーマを変えて、「人」ではな...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 9日目
9日目のゴールとテーマ9日目のテーマは「名簿アプリを“きれいに整える”：リファクタリングとエラー処理の強化」です。ここまでで、機能としてはかなり充実した名簿アプリができています。今日はそこから一歩進め...
Ruby Ruby | 2週間で身につく、アプリを作りながら学ぶRubyの基本 － 8日目
8日目のゴールとテーマ8日目のテーマは「名簿アプリに“記憶”を持たせる：ファイルへの保存と読み込み」です。ここまでの名簿アプリは、起動している間はちゃんと動きますが、終了するとデータが消えてしまいます...
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 に渡すラムダは、基本的に「チェック例外を投げられない」制約がありま...