Bramus Van Damme はベルギーのウェブ デベロッパーです。14 歳（1997 年）でソース表示を発見した瞬間からウェブに夢中になり、それ以来ずっとウェブをいじり続けています。ウェブ開発の道のりや、現在の CSS で何がエキサイティングなのかについて、彼に話を聞きました。
この投稿は Designcember の一部です。web.dev がお届けするウェブデザインの祭典です。
Rachel: ウェブ開発に携わるようになったきっかけは何ですか？
Bramus: 子供の頃から、いろいろなものをいじくり回すのが好きでした。レゴ® ブロックで何日も遊んで、自分だけのファンタジーの世界やオブジェクトをゼロから作り上げていました。
1990 年代には珍しいパソコンが家にやってくると、すぐに物理的なおもちゃをコンピュータ ゲームに交換しました。熱心なゲーマーではありませんでしたが、ゲームを完全にクリアしたことはなかったと思います。ゲームをクリアするのではなく、ゲームの改造に夢中になっていました。
1997 年に、これらのゲームやツールに関する情報を調べているときに、view-source も見つけました。サイトがどのように構築されているかを知りたいと思い、アクセスしたサイトの HTML スニペットを収集し始めました。これらのスニペットを Frontpage Express（Internet Explorer 4 と 5 に付属していたアプリケーション）と組み合わせることで、すぐに自分に関する情報を含む最初のウェブページを作成しました。それらのページは公開されることはなく、私が持ち歩いていたフロッピー ディスクの 1 つにのみ存在していました。
それ以来、私はコンピュータとウェブにますます興味を持つようになりました。この興味から、高校でわざと留年して経済学から IT に専攻を変えました。IT のキャリアを追求したいと思っていたからです。2002 年には大学に入学し、HTML をきちんと学び、CSS と JavaScript の第一歩を踏み出しました。その 3 年間で、ウェブこそが自分の真の情熱の対象であることに気づきました。そして 2005 年、大学を卒業したばかりの私は、プロのウェブ デベロッパーとして初めての仕事に就きました。
フロントエンド デベロッパーとバックエンド デベロッパーについて
Rachel: あなたのサイトで、フロントエンドとバックエンドの両方のデベロッパーであることを知りました。私も元々は Perl、PHP、MySQL のデベロッパーで、同じような道を歩んできました。どちらの側により興奮を感じますか？スタックの一部を学習するだけでも複雑なのに、ハイブリッド デベロッパーになる可能性は消滅しつつあると思いますか？
Bramus: キャリアを通じて、バックエンドとフロントエンドの間を常に行き来してきました。ある年は JavaScript と React（さらには React Native）に没頭し、翌年には Terraform スクリプトと Docker コンテナを作成していました。私はこの 2 つを組み合わせるのが好きですが、情熱を注いでいるのは常にフロントエンド、特に CSS です。
ウェブをいじり始めた頃は、単に「ウェブマスター」としてすべてを行っていました。当時の作業範囲はかなり限られていたため、追いつくのは簡単でした。過去 20 年間でフロントエンドとバックエンドの両方が爆発的に成長したため、この分野全体で専門知識を維持することがますます難しくなりました。そのため、2020 年は再びフロントエンドに注力することにしました。
Rachel: 特に CSS について書き始めたのはなぜですか？
Bramus: 私のブログのコンテンツは、常に私が取り組んでいるプロジェクトを反映したものです。そのため、フロントエンドとバックエンドの投稿が混在しています。
Fronteers Conference や CSS Day などのカンファレンスに参加したことで、詳細なフロントエンドの投稿を書くことができました。たとえば、Tab Atkins-Bittner が CSS カスタム プロパティについて 2013 年に語っているのを見たこと（CSS カスタム プロパティが正式に登場する数年前のことです）や、Rachel Andrew が 2015 年に Grid について説明しているのを見たことが、私がそれらについて記事を書く直接的なきっかけになりました。当時、私は工科大学でウェブとモバイル開発の講師をしていたので、後で自分の生徒にこれらの科目を教えることになるため、注意を払う十分な理由がありました。
2019 年に、CSSWG を注意深く監視し、ディスカッションに参加するようになりました。機能フラグの背後で機能に取り組んでいるブラウザのおかげで、リリース前に読んだことを試すことができました。この結果は、ブログの内容に反映されました。
新規ライター向けのアドバイス
Rachel: テクノロジーについて書き始めたい人へのアドバイスはありますか？
Bramus: 躊躇せずに、やってみましょう。CSS の 1 行についてでも、1 年に 1 回の投稿でも、購読者が 5 人しかいなくても、実行してください。自分のニーズを満たす、自分自身が探していた記事を書く。ブログを書くことで、テクノロジーについてより詳しく学ぶという課題に挑戦しただけでなく、個人的にも仕事上でも、さまざまな機会が開かれました。
Medium や Twitter などの外部サービスに過度に依存せず、ウェブ上に独自の場所を確保するようにしてください。長期的には、その努力は報われます。始めるにあたって、高度な CMS、ビルド パイプライン、コメント システムは必要ありません。必要なのは、テキスト エディタと少しの空き時間だけです。HTML とシンプルなスタイルシートを組み合わせることで、多くのことを実現できます。
CSS の新機能
Rachel: CSSWG とブラウザで開発されている多くの新機能について書いていますが、ウェブの将来にとって最もエキサイティングな機能は何だと思いますか？ご自身の仕事に最も直接的な影響を与えると思われるものはどれですか？
Bramus: 多くのデベロッパーと同様に、私も CSS コンテナクエリに非常に期待しています。カスケード レイヤやスクロール連動アニメーションなど、今後リリースされる他の機能も楽しみですが、コンテナ クエリは間違いなく最も大きな影響を与えるでしょう。これにより、レスポンシブ ページからレスポンシブ コンポーネントへの移行が可能になります。
Rachel: CSS に追加してほしい機能や機能は何ですか？
Bramus: スクロール連動アニメーションは、今後進展してほしい機能の 1 つです。現時点では、これはエディタのドラフトにすぎません。JavaScript に依存せずにハードウェア アクセラレーション スクロールを定義できることは、プログレッシブ エンハンスメントと最小権限の原則のメンタルモデルに完全に適合しています。
CSS ネスティングも注目しています。最初の Editor's Draft から 2 年以上かかりましたが、昨年の夏に First Public Working Draft がリリースされたときは、とてもうれしかったです。
大きな機能以外にも、小さな調整や追加はありがたいです。accent-color のような機能は、デベロッパーとしての生活を楽にしてくれるので、とても嬉しいです。
フォローすべきウェブ関係者の推奨事項
Rachel: 今、ウェブで本当に面白い、楽しい、クリエイティブな仕事をしている人は他にいますか？
Bramus: 答えるのが非常に難しい質問です。私を驚かせ、インスピレーションを与えてくれるコンテンツを制作している人がたくさんいます。たとえば、Adam Argyle 氏の GUI の課題、Stephanie Eckles 氏のプロジェクト、Michelle Barker 氏のブログ投稿、Kevin J. Powell、Miriam Suzanne が CSS ワーキング グループで行っている作業、Una Kravets のポッドキャスト、Jake Archibald の記事、Jake と Surma の HTTP 203、George Francis の Houdini の作業、Temani Afif の投稿などがあります。これらの人々やプロジェクト、そして今私が忘れている多くの人々には、敬意と称賛の念を抱いています。
私のキャリアの中で最も影響力のある人物は、Jeremy Keith だと思います。セマンティック HTML、プログレッシブ エンハンスメント、復元性について教えてもらったときは、目から鱗が落ちる思いでした。これは私が生徒に伝えたメッセージですが、今でも広めたいと思っています。JavaScript が世界を席巻し、ジュニア デベロッパーがウェブの基礎を飛ばしているように見えるこの時代において、彼の投稿や講演はかつてないほど重要になっています。
Rachel: Bramus の Twitter アカウントとブログ（bram.us）をフォローしてください。