動くコード図鑑技術記事現場の渡り方キャリア論すべての記事About

動くコード図鑑

$ ls -1 /library | wc -l → 619

触って動く、検証済みの正解集。

公開記事から抽出した全コードブロックを 1 つずつページ化。 ▶ ボタンで 実行ログを再生し、 さも今動いてるかのように出力を流す。

この図鑑の使い方

言語で絞る

C# / SQL / TypeScript / PowerShell / Bash でフィルタ。

▶ で実行

事前収録の出力を 1 行ずつ再生。 ぱっと結果が見える。

記事と接続

各 snippet は出典記事へのリンク付き。 文脈ごと読める。

絞り込み

snippet 一覧

71
SQL
-- 必須プレチェック: 結合元 (categories) に id 重複がないか確認
SELECT id, COUNT(*) AS cnt
FROM categories
GROUP BY id
HAVING COUNT(*) > 1;
▶ 実行可

パターン① JOIN 型 UPDATE — 単純 1:1 コピーの最短記述

SQL Server UPDATE … FROM SELECT 3パターン — 業務SE が JOIN / CTE / MERGE を本番で使い分ける判断軸#83da9e81c3d9
SQL
-- 各 category_id に複数 categories 行がある場合、name の最新 (MAX(updated_at)) を採用
WITH src AS (
    SELECT
        c.id AS category_id,
        c.name,

パターン② CTE 型 UPDATE — 集約反映と可読性の本命

SQL Server UPDATE … FROM SELECT 3パターン — 業務SE が JOIN / CTE / MERGE を本番で使い分ける判断軸未収録#72cdfe89da29
SQL
-- products に対して、categories マスタの全 id を Upsert
-- (既存 category_id があれば name を更新、なければ INSERT)
MERGE INTO products AS tgt
USING (
    SELECT id, name FROM categories WHERE active = 1

パターン③ MERGE 型 UPDATE — Upsert の決定打 (地雷つき)

SQL Server UPDATE … FROM SELECT 3パターン — 業務SE が JOIN / CTE / MERGE を本番で使い分ける判断軸未収録#3edff919d8a5
SQL
-- (a) 範囲ロックを早めに取る (UPDATE 1 文で完結する場合)
UPDATE T1 WITH (UPDLOCK, HOLDLOCK)
SET status = 'fixed'
FROM T1 INNER JOIN ... ON ...
WHERE ...;

並列実行時のロストアップデート — 3 パターン共通の落とし穴

SQL Server UPDATE … FROM SELECT 3パターン — 業務SE が JOIN / CTE / MERGE を本番で使い分ける判断軸未収録#785286e63e10
SQL
import {Action} from 'redux'



export enum    ActionNames{

   Increment = 'inc',

   Decrement = 'dec'

Action

Typescript×Reduxでカウンタアプリ作ってみる!未収録#471a1378c67a
SQL
import {ActionNames, ActionType} from "../Actions/CounterAction";





export interface IState {

   num : number

Reducer

Typescript×Reduxでカウンタアプリ作ってみる!未収録#4d8b83057790
SQL
import {combineReducers,createStore,Action} from 'redux'

import CounterReducer, {IState} from "../Reducers/CounterReducer";

import {ActionType} from "../Actions/CounterAction";



const rootReducer = combineReducers(

Store

Typescript×Reduxでカウンタアプリ作ってみる!未収録#c018959893e8
SQL
import {ReduxAction, ReduxState} from "../Store/store";

import {DecrementAmount, IncrementAmount} from "../Actions/CounterAction";

import {connect} from "react-redux";

import {Dispatch} from "react";

import Counter from "./Counter";

Container

Typescript×Reduxでカウンタアプリ作ってみる!未収録#22309cd4a543
SQL
import React from "react";

import {IState} from "../Reducers/CounterReducer";

import {ActionDispather} from "./Container";



interface Props {

Component

Typescript×Reduxでカウンタアプリ作ってみる!未収録#038f1a12561a
SQL
import React from 'react';

import ReactDOM from 'react-dom';

import * as serviceWorker from './serviceWorker';

import {Provider} from "react-redux";

import store from "./Store/store";

Index.tsx

Typescript×Reduxでカウンタアプリ作ってみる!未収録#e82df7884099
SQL
    Sub Main()

        Dim places As String() = {"東京", "大阪", "名古屋"}
        Dim combineStr = Strings.Join(places)
        Console.WriteLine(combineStr)

Strings.Joinで文字配列を1つの文字列にする

VB.netで右からの文字列を取得する方法未収録#395c86600ba8