GDE コミュニティのハイライト: Alba Silvente Fuentes

Google Developer Expert の Alba Silvente Fuentes は、コーディングを人間味あるものにすること、そしてコミュニティの構築を人間らしくすることについてお話を伺いました。

Monika Janota 氏
Monika Janota

スピーカー ストラップを装着したアルバ。

Monika: どのようなサービスに取り組んでいますか?仕事で重視することは何ですか。日常業務を簡単かつ効率的にするためにどのようなツールを使用していますか。

Alba: フロントエンドに関する私の作業のほとんどは Vue 3 で行われています。Vite と呼ばれるエコシステム向けの新しい Webpack は、プロジェクトの詳細に応じて、セマンティック HTML、Tailwind CSS、場合によっては Nuxt.js を使用します。ほとんどはウェブ アプリケーションを作成していますが、最近は Chrome 拡張機能の作成にも携わりました。

私は普段、フロントエンドの部分(コンポーネントの構築)に注力していますが、特に保守性、パフォーマンス、スケーラビリティを考慮し、プロジェクト アーキテクチャにも注意を払いたいと考えています。だからこそ、このコミュニティで制作しているコンテンツには、アトミック デザイン、Jamstack、デザイン システムなどのトピックが含まれています。私は、共感を呼ぶ新しいアーキテクチャについて学びたいと思っています。

日常的に見逃せないツールがあれば、たとえば VS Code をアカウントに同期して Volar、Eslint、Prettier などの拡張機能を追加する、作業内容を文書化してコンテンツを作成する Notion、Toby、Web Vitals の指標、Axe などの Chrome 拡張機能、端末用の Fig.io があります。

Monika: 経緯を聞かせていただけますか?ウェブ開発とフロントエンドに注力することにしたのはいつですか?

Alba: 私は通信で画像工学と音声工学を勉強していたので、ウェブ開発とは直接関係ありませんでした。在学中は、C と C++ を使ったコーディングの基礎を学びました。プログラミングのコツがあることに気づいたとき、私はその道をたどってウェブ開発をさらに深く掘り下げることにしました。大学 3 年生のときにインターンシップを余儀なくされましたが、やりたいことがわからなかったのでウェブ代理店を選びました。フルスタックのデベロッパーとして働く PHP、HTML、CSS、jQuery について学びました。

実はフロントエンド開発の方が好きだということに気づき、自分の仕事がとても気に入り、そのことだけに集中したいと考えました。そこで、フロントエンド フレームワークである Vue、React、Angular について学び始めました。いろいろ試してみたのですが、ついに Vue に夢中になりました。

Monika: ウェブ テクノロジーにとって、次の大きなメリットは何だと思いますか?

Alba: 次の重要な点は、Chrome などのブラウザの変化です。CSS、WebGL、その他の JavaScript API の使用、ユーザー補助標準などの改善策。ビデオゲームのようにブラウザの中に世界を創ることも、誰もが参加できるインクルーシブな世界を実現することに注力することもできます。

将来的には、ウェブの使い方を改善し、パフォーマンスがすべての新技術でカバーされるため、パフォーマンスがもはや問題にならないようにすることです。そうすることで、価値の創造、日常業務のデジタル化、無駄な時間の自動化に集中できます。

Monika: ポッドキャスト「No me da la vida」のアイデアは何ですか?

アルバ: コンテンツ クリエイターになった頃、英語で記事を書き始めました。当時、私はオランダに引っ越しましたが、オランダ語を仕事で使うための学習にも役立つと考えました。

最初の言語はスペイン語でしたが、当時はスペインのコミュニティのために何かを作ることを考えていませんでした。そのアイデアは、共同主催者に会ったときに浮かびました。一緒に何かを作りたいと思ったのです。そこで、YouTube は力を合わせ、このポッドキャスト形式を試してみることにしました。

あるアイデアから別のアイデアが生まれました。あまり知られていない人たちがこの業界での経験について語ることができる場を作りたいと考えたものの、女性に焦点を当てることにしました。また、素晴らしいプロフェッショナルに出会う機会でもありました。ポッドキャストのおかげで、彼らのことを知り、関係を築くことができました。

もちろん、最終的な目標は知識を共有し、ゲストから学ぶことでした。フロントエンドが問題になることはほとんどありません。共同主催者と私はどちらもフロントエンド デベロッパーです。テクノロジー業界で他の役割を担う人々を集めて、自分自身についてもっと教えてもらえるという発想が気に入りました。ここまで、AI やプロダクト管理などについてお話しする機会を設けてまいりました。とてもおもしろいです。

Monika: どうやって視聴者の関心を維持していますか?

Alba: いい質問ですね。エキスパートの協力を得ることができて幸運です私の共同主催者の Miriam がソーシャル メディア用のコンテンツを制作しています。今回はこの部分について説明します。多くの短いクリップを撮影して、TikTok や Instagram のほか、LinkedIn のプロフィールで共有しています。話題は、話題に興味を持ってもらうことです。会話の一部だけを見せ、次の話題を聞き出すように促します。

また、私たちと私たちの仕事を知っている、本当に熱心なフォロワーを招待すべきであることも同意しました。Discord でコミュニティを構築し、すべてを 1 か所にまとめることで、視聴者がポッドキャストをフォローしやすくすることにしました。また、交流や考えの交換の機会も生まれます。

Twitch や Discord などで、ライブのコーディング セッションやイベントを開催する予定です。これにより、コミュニティと実際に交流したり、リアルタイムでチャットしたり、一緒に楽しむことができます。視聴者を知りたいのですが、ポッドキャストの場合、選択肢は限られています。

ポッドキャストには「Cuéntame tus Penurias」というセクションもあります。「あなたの苦労について教えて」ストーリーは必ずしもテクノロジーに関連しているわけではなく、メンタルヘルスや法律の問題などを取り上げている場合もあります。対象者は共感し、同時にアドバイスや問題の解決策を見つける手助けをします。私たち全員が単なる一人の人間であることを示しているため、この種のエンゲージメントは重要です。

Monika: 業界は変化してインクルーシブなものになると思いますか?

Alba: コンテンツ クリエイター兼ブロガーとして、私はコミュニティで多くの人々に出会ってきました。ほとんどがインクルーシブで、常に自分の行動を振り返っていますが、私は一種の泡の中と言えます。

私たちのポッドキャストを聴いて、それを取り巻くコミュニティを形成している人たちは、非常にインクルーシブでオープンな心を持っていますが、私はそのサークルからそれほど離れることがあまりありません。私の最も近い環境は、非常にフレンドリーでインクルーシブです。その一方で、どこかから始める必要があると思います。ある人たちと一緒にいくつかのことを改善し、後にそれを広めることができます。

Monika: コミュニティを築く上で大事なことは何ですか?

Alba: イベントを適切な人に主催することが不可欠だと思います。アムステルダムでのイベントに参加するときはいつでも、主催者は共感できる人間らしい存在です。困難を乗り越え、働き方を最適化し、率直に語り合っています。スピーチの前には不安を感じていることを認め、周囲にいても安心感が生まれます。

たとえば、あらかじめ用意されたチュートリアルを YouTube で視聴しても、同じような感覚は得られません。このようなクリエイターはミスをすることはありません。ライブ配信でない限り、クリエイターは本物のリアクションを見ることはありません。そのためのスクリプトが用意されています。

Google デベロッパー グループなどのコミュニティは、失敗しても大丈夫だという実感を持って、皆から愛されてくれるすばらしいコミュニティです。周りにいる人たちが自分と同じだと感じられて、ともに成長できるのはすごいことです。

Google の看板の前に置かれた Alba と他の参加者。

Monika: ウェブ技術の Google Developer Expert としてのご自身のストーリーを教えてください。このプログラムを友人にすすめたいと思いますか。

Alba: GDE としての私の話は、パンデミックの初期に多くのコンテンツを制作していた頃にさかのぼります。何人かのコミュニティ メンバーに出会いました。そのうちの 1 人はデビー オブライエンでした。デビー オブライエンは GDE でもあり、テクノロジー業界の女性の素晴らしいサポーターでもあります。彼女は私の仕事を評価し、GDE プログラムに申し込むようすすめてくれました。問題はそれだけです。当時はそれが何かわからなかったのです!ちょうどデベロッパー コミュニティとの冒険を始めたばかりです。自分がエキスパートになれるとは思いもしませんでした。

Debbie のアドバイスに従って、自分が書いたすべての投稿をまとめたポートフォリオを作成しました。申し込み手続きはとてもスムーズに進み、自分の知識と経験はコミュニティにとって本当に価値あるものだと思いました。

GDE であることは実に素晴らしいことです。コミュニティから多くのことを学んでいます。今ではこのプログラムのことを広く知ってもらい、友人や同僚の何人かが近いうちに試してくれたらいいなと思っています。

Monika: コミュニティでは、ブログとポッドキャスト以外にどのような活動をしていますか?オープンソースを行っていますか。

Alba: オープンソース プロジェクトに初めて関わったときは、実際のコードよりも多くのドキュメントを作成しました。今では、Nuxt 3 など、新技術や新技術のボイラープレートとデモ プロジェクトに携わっています。私の目標は、アプリを迅速に構築したい人々を支援することです。それらのコードを使用するだけでいいのです。自分のライブラリを作ったことは一度もなく、既存のライブラリについて貢献し、改善に努めているだけです。

ハッカソンにも積極的に参加しました。ハッカソンとは、主催者からアプリの構築、オープンソース化、ドキュメントの準備を依頼されるコンテストです。いずれかが欠けている場合、賞品をお受け取りいただけません。そのうちの 1 つを獲得しました!Potato Mood Generator を作成しました。詳しくは、こちらをご覧ください。

また、Jamstack テクノロジー、ヘッドレス CMS、Static Site Generator を使用してウェブサイトをゼロからコーディングする方法を教えるワークショップも開催しています。私はスピーチよりもワークショップを開催する方が好きです。人が進んでどのように学んでいるかを見るのが大好きです。話の最中にはありませんが、スピーチが終わると、フィードバックを受けることがありますが、確定したプロジェクトを見ることはできません。ワークショップで全員が一緒に入力しているところが気に入っています。

Monika: 優れたワークショップとは?

Alba: 全員が理解できるように、常に基本を説明する必要があります。各ステップについては詳しく説明するようにしているので、参加者はプロセスを知る必要があります。また、授業中に確認できるように、新しい用語の用語集も必ず作成しています。

ワークショップでは、各ステップの完了後に、デブリーフィングを行い、さまざまなプロジェクトのステータスを確認する時間を確保することが重要です。参加者には、必要なだけ何度でも質問することをおすすめします。

要するに、大切なのはコミュニケーションです。適切な質問を投げかけ、視聴者の注意を失わないよう注意を払いましょう。それが、何か新しいことを教える最良の方法です。