--- title: サイトリニューアル、そしてお仕事のこと date: 2025-08-19T09:52:38.536Z updated: 2026-01-08T14:51:05.456Z tags: - diary url: https://baku89.com/ja/reneweal-2025 --- # サイトリニューアル、そしてお仕事のこと お盆のあいだにサイトを大幅に作り替えました。 ![](https://wp.baku89.com/wp-content/uploads/2025/08/image-16.png)\ ![](https://wp.baku89.com/wp-content/uploads/2025/08/image-19.png) ![](https://wp.baku89.com/wp-content/uploads/2025/08/image-18.png)\ ![](https://wp.baku89.com/wp-content/uploads/2025/08/image-17.png) ポートフォリオはもちろん、17歳の頃の恥ずかしいブログ、[Cosense](https://scrapbox.io/glisp)に貯めていた半プライベートなメモ、そしてこれまで積極的に公開してこなかった[コマーシャル](/commercials)な案件まで、全部まとめて載せています。非公開を含めると1700ページほど。[Everything](/everything)から一覧できます。ある種の[ダダ漏れ](/%E3%83%80%E3%83%80%E6%BC%8F%E3%82%8C)の実践です。 サイトの構造は見てわかるとおり、ナレッジベースアプリの[Cosense](/cosense)と[Obsidian](/Obsidian)の影響を色濃く受けています。つまり、ブログのように時系列で並べたり、階層に分類しようとはせずに、互いに（ハイパー）リンクする文章の小片を、ルート直下に平等にぶら下げる方式にしています。こうした文章整理術は、梅棹忠夫の[京大式カード](/%E4%BA%AC%E5%A4%A7%E5%BC%8F%E3%82%AB%E3%83%BC%E3%83%89)や[ツェッテルカステン](/Zettelkasten)など、デジタル以前から掘られてきた伝統の延長にあるのですが。 そもそもこのシステムは、[Featured Projects](https://featuredprojects.jp)の後藤さん、[相樂](/%E7%9B%B8%E6%A8%82%E5%9C%92%E9%A6%99)さんのために、仕事として作り始めたものでした。ただ、あまりにバイブスでコーディングし過ぎて不具合も多かったので、[baku89#icon](/baku89#icon)自身のサイトでもって安定化を図ることにした、という経緯です。CMSとしても汎用性が高いはずなので、ひとまずObsidian（黒曜石）に乗っかる形で **[Morion](/morion)** （黒水晶）と名付け、みんなに使ってもらえる形に育てていくつもりです。ご自身のサイトに使ってみたいという方、そしてWeb制作まわりのご相談などあれば、受け付けています。ひとまずは、友人のダンスカンパニーの[Spacenotblank](https://spacenotblank.com/)のサイトの10年越しのリニューアルにも投入するつもり。 ![](https://wp.baku89.com/wp-content/uploads/2025/08/morion.jpg)\ _Morionのロゴを[ChatGPT](/ChatGPT)に作ってもらった_ --- そしてもう一つのご報告として、13年所属した事務所を離れ、独立しました。 ぼくは2019年の [ISSEY MIYAKE](/dough-dough) の映像とWebを最後に、コロナ禍以降は仕事らしい仕事をほとんどしていませんでした。その間は [Glisp](/glisp) や [Tweeq](/tweeq) といったツールの研究開発や、半ば自主制作のようなミュージックビデオに没頭してきたのですが、そろそろ、こう、ちゃんと仕事をしたい（しなくちゃ）という気持ちになりつつあります。察してもらえますでしょうか。この数年、ご依頼をお断りしてしまった方々も、ぜひあらためて声をかけてもらえたら嬉しいです。 肩書は相変わらず「映像作家」ですが、[空間やライブ演出](/installations)、プロダクト、[Web](/web)や[インタラクティブ](/interactive)な分野は、これからもっと注力していきたいです。[AC部](/giftoooon)や[YOSHIROTTEN](/rgb-machine)とマシンを作った時もしみじみ感じましたが、動きのある立体物って奥深いですね。ちなみに後者は、フンイキでブラウン管を組み込んだがために、展示期間中に静電気で基盤が壊れてしまいました。 ![](https://wp.baku89.com/wp-content/uploads/2026/07/nozza9221.jpg) 映像に関しても、今後TVCMや広告映像のディレクターとして活動を続けるかはわかりませんが、あらためて現場のことを学び直したいと思っています。撮影現場は正直まだまだ苦手なので……。直近では[Amber Kuoらのビデオ](/sadday)らを4カ国で共同制作したのがすこぶる楽しくて、またああいう制作に関われたらなぁと思っています。メディアアート界の重鎮こと[藤幡正樹](/%E8%97%A4%E5%B9%A1%E6%AD%A3%E6%A8%B9)さんにも刺されましたが、「共作をする」というのがこれから数年の個人的なテーマです。 「独立」とはいっても、完全にフリーになるわけではなく、INS Studio、Vertigoの2社に引き続きマネージメント等のサポートをお願いしています。じゃあ何の報告なんだ、っていう話ではあるんですが。ただ、これをいい機会に、なにかと接点が無かった方々とも通話やお茶、ご飯などできたら嬉しいです。東京に住んでいますので、雑に[誘ってください](/contact)。多分こちらからもお声がけすると思います。 --- 書くことがなくなったので、このCMSシステムについての覚書でもメモしておこうと思います。 ## Morionの原則 ### [階層性と線形性を信じない](/%E9%9A%8E%E5%B1%A4%E6%80%A7%E3%81%A8%E7%B7%9A%E5%BD%A2%E6%80%A7%E3%82%92%E4%BF%A1%E3%81%98%E3%81%AA%E3%81%84) 普通のCMS開発のように、`work`、`event`、`member` のような投稿タイプや、 `/2025/some-post` といったディレクトリに分類したりはしない。そうした設計はその瞬間の見立てにすぎず、「`work`でもあり`event`でもある」ような中間的なコンテンツの登場とともに破綻する運命にある。コンテンツ同士の連関は「AがBに属する」のような含有関係ではなく、「AがBを指し示す」というリンクによってのみ決まる。また、Morionでは「ページ」と「タグ」の区別をしない。（Cosense同様） ### [ローカル・ファースト](/Local-First_Software) ページのは常にローカルに置かれたテキストファイルと同期する。（[File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API)によって）ローカルは単なるバックアップではなく、オリジナルそのもの。書き手の「第二の脳」をクラウド上に人質に取らない。 ### [プレーンテキストは普遍的なインターフェース](/%E3%83%97%E3%83%AC%E3%83%BC%E3%83%B3%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AF%E6%99%AE%E9%81%8D%E7%9A%84%E3%81%AA%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9) ページのソースはプレーンテキストによって表現される。CMSの管理画面だけではなく、メモ帳からも編集出来るし、ほかのCMSにインポートすることも、コマンドで一括置換することも、AIに喰わせることもできる。このサイトは[baku89#icon](/baku89#icon)の好みでMarkdownを採用したが、HTMLに変換できさえすれば、Cosenseのブラケット記法でもなんでも好きな構文をユーザーは採用することができる（予定）。 ちょうど今日、The VergeにObsidian CEOの[Steph Ango](/Steph_Ango)へのインタビューを読んでいて、そこに\ [「ひとつ面白い展開として、ぼくはステフにこう尋ねた。多くの競合が生産性ソフトに次々とAI機能を詰め込もうとしているのに、なぜ Obsidian はそれに倣おうと急いでいないように見えるのか、と。」](https://www.theverge.com/decoder-podcast-with-nilay-patel/760522/obsidian-ceo-steph-ango-kepano-productivity-software-notes-app#:~:text=And%20in%20one%20interesting%20twist%2C%20I%20asked%20Steph%20why%2C%20when%20so%20many%20of%20his%20competitors%20seem%20to%20be%20racing%20to%20stuff%20their%20productivity%20products%20with%20AI%20features%2C%20it%20didn%E2%80%99t%20seem%20like%20Obsidian%20was%20all%20too%20eager%20to%20follow%20suit.)\ という下りがありました。これは的外れも良いところで、プレーンテキストこそがその答えだろうと思っています。だってObsidianの実態は手元のPCに保存されたただのテキストファイルなんだから、Claude Codeにでもなんでも食べさせることができる。\ エディタとの統合という点では Cursor を使ったっていい。むしろNotionはNotion AIとしかインテグレーションされていないですし……。Obsidianには、多くのプラットフォーマーが口にする「エコシステム」なんて意識はなくて、プレーンテキストを介した、人類がこれまでに築き上げてきたコンピューティング文化という、より大きなものの一部であるっていう自覚と謙虚さがあるんだと思います。 ### [ダダ漏れ](/%E3%83%80%E3%83%80%E6%BC%8F%E3%82%8C)をアフォードする コンテンツの階層構造同様に、その書き手の気分もまた、公か私か、寄稿かつぶやきかといった境界で割り切れるものではない、連続的なもの。Morionでは、そうした曖昧さを切り捨てず、そのままに受け止められる「構造のなさ」を大事にしている。ブログとニュース、リサーチとブックマークは区別なく保管でき、両方のタグをもたせればその中間的な性質をもたせることができる。ページの公開設定やクロール設定も多段階でセットできるし、気まぐれで変えることもでる。だからこそ、書き手は自分の思考や制作の過程を“ダダ漏れ”のまま残しておけるし、読み手はその連続性を含めてアクセスできる。