ドキュメント

ページタイトル — コンポーネントとコード共有

サンプルページです。コードブロックは右上にコピーボタン付き。HTML/CSS/JS の組み合わせで動作します。

概要

このテンプレートはドキュメントやブログ向けの三列レイアウト（サイドバー・本文・メタ）を想定しています。レスポンシブ対応、コードコピー機能、視覚的アクセントを含みます。

使い方

HTMLファイルをそのまま保存して公開すれば動作します。カスタマイズは CSS :root の変数を変えるだけでテーマ調整できます。

コード例

以下は実際に動く HTML + CSS の最小サンプルです（このページ自体の一部を抜粋）。右上の Copy を押すとクリップボードへコピーされます。

// index.html (抜粋)
<!doctype html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Sample</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

// script.js
document.querySelector('h1').addEventListener('click', () => {
  alert('clicked');
});

言語: HTML

言語: JavaScript

API

GET /v1/items

一覧取得のエンドポイントの例です。詳細は仕様書を参照してください。

よくある質問

Q: コピーできないときは？
ブラウザのクリップボード権限や、古いブラウザだと動作しないことがあります。最新ブラウザでお試しください。