ShadiAbu Hilal

インターフェースとその下のプラットフォームを設計します。デザインシステム、メンバーセンター、国際化、CI/CD、そしてエンジニアが頼るツール。

2.6M+

週 260 万以上のダウンロード

10

npm パッケージ 10

20+

20 年

138k

Stack Overflow で 13.8 万人に到達

// 大規模にリリース

rtl-detect · npm · VS Code · i18n

について

インターフェースに寄ったアーキテクチャ。

Shadi Abu Hilal です。Broadcom のプリンシパル UI エンジニア。Yahoo と Verizon Media でシニアプリンシパルアーキテクトとして、数百万人に使われる Web システムを設計してきました。

オープンソースの多くは本番の問題から来ます。ロケールの方向、RTL CSS、ビルドパイプライン、一分で使える道具。rtl-detect はヘルパーとして始まり、依存になりました。

正確な答えが会議より長く残るとき、Stack Overflow に書きます。アラビア語と英語を話し、カリフォルニア在住です。

スキル

使用言語: アラビア語、英語

システムとアーキテクチャ

  • システムアーキテクチャ
  • セキュリティとスケーラビリティ
  • キャッシュ戦略
  • カスタムフレームワーク
  • CI/CD 自動化

エンジニアリング

  • フロントエンド(React、Redux、Angular、Web Components)
  • バックエンド(Node.js、Java)
  • モバイル(SwiftUI、Kotlin Jetpack)
  • HTML、CSS、JavaScript、TypeScript
  • 単体、機能、E2E、クロスブラウザ
  • スクリーンショットテスト
  • 国際化(i18n)
  • RTL UI サポート

リーダーシップとプロセス

  • 率先垂範
  • アジャイル / Scrum

担当業務

  • 大規模で安全なプロジェクトの設計とレビュー
  • UX、PM、バックエンド、UI チームとの協業
  • Scrum チームとデリバリーの管理
  • 採用、メンタリング、コーチングの主導
  • チーム向けの技術とツールの選定
  • システムとユーザー行動の分析
  • CI/CD パイプラインの構築と改善
  • 新機能・新製品の POC 構築
  • コーディング標準の策定と徹底
  • 技術講演、ワークショップ、トレーニングの実施
  • チームが止まる前にブロッカーを解消
  • 開発環境の改善
  • リリース前のテストの徹底

役職

  1. プリンシパル UI エンジニア

    ブロードコム

    2024 — 現在

    米国カリフォルニア州パロアルト

  2. シニアプリンシパルアーキテクト

    ヤフー Inc.

    2021 — 2023

    米国カリフォルニア州マウンテンビュー

  3. シニアプリンシパルアーキテクト

    Verizon Media

    2019 — 2021

    米国カリフォルニア州サンノゼ

  4. プリンシパルソフトウェア開発エンジニア

    Verizon Media

    2019 — 2019

    米国カリフォルニア州サニーベール

学歴

コンピュータサイエンス学士

Princess Sumaya University for Technology

ヨルダン・アンマン

受賞歴

  • Best Poster — TechPulse 2012(Yahoo)

    Yahoo 年次技術会議での HTML5 Canvas による高度な画像処理に関する技術論文とデモ。

  • Super Star Team Award — 2011(Yahoo)

    Yahoo 最高のチーム表彰。Helwa を構築——1000 万ユーザー、月間 1 億 PV。

特許

Method and System for Rendering Advertisements within an Application on a Mobile Device

US IPCOM000243103D · 2015 年 9 月 15 日登録

最新の仕事のプロジェクト

数百万人が使うシステム——VMware セキュリティから Yahoo 規模まで。

Broadcom の VMware vDefend SSP。Yahoo、AOL、TechCrunch、Engadget などのメンバーセンター、プライバシーダッシュボード、デザインシステム。

  1. 01/プラットフォーム

    VMware vDefend Security Services Platform (SSP)

    Broadcom

    Broadcom のプリンシパル UI エンジニア——SSP 管理とセキュリティワークフローのフロントエンドを設計。

    VMware vDefend Security Services Platform——VMware Cloud Foundation 全体の vDefend 運用ハブ。セキュリティインテリジェンス、ネットワーク検知・対応、マルウェア防止などをスケーラブルなプラットフォームに集約。

    • セキュリティ
    • VMware Cloud Foundation
    • プラットフォーム
  2. 02/プラットフォーム

    マイアカウント

    Yahoo

    内部 Web UI コンポーネントによる React。

    Member Center 2.0——Yahoo、AOL、TechCrunch ほか Verizon Media ブランドのアカウント体験。フロントエンドを設計し、中核標準を構築し、リポジトリ向けの柔軟な CI/CD を設計しました。

    • React
    • Web Components
    • CI/CD

    マルチブランド:URL の yahoo を aol、techcrunch、engadget など対応ブランドに置き換えてください。

  3. 04/プラットフォーム

    プライバシーダッシュボード

    Yahoo

    プロジェクトを設計し、中核コードを実装。

    Yahoo、AOL、TechCrunch ほかのブランド向け Privacy Dashboard。パフォーマンス、UX、API 呼び出し削減のため Java フロントエンドサーバーと React SPA。

    • React
    • Java
    • マルチブランド

    マルチブランド:URL の yahoo を aol、techcrunch、engadget など対応ブランドに置き換えてください。

  4. 05/ツールキット

    React Web コンポーネントとユーティリティ

    Yahoo

    大規模なプロダクト面で一貫したデザイン。オープンソースではありません。

    Yahoo の社内ライブラリ——再利用可能な React Web コンポーネント(RTL、テーマ)と、REST クライアント、ルートマネージャー、有用なライブラリへの拡張を含む utils パッケージ。

    • Web Components
    • RTL
    • テーマ

    Yahoo 社内 — 公開されていません。

オープンソース

  1. 01/npm

    rtl-detect

    週 260 万ダウンロード。依存 295。

    一つの問いを正しく答える小さなライブラリ。このロケールは右から左か。数百のパッケージが依存しています。インフラがうまくできたときの姿です。

    • i18n
    • RTL
    • Node.js
  2. 02/拡張

    Claude Code Context Picker

    長文なしのコンテキスト。VS Code Marketplace。

    ファイル、行、またはページ上の生きた要素を選び、Claude Code に送ります。技術者が説明する代わりに、意図をモデルに見せるために作りました。

    • VS Code
    • Claude Code
    • 開発者体験