OpenReplay ブログ
多言語対応バージョンマネージャー mise 入門
miseでプロジェクトごとのNodeとPythonのバージョンを管理する方法を解説。既存のバージョンファイル、ツールの固定、環境変数、ローカルとCIでのビルドも紹介します。
JavaScriptを使わずにページを更新する
template forと処理命令を使い、JavaScriptなしでHTMLを更新する方法を解説。Nodeの例、ブラウザー対応、フォールバックと制限も紹介します。
不要なReactエフェクトを見つける
eslint-plugin-react-you-might-not-need-an-effectで不要なReactエフェクトを検出し、派生状態やイベント処理、props変更時のリセットをリファクタリングする方法を紹介します。
npmの代替となるvlt入門
npmの代替となるvltを評価。レジストリ設定、既存プロジェクトの移行、ロックファイルやスクリプトの管理、依存関係の確認方法を解説します。
開発者向けのおすすめ無料動画編集ソフト
開発者向けスクリーンキャストに使える無料動画編集ソフトを比較。OpenShot、Kdenlive、Shotcut、Resolveの録画機能や文字の見やすさ、音声処理を解説。
SolidStartによるSolidのサーバーレンダリング
SolidStart v2でアプリを構築。サーバーレンダリング、queryとcreateAsync、ルートの先読み、サーバー関数、描画設定、デプロイ方法を解説します。
単発のエージェントタスクを再利用可能なワークフローに変える
AIエージェントの単発タスクをSwampで再利用可能なワークフローに。YAML DAG、モデル定義、バージョン管理されたデータで、4つの開発環境から同じ手順を実行する方法を紹介します。
大規模コードベースをFlowからTypeScriptへ移行する
FlowからTypeScriptへの一括・段階的な移行を比較。codemod、両チェッカーの併用、型の変換、移行を進める方法を解説します。
ThreeUI入門
ReactでThreeUIを導入し、アニメーション付き3D背景を追加する方法を解説。アセットのパス修正や遅延読み込み、動きを抑える設定も紹介します。
cronジョブをsystemdタイマーに置き換える
cronジョブをsystemdタイマーに置き換える方法を解説。serviceとtimerユニットの作成、OnCalendarの確認、実行漏れの補完、ログと失敗の確認を紹介します。
JavaScriptでテキストの重複行を削除する方法
JavaScriptのSetで重複行を削除し、大文字小文字、空白、空行、改行、最初または最後の行を残す方法を解説します。
GitHubのスタック型プルリクエストの仕組み
GitHubのスタック型プルリクエストを解説。gh-stackでの作成、各層のレビュー、変更のリベース、依存するPRのマージ方法を紹介します。
Panda CSS vs StyleX
Panda CSSとStyleXを比較。デザイントークン、スタイルの衝突防止、ビルド工程、テーマ、動的な値の違いから、プロジェクトに合う選択肢を見極めます。
コーディングエージェントを安全に実行するための Docker Sandboxes
Docker Sandboxesでコーディングエージェントを実行。microVM分離、専用Docker Engine、ネットワーク制御の仕組みと設定、Git運用、費用を解説します。
TypeGPUでGPUシェーダーをTypeScriptで記述する
TypeGPUでTypeScriptのGPUシェーダーを作成。型付きバッファを設定して計算シェーダーを実行し、バインドの不整合をコンパイル時に検出します。
Cypress 16 の新機能
Cypress 16の変更点を解説。ネイティブHTTP/2、高速化されたテスト、削除されたAPIと移行時の修正を確認し、16.1.0以降へ更新する理由がわかります。
モダンなHTMLボイラープレートに含めるべきもの
必須の5項目にメタデータ、ファビコン、SNSタグを加えた最新のHTMLボイラープレートを解説。古いテンプレートで残す項目や削除する項目も紹介します。
Sign in with GitHub を実装する方法
NodeとExpressでGitHubログインを追加。stateとPKCEを使ったOAuthフロー、安全なコード交換、認証済みメールの取得、トークン更新を解説します。
フロントエンドアプリのコード分割戦略
フロントエンドのコード分割戦略を比較。ルートや重いコンポーネントを分割し、操作前に先読みして、ネットワークウォーターフォールで効果を測定します。
AIエージェントにウォレットを持たせる
エージェントウォレット、Cloudflare Walletsの制御機能、HTTP経由のx402決済を解説。利用可能な機能と未解明の制限を確認できます。
ドメインを購入する前に開発者が知っておくべきこと
ドメイン購入前に、レジストラ・DNSプロバイダー・ホストの違い、更新料と移管費用を確認し、Cloudflareやサイト用のDNSレコードを設定しましょう。
npm に意図しないファイルを公開しないための方法
npmで意図しないファイルや秘密情報を公開しない方法を解説。.npmignore、.gitignore、package.jsonのfilesの関係を理解し、npm pack --dry-runで確認できます。
Remix 3におけるデータローディングの仕組み
Remix 3がデータ読み込みでloaderをコントローラーアクションに置き換える仕組みと、ルート、ストリーミングFrame、待機状態、エラー処理を解説します。
FlutterアプリにApp内課金を追加する方法
in_app_purchaseプラグインでFlutterアプリにアプリ内課金を追加。AppleとGoogleの設定、購入処理、取引の検証、購入の復元、安全なテスト方法を解説します。