開発と事業の文章と記録

技術実装の裏側、設計判断、使っている道具について。

トピック別に読む

関連する記事をシリーズとしてまとめています。まずは興味のあるテーマの入口からどうぞ。

3 件

AIに仕事の続きを渡すために、会議の原文、未完了の宿題、確認できない項目をどう残すか。導入判断と連携実装を掘り下げる。

シリーズを読む →

13 件

ブラウザでの数学的シミュレーション・自然現象の可視化・生成アートの実装技法

シリーズを読む →

7 件

ゲームループ・衝突判定・経路探索・迷路生成など、ブラウザゲーム開発の実装パターン集

シリーズを読む →

6 件

CanvasとDOMの使い分け・CSSインタラクション・カスタム物理エンジン・ポートフォリオ設計

シリーズを読む →

4 件

Claude Codeを使った大規模リファクタリング・CLAUDE.md設計・セッション管理の実践知

シリーズを読む →

3 件

Web Audio APIによる音響合成・楽器実装・物理シミュレーション参考文献

シリーズを読む →

4 件

TanStack StartとCloudflare Pagesを組み合わせたフルスタック構成・Tailwind v4移行

シリーズを読む →

7 件

個人・スモールM&Aの財務デューデリジェンス実務 — 見るべき指標・数字の裏取り・費用の現実解・価格交渉への変換

シリーズを読む →

17 件

ツール・ガジェットをスコアで比較したレビュー記事です。

Picks を見る →

19 minSaaSCirclebackSlack

AIに仕事の続きを渡すためのCircleback運用記録。Slack huddle、22時の同期、元の発言と未完了ToDo、採用する条件を具体化。運用経験・公式仕様・ローカル試験の根拠も示す。

16 minSaaSCirclebackWebhook

CirclebackのWebhookからToDoを保存するコードを検証。署名・担当者なしに加え、SQLiteの重複防止、古い再送で完了状態が戻る条件、保存先の状態を別に保存してDONEを保つ方法を合成データで確かめた。

11 minSaaSDubUTM

紹介リンクへUTMを足すと、既存の値が同じでもURL表記が変わる。空白とチルダの再現コード、署名付きURLへ適用する限界、クリックと確定報酬の区別をまとめた。

4 minAI DevelopmentSimulationAgent-Based

30人のAI村人を、Jevの衝動とClaudeの寄り合いの振り返りで動かした。状況を固定して性格だけを変えると、飢えた村人の盗みの確率は7%から51%まで動いた。

5 minCVRInteractive UIUX

クリックしたくなる、見届けたくなる、もう一度試したくなる。sakimyto.com のCVRインタラクション集をもとに、LPや診断導線で使える6つの滞在パターンを整理する。

🫧Bubble Wrap🔔Pendulum Wave🁣Domino Chain🔄Infinite Knob
PicksBooks

NISA入門から古典まで、3回のスタートアップEXIT経験と財務DDの視点で投資本3冊を本音評価。「読む順番」と「何が省略できるか」を明示した初心者向け完全ガイド。

PicksBooks

SQL本選びに失敗したくない初心者向けに、演習密度・コード量・実務直結度を数値で比較。スッキリわかるSQL・ゼロからはじめるデータベース操作・おうちで学べるデータベースのきほんを用途別に解説。

PicksBooks

個人でM&A買収を検討する30〜50代向けに、実践的なM&A本をフェーズ別・読む順番つきで厳選紹介。財務DD・交渉・PMIまでカバー。

PicksBooks

Python初心者におすすめの本4冊を実務視点で徹底比較。「読んだ後に何が作れるか」を軸に挫折しにくい1冊を厳選。2025年最新版対応。

PicksBooks

「写経で終わった」を卒業したいWebエンジニア向け。200超のデモを実装した著者がReact本4冊を設計理解・実務直結度・TypeScript対応で徹底比較。あなたのレベル別おすすめも紹介。

6 minAI駆動開発品質管理Claude Code

約200個のインタラクティブコンポーネントをAI駆動で量産・運用しているサイトの品質担保の実構成。pre-commitフック4本・データ不変条件テスト・ブラウザ実機スモーク・品質スコア+PR提案の4層を、構成ファイル名のレベルで公開する。

PicksBooks

スモールM&Aを検討中の経営者向けに、EXIT経験者が「理論・実務・失敗談」3軸でおすすめ本を厳選。フェーズ別の読む順番と「これを読んでいれば防げた失敗」も解説。

PicksBooks

スモールM&Aや副業投資を検討するエンジニア・IT起業家向けに、「粉飾・地雷を見抜く」視点で財務諸表の読み方本4冊をEXIT経験者が徹底比較。初心者でも自力でDDできる1冊が見つかります。

6 minスモールM&A財務DDM&A失敗

スモールM&Aの財務起因の失敗を5つの型(黒字倒産・利益錯覚・ネットデット見落とし・簿外債務・運転資金枯渇)に整理し、それぞれを買収前の財務DDのどの指標・手順で検出できるかを対応表で解説。EXIT3回の売り手経験とDDツール設計の知見から。

5 minスモールM&A財務DDDD費用

財務DDにいくらかけるべきか。会計士フルDDの相場50〜100万円/件を軸に、買収価格帯別の費用対効果、「ふるい→絞り込み→外注」の順序、論点を絞った部分委託の考え方をスモールM&Aの買い手向けにまとめた。

5 min財務DD決算書粉飾

売り手から渡された決算書はどこが歪みやすいか。節税型の利益圧縮(役員報酬・保険・私的経費)と見栄え型の粉飾(売上前倒し・在庫水増し・二重帳簿)を区別し、それぞれが決算書のどの科目に現れ、書類突合と回転期間比較でどう検出するかを解説。

6 minスモールM&A財務DD事業譲渡

スモールM&Aの二大スキームでDDの重点はどう変わるか。株式譲渡は簿外債務・税務リスクを包括承継するため負債の探索が重く、事業譲渡は資産の実在性と事業単体の収益力が主戦場になる。対比表と例外(商号続用責任など)まで買い手目線で整理。

5 minスモールM&A財務DDチェックリスト

買い手が財務DDで最初に依頼する資料8点と確認手順のチェックリスト。各資料の「見る目的」、決算書と申告書の突合、残高の裏取り、質問リストの作り方まで、自力でできる範囲を実務形式でまとめた。

6 min個人M&A財務DD決算書

時間も会計知識も限られた個人買い手が、決算書のどの数字を確認すべきかに答える。見るべき数値は6つ、拾う科目は12個。正常化EBITDA・純有利子負債・CCC・流動比率・自己資本比率・営業利益率を、BS/PLの科目名レベルで拾う手順を解説。

10 minスモールM&A財務DDデューデリジェンス

数百万〜数千万円規模のスモールM&Aで、買い手自身が財務DDの一次スクリーニングを行うための完全ガイド。EXIT3回でDDを受けた経験と財務DDツール開発の知見から、見るべき6指標・裏取り・進め方・価格交渉への変換までを解説。

4 minSEOIndexNowCloudflare

sitemap.xml をソースに IndexNow へ一括送信する実装と運用。Cloudflare Pages のデプロイ後に URL を確実に通知して、新規記事の発見を最短化する。

PicksBooks

CLRS・蟻本・けんちょん本など定番アルゴリズム本5冊を2026年版独自スコアリングで徹底比較。内容の深さ・実装例の加重平均で最適な一冊を見つけよう。

PicksBooks

DDIA・Clean Architecture・System Design Interviewなどおすすめ設計本5冊を2026年版独自スコアリングで徹底比較。内容の深さ・実践性・網羅性の加重平均で最適な一冊を見つけよう。

PicksBooks

Effective TypeScript・サバイバルTypeScript等おすすめTS本5冊を2026年版独自スコアリングで徹底比較。内容の深さ・実践性・初学者フレンドリーの加重平均で最適な一冊を見つけよう。

PicksDesk Setup

Aeron・Steelcase Leap V2・Contessa IIなどおすすめチェア5脚を2026年版独自スコアリングで徹底比較。座り心地・調整機能・耐久性・コスパの加重平均で最適な一脚を見つけよう。

PicksDesk Setup

Dell・LG・BenQなどおすすめモニター5台を2026年版独自スコアリングで徹底比較。画質・目の疲れにくさ・接続性・コスパの加重平均で最適な一台を見つけよう。

PicksDesk Setup

MX Master 3S・MX Ergo S・DeathAdder V3 Proなどおすすめマウス5台を2026年版独自スコアリングで徹底比較。操作精度・エルゴノミクス・コスパの加重平均で最適な一台を見つけよう。

PicksDev Tools

Bruno・Postman・InsomniaなどおすすめAPIクライアント5本を2026年版独自スコアリングで徹底比較。使いやすさ・API対応力・チーム連携の加重平均で最適な一本を見つけよう。

PicksDev Tools

Cursor・VS Code・Zedなどおすすめコードエディタ5本を2026年版独自スコアリングで徹底比較。AI統合・パフォーマンス・拡張性・コスパの加重平均で最適な一本を見つけよう。

PicksDev Tools

WezTerm・Ghostty・Alacrittyなどおすすめターミナル5本を2026年版独自スコアリングで徹底比較。描画速度・カスタマイズ性・安定性の加重平均で最適な一本を見つけよう。

PicksDesk Setup

HHKB、Realforce、Keychron、NuPhy、Logicoolの人気キーボード5台を独自スコアリングで徹底比較。打鍵感・静音性・カスタマイズ性・接続性・コスパの加重平均で最適な一台を見つけよう。

9 minSimulationAgent-BasedCanvas API

フェロモンベースの経路探索をエージェントベースモデルで実装し、アリの群知能をブラウザで再現する。蒸発・拡散パラメータの調整で創発パターンがどう変わるかも検証した。

🐜Ant Farm🐦Boids🦠Game of Life
16 minWeb Audio APIMusicBooks

Piano、Guitar、Thereminなど11個の音楽コンポーネント実装で学んだWeb Audio APIの勘所と、音プログラミングで参考にした書籍・リソース集。

🎹Piano🎸Guitar📡Theremin
9 minCanvas APIGameCollision

Canvas APIとrequestAnimationFrameでBreakoutゲーム(ブロック崩し)を実装する。パドルの反射角計算、ブロック配置のレベルデザイン、スコア管理の勘所をコンポーネント実装を通じて解説。

🧱Breakout🏓Pong🪩Pinball
13 minDeveloper ExperienceToolsWorkflow

203個のブラウザゲーム・インタラクションを開発する環境を紹介。Claude Code中心のワークフロー、bun + Biome + Vite、Git Worktreeによる並列開発。

💧Fluid Simulation🪩Pinball🎹Piano
22 minReactCanvas APIDebug

203個のインタラクティブコンポーネントを開発する過程で実際に遭遇したバグをgit履歴から集計し、頻出パターンと修正手法をTop 10形式でまとめた。

💧Fluid Simulation🪩Pinball🦠Game of Life
15 minCanvas APIReactPerformance

203個のインタラクティブコンポーネントをCanvas APIとDOMに振り分けた判断基準を、実例と実測データで解説する。

🫧Bubble Wrap💧Fluid Simulation🪨Gravity Drop
9 minClaude CodeAI DevelopmentReact

203個のインタラクティブコンポーネントに潜むバグを、Claude Codeで6コミット・100+ファイル一括修正した実践記録。分類・テンプレート化・検証の全工程を公開。

💧Fluid Simulation🎹Piano🏃Maze Runner
12 minClaude CodeAI DevelopmentDeveloper Experience

323コミットのプロジェクトでCLAUDE.mdを3ヶ月間更新し続けた記録。効いたルール、効かなかったルール、そして「助言的」設定の限界。

💧Fluid Simulation🧱Breakout🦠Game of Life
16 minPhysicsArchitecturePerformance

physics.tsの166行で2D物理エンジンを自作し、Matter.jsの300KBを4KBに削減した。重力・衝突・バウンドに絞り、拘束・摩擦・スタッキングを諦めたトレードオフを解説する。

🪨Gravity Drop⚫Newton's Cradle🎱Elastic Collision
15 minPhysicsChaosCanvas API

二重振り子シミュレーションの実装を通じて、ラグランジュ力学による運動方程式の導出、RK4積分の安定性、NaN対策、初期値鋭敏性の可視化までを解説する。

🔗Double Pendulum🔔Pendulum Wave🦋Lorenz Attractor
10 minMathematicsAudioCanvas API

矩形波・鋸歯状波・三角波をFourier級数で合成し、エピサイクルで可視化する。倍音の加算が音色をどう変えるか、Web Audio APIによる音合成の実装を通じて体感する。

〰️Fourier Series🎤Sound Waves📟Oscilloscope
14 minAlgorithmMazeVisualization

再帰バックトラッキング、Kruskal法、Prim法など複数の迷路生成アルゴリズムの特性と、生成される迷路の構造的な違いを比較する。

🏃Maze Runner🏰Maze 3D🟢Tilt Maze
12 minClaude CodeAI DevelopmentProductivity

Claude Codeで203コンポーネントを開発する中で、「1セッション1タスク」が最も生産性に効いた原則だった。コンテキスト枯渇の実例と対策。

💧Fluid Simulation🏃Maze Runner🫧Bubble Wrap
12 minBooksPhysicsMathematics

203個のインタラクティブデモの裏にある物理・数学の知識は、主に3冊の書籍から得た。各書籍のどの章がどの実装に活きたかを具体的に紹介する。

💧Fluid Simulation🔗Double Pendulum🪐N-Body
12 minPhysicsCanvasGame Development

ピンボールの物理演算をCanvas APIで実装する。フリッパーの回転運動、バンパーの反発、重力とボールの挙動を解説。

🪩Pinball🧱Breakout⚫Newton's Cradle
14 minMathematicsSimulationCanvas API

Gray-Scott Reaction-Diffusionモデルのfeed/kill率を変えると、斑点・縞模様・珊瑚・細胞分裂と全く異なるパターンが現れる。200×200グリッドでの実装と探索記録。

🧫Reaction Diffusion🧬Particle Life💎Crystal Growth
10 minSimulationCellular AutomataComplexity

Bak-Tang-Wiesenfeld砂山モデルの実装を通じて、自己組織化臨界現象をブラウザで可視化する。べき乗則に従う雪崩分布の計測とフラクタルパターンの生成過程を解説。

🏔️Sand Pile⏳Sand Fall🦠Game of Life
14 minTailwind CSSCSSDark Mode

Tailwind CSS v3からv4への移行で踏んだ破壊的変更と、@custom-variantを使ったダークモード/ライトモードの実装パターン。

🫧Bubble Wrap🪨Gravity Drop🎛️Fidget Zone
18 minTanStack StartCloudflareVite

CF PagesにTanStack Start v1をデプロイする過程で踏んだ5つの地雷 — Viteプラグイン順序、ServerFnバグ、FOUC対策など — の回避策を実コードで解説する。

🧫Reaction Diffusion☀️Solar System🎹Piano
11 minArchitectureTanStack StartNext.js

203個のインタラクティブコンポーネントを載せるポートフォリオで、Next.jsではなくTanStack Start + Cloudflare Pagesを選んだ技術選定の記録。

💧Fluid Simulation🎹Piano🧱Breakout
4 minTypeScriptPhysicsCanvas API

ポートフォリオサイトにMatter.jsを使わず約180行の軽量物理エンジンをTypeScriptで自作した経緯と設計判断。バンドルサイズ300KBを4KBに削減しつつ60fpsを維持した手法を解説。

🪨Gravity Drop🎱Elastic Collision🫧Bubble Wrap
6 minCanvas APIPerformanceAnimation

requestAnimationFrame、固定タイムステップ、DPI対応、空間分割を駆使して、Canvas APIで200個以上のパーティクルを60fpsで動かす設計手法を解説。

🎆Fireworks🧬Particle Life🎨Gravity Painter
7 minWeb Audio APITypeScriptSound

Web Audio APIのOscillatorNode、GainNode、ADSRエンベロープを使い、ブラウザで演奏可能なPiano・Guitar・Kalimbaを実装した技術解説。

🎹Piano🎸Guitar🎵Kalimba
8 minSimulationPhysicsCanvas API

Navier-Stokes方程式を簡略化し、100×60のグリッドでリアルタイムに流体を動かす。拡散・移流・圧力ソルバーの実装詳細。

💧Fluid Simulation🔧Fluid Pipes💧Water Ripple
7 minMathCanvas APIFractal

複素数反復、エスケープタイムアルゴリズム、IFS(反復関数系)、再帰描画を使い、ブラウザでフラクタルを描画する実装解説。

🔍Mandelbrot🌿Barnsley Fern🌳Fractal Tree
7 minProcedural GenerationCanvas APIMath

勾配ノイズの数学的な仕組みからオクターブ合成、Canvas上での3Dメッシュ描画まで、Perlinノイズによる自然な地形生成をステップごとに実装・解説する。

🏔️Perlin Landscape🌳Fractal Tree🌟Starfield
7 minPhysicsTypeScriptGame Development

physics.tsの実装を解説しながら、円同士・円と矩形の衝突判定アルゴリズム、反発係数によるバウンド制御、インパルスベースの衝突応答の数学的背景を掘り下げる。

🎱Elastic Collision🪩Pinball🧱Breakout
6 minCSSUIAccessibility

FidgetSpinner、InfiniteKnob、ToggleSwitchなどのDOM+CSSベースのインタラクティブUIで活用したtransform、transition、custom propertiesのCSS技法を実例で解説する。

🎛️Fidget Zone🔄Infinite Knob🫠Lava Lamp
6 minPhysicsSimulationCanvas API

1D・2D波動方程式を差分法で実装し、干渉・回折・共鳴パターンをCanvasで可視化する。WaveInterference、WaveEquation、ChladniPlateの描画手法と物理の対応を解説。

🌊Wave Equation🌊Wave Interference🔬Chladni Plate
9 minAlgorithmVisualizationTypeScript

MazeRunnerコンポーネントで実装したA*、BFS、DFSの探索過程を可視化する技法と、各アルゴリズムの比較を解説する。

🏃Maze Runner👻Pac-Man🐍Snake
8 minSimulationAlgorithmCanvas API

ライフゲーム、WaveFunctionCollapse、SandFallの実装を通じて、ルールベースのセルオートマトンの設計パターンとUint8Arrayによるグリッド最適化手法を解説する。

🦠Game of Life🧩WFC Generator⏳Sand Fall
8 minTypeScriptGame DevelopmentReact

Snake、Tetris、Breakoutの実装を通じて、TypeScriptの型システムを活用したゲーム状態管理とフレームレート制御を解説する。

🐍Snake🟦Tetris🧱Breakout
7 minPhysicsSimulationCanvas API

NBody、SolarSystem、GravityWellコンポーネントで使った万有引力計算、ベクトル演算、積分法、軌道描画の実装詳細。

🪐N-Body☀️Solar System🕳️Gravity Well

Blog のよくある質問

このブログで何を読めるか、どこから回遊すると深く楽しめるかを短くまとめています。

sakimyto.com の Blog では何が読める?

Canvas API、物理シミュレーション、Web Audio、React パフォーマンス、TanStack Start、Cloudflare Pages など、実際にこのサイトで使っている実装を題材にした技術記事をまとめています。

まず最初に読むならどこから?

一覧上部の Topic Clusters から入るのが最短です。興味に近いトピックページへ進むと、関連する記事をシリーズとして追えます。

記事を読んだあとに、実際に触れるデモはある?

あります。多くの記事は Play 内のインタラクションやミニゲームとつながっていて、一覧や記事ページからそのまま触れます。

道具や制作環境の比較も見たいときは?

Picks に、開発で実際に使っているツールや本の比較記事をまとめています。Blog と Picks は相互に行き来できるようにつないでいます。