レポート

<!doctype html>
<html lang="ja" data-dd-paper="a4">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>出典を結び、空白を残す。</title>
  <link rel="stylesheet"
        href="https://k-kinzal.github.io/document-design/v1.2.1/document-design.css">
</head>
<body>
  <article class="sheet">
    <p class="eyebrow">BISON-PARSER / 出典カバレッジ</p>
    <h1>出典を結び、空白を残す。</h1>
    <p class="stand">カバレッジは68.97%から96.67%へ。導入文は未解決のままです。</p>
    <div class="hero">
      <div class="was">
        <span class="cap">変更前</span>
        <span class="fig">68.97</span>
        <span class="unit">% 出典カバレッジ · 29単位中20単位</span>
      </div>
      <div class="now">
        <span class="cap">変更後</span>
        <span class="fig">96.67</span>
        <span class="unit">% 出典カバレッジ · 30単位中29単位</span>
      </div>
    </div>
    <section class="sec">
      <h2 class="label">01 / 根拠</h2>
      <div class="field">
        <p class="lead">実装は存在し、出典との結び付きが欠けていました。</p>
        <div class="compare">
          <div class="was">
            <h3 class="cap">変更前</h3>
            <p class="note">29の出典単位のうち9単位に解釈がありませんでした。</p>
          </div>
          <div class="now">
            <h3 class="cap">変更後</h3>
            <p class="note">30の出典単位のうち29単位に解釈が付きました。導入文は未解決のままです。</p>
          </div>
        </div>
        <p class="caveat">出典カバレッジは、すべての挙動がテスト済みであることを意味しません。未解決の導入文も結果の一部です。</p>
      </div>
    </section>
    <section class="sec">
      <h2 class="label">02 / 記録</h2>
      <div class="field">
        <p class="lead">割合の根拠になる件数を残す。</p>
        <div class="table-wrap">
          <table>
            <caption>bison-parserの出典カバレッジ</caption>
            <thead><tr><th scope="col">時点</th><th scope="col">解釈のある単位</th><th scope="col">単位の総数</th></tr></thead>
            <tbody>
              <tr><th scope="row">変更前</th><td>20</td><td>29</td></tr>
              <tr><th scope="row">変更後</th><td>29</td><td>30</td></tr>
            </tbody>
          </table>
        </div>
      </div>
    </section>
  </article>
</body>
</html>

<article class="sheet sheet-inset">
  <p class="eyebrow">読む順序</p>
  <h2>主張に、読む順序を。</h2>
  <p class="stand">主張、その根拠、そして意味。</p>
  <p class="note">型と余白のスケールを分け、主張を前に出しながら、それを支える詳細の居場所をつくります。</p>
</article>

<article class="sheet sheet-inset">
  <section class="sec">
    <h3 class="label">01 / 根拠</h3>
    <div class="field"><p class="lead">未解決の指摘を隠さずに残す。</p></div>
    <p class="note">WordPressの844件の文のうち、完全に解決できたのは35件です。結果とともに限界も示します。</p>
    <div class="compare">
      <div><h4>SQL文</h4><p class="note">カタログには844件の文があります。</p></div>
      <div><h4>指摘</h4><p class="note">解析では978件の指摘が報告されています。同じ文に複数の指摘が付く場合があります。</p></div>
    </div>
  </section>
</article>

<article class="sheet sheet-inset">
  <p class="eyebrow">WHO IS k_kinzal?</p>
  <h2>k_kinzal</h2>
  <p class="stand">複雑な技術を、使える道具と伝わる知識に変える人。</p>
  <div class="hero">
    <div class="figures">
      <figure><h3>使える道具を作る</h3><p>文書生成、デプロイ、PHPのテスト環境、AI開発。</p></figure>
      <figure><h3>安全に変える</h3><p>基盤移行、型による設計、自動テストと品質の検証。</p></figure>
      <figure><h3>知識を伝える</h3><p>Qiita・Zennでの発信、技術登壇、Rust・Solana教材。</p></figure>
    </div>
  </div>
</article>