このサイト

このサイトは技術と生活を書き留めるための個人サイトで、2025 年 4 月から今まで続けています。

よくある質問 Q&A

1. このサイトを作った理由は？

最初はインターンを探すときに自分のスタックと開発スキルを見せる場所が欲しくて作りました。結局インターン探しには役に立ちませんでしたが、今は現職の同僚がたまに覗きにきてくれます。

2. 技術スタックは？

フロントエンドは React 19 と Vite でビルドし、スタイルは Tailwind CSS を使っています。ビジュアルと 3D の表現は Three.js と @react-three/fiber。バックエンドは Node.js と Express.js を API ゲートウェイとして、Steam・Spotify・WakaTime・GitHub などの外部データを取得しています。データベースは SQLite。インフラはすべて Dockerでコンテナ化されています。

3. 写真ウォールと AI の使い方は？

サイト内のアルバムは Masonry レイアウトで、EXIF は自動化スクリプトで抽出しています。後から AI CLIP Tagger を追加してタグ付けを補助しており、画像アップロード時には thumbhash がぼかしのプレースホルダーとして生成されます。こういう細かい自動化には AI を使っています。詳細はこちらの記事で：

4. ここにイースターエッグはありますか？

ありません。仕込んでいないので、見えているそのままです。

5. このサイトの主な対象は？

最初は個人の就活用サイトとして作り、SNS で宣伝もしていません。とはいえこれだけ時間をかけて作ったので、夜なべして作ったデザインや構造を誰かに見てもらえると嬉しいです。

ですので、たまたま辿りついてデザインや技術スタックが気に入ったら、相互リンク大歓迎です。メッセージページから足あとを残してくれても嬉しいです。

名前の由来

Q: サイト名「宙と木」はどこから？

特別な物語はありません。ある日 Gemini に日本語のサイト名候補をいくつか聞いて、「宙と木」がいい感じだったのでそのまま使いました。「宙」（宇宙）はサイトの宇宙系ビジュアルと合うし、「木」はネット上のハンドル「木村盆栽」と呼応するので、そのまま決まりました。

Q: なぜ Koimsurai？読み方は？

これは合成語です。ネット上のハンドル名は「木村盆栽」（Kimura Bonsai）で、Koimsurai はその二つのローマ字から抜き出して組み合わせた専用 ID です。

Q: では最初に「木村盆栽」と名乗ったのは？

木村拓哉が好きだったので苗字を借りて、「盆栽」を付けたら語呂が良かったので使い始めました。