開発ノウハウ
サービス開発の開発ノウハウ集です。
記事一覧
バージョン管理・環境変数
タスクをmiseで1つに
mise｜Node・Pythonのバージョン管理と環境変数・タスクを1つのCLIに
miseは、nvmやpyenvのような言語ごとのバージョン管理、direnvによる環境変数の読み込み、Makefileのタスク実行を、1つのCLIにまとめられるRust製のツールです。ディレクトリを移動するだけで指定どおりのバージョンに切り替わります。インストールと有効化、mise useの基本、asdf・nvm・pyenvからの移行までを順に追います。.node-versionが既定で読まれない落とし穴、mise.lockでのバージョンの固定、CIでの使い方、コマンドが見つからないときの確認順も、公式ドキュメントで確認しながら整理します。
Three.jsで3Dを動かす
仕組みと重さの原因
Three.js｜WebGLを直接書かずに3Dを動かす仕組みと重くなる原因
Three.jsは、WebGLやWebGPUを直接書かずにブラウザで3Dを描けるJavaScriptライブラリです。ライブラリが担う範囲、最小構成のコード、3Dモデルの用意の仕方、React Three Fiberとの関係、表示が重くなる原因と対策を、動かせるサンプル付きで整理します。
オープンソースライセンス
種類と義務の違い
オープンソースライセンスの種類と違い｜MIT・Apache・GPL・AGPLの義務と商用利用の可否
MIT・BSD・Apache 2.0・GPL・LGPL・AGPL・MPLといった主要なオープンソースライセンスを、「使う側が負う義務」で整理します。商用利用やSaaS提供で条件が変わる場面、BUSL・SSPLのようにオープンソースを名乗れないソース公開ライセンスとの違い、自分のコードを公開するときの選び方までをライセンス原文ベースでまとめます。
SPAはSEOに弱いか
Next.js・React Router
SPAはSEOに弱いか｜フレームワーク別整理（Next.js・React Router他）
Next.jsやReact Router 7のSPAはCSR（クライアントサイドレンダリング）のときだけSEOに不利になります。SPA（ページ遷移の方式）とCSR/SSR（初期HTMLの生成場所）が別の軸であること、Vue/Nuxt・Svelte/SvelteKitなど他フレームワークにも共通する構造、Next.js・React Router 7それぞれの設定を整理します。
DuckDBとは
SQLite・pandasとの違い
DuckDBとは｜SQLite・pandasとの違いとDuckLake・MotherDuckの位置づけ
DuckDBは、サーバー不要で使える列指向・ベクトル化実行のOLAP（分析用）データベースです。行指向のSQLiteとは得意分野が逆で、ログ集計・ETL前処理・時系列分析・GISなど幅広い分析場面でCSVやParquetをそのままSQLで扱えます。仕組みと具体的な使いどころ、SQLite・pandas・BigQueryとの違い、本番運用の制約、DuckLake・MotherDuckの位置づけを整理します。
Neonとは
サーバーレスPostgresの仕組みと料金
Neonとは｜サーバーレスPostgresの仕組み・料金とSupabase・PlanetScaleとの違い
Neonは、2025年にDatabricksが買収したサーバーレスPostgresデータベースです。ストレージとコンピュートを分離し、Git風の瞬時ブランチングとスケールtoゼロを実現していて、PRごとのプレビュー環境自動生成や旧Vercel Postgresの移行先としても使われています。仕組み・開発フローへの組み込み方・料金と、Supabase・PlanetScaleとの違いを整理します。
デバイスフィンガープリント
SaaS比較とDBSC
デバイスフィンガープリントとは｜不正検知SaaSの比較とDBSC・クロスデバイスの可否
デバイスフィンガープリントの仕組みと使いどころを整理し、Fingerprint・Stytch・SEON・DataDomeなど主要SaaSを比較。Cookie窃取を防ぐ最新標準DBSCとの違い、クロスデバイス識別が単体でできるのかまでを実務目線でまとめます。
Lottie とは
Lottie｜JSONで動く軽量アニメ形式と素材の入手先
Lottieは、中身がJSONのオープンなベクターアニメ形式です。Airbnb発でいまはLinux Foundation傘下のコミュニティが仕様を標準化しており、GIFや動画より軽く、拡大しても綺麗で、再生や色をプログラムから制御できます。Lottie JSONとdotLottie（.lottie）の違い、「Lottie」と「LottieFiles」が別物である点、無料素材の商用利用ライセンス、LottieFiles以外の素材入手先、使い方、Web制作・アプリ・動画のユースケース、公開APIでの検索やAIでの生成まで解説します。
GTMをAPIで操作する
GoogleタグマネージャーをAPIで操作｜Tag Manager API v2で変数・トリガー・タグを設定する方法
Google Tag Manager（GTM）は管理画面だけでなく、Tag Manager API v2 で変数・トリガー・タグの作成からバージョン作成・公開までコードから操作できます。APIがあることで、Claude CodeなどのAIエージェントにGTMの設定作業を頼めるようになります。サービスアカウントの権限設定、Node.js での実装例、クォータ（1日10,000リクエスト・毎分15リクエスト相当）の注意点までまとめます。
EC2 root EBSの容量アップ
AWS と OS の二段階で進める
EC2 root EBSの容量アップ手順｜AWS側のサイズ変更とOS側のresize2fs
EC2のrootが100%になったときは、まず不要ファイルの削除で空けられないかを調べ、足りなければEBSを拡張します。du での当たりの付け方と安全な削除、/dev/sda1 と /dev/xvda1 の見分け方、AWS側とOS側の二段階の拡張手順、ext4 と xfs の違いまでを扱います。
テスト管理・自動化ツール
比較ガイド
テスト管理ツールの比較｜無料・OSS・商用からPlaywrightのテスト自動化まで
テストケース管理ツールと一口に言っても、TestRailやQaseのようなテストケース管理（TCM）ツール、PlaywrightやSeleniumのようなOSSのテスト自動化フレームワーク、AutifyやMagicPodのようなAI・ノーコード自動化ツールは役割が違います。この3レイヤーを整理し、OSSを含む主要ツールを料金・機能・向き不向きで網羅的に比較します。
Cloudflare Workers
の制限値を整理する
Cloudflare Workers のタイムアウトとサイズ制限を整理する｜エッジ実行のCPU時間・本文サイズ・サブリクエスト
Cloudflare WorkersはAmplifyやLambdaとは制限の体系が違います。CPU時間（既定30秒・Paid最大5分）、実時間とCPU時間の区別、レスポンス本文に明示上限がない設計、プラン別のリクエスト本文サイズ、サブリクエスト数・メモリ・キャッシュ容量を公式ドキュメント基準で整理します。Amplify／CloudFront側との比較表を含みます。
Amplifyの制限値の整理
413, 504の切り分け
Amplifyのタイムアウトとサイズ制限の整理 | 413, 504の切り分け
AWS Amplify Hostingで413・502・504が出るとき、原因はAmplify本体ではなく、内部で使うCloudFrontやLambdaの上限にあることが多くなります。Amplify SSR Computeのレスポンス5.72MB・APIタイムアウト30秒、CloudFrontのオリジン応答タイムアウト、Lambda@Edgeの応答上限まで、設計時に踏みやすい落とし穴を公式ドキュメント基準でまとめます。
他のカテゴリ
Insights トップへSEO・AI検索
46記事検索エンジン、構造化データ、AI検索、効果計測の基礎をまとめています。
AI・AIエージェント活用
32記事AIの基礎、プロンプト、データ連携、エージェント運用を学習順に整理します。
メディア運用・コンテンツ制作
30記事オウンドメディア運用、CMS、記事制作、外注判断を体系的に整理します。
データ分析・アルゴリズム
30記事類似度・一致度・予測モデル評価など、データ分析でよく使うアルゴリズム・指標と、SEO効果分析に近い関連記事を整理します。
AI営業・インサイドセールス
9記事フォーム営業を起点に、AIを活用した営業・インサイドセールスの基礎を、法務・文面・効果測定の観点から整理します。
広告運用
19記事運用型広告の全体像、媒体別の基礎、課金方式・指標、始め方を体系的に整理します。