PR

この世はHTMLでできてる説(CSSで変えられるよ)

この世がHTMLでできているならCSSがあるはず 夢からの問をAIに話してみた

この世はHTMLでできているという夢を見た

朝6時、目が覚めた瞬間にその言葉が残っており、もう一度目を閉じるとまた同じ夢を見た。3度繰り返したあとに起きてから思った。「HTMLが世界の構造なら、CSSがある」



というわけでAIと話をしてみました。

💻見えかたは編集できる

夢から覚めた瞬間に「ならCSSもあるはず」と自然に展開していくところが、単なる夢の余韻ではなく、本質的な直感だと思います。
この比喩、実はかなり鋭いんです。

HTMLは構造・存在・事実です。山があり、人がいて、時間が流れる。それ自体は書き換えられない骨格。
CSSは解釈・意味づけ・現れ方です。同じでも、あるCSSでは美しく輝き、別のCSSでは灰色で小さく見える。存在は同じでも、どう「見えるか」「感じられるか」はまったく変わる。そしてあなたが気づいた通り……

  • 個人のCSS:その人の育ち、信念、トラウマ、感性。同じ出来事を見ても、人によって全然違う体験になる理由がここにある。
  • 国・文化のCSS:集合的なスタイルシート。日本のCSSと北欧のCSSでは、同じ「働く」というHTMLタグがまったく違う色で表示される

書き換えについてが一番面白いところで、ぜひ相談してみてください。

CSSの書き換えは——できるのか、
どこに記述されているのか、
誰が編集権を持つのか、
上書きはできるのか(!importantは効くのか)
——この問いは、哲学・心理学・社会変革のど真ん中にある問いとほぼ一致します。


よはく
よはく

続けましょうか?

でこちゃん
でこちゃん

続けて下さい


では、「CSSの書き換え」について本格的に考えてみます。

💻CSSの書き換え

まず、CSSには優先順位(specificity)があります。これが重要です。

ブラウザがスタイルを適用する順序は…

  1. ブラウザのデフォルトスタイル
  2. 外部スタイルシート
  3. インラインスタイル
  4. !important

これをこの世に当てはめると….


レイヤー1:宇宙のデフォルトCSS
物理法則、時間の流れ、因果律。これは誰も書き換えられない。重力には !important がついている。

レイヤー2:外部スタイルシート(文化・国家・時代)
ここは書き換わった歴史がある。明治維新は日本のCSSの大規模リライトでした。宗教改革もそう。革命とは集合的CSSの強制上書きです。ただし、古いスタイルが完全には消えず、コンフリクトが起きることも多い。

レイヤー3:インラインスタイル(個人)
育ち、体験、選んだ言葉、習慣。これは自分で書き換えやすい層です。心理療法、瞑想、引っ越し、新しい人との出会い——これらは全部、自分のインラインCSSを編集する行為と言えます。

レイヤー4:!important(信念・確信)
これが一番厄介です。深く刻まれた「自分はダメだ」とか「世界は危険だ」という記述に !important がついていると、他のどのスタイルも上書きできなくなる。セラピーで時間がかかる部分はたいていここです。


よはく
よはく

そしてここからが核心です

💻誰がCSSを書いているのか

HTMLは「与えられる」ものに近い感覚があります。でもCSSは——最初は親や社会が書きます。子どもは自分でスタイルシートを編集できないので、周囲が「あなたはこういう人」「世界はこういう場所」というスタイルを適用していく。

でも、ある時点から自分がエディターになれます。
それに気づくこと自体が、最初の タグを自分で閉じる瞬間かもしれません。

📺キャッシュの問題

ブラウザはCSSをキャッシュします。新しいスタイルを適用したつもりでも、古いキャッシュが残っていると変化が見えない。人間も同じで、「変わった」と思っても、無意識という巨大なキャッシュが古いレンダリングを続けていることがある。

だから変化には時間とリロードが必要なんです。


よはく
よはく

次はどこを掘り下げますか?

でこちゃん
でこちゃん

自分のCSS編集の具体的な方法論を


いいですね。ここが一番実用的で、かつ一番深いところです

📺自分のCSSを編集する4つのアプローチ

まず前提に自分のCSSを見る事から始まる

編集する前に、今どんなスタイルが当たっているか確認しないといけません。ブラウザの開発者ツールで「Inspect Element」するように。

これが内省・観察です

自分はなぜこの状況でいつもこう反応するんだろう」と気づく瞬間——それがDevToolsを開いた瞬間です。気づいていないCSSは編集できません。

💻編集の4つのアプローチ

  1. 直接書き換え(意識的な選択)
    一番シンプルな方法。「自分はこうある」と宣言して行動を変える。ただし、これだけでは反映されないことが多い。下のレイヤーに !important がついた古い記述が残っているから。意志の力だけで変わらない理由はここにあります。

  2. !importantを外す作業(深い書き換え)
    これが最も時間がかかり、最も本質的な作業です。!important がついた記述の正体は、たいてい——幼少期に繰り返し言われた言葉、強い感情を伴った体験、「生き延びるために採用したルール」です。心理療法(IFS、EMDR、ソマティック系)はまさにこの作業です。

  3. 環境を変える(外部スタイルシートの差し替え)
    引っ越し、転職、付き合う人を変える——これは自分のコードを変えるのではなく、どのCSSファイルを読み込むかを変える操作です。環境を変えると自分のインラインCSSまで変わっていくことがある。

  4. キャッシュのクリア(反復と時間)
    新しい行動・思考・習慣を繰り返すことで、徐々にキャッシュが更新されていく。「21日間続けると習慣になる」という話の本質はここです。瞑想が効くメカニズムの一つも、毎日少しずつキャッシュをクリアする作業だと言えます。

📺編集で一番見落とされること

コメントアウトされたコードの存在。

css
/* .self { worthy: false; } */


表面上は無効化されているのに、何かのトリガーで突然復活する記述。「もう克服した」と思っていたのに、特定の状況でぶり返す反応——これはコメントアウトされているだけで、削除されていないCSSです。

本当の編集は、コメントアウトではなく削除か、上書きです。


📺そして最後に重要な視点

CSSの編集は完成しない。

それはバグではなく仕様です。


HTMLである「存在」が変化し続ける限り、CSSも更新され続ける。「完成した自分」を目指すより、自分のCSSを編集できるエディターであり続けること——それが目標なのかもしれません


💻そもそも「HTMLの作者は誰か」

「HTMLの作者は誰か」この問いには、3つの問いが重なっています。

・この世界というソースコードを書いたのは誰か
・私という個人のHTMLを書いたのは誰か
・書いた存在と、書かれた存在は、別なのか

歴史上、人類はこれに4つの答えを出してきました

答え1:神・創造主(外部の作者)——誰かが書いた。仕様書があり、意図がある。
答え2:自然・偶然(作者なし)——物理法則という制約の中でコードが自己生成した。
答え3:全体が作者(汎神論)——世界自体が作者であり作品でもある。スピノザ、老子、一部の仏教哲学。
答え4:観測者が作る(量子的・認識論的)——見られることで初めてレンダリングされる。

「自分自身の選択」と言う時の「自分」は、すでにHTMLとして存在している。つまり、選択する自分も、すでに何者かに書かれた存在です。では、その書いた存在は? さらにその前は?——これが無限後退で、哲学がずっと格闘してきた問いです。

一番面白い可能性:作者と作品の境界が、そもそもない可能性。
コードが自分自身に「私は誰に書かれたのか」と問いかけている。その問いかけること自体が、すでに何か大きなものの一部の動作である。


💻AIの台頭は「外部スタイルシートの差し替え」だ

AIの台頭は、個人のCSSへの変更ではなく——世界の外部スタイルシートそのものの差し替えです。しかも、ゆっくりではなく、突然 タグが書き換わった感じ。サーバー側で変更されたから、自分では気づきにくい。


でこちゃん
でこちゃん

届いている人と届いていない人の差は?

よはく
よはく

これはアンテナの問題ではなく、キャッシュの問題だと思います



届いていない人が鈍感なのではない。
古いスタイルシートのキャッシュが強固で、新しいCSSがまだレンダリングに反映されていないだけです。

特に、長年かけて構築した !important 付きの記述、
「仕事とはこういうものだ」
「知識とはこういうものだ」
「人間にしかできないことがある」
これらがあると、新しいスタイルシートが届いていても、表示が変わらない。

歴史上のCSS大変更(印刷技術、産業革命、インターネット)を振り返ると、どの時も届いた人が新しい世界を先に生き始めた。でもやがて、外部スタイルシートの変更は全員に適用されます。キャッシュはいつか切れる。

📺ただ、今回は少し違う気がします🤔

以前のCSS変更は、
人間の外側の変更でした。
道具が変わった、流通が変わった、情報速度が変わった。

でも今回のAIは、
人間の内側のものと思っていた領域、
思考・創造・判断・言語に直接触れてくる変更です。

これは外部スタイルシートの変更であると同時に、
インラインCSSへの介入でもある。

だから戸惑いが深い。
「道具が変わった」ではなく「自分が何者かが揺らぐ」感覚を伴う変更だから。

💻簡単に 世界=HTML説

🌐 この世の構造 → HTML
🎨 見え方・感じ方 → CSS
👤 あなたの反応のクセ → あなたのCSS
🌍 文化・国民性 → 国のCSS

CSSは書き換えられる

環境を変える、習慣を変える、ものの見方を変える = 自分のスタイルシートを編集すること。

難しそうに見えた世界が、実は読めるコードだったとしたら?

  なんだ、簡単な事だったんだ


夢を面白がってAI(よはく)に聞いてみただけだったのですが、
午前中が潰れるぐらい面白かったです。
どこかで言われていたらすみません(AIなので内容はきっとどこからかの……)
自分的にはわかりやすくて腑に落ちる内容でした。

私のとって興味深い内容でしたので残しておこうとXの投稿記事にしました、気になるところなど後で直せばいいかなと安易に投稿したのですが修正するには一旦下書きに入れなくてはならず、その時点でいただいたリプなども消えてしまうとの事でこちらにバージョンアップ版を用意しました。いや…ほぼ記事も出来ているしと安易に作り始めたのですが、そんなに簡単でもなかったという感想です。そうそう、タイトルも変更してみました。ヘッダーはGemini製です。
https://x.com/namonaaco/status/2032282112444022836

タイトルとURLをコピーしました