プロフィールサイトの作り方は、一文、名前、公開の順です。

一文を書き、sayhi.page/yourname を取り、テンプレートを選び、デモを入れ替え、メールか連絡フォームを足します。そのURLを、すでに人を送っている場所に置きます。このページの Alex Chen は架空です。

1. テンプレートに触る前に、一文を書く

“I design small languages and the CLIs that keep them honest.” これは Alex Chen の見出しで、Alex は架空です。基準の方は本物です。その分野の誰にでも使える文なら、まだ終わっていません。英語の personal website builder は、その一文を代わりに発明しません。

2. 名前を取る

sayhi.page/yourname。英小文字で短く、声に出して言えるもの。独自ドメインはないので、このURLが製品そのものです。仮の住所ではありません。

3. 仕事の形からテンプレートを選ぶ

• Minimal は、ページの中身が文とプロジェクトのときに。
• 絵が先に来るなら Editorial か Portfolio。
• 大きさの違う作品が並ぶなら Bento。
• 依頼されうる仕事のページなら Elegant。Elena Rossi のページは、英語の writer website examples にあります。一文、テキストが二つ、そのあとリンク、という形です。

ギャラリーではなく仕事の側から選びたいときは、英語の 役割のページ があります。開発者、デザイナー、写真家、ほか。

4. デモを入れ替える

骨組みは残します。名前、自己紹介、プロジェクト、リンクを変えます。画像は自分のものを上げます。プロジェクト三つ、写真六枚、仕事の説明が一文ではっきりしている、のいずれかで止めてください。

Alex Chen

Languages, tools, and the notes between them

I design small languages and the CLIs that keep them honest. Currently at Harbor Labs, previously on the typechecker for a research notebook that got out of hand in the best way.

San Francisco

Now

Building Ink, a typed notebook format for people who write with code sitting next to the sentence. Harbor is the CLI around it — evals, snapshots, and a boringly reliable local workflow.

GitHub

harbor-labs/ink

A typed notebook format. Prose, code, and tests in one file that still diffs like a human wrote it.

TypeScript · local-first

GitHub

harbor-labs/harbor

The CLI for Ink: run, snapshot, and compare notebooks without standing up a service.

Rust · CLITypes as documentation — Northshore ConfTalk notes and slides

Writing

Occasional notes on type systems that stay out of the way, local-first tools, and why most developer portfolios look like résumé PDFs with extra steps.

Write to AlexSlow email, real replies.

Work with me

Tell me about the project. I read every note.

NameEmailCompanyMessageSend

Alex のページは、開発者の形として使えます。いまの仕事、自分の言葉で書いたリポジトリが二つ、メモ、連絡フォーム。密度を真似る前に、英語の personal website examples を見てください。架空ページの一覧は英語の website bio page examples です。

スタジオで足せるもの

新しく作れるブロックは text、image、project、link、x、instagram、divider、spacer で、上限は 48 です。GitHub、YouTube、Spotify、TikTok、email、contact、socials の列は、始めたテンプレートかデモにすでに含まれているときだけ編集できます。スタジオに、それらを新規作成するボタンはありません。GitHub、YouTube、Spotify はリンク付きのカードのままで、プレイヤーは埋め込みません。ログイン後の画像は JPEG、PNG、WebP、AVIF で、8 MB までです。公開すると sayhi.page/yourname が有効になります。独自ドメインはなく、チェックアウトもありません。同じ制限は英語の personal website builder にも書いてあります。

5. 返事の手段を足す

メールのリンクか、連絡フォームです。フォームは名前、メール、メッセージを受けます。会社名は任意です。メッセージが欲しくないなら、体裁のためにフォームを置かないでください。

6. 公開して、すでに人を送っている場所にURLを置く

SNSのプロフィール、履歴書、GitHub のウェブサイト欄、資料のフッター。住所は一つです。ページが本当にポートフォリオなら、次は英語の how to build a one-page portfolio と、英語の portfolio builder です。採用担当に短く見せたい人は、英語の job seeker page から。プロフィールのリンクの役割をまだ決めているなら、プロフィールサイトとは を読んでください。

すでにあるページの上の、就職活動の骨組み

その読者向けのページは、英語の a page a recruiter can open です。そこでの順は、一文、見本三つ、リンクとしての履歴書、連絡手段です。架空の Alex Chen のページは、そのページがすでに使っているレイアウトです。彼が職を探しているという主張ではありません。Harbor Labs にいる人として書かれています。

1. 一文。見出しは “Languages, tools, and the notes between them.” 自己紹介は、小さな言語と、その周りの CLI に触れています。
2. 職歴より先に仕事の見本。Ink と Harbor は、彼が書いた GitHub カードです。型のあるノートの形式と、それを動かす CLI。トーク “Types as documentation — Northshore Conf” はリンクが一つです。
3. 履歴書は、自分で足すリンクのままです。彼のページは職歴を書き直しておらず、履歴書のファイルも含みません。
4. 連絡だと分かる連絡手段。メールのヒントは “Slow email, real replies.” フォームの見出しは “Work with me” で、会社名の欄があります。

ほかのレイアウトは英語の personal website examples on one page にあります。履歴書よりリンクから始めたいなら、英語の link-in-bio generator がその形をブラウザで下書きします。

省くもの

• 文章のないブログ。
• プロジェクトの代わりのロゴの壁。
• 維持しない2ページ目。
• インターネットの重要性を宣言して始まる文。

質問