図 01スマートフォンで見るペルシャ語のサイト。罫線で区切られた行として並ぶ9つの活動、詩のページ、そしてイラン暦(シャムシー暦)の予約カレンダー。
01背景
ひとつの見出しには収まらない経歴
Arash Rezvaniは作家であり、詩人、教師、写真家、冒険家でもある。本人によれば、10冊近い本と100篇を超える詩を発表し、15年にわたって自転車競技のコーチを務め、25年以上クライミングを続け、30年以上写真を撮ってきた。依頼は、そのすべてを収める個人サイトとジャーナルだった。
ペルシャ語は彼の言語であり、読者の言語でもある。だからサイトの既定言語はペルシャ語で、英語がその隣に並ぶ。本人の言葉を軸に、出版のためのサイトを作った。彼の仕事の各部分に1ページ、著書の棚には1冊ごとに1ページ、ジャーナル、彼の楽曲、検索、そして通話を予約するカレンダー。すべてペルシャ語の管理画面から編集し、イラン国内でホスティングしている。
/en/experience:ラテン文字の大文字で組まれた英語のページ。
/fa/experience:同じページのペルシャ語版。ペルシャ語は決して字間を空けない。
図 02ひとつのページに2つのURL。各言語はそれぞれ独立した文書であり、Cookieで切り替わる翻訳ではない。「ここに推測によるものはない。この表にない数字をサイトに載せてはならない」
図 03著書ページは自らの限界を明記している。執筆・翻訳・出版された10点近い書名のうち、掲載は6点で、残りはまだだ。 /fa/poetry:詩のセクション。抜粋ではなく、詩形を添えた詩の全文を待っている。
- 01ホームページは索引だ。プレフィックスのないアドレスはペルシャ語へ行き、すべての経路が/faと/enの下に存在する。
- 02プロフィールと経歴:9つの糸すべての概観で、サイトで唯一の数字の帯を持つ。
- 03指導、道、「同じまなざし」、詩:それぞれが彼の話の一部分を担う。
- 04指導と道は、それぞれの主題に応じた著書へリンクする。
- 05著書とジャーナル:索引と、各レコードのページ。ジャーナルは6つのカテゴリーで絞り込める。
- 06音楽は動画コレクションを読み込む。ホームページは最新の3曲を表示する。
テンプレートから、公開中のバイリンガルサイトへ
基盤構築Next.jsに組み込んだPayloadのウェブサイトテンプレート、ペルシャ語の管理画面、デプロイパイプライン。8月25日から
ブランドシステム彼の写真から測ったパレット。8月30日に公開
- 01行の罫線は列の罫線で終わる。線は別の線で止まる。
- 02列の罫線は、一覧の下にある帯の罫線で終わる。
- 03壁は紙がインクに変わるところで止まる。地の切り替わりは縁である。
- 04帯の数字はすべて出典のある数字の表から取り、≈や+もそのまま残している。
図 07ペルシャ語の経歴ページ。壁、行の罫線、列の罫線が、数字を載せたインク色の帯で締めくくられる。図 09「6つの道」、ホームページにある彼の活動の索引。各活動は生成されたセクションカードのひとつの下に置かれている。 - 01著書コレクションのレコードひとつ。管理画面で一度編集する。
- 02ペルシャ語のページと英語のページ、hreflangで対にする。
- 03著書の棚にあるカードと、主題のページにあるパネル。
- 04著書のサイトマップとサイト内検索の1行、両言語で。
- 05Book構造化データ。表紙の表記どおりの役割——著者、共著者、翻訳者——を記す。
- 06ジャケットから切り出した1200×630のシェア画像。
/fa/posts:すべての日付がシャムシー暦、ペルシャ数字で。
«مربی»での/fa/search:記事はペルシャ語のタイトルで返り、著書はまだ英語のタイトルのまま。
通話の予約、5つの手順で
日を選ぶ土曜始まりのシャムシー暦の月。過去の日、金曜、満杯の日は選べない
時間を選ぶテヘラン時間の空いている15分単位の枠。訪問者自身の現地時間を隣に表示
1件のコンテンツ変更、最初から最後まで
分類コンテンツか、設定か、一度だけ編集可能にすべきものか、コードか
バックアップ書き込みの前に、両言語の文書を保存する
/en/work:書道も写真もまだひとつもオンラインになっておらず、ページはそう述べている。
図 04空の状態も一文で示す。空間を埋める代わりに、何が欠けているかを言い切る。
07検索はページ、記事、著書を読み込む。問い合わせはフォームと予約カレンダーを持つ。08作品ページは道と「同じまなざし」より前に作られた。構造の中での位置づけはまだ定まっていない。図 05サイトを経路として示した図。2026年9月27日時点で数えたもの。すべての経路は/faと/enの下に2重に存在する。
図 06索引としてのホームページ、さらに下:経歴ページへ導く国の地図と、最新の6件の記事。その間にある著書の表紙と楽曲の静止画は彼自身のものなので、ここには含めていない。
03
本人の話ラティスを文書化し、すべてのページを彼の経歴に基づいて作り直した。内容は9月3日から真実になった
活動についての言葉9月11日に届いた10通のメッセージを、それぞれ1か所に配置
独自のURLと予約各言語がそれぞれのプレフィックスを持ち、通話用のシャムシー暦カレンダーを備える。9月12日から
ページとしての著書1冊ごとに1ページを設け、検索もページの言語で読み込む。9月13日
07
音楽チャンネルの楽曲をクリックで読み込むカードとして掲載。9月18日
図 08画像を配置した状態:公開中のホームページは3枚窓のマストヘッドから始まる。英語版とペルシャ語版があり、ペルシャ語版ではページ全体が右から左へ鏡写しになる。
図 10同じホームページをスマートフォンで見た、ペルシャ語版:冒頭の一文、マストヘッド、1行に2枚ずつ並ぶ6枚のカード、そして記事。
図 119枚の服装ターンアラウンド、彼がまとうスタイルごとに1枚:文学者、寛いだ旅人、フォーマルな教育者、都会的なクリエイター、伝統的なモーターサイクリスト、モーターサイクルコーチ、アドベンチャーツアラー、フィールドの旅人、そして救援活動のフィールドウェア。
図 12サイトに実際に載ったもの:ホームのマストヘッドとそれ以前のコラージュ版マストヘッド、6枚のセクションカード、締めくくりの帯(その後取り下げられたが、1200×630のクロップはいまもシェアカードとして使われている)、そしてプロフィールページの2枚の仮置き画像。本物の書道パネルが撮影され、彼自身の写真が届くまでの間のものだ。
図 1317点のエディトリアルスタディ、それぞれ9つの装いのひとつを使った新しい構図:コラージュ、スクリーンプリント、ハードライトのポートレート、静物。
図 141冊の著書をサイト全体で追跡した図。記事も同じパターンをたどり、言語ごとのRSSフィードが加わる。楽曲は音楽ページから読み込まれ、専用のページを持たない。
図 15両言語のジャーナル索引:彼の活動にちなんだ6つのカテゴリー、1ページに12件の記事。
03動画は求められたときにだけ読み込む
イラン国内では、YouTubeのプレーヤーにVPNが必要になる。各曲はクリックで読み込むカードで、ポスター画像とタイトルはサイト自身のストレージから配信される。だからVPNがなくてもカードは欠けず、クリックするまでプレーヤーは読み込まれない。
- 代替案
- ページにプレーヤーを埋め込む
- トレードオフ
- ポスター画像はいまのところYouTube自身のフレームで、サイトに保存され、手作業で差し替えられる。
04スタック全体をイラン国内に置く
Docker Hubはサーバーに403を返す。ベースイメージの取得で5回のデプロイが失敗し、イランのミラーを経由してようやく取得できた。ストレージ、Git、デプロイ基盤、メールはすべて国内で動いている。
- 代替案
- 公開レジストリとホスティング型のGit
- トレードオフ
- 小さなサーバー1台で動かすものが増える。あるビルドはメモリ不足に陥り、Gitサーバーを道連れに落ちた。
05著書ごとに、自身のページを持つレコードにする
ページブロックの中のリストでは、著書にアドレス、独自のメタデータ、他のページが指し示せる独自の識別子を与えられない。レコードとしての著書は、棚、主題のページ、検索、そして自分自身のURLに現れる。だから«مربی شو»を検索した読者はその著書に直接たどり着く。どの表紙にも刊行年や出版社が記されていないため、棚の並び順は手作業で決め、各カードは表紙の表記どおりの役割——著者、共著者、翻訳者——を載せる。
- 代替案
- 6冊の著書を著書ページの中の行として並べる
- トレードオフ
- 自動的な並び順はなく、刊行年か出版社が分かるまで詳細セクションは空のままになる。
06コンテンツをリリースではなくデータとして扱う
9月3日以降、コンテンツを保持しているのはリポジトリではなくデータベースだ。すべての変更はまず分類される。コンテンツと設定はAPIを通して書き込み、また変わりうるものは一度だけ編集可能にし、スキーマ・振る舞い・インフラだけがビルドとして出荷される。楽曲、音楽ページ、予約時間、ナビゲーションはどれもデプロイなしで変わった。
- 代替案
- seedファイルでコンテンツを編集し、それをデプロイする
- トレードオフ
- リポジトリはもはや公開中の文章を保持していないため、すべての書き込みは手作業でバックアップ、差分確認、ログ記録が行われる。
「coach」での/en/search:英語のタイトルで、それぞれの下にペルシャ語の抜粋が付く。
図 16同じ検索を両言語でスマートフォンから見た図。2026年9月27日に撮影。ロケール修正が解決したことと、しなかったこと。
03
詳細名前、電話番号、メールアドレス。電話番号は検証され、隠しフィールドがボットを検知する
05
予約完了201と受付票。その間に埋まった枠は409を返し、カレンダーが残りの候補を示す
図 17スマートフォンでのペルシャ語版:選んだ日の空いている15分単位の枠、続いて詳細。
03
書き込みまず英語、次にペルシャ語。すべての行のIDを保つ
読み戻しバックアップとの差分を確認する。動いてよいのは意図したフィールドだけ
05
記録コンテンツ運用ログに1行、その検証とともに
↳ペルシャ語の管理画面↳実際に動くスケジュール公開