XiaoMo の個人サイト：記事、ミニゲーム、ブラウザツール。https://www.moiu.cn/jahttps://www.moiu.cn/ja/blog/aether-isle/https://www.moiu.cn/ja/blog/aether-isle/浮島ページは自分のスクリプトだけを読み込みます。シーンは実行時に生成し、Three.js はこのページのチャンクにだけ入り、最初の HTML には空の舞台しかありません。Wed, 07 Oct 2026 00:00:00 GMTサイト制作Astroパフォーマンスデザインhttps://www.moiu.cn/ja/blog/morse-code/https://www.moiu.cn/ja/blog/morse-code/モールス自体は簡単で、難しいのは細部です。空白は誰のものか、全角の点をどう正規化するか、そして「1 単位」がどれだけか。Wed, 07 Oct 2026 00:00:00 GMTツールアルゴリズムhttps://www.moiu.cn/ja/blog/pong-ai/https://www.moiu.cn/ja/blog/pong-ai/遊べるポン AI に必要なのは二つ。ボールの落下点を正確に求めること、そして毎回わざと少し外すこと。前者は三角波一回、後者はラリーごとに引き直します。Wed, 07 Oct 2026 00:00:00 GMTゲームアルゴリズムhttps://www.moiu.cn/ja/blog/procedural-island/https://www.moiu.cn/ja/blog/procedural-island/島の岩はモデリングツールから書き出したものではありません。五層の不規則なリングを実行時に組み上げ、頂点色とフラットシェーディングだけで石らしく見せています。Wed, 07 Oct 2026 00:00:00 GMTサイト制作デザインhttps://www.moiu.cn/ja/blog/three-instancing/https://www.moiu.cn/ja/blog/three-instancing/草六百、花百二十、苔石八十五、低木四十二。庭の密度は数を減らすのではなく、InstancedMesh で同じ種類を一描画にまとめて作ります。Wed, 07 Oct 2026 00:00:00 GMTパフォーマンスサイト制作https://www.moiu.cn/ja/blog/three-lighting/https://www.moiu.cn/ja/blog/three-lighting/半球光が環境色、キーライトが向きと影、リムライトが島を背景から引き剥がし、残る七つの点光源は灯りを足すだけです。Wed, 07 Oct 2026 00:00:00 GMTデザインサイト制作https://www.moiu.cn/ja/blog/three-water-shader/https://www.moiu.cn/ja/blog/three-water-shader/島に水面シミュレーションも反射もありません。ShaderMaterial は二つだけで、寝ている水と落ちる水を担当し、time と night を共有します。Wed, 07 Oct 2026 00:00:00 GMTサイト制作デザインhttps://www.moiu.cn/ja/blog/webgl-loading-budget/https://www.moiu.cn/ja/blog/webgl-loading-budget/3D ページの費用は三つあります。ダウンロード、初回フレームのコンパイル、毎フレームの描画。それぞれに別々の予算を決めないと、見栄えが引っかかりに変わります。Wed, 07 Oct 2026 00:00:00 GMTパフォーマンスサイト制作Astrohttps://www.moiu.cn/ja/blog/atomic-write/https://www.moiu.cn/ja/blog/atomic-write/上書きは停電・クラッシュ・並行読み取りの瞬間に半端なファイルを残します。一時ファイルと rename を使えば、ファイルシステムの原子性で「半端」を不可能にできます。Wed, 30 Sep 2026 00:00:00 GMTバックエンドツールhttps://www.moiu.cn/ja/blog/base64/https://www.moiu.cn/ja/blog/base64/Base64 は 3 バイトを 4 文字の可読文字に変換し、容量を三分の一増やします。解くのは「バイナリをテキスト経路に通す」ことで、秘匿ではありません。Wed, 30 Sep 2026 00:00:00 GMTツールセキュリティhttps://www.moiu.cn/ja/blog/big-o-misconception/https://www.moiu.cn/ja/blog/big-o-misconception/O(n log n) の整列が O(n²) の挿入整列に負けることも、O(1) のハッシュ探索が配列の線形走査に負けることもあります。入力規模・定数・メモリ局所性を先に確認します。Wed, 30 Sep 2026 00:00:00 GMTアルゴリズムパフォーマンスhttps://www.moiu.cn/ja/blog/css-cascade-layers/https://www.moiu.cn/ja/blog/css-cascade-layers/スタイルが崩壊するのは詳細度を足して解決するからです。カスケード層は順序を明示します。層の間は順序のみ、層の内部では従来どおり詳細度で決まります。Wed, 30 Sep 2026 00:00:00 GMTCSSデザインhttps://www.moiu.cn/ja/blog/debounce-throttle/https://www.moiu.cn/ja/blog/debounce-throttle/どちらも実行頻度を制限します。デバウンスは最後の呼び出しが、スロットルは固定の時間窓が時刻を決めます。選び間違えると、ドラッグが離した時だけ更新されたり、入力中に 200ms ごとに送信したりします。Wed, 30 Sep 2026 00:00:00 GMTツールパフォーマンスhttps://www.moiu.cn/ja/blog/developer-estimation/https://www.moiu.cn/ja/blog/developer-estimation/見積もったのはコーディング時間で、約束したのは実装＋結合＋レビュー＋手戻り＋待ち時間です。不確かな部分を明示する方が、日数を二倍するより効きます。Wed, 30 Sep 2026 00:00:00 GMTツールバックエンドhttps://www.moiu.cn/ja/blog/feature-flags/https://www.moiu.cn/ja/blog/feature-flags/フラグは到達可能なコード経路を倍にし、そして自動では消えません。精巧な仕組みを作るより、各フラグに削除日を決める方がはるかに重要です。Wed, 30 Sep 2026 00:00:00 GMTバックエンドツールhttps://www.moiu.cn/ja/blog/game-loop/https://www.moiu.cn/ja/blog/game-loop/毎フレーム 5 ピクセル動かすと、60Hz では正常でも 144Hz では 2.5 倍速くなります。経過時間を掛けて物理をリフレッシュレートから切り離し、さらに上限を設けます。Wed, 30 Sep 2026 00:00:00 GMTゲームパフォーマンスhttps://www.moiu.cn/ja/blog/git-bisect/https://www.moiu.cn/ja/blog/git-bisect/退行調査の難所は二分探索ではなく「壊れている」の定義です。自動で判定するスクリプトを先に書けば、bisect は n 回のビルドを log n 回に縮めます。Wed, 30 Sep 2026 00:00:00 GMTツールアルゴリズムhttps://www.moiu.cn/ja/blog/gomoku-search-engine/https://www.moiu.cn/ja/blog/gomoku-search-engine/素の alpha-beta では五目で必殺手を逃します。勝ち・受け・活四の三段で確定する手を先に処理し、残りだけを反復深化と置換表に渡す構成にしました。Wed, 30 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/graceful-shutdown/https://www.moiu.cn/ja/blog/graceful-shutdown/終了信号で即座に exit すると処理中の要求が切られます。正しい順序は、新規受付の停止、処理中の完了待ち、資源の解放、そして終了です。Wed, 30 Sep 2026 00:00:00 GMTバックエンドサイト制作https://www.moiu.cn/ja/blog/http-caching/https://www.moiu.cn/ja/blog/http-caching/Cache-Control は「リクエストを送るか」を、ETag は「送った後で本文を省けるか」を決めます。混同すると片方を直しても直りません。Wed, 30 Sep 2026 00:00:00 GMTサイト制作パフォーマンスhttps://www.moiu.cn/ja/blog/idempotency/https://www.moiu.cn/ja/blog/idempotency/ネットワークのタイムアウトはサーバが何もしなかった証拠ではありません。冪等キーで同一リクエストを識別し、再実行せず最初の結果を返します。Wed, 30 Sep 2026 00:00:00 GMTバックエンドセキュリティhttps://www.moiu.cn/ja/blog/json-canonicalization/https://www.moiu.cn/ja/blog/json-canonicalization/キーの順序、数値の表記、エスケープの仕方でバイト列は変わります。ハッシュを安定させるには、JSON.stringify に期待せずシリアライズ層で規則を固定します。Wed, 30 Sep 2026 00:00:00 GMTバックエンドセキュリティhttps://www.moiu.cn/ja/blog/memory-layout/https://www.moiu.cn/ja/blog/memory-layout/主記憶への一回のアクセスは数百サイクル、キャッシュ行の取得は一回です。逐次アクセスとランダムアクセスの差は次数を上回ることが多いです。Wed, 30 Sep 2026 00:00:00 GMTパフォーマンスアルゴリズムhttps://www.moiu.cn/ja/blog/mutex-deadlock/https://www.moiu.cn/ja/blog/mutex-deadlock/相互排他・保持と待機・横取り不可・循環待機。四つが同時に成立して初めて起きます。実務で壊しやすいのは循環待機で、ロックに全体順序を与えます。Wed, 30 Sep 2026 00:00:00 GMTバックエンドアルゴリズムhttps://www.moiu.cn/ja/blog/n-plus-one/https://www.moiu.cn/ja/blog/n-plus-one/100 件を取り出してから一件ずつ関連を引くと 101 回のクエリになります。直し方は三つだけです。先読み、一括取得、あるいは一回の JOIN。Wed, 30 Sep 2026 00:00:00 GMTバックエンドパフォーマンスhttps://www.moiu.cn/ja/blog/rate-limiting/https://www.moiu.cn/ja/blog/rate-limiting/トークンバケットは突発を許し、漏れバケットは一定速度に均します。選び間違えると、正常な利用者が制限されたり、制限が機能しなかったりします。Wed, 30 Sep 2026 00:00:00 GMTバックエンドパフォーマンスhttps://www.moiu.cn/ja/blog/regex-catastrophic/https://www.moiu.cn/ja/blog/regex-catastrophic/入れ子の量指定子は試行回数を指数関数的に増やします。(a+)+b は長い非一致入力一つでプロセスを止められます。入れ子を外すか、制限時間を設けます。Wed, 30 Sep 2026 00:00:00 GMTセキュリティアルゴリズムhttps://www.moiu.cn/ja/blog/sandbox-iframe/https://www.moiu.cn/ja/blog/sandbox-iframe/sandbox 属性は既定で全能力を奪い、allow-* で一つずつ戻します。方向を逆に覚えがちで、script が動かないのは既定値だからです。Wed, 30 Sep 2026 00:00:00 GMTセキュリティサイト制作https://www.moiu.cn/ja/blog/semver/https://www.moiu.cn/ja/blog/semver/MAJOR は「変更が大きい」ではなく「破壊的」の意味です。リファクタで主番号を上げたり、破壊的変更を副番号に隠すと、下流の自動更新が事故になります。Wed, 30 Sep 2026 00:00:00 GMTツールサイト制作https://www.moiu.cn/ja/blog/sqlite-index/https://www.moiu.cn/ja/blog/sqlite-index/複合インデックス (a, b) は a が等しい範囲でのみ b が整列します。a を飛ばして b で絞るのは、使えるものが無いというだけのことです。整列として捉えれば暗記は不要です。Wed, 30 Sep 2026 00:00:00 GMTバックエンドアルゴリズムhttps://www.moiu.cn/ja/blog/tech-debt-interest/https://www.moiu.cn/ja/blog/tech-debt-interest/負債は醜いコードではなく、以後の変更が毎回余分に払うコストです。判定は測定可能で、1 回の変更で触るファイル数、テスト時間、同時に直す箇所の数です。Wed, 30 Sep 2026 00:00:00 GMTサイト制作ツールhttps://www.moiu.cn/ja/blog/timezone-dst/https://www.moiu.cn/ja/blog/timezone-dst/夏時間の日は 23 時間か 25 時間で、切り替え付近のローカル時刻は存在しないか二度現れます。UTC で保存し表示時に変換するのが唯一安定する模型です。Wed, 30 Sep 2026 00:00:00 GMTバックエンドアルゴリズムhttps://www.moiu.cn/ja/blog/tool-tree/https://www.moiu.cn/ja/blog/tool-tree/探索の可視化で難しいのは木を描くことではなく、数値が本物であること、盤を押しのけないこと、押さない人に負担をかけないことでした。Wed, 30 Sep 2026 00:00:00 GMTVueゲームhttps://www.moiu.cn/ja/blog/unicode-normalization/https://www.moiu.cn/ja/blog/unicode-normalization/é は一つのコードポイントにも、基底文字と結合記号にもなります。比較・保存・索引の前に NFC へ揃えないと、重複やログイン失敗が静かに発生します。Wed, 30 Sep 2026 00:00:00 GMTセキュリティバックエンドhttps://www.moiu.cn/ja/blog/url-encoding/https://www.moiu.cn/ja/blog/url-encoding/クエリでは + が空白、パスでは + はプラスです。同じ文字でも位置によって規則が異なり、二度符号化すると一致しない値が静かに生まれます。Wed, 30 Sep 2026 00:00:00 GMTサイト制作セキュリティhttps://www.moiu.cn/ja/blog/xiangqi-rules/https://www.moiu.cn/ja/blog/xiangqi-rules/馬の足止め、象の目塞ぎ、砲の台越し、両王対面。着手生成を幾何層と合法層に分けることで、間違いの大半は消えました。Wed, 30 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/cron-parser/https://www.moiu.cn/ja/blog/cron-parser/構文は 30 分で書けます。難しいのは意味論です。日と曜日を両方指定したときは積ではなく和、存在しない日時には終了条件が要り、7 も 0 も日曜です。Tue, 29 Sep 2026 00:00:00 GMTツールアルゴリズムhttps://www.moiu.cn/ja/blog/csv-rfc4180/https://www.moiu.cn/ja/blog/csv-rfc4180/引用符付きのフィールドが 1 つ現れた時点で split は破綻します。引用符は区切り文字と改行を包み、内部の引用符は 2 つ重ねて書きます。30 行の状態機械が正規表現より確実です。Tue, 29 Sep 2026 00:00:00 GMTツールアルゴリズムhttps://www.moiu.cn/ja/blog/reversi-legal-moves/https://www.moiu.cn/ja/blog/reversi-legal-moves/空きマスが合法なのは、8 方向のうち少なくとも 1 方向で相手を挟める場合です。判定と反転は同じ走査で済み、置いて戻すシミュレーションは要りません。Tue, 29 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/sudoku-generator/https://www.moiu.cn/ja/blog/sudoku-generator/完成した解を先に作り、一マスずつ掘りながら唯一解を検証します。求解器で 0 を「無制限」と解釈していたため、空盤では全解を列挙し、新規ゲームが固まりました。Tue, 29 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/consistent-hashing/https://www.moiu.cn/ja/blog/consistent-hashing/剰余による分割は台数が変わるとほぼ全データが移動します。ハッシュ空間を環にして時計回りで最初のノードに割り当てれば、動くのは 1 区間だけ。代償は仮想ノードです。Mon, 28 Sep 2026 00:00:00 GMTアルゴリズムサイト制作https://www.moiu.cn/ja/blog/gomoku-win-detect/https://www.moiu.cn/ja/blog/gomoku-win-detect/着手ごとに盤面全体を走査するのは無駄です。勝敗は最新の 1 手でしか変わりません。置いた点から 4 方向へ伸ばして数えれば、盤面の大きさに依りません。Mon, 28 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/sliding-window/https://www.moiu.cn/ja/blog/sliding-window/窓が成立するのは、窓の妥当性が左右の端に対して単調に変わる場合です。保つ状態と縮める条件を先に書き出せば、2 ポインタの二重構造は自然に O(n) に償却されます。Mon, 28 Sep 2026 00:00:00 GMTアルゴリズムパフォーマンスhttps://www.moiu.cn/ja/blog/monotonic-stack/https://www.moiu.cn/ja/blog/monotonic-stack/各添字は高々 1 回 push され 1 回 pop されるので、二重ループに見える形が線形になります。左右で最初に大きい／小さいものを探す形なら、同じ雛形が使えます。Sun, 27 Sep 2026 00:00:00 GMTアルゴリズムパフォーマンスhttps://www.moiu.cn/ja/blog/popcount-bit-tricks/https://www.moiu.cn/ja/blog/popcount-bit-tricks/popcount には 3 通りあります。1 の個数だけ回すループ、表引き、そしてビット列を並列に数える SWAR。桁違いに差が出ますが、Rust と WebAssembly は既に単一命令として持っています。Sun, 27 Sep 2026 00:00:00 GMTアルゴリズムパフォーマンスhttps://www.moiu.cn/ja/blog/union-find/https://www.moiu.cn/ja/blog/union-find/経路圧縮は木を平らにし、サイズによる併合は木を高くしません。両方入れて初めて計算量が逆アッカーマン関数に落ち、実用上は 5 を超えません。Sun, 27 Sep 2026 00:00:00 GMTアルゴリズムパフォーマンスhttps://www.moiu.cn/ja/blog/rust-result-context/https://www.moiu.cn/ja/blog/rust-result-context/`?` はエラーをそのまま上へ投げ、どの段階で失敗したかを伝えません。中核は照合できる構造化エラー、アプリ層は Context で「何をしていたか」と入力を添える。Sat, 26 Sep 2026 00:00:00 GMTRustバックエンドhttps://www.moiu.cn/ja/blog/rust-workspace-split/https://www.moiu.cn/ja/blog/rust-workspace-split/分割の引き金はビルド時間と依存の境界で、ディレクトリの見た目ではありません。3 つの条件が揃ったときに分け、揃わなければ 1 回のビルドを複数パッケージの管理と引き換えにするだけです。Sat, 26 Sep 2026 00:00:00 GMTRustバックエンドhttps://www.moiu.cn/ja/blog/tracing-structured-logs/https://www.moiu.cn/ja/blog/tracing-structured-logs/文字列を連結したログは人間しか読めません。フィールドがあって初めて検索と集計ができます。フィールド、span、レベル、そして整形しない判断の 4 つが本題です。Sat, 26 Sep 2026 00:00:00 GMTRustバックエンドhttps://www.moiu.cn/ja/blog/islands-vs-webcomponents/https://www.moiu.cn/ja/blog/islands-vs-webcomponents/Islands はビルド時にどこに JS が要るか・いつハイドレートするかを決めます。Web Components は実行時にブラウザへ自立した要素を渡します。混同すると道具を選び間違えます。Fri, 25 Sep 2026 00:00:00 GMTAstroパフォーマンスhttps://www.moiu.cn/ja/blog/nginx-cache-headers/https://www.moiu.cn/ja/blog/nginx-cache-headers/キャッシュ方針を決めるのはファイル名が内容で変わるかどうかで、サイズではありません。HTML を長くキャッシュすると、削除済みチャンクを指す古い入口を配ることになります。Fri, 25 Sep 2026 00:00:00 GMTサイト制作パフォーマンスhttps://www.moiu.cn/ja/blog/wasm-where-to-use/https://www.moiu.cn/ja/blog/wasm-where-to-use/WASM の利得は重い計算、まとまったデータ、少ない境界越えが揃ったときに出ます。O(n) の JavaScript ループを書き直しても、遅い読み込みと追いにくいスタックが残るだけです。Fri, 25 Sep 2026 00:00:00 GMTパフォーマンスサイト制作https://www.moiu.cn/ja/blog/anchor-scroll-padding/https://www.moiu.cn/ja/blog/anchor-scroll-padding/固定ヘッダーはアンカーの着地点を隠す。見出しごとの scroll-margin は必ず漏れる。正解はスクロールコンテナの scroll-padding-top で、実際のヘッダー高さを ResizeObserver から戻す。Thu, 24 Sep 2026 00:00:00 GMTCSSデザインhttps://www.moiu.cn/ja/blog/dialog-a11y/https://www.moiu.cn/ja/blog/dialog-a11y/自前のモーダルはフォーカストラップ、ESC、スクロール固定、フォーカス復帰を全部書くことになる。dialog と showModal なら全部入りで ::backdrop も使える。Thu, 24 Sep 2026 00:00:00 GMTCSSデザインhttps://www.moiu.cn/ja/blog/form-color-scheme/https://www.moiu.cn/ja/blog/form-color-scheme/背景を暗くしてもネイティブコントロールは暗くならない。select のポップアップや日付ピッカー、自動入力の下地は color-scheme が決め、accent-color はチェックボックスとスライダーまで。Thu, 24 Sep 2026 00:00:00 GMTCSSデザインhttps://www.moiu.cn/ja/blog/resize-observer-layout/https://www.moiu.cn/ja/blog/resize-observer-layout/ナビの折り返し、遅れて届く Web フォント、内容の長さの変化で、CSS に書いた定数はすぐずれる。ResizeObserver で要素そのものを観測し、実測値を変数に書き戻す。Thu, 24 Sep 2026 00:00:00 GMTCSSパフォーマンスhttps://www.moiu.cn/ja/blog/design-tokens/https://www.moiu.cn/ja/blog/design-tokens/色・余白・角丸をすべて _tokens.scss に集約した理由と、ビジュアル方針の変更が2ファイルの書き換えだけで済んだ話。Wed, 23 Sep 2026 00:00:00 GMTCSSデザインhttps://www.moiu.cn/ja/blog/manual-i18n/https://www.moiu.cn/ja/blog/manual-i18n/このサイトの i18n は Astro 組み込みの設定を使わず自作しました。その理由と、代償が実際に現れた場所——2 回の 404 と、半分しか翻訳されていなかったブログについて書きます。Tue, 22 Sep 2026 00:00:00 GMTサイト制作デザインhttps://www.moiu.cn/ja/blog/algo-2048/https://www.moiu.cn/ja/blog/algo-2048/スライド・合成・得点は一度書けば足り、残り三方向は転置と反転で再利用できます。難しいのは「各タイルは 1 回の移動で最大 1 回しか合成しない」という規則です。Mon, 21 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/algo-minesweeper/https://www.moiu.cn/ja/blog/algo-minesweeper/最初のクリックで負けうるマインスイーパーは未完成です。配置を遅らせ、クリック位置の周囲 3×3 を除外することが、ここで最も重要な設計判断です。Sat, 19 Sep 2026 00:00:00 GMTアルゴリズムゲームhttps://www.moiu.cn/ja/blog/riso-ui/https://www.moiu.cn/ja/blog/riso-ui/このサイトの視覚方向は孔版印刷（リソ）です。実際にやったのは印刷の物理的な制約をトークンに書き出すことで、おかげで見た目を変えても触ったのは 2 ファイルだけ、コンポーネントは 1 行も直していません。Fri, 18 Sep 2026 00:00:00 GMTデザインCSShttps://www.moiu.cn/ja/blog/tool-convert/https://www.moiu.cn/ja/blog/tool-convert/2 から 36 進数の変換は BigInt で精度を守る必要があります。10 カテゴリのうち 9 つは線形の比率ですが、温度だけはアフィン変換で、単一の倍率では必ず間違えます。Thu, 17 Sep 2026 00:00:00 GMTツールVuehttps://www.moiu.cn/ja/blog/tool-color/https://www.moiu.cn/ja/blog/tool-color/記法の相互変換は入口にすぎません。本当の罠は WCAG のコントラストで、ガンマを戻してから重み付けする必要があります。黒文字か白文字かの判断も閾値ではありません。Tue, 15 Sep 2026 00:00:00 GMTツールVuehttps://www.moiu.cn/ja/blog/pagefind-search/https://www.moiu.cn/ja/blog/pagefind-search/静的サイトの検索は Algolia を繋がなくても作れます。索引をビルド時に生成し、検索は完全にブラウザ内で実行する——代償はビルドが数秒伸びるだけです。Mon, 14 Sep 2026 00:00:00 GMTサイト制作パフォーマンスhttps://www.moiu.cn/ja/blog/tool-hash/https://www.moiu.cn/ja/blog/tool-hash/ブラウザーが提供するのは SHA 系だけで、しかも安全なコンテキストに限られます。CRC32 と MD5 は Web Crypto にありません。大きなファイルを一括で読まない方法と、チェックサムを目視で比べない方法も。Sun, 13 Sep 2026 00:00:00 GMTツールVuehttps://www.moiu.cn/ja/blog/tool-regex-lab/https://www.moiu.cn/ja/blog/tool-regex-lab/正規表現テスターには三つの役割があります。一致位置とグループを明示し、置換結果を先に見せ、ゼロ幅一致で止まらないこと。Fri, 11 Sep 2026 00:00:00 GMTツールVuehttps://www.moiu.cn/ja/blog/tool-json-studio/https://www.moiu.cn/ja/blog/tool-json-studio/使い捨てのコマンドで JSON を整える習慣から作りました。整形・圧縮・ソート、行と列で示す解析エラー、二つの文書の構造差分。すべてブラウザ内で動きます。Wed, 09 Sep 2026 00:00:00 GMTツールVuehttps://www.moiu.cn/ja/blog/zero-import-selftest/https://www.moiu.cn/ja/blog/zero-import-selftest/このサイトの自検は node scripts/selftest.ts を直接実行するだけ。フレームワークも依存もありません。代償は検証対象のモジュールが相対 import を 1 つも持てないこと、そしてその代償はコードの形を買いました。Tue, 08 Sep 2026 00:00:00 GMTAstroサイト制作https://www.moiu.cn/ja/blog/cve-2026-45659-sharepoint/https://www.moiu.cn/ja/blog/cve-2026-45659-sharepoint/通常の Site Member アカウントだけで SharePoint サーバー上の任意コード実行が可能です。マイクロソフトは悪用可能性を低と評価しましたが、CISA は KEV に追加し、3 日での対応を求めました。Sun, 06 Sep 2026 00:00:00 GMTセキュリティ脆弱性https://www.moiu.cn/ja/blog/cve-2026-21858-n8n/https://www.moiu.cn/ja/blog/cve-2026-21858-n8n/フォームノードが Content-Type の検証を飛ばすため、application/json のリクエスト一つで任意のファイルを読ませられます。設定内の鍵から管理者 JWT を偽造し、サンドボックス回避と組み合わせて RCE に至ります。Fri, 04 Sep 2026 00:00:00 GMTセキュリティ脆弱性https://www.moiu.cn/ja/blog/cve-2026-20131-cisco-fmc/https://www.moiu.cn/ja/blog/cve-2026-20131-cisco-fmc/CVSS 10.0、認証不要、root 権限でのコード実行。しかもランサムウェア集団が 36 日間ゼロデイとして使っていました。ファイアウォール管理の中枢が破られれば、すべてのポリシーとログも渡すことになります。Wed, 02 Sep 2026 00:00:00 GMTセキュリティ脆弱性https://www.moiu.cn/ja/blog/astro-islands/https://www.moiu.cn/ja/blog/astro-islands/「非同期読み込み」を「必要な時だけハイドレート」まで分解し、3層の遅延読み込みがそれぞれ何を解決するのかを実コードで説明します。Tue, 01 Sep 2026 00:00:00 GMTAstroパフォーマンスVuehttps://www.moiu.cn/ja/blog/cve-2026-75604-nextjs/https://www.moiu.cn/ja/blog/cve-2026-75604-nextjs/エスケープされていないバックスラッシュ一つが、Windows 上でキャッシュを任意ファイルの読み書きに変えます。漏えいした Server Action の暗号鍵でリクエストを偽造し、React Flight のプロパティ連鎖から Function に到達します。Sun, 30 Aug 2026 00:00:00 GMTセキュリティ脆弱性https://www.moiu.cn/ja/blog/cve-2026-42211-react-router/https://www.moiu.cn/ja/blog/cve-2026-42211-react-router/turbo-stream v2 は TYPE_ERROR の復元でコンストラクタを動的に呼び出しながら、その出所を検証していません。アプリにプロトタイプ汚染が一つあればこの経路が Function に届き、中度の欠陥二つが RCE になります。Fri, 28 Aug 2026 00:00:00 GMTセキュリティ脆弱性https://www.moiu.cn/ja/blog/head-single-source/https://www.moiu.cn/ja/blog/head-single-source/三つの HTML シェルが一つのコンポーネントを共有し、head のタグをすべて出力します。データはサーバー層で組み立てます。JSON-LD の山括弧をエスケープする必要がある点も忘れずに。Thu, 27 Aug 2026 00:00:00 GMTサイト制作パフォーマンスhttps://www.moiu.cn/ja/blog/static-hosting-nginx/https://www.moiu.cn/ja/blog/static-hosting-nginx/静的ホスティングの罠はほぼ全部レスポンスヘッダーにあります。永久にキャッシュしてよいファイル、絶対にしてはいけないファイル、そして静的サイトが SPA 式フォールバックを使ってはいけない理由。Mon, 24 Aug 2026 00:00:00 GMTサイト制作パフォーマンスhttps://www.moiu.cn/ja/blog/theme-ripple/https://www.moiu.cn/ja/blog/theme-ripple/クリック位置から広がる円で新しいテーマを現します。半径は最も遠い角まで届く必要があり、終了時にカスタムプロパティを消さないと次の切り替えに漏れます。Sat, 22 Aug 2026 00:00:00 GMTCSSデザインVuehttps://www.moiu.cn/ja/blog/build-time-pagination/https://www.moiu.cn/ja/blog/build-time-pagination/一覧はビルド時に静的なページへ分割され、N ページ目は実在のルートになります。クライアント側のページング処理もクエリ文字列も使わず、ただのリンクです。Wed, 19 Aug 2026 00:00:00 GMTAstroパフォーマンスhttps://www.moiu.cn/ja/blog/alias-three-places/https://www.moiu.cn/ja/blog/alias-three-places/深い相対 import を全廃した代償は、エイリアスを三箇所で設定することです。一つ欠けると、エディタのエラー・ビルド失敗・スタイルの静かな消失という別々の症状になります。Sun, 16 Aug 2026 00:00:00 GMTAstroサイト制作https://www.moiu.cn/ja/blog/zod-frontmatter/https://www.moiu.cn/ja/blog/zod-frontmatter/Content Collections の schema が唯一の真実です。タイトルが 120 字を超える、日付が壊れている、タグが配列でない——どれもビルド時に失敗し、ページが黙って消えることはありません。Thu, 13 Aug 2026 00:00:00 GMTAstroサイト制作https://www.moiu.cn/ja/blog/hello-world/https://www.moiu.cn/ja/blog/hello-world/書く場所がなかったわけではなく、記事とゲームとツールを同じ場所に置けなかったから。Tue, 11 Aug 2026 00:00:00 GMTサイト制作Astrohttps://www.moiu.cn/ja/blog/glob-registry/https://www.moiu.cn/ja/blog/glob-registry/一覧・詳細ルート・トップの注目枠・sitemap はすべて import.meta.glob が自動検出します。代償は Vite の規則、リテラルの相対パスだけという一点です。Sat, 08 Aug 2026 00:00:00 GMTAstroサイト制作https://www.moiu.cn/ja/blog/app-shell-mount/https://www.moiu.cn/ja/blog/app-shell-mount/ゲームとツールのページは「シェル + createApp」で、client:only ではありません。読み込み・成功・失敗の三状態を自分で持ち、再試行ボタンも本当に動きます。Wed, 05 Aug 2026 00:00:00 GMTVueパフォーマンスhttps://www.moiu.cn/ja/blog/server-layer/https://www.moiu.cn/ja/blog/server-layer/ページにはルートの export とコンポーネントの読み込みしかありません。取得・パス組み立て・日付計算はすべて src/server に移しました。その利点と、強制される型の制約について。Sun, 02 Aug 2026 00:00:00 GMTAstroサイト制作