Bramus Van Damme は、ベルギーのウェブ デベロッパーです。14 歳のときに（1997 年に）ビューソースを見つけたときからウェブに魅了され、それ以来ウェブに手を加えてきました。そこで、ウェブ開発における彼の道のりと、彼が今の CSS で何が面白いと考えているかについて話を聞きました。
この投稿は Designcember の一部です。web.dev がお届けするウェブデザインの称号です。
Rachel: ウェブ開発に至った経緯を教えてください。
Bramus: 子どものころ、いろいろなものをいろいろ試してみるのが好きでした。何日も LEGO® ブロックで遊んで、自分だけのファンタジーの世界を作ったり、オブジェクトをゼロから作ったりしています。
1990 年代には珍しいデバイスだったパソコンが自宅に手に入ると、すぐに物理的なおもちゃをコンピュータ ゲームと交換しました。でも、私はゲームが大好きではありませんでした。ゲームを完全に終了したことはないと思います。ゲームに仕上げるどころか、改造してしまいました。
1997 年、こうしたゲームやツールに関する情報を調べていると、view-source も見つかりました。サイトがどのように作られているのか気になり、訪問したサイトの HTML スニペットを収集し始めました。これらのスニペットを Frontpage Express（Internet Explorer 4 および 5 に付属のアプリケーション）と組み合わせて、自分自身に関する情報を記載した初めてのウェブページをすぐに作成しました。そのページは公開されず、私が持っていたフロッピー ディスクの 1 つにしか存在していませんでした。
それ以来、私はコンピュータとウェブにますます興味を持ち続けました。この興味から、高校の 1 年間は故意に一気に落ち、経済学から IT に専攻することにしました。IT のキャリアを追求したいと思ったのです。2002 年までには大学に入って HTML を適切に学び、CSS と JavaScript を初めて利用しました。この 3 年間で、ウェブが私の本当の情熱に気づき、大学を卒業したばかりの 2005 年にプロのウェブ デベロッパーとして最初の仕事に就きました。
フロントエンドとバックエンドの開発者は
Rachel: あなたはサイトでフロントとバックエンドの両方のデベロッパーであることがわかりました。私は元々は Perl で、その後は PHP と MySQL のデベロッパーでした。どちらか一方の方が楽しみだと感じますか？スタックの 1 つを学習することの複雑さを考えると、ハイブリッド デベロッパーになる可能性は失われていると思いますか？
Bramus: 私はキャリアを通して、常にバックエンドとフロントエンドを行き来してきました。ある年は JavaScript と React（さらに React Native）にも深く関わり、その 1 年後には Terraform スクリプトと Docker コンテナを作成するようになりました。私はこの 2 つを組み合わせるのが好きですが、常にフロントエンドと CSS に情熱を注いでいます。
ウェブをいじり始めた初期のころ、ウェブ担当者はただの「ウェブマスター」にすぎず、すべてを行っていました。当時は作業範囲が非常に限られていたため、簡単についていけました。フロントエンドとバックエンドの両方がこの 20 年で爆発的に増加したことで、この分野の専門知識を維持することがますます困難になっていました。だからこそ、2020 年もまたフロントエンドに注力することにしました。
Rachel: CSS について特に書き始めたきっかけは何ですか？
Bramus 私のブログのコンテンツには、いつも私が取り組んでいるプロジェクトが反映されています。そのため、フロントエンドとバックエンドが混在しています。
Fronteers Conference や CSS Day などのカンファレンスに参加することで、フロントエンドに関する詳しい投稿を書くことができました。たとえば、Tab Atkins-Bittner が 2013 年に CSS カスタム プロパティについて語った（公式になる前の何年も前）や、2015 年にあなた（Rachel Andrew）が Grid について Google に説明したことは、私が直接そのプロパティについて書くきっかけとなった出来事でした。当時、私は工業大学でウェブ開発とモバイル開発の講師を務めていたため、もっと注目すべき理由がありました。後でこれらの科目を生徒に教えることになることもあります。
2019 年から CSSWG を注視し始め、議論に参加しました。ブラウザがフィーチャー トグルの背後にある機能に取り組むことで、リリース前であっても、私が読んだことを試してみることができました。それが私のブログの内容に反映されました。
新人ライターへのアドバイス
Rachel: テクノロジーについて書き始めたいと思っている人へのアドバイスはなんですか？
Bramus: ためらわず、やり遂げてください。CSS が 1 行だけの場合、投稿が 1 年間に 1 回の場合、チャンネル登録者数が「5 人のみ」の場合でも、実施してください。自分の思いをかき立てて、自分が見つけたい記事を書いてください。このブログを執筆することで、テクノロジーについてより詳しく学ぶことに挑戦しただけでなく、その過程で個人的にも仕事でも、扉を開くことができました。
Medium や Twitter などの外部サービスに過度に依存するのではなく、ウェブで独自の場所を確保してください。長い目で見れば、その成果は出てきます。高機能な CMS、ビルド パイプライン、コメント システムは必要ありません。必要なのはテキスト エディタだけです。時間もかかります。HTML をシンプルなスタイルシートと組み合わせることで、大きな効果が得られます。
CSS の新機能
Rachel: CSSWG やブラウザで開発されているさまざまな新機能について書いてきましたが、ウェブの未来にとって最もエキサイティングなことは何だと思いますか？ご自身の仕事に、最も直接的に影響を与えるものはどれだと思いますか。
Bramus: 多くのデベロッパーと同じく、私は CSS コンテナクエリにとても期待しています。今後リリースされるその他の機能（カスケード レイヤやスクロールリンク アニメーションなど）にも期待が寄せられていますが、コンテナクエリは間違いなく大きな効果を発揮するでしょう。これにより、レスポンシブ ページからレスポンシブ コンポーネントに移行できます。
Rachel: CSS に追加してほしい機能は何ですか？
Bramus: スクロールリンク アニメーションは、今後も期待したい機能のひとつです。現時点では編集者の下書きのみです。JavaScript に依存せずにハードウェア アクセラレーションによるスクロールを定義できることは、私の「プログレッシブ エンハンスメント」という考え方と最小電力のルールにぴったりです。
CSS Nesting も検討しています。最初の編集者ドラフトから 2 年以上かかりましたが、昨年の夏に最初の公開ワーキング ドラフトがリリースされたことをとても嬉しく思います。
これらの大きな機能以外に、ちょっとした微調整や追加にも感謝しています。accent-color のような機能は、デベロッパーとしての業務を楽にしてくれるので、間違いなく助かっています。
ウェブ ユーザーのフォローを促進するためのおすすめ
Rachel: 他に誰がウェブで面白い、面白い、クリエイティブな仕事をしているの？
Bramus: 答えは非常に難しい質問です。多くの人が、私を驚かせ、インスピレーションを与えるコンテンツを制作しています。たとえば、Adam Argyle とその GUI の課題、Stephanie Eckles のプロジェクト、Michelle Barker のブログ投稿、Kevin J. Powell による活動、Miriam Suzanne による CSS Working Group、Una Kravets のポッドキャスト、Jake Archibald による記事、Jake と Surma による HTTP 203 の記事、George Francis の Houdini による作品、Temani Afif による投稿彼らと彼らのプロジェクト、そして今私が忘れている他の多くの人たちは、私の尊敬と称賛の気持ちを持っています。
これまでのキャリアの中で最も影響力のあった人物は、Jeremy Keithだったと思います。セマンティック HTML、プログレッシブ エンハンスメント、レジリエンスについて教えてくれたおかげで、驚くほどでした。これは私が生徒たちに送ったメッセージで、今でも多くの人に広めたいと思っています。JavaScript が世界を飲み込んでいる時代に、経験の浅い開発者がどうにかしてウェブの基礎をすり抜けたように思える時代に、彼の投稿や講演はかつてないほど関連性が高まっています。