/* global React, window */ const { SharedMasthead, Breadcrumb, Colophon } = window.cynixShared; const { AUTHORS } = window.cynixDataExt; const { useState } = React; const editor = AUTHORS.find(a => a.role_jp && a.role_jp.includes("編集長")) || AUTHORS[0]; const LETTERS = [ { id: "vol-09", vol: "VOL.09", issueDate: "2026-04-01", title: "夜のサーバー、昼の編集部", deck: "深夜帯のVPS応答性を測りに、編集部は3週間徹夜した。", body: [ "VOL.09の特集を「深夜帯のVPS応答性、本当の差。」に決めたとき、編集会議の空気は半分賛成、半分困惑だった。", "「昼間のベンチマーク数値は、もうどのレビュー記事にも載っている。差がないことが分かっているのに、また同じ表を作るのか」——副編集長の林がそう言った。彼女が言い出したことで、特集の角度が変わった。差が出るのは深夜帯のはずだ、と。", "結果、3週間で延べ72時間の夜間ベンチを回した。23時から翌4時まで、5社のVPSに同時負荷をかけ続ける。担当の佐藤は、研究室の床で2回寝た。出てきた数値は予想を超えていた。広告で「99.99%稼働」と書かれている各社が、深夜帯では平気で2桁ms単位の遅延を出していた。", "この記事を出すべきか、編集会議は2回紛糾した。広告主から外されるリスクがある、と営業の声があった。それでも出した。読者がサーバーを契約するときに見ているのは、契約書に書かれたSLAではなく、実際の朝の業務開始時にサイトが開くかどうかだ。", "今号からデータ記事の連載「数字で見るインフラ」を始める。次号VOL.10は、ドメイン更新のリマインドメールを5社で比較する。地味だが、年に一度の重要な瞬間のUXだ。", ], sign: "naoto-miyake", }, { id: "vol-08", vol: "VOL.08", issueDate: "2026-03-01", title: "SaaS疲れと、書くことの倫理", deck: "棚卸しの記事を書くのに、編集部の契約一覧から始めた。", body: [ "VOL.08の特集「SaaS疲れの正体」は、僕自身の実体験から始まった。月初に経費精算をしようとして、freeeにログインできなかった。前の会社で使っていたMFアカウントのパスワードを入れていたのだ。", "編集部全員でSaaS契約一覧を作ってみたら、平均で12本契約していた。半分は記憶にあるが、半分は「いつ契約したか覚えていない」ものだった。", "この棚卸しの記事を書くのに、自分たちの恥を晒すかどうかは議論になった。最終的には全員のSaaS契約数と、解約したものを記名で公開することにした。読者に「棚卸ししろ」と書く以上、編集部がやらないわけにはいかない。", "次号は VPS 特集だが、その次の VOL.10 は「年に一度しか起きないUX」を集めた号にする予定だ。ドメイン更新メール、確定申告のSaaS切替、年末のSSL期限切れ通知。地味な瞬間こそ、サービスの真価が出る。", ], sign: "naoto-miyake", }, { id: "vol-07", vol: "VOL.07", issueDate: "2026-02-01", title: "Shopifyで月商100万円——副編集長の100日", deck: "副編集長 林 春香が、自費でECを立ち上げた4ヶ月の記録。", body: [ "VOL.07の特集記事「Shopifyで月商100万円まで、本当の距離」は、副編集長の林が自費でEC事業を立ち上げ、4ヶ月で月商100万円を超えるまでを記録した実体験だ。", "編集部の中には反対の声もあった。「メディア編集者がEC運営を始めると、利益相反になる」と。", "それでも書いた。Shopifyの記事を編集部が書くとき、「触ったことがある人」と「自分で売上を立てた人」では、書ける角度がまるで違う。私たちは後者でありたい。", "ただし、林の店舗の商品名・URLは記事内では伏せた。読者がそれを買いに行くと、検証データが歪むからだ。これも編集会議で2時間かかった判断だった。", ], sign: "haruka-hayashi", }, ]; const App = () => { const [active, setActive] = useState(LETTERS[0].id); const letter = LETTERS.find(l => l.id === active); const author = AUTHORS.find(a => a.slug === letter.sign) || editor; return ( <>
{/* Hero */}
FROM THE EDITOR

編集長
コラム

Editor's Letter

号ごとに、編集部の判断と迷いを編集長の言葉で残します。
紙面に書ききれなかった「なぜこの記事を出したのか」の記録。

三
EDITOR-IN-CHIEF {editor.name_jp}
{/* Index strip */} {/* Letter body */}
EDITOR'S LETTER — {letter.vol}

{letter.title}

{letter.deck}
{letter.body.map((p, i) => (

{i === 0 ? ( <> {p[0]} {p.slice(1)} ) : p}

))} {/* Signature */}
{author.name_jp.replace(/\s/g, "")}
{author.role_jp} · {letter.issueDate}
cynix.jp
EDITOR'S LETTER
{/* Footer reader response */}
RESPONSES WELCOME
このコラムへの感想・反論を編集部が読みます。
); }; ReactDOM.createRoot(document.getElementById("root")).render();