Design Variants
14 候補を見比べる
IT 系ターゲットに「刺さる」ポートフォリオの方向性を 14 案、それぞれ別ルートに実装しました。 実際に触ってから採用案を決めます。コンテンツは lib/i18n.ts を全案で共通利用しています。
A
CLI / Terminal
$ whoami — タイプライタで語る、ハッカー寄りのターミナル UI
$ whoami Yasuaki Maruyama $ ls projects/ local-discovery manimtube starbucks-map … $ ▍
OSSシニアハッカー寄り
/variants/cli →
B
IDE / VSCode
Explorer + エディタ + ステータスバー、コードで語るレイアウト
EXPLORER
▾ portfolio
about.md
experience.tsx
projects.json
<Section>
Athena Tech…
</Section>
Webフルスタック
/variants/ide →
C
GitHub Dashboard
実績を数値で。コントリビューション・言語比率・論文を可視化
採用マネージャ研究者
/variants/dashboard →
D
Brutalist
装飾なし、モノスペース、高密度。中身で語る README 派
# Yasuaki Maruyama - Material Informatics × ML - Kyoto Univ. D1 - @ Athena Technologies ## Papers [1] [2] ## Stack: py, ts, rb, kt
シニアOSS
/variants/brutalist →
E
MI Lab — 3D
Hero に結晶格子 3D + ベイズ最適化デモ。専門性を主役に
ML研究者CTO
/variants/mi-lab →
F
Bento Grid
Apple WWDC 風の非対称タイル。動的・トレンド最先端
Web採用PM
/variants/bento →
G
Notion Workspace
ブロック・トグル・DB ビュー。ドキュメントワーカー寄り
🪪 About me
▾ Profile
▸ Education
▸ Now
💼 Experience
+ /database
WebPMライター
/variants/notion →
H
Linear / Vercel
高級感ある SaaS ランディング。CTA とメッシュ背景
Bridging matter
and intelligence.
Get started →
採用経営営業
/variants/linear →
I
Status Page
All systems operational ✅。稼働率と incident timeline 風刺
all systems operational
99.97% · 90d
OSSSREエンジニア
/variants/status →
J
macOS Desktop
ドラッグ可能なウィンドウ + Dock。遊び心あり
Webデザイナー若手
/variants/desktop →
K
RPG Character Sheet
HP/MP/EXP・スキルツリー・achievement。遊び心 + IT
Lv. 27Researcher × ML Mage
⭐ 7 / achievements
若手ゲーマーエンジニア
/variants/rpg →
L
arXiv Paper
学術論文 2 カラム組版。研究者・CTO 直撃
arXiv:2026.0001
Cross-Domain Engineer-Researcher
Maruyama, Y.¹,²
Abstract — We document...
1. Introduction. Active learning bridges...
研究者CTO学術
/variants/arxiv →
N
Knowledge Graph
研究・職務・スキルの関係を Force-directed で可視化
研究者CTOPM
/variants/graph →
O
Ask Yasuaki — LLM Chat
ChatGPT 風 UI。質問するとストリーミング応答 (静的)
研究テーマは?
Materials Informatics × ML
採用Web誰でも
/variants/chat →