引用文献ジェネレーター

<!-- 著者 -->
<div class="cg-section">
  <label style="font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em;">著者</label>
  <div id="cg-authors" style="margin-top:6px;"></div>
  <button class="cg-btn cg-btn-secondary cg-btn-sm" id="cg-add-author" style="margin-top:6px;">+ 著者を追加</button>
</div>

<hr class="cg-divider">

<!-- 基本情報 -->
<div class="cg-row">
  <div class="cg-field">
    <label>タイトル</label>
    <input type="text" id="cg-title" placeholder="論文・書籍のタイトル">
  </div>
  <div class="cg-field">
    <label>出版年</label>
    <input type="text" id="cg-year" placeholder="2024" maxlength="4" style="max-width:120px;">
  </div>
</div>

<div class="cg-row">
  <div class="cg-field" id="cg-field-publisher">
    <label>出版社</label>
    <input type="text" id="cg-publisher" placeholder="出版社名">
  </div>
  <div class="cg-field" id="cg-field-place">
    <label>出版地</label>
    <input type="text" id="cg-place" placeholder="東京">
  </div>
</div>

<div class="cg-row" id="cg-row-journal">
  <div class="cg-field">
    <label>雑誌名</label>
    <input type="text" id="cg-journal" placeholder="Nature, Science など">
  </div>
  <div class="cg-field" style="max-width:100px;">
    <label>巻 (Volume)</label>
    <input type="text" id="cg-volume" placeholder="12">
  </div>
  <div class="cg-field" style="max-width:100px;">
    <label>号 (Issue)</label>
    <input type="text" id="cg-issue" placeholder="3">
  </div>
  <div class="cg-field" style="max-width:130px;">
    <label>ページ</label>
    <input type="text" id="cg-pages" placeholder="45–67">
  </div>
</div>

<div class="cg-row" id="cg-row-conference">
  <div class="cg-field">
    <label>学会名</label>
    <input type="text" id="cg-conference" placeholder="Proceedings of ...">
  </div>
  <div class="cg-field">
    <label>開催地</label>
    <input type="text" id="cg-conf-location" placeholder="大阪">
  </div>
</div>

<div class="cg-row">
  <div class="cg-field">
    <label>DOI</label>
    <input type="text" id="cg-doi" placeholder="10.1000/xyz123">
  </div>
  <div class="cg-field" id="cg-field-url">
    <label>URL</label>
    <input type="text" id="cg-url" placeholder="https://example.com">
  </div>
</div>

<div class="cg-row" id="cg-row-access">
  <div class="cg-field">
    <label>アクセス日</label>
    <input type="text" id="cg-access-date" placeholder="2025年5月16日">
  </div>
  <div class="cg-field">
    <label>サイト名</label>
    <input type="text" id="cg-site-name" placeholder="NHK News Web">
  </div>
</div>

<hr class="cg-divider">

<!-- プレビュー -->
<h2>引用文献プレビュー</h2>
<div class="cg-preview-box">
  <div class="cg-preview-label">参考文献リスト</div>
  <div class="cg-preview-text" id="cg-preview-ref">上のフィールドを入力すると引用文献が生成されます。</div>
</div>
<div class="cg-intext" id="cg-preview-intext" style="display:none;">
  <strong>本文中引用：</strong> <span id="cg-intext-text"></span>
</div>

<div class="cg-copy-row">
  <button class="cg-btn cg-btn-primary" id="cg-copy-ref">参考文献をコピー</button>
  <button class="cg-btn cg-btn-secondary" id="cg-copy-intext">本文引用をコピー</button>
  <button class="cg-btn cg-btn-secondary" id="cg-add-to-bib">リストに追加</button>
  <span class="cg-toast" id="cg-toast"></span>
</div>

• まだ引用文献がありません。「リストに追加」で追加してください。