VS Code

実装

VS Codeは、Visual Studio Codeの「Dark+」カラースキームにインスパイアされたダークテーマです。開発者、ソフトウェアエンジニア、および技術専門家が、自分の履歴書にコーディング環境を反映させるために特別に調整されています。

このテンプレートは「コードとしての履歴書（Resume as Code）」の美学を採用しており、プロフィールのさまざまな部分をコード要素として扱います：

• 氏名: classとして装飾（例：class JohnDoe {）
• 見出し: コードコメントとしてレンダリング（例：// Full Stack Engineer）
• セクション: 関数呼び出しとして表現（例：experience()）
• スキル/言語: オブジェクトのプロパティキーとしてスタイル設定（例：JavaScript: Expert）

内部的には、以下の仕組みを使用しています：

• タイポグラフィ: 本物のIDEの感触を出すために、等幅フォントスタック（Consolas, Monaco, Courier New, monospace）を使用
• 構文ハイライト: キーワード、文字列、クラス、関数にVS Code Dark+の公式カラーパレットを使用
• レイアウトのインデント: 各セクションのスコープを視覚的に表現するために、垂直方向のインデントガイド（border-left）を導入

設定

content:
  # ...

layouts:
  - engine: html
    template: vscode
    typography:
      fontSize: 16px

特徴

• 開発者中心: 技術的な習熟度とコーディングへの情熱を伝えるのに最適
• デフォルトでダークモード: コントラストが高く、目に優しいダークテーマ
• コードのような構造: 技術的な履歴書を際立たせるユニークな視覚的メタファー
• レスポンシブ: デスクトップとモバイルの両方のブラウジングに完全に適応し、一貫したコードセマンティクスを維持
• 構文スタイリング: 使い慣れたIDEのカラーを使用して、役割、日付、説明を区別

プレビュー

VS Codeテンプレートは、技術系リクルーターや採用担当者の目に留まる、独特でモダンな外観を提供します。あなたのキャリアの歴史を、クリーンで読みやすく、視覚的に馴染みのある「ソースファイル」へと変換します。