002 - このサイト、だんだん「場所」になってきた

前回このサイトについて書いたとき、もうポートフォリオを第二の履歴書にするのはやめよう、ってだいたい決めてた。

で、その次にやったことが、自分の頭の中をマップにすることだった。

まあ、そうなるよね。

それから、このサイトがどこに向かってるのかをたぶん一番よく表してるページを二つ追加した。

Now と Places。

どっちも、普通のポートフォリオとして考えたらそんなに役に立たない。

使えるプログラミング言語が並んでるわけでもない。

でかい HIRE ME ボタンもない。

「主体性があり、意欲的に〜」みたいな都合のいい推薦文も置いてない。

代わりに、一つは今の自分の頭の中に浮いてるものを詰め込んだ、謎のインタラクティブな球体。

もう一つは、行った場所とか写真とか記憶とかを載せた地図。

場所を開くだけなのに、なぜか必要以上に派手なグリッチ爆発まで起きる。

今となっては、こっちのほうがだいぶ自分っぽい。

now は、だいたい頭の中

Now ページ自体は前から作りたかった。

普通の /now ページって、だいたいシンプルだと思う。

今なに作ってる？

なに勉強してる？

なに聴いてる？

places は同じことを地理的にやらかしたやつ

Places はもっと単純な理由で始めた。

ここ数年で住んだり移動したりした場所が増えてきて、どこかに残しておきたかった。

旅行ブログではない。

もちろん、

東京で絶対やるべきこと10選

みたいなのでもない。

それは俺じゃなくていい。

ただ地図がほしかった。

東京を押したら写真が出てくる。

カルガリーもある。

高速のサービスエリアみたいな、たった数十分いただけなのになぜか覚えてる場所もある。

5年間大事だった場所。

15分だけ大事だった場所。

最初は本当にただの点だった。

そこから触り始めた。

これがよくなかった。

今では地域ごとのグループ、細かい場所、ホバー表示、写真、メタデータ、ちょっとした文章、ズームによって変わる情報量、それから場所を開いたときに地図そのものを歪ませる謎の爆発まである。

普通に写真を開くだけではダメだったらしい。

デスクトップでは、場所によってさらに細かいエリアに分かれる。

モバイルでは逆にまとめる。

じゃないと画面が点だらけになって終わる。

ズームすると、地図自体の情報量も増えていく。

境界線。

グリッド。

ラベル。

世界の半分を見てるときにはいらない細かい情報。

場所を開くと、その周りの地図も一緒に巻き込まれる。

線が歪む。

赤いノイズが出る。

グリッドがぶっ壊れる。

その中から写真が出てくる。

ピンをクリックするというより、

記憶を開いた瞬間だけ、地図のほうが壊れる感じ。

川の横に立ってる自分の写真を出すだけにしては、演出が大げさすぎる。

最高。

途中で「開発者っぽいフォント」が嫌になった

見た目もかなり変わった。

最初のころは、こういうサイトならモノスペースとか、技術っぽいサンセリフが必要だと思ってた。

まあ分かる。

開発者のサイト。

コンピュータ。

小さいラベル。

グリッド。

サイバーなんちゃら。

Inter を試した。

普通すぎた。

Martian Mono も試した。

「ほら俺ターミナル使ってます」感が強すぎた。

Barlow も試した。

いいフォント。

でも違った。

そのあと、半分ふざけてセリフ体を入れてみた。

テック系の変なUIに新聞っぽいフォントが乗ってたら面白くない？

くらいのノリ。

面白かった。

しかも、そのままのほうが明らかに良かった。

よく考えたら、このサイトにはもう十分コンピュータがある。

座標。

番号。

赤いステータス表示。

グリッド。

図。

ノード。

矢印。

3Dモデル。

地図。

タイムスタンプ。

航空機のマニュアルみたいな量の小さいモノスペース文字。

メインのフォントまで、

COMPUTER

って叫ぶ必要はなかった。

なので今は、人が読む部分をセリフにしてる。

日本語は Zen Old Mincho。

英語も同じ方向。

見出し。

名前。

本文。

ナビ。

普通に人が読むところ。

モノスペースは残した。

ただし、ちゃんと役割を持たせた。

こっちは機械の声。

FIG. 01

51.05°N 114.07°W

NOW / 32

01

02

日付。

ステータス。

技術的な注釈。

自分が喋ってる文章じゃなくて、インターフェースが伝えてる情報。

この分け方にしたら、サイト全体がかなり腑に落ちた。

セリフが人。

モノスペースが、その周りの装置。

文章にすると死ぬほど意識高そう。

でも残念ながら、割とそう。

あと、ダークモードを殺した

まあ、だいたい。

自分はアプリにダークモードがあったら即オンにするタイプ。

深夜1時の白背景とか、取り調べに近い。

だから当然、このサイトにもライトとダーク両方作ってた。

そのあとフォントを変えた。

そしたら、

ライトのほうが良くなった。

かなり良くなった。

暖かいオフホワイトの背景にセリフを置くと、サイトが「UI」より「印刷物」に見える。

技術マニュアル。

カタログ。

ちょっと変な新聞。

赤いマークも、よくあるサイバーパンクの装飾というより、印刷の見当マークっぽく見えるようになった。

日本語の明朝も良く見える。

英語のセリフも良く見える。

長い文章も読みやすい。

全部が同じ物体の一部みたいになった。

なので、自分にとってかなり屈辱的な判断をして、公開版はライトテーマ固定にした。

テーマ切り替えも消した。

ただし、ダークテーマの設定自体は残してある。

せっかく作ったものを消すほど自分は正気じゃない。

今は表に出してないだけ。

例外が一つある。

3Dのデスク。

あそこだけは暗いまま。

周りのページは明るい。

機材一覧も明るい。

ステータスバーも明るい。

その中にだけ、グレーのグリッドと影と暖かい照明が入った暗い3Dビューがある。

もう「ダークモード」っていうより、

紙の中に画面が埋め込まれてる感じ。

最初から狙ってたわけではない。

でも今は完全にこれでいく。

たぶん、コントラストそのものがデザインなんだと思う

前は「一貫性」って、全部が全部に似てることだと思ってた。

同じフォントの雰囲気。

同じカラーモード。

同じ処理。

同じテンション。

今はむしろ、合ってないものが並んでるからこのサイトが成立してる気がする。

古い本っぽいセリフの下に3Dシーンがある。

日本語の明朝の横に小さいモノスペース座標がある。

暖かい紙みたいな背景の中に暗いビューポートがある。

世界地図が壊れたソフトみたいに動く。

今ハマってるものを並べただけの球体が、やたら重要そうな図に見える。

ホームには、椅子を雑にモデリングしたかっただけで作ったボクセルの机がある。

ビジュアルのルールは一貫してる。

中に入ってるものまで揃える必要はない。

たぶん、それが一番大事。

だんだんポートフォリオじゃなくなってきた

Work ページはまだある。

About もある。

経歴も見られる。

何を作ってる人なのかも分かる。

別に、変なサイトにしたいからって必要な情報まで隠すつもりはない。

ただ、そういうページが「サイトの目的」じゃなくて、「サイトの一部」になってきた。

Now は、今なにに意識を持っていかれてるか。

Places は、その一部がどこから来たのか。

Writing は、書き残すほど考えたこと。

Gear は文字通り、好きな物。

ホームには机。

で、履歴書っぽい情報が欲しいなら Work がある。

全部合わせると、ポートフォリオというよりアーカイブに近くなってきた。

完成されたアーカイブではない。

整理されてるとも言えない。

ただ、自分の中で何かしら引っかかったものに、置き場所を作ってる。

たぶん最初から本当に作りたかったのはこれだった。

言葉にできてなかっただけで。

つまり、個人用OSを作ってるっぽい

右上の小さいボタンには brian·os って書いてある。

最初はほぼネタだった。

最近、ちょっとネタじゃなくなってきた気がする。

もちろん本当にOSを作ってるわけではない。

プロセススケジューリングについてメールしてこないでください。

ただ、このサイトが少しずつ、自分が頭の中で物事を整理する方法に近づいてる。

仕事もその一部。

場所もその一部。

物も大事。

記憶も大事。

今月なぜか異常にハマってるものも大事。

しょうもない理由で、いろんなものがつながる。

アーカイブされるものもある。

数年後に突然戻ってくるものもある。

役に立つものもある。

全然役に立たないものもある。

そしてなぜか全部に赤い四角が必要らしい。

だから、このサイトの完成形がどんなものになるのか、もう自分でもよく分からない。

たぶん、それでいい。

昔のポートフォリオは、プロジェクトカードが綺麗に並んだ時点でだいたい完成してた。

今回は、作れば作るほど次に置きたいものが出てくる。

今のところ、そのほうがずっといい問題だと思ってる。