OpenReplay ブログ
GitHub Contributions Graphを使ったクリエイティブなテクニック
GitHubのcontributions graphをSVG、snakeアニメーション、GitHub Actionsで自動更新されるREADME統計カードでカスタマイズします。
Val Town: ブラウザで動作するサーバーレスJavaScript
Val Townは、ブラウザで使えるサーバーレスJavaScriptとTypeScriptのプラットフォーム。vals、Deno、SQLite、blob storage、email、OpenAIを備えます。
データベーストランザクションを理解する
データベーストランザクション、ACID、分離レベル、MVCCを解説。信頼性の高い並行処理とロールバックの実践ポイントも紹介。
NativeWindでTailwind CSSをReact Nativeに導入する
NativeWindはReact NativeにTailwind CSSのスタイルを導入し、className、ダークモード、バリアント、設定、制約を解説します。
OpenCode: ターミナルファーストなAIコーディングエージェント
OpenCodeはターミナル中心のオープンソースAIコーディングエージェントで、利用中のプロバイダを使え、Plan/Build、LSP、MCP、カスタムコマンドに対応します。
開発者向け無料ストックフォトリソース
開発者向けの無料ストック写真資源。ライセンス詳細、API利用、帰属表記のルール、Unsplash、Pexels、Pixabay、Openverseの再利用制限を解説。
React Adminでデータ駆動型アプリを構築する
React Adminの構成を解説。dataProviderの仕組み、CRUDビュー、認証、再利用できる一覧・編集画面でバックエンド非依存のアプリを構築します。
ブラウザでCORSエラーをデバッグする方法
DevTools、コンソールのエラー、preflight OPTIONSでブラウザのCORSエラーを診断。mixed content、TLS、認証設定の問題を素早く特定します。
Node.jsでAPIからデータを取得する方法
Node.jsのfetchでAPIリクエスト、POST、タイムアウト、エラー処理を行う方法を解説。undici PoolやAxiosを使う場面も紹介。
TypeScriptにおける型安全なイベントエミッター
TypeScriptの型安全なevent emitter: event map、汎用エミッター、Node.js EventEmitterで টাইपोやpayload不一致をコンパイル時に検出します。
Shaders.comでUIにWebGPUエフェクトを追加する
Shaders.comは、React、Vue、Svelte、Solid向けに90以上のWebGPUエフェクトを提供し、ビジュアルエディタとブラウザ用フォールバックも備えます。
HTTPリクエストにおけるリンクとフォームの違い
HTTPリクエストでのリンクとフォーム: <a>、GETフォーム、POSTフォームの使い分けと、method=linkが無効な理由を解説。
JavaScriptでオンライン・オフライン状態を検出する方法
JavaScriptでオンライン/オフライン状態を判定。navigator.onLine、online/offlineイベント、fetchで接続確認まで解説。
CSSのcross-fade()を使った画像のブレンド
CSS cross-fade() は画像を1つの宣言で合成します。割合指定、旧 -webkit 構文、@supports のフォールバック、対応状況を解説。
人気のJavaScriptゲームエンジンを比較
Phaser、Babylon.js、PlayCanvas、Excalibur、melonJSを比較し、2D・3Dブラウザゲームに合うJavaScriptゲームエンジンを選べます。
Canvas を使用した画像の Base64 への変換
Canvasで画像をBase64に変換。toDataURLとtoBlobの違い、PNG/JPEG/WebP対応、CORSでtainted canvasを避ける方法を解説。
JavaScript開発者のためのセキュアコーディング
ブラウザー向けJavaScriptの安全な書き方: DOM XSSを防ぎ、eval()を避け、CSPを使い、トークンを守り、postMessageと依存関係を強化する。
WebTransportによる低レイテンシブラウザ通信
ブラウザ向けWebTransport: WebSockets、datagram、streamを比較し、HTTP/3で低遅延通信を実現する仕組みを解説。
開発者が知っておくべき5つのGit Dotファイル
Gitの主要なdotfile 5つを解説。.gitconfig、.gitignore、.gitattributes、.git-blame-ignore-revs、.mailmapで作業を整理。
TypeScript 6.0の新機能
TypeScript 6.0の既定値変更、旧オプションの非推奨化、ES2025対応、Temporal型、TypeScript 7.0移行の要点を解説します。
ネイティブWeb APIでアニメーションライブラリを置き換える
GSAPやFramer Motionを、Web Animations API、CSS Scroll-Driven Animations、View Transitionsで置き換える方法を解説します。
Linux ファイルパーミッションの解説
Linuxのファイルパーミッション、所有権、chmod、chown、umask、setuidやスティッキービットなどを解説し、システムのセキュリティ設定を網羅する。
CSS `zoom` を使用した UI 要素のスケーリング
CSS の zoom と transform scale をレイアウトフロー、ブラウザサポート、UI スケーリングの実用例で比較し、適切な手法を選択するための指針を解説する。
開発環境でローカルHTTPSを有効にする方法
mkcertを使って信頼済みのローカルHTTPSを構築し、ViteやNext.jsの開発サーバーを設定して、自己署名証明書の警告を回避する方法を解説する。