Calm Technology · The Campfire
通知も、バッジも、無限スクロールもない。
ただ燃えていて、見たいときに見て、
飽きたら離れられる。そういうものを作った。
多くのソフトウェアは
「見て」と叫ぶ。
焚き火は、ただ燃えている。
スマホのアプリは、ほとんど全部が 「注意を奪う」よう最適化されている。通知で割り込み、バッジで急かし、無限スクロールで滞在時間を伸ばす。それが"良い"とされる。だが育休中の静かな時間に、自分が作りたくなったのは、その正反対のものだった。何も要求しない、ただ眺めるだけのもの。
この記事が答える問い
「良い」ソフトウェアは、本当に
注意を"引く"ものだろうか?
結論を先に置く。注意を奪わないことは、ちゃんと"設計"できる。自分が作った2つの"眺めるだけ"のもの——焚き火のようなBGM背景と、宝石を眺めるビューアー——は、通知せず、ループ点もなく、しばらくするとUIすら消える。しかも、これには先人がつけた名前があった。Calm Technology(穏やかな技術)。良いUIとは気づかれないUIだ、とよく言うが、その極北を実際に手を動かして確かめた記録だ。
ざっくり言うと
焚き火そのものだ。焚き火は何も要求しない。通知しないし、「次はこれを見て」とも言わない。ただ燃えていて、見たいときに見て、飽きたら離れられる。ずっと眺めていられるのに、凝視は強要されない。あの心地よさを、ソフトウェアで作れないか——という話だ。
Chapter 01
ざっくり言うと——手元のアプリは、ほぼ全部が「注意を奪う」側に立っている。それが当たり前になりすぎて、逆向きのものを作れることを忘れていた。
あらためて自分のスマホのホーム画面を眺めると、そこにあるアプリは 見事なまでに全部、注意を奪う側に立っている。SNSは無限にスクロールでき、動画は勝手に次が再生され、通知は「早く戻ってこい」と赤いバッジで急かす。どれも、こちらの時間と注意をできるだけ長く握るよう作られている。
それが悪だと言いたいわけではない。ビジネスとしては合理的だし、便利さの裏返しでもある。ただ、"良いソフトウェアとは、ユーザーの関与(エンゲージメント)を最大化するものだ"という前提が、あまりに空気になっている——そのことに、静かな時間の中でふと気づいた。滞在時間、DAU、リテンション。指標はどれも「どれだけ引き止めたか」を測っている。
経済学者のハーバート・サイモンが、半世紀前にすでに言っている。「情報の豊かさは、注意の貧しさを生む」。情報が無限に増えれば、希少になるのは注意のほうだ。そして希少なものは、奪い合いの対象になる。いま自分のスマホで起きているのは、まさにその奪い合いだった。
ここで一度、立ち止まってみる。ソフトウェアは、本当に全部が"奪う側"に立たなければいけないのだろうか。注意を引かないもの、むしろそっと退いてくれるもの——そういうものを、自分の手で作れないか。育休中の、誰にも急かされない時間が、その問いを許してくれた。
Chapter 02
ざっくり言うと——「注意を奪わない技術」には、ちゃんと名前と理論がある。Calm Technology。良い道具は、必要なときだけ中心に来て、あとは視界の"周辺"へ静かに退く。
作りたいものの輪郭を探しているうちに、ぴったりの言葉に行き当たった。Calm Technology(穏やかな技術)。1990年代に、ゼロックスのパロアルト研究所(PARC)のマーク・ワイザーとジョン・シーリー・ブラウンが唱えた考え方だ。
彼らの中心にあるのは、注意には「中心(center)」と「周辺(periphery)」がある、という見立てだ。人はいつも視界の中心だけを見ているわけではない。周辺で"なんとなく"把握しているものが、たくさんある。運転中のエンジン音、部屋の明るさ、窓の外の天気。優れた技術は、この"周辺"に居られる。必要になった瞬間だけ中心に滑り込み、用が済めばまた周辺へ静かに戻る。
この対比は効く。奪う側のアプリは、常に中心を要求する。通知は「今すぐ中心に来い」という命令だ。対してCalm Technologyは、周辺に居続けることを目指す。近年これを整理したアンバー・ケイスは、原則の筆頭にこう置いている——「技術は、できるだけ少ない注意で済むべきだ」。注意を"引く"のではなく、注意を"要らなくする"。ベクトルが真逆なのだ。
焚き火は、この周辺技術の完成形だと思う。囲んでいる人は、ずっと凝視しているわけではない。話しながら、時々ふっと目をやり、また会話に戻る。中心と周辺を、自分のペースで行き来できる。強制されるものが何もない。自分が作りたかったのは、この"焚き火の居心地"をソフトウェアに移すことだった。
中心と周辺
奪う技術は「中心に来い」と要求し続ける。穏やかな技術は「周辺に居させてくれ」と身を引く。同じ画面・同じUIでも、どちらの居場所を狙うかで、まったく別のものになる。
Chapter 03
ざっくり言うと——最初に作ったのは、BGM動画の背景に使う手続き生成の映像集。要件はただ一つ、「ずっと眺めていられて、凝視させない」。そこから設計のすべてが決まった。
最初に作ったのは、作業・集中・睡眠用のBGM動画に使う 背景映像のサンプラー だ。単一のHTMLファイルで完結し、Canvas 2Dで15種類のパターンを手続き的に描く。焚き火、雨の窓、オーロラ、ホタル、雪、フローフィールド……。依頼の言葉に、この作品の芯が全部入っていた——「焚き火映像のように、ずっと眺めていられて、凝視させない」。
「凝視させない」を要件に据えると、設計判断がひとりでに決まっていく。まず 低刺激。暗い背景をベースに、激しい明滅・高すぎる彩度・速すぎる動きを避ける。目を"引っ張る"要素を意図的に間引く。次に 道具が消えること。操作用のUIは、数秒さわらないと自動でフェードアウトする。録画に映り込まないためでもあるが、本質は 「見ているあいだ、道具の存在を忘れていられる」 ことだ。中心を、映像そのものに明け渡す。
そして 何も記録しない。localStorageのようなブラウザ保存は一切使わず、状態はメモリの中だけ。前回の続きも、視聴履歴も、設定の記憶もない。開けば毎回まっさらに始まる。追跡しない、最適化しない、囲い込まない。「またあなたに戻ってきてほしい」という下心を、構造から抜いた。
面白いのは、これらが我慢や制約ではなく、"焚き火らしさ"を作るための積極的な設計だったことだ。ブライアン・イーノが、環境音楽(アンビエント)を定義した有名な一節がある——「無視できると同時に、興味深くもあるものでなければならない」。無視してもいいし、じっと聴き入ってもいい。そのどちらも許す。焚き火の映像に求めたのも、まさにこの「無視することを許す」寛容さだった。
Chapter 04 — Figure
ざっくり言うと——注意を奪うアプリと、凝視させない作品は、まったく同じ「設計レバー」を握っている。違うのは、それを倒す向きだけだ。
奪う側と退く側は、別々のUIを使っているわけではない。通知・動きの周期・UI・記録・刺激・目的——同じレバーを、正反対の向きに倒しているだけだ。下の図は、6つのレバーを中央に置き、左に「凝視させない側(作った側)」、右に「注意を奪う側(普通のアプリ)」を並べたもの。
左右で使っている道具は同じだ。通知の有無、動きにループ点を残すか、UIを出しっぱなしにするか、行動を記録するか、刺激の強さ、そして何を最大化したいのか。奪う側は全レバーを「引き止める」方向へ、退く側は全レバーを「解放する」方向へ倒している。だからこれは技術力の差ではない。最初に「どちらを向くか」を決めたかどうかの差だ。
Chapter 05
ざっくり言うと——ずっと眺めていられる映像の技術的な肝は、「ループ点をなくす」こと。繰り返しに気づいた瞬間、人は時間を意識してしまう。だから、始まりも終わりもない絵を作った。
「凝視させない」は思想の話に見えて、実は かなり具体的な技術課題に落ちる。いちばん厄介なのが ループ点 だ。映像が一定周期で繰り返すと、人は必ず「あ、さっきも見た」と気づく。その瞬間、注意が中心に引き戻され、"時間の長さ"を意識してしまう。焚き火が飽きないのは、二度と同じ炎が来ないからだ。「終わり」も「一巡」もない。
それをコードで作るには、周期関数だけで動きを作らない。全パターンの時間変化を、3次元パーリンノイズの第3軸(時間軸)で駆動する。パーリンノイズは、ケン・パーリンが考案した"なめらかで自然な乱数"で、雲や炎や水面のゆらぎを作るのに使われる。時間をこのノイズの中を進む1本の道として扱えば、同じ模様は原理的に二度と来ない。どうしても周期的になりがちな箇所(プラズマなど)でも、その周波数や中心点自体をさらにノイズで漂わせて、"再来"を殺す。
焚き火のパターンには、環境音まで手続き生成で付けた。外部の音源ファイルを再生するのではなく、ブラウン雑音をローパスでゆっくり揺らし、短いパチパチ音をランダムなタイミングで重ねる。音源ファイルは長さが有限で、いつか必ずループする。だが手続き生成なら、音にもループ点がない。映像と同じ思想を、耳にも通した。
結局のところ、「終わらなさ」は、乱数の質の問題だった。安易な繰り返しを避け、なめらかな乱数で時間そのものを漂わせる。始まりと終わりを消すと、人は時計から解放される。"ずっと眺めていられる"の正体は、時間の感覚が溶けることだったのだと思う。
余談:軽さも"穏やかさ"のうち
重い演出はスマホで簡単に破綻する。派手にレイヤーを重ねるとGPUが追いつかず、描画がカクついたり飛んだりする——凝視させないどころか、真っ先に注意を奪う"事故"になる。だから縦長画面でも計算量が増えない工夫を入れ、重い演出は欲張らず絞った。滑らかに動き続けること自体が、穏やかさの前提条件だ。
Chapter 06
ざっくり言うと——2つ目に作ったのは、宝石をただ眺めるだけのビューアー。用途はゼロ。そのために、自分で決めたサイトの規約すら意図的に破った。
2つ目は、もっと開き直った。宝石を眺めるだけのビューアーだ。WebGL(Three.js)で、実寸感のあるファセット(カット面)を持つ3Dの宝石を描く。暗い空間に置いた発光パネルを環境マップとして焼き込み、回転する石の面に、白・金・氷青・マゼンタ・紫の光が流れる。数秒おきに小さな閃光がまたたき、時おり流れ星がよぎる。できること? 眺めることだけだ。
ここで、自分でも少し驚いた判断をしている。この宝石ビューアーは、自分のサイトの規約を、意図的に2つ破っている。ひとつは、いつもはTailwindで統一しているスタイルを捨てて生のCSSで書いたこと。もうひとつは、全ページに必ず入れているはずの共通ナビとフッターを、「世界観を壊すから」という理由で外したこと。没入のために、自分のルールをあえて曲げた。
この"規約破り"は、思っていたより示唆的だった。「役に立つ」を目的から外すと、逆に自分が本当に何を大事にしているかが際立つ。ナビもフッターも、普段は「サイトの一貫性」という正しさのために入れている。でもこの石にとっては、その一貫性より "石だけの静かな時間" のほうが大事だった。目的を降ろすと、優先順位の地肌が見える。
思えば自分は、家計ツールも朝刊エージェントも、ずっと 「役に立つ」ものばかり 作ってきた。仕組み化、効率化、可視化。どれも誇りに思っているが、"用のないものを作る自由"は、久しぶりに肩の力が抜ける体験だった。生産性ゼロ、KPIなし、それでいい。作りたいから作る。眺めたいから眺める。それだけで完結していい領域が、ソフトウェアにもある。
Chapter 07
ざっくり言うと——誰にも使われず、バズらず、滞在時間も測らない。それでもいい。ソフトウェアが全部、注意を奪う側に立つ必要はない。
「良いUIは気づかれない」とよく言う。押しやすいボタン、迷わない導線、意識させない操作性。この2つの作品は、その言葉のいちばん遠いところにある 極北 だと思う。通知しない。記録しない。バッジも出さない。滞在時間も測らない。気づかれず、測られず、囲い込まない。
ビジネスの物差しで見れば、これらは"失敗作"だ。エンゲージメントを最大化しないどころか、最小化しようとしている。でも、それでいい。ソフトウェアの全部が、注意の奪い合いに参加する必要はない。注意力は有限の資源で、しかも年々奪われる圧が強くなっている。だからこそ、"奪わない側"に立つものを、意識して作る価値があると思う。
この2作は、その練習だった。焚き火のBGM背景も、眺めるだけの宝石も、社会を変えるわけではない。ただ、「注意を奪わないことは、ちゃんと設計できる」——それを自分の手で確かめられたのが大きい。低刺激、ループ点なし、消えるUI、記録しない。どれも我慢ではなく、"穏やかさ"を実装するための積極的な選択だった。
Claudeと二人三脚で 育休中に手を動かして 分かったのは、こういうことだ。作るものの向きは、自分で選べる。中心を奪いにいくことも、周辺へそっと退くことも、同じ道具でできる。どちらを向くかは、指標ではなく、作り手の意志が決める。
Coda
多くのソフトは
「見て」と叫ぶ。
焚き火は、ただ燃えている。
注意を奪わないことは、設計できる。
同じ道具を、退く方向へ倒すだけだ。
この2つは公開ページの一覧には載せていない、ひっそりした置き場所にある。大きな導線を張って「見て」と呼ぶのは記事の趣旨と噛み合わないので、探しに来てくれた人のために、置き場所だけそっと記しておく——STELLA GEMMA(眺める宝石店) と 焚き火の背景サンプラー。焚き火は、探して見つけたときにいちばん似合う。もし"注意を奪わないもの"を作った経験があれば、ぜひ聞かせてほしい——奪う側の設計論はいくらでもあるのに、退く側の話は、まだあまり共有されていない気がしている。
Fact-check
題材にした2つの作品(Canvas 2Dによる手続き生成のBGM背景サンプラー=焚き火ほか15パターン・ループ点なし・Web Audioでの環境音生成/Three.jsによる宝石ビューアー=環境マップの焼き込み・ファセット描画)は、いずれも自分が単一HTMLで制作したもの。実装で使った技術(Canvas 2D、WebGL/Three.js、Web Audio、3次元パーリンノイズ)は各ファイルのソースで確認できる。参照した概念と出典は公開情報:Calm Technology(穏やかな技術)は Mark Weiser & John Seely Brown「The Coming Age of Calm Technology」(Xerox PARC, 1996)および Weiser の "center / periphery" 論、現代的な整理は Amber Case『Calm Technology』(2015)の諸原則。「情報の豊かさは注意の貧しさを生む」は Herbert A. Simon(1971)。アンビエントの定義 「as ignorable as it is interesting(無視できると同時に興味深くもある)」は Brian Eno『Ambient 1: Music for Airports』(1978)のライナーノーツ。パーリンノイズは Ken Perlin(1983〜)。なお「奪う/退くは同じレバーの向きの違い」「気づかれないことは失敗ではない」という整理は、外部調査ではなく制作を通じた筆者の見立てで、異論は歓迎する。エンゲージメント最大化への批判的視点は Center for Humane Technology 等の議論も踏まえている。