概念HTMLとスタイルシート

Presented by HiTools

概念HTMLとスタイルシートのイメージ

もし、私たちが「現実」だと信じているこの世界が、実は途方もなく精巧に作られた仮想現実だったとしたら――。

そんな大胆な問いを投げかけたのが、スウェーデンの哲学者ニック・ボストロムが2003年に提唱した「シミュレーション仮説」です。私たちの宇宙は、高度な文明によって構築されたシミュレーションである可能性がある。まるでSF映画やゲームのような話ですが、世界中の研究者や哲学者が議論を重ねてきた興味深い思考実験でもあります。

もちろん、この仮説が正しいと証明されたわけではありません。私もこの記事で「世界は仮想現実だ」と主張したいわけではないのです。ただ、この考え方に触れたとき、私はある疑問を抱きました。

**もし世界が一つの巨大なプログラムだとしたら、それはどのような仕組みで動いているのだろう。**

そう考えたとき、私の頭に浮かんだのは、日頃から触れているWebサイトの仕組みでした。

Webサイトには、情報そのものを記述するHTMLがあり、その見た目や印象を決めるCSS(スタイルシート)があります。同じHTMLでも、スタイルシートを書き換えるだけで、まったく違うデザインに見えることは、Web制作に携わったことがある方ならよくご存じでしょう。

この仕組みを私たちの世界に当てはめてみたら、思いのほか多くのことが説明できるのではないか。そんな発想から生まれたのが、この記事です。

ここから先に書かれている内容は、科学的な解説でも、哲学の講義でもありません。Web制作という身近な視点を通して、「もし世界がこういう構造だったら面白いかもしれない」という、一つの思考実験です。

この記事を読み終えたとき、普段見慣れている景色や、何気なく触れている物や人との向き合い方が、ほんの少しだけ違って見える。そんなきっかけになれば嬉しく思います。

第一章:世界を構築する「概念.html」

もし、この世界が一つの巨大なプログラムによって構築されているとしたら、その土台にはどのようなファイルが存在するのでしょうか。

私は、そのファイルに**「概念.html」**という名前を付けてみました。

「地球.html」でも、「日本.html」でもありません。

地球という惑星も、日本という国も、その中に存在する人や動物、建物や海、さらには目に見えない重力や時間までも、一つの巨大なHTMLファイルの中に記述されている――そんなイメージです。

WebサイトのHTMLには、文章や画像、ボタンなど、ページを構成するあらゆる要素が書かれています。同じように「概念.html」には、この宇宙を構成するすべての概念が記述されています。

宇宙の果てで生まれた星も、あなたの机の上に置かれたコーヒーカップも、今まさに読んでいるこの文章も、すべてがその中の一部です。

もちろん、これほど膨大な情報を管理するには、一つひとつを識別する仕組みも必要になります。

Web制作では、要素ごとに「id」や「class」といった識別子を付けることがあります。同じように、この世界にも、あらゆる存在へ固有の識別情報が与えられているのかもしれません。

例えば、あなたが今腕に着けている腕時計を、こんなコードで表現してみます。

```html
div id=Watch9001;あなたの腕時計/div```

もちろん、本当に「Watch9001」という名前で管理されているわけではありません。これはあくまで例えです。しかし、このような識別子が存在すると考えると、世界の見え方が少し変わってきます。

その腕時計には、色、大きさ、重さ、素材、傷の位置、製造された年月日、持ち主との思い出など、膨大な情報が紐付けられているのかもしれません。

さらに視点を広げれば、人も同じです。

家族や友人、街ですれ違う誰か、歴史上の人物まで、それぞれが固有のIDを持ち、「概念.html」の中に存在している。

犬や猫、鳥や魚、一本の木、道端の石、流れる川、空に浮かぶ雲。さらには空気や光、電気や重力といった目に見えない存在でさえ、一つの概念として、この巨大なHTMLの中に記述されているのかもしれません。

つまり、「概念.html」は単なる物体の一覧ではなく、この世界そのものを定義する設計図です。

私たちは普段、「世界を見ている」と思っています。

しかし、もし本当に「概念.html」が存在するとしたら、私たちは実際にはコードそのものを見ているわけではありません。

HTMLだけでは、まだWebサイトの見た目は完成しないからです。

文字の色も、大きさも、背景も、余白も、どのような印象を受けるかも、HTMLだけでは決まりません。

Webサイトには、その役割を担うもう一つの重要なファイルがあります。

それが**スタイルシート(CSS)**です。

そして私は、このスタイルシートこそが、人間をはじめとする生き物たちの「認知」の正体なのではないか、と考えています。

第二章:脳は世界を描画するスタイルシート

「概念.html」が世界そのものを記述した設計図だとすれば、その世界をどのように見せるのかを決めるのは何でしょうか。

私は、それが私たちの**脳**なのではないかと考えています。

Webサイトでは、HTMLだけを開いても、そこには情報が並んでいるだけです。文字の色や大きさ、背景、余白、レイアウトといった「見え方」は、CSS(スタイルシート)が読み込まれることで初めて決まります。

同じHTMLでも、CSSを書き換えるだけで、高級感あふれるデザインにも、ポップで楽しいデザインにも、落ち着いた雰囲気にも変えられます。

つまり、**HTMLは同じでも、見える世界は変えられる**のです。

この仕組みを私たちの世界に当てはめると、とても興味深いことが見えてきます。

例えば、第一章で登場した腕時計を思い出してください。

「概念.html」の中には、その腕時計という存在が一つの概念として記述されています。しかし、その腕時計を見て「格好いい」と感じる人もいれば、「少し派手だな」と思う人もいます。「高そう」と感じる人もいれば、「昔使っていた時計に似ていて懐かしい」と感じる人もいるでしょう。

腕時計そのものは変わっていません。

変わっているのは、それを受け取る側です。

もし脳がスタイルシートだとしたら、それぞれの脳には次のようなコードが書かれているのかもしれません。

```css id
#Watch9001{好み:かっこいい; ノスタルジア:15%; ユニークさ: 92%;}```

別の人のスタイルシートでは、

```css id
#Watch9001{好み:あまり好みではない; ノスタルジア: 0%; ユニークさ: 18%;}```

となっているのかもしれません。

もちろん、実際に脳がCSSで動いているという話ではありません。これはあくまで比喩です。

しかし、この比喩を使うと、人それぞれ価値観が異なる理由を、とても自然に説明できます。

美しい景色を見て涙を流す人もいれば、ただの風景として通り過ぎる人もいます。

クラシック音楽に心を震わせる人もいれば、ロックにしか感動しない人もいます。

ある本を人生の一冊だと語る人がいる一方で、別の誰かは数ページで読むのをやめてしまうこともあります。

世界は同じなのに、感動する場所が違う。

それは「概念.html」が人によって違うからではなく、それぞれが持つスタイルシートの設定が少しずつ異なっているからなのかもしれません。

さらに考えてみると、このスタイルシートは、生まれた瞬間から完成しているものではなさそうです。

幼い頃の経験、家族との思い出、学校生活、旅行、失敗、成功、出会った人々、本や映画、音楽、仕事、そして何気ない日常。

そうした一つひとつの経験が、新しいコードを書き加えたり、既存のコードを書き換えたりしながら、現在の自分だけのスタイルシートを形作っているように思えます。

だから、同じ夕焼けを見ても、人によって心に浮かぶものは違います。

誰かは青春を思い出し、誰かは家族を思い出し、誰かは明日の仕事を考える。

夕焼けという概念は一つしかないのに、その描画結果は見る人の数だけ存在しているのです。

もし私たち一人ひとりに異なるスタイルシートが与えられているのだとしたら、「個性」とは能力の違いだけではありません。

物事をどう受け取り、どう意味づけし、どのような色で世界を描画しているか。その違いこそが、個性なのではないでしょうか。

そして、この考え方をさらに広げていくと、一つの疑問が生まれます。

スタイルシートを持っているのは、本当に人間だけなのでしょうか。

第三章:人間だけではない、それぞれのスタイルシート

ここまで私は、「脳」をスタイルシートに例えながら話を進めてきました。

しかし、この考え方は人間だけに当てはまるものではないのかもしれません。

むしろ、この世界に存在するあらゆるものが、それぞれ固有のスタイルシートを持っていると考えた方が、自然に感じられる場面が数多くあります。

その代表例が、動物たちです。

例えば、人間の耳が聞き取れる音の範囲は、およそ20Hzから20,000Hz程度と言われています。一方で、犬は人間よりも高い周波数まで聞き分けることができ、コウモリは超音波を使って周囲の状況を把握しています。

鳥の中には、人間には見えない紫外線を認識できる種類もいます。ヘビの一部は赤外線を感知し、暗闇でも獲物の位置を把握すると言われています。

つまり、人間が「これが世界だ」と思っている景色は、生物全体から見れば、ほんの一つの見え方に過ぎないのです。

この違いをコンピュータに例えるなら、少し面白い見方ができます。

私たち人間が日常的に扱う写真はJPEG、音楽はMP3であることが多いでしょう。

どちらも十分きれいに見え、十分きれいに聞こえます。しかし、その元になっているRAW画像やWAV音源には、私たちが普段目にしたり耳にしたりしているものよりも、はるかに膨大な情報が含まれています。

JPEGやMP3は不要な情報を削ることで、容量を小さくし、扱いやすくしています。

もし「概念.html」がRAWやWAVのような膨大な情報量を持っているのだとしたら、人間が認識している世界は、その中から必要な部分だけを抽出して描画したものなのかもしれません。

もちろん、これは科学的な説明ではなく、あくまで私自身の思考実験です。

しかし、一台のコンピュータを想像すると、この仮説には少しだけ納得できる部分があります。

もし性能の高くないコンピュータに、何十ギガバイトもある巨大なデータを一度に読み込ませたら、処理が追いつかず、動作は極端に遅くなってしまうでしょう。

だからこそ、必要な部分だけを読み込む。

人間の脳も、それと似たような仕組みで「概念.html」のごく一部だけを、あえて選んで描画しているのではないか。そんな想像もできます。

一方で、他の動物は、人間とは異なる圧縮率で世界を受け取っているのかもしれません。

犬には犬のスタイルシートがあり、猫には猫のスタイルシートがある。

イルカにはイルカの、昆虫には昆虫の描画方法があり、それぞれが同じ「概念.html」を読み込みながら、まったく違う世界を体験している。

だとすれば、「どの生き物が最も優れているのか」という問いそのものに、大きな意味はないのかもしれません。

人間は言葉を操り、文明を築きました。

しかし、犬には私たちには感じ取れない匂いの世界があり、鳥には私たちには見えない色彩があり、クジラには私たちには想像もできない音の世界が広がっているのでしょう。

私たちが退屈だと感じている同じ場所でも、彼らにとっては情報に満ちあふれた世界が描画されている可能性があります。

そう考えると、「世界は人間を中心に存在している」という考え方も、少しだけ揺らぎ始めます。

さらに、この発想をもう一歩だけ広げてみます。

スタイルシートを持っているのは、生き物だけなのでしょうか。

例えば、毎日使っているスマートフォン。

長年使い続けてきた万年筆。

幼い頃から一緒に過ごしたぬいぐるみ。

あるいは、自宅の柱や机、部屋の壁、何気なく腰掛ける椅子。

それらは私たちにとって「ただの物」と呼ばれる存在です。

けれど、「概念.html」の中では、人間も石も木も鉄も、同じように一つの概念として存在しています。

>そうであるなら、それぞれが独自のスタイルシートを持っていたとしても、不思議ではありません。

もちろん、椅子が人間のように考えたり、スマートフォンが感情を持ったりしている、と言いたいわけではありません。

ただ、人間の認知だけを世界の基準にする必要はないのではないか、ということです。

私たちは、自分たちが見えるものだけを「世界」と呼び、自分たちが感じられるものだけを「現実」だと思い込んでいます。

しかし、本当の「概念.html」は、私たちが認識できる範囲をはるかに超えた情報で満ちているのかもしれません。

そう考えると、道端に咲く一輪の花も、使い込まれた道具も、何百万年もの間そこにあり続ける岩も、これまでとは少し違った存在に見えてきます。

世界は、人間だけの舞台ではありません。

それぞれが、それぞれのスタイルシートで、同じ「概念.html」を描画している。

そして私たちもまた、その無数の描画者の一人に過ぎないのです。

第四章:世界を書き換えるのではなく、自分のスタイルシートを書き換える

ここまで、私は「概念.html」と「スタイルシート」という少し変わった例えを使いながら、この世界について考えてきました。

もちろん、これはあくまで一つの思考実験です。

しかし、この考え方には、私自身がとても希望を感じた部分があります。

それは、**私たちは「世界そのもの」は変えられなくても、「世界の見え方」は変えられるのかもしれない**ということです。

現実には、自分の力だけではどうにもできないことがたくさんあります。

雨を止ませることはできません。

時間を巻き戻すこともできません。

過去に起きた出来事を消すことも、誰かの性格を思い通りに変えることもできません。

「概念.html」に書かれている出来事は、少なくとも私たち利用者の権限では編集できない部分がほとんどなのでしょう。

だから私たちは、ときどき世界に腹を立てます。

「どうして自分だけ。」「もっと違う環境だったら。」「こんな出来事さえなければ。」

その気持ちは、とても自然なものです。

ですが、もし本当に世界が「概念.html」と「スタイルシート」でできているのだとしたら、私たちにはまだ一つだけ編集できる場所が残されています。

それが、自分自身のスタイルシートです。

例えば、「失敗」という一つの概念があったとします。

ある人のスタイルシートでは、

```css id
#Failure{color: red; meaning: 終わり;}```

となっているかもしれません。

しかし、別の人は、

```css id
#Failure{color: green; meaning: 経験値;}```

というスタイルシートで世界を描画しているのかもしれません。

起きた出来事は同じです。

「概念.html」は何一つ変わっていません。

変わったのは、その出来事に与えた意味だけです。

もちろん、これは「つらいことでも前向きに考えればいい」という単純な話ではありません。

悲しい出来事は悲しいものです。

悔しい出来事は悔しいものです。

大切な人との別れや、どうにもならない現実まで、考え方一つで乗り越えられるとは、私は思いません。

それでも、人は時間をかけながら、その出来事に新しい意味を見つけることがあります。

あの日は人生の終わりだと思っていた出来事が、何年も経って振り返ると、新しい道への入口だったと気付くことがあります。

苦手だった経験が、誰かを理解する優しさにつながることもあります。

失敗したからこそ、今の自分があると思える日が来ることもあります。

それは、「概念.html」が書き換わったからではありません。

自分のスタイルシートに、新しい一行が追加されたからなのかもしれません。

考えてみれば、私たちは生まれてから今日まで、ずっとスタイルシートを書き換え続けています。

幼い頃は苦手だった食べ物が、いつの間にか好きになっていた。

興味のなかった音楽に心を動かされるようになった。

嫌いだった人の気持ちが、年齢を重ねて初めて理解できた。

以前なら腹を立てていた出来事を、「そういう考え方もあるのか」と受け止められるようになった。

それらはすべて、自分のスタイルシートが少しずつ更新されてきた証なのではないでしょうか。

そして、この更新に終わりはありません。

新しい本を読むこと。

知らない土地を歩くこと。

誰かと語り合うこと。

失敗すること。

笑うこと。

泣くこと。

その一つひとつが、自分だけのスタイルシートに新しいコードを書き加えていきます。

だから私は、「成長する」ということは、知識を増やすことだけではないと思っています。

世界を描画する方法を、少しずつ豊かにしていくこと。

それこそが、本当の意味で人生を重ねることなのかもしれません。

もし、この世界が本当に一つの巨大な「概念.html」でできているのなら、私たちはそのソースコードを書き換えることはできません。

しかし、そのコードをどんな色で描き、どんな意味を与え、どんな景色として受け取るのかは、自分自身のスタイルシートに委ねられています。

同じ空を見上げても、美しいと感じる人もいれば、何も思わない人もいます。

同じ雨の日でも、憂鬱だと思う人もいれば、落ち着く時間だと感じる人もいます。

同じ人生でも、幸福だったと振り返る人もいれば、不幸だったと振り返る人もいます。

世界は一つです。

けれど、その世界は、決して一つの姿では描画されません。

人の数だけスタイルシートがあり、人の数だけ世界があります。

だからこそ、もし今日という一日が思いどおりにいかなかったとしても、「概念.html」が壊れているとは限りません。

ほんの一行、自分のスタイルシートを書き換えるだけで、昨日まで灰色だった景色に、新しい色が差し込むことがあります。

世界を変えることは、とても難しい。

でも、世界の見え方を変えることは、今日からでも始められる。

私は、その小さな積み重ねこそが、人生という長いプログラムを、少しずつ豊かに描画していくのだと信じています。

HiTools|何かを作り始めたいすべてのユーザーに無料で開放中です。