OpenReplay ブログ
nth-childの計算なしで実現するスタッガーアニメーション
nth-childの連続ルールやJavaScriptのループをsibling-index()で置き換え、CSSアニメーションを順番に表示。逆順、中央からの演出、対応状況も解説。
モバイルアプリ開発に使えるAIツール5選
AIモバイルアプリ作成ツール5選、Dactyl、Rork、FlutterFlow、Thunkable、Bubbleを比較。コードの書き出し、対応OS、料金、ストア公開を確認できます。
User-Agent文字列は今でも信頼できるのか？
User-Agent文字列の信頼できる項目とブラウザーが固定する値を解説。ChromiumのClient Hintsや機能検出で不安定な解析を置き換える方法も紹介します。
Linux マシンにおける Docker のセキュリティ対策
Dockerグループへのアクセスはroot権限を与えます。rootlessモード、sudoルール、Podman、コンテナの強化、監査チェックリストでLinux上のDockerを保護します。
コンパイル済みスキーマでZodのバリデーションを高速化する
Zodのコンパイル済みスキーマで検証を高速化する方法、効果が出る場面、コストや非対応スキーマ、CSPとCloudflare Workersの制約を解説します。
useEffectが2回実行される理由
React StrictModeで開発時にuseEffectが2回実行される理由と、適切なクリーンアップで通信やリスナーなどの問題を直す方法を解説します。
カスタム Gutenberg ブロックの作り方
React、block.json、PHPで独自のGutenbergブロックを作成。属性、静的・動的レンダリング、旧バージョン対応で検証エラーを防ぐ方法を解説します。
HTTPに検索のための新しいメソッドが登場
HTTP QUERYは、リクエストボディで検索する安全かつ冪等なメソッドです。キャッシュや再試行の仕組み、対応クライアント、遮断される環境を解説します。
Webhook署名を検証する方法
ExpressでStripeとGitHubのWebhook署名を検証。生のリクエスト本文、一定時間のHMAC比較、リプレイ対策、シークレットのローテーションを解説します。
あまり知られていない Linux ディストリビューション 5 選
開発者向けの知名度が低いLinuxディストリビューション5種、CachyOS、Bazzite、Nobara、Vanilla OS、Chimera Linuxを、ドライバーや更新、ツール面から比較します。
Vitest 5 の変更点
Vitest 5の変更点を解説。性能向上、互換性を損なう変更、新しい既定値、レポートの保存先、テストとCIの移行手順を確認できます。
Sassの代わりにネイティブCSSミックスインを使う方法
@mixinと@applyでSassミックスインをネイティブCSSへ移行する方法、引数の扱い、Sassが引き続き必要な機能を解説します。
アプリに貼り付けられたテキストをクリーンアップする
Webフォームに貼り付けたテキストを、Unicode正規化、書式文字の削除、空白の圧縮、ZWJとNBSPの安全な扱いで整えます。
scriptc で TypeScript をネイティブバイナリへコンパイルする
scriptcはTypeScriptをネイティブバイナリに変換し、静的ビルド、620KBの動的エンジン、coverage確認、明確な診断を提供します。
Meta のデザインシステム「Astryx」を初めて触ってみる
MetaのオープンソースデザインシステムAstryxは、150以上のReactコンポーネント、テーマ、CLI設定、カスタマイズ段階、shadcn/uiとBase UIとの比較を解説します。
JavaScriptのスタックトレースの読み方
JavaScriptのスタックトレースを読む方法: 最初に見るべきフレーム、asyncの抜け、圧縮コード、source map、Error.causeを解説。
Hono ミドルウェアを自作する
型付きコンテキスト変数、リクエスト計測、早期終了、パス指定での適用まで、Honoのmiddleware作成を解説。next()の順序も整理します。
Vue Vapor Modeとは何か
Vue Vapor Modeを解説。SFCを直接DOM操作に変換する仕組み、Vue 3.6 RCでの変更点、イベントとスロットの注意点を紹介。
npm パッケージをブラウザから直接使う
import mapとCDN URLで、通常のHTMLからnpmパッケージを使う方法。ESMとCommonJSの見分け方、版の固定、ビルド不要の手順を解説。
ターミナルで暮らす人のための WP-CLI
WordPressの移行、バックアップ、ロックアウト対応、プラグインとコア更新、リモートSSH、シリアライズデータを安全に置換するWP-CLIコマンド集。
WebMCPでサイトのアクションをAIエージェントに公開する
WebMCPは、document.modelContextでサイトツールを登録し、注釈を設定して、ログイン済みブラウザ内で実行する安全な操作を扱います。
JSON によるオブジェクトの平坦化を防ぐ方法
JavaScriptのJSONフラット化をreplacer、reviver、toJSON、context.sourceで防ぎ、Date、Map、Set、BigIntを正しく復元します。
Octaneを始める — Infernoの後継フレームワーク
Infernoの後継Octaneは、React風コンポーネントを直接DOMコードにコンパイルし、hooks、依存配列、導入手順、beta版の状況を解説します。
知っておく価値のある MariaDB の 5 つの機能
MariaDBの注目機能: ベクトル検索、システム版管理とアプリケーション時間テーブル、テーブル別ストレージエンジン、11.8 LTSのutf8mb4標準。