<link>https://fehac.dev/ja/</link></image><item><title>このブログで使える記法</h1> <article> <h1>このブログで使える記法</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <p>将来の自分のためのリファレンスです。以下はすべてドキュメントからの推測ではなく、テーマのソースコードで確認したものです。各セクションで記法とその出力を示します。</p> <h2 id="コールアウト">コールアウト</h2> <p>GitHub / Obsidian のアラート記法です。種類は <code>NOTE</code>、<code>TIP</code>、<code>IMPORTANT</code>、 <code>WARNING</code>、<code>CAUTION</code> の5つ。<code>+ タイトル</code> で見出しを指定できます。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="k">> </span><span class="ge">[!NOTE] </span></span></span><span class="line"><span class="cl"><span class="k">> </span><span class="ge">Plain note. </span></span></span><span class="line"><span class="cl"><span class="k"> </span></span></span><span class="line"><span class="cl"><span class="k">> </span><span class="ge">[!WARNING] これは注意 </span></span></span><span class="line"><span class="cl"><span class="k">> </span><span class="ge">タイトル付きの警告です。 </span></span></span></code></pre></div> <div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500" data-callout="note" data-callout-metadata=""> <span class="callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300"> <svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125"/></svg> </span> <div class="callout-content dark:text-neutral-300"> <div class="callout-title font-semibold mb-1">Nota</div> <div class="callout-body"><p>普通のノートです。</p></div> </div> </div> <div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-emerald-100 dark:bg-emerald-900 border-emerald-500" data-callout="tip" data-callout-metadata=""> <span class="callout-icon pr-3 pt-1 text-emerald-600 dark:text-emerald-300"> <svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"/></svg> </span> <div class="callout-content dark:text-neutral-300"> <div class="callout-title font-semibold mb-1">Dica</div> <div class="callout-body"><p>ヒントはこう表示されます。</p></div> </div> </div> <div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-orange-100 dark:bg-orange-900 border-orange-500" data-callout="warning" data-callout-metadata=""> <span class="callout-icon pr-3 pt-1 text-orange-600 dark:text-orange-300"> <svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/></svg> </span> <div class="callout-content dark:text-neutral-300"> <div class="callout-title font-semibold mb-1">これは注意</div> <div class="callout-body"><p>タイトル付きの警告です。</p></div> </div> </div> <div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-red-100 dark:bg-red-900 border-red-500" data-callout="caution" data-callout-metadata=""> <span class="callout-icon pr-3 pt-1 text-red-600 dark:text-red-300"> <svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/></svg> </span> <div class="callout-content dark:text-neutral-300"> <div class="callout-title font-semibold mb-1">Cuidado</div> <div class="callout-body"><p>最も強い警告です。</p></div> </div> </div> <p><code>{{< callout >}}</code> ショートコードもありますが、テーマ側で上の記法を推奨する <strong>非推奨</strong>扱いになっています。使わないこと。</p> <h2 id="mermaid">Mermaid</h2> <p>言語に <code>mermaid</code> を指定したコードブロックです。スクリプトは実際に図があるページでのみ読み込まれます。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="s">```mermaid </span></span></span><span class="line"><span class="cl">sequenceDiagram </span></span><span class="line"><span class="cl"> Browser->>Pages: GET /en/blog/ </span></span><span class="line"><span class="cl"> Pages-->>Browser: static HTML </span></span><span class="line"><span class="cl"> Browser->>Remark42: GET /api/v1/find </span></span><span class="line"><span class="cl"><span class="s">```</span> </span></span></code></pre></div><div class="mermaid">sequenceDiagram autonumber participant B as Browser participant P as Cloudflare Pages participant R as Remark42 (VPS) B->>P: GET /en/blog/capabilities/ P-->>B: static HTML + embed.js B->>R: GET /api/v1/find?site=blog R-->>B: comments JSON Note over B,R: 匿名、アカウント不要 </div> <p>フローチャートも使えます:</p> <div class="mermaid">flowchart LR A[git push] --> B{branch?} B -->|main| C[production build] B -->|other| D[preview deploy] C --> E[fehac.dev] D --> F[*.pages.dev] </div> <h2 id="markmap">Markmap</h2> <p>ネストしたリストからマインドマップを作ります。<code>height</code> 属性を指定できます。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">``<span class="sb">`markmap {height="300px"} </span></span></span><span class="line"><span class="cl"><span class="sb">- Root </span></span></span><span class="line"><span class="cl"><span class="sb"> - Branch </span></span></span><span class="line"><span class="cl"><span class="sb"> - Leaf </span></span></span><span class="line"><span class="cl"><span class="sb">`</span>`` </span></span></code></pre></div><div class="markmap" style="height: 420px;"> <pre>- Backend - Services - APIs - Event-driven - Data - PostgreSQL - MongoDB - Infrastructure - AWS - CDK - CloudFormation - Azure - Terraform - Practice - CI/CD - Observability - Incident response</pre> </div> <h2 id="数式">数式</h2> <p>KaTeX を使います。フロントマターの <code>math: true</code>、<code>math</code> ショートコード、またはサイト全体の設定で読み込まれます。インラインは <code>$...$</code>、ブロックは <code>$$...$$</code>。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">Inline: $O(n \log n)$ </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">$$ </span></span><span class="line"><span class="cl">p_{99} = \inf\{x : F(x) \ge 0.99\} </span></span><span class="line"><span class="cl">$$ </span></span></code></pre></div><p>インライン: 計算量は $O(n \log n)$ です。</p> $$ p_{99} = \inf\{x : F(x) \ge 0.99\} $$<h2 id="コード">コード</h2> <p>通常のコードブロックで、Hugo 内蔵の Chroma がハイライトします。行番号はサイト全体では無効ですが、ブロック単位で有効にできます。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">``<span class="sb">`python {linenos=true, hl_lines=[2]} </span></span></span><span class="line"><span class="cl"><span class="sb">def charge(rate_kw: float) -> float: </span></span></span><span class="line"><span class="cl"><span class="sb"> return min(rate_kw, MAX_KW) </span></span></span><span class="line"><span class="cl"><span class="sb">`</span>`` </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="ln">1</span><span class="cl"><span class="k">def</span> <span class="nf">charge</span><span class="p">(</span><span class="n">rate_kw</span><span class="p">:</span> <span class="nb">float</span><span class="p">)</span> <span class="o">-></span> <span class="nb">float</span><span class="p">:</span> </span></span><span class="line hl"><span class="ln">2</span><span class="cl"> <span class="k">return</span> <span class="nb">min</span><span class="p">(</span><span class="n">rate_kw</span><span class="p">,</span> <span class="n">MAX_KW</span><span class="p">)</span> <span class="c1"># clamp to the connector limit</span> </span></span></code></pre></div><h2 id="ステップ">ステップ</h2> <p><code>###</code> 見出しを囲むと、それぞれが番号付きのステップになります。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< steps >}} </span></span><span class="line"><span class="cl"><span class="gu">### 最初の手順 </span></span></span><span class="line"><span class="cl">これをします。 </span></span><span class="line"><span class="cl"><span class="gu">### 次の手順 </span></span></span><span class="line"><span class="cl">次にこれをします。 </span></span><span class="line"><span class="cl">{{< /steps >}} </span></span></code></pre></div><div class="hb-steps"> ### DNS を設定する `A` レコードが解決できないと certbot は証明書を発行しません。 ### 証明書を発行する `certbot certonly --webroot` を実行し、TLS 版の vhost に差し替えます。 ### restart ではなく reload まず `nginx -t`。不正な設定は拒否されるので、サーバーを落とさずに済みます。 </div> <h2 id="折りたたみ">折りたたみ</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< spoiler text="クリックで展開" >}} </span></span><span class="line"><span class="cl">隠れている内容。 </span></span><span class="line"><span class="cl">{{< /spoiler >}} </span></span></code></pre></div><details class="spoiler " id="spoiler-1"> <summary class="cursor-pointer">コメントサーバーを Cloudflare に置かない理由</summary> <div class="rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2"> Pages は静的ホスティングです。Remark42 は BoltDB を内蔵した状態を持つ Go のプロセスなので、実際のホストが必要です。自分の VPS 上で nginx の背後、ループバックのみにバインドして動かしています。 </div> </details> <h2 id="ボタン">ボタン</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< button url="/ja/about/" >}}プロフィール{{< /button >}} </span></span></code></pre></div> <div class="text-left"> <a id="button-db7ad9c7301f40597206b33fcdb455e1" href="https://fehac.dev/ja/about/" class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg" role="button" aria-label="プロフィール" > <span>プロフィール</span> </a> </div> <h2 id="charts">Charts</h2> <p>Plotly を使います。<code>data</code> にはページフォルダ内の JSON ファイルを拡張子なしで指定します。ここでは <code>demo-chart.json</code> がこの <code>index.md</code> の隣にあります。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< chart data="demo-chart" >}} </span></span></code></pre></div> <div id="chart-129587643" class="chart"></div> <script> (function() { async function fetchChartJSON() { console.debug('Hugo Blox fetching chart JSON...') const response = await fetch('.\/demo-chart.json'); return await response.json(); } let a = setInterval( function() { if ( typeof window.Plotly === 'undefined' ) { console.debug('Plotly not loaded yet...') return; } clearInterval( a ); fetchChartJSON().then(chart => { console.debug('Plotting chart...') window.Plotly.newPlot('chart-129587643', chart.data, chart.layout, {responsive: true}); }); }, 500 ); })(); </script> <h2 id="csv-テーブル">CSV テーブル</h2> <p>同じ要領で、ページフォルダ内の <code>.csv</code> を指定します。注意点として、パラメータは <code>src</code> ではなく <code>path</code> です。ショートコード自身のコメントには <code>src</code> と書かれていますが、コードは <code>.Get "path"</code> を読んでいます。<code>src</code> を使うとビルドが nil ポインタエラーで失敗します。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< table path="demo-table.csv" caption="サービス別レイテンシ" >}} </span></span></code></pre></div> <table class="table-auto w-full"> <tbody> <tr> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">service</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">language</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">p99_ms</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">error_rate</td> </tr> <tr> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">charging-engine</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">Python</td> <td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">63</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0.02</td> </tr> <tr> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">telemetry-ingest</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">Python</td> <td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">148</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0.11</td> </tr> <tr> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">fleet-api</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">TypeScript</td> <td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">41</td> <td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0.01</td> </tr> </tbody> <caption class="table-caption">サービス別レイテンシ</caption> </table> <p>通常の Markdown テーブルも使えます:</p> <table> <thead> <tr> <th>機能</th> <th>対応</th> <th>備考</th> </tr> </thead> <tbody> <tr> <td>Mermaid</td> <td>対応</td> <td>ページ単位で遅延読み込み</td> </tr> <tr> <td>Markmap</td> <td>対応</td> <td><code>height</code> 属性</td> </tr> <tr> <td>PlantUML</td> <td><strong>非対応</strong></td> <td>下記参照</td> </tr> </tbody> </table> <h2 id="画像">画像</h2> <p>通常の Markdown です。レンダーフックがまずページフォルダを探し、次に <code>assets/media/</code> を探して、複数サイズのレスポンシブな <code>srcset</code> を出力します。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">代替テキスト</span>](<span class="na">authors/me.webp</span>) </span></span></code></pre></div><h2 id="動画と音声">動画と音声</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< video src="clip.mp4" controls="yes" >}} </span></span><span class="line"><span class="cl">{{< audio src="episode.mp3" >}} </span></span></code></pre></div><p>どちらもページフォルダ、<code>assets/media/</code>、リモート URL の順に解決します。</p> <h2 id="アイコン">アイコン</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< icon name="brands/github" >}} のように文中に置けます。 </span></span></code></pre></div><p> <span class="inline-block pr-1"> <svg style="height: 1em; transform: translateY(0.1em);" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg> </span> のように文中に置けます。</p> <h2 id="jupyter-ノートブック">Jupyter ノートブック</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< notebook path="analysis.ipynb" >}} </span></span></code></pre></div><p><code>.ipynb</code> をそのまま描画します。データ中心の記事に便利です。</p> <h2 id="インクルード">インクルード</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">{{< include "snippets/shared-warning.md" >}} </span></span></code></pre></div><p>別の Markdown ファイルを取り込みます。パスは <code>content/</code> からの相対です。</p> <h2 id="サポートされていないもの">サポートされていないもの</h2> <p><strong>PlantUML</strong>。このテーマには PlantUML のレンダーフックもスクリプトも存在しません。レイアウトと JS バンドルを確認済みです。必要になった場合の選択肢:</p> <ol> <li>Mermaid を使う。シーケンス、フローチャート、クラス、ステート、ER、ガントをカバーしており、PlantUML の用途の大半を満たします。</li> <li><code>.puml</code> をオフラインで SVG に変換してコミットし、通常の画像として埋め込む。ビルド時の依存も外部サーバーも不要です。</li> </ol> <p>PlantUML のレンダーフック自体は <code>layouts/_markup/render-codeblock-plantuml.html</code> に20行ほどで書けますが、ビルド時にレンダリングサーバーを呼ぶ必要があるため、避けたいところです。</p> <h2 id="重要なフロントマター">重要なフロントマター</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="nn">---</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">title</span><span class="p">:</span><span class="w"> </span><span class="s2">"記事タイトル"</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">summary</span><span class="p">:</span><span class="w"> </span><span class="s2">"一覧と meta description に表示されます。"</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">date</span><span class="p">:</span><span class="w"> </span><span class="ld">2026-08-08</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">translationKey</span><span class="p">:</span><span class="w"> </span><span class="l">some-key </span><span class="w"> </span><span class="c"># pt/en/ja 版を相互にリンクする</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">authors</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="l">me]</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">tags</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="l">meta, markdown]</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">math</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="c"># このページで KaTeX を読み込む</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">commentable</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="c"># blog/_index.md から継承済み</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nt">draft</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="nn">---</span><span class="w"> </span></span></span></code></pre></div><p>最も重要なのは <code>translationKey</code> です。これがあるおかげで言語切り替えがトップページではなく同じ記事に移動します。</p> </article> <article> <h1>プロフィール</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <p> <figure > <div class="flex justify-center "> <div class="w-full" > </div> </div></figure> </p> <p><strong>フェリペ・カルドーゾ（Felipe Cardoso）</strong> です。ブラジル出身のソフトウェアエンジニアで、東京に住んでいます。2018年からバックエンド、クラウドインフラ、分散システムに携わり、銀行、コンサルティング会社、グローバルなビール会社を経て、いまは電動モビリティのスタートアップにいます。</p> <p>システムを丸ごと引き受けるのが好きです。問題を理解し、アーキテクチャを決め、コードを書き、本番に出し、壊れたら自分で責任を持って対応する。言語やデータベースやクラウドは問題のあとに選ぶものであって、先に決めるものではないと考えています。</p> <h2 id="このブログについて">このブログについて</h2> <p>ソフトウェアエンジニアリングと技術について、学んだことと考えていることを共有するための場所です。技術記事は、いま実際につくっているものから生まれています。うまくいった結果だけをまとめた記事では省かれがちな、失敗した部分も含めて書くつもりです。残りは意見です。ソフトウェアをどうつくるか、何に価値があって、何がただの流行なのか。</p> <p>ポルトガル語、英語、日本語で書いています。コメントは既定で匿名です。私に反対するのに、どこかへの登録が必要であるべきではないからです。</p> <p><strong>ここに書かれている意見はすべて個人のものです。</strong> 現在または過去に所属した企業、およびその顧客の立場を代表するものでも、必ずしも反映するものでもありません。</p> <h2 id="いまやっていること">いまやっていること</h2> <p>東京のスタートアップ <strong>eMotion Fleet</strong> で、バックエンドとインフラのエンジニアをしています。西鉄や長崎バスをはじめとする日本の電気バス事業者向けに、フリートとエネルギーの管理ソフトウェアをつくっている会社です。</p> <p>プロダクトの中心にあるのは、リアルタイムの意思決定問題です。車庫につながれた各バスにどれだけの電力を送るか。契約電力の上限を超えず、すべての車両が十分な充電で定刻に出庫できるように、です。入社1か月目にこの問題を解く AI モデルを提案し、プロトタイプを実装しました。それはそのままプラットフォームの中核となる意思決定エンジンになり、初の顧客受入テストの通過と、2025年9月の初の本番稼働を支えました。</p> <p>エンジンのほかには、AWS プラットフォームを預かり、設計から提供までの製品ストリームをリードし、本番のインシデント対応もしています。</p> <h2 id="これまでの経歴">これまでの経歴</h2> <p><strong>AB InBev、2022年から2024年。</strong> 150万人以上が使い、年間490億ドルが動く B2B コマースプラットフォーム BEES を担当しました。230万人が参加して NPS +64 を記録したリワードプログラムのマイクロサービスを構築し、全社的な AWS から Azure への移行を支える Terraform と Terragrunt の再利用可能なインフラを整備しました。南アフリカ市場のローンチ直前には、日程を脅かしていた本番障害を解消しました。</p> <p><strong>Itaú Unibanco、2019年から2022年。</strong> 最後は価格プラットフォームのテックリードとして、開発者3名をリードしました。表計算ファイル頼みで数時間かかっていた法人顧客との価格交渉は、C# と ASP.NET Core による計算と収益性分析の自動化、Angular の画面によって数分で終わるようになりました。その前は不正防止の部門で、Python、SAS、Power BI で過去のパターンを分析し、T-SQL の検知ルールを実装して、デビットカード不正の約12%削減に貢献しました。</p> <p><strong>SAS、2018年から2019年。</strong> データエンジニアリングのコンサルティングです。 Vale 向けには法人カードの汚職対策アナリティクスを、Raízen 向けには全国の給油所ネットワークを対象にした燃料の需給予測を担当しました。</p> <h2 id="学歴">学歴</h2> <ul> <li><strong>PUC Minas</strong>、分散ソフトウェアアーキテクチャ大学院課程（2024年-2025年）</li> <li><strong>ABC連邦大学</strong>、コンピュータ科学学士（2018年-2023年）</li> <li><strong>ABC連邦大学</strong>、科学技術学士（2018年-2023年）</li> </ul> <h2 id="連絡先">連絡先</h2> <p>世界中に分散したチームでのリモート勤務に関心があります。</p> <ul> <li>メール: </li> <li>LinkedIn: </li> <li>GitHub: </li> </ul> </article> </main></body></html>