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

    デジタル体験の創造

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

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

    これまでの歩み

    職務経歴

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

    Artesia

    2025年9月 - 現在

    Thinky Digital

    シニア React 開発者

    インフルエンサー向けマーケティングキャンペーンのためのクライアント向けアナリティクスインターフェースを構築しました。UI はテンプレート駆動でアニメーションを備え、完全にレスポンシブで、再利用可能なセクションとクリーンなモジュール化アーキテクチャを持ちます。

    • データ駆動のトランジション:カウントアップとビューポートでのリビール。
    • ApexCharts をカスタムフックとテーマ制御で利用。
    • 成長に対応するスケーラブルで保守しやすいアーキテクチャ。
    • Stack: React · TypeScript · Tailwind · ApexCharts.
    プロジェクトの詳細を見る

    Avature

    2016年4月 - 2025年7月

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

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

    Avature Design System(ADS)のテクニカルオーナー。Docusaurus、React、Tailwind、TypeScriptで構築。デザイン・ドキュメント・開発を横断で標準化。

    • アクセシブルでスケーラブルなUIコンポーネントを構築し、レガシーコードをモジュール構成へリファクタリング
    • ユニットテスト(基礎/応用)とCI/CDの社内ワークショップを主導
    • 候補者スコアリングのためのマッチング可視化UIで協働
    NLPチーム2020年6月 - 2021年12月

    ソフトウェアエンジニア

    セマンティックマッチング設定モジュールとセマンティックサーチのUIを開発。

    • バックエンドのNLPサービスを統合し、インテリジェントなマッチングと検索機能を実現
    Satellite Servicesチーム2018年2月 - 2020年6月

    ソフトウェアエンジニア

    自動化された採用ワークフロー向けのCV分析ポータルを保守。

    • WebSourcesチームと連携し、候補者データ抽出を改善
    テンプレートチーム2016年4月 - 2018年2月

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

    HTML5、CSS3、JavaScript、Twig(PHPテンプレート)でカスタム求人ポータルを構築。

    • アクセシビリティ、レスポンシブデザイン、ブラウザ間の視覚品質に注力

    Globant

    2012年11月 - 2016年4月

    Deloitte2013年1月 - 2016年4月

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

    Talent On Demandシステム向けに、KnockoutJSでリッチなインターフェースを実装。動的UI統合を担当。

    • Globant公式サイトに貢献し、レスポンシブレイアウト、アニメーション、インタラクティブコンポーネントを開発
    • Ionic + AngularJSでJ.P. Morganのハイブリッドアプリを構築し、ナビゲーション、ビュー、API連携を実装
    Intuit2012年11月 - 2013年1月

    Jr Advanced フロントエンドエンジニア

    TaxPrepプラットフォームのUI開発に貢献。

    • 複雑なフォームとクロスブラウザ互換性に注力

    Taux

    2012年11月 - 2016年4月

    フルスタックエンジニア

    .NET製デスクトップ業務システムを構築(顧客モジュール、レポーティング等)。

    • バニラJavaScript + PHPバックエンドで顧客向けWebアプリを開発

    注目のプロジェクト

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

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

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

    一緒につくりましょう

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

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

    LinkedInGitHub