Walter BichiWalterBichi
    私についてプロジェクトお問い合わせ

    デジタル体験の創造

    シニアフロントエンドエンジニア

    重要な環境で拡張性と保守性に優れたWebソリューションを14年にわたり構築。インターフェースアーキテクチャとレガシーシステムのモダナイズを専門としています。

    これまでの歩み

    職務経歴

    携わってきた企業とチームを、タイムラインで紹介します。

    Artesia

    2025年7月 - 2025年12月

    YPF2025年9月 - 2025年12月

    シニアフロントエンド開発者

    • Tienda en Ruta(自動車向けECプラットフォーム)のフルスタック実装を主導。Next.jsを使用し、Directus CMSのAPI層を構築して車両在庫、検索フィルター、リード獲得を管理しました
    • Figmaの仕様に基づいてインターフェースを実装。Tailwind CSSとカスタムフックを使用してモジュラーUIを構築し、デザインの一貫性を維持しました
    • 複数ステップのチェックアウトフローを開発。財務計算機と決済方法の統合を含み、Context APIで状態管理を行いました
    • スケルトンスクリーン、サーバー状態キャッシング、TanStack Queryによるデータプリフェッチを実装し、体感パフォーマンスとユーザーフローを最適化しました
    • Stack: Next.js · React · TypeScript · Tailwind CSS · Zod · TanStack Query · Directus CMS
    プロジェクトを見る
    Thinky Digital2025年7月 - 2025年9月

    シニアフロントエンド開発者

    • インフルエンサーマーケティングキャンペーン向けのクライアント向けアナリティクスインターフェースを開発。データの可視化とパフォーマンストラッキングに焦点を当てました
    • 完全にレスポンシブなUIを実装。再利用可能なセクションとカスタムアニメーションを備え、Redux Toolkitでダッシュボードセクション全体の一元的な状態管理を行いました
    • KPI、センチメント分析を含む複雑なデータレポートの配信を最適化。クリーンでパフォーマンス志向のフロントエンド構造を通じて実現しました
    • Stack: React · TypeScript · Tailwind CSS · ApexCharts · Redux Toolkit
    プロジェクトの詳細を見る

    Avature

    2016年4月 - 2025年7月

    UIコアチーム2021年12月 - 2025年7月

    シニアフロントエンド開発者

    • React/TSを使用してデザインシステムをゼロから構築。Webpackでカスタムビルドツールを作成し、複数のリポジトリにわたって文書を統一し、カスタムプラグインを通じてレガシーコードを実行可能なReactコンポーネントに変換しました
    • E2Eテスト(Playwright)を使用した自動CI/CDパイプラインを確立し、リリースごとに品質を保証しました
    • Atomic Designパターンを使用して企業全体のコンポーネントライブラリを構築。完全なテストカバレッジ(Jest/React Testing Library)を備え、CRMモノレポ全体のすべてのプロダクトチームで使用されています
    • すべてのUIコアコンポーネントのWCAGリファクタリングを実施し、プラットフォーム全体でアクセシビリティを中心的な標準として確立しました
    • ジュニア開発者をメンタリングし、ユニットテスト(基礎/応用)とCI/CDベストプラクティスに関する企業全体の技術ワークショップを主導しました
    • Reactでゼロから作成された社内チャットボットで協力。UIの改善とCRMモジュールの統合に焦点を当てました
    • マッチング説明可能性インターフェースで協力。候補者スコアリングシステム向けの複雑なデータ可視化コンポーネントを開発しました
    • Stack: React · TypeScript · Tailwind CSS · Webpack · Playwright · Jest · React Testing Library · Docusaurus · CI/CD · WCAG
    マッチング説明可能性を見る
    自然言語処理(NLP)チーム2020年1月 - 2021年12月

    シニアソフトウェア開発者

    NLPチームの唯一のフロントエンド開発者として活動。セマンティック検索インターフェースをゼロから設計・構築し、提案機能を備えたインテリジェントな検索エンジンを実現しました。

    • Resume Parserプロジェクト向けに専用のAngularアプリケーションを開発。直感的な履歴書データの可視化を実現しました
    • 複雑なセマンティック関係ルールを定義するためのセマンティックマッチング設定モジュールを構築しました
    • バックエンド検索サービスに貢献。PHPクエリを開発し、データインデックスを最適化しました
    • Stack: Angular · JavaScript · PHP · MariaDB · NLPサービス
    セマンティック検索を見る検索インターフェースを見る
    Satellite Servicesチーム2018年2月 - 2020年6月

    ソフトウェア開発者

    • 履歴書分析ポータルを保守・最適化。自動化された採用ワークフローとパースされた候補者データの可視化を改善しました
    • プロフェッショナルネットワーク(LinkedIn、求人サイト)からの外部データ抽出が完了した際のリアルタイム通知のためにWebSocket統合を実装しました
    • WebSourcesチームと協力して、候補者データの非同期抽出と同期ワークフローを改善しました
    • Stack: JavaScript · PHP · MariaDB · WebSockets
    WebSources機能を見る
    テンプレートチーム2016年4月 - 2018年2月

    SSr フロントエンド開発者

    Angularを使用して企業初の外部求人ポータルを構築・立ち上げ。従来のテンプレーティングから移行しました。複数のカスタム求人ポータルを作成・保守しました。

    • 高い視覚的忠実度、レスポンシブデザイン、クロスブラウザ互換性を確保しました
    • JavaScriptとTwig(PHPテンプレートエンジン)を使用してフロントエンドロジックを開発しました
    • Stack: Angular · JavaScript · PHP · Twig · HTML5/CSS3
    Career Sitesを見る

    Globant

    2012年11月 - 2016年4月

    Deloitte(Talent On Demand)2013年1月 - 2016年4月

    SSr フロントエンド開発者

    Talent On Demandセルフサービスプラットフォームを開発・保守。従業員が個人情報、給与明細、税務書類を安全に管理できるようにしました。

    • KnockoutJSを使用して複雑で安全なWebフォームを構築。ユーザー登録とリアルタイムプロフィール更新を実現しました
    • 機密文書を表示・ダウンロードするための動的UIコンポーネントを実装しました
    • グローバルなユーザーベース向けにクリーンでアクセシブルなユーザーエクスペリエンスに焦点を当てました
    • Stack: KnockoutJS · JavaScript · jQuery · HTML5 · CSS3 · Bootstrap · REST APIs
    Intuit(TaxPrep)2012年11月 - 2013年1月

    Jr Advanced フロントエンド開発者

    TaxPrepプラットフォームのフロントエンド開発に貢献。複雑なマルチステップ税務フォームとデータ検証ロジックの実装に焦点を当てました。

    • 検証ロジックを備えた複雑な税務フォームを開発しました
    • Stack: JavaScript · HTML5 · CSS3 · jQuery

    Taux

    2010年12月 - 2012年11月

    フルスタック開発者

    Travel AssistanceのWebアプリケーションを保守・最適化。JavaScriptとPHPで構築された予約とサポートインターフェースの安定性とパフォーマンスを確保しました。

    • .NETを使用してデスクトップビジネス管理システムを開発・保守しました
    • クライアント管理、在庫追跡、自動レポート作成のためのモジュールを設計しました
    • Stack: JavaScript · PHP · .NET(C#) · SQL Server · HTML5 · CSS3

    注目のプロジェクト

    Thinky Digital Logo

    Thinky Digital

    Client Report UI

    インフルエンサーキャンペーン向けのクライアント向けアナリティクスインターフェース。テンプレート駆動でアニメーションがあり、完全にレスポンシブ。ApexCharts とカスタムフックに基づくチャート基盤を備え、データに反応するモーションはパフォーマンスを損なわないよう設計されています。

    重要なポイント

    • アーキテクチャ:Page → View → Section。予測可能な状態(loading、error)と明確な境界。
    • グラフ:統一されたテーマ、再利用可能なフック、最適な実行のための lazy/viewport 読み込み。
    • モーション:データ駆動のトランジション(カウントアップ、リビール)を reduced-motion 対応かつレイアウトシフトなしで提供。
    • Creators カルーセル:スタック中心のレイアウト、カスタムアニメーション、レスポンシブ動作、近傍スライドのみのレンダリング、再生の一時停止が可能。
    • KPI:アイテム数に応じて 3 列 → 4 列に適応する設定駆動のグリッド。ロケール対応のフォーマット。

    Highlights

    • 設定可能な UI(色、アイコン、レイアウト)はレポート間で再利用可能。
    • 型付きインターフェースとモジュール化されたフックにより長期的な保守性を確保。
    • Stack: React · TypeScript · Tailwind · ApexCharts · react-countup · react-stacked-center-carousel.

    デスクトップ

    Thinky Desktop Interface

    モバイル

    Thinky Mobile Interface

    私の理念

    優れたソフトウェアづくりを支える、私の姿勢と原則。

    コードはクラフト

    クリーンで拡張可能、保守しやすいコードを書くことを重視。ソフトウェア開発は、鍛錬と細部への配慮、学び続ける姿勢が欠かせない“ものづくり”だと考えています。

    ユーザー中心のパフォーマンス

    美しいUIでも遅ければ意味がありません。初日から性能を重視し、短い読み込み時間と滑らかで応答性の高い体験をあらゆるデバイスで実現します。

    協働によるイノベーション

    最高のプロダクトは個人ではなくチームが作るもの。明確なコミュニケーション、責任の共有、建設的なフィードバックを大切にし、共に革新します。

    一緒につくりましょう

    プロジェクトのご相談やテクノロジーの未来についての議論など、インタラクティブなポータルからお気軽にご連絡ください。

    © 2026 Walter Bichi. 無断転載禁止。

    LinkedInGitHub