「CSS完全に理解した」Tシャツが完全にツッコミ待ち なぜこのデザインに？作者に聞いた
Webサイトの文字の色を変更したり、テキストを中央に揃えたり...。多くのWebサイトに使われているのが、CSSなどのプログラミング言語だ。
高校や大学、あるいは独学でプログラミングを学んでいる人は多いのではないだろうか。参考書で学び、そしてソースコードを書いて実行。当然つまずくこともあるだろうが、自分の思う結果が表示されれば嬉しいものだ。「理解できた！」と声を大にして叫びたくもなる。
その状況を表現した人物がツイッター上に現れた。
以下の画像をご覧いただきたい。
こちらはツイッターユーザーIKeJI（@ikeji）さんの投稿。真っ白なTシャツはシンプルなWebサイトのよう。
しかし、表示された角丸の黒枠に綺麗に収まっているのは「CSS」という文字のみである。続く、「完全に理解した」という文字は、枠からはみ出てしまっている。「完全に理解した」はずなのに...。これは初心者あるある、なのだろうか。
この投稿は1万2000回以上のリツイート、2万4000件超の「いいね」を集めるなど大きな反響を呼んでいる。リプライ欄には、
理解したのにズレてるww
— たこみぱん (@koteitan) September 19, 2019
とのコメントが。またズレを直すためのソースコードをサラッと送るユーザーも現れた。
body {
— Yutaka(σ´ω`)σShiomi (@yut403) September 19, 2019
position:relative;
}
.box {
display:block;
width:66.666vw;
height:20vh;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.text{
position:absolute;
top:10%;
left:45%;
}
なかには、理解しているからこそ、意図的に枠外にはみ出すことができるのではといったリプライも。
確かに完全に理解していないとできない所業
— タケゾー＠脱力系WEBサバイバー (@takezo_weblog) September 19, 2019
なんだか2つの意味をもつTシャツに見えてきた。
このセンスあるTシャツをどうしてつくろうとしたのか。Jタウンネットは投稿者に詳しい話を聞いてみた。