<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Networking · 仁才徳</title>
    <link>https://jared.lynskey.co.nz/ja/tags/networking/</link>
    <description>ソフトウェアエンジニアリングと開発組織のリーダーシップについて。評価、採用とチームの拡大、CI/CD、DevOps モニタリング、エージェンティック AI。ソウルより。</description>
    <generator>Hugo</generator>
    <language>ja</language>
    <copyright>© 2026 仁才徳</copyright>
    <lastBuildDate>Wed, 28 Oct 2026 00:00:00 +1300</lastBuildDate>
    <atom:link href="https://jared.lynskey.co.nz/ja/tags/networking/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Cloudflare WARP で個人用のプライベートネットワークを作る: ラップトップ、スマホ、ワークステーションをつなぐ</title>
      <link>https://jared.lynskey.co.nz/ja/posts/2026/2026-10-01-cloudflare-warp-dev-network/</link>
      <guid isPermaLink="true">https://jared.lynskey.co.nz/ja/posts/2026/2026-10-01-cloudflare-warp-dev-network/</guid>
      <pubDate>Thu, 01 Oct 2026 00:00:00 +1200</pubDate>
      <dc:creator>Jared Lynskey</dc:creator>
      <category>Cloudflare</category>
      <category>WARP</category>
      <category>Zero Trust</category>
      <category>Cloudflare Tunnel</category>
      <category>Networking</category>
      <category>SSH</category>
      <category>DevOps</category>
      <category>AI Agents</category>
      <category>Ollama</category>
      <category>Mobile Development</category>
      <category>IPv6</category>
      <description>Cloudflare WARP と二本の Cloudflare Tunnel(Zero Trust)で、ラップトップ、5G のスマホ、オフィスの GPU ワークステーションを個人用のプライベートネットワークにまとめた方法です。固定のプライベート IP、開けるポートはゼロ、dev サーバーは Access の背後に。</description>
      <content:encoded><![CDATA[<p>Cloudflare WARP を使うと、ポートをひとつも開けずに、自分のマシンたちをひとつのプライベートネットワークにまとめられます。届かせたいマシンそれぞれで Cloudflare Tunnel(<code>cloudflared</code>)を動かして各トンネルにプライベートな IP 範囲を広告させ、ラップトップとスマホは WARP クライアントを include モードにして Zero Trust 組織に登録します。それ以降は、5G につながったスマホから <code>198.18.42.2</code> に素の接続を張るだけで、オフィスのワークステーションにたどり着きます。以下は私の環境の組み立て方と、途中でつまずいた四つのことです。</p>
<p>私の作業環境は、同じ場所にそろうことがほとんどない三台のマシンでできています。一台目は MacBook Air で、私の行くところにはどこへでもついてきます。二台目はオフィスにある devbox という名前のワークステーションで、ちゃんとした GPU を積んでいて、Ollama、ファインチューニング用のツール、専用のコンテナレジストリを持つ小さな Kubernetes クラスタ、そして長いジョブをこつこつ処理させたまま置いてきたエージェントが動いています。三台目はスマホです。私が作ったアプリが実際に使われるのはここで、一日の大半を wifi ではなくモバイルデータで過ごしています。</p>
<p>長いあいだ、この三台はまともに会話できていませんでした。ラップトップから devbox に届くのはオフィスの LAN にいるときだけ。スマホからラップトップの dev サーバーに届くのは両方が同じ wifi にいるときだけで、しかも <code>0.0.0.0</code> にバインドするのを忘れず、その朝 DHCP が Mac に割り当てたアドレスを打ち込んだ場合に限られました。ワークステーション上の面白いものはすべて、Ollama の API も、クラスタのダッシュボードも、トレースも、レジストリも、localhost かクラスタのネットワークにバインドしてありました。わざとです。どれもインターネットに置くべきものではないからです。</p>
<p>この記事は、Cloudflare WARP と二本の Cloudflare Tunnel でこれらをつなげた方法と、それで AI 機能やモバイルアプリの作り方がどう変わったか、そして何も言わずに壊れたいくつかのことについて書いたものです。</p>

<h2 class="relative group">本当に欲しかったもの
    <div id="本当に欲しかったもの" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%9c%ac%e5%bd%93%e3%81%ab%e6%ac%b2%e3%81%97%e3%81%8b%e3%81%a3%e3%81%9f%e3%82%82%e3%81%ae" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>要件として書き出すと短いです。</p>
<ol>
<li>ラップトップはシンクライアントにする。GPU や大量の RAM、何時間もの実行時間が必要なものはすべて devbox で動かし、ラップトップからはオフィスでも自宅でもカフェでも同じ方法で届くようにする。</li>
<li>スマホからは、どこにいても、モバイルデータでも、dev サーバーとシェルに届くようにする。いちいちオンオフを覚えておかなければならない VPN は使わない。</li>
<li>システムの振る舞いを見るためのもの、つまりダッシュボード、トレース、<code>docker info</code>、モデル一覧は、私だけが見られて、ほかの誰にも見られないようにし、公開 URL は決して付けない。</li>
<li>インバウンドのポートは開けない。オフィスのルーターにも、自宅のルーターにも、どこにも。</li>
</ol>
<p>四つ目で、昔ながらの答えであるポートフォワードとダイナミック DNS は候補から外れます。凝った手の多くも外れます。devbox もラップトップも自分では管理できない NAT の内側にいて、ラップトップにいたっては数時間ごとに違う NAT の内側にいるからです。</p>

<h2 class="relative group">以前: SSH トンネルのリポジトリ
    <div id="以前-ssh-トンネルのリポジトリ" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%bb%a5%e5%89%8d-ssh-%e3%83%88%e3%83%b3%e3%83%8d%e3%83%ab%e3%81%ae%e3%83%aa%e3%83%9d%e3%82%b8%e3%83%88%e3%83%aa" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>最初の版は自分用の小さなリポジトリで、今もこれが土台の層です。解決するのは、ラップトップ上で「SSH 越しに届くものにきれいな名前を付ける」という問題だけです。dnsmasq が <code>*.test</code> に <code>127.0.0.1</code> を返し、Caddy がホスト名でローカルのポートへ振り分けつつ <code>tls internal</code> でブラウザを満足させ、autossh の launch agent 群が SSH のフォワードを開いたまま保ち、切れたらつなぎ直します。ホスト名を見ればそれがどこにあるかが分かります。</p>
<table>
	<thead>
			<tr>
					<th>サフィックス</th>
					<th>意味</th>
					<th>運ぶもの</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td><code>*.local.test</code></td>
					<td>この Mac</td>
					<td>なし、dev サーバーそのもの</td>
			</tr>
			<tr>
					<td><code>*.ssh.test</code></td>
					<td>サーバー</td>
					<td>autossh のフォワード</td>
			</tr>
			<tr>
					<td><code>*.cloud.test</code></td>
					<td>ホスティング先のアプリ</td>
					<td>ホスティング事業者自身のプロキシ</td>
			</tr>
	</tbody>
</table>
<p>つまり <code>https://devbox-ollama.ssh.test/api/tags</code> はワークステーション上のモデル一覧を返し、<code>https://api.local.test</code> は自分のマシン上で動いている、開発中のアプリの API です。</p>
<p><code>.ssh</code> や <code>.cloud</code> のような新しいトップレベル名ではなく <code>.test</code> のサブドメインにしていて、<code>.local</code> も使いません。RFC 6761 はまさにこの用途のために <code>.test</code> を予約していて、<code>.local</code> は mDNS のものです。<code>.local</code> を乗っ取ると Mac で Bonjour の検出が動かなくなります。dnsmasq はもともと <code>*.test</code> 全体をワイルドカードで受けているので、ラベルがひとつ増えても何の負担もありません。<code>127.0.0.1</code> を指す <code>/etc/resolver/test</code> ファイルがひとつあれば、その後 DNS の変更は一切不要です。</p>

<h3 class="relative group">存在しない名前で HTTPS
    <div id="存在しない名前で-https" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%ad%98%e5%9c%a8%e3%81%97%e3%81%aa%e3%81%84%e5%90%8d%e5%89%8d%e3%81%a7-https" aria-label="アンカー">#</a>
    </span>
    
</h3>
<p>これらの名前はすべて、ブラウザが信頼する証明書付きの HTTPS で配信しています。私のラップトップの中にしか存在しないホスト名でそれは無理そうに聞こえますが、Caddy は自前の内部認証局でこれをやってのけます。サイトに <code>tls internal</code> と書くと、Caddy は Let&rsquo;s Encrypt に頼む代わりにローカルの CA からそのサイトの証明書を発行します。インストーラーが一度だけ実行する <code>caddy trust</code> が、その CA のルートを macOS のシステムキーチェーン(Chrome と Safari はここを読みます)と Firefox 独自のストアに入れます。それ以降は <code>https://anything.test</code> は証明書の警告なしに開き、素の <code>http://</code> はそちらへリダイレクトされ、マシンの外には何も出ていきません。</p>
<p>見た目だけの話ではありません。今の Web プラットフォームは、素の HTTP では動かないものがたくさんあります。secure cookie、service worker、クリップボード API、<code>SameSite=None</code> が絡むものすべて。Web ビルドを素の <code>http://localhost</code> でテストすると、本番の HTTPS ドメインで出るバグが隠れてしまいます。<code>https://app.local.test</code> でテストすれば、それが自分のラップトップの上で表に出てきます。</p>
<p>サイトブロックはこうです。ポート以外はどのサービスでも同じです。</p>
<div class="highlight-wrapper"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-caddyfile" data-lang="caddyfile"><span class="line"><span class="cl"><span class="gh">devbox-ollama.ssh.test</span>, <span class="gh">devbox-ollama.test</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">	<span class="k">tls</span> <span class="no">internal</span>
</span></span><span class="line"><span class="cl">	<span class="k">import</span> cors
</span></span><span class="line"><span class="cl">	<span class="k">reverse_proxy</span> <span class="n">127.0.0.1</span><span class="p">:</span><span class="mi">11435</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">		<span class="k">import</span> proxyhdr
</span></span><span class="line"><span class="cl">		<span class="k">transport</span> <span class="s">http</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">			<span class="k">keepalive</span> <span class="no">off</span>
</span></span><span class="line"><span class="cl">			<span class="k">dial_timeout</span> <span class="mi">5s</span>
</span></span><span class="line"><span class="cl">		<span class="p">}</span>
</span></span><span class="line"><span class="cl">	<span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
<p>面倒な部分は二つのスニペットが受け持っています。<code>cors</code> は <code>*</code> を返す代わりに呼び出し元の <code>Origin</code> をそのまま返します。認証情報が絡むと <code>*</code> は許されないからです。そして <code>OPTIONS</code> のプリフライトには自分で 204 を返すので、上流が相手をする必要はありません。<code>proxyhdr</code> は <code>Host</code> ヘッダーを接続先のアドレスに書き換えます。ルーターの管理画面や Chrome のリモートデバッグ用エンドポイントのような気難しいバックエンドは <code>Host</code> を検証するので、書き換えなければ <code>devbox-ollama.ssh.test</code> を聞いたこともない名前として弾いてしまいます。Ollama 自身のオリジンチェックはどのポートでもループバックなら通すので、<code>Host</code> を <code>127.0.0.1:11435</code> に書き換えれば通ります。</p>
<p><code>keepalive off</code> は、私なら間違えていたはずの設定です。上流はどれも SSH のフォワードで、ネットワークが変わるたびに autossh が壊して作り直します。keep-alive がオンだと、Caddy はとっくに死んだトンネルへのプール済みコネクションを握り続け、リロードするまで訳の分からない 404 を返します。オフにすればリクエストごとに新しく接続し、ループバックならそのコストは測れないほど小さいです。</p>
<p>各サービスは昔のフラットな名前(<code>devbox-ollama.test</code>)でも応答するので、サフィックスの仕組みを入れる前のブックマークもそのまま使えます。</p>

<h3 class="relative group">メニューバー
    <div id="メニューバー" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%83%90%e3%83%bc" aria-label="アンカー">#</a>
    </span>
    
</h3>
<p>launchd が十数本のフォワードを開いたまま保っていると、私が繰り返し気にするのは「これ、生きてる?」ということでした。その答えは <code>launchctl list</code>、<code>lsof</code>、<code>curl</code> の三か所に散らばっていました。そこで小さなメニューバーのプラグインでひとつにまとめ、すべてのホスト名の横に色付きの丸を出すようにしました。</p>
<ul>
<li>🟢 トンネル経由でサービスがリクエストに応答した</li>
<li>🟡 トンネルは開いているが、その先のサービスが黙っている</li>
<li>🔴 ローカルのポートで何も待ち受けていない、つまりトンネル自体が落ちている</li>
</ul>
<p>役に立つのは黄色です。緑と赤だけのチェックでは「SSH のフォワードが死んだ」と「向こう側で Ollama が落ちた」を区別できず、この二つは直し方がまったく違います。プラグインはサービスの一覧を自分では持たず、ほかと同じプロキシと SSH の設定を読むので、そこにサービスを足せばメニューにも足されます。</p>
<p>最初の版は欲張りすぎでした。十秒ごとに更新し、サービスごとにいくつもプロセスを起こしていたので、一回の実行で七十個ほどになり、macOS はすぐにこのプラグインを「エネルギー消費の大きいアプリ」に並べました。実行ごとにスナップショットを一回だけ取り、更新を数分おきにしたところ、コア一つの 0.1% ほどに収まりました。バッテリーを食う状態表示では本末転倒なので、最初からコストを見積もっておく価値があります。</p>
<p>穴がひとつあって、それがいちばん肝心なところでした。devbox には公開された名前がありません。その SSH フォワードは <code>192.168.x</code> のアドレスに接続していたので、ラップトップがオフィスの LAN にいるあいだしか動きませんでした。オフィスを離れるとメニューバーは赤くなって赤いままで、ラップトップを楽にするためにワークステーションへ移したものすべてに、まさにその隣に座っていないときに限って届かなかったのです。</p>

<h2 class="relative group">正しい向きの二本のトンネル
    <div id="正しい向きの二本のトンネル" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%ad%a3%e3%81%97%e3%81%84%e5%90%91%e3%81%8d%e3%81%ae%e4%ba%8c%e6%9c%ac%e3%81%ae%e3%83%88%e3%83%b3%e3%83%8d%e3%83%ab" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>解決策は三つの部分からなり、最初の二つが Cloudflare Tunnel です。</p>
<p>Cloudflare Tunnel とは、<code>cloudflared</code> が Cloudflare のエッジへのアウトバウンド接続を保ち続けるものです。Cloudflare はその接続を通してリクエストを送り返してくるので、何重の NAT の内側にあるマシンでも、ルーターで何かを待ち受けさせることなく到達できるようになります。ホテルの wifi に移ったラップトップにもついていき、CGNAT も乗り越えます。</p>
<p>私は二本、マシンごとに一本ずつ動かしていて、その理由は一言書いておく価値があります。手っ取り早いのは、ラップトップに一本だけトンネルを置いて、オフィス LAN 上の devbox の SSH ポートを指す ingress ルールをひとつ足すことでした。これなら devbox には何もインストールしなくて済みます。ただしラップトップを経由することになり、オフィスから出ていくのはそのラップトップです。解決するために作ったはずのまさにその状況で壊れていたでしょう。devbox は動かないので、devbox が自分でエッジへの接続を持ちます。</p>
<div class="highlight-wrapper"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="c"># config.yml on devbox (runs as a systemd service)</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="nt">protocol</span><span class="p">:</span><span class="w"> </span><span class="l">auto       </span><span class="w"> </span><span class="c"># prefer QUIC, fall back to HTTP/2 over TCP 443</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="nt">ha-connections</span><span class="p">:</span><span class="w"> </span><span class="m">4</span><span class="w">     </span><span class="c"># mains-powered, its job is to stay reachable</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="nt">warp-routing</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w">  </span><span class="nt">connectTimeout</span><span class="p">:</span><span class="w"> </span><span class="l">5s</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="nt">ingress</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w">  </span>- <span class="nt">hostname</span><span class="p">:</span><span class="w"> </span><span class="l">ssh-devbox.example.com</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w">    </span><span class="nt">service</span><span class="p">:</span><span class="w"> </span><span class="l">tcp://127.0.0.1:22</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w">  </span>- <span class="nt">service</span><span class="p">:</span><span class="w"> </span><span class="l">http_status:404</span></span></span></code></pre></div></div>
<p><code>ssh://</code> ではなく <code>tcp://</code> にするのは、間違えやすいところです。<code>ssh://</code> を選ぶと Cloudflare のブラウザ上で描画するターミナルになり、ストリームは Web ページ用に包まれます。そこに普通の <code>ssh</code> クライアントを通すと、バナーまでは届いて、鍵交換で死にます。<code>tcp://</code> は <code>cloudflared access ssh</code> が期待する素のバイトの土管で、おまけに <code>scp</code>、<code>rsync</code>、SSH 越しの git、ポートフォワードも通ります。</p>
<p>この最後の点が、SSH の層の穴を塞ぎました。SSH の設定は今、接続ごとに経路を選びます。</p>
<div class="highlight-wrapper"><pre tabindex="0"><code class="language-sshconfig" data-lang="sshconfig">Match originalhost devbox !exec &#34;nc -z -G 1 &lt;office-lan-ip&gt; 22 &gt;/dev/null 2&gt;&amp;1&#34;
    ProxyCommand cloudflared access ssh --hostname ssh-devbox.example.com ...</code></pre></div>
<p>オフィスの LAN にいれば確認が成功し、SSH は直接、1 ホップで接続します。それ以外の場所では確認が失敗し、SSH は Cloudflare を経由します。認証には Access のサービストークンを使うので、ブラウザでのログインが割り込むこともありません。<code>Match host</code> ではなく <code>Match originalhost</code> です。<code>host</code> は <code>HostName</code> が置き換えられた後にマッチするので、その時点で名前はもう IP になっていて、ブロックが発動しません。結果として、<code>devbox-ollama.ssh.test</code> はオフィスでも自宅でも電車の中でも動き、メニューバーの丸は緑のままです。</p>
<p>ラップトップのトンネルは逆向きです。Mac 上の dev サーバーに本物の公開 HTTPS ホスト名を与えます。開発中のアプリそれぞれについて、その API、WebSocket サーバー、Web ビルドです。どれも Cloudflare Access の背後にいます。これについては後で戻ってきます。ここが、この仕組みを無謀ではなく安全なものにしている部分だからです。</p>
<p>メニューバーも両方のトンネルを把握するようになりましたが、確認の問い合わせではそれができませんでした。インバウンドのトンネルには確認すべきローカルのポートがなく、二つのコネクタの片方はそもそもラップトップで動いていません。すぐ思いつくテスト、<code>ssh-devbox.example.com</code> に curl することは、コネクタがつながっていてもいなくても Cloudflare のエッジから応答が返るので、死んだトンネルでも緑と読んでしまいます。launchd もあてになりません。<code>cloudflared</code> はエッジへの接続をすべて失っていても「loaded, exit 0」のまま居座ります。そこでトンネルについては、それぞれに健全なコネクタがあるかを Cloudflare の API に尋ねます。<code>ssh</code> がたどり着くかどうかを決めるのはそれだからです。API に届かなければ、その部分は赤で描くのではなく丸ごと表示しません。メニューはひと目で読むものなので、そこでの誤報は一行欠けるよりも高くつきます。</p>

<h2 class="relative group">三つ目の部分: WARP でネットワークにする
    <div id="三つ目の部分-warp-でネットワークにする" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%b8%89%e3%81%a4%e7%9b%ae%e3%81%ae%e9%83%a8%e5%88%86-warp-%e3%81%a7%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e3%81%ab%e3%81%99%e3%82%8b" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>ホスト名付きのトンネルは、HTTPS を話すものと、<code>cloudflared</code> を動かせるマシンからの SSH には最高です。スマホにはそれができません。それにトンネルのホスト名は TCP のエンドポイントではありません。Cloudflare のエッジがそこで終端するのは HTTPS と WebSocket だけなので、<code>ssh.example.com</code> のポート 22 は閉じていて、Access をどういじっても開きません。</p>
<p>そこで WARP の出番です。Cloudflare One Agent(エンタープライズ向けの WARP クライアントです。組織に参加できないコンシューマー向けの「1.1.1.1」アプリではありません)を、ラップトップとスマホで私の Zero Trust 組織に登録しています。各トンネルがプライベートルートを広告し、WARP を動かしているデバイスはそのアドレスに素のソケットを開けば正しいマシンにたどり着けます。「このサービスに名前で届く」ではなく、「これらのマシンが私と同じネットワークにいる」になるわけです。</p>
<table>
	<thead>
			<tr>
					<th>アドレス</th>
					<th>マシン</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td><code>198.18.42.1</code> / <code>fd12:3456:789a::1</code></td>
					<td>MacBook Air</td>
			</tr>
			<tr>
					<td><code>198.18.42.2</code> / <code>fd12:3456:789a::2</code></td>
					<td>devbox</td>
			</tr>
			<tr>
					<td><code>198.18.42.3</code> / <code>fd12:3456:789a::3</code></td>
					<td>もう一台の Mac</td>
			</tr>
	</tbody>
</table>
<p>これらのアドレスは各マシンのループバックのエイリアスで、起動時に作られます。なので DHCP にも、どのルーターの内側にいるかにも左右されません。<code>198.18.42.2</code> は、オフィスでも、自宅からでも、5G のスマホからでも devbox です。Mac の本当の LAN アドレスは移動するたびに変わりますが、こちらは決して変わりません。</p>
<p>スプリットトンネルは <strong>include モード</strong> にしていて、中身はこれらのルート(と、WARP 自身が必要とする Cloudflare の範囲)だけです。これがクライアントを常用できるものにしています。デフォルトは exclude モードで、WARP はプライベートな範囲のリスト以外のすべてを運ぶので、スマホが送るすべてのバイトが Cloudflare を回り道します。これにはバッテリーとレイテンシに実際のコストがあって、必要なときだけオンにするようになっていたはずで、それでは意味がありません。include モードなら、三台のマシン宛ての通信は WARP を通り、それ以外はいつもの経路で手つかずのまま出ていきます。だからクライアントはつけっぱなしです。ラップトップの <code>warp-cli status</code> は一日中 <code>Connected</code> と言っていて、私はそのことを考えもしません。</p>
<p>トランスポートは、UDP 2408 の WireGuard ではなく、UDP 443 上の HTTP/3 で HTTP/2 へのフォールバックを持つ MASQUE にしています。キャリアやゲストネットワークの中には 2408 を塞ぐところがありますが、443 を塞ぐところはまずありません。私の組織のポリシーでは MASQUE の耐量子鍵合意もオンになっています。探しに行ったわけではありませんが、断る理由もありません。</p>

<h2 class="relative group">なぜ 198.18 なのか、なぜ IPv6 アドレスがあるのか
    <div id="なぜ-19818-なのかなぜ-ipv6-アドレスがあるのか" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%aa%e3%81%9c-19818-%e3%81%aa%e3%81%ae%e3%81%8b%e3%81%aa%e3%81%9c-ipv6-%e3%82%a2%e3%83%89%e3%83%ac%e3%82%b9%e3%81%8c%e3%81%82%e3%82%8b%e3%81%ae%e3%81%8b" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>このアドレスは妙に見えますし、最初に選んだアドレスは、学ぶところのある形で間違っていました。</p>
<p>最初に試したのは <code>10.10.0.1</code> でした。誰でもまずそれに手を伸ばすからです。これはスプリットトンネルのどちらのモードでも失敗します。exclude モードでは、WARP のデフォルトのリストが RFC 1918 の範囲すべてと <code>100.64.0.0/10</code> を除外するので、クライアントはその宛先への通信をデバイスから出る前に捨ててしまいます。include モードでは、たまたま参加した本物の <code>10.x</code> ネットワークとぶつかります。カフェもコワーキングスペースも、多くのオフィスも、まさにその範囲を使っています。<code>198.18.0.0/15</code> は RFC 2544 のベンチマーク用の範囲です。予約済みで、公開インターネットでルーティングされることはなく、WARP の除外リストにも入っておらず、普通のネットワークでは使われていません。IPv6 のアドレスが ULA(<code>fd00::/8</code>)なのも同じ理由です。</p>
<p>そもそもなぜ IPv6 があるのか、のほうが面白い話です。v4 のアドレスが動くようになったあと、wifi につないだスマホから試して問題なかったので、完了にしました。5G では動きませんでした。Agent は connected と言っていて、トンネルは健全で、Access も問題なし。wifi でのテストがそのすべてを証明していました。問題は、今のモバイルネットワークはほとんどが IPv6 オンリーだということでした。スマホにはネイティブの IPv4 がまったくなく、v4 のリテラルにはキャリアの 464XLAT トランスレーター経由で届いていました。include リストに v4 のプレフィックスしかないと、このトランスレーターはトンネルの <em>外側</em> にいます。通信は公開インターネットに出ていき、そこでは <code>198.18.0.0/15</code> はルーティングされないので、音もなく捨てられていました。スマホにはエラーもなく、コネクタのログにも何もありません。</p>
<p>解決策は、スマホが IPv6 でネイティブに届く二つ目のアドレスをすべてのマシンに持たせ、それをルートと include リストの両方に足すことです。今では、モバイルデータのときにスマホの SSH クライアントが実際に使っているのは <code>fd12:3456:789a::</code> のアドレスのほうです。</p>

<h2 class="relative group">オフロード: 端末としてのラップトップ
    <div id="オフロード-端末としてのラップトップ" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%aa%e3%83%95%e3%83%ad%e3%83%bc%e3%83%89-%e7%ab%af%e6%9c%ab%e3%81%a8%e3%81%97%e3%81%a6%e3%81%ae%e3%83%a9%e3%83%83%e3%83%97%e3%83%88%e3%83%83%e3%83%97" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>この仕組み全体は、この部分のためにあります。</p>
<p><strong>モデルとファインチューニング。</strong> Ollama は devbox 上で動き、<code>127.0.0.1:11434</code> にバインドしています。オフィス LAN のほかのマシンからも見えませんし、インターネットからなど言うまでもありません。ラップトップ上では <code>https://devbox-ollama.ssh.test</code> として、あるいはポートそのものを欲しがるツール向けには素のポートとして現れます。</p>
<div class="highlight-wrapper"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nv">OLLAMA_HOST</span><span class="o">=</span>127.0.0.1:11435 ollama list</span></span></code></pre></div></div>
<p>11434 ではなく 11435 なのはわざとです。11434 は Ollama 自身のデフォルトで、もしラップトップでもローカルの Ollama を動かすことがあれば、二つがポートを奪い合い、どちらが先に起動したかによって「ローカル」のはずのものから devbox の答えが黙って返ってくることになります。</p>
<p>実際の効果として、AI 機能を作っているとき、呼び出すモデルはどこにいてもラップトップではなくワークステーションの GPU で動きます。評価の実行、大量のドキュメントの埋め込み、ファインチューニング。これらは devbox で動き、ラップトップのファンは回らないままです。エージェントを試作しているときは、ワークステーション上のローカルモデルを指して、API の請求を気にせずツール呼び出しを何度でも繰り返し、ループが固まってからホスト型のモデルに切り替えられます。</p>
<p><strong>長時間動くエージェント。</strong> 一時間かかるエージェントのセッションが、ラップトップの蓋が開いているかどうかに左右されるべきではありません。代わりに devbox で動かせば、ラップトップはそれを覗く窓にすぎません。蓋を閉じて、あとでどこからでも、あるいはスマホからでも <code>ssh devbox</code> すれば、まだそこにいます。トンネル以前はこれがオフィスでしか使えませんでした。まさに必要のない場所です。</p>
<p><strong>ビルドとクラスタ。</strong> devbox のクラスタは専用のレジストリを持っているので、イメージはラップトップからホテルの wifi でアップロードするのではなく、ワークステーション上で、それが動く場所のすぐ隣でビルドして push できます。クラスタのダッシュボード、ingress のダッシュボード、レジストリの UI は、どれもラップトップ上では <code>*.ssh.test</code> のホスト名です。</p>
<p><strong>モバイルの開発ループ。</strong> スマホはラップトップと同じプライベートネットワークにいて、ラップトップの dev サーバーには Access の背後の公開ホスト名もあります。なのでアプリのネイティブビルドを建物の外へ持ち出して、5G で、自分の机で動いている API と話させることができます。あるいは devbox 上のほうと話させることも、そちらに置いてきたのなら。実機で本物のモバイルネットワーク越しに回すフィードバックループは、以前は共有のステージングサーバーへのデプロイを意味していました。今はファイルを保存することを意味します。</p>
<p>ここにはひとつ、アプリのバグとしてデバッグし始める前に知っておく価値のある罠があります。Access は WebSocket のホスト名も守っていて、ネイティブの WebSocket クライアントはブラウザではありません。<code>CF_Authorization</code> の cookie を持っていないので、ネイティブビルドから WebSocket サーバーへの接続はエッジで 403 で拒否され、その 403 は自分のサーバーのエラーとは似ても似つきません。ブラウザのタブは、ログインしたときの cookie をすでに持っているので問題ありません。ブラウザ以外のもの(ネイティブアプリ、スクリプト、dev API を呼ぶエージェント)への答えは Access の <strong>サービストークン</strong> で、二つのヘッダーとして送ります。</p>
<div class="highlight-wrapper"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">CF-Access-Client-Id:     &lt;client_id&gt;
</span></span><span class="line"><span class="cl">CF-Access-Client-Secret: &lt;client_secret&gt;</span></span></code></pre></div></div>
<p>トークンはそれ自体では何の権限も与えません。Access がそれを受け入れるのは、ポリシーでそのトークンを指名しているアプリだけなので、届く範囲はちょうど dev ホスト名の一覧で、それより広くはありません。私はそのポリシーを <code>allow</code> ではなく <code>non_identity</code> の判定に分類しています。こうすると監査ログの中で、ログインした人ではなくベアラーシークレットとして見分けがつきます。</p>

<h2 class="relative group">インターネットが決して見ない統計
    <div id="インターネットが決して見ない統計" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88%e3%81%8c%e6%b1%ba%e3%81%97%e3%81%a6%e8%a6%8b%e3%81%aa%e3%81%84%e7%b5%b1%e8%a8%88" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>欲しかったもののもう半分は、可視性でした。システムの振る舞いを教えてくれるものの大半は、正しく、公開されていません。devbox では次のものです。</p>
<ul>
<li>ingress プロキシのダッシュボードと、そのトレースが入ったトレーシング UI</li>
<li>Kubernetes クラスタ用のダッシュボード</li>
<li>コンテナレジストリの UI(読み取り専用)</li>
<li>Ollama のモデル一覧と、今ロードされているもの</li>
<li><code>docker info</code> とコンテナの統計</li>
</ul>
<p>どれにも公開ホスト名はなく、これからも付けることはありません。ループバックかクラスタのサービス IP にバインドされていて、届くのは SSH のフォワード経由で、そのフォワード自体がトンネルに乗っています。スマホの監視アプリは、WARP をまたいだ SSH で <code>docker info --format '{{json .}}'</code> を読むので、コンテナが動いているか、何かがメモリを食い尽くしていないかを、どこからでも確認できます。</p>
<p>このアプリのおかげで、書いておく価値のある小さなバグを見つけました。Mac のトンネル用 sshd が、デバッグしていたときのまま <code>LogLevel DEBUG2</code> になっていました。<code>-e</code> を付けると sshd は stderr にログを出し、セッションにとってその stderr は SSH チャネルの stderr <em>そのもの</em> です。すべてのコマンドの出力に <code>debug2: do_setup_env: set TMPDIR</code> がくっついて返ってきて、二つのストリームをまとめるスマホのアプリは、正しい JSON の後ろにログの行が続いたものを受け取り、パースに失敗して、全体をエラーとして表示していました。<code>LogLevel INFO</code> で直りました。デバッグが終わったらログレベルは戻しましょう。</p>
<p>同じくらい意図的なのが、このネットワークに <em>載せない</em> ものです。昔の autossh トンネルは、私が面倒を見るのを手伝っている、よそのネットワークのルーターにもいくつか届きます。それらには公開ホスト名も WARP のルートも与えません。インターネット上のルーター管理画面は、ログインの背後にあってもリスクですし、私が広げてよいネットワークでもありません。</p>

<h2 class="relative group">Access は省略できない
    <div id="access-は省略できない" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#access-%e3%81%af%e7%9c%81%e7%95%a5%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>Cloudflare Tunnel のホスト名は、DNS レコードができた瞬間に公開インターネット上に存在します。その前にファイアウォールはありません。それこそがポートを開けないことの要点です。守りは Cloudflare のエッジから来なければならず、それをするのが Access です。訪問者が誰であるかを証明するまで、リクエストを転送すること自体を拒否するので、認証されていないスキャナーがラップトップに届くことはありません。これは重要です。相手は dev サーバーだからです。設定が載ったデバッグモードのトレースバック、開きっぱなしの JavaScript バンドラー。これらのホスト名の背後にあるものは、どれもインターネットに面するように作られていません。</p>
<p>ポリシーは私自身のメールアドレスだけを許可し、ほかは何も許可しません。証明の手段は、メールでのワンタイム PIN とシングルサインオンの二つです。セッションは八時間です。現実的な脅威は、誰かが PIN を総当たりすることではなく、一日有効な cookie を持ったままカフェで開きっぱなしにしたラップトップだからです。</p>
<p>SSH は、お互いを知らない二つの仕組みによって二重に認証されます。Access は TCP のストリームが sshd に届いてよいかどうかを決め、sshd はそれでも私の鍵を要求します。どちらかを失っても、マシンは開きません。Mac のトンネル用 sshd は Cloudflare の SSH CA も信頼しているので、Access は SSO のセッションから発行した短命の証明書で私をログインさせられます。一方で <code>authorized_keys</code> もそれと並んで使えるままなので、Access の設定が壊れても自分のラップトップから締め出されることはありません。</p>
<p>いちばん気に入っているのは小さな部品です。公開は三つのことがそろったときに起きます。DNS レコード、動いているコネクタ、アクティブなゾーン。この三つは別々のタイミングで、私が制御できない順番で成り立ちます。ゾーンはネームサーバーを変えてからしばらくして勝手にアクティブになります。Mac がスリープしているあいだかもしれません。そこで launch agent は <code>cloudflared</code> を直接動かしません。代わりにプリフライトを動かし、トンネル自身の設定からホスト名を読み取り、Access の API にどれが保護されているかを尋ね、保護されていないものがひとつでもあれば起動を拒否します。</p>
<div class="highlight-wrapper"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nv">HOSTNAMES</span><span class="o">=</span><span class="k">$(</span>grep -E <span class="s1">&#39;^\s*-\s*hostname:&#39;</span> <span class="s2">&#34;</span><span class="nv">$CONFIG</span><span class="s2">&#34;</span> <span class="p">|</span> sed -E <span class="s1">&#39;s/.*hostname:\s*//&#39;</span> <span class="p">|</span> sort -u<span class="k">)</span>
</span></span><span class="line"><span class="cl"><span class="nv">PROTECTED</span><span class="o">=</span><span class="k">$(</span>curl -fsS -H <span class="s2">&#34;Authorization: Bearer </span><span class="nv">$CLOUDFLARE_API_TOKEN</span><span class="s2">&#34;</span> <span class="se">\
</span></span></span><span class="line"><span class="cl">    <span class="s2">&#34;https://api.cloudflare.com/client/v4/accounts/</span><span class="nv">$CLOUDFLARE_ACCOUNT_ID</span><span class="s2">/access/apps?per_page=100&#34;</span> <span class="se">\
</span></span></span><span class="line"><span class="cl">    <span class="p">|</span> python3 -c <span class="s1">&#39;import sys,json; print(&#34;\n&#34;.join(a.get(&#34;domain&#34;,&#34;&#34;) for a in json.load(sys.stdin)[&#34;result&#34;]))&#39;</span><span class="k">)</span> <span class="se">\
</span></span></span><span class="line"><span class="cl">    <span class="o">||</span> <span class="o">{</span> <span class="nb">echo</span> <span class="s2">&#34;could not reach the Access API. refusing (fail closed).&#34;</span><span class="p">;</span> <span class="nb">exit</span> 1<span class="p">;</span> <span class="o">}</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="k">for</span> h in <span class="nv">$HOSTNAMES</span><span class="p">;</span> <span class="k">do</span>
</span></span><span class="line"><span class="cl">    grep -qxF <span class="s2">&#34;</span><span class="nv">$h</span><span class="s2">&#34;</span> <span class="o">&lt;&lt;&lt;</span><span class="s2">&#34;</span><span class="nv">$PROTECTED</span><span class="s2">&#34;</span> <span class="o">||</span> <span class="o">{</span> <span class="nb">echo</span> <span class="s2">&#34;NOT starting: </span><span class="nv">$h</span><span class="s2"> has no Access app&#34;</span><span class="p">;</span> <span class="nb">exit</span> 1<span class="p">;</span> <span class="o">}</span>
</span></span><span class="line"><span class="cl"><span class="k">done</span>
</span></span><span class="line"><span class="cl"><span class="nb">exec</span> cloudflared tunnel --config <span class="s2">&#34;</span><span class="nv">$CONFIG</span><span class="s2">&#34;</span> run</span></span></code></pre></div></div>
<p>launch agent には <code>KeepAlive</code> が付いているので、拒否されると 30 秒ごとに自分で再試行し、Access のアプリができればトンネルは勝手に上がります。フェイルクローズの代償は停止です。フェイルオープンの代償は露出です。どちらを説明するほうがましか、私は分かっています。</p>

<h2 class="relative group">つまずいた四つのこと
    <div id="つまずいた四つのこと" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%a4%e3%81%be%e3%81%9a%e3%81%84%e3%81%9f%e5%9b%9b%e3%81%a4%e3%81%ae%e3%81%93%e3%81%a8" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>ここまでに書いたことは、今はすべて動いています。そこにたどり着くまでに、四つのうち三つは同じパターンでした。壊れているものはどこにもエラーを出さず、自分に見える部分はすべて健全だと報告していました。</p>
<p><strong>ルートと include リストは別々のリスト。</strong> トンネルのルートは、Cloudflare があるアドレスを正しいコネクタまで運ぶ <em>気になる</em> ようにするものです。WARP の include リストは、そもそもクライアントがそれを <em>送る</em> ようにするものです。devbox にスマホから届かなかったのは、ルートは存在していたのに、include リストにはまだ Mac のアドレスしかなかったからです。スマホはパケットをローカルで捨て、コネクタは通信をひとつも見ず、ダッシュボードはすべて緑でした。新しいマシンを足すたびに、そのアドレスを両方に足す必要があります。</p>
<p><strong>IPv6 オンリーのモバイルネットワークでの IPv4 リテラル。</strong> 上で書いたとおりです。wifi では動き、5G では失敗し、エラーはなし。WARP のルートが wifi では動いてモバイルデータでは動かず、Agent が connected と表示しているなら、原因はトンネルではなくルーティングです。</p>
<p><strong>cloudflared の背後の macOS の sshd。</strong> macOS は sshd を launchd のソケットアクティベーションで起動し、接続ごとに短命の <code>sshd -i</code> をひとつ立てます。cloudflared の背後だと、バナーはクライアントに届くのに、クライアントの識別文字列が戻る前にストリームが壊され、すべてのログインが <code>kex_exchange_identification</code> で死にます。両端から確認し、素の TCP リレーでも再現したので、Cloudflare は原因から外れました。解決策は、二つ目の独立した <code>sshd -D</code> を <code>127.0.0.1:2222</code> と WARP のループバックアドレスで、自分のユーザーとして動かすことです。トンネルのオリジンになるためだけに存在する sshd です。システム設定のリモートログインには手を付けていません。devbox は Linux で、普通の長生きする sshd が動いているので、この問題は一度も起きませんでした。</p>
<p><strong>存在しなくなる設定フィールド。</strong> 古い例には、トンネルの設定に <code>warp-routing: enabled: true</code> と書いてあります。cloudflared 2026.8 はこのフィールドをはっきり拒否します。WARP ルーティングは、ブロックが存在し、ルートがトンネルを指していれば常にオンです。少なくともこれはエラーを出してくれたので、ほかの三つのあとでは、ほとんど親切に感じました。</p>

<h2 class="relative group">何が変わったか
    <div id="何が変わったか" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%bd%95%e3%81%8c%e5%a4%89%e3%82%8f%e3%81%a3%e3%81%9f%e3%81%8b" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>正直にまとめると、ハードウェアがどこにあるかで作業場所を選ぶのをやめました。ラップトップは良いキーボードと良い画面と長いバッテリーで、それ以上である必要はありません。ワークステーションは、私がどこにいても力仕事を引き受けます。スマホは、オフィスの wifi につながれたものではなく、本物のネットワーク上の本物のテスト端末です。そして、システムが何をしているかを見るための部分は、私にとってはクリックひとつの距離にあり、ほかの誰にとっても存在しません。</p>
<p>この規模なら Cloudflare の無料の Zero Trust プランに収まります。かかったのは時間と、書いておいてよかったと思っている README です。上に書いた失敗はどれも、二回目にはまた新鮮な謎になっていたはずだからです。</p>
<p>似たようなことを考えているなら、自分の環境にこう問いかけてみてください。</p>
<ol>
<li>ラップトップで動いているもののうち、ラップトップがいつでも届く唯一のマシンだという理由だけでそこにあるものは何か?</li>
<li>スマホから dev サーバーに、オフィスの wifi だけでなくモバイルデータでも届くか? wifi ではなく 5G で試してください。</li>
<li>ダッシュボードのうち、外から見るのにそれが楽だったという理由で公開しているものはどれか? どれもプライベートルートに置き換える候補です。</li>
<li>明日、あるトンネルのホスト名が Access のアプリなしで上がってきたら、何がそれを止めるか? 答えが「自分が覚えているはず」なら、プリフライトを書いてください。</li>
<li>プライベートアドレスは、訪れる先のネットワークが決して使わない範囲にあるか?</li>
</ol>
]]></content:encoded>
      <media:content url="https://jared.lynskey.co.nz/en/posts/2026/2026-10-01-cloudflare-warp-dev-network/featured.jpg" medium="image" type="image/jpeg" />
    </item>
    <item>
      <title>コーヒーチャットとは？面接との違い、服装、聞くべき質問</title>
      <link>https://jared.lynskey.co.nz/ja/posts/2024/2024-07-12-coffee-chats/</link>
      <guid isPermaLink="true">https://jared.lynskey.co.nz/ja/posts/2024/2024-07-12-coffee-chats/</guid>
      <pubDate>Fri, 12 Jul 2024 00:30:03 +0000</pubDate>
      <dc:creator>Jared Lynskey</dc:creator>
      <category>Engineering Manager</category>
      <category>Team</category>
      <category>People</category>
      <category>Team Size</category>
      <category>Scaling</category>
      <category>Efficiency</category>
      <category>Talent Scouting</category>
      <category>Coffee Chat</category>
      <category>Recruitment</category>
      <category>Hiring</category>
      <category>Culture Fit</category>
      <category>Networking</category>
      <description>コーヒーチャットとは、カフェやビデオ通話で30〜45分ほど気軽に話し、もっと深く話す価値があるかをお互いに確かめる場です。面接ではありません。開発者と出会ういちばんの方法になった理由、私なりの進め方と聞くべき質問、誘われた側として臨むときの服装と話題、そしてよくある台無しにする方法をまとめました。</description>
      <content:encoded><![CDATA[<p>本当に採用したい開発者は、求人サイトにはまずいません。目の前のプロダクト作りに没頭していて、今の職場にそこそこ満足していて、リクルーターからのメッセージには（当然ながら）警戒心を持っています。今年からエンジニアリングマネジメントの側に回って、そういう人たちと出会うために一番頼りにしているのは、拍子抜けするほど単純な手段です。コーヒー1杯。</p>
<p>コーヒーチャットは30〜45分の気軽な会話です。カフェでもビデオ通話でも構いません。ホワイトボードなし、面接官のパネルなし、ひっかけ問題なし。こちらは何をなぜ作っているかを話し、相手はいま何をしていて次に何を望むかを話す。それだけで、もっと深い話をする意味があるかどうかが双方にわかります。採用は選抜の問題というよりマッチングの問題で、マッチングに必要な情報を交換する手段として、これより速いものを知りません。</p>

<h4 class="relative group">なぜ続けているのか
    <div id="なぜ続けているのか" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%aa%e3%81%9c%e7%b6%9a%e3%81%91%e3%81%a6%e3%81%84%e3%82%8b%e3%81%ae%e3%81%8b" aria-label="アンカー">#</a>
    </span>
    
</h4>
<p>このチャットを「採用活動」だと考えるのは、もうやめました。ただの会話です。そして、そのうちのいくつかが、忘れた頃に採用につながります。相手の状況が変わった18ヶ月後に、ということもあります。良い採用を安定して生むパイプラインは、求人広告ではなく、こういう関係の積み重ねでできています。</p>
<p>職務記述書の問題も解決してくれます。JDはどうしても一般的な書き方になります。コーヒーを挟めば、候補者は本当に知りたいことを聞けます。最初の6ヶ月で何ができれば成功なのか。誰と働くことになるのか。チームがいま抱えている一番厄介な技術課題は何か。正直な答えを聞いた人は、自分に合うかどうかを自分で正しく判断してくれます。</p>
<p>それから、チャットは文化を「説明」する代わりに「見せて」くれます。準備してきたか、本気で興味を持っているか、相手の時間を尊重しているか。どんな採用ページよりも雄弁です。これは逆方向にも働きます。肩の力が抜けた会話での振る舞いは、練習済みの面接よりずっと多くのことを教えてくれます。</p>
<p>特に効くのは、転職活動をしていない人に声をかけるとき、正式な選考の前に、紹介の下地をつくっておくとき、そしてキャリアの転機（現場のエンジニアからマネジメントへ、スタートアップから大企業へ、あるいはその逆）を迷っている人と話すとき。人材の取り合いになっている市場では、欲しい人のほとんどがこのどれかに当てはまります。</p>

<h4 class="relative group">私の進め方
    <div id="私の進め方" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e7%a7%81%e3%81%ae%e9%80%b2%e3%82%81%e6%96%b9" aria-label="アンカー">#</a>
    </span>
    
</h4>
<p>最初のメッセージがすべてを決めます。テンプレのアウトリーチは削除されて終わりです。下調べをして、意図を正直に書きます。</p>
<p><em>「こんにちは、サラさん。QConでの分散システムのご講演と、イベントソーシングについてのブログ記事を拝見しました。[会社]でも、決済インフラをスケールさせる中で同じような課題に取り組んでいます。30分ほどコーヒーチャットでお話しできないでしょうか？面接ではありません。サラさんのお考えを伺いつつ、私たちの取り組みもご紹介できればと思っています。」</em></p>
<p>これが機能するのは、具体的で、意図を隠さず、時間をくださいと頼むだけでなく「面白い問題について話す機会」という価値を差し出しているからです。あとは相手の手間を減らすこと。候補日時をいくつか出し、相手に便利な場所（オンラインならダウンロード不要のビデオツール）を選び、詳細を書いたカレンダー招待を送って、相手に何も推測させないことです。</p>
<p>会話そのものは、ゆるい型があれば十分です。最初の数分は本物の雑談と、なぜ声をかけたのかの説明。次に相手の話。いまの仕事、楽しいこと、うんざりしていること、次に望むもの。ここでは話すより聞くのが仕事です。それから自分たちの話。ミッションと、チームが実際に抱えている課題を、大変な部分も含めて話します。候補者は率直さを尊重しますし、売り込みの匂いには敏感です。一番価値があるのは終盤のオープンな時間で、「どういう条件が揃ったら転職を考えますか」を一緒に探ります。最後は次のステップを明確に。「また連絡を取り合いましょう」だけでも構いません。</p>
<p>チャットの後は、24時間以内に、会話の中の具体的な何かに触れた短いお礼を送ります。約束したもの（紹介でもリンクでも）は素早く渡します。文化が本当に表れるのは、この地味な後始末です。</p>
<p>継続的にやるなら、話した相手を簡単なスプレッドシートで管理して、募集がなくてもたまに連絡してみてください。マネージャー専用の活動にする必要もありません。エンジニアが自分のネットワークのすごい人とコーヒーを飲む——良いリファラルはたいていそこから始まります。</p>

<h4 class="relative group">時間を割く価値のある質問
    <div id="時間を割く価値のある質問" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%99%82%e9%96%93%e3%82%92%e5%89%b2%e3%81%8f%e4%be%a1%e5%80%a4%e3%81%ae%e3%81%82%e3%82%8b%e8%b3%aa%e5%95%8f" aria-label="アンカー">#</a>
    </span>
    
</h4>
<p>私がよく聞くもの：</p>
<ul>
<li>「最近取り組んだ中で一番面白かった問題は何ですか？」</li>
<li>「次の職場では何が変わってほしいですか？」</li>
<li>「どんな学び方が合っていますか？プロとしてどう成長していきたいですか？」</li>
<li>「フィットするかどうか判断するために、聞いておきたいことはありますか？」</li>
</ul>
<p>自分が候補者側だったら聞くもの：</p>
<ul>
<li>「チームがいま直面している一番大きな課題は何ですか？」</li>
<li>「このロールの成功はどう測られますか？」</li>
<li>「昇進への道筋はどうなっていますか？」</li>
<li>「なぜこの会社に入ったんですか？なぜ残っているんですか？」</li>
<li>「ここで働くことについて、私が聞いたら意外に思うことはありますか？」</li>
</ul>

<h4 class="relative group">コーヒーチャットに誘われたら
    <div id="コーヒーチャットに誘われたら" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%b3%e3%83%bc%e3%83%92%e3%83%bc%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%81%ab%e8%aa%98%e3%82%8f%e3%82%8c%e3%81%9f%e3%82%89" aria-label="アンカー">#</a>
    </span>
    
</h4>
<p>「コーヒーチャットとは」と調べている人の多くは、私とはテーブルの反対側にいるはずです。誰かにコーヒーチャットに誘われて、どんな場なのかを知っておきたい。そういう方に向けて、誘う側の立場から言えることを書いておきます。</p>
<p>まず、面接ではありません。誰も点数をつけていませんし、試験もないので、受け答えを準備しておく必要はありません。とはいえ第一印象であることに変わりはないので、友だちの友だちに会う感覚ではなく、将来の同僚に会うつもりで臨んでください。面接との違いは、遠慮なく好奇心を出していいことです。答えるのと同じくらい質問することが、むしろ期待されています。</p>
<p>服装は、その会社で普段働くときに着るような格好で大丈夫です。わからなければ、オフィスカジュアルにしておけばまず間違いありません。ビデオ通話なら、カメラはオンにして静かな部屋を確保しましょう。何を着るかより、そちらのほうがずっと大事です。</p>
<p>準備は30分もあれば足ります。その会社が何を作っているのか、相手が書いたものや作ったものに目を通しておきましょう。いま何をしていて、次に何をしたいのかを2分で話せるようにしておくこと。この質問は必ず来ます。自分からの質問も2つか3つ用意しておきましょう。とっかかりとしては、上のリストで十分です。</p>
<p>話題は、自分の仕事のこと、その仕事の何が楽しいのか、相手の仕事のどこに興味があるのか。給与の話は、相手から出ない限り後回しにしましょう。具体的なポジションを想定しているのか、もしそうなら選考はどう進むのかを聞くのは、まったく問題ありません。</p>
<p>支払いは、ふつう誘った側が持ちます。自分も払うと申し出るのはいいですが、押し問答にはしないこと。そして1日以内に、実際に話した内容に触れた短いお礼を送れば、それだけでほとんどの人より一歩先を行っています。</p>
<p>自分からコーヒーチャットをお願いしたいなら、遠慮せず頼んでみてください。メッセージは短く、なぜその人なのかを書いて、引き受けやすくしておくこと。たとえば「チームで取り組まれている新しい検索機能のお話を、ずっと興味深く拝見しています。私はプラットフォームエンジニアリングの方向に進みたいと考えているのですが、この数週間のどこかで30分ほど、コーヒーかオンラインでお話を伺えないでしょうか。日時はそちらのご都合に合わせます」という具合です。ここまで具体的なお願いなら、たいていの人は引き受けてくれます。</p>

<h4 class="relative group">台無しにする方法
    <div id="台無しにする方法" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%8f%b0%e7%84%a1%e3%81%97%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95" aria-label="アンカー">#</a>
    </span>
    
</h4>
<p>一番速いのは、こっそり面接に変えることです。技術スキルを試したり行動面接の質問を滑り込ませたりした瞬間、暗黙の約束は壊れます。それは正式な選考に取っておきましょう。次に多いのが売り込みすぎ。長く定着してくれるのは、大変な部分まで見えたうえで入ってきた人です。準備せずに現れるのも、終わった後に音信不通になるのも、静かにダメージを与えます。1回のチャットの印象が、その人が自分のネットワークにあなたの会社をどう語るかを決めるからです。</p>
<p>こちら側から見た危険信号は、何にも好奇心を示さない候補者、完全に取引めいた会話、過去の職場を全部同じ恨み口調で語る人。候補者側もリストを持っておくべきです。仕事の意義を説明できない担当者、離職率や会社の方向性についてのはぐらかし、あなたを理解するより売り込むことに熱心な相手。</p>
<p>すべてのチャットがどこかにつながるわけではありません。むしろ、ほとんどはつながりません。それでいいんです。大事なのは、次に重要なポジションを埋めるとき、白紙の求人広告からではなく、積み上がった本物の会話から始められること。職務記述書ではなく、コーヒーのお誘いを送りましょう。</p>

<h4 class="relative group">さらに読む
    <div id="さらに読む" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%95%e3%82%89%e3%81%ab%e8%aa%ad%e3%82%80" aria-label="アンカー">#</a>
    </span>
    
</h4>
<p><strong>このサイトの関連記事：</strong></p>
<ul>
<li><a href="https://jared.lynskey.co.nz/ja/posts/2024/2024-12-19-star-interviews/" >開発者採用の面接でSTARメソッドを使う</a> - チャットが正式な面接プロセスに進んだときのために</li>
<li><a href="https://jared.lynskey.co.nz/ja/posts/2024/2024-02-10-prioritizing-onboarding/" >新任エンジニアリングマネージャーとして、まず取り組んでいる3つのこと</a> - チームをうまく回すものは何か。マッチングで見るべきものでもあります</li>
<li><a href="https://jared.lynskey.co.nz/ja/posts/2024/2024-07-01-internships/" >スタートアップでインターンすべき理由</a> - スタートアップ行きを迷っている人と話すときの背景として</li>
</ul>
<p><strong>外部リソース：</strong></p>
<ul>
<li><a href="https://review.firstround.com/articles/hiring-engineers/"  target="_blank" rel="noreferrer">First Round Review：エンジニア採用</a> - 経験豊富なオペレーターによるスタートアップ採用ガイド</li>
<li><a href="https://larahogan.me/blog/first-one-on-one-questions/"  target="_blank" rel="noreferrer">Lara Hoganの「最初の1on1のための質問」</a> - 1on1向けですが、コーヒーチャットでも見事に機能します</li>
<li><a href="https://www.kalzumeus.com/2012/01/23/salary-negotiation/"  target="_blank" rel="noreferrer">Patrick McKenzieの給与交渉について</a> - 候補者側の視点を知るために</li>
<li><a href="https://whothebook.com/" target="_blank" rel="noreferrer">Who: 採用のAメソッド</a> - Geoff SmartとRandy Streetによる体系的な採用フレームワーク</li>
<li><a href="https://hbr.org/topic/subject/hiring-and-recruitment"  target="_blank" rel="noreferrer">Harvard Business Review: 採用</a> - 人材獲得についての研究に基づいた記事</li>
</ul>
]]></content:encoded>
      <media:content url="https://jared.lynskey.co.nz/en/posts/2024/2024-07-12-coffee-chats/featured.jpg" medium="image" type="image/jpeg" />
    </item>
    <item>
      <title>キウイ・チェンバーのリーダーシップ朝食会：認知症ケアロボットとニュージーランドのイノベーション</title>
      <link>https://jared.lynskey.co.nz/ja/posts/2018/2018-11-12-kiwichamberbreakfast/</link>
      <guid isPermaLink="true">https://jared.lynskey.co.nz/ja/posts/2018/2018-11-12-kiwichamberbreakfast/</guid>
      <pubDate>Mon, 12 Nov 2018 00:00:00 +0000</pubDate>
      <dc:creator>Jared Lynskey</dc:creator>
      <category>Kiwi Chamber</category>
      <category>Networking</category>
      <category>New Zealand</category>
      <category>Korea</category>
      <category>Photography</category>
      <description>2018年最後のキウイ・チェンバー朝食会で撮った写真と講演メモです。梨花女子大学キム・ゴンハ教授の認知症ケアロボット、オークランド大学Uniservicesの紹介、ニュージーランドのイノベーションの話。</description>
      <content:encoded><![CDATA[<p>在韓ニュージーランド商工会議所であるキウイ・チェンバーは今年何度か朝食会を開いてきましたが、今日がその最終回でした。私はボランティアのカメラマンとして参加しました。ゲストスピーカーは、オークランド大学の<a href="https://profiles.auckland.ac.nz/p-medrano"  target="_blank" rel="noreferrer">Pau Medrano-Gracia博士</a>と、梨花女子大学のキム・ゴンハ教授です。</p>

<h2 class="relative group">認知症ケアロボット
    <div id="認知症ケアロボット" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e8%aa%8d%e7%9f%a5%e7%97%87%e3%82%b1%e3%82%a2%e3%83%ad%e3%83%9c%e3%83%83%e3%83%88" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>神経内科が専門のキム教授の講演テーマは「認知症ケアロボット」。在宅の認知症患者を支えるケアロボットの生活支援機能について説明があり、認識能力を継続的な学習で高めていくロボットや、それを使った認知トレーニングのプログラムについても話してくれました。教授は産業通商資源部の支援を受けて、家庭で認知症患者をケアするロボットの共同開発にも取り組んでいるそうです。このプロジェクトのロボットは2019年に有効性の評価を受け、うまくいけば実運用に進み、家庭用の認知症ケアロボットの実現につながるとのことでした。</p>
<p><figure><span class="mc-img" style="--lqip:url('data:image/webp;base64,UklGRgoBAABXRUJQVlA4IP4AAACwBgCdASogABUAPw1sqEemIyIYBABjEMTygFnC1fKObUlMuCPffRx2qjMs6hwud2hZAKC2pEZcn/Ek30n6QAD+vGgF9ixxyGqUIN5Da06wGtaJixU9JVctynhbD2aLNaCbuHrKh0BV7zApQFTbO4ZZmkPFJQFSb9Hgmu+87waDlsynCsEAIB/1BOQrNbdJqccZ7gPnD0DUmCrKfycyXXK4FEr5PzBOfD/UPnyW4K4nCdw7pzLdChH9/8/7zIf3G422csvM3ot5yTedsh/4iSGI1FbjWI2V+/gEtoEFwnXYCjf6U+V5PD4ey+CMHj+dYwG2bGdrmJ3hVWWTrnAAAA==')"><img
    class="my-0 rounded-md"
    loading="lazy"
    decoding="async"
    fetchpriority="auto"
    alt="認知症ケアロボット"
    width="500"
    height="333"
    src="https://jared.lynskey.co.nz/img/posts/kiwicham/robots_hu_fddd1ab2bf1e39b2.webp"
    srcset="https://jared.lynskey.co.nz/img/posts/kiwicham/robots_hu_fddd1ab2bf1e39b2.webp 800w, https://jared.lynskey.co.nz/img/posts/kiwicham/robots_hu_fddd1ab2bf1e39b2.webp 1280w"
    sizes="(min-width: 768px) 50vw, 65vw"
    data-zoom-src="https://jared.lynskey.co.nz/img/posts/kiwicham/robots_hu_fddd1ab2bf1e39b2.webp"></span></figure>
</p>

<h2 class="relative group">Uniservices
    <div id="uniservices" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#uniservices" aria-label="アンカー">#</a>
    </span>
    
</h2>
<p>Medrano-Gracia博士は、Uniservicesでビジネス開発マネージャーを務めていて、その役割を紹介してくれました。オークランド大学の優秀な頭脳と組んで、世界を変える可能性のあるアイデアを形にしていく組織です。</p>

<h2 class="relative group">Upstarters
    <div id="upstarters" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#upstarters" aria-label="アンカー">#</a>
    </span>
    
</h2>

<h3 class="relative group">新しい場所から生まれる新しいアイデア
    <div id="新しい場所から生まれる新しいアイデア" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%96%b0%e3%81%97%e3%81%84%e5%a0%b4%e6%89%80%e3%81%8b%e3%82%89%e7%94%9f%e3%81%be%e3%82%8c%e3%82%8b%e6%96%b0%e3%81%97%e3%81%84%e3%82%a2%e3%82%a4%e3%83%87%e3%82%a2" aria-label="アンカー">#</a>
    </span>
    
</h3>
<p>「必要は発明の母」と言いますが、それなら世界を変えるアイデアがニュージーランドから生まれるのも不思議ではありません。ニュージーランドのテック＆イノベーションの物語が紹介されました。</p>
<p>スライドで紹介された例のひとつが、Dotterelの軽量ドローン用シュラウドです。Revolution Fibresの吸音ナノファイバーを使って、ドローンをささやき声ほどの静かさにするというものでした。</p>
<p><figure><span class="mc-img" style="--lqip:url('data:image/webp;base64,UklGRugAAABXRUJQVlA4INwAAADwBACdASogABAAPw1oqUgmIyIYBABjEMTzAE6CcSqxGbIEX7otGpjvWjbrOy0y3AAA/v8P95FBHbx/eVAFd87YDN20UkKrX+X+oRfja0b8aq3z9HfBPSUhf0mHywaw8ipKFTXXfNIqL+ySVpTrKz6x12jS1Df/q8u1uQnOTGd/Nd3Tzk+SzxOpirnxcjzyPZ1mz3/OU1efwtzVn8CmK2ehuRsYFBVudResoch6qtj5y7F/Y0jyolyhJBYJMPZEbvZwvvQ0luZEzRMNgtFHUtsJ1E9hx+2CRju11UAA')"><img
    class="my-0 rounded-md"
    loading="lazy"
    decoding="async"
    fetchpriority="auto"
    alt="Upstartersのスライド：DotterelとRevolution Fibresの静音ドローン"
    width="3333"
    height="1667"
    src="https://jared.lynskey.co.nz/img/posts/kiwicham/dottereal_hu_9b87e875ec570375.webp"
    srcset="https://jared.lynskey.co.nz/img/posts/kiwicham/dottereal_hu_9b87e875ec570375.webp 800w, https://jared.lynskey.co.nz/img/posts/kiwicham/dottereal_hu_4d2cd746e5192f61.webp 1280w"
    sizes="(min-width: 768px) 50vw, 65vw"
    data-zoom-src="https://jared.lynskey.co.nz/img/posts/kiwicham/dottereal_hu_884acb3c86c8a21b.webp"></span></figure>
</p>

<h2 class="relative group">イベントで撮った写真
    <div id="イベントで撮った写真" class="anchor"></div>
    
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%81%a7%e6%92%ae%e3%81%a3%e3%81%9f%e5%86%99%e7%9c%9f" aria-label="アンカー">#</a>
    </span>
    
</h2>
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/dist/pa-embed-player.min.js" async></script>
<div class="pa-embed-player" style="width:100%; height:480px; display:none;"
  data-link="https://photos.app.goo.gl/ZNVotgWiE8N75wpe9"
  data-title="Kiwi Chamber New Zealand Leadership Speaker Series"
  data-description="41 new photos · Album by Jared Lynskey (인재덕)">
  <img data-src="https://lh3.googleusercontent.com/S_fiPGQ-7UMgrKajgQea8ArfZaVFKheFriodbSol_G-pStF7yAXvBueXxKXd3WLz3xS44fCB6iAPw-3fx6ek9ibPOcgcHjFROsH2C821GpAdfY-k-ewtgxxFvMG1faI9ZAOd0D0pDKY=w1920-h1080" src="" alt="" />
</div>
<p>こうして両国の関係を深めるイベントにボランティアで参加するのは、本当に楽しいものです。</p>
<p>暗い会場では明るいレンズが必須です。強いフラッシュで光量を補おうとしたら、聴衆にも登壇者にもどれだけ迷惑か。あれは本当に格好がつきません。</p>
]]></content:encoded>
      <media:content url="https://jared.lynskey.co.nz/en/posts/2018/2018-11-12-kiwichamberbreakfast/featured.jpg" medium="image" type="image/jpeg" />
    </item>
  </channel>
</rss>
