GitHub Repo stars
Web Audio APIでブラウザ録音を実装: getUserMediaでマイク入力を取得し、必要なら処理してMediaRecorderで保存します。

May 8, 2026, 6 min read

Web Audio API を使ったブラウザでの音声録音

Web向けメール難読化の手法を比較。HTMLエンティティ、JavaScript、避けるべきCSS、問い合わせフォーム、Cloudflare保護を解説。

May 8, 2026, 7 min read

Web向けメールアドレス難読化テクニック

SQLiteの最新機能を解説。JSONB、STRICTテーブル、RETURNING、OPFS対応WASM、WALモードで性能と同時実行性を向上。

May 7, 2026, 6 min read

見落としているかもしれないモダンな SQLite の機能

es-toolkitは、型付きでtree-shake可能なJavaScriptユーティリティを提供し、Lodashの軽量代替として小さなバンドルと移行手段を備えます。

May 7, 2026, 5 min read

日常的なJavaScriptユーティリティとしてes-toolkitを使う

::after、data-tooltip、opacityのトランジションで純CSSのツールチップを作成し、focus-visible対応とアクセシビリティの限界も解説。

May 6, 2026, 6 min read

Pure CSSによるツールチップの作成

Axios vs Fetch: インターセプター、自動HTTPエラー処理、共有インスタンス、アップロード進捗、タイムアウトでAxiosが有利な点を整理します。

May 6, 2026, 6 min read

Fetch では得られない、Axios が今なお提供してくれるもの

boneyard-jsは、実際のコンポーネントレイアウトから開発時にskeleton loaderを自動生成し、レスポンシブな.bones.jsonとVite対応を備えます。

May 5, 2026, 6 min read

boneyard による Skeleton Screen の自動生成

Kubernetesの概要。アーキテクチャ、Pods、Deployments、Services、Ingress、ConfigMapsでWebアプリをクラスタ運用・拡張する方法。

May 5, 2026, 6 min read

Kubernetes の実践的な概要

npmxは、npmパッケージの調査を左右比較、バンドルサイズ、モジュール形式、依存関係、脆弱性確認まで一画面で整理します。

May 4, 2026, 5 min read

npmx で実現する新しい npm パッケージブラウジング

StylelintでCSSをチェックする設定、ルール、コマンドを解説。エラー検出、標準化、PrettierとCI連携まで対応。

May 4, 2026, 5 min read

StylelintでCSSをLintする方法

skills.shは、AIエージェント向けの再利用可能なskillを追加し、SKILL.md、段階的公開、CLI導入、MCP比較を解説します。

May 3, 2026, 6 min read

skills.sh で AI エージェントに再利用可能な機能を追加する

2026年のJavaScriptバンドラー比較: Webpack、Vite、Turbopack、Rspack、esbuild、Rollup、Parcelの役割と選び方。

May 3, 2026, 6 min read

JavaScript バンドラーの現状

Next.jsをVercel以外でセルフホストまたはOpenNextでAWSとCloudflareにデプロイ。Node.js、Docker、新しいAdapter APIを比較。

May 2, 2026, 6 min read

OpenNextでNext.jsをVercel以外にデプロイする方法

Clipboard APIでコードブロックのコピー按钮を作成し、textContent、try/catch、視覚的フィードバック、aria-labelを使います。

May 2, 2026, 5 min read

コードブロック用のコピーボタンを作成する

npmのサプライチェーン攻撃をignore-scripts=true、min-release-age、CI検査で防ぎ、新しいインストールスクリプトの実行前に検知します。

May 1, 2026, 6 min read

npm サプライチェーン攻撃に対するシンプルな防御策

ブラウザのページ内検索結果を::search-textと:currentで装飾。CSS対応、使えるプロパティ、Chromium限定の制約を解説。

May 1, 2026, 6 min read

`::search-text` で Ctrl+F の検索結果をスタイリングする

セマンティックHTML、::marker、::before、カウンター、@counter-styleでCSSのリストを整え、カスタム箇条書きと番号をアクセシブルに実現。

Apr 30, 2026, 5 min read

CSSでリストをスタイリングする創造的な方法

WordPressのカスタム投稿タイプをregister_post_type、show_in_rest、プラグイン設定、アーカイブと個別表示のテンプレートで作成します。

Apr 30, 2026, 5 min read

WordPressでカスタム投稿タイプを作成する

Node.jsのpath traversal対策を解説。path.resolveとpath.sepでの範囲確認、ユーザー入力ではなくIDベースのファイル取得を紹介。

Apr 29, 2026, 6 min read

Node.jsにおけるパストラバーサル攻撃の防止

Chrome、Edge、FirefoxのNetworkタブからAPIリクエストをcURL、fetch、HARでコピーし、エラーの再現とデバッグに使えます。

Apr 29, 2026, 5 min read

Network タブから API リクエストをコピーする方法

JavaScriptのBuilder Patternで、オブジェクトを段階的に生成する方法を解説。fluent API、メソッドチェーン、検証、デフォルト値も紹介。

Apr 28, 2026, 5 min read

JavaScript Builder パターンによる柔軟なオブジェクト生成

コードゴルフの基礎を解説。ソースコードの短縮、バイナリサイズコーディング、JavaScriptの技、CSSBattle、VyxalとGolfScriptを紹介。

Apr 28, 2026, 6 min read

コードゴルフと極小プログラムの技法

VS Codeのキーボードショートカットで、移動、編集、検索、リファクタリング、デバッグを効率化し、マウス操作を減らします。

Apr 27, 2026, 5 min read

キーボードショートカットでコーディングを高速化する

Charts.cssは純粋なCSSとセマンティックなHTMLテーブルで、JavaScriptなしに棒・折れ線・円グラフを作成し、データもアクセシブルに保ちます。

Apr 27, 2026, 5 min read

Charts.css: 純粋なCSSでチャートを構築する