名刺作成用のテンプレートです
ブラウザの開発者ツールで画像として出力 → 編集ソフトでPDFファイルとして書き出し
とすることで入稿用データに変換できます
︙（ケバブメニュー） → その他のツール → デベロッパー ツール
の順でクリックし、開発者ツールを開きます
- 「デバイスのツールバーを切り替え」ボタンをクリックします
2. 「サイズ: レスポンシブ▼」 → 「編集...」 とクリックします
3. 「カスタム デバイスを追加...」ボタンをクリックします
4. デバイス名、幅、高さ、デバイスのピクセル比を入力し、「追加」ボタンをクリックします
- デバイス名は任意の名前を入力してください
（今回追加するカスタム デバイスの名前になります） - 幅、高さも任意の値を入力してください
（CSSで幅と高さを固定しているため、どんな値でも影響がありません） - デバイスのピクセル比には上限の値を入力してください
（ここの値によって撮れるスクリーンショットの解像度が変わります）
5. 「サイズ: レスポンシブ▼」 → 「（先ほど入力したデバイス名）」 とクリックします
6. 閉じるボタンをクリックします
「要素」タブで<html lang="ja">を右クリック → 「ノードのスクリーンショットをキャプチャ」をクリック
とすることで名刺部分だけのスクリーンショットが撮れます
あとはGIMPなりペイントなりFinderなりのお好きなツールでPDFファイルに変換して入稿してください！
reloadというパッケージが便利だったので共有しておきます
npx reload -b