ID:72919さん

【会社名】

Human Capital （リモート）

【概要】

主に英国、ニュージーランド、オーストラリアからのスタートアップクライアントに対し、最新のWebテクノロジーを用いて技術サポートやエンジニアリング人材を提供することを担当しています。

【担当】

私の役割はエンジニアリングマネージャーおよびテックリードであり、日々の業務では内部の技術チームを管理し、外部クライアントと技術的なコミュニケーションを行い、CEOに直接報告しています。

以下は、Human Capitalで関わっているいくつかのプロジェクトです。

Shabu Town (2D NFT MMORPG) – テックリード

初期のコードベース構築や開発チームの監督、機能の提供、コードレビューなどを担当しました。このゲームでは、合計9999匹の柴犬が存在し、それぞれがユニークなNFTとして機能し、ユーザーアカウントとして存在しています。プロジェクトは主に3つのコンポーネントで構成されており、Solidityで作成されたERC721スマートコントラクト、Node.js/Express.js/Postgresで構築されたバックエンド、ReactとPhaser.jsで構築されたフロントエンドが含まれています。

【課題・取り込み・工夫】

プロジェクト中に遭遇した技術的課題の1つはパフォーマンスの問題でした。ユーザーベースが急速に成長するにつれて、ゲームのアクセス速度が低下し、ある時点で30秒以上かかることがありました。そのため、私はRedisを導入したキャッシング、Webpackによるコード分割、およびReactの再レンダリングを減らすためのメモ化など、パフォーマンス最適化の提案をしました。チーム全体でこれらの解決策に取り組み、起動時間を4秒未満に短縮することに成功しました。

また、私が行った具体的な技術的貢献の1つは、スプライト生成システムでした。9999枚のユニークなNFT画像を構成するためには、7つの異なるボディパーツが必要で、それぞれが4から10のバリエーションを持ち、プロジェクトのタイトなロードマップのため、非常に短い時間枠でAWS S3にアップロードされ、データベースに登録される必要がありました。私は、Node.js向けのImageMagickを使用したカスタムバッチジェネレータを並列で実行し、同じPostgresインスタンスに書き込む10個の独立したHerokuノードで構成された臨時のソリューションを考案しました。このアプローチを利用して、開発/保守コストをあまりかけることなく、すべてのNFTアセットを時間通りに準備することに成功しました。

Pallo (個人向けファイナンスアプリ) – Webテックリード

ウェブフロントエンドチームをリードする責任を担当しました。アプリはReactで構築されたウェブフロントエンド、React Nativeで構築されたモバイルクライアント、およびPHP/Laravelで構築されたバックエンドを持っています。Human Capitalはウェブとモバイルの両面でサポートを提供しました。私の職務は、新しい要件が入った際にクライアントとコミュニケーションを取り、バックエンドチームと協力して全チームが必要なAPIやデータ形式について同じページにいることを確認しながら、ウェブチームをリードして機能の実装を行うことでした。

【課題・取り込み・工夫】

技術的な課題の1つは、プロジェクトに参加する人数が増えるにつれてコンポーネントスタイルに不整合が生じたことでした。私は、デザイナーと協力してデザインシステムを構築し、希望のスタイルを持つコンポーネントを集約するための中心的な場所としてStorybookを導入し、モバイルチームとウェブチームの両方がStorybookを視覚的な真実の情報源として参照することを提案しました。これにより、UIの一貫性が大幅に向上しました。

個人的に構築した他の機能には以下があります:

• Webpack/ESLint/Prettier/Jestの設定を含む初期プロジェクトセットアップ
• Formikを使用してフィールド検証を行ったサインイン/サインアップ画面
• 折り畳み可能でモバイル対応のナビゲーションバー
• 完全にフィルター可能なリストビューとスライドイン詳細ビューを持つトランザクション画面、および低メモリ使用とパフォーマンスのためのリスト仮想化
• ベストなパフォーマンスと最小のバンドルサイズのためにJSとSVGで実装されたさまざまなチャートタイプ（円グラフ、棒グラフ、折れ線グラフ）を備えたダッシュボード画面

【会社名】

Woork.io （ニュージーランド・リモート）
※同社はStartmate 2020に優勝（ニュージーランドからの5社のうちの1社）

【概要】

不動産業者向けのスマートアシスタントを開発するスタートアップ企業です。フロントエンドではReact、バックエンドではServerless Framework、データベースではDynamoDBを使用しました。特筆すべきは、当時としては革新的な技術であるGraphQLを採用したことです。製品の主な機能は以下の通りです。

・不動産業者向けのリアルタイムカレンダー・スケジューラー
・お客様と収録物件のオートマッチング
・お客様との有効なフォローアップを自動的に提案し、スケジュールに追加
・検索しやすいデータベース
・これらの全ての機能を自然言語で処理できるチャットボット

【担当】

最初はフルスタック開発者として働き、フロントエンドとバックエンドの両方で新機能の実装を担当しました。後にテックリードとして働くようになり、具体的なコードの貢献に加えて、アジャイルコーチング、コードレビュー、新メンバーの指導も担当しました。チームと一緒に、フロントエンドにはReact、バックエンドにはServerless Framework、データベースにはDynamoDBを使用しました。

【貢献】

個人的に達成した主なコーディング貢献の1つは、チャットボットのスムーズなアニメーション化でした。CSS Transition Groupとasync/awaitを導入して60fpsの滑らかなUIアニメーションを実装することで、元々原始的で不格好なチャットUXをSiriのレベルに近いUXに変えることができました。

【会社名】
合同会社LIVED （日本・福岡）

【概要】
中国からの観光客を対象とした日本観光サイトです。2018年7月にプロトタイプを作成し、福岡市でスタートアップビザを取得しました。その後、6ヶ月後に正式に会社を設立しました。私は創立者兼代表社員であり、製品の設計と開発を一人で担当しました。フロントエンドではReact、バックエンドではExpress.js、データベースではMongoDBを使用しました。製品の主な機能は以下の通りです：

・旅行目的地（スポット）を収録するウィキ
・スポットのブックマーク（行きたい・行ったことがある・滞在中）
・クチコミ機能
・ゲーム感覚でひとり旅を楽しむクエストシステム

UIデザインからバックエンドまでをゼロから作り上げた経験は初めてでした。

【会社名】
Coconut Island Games （上海）

【概要】
中国の大手インディーゲームパブリッシャー。私はウェブ開発担当として、公式ウェブサイトの設計・構築を行い、個々のゲーム開発チームの要望にも対応し、ゲームプロモーション用のウェブコンテンツや社内管理ツールを開発しました。ウェブサイトはコンテンツを簡単に管理できるように、WordPressを採用しましたが、テーマは既存のものではなく完全にカスタムしたものです。プロモーションページでは、インタラクティブさを重視して主にVue.jsを活用しました。また、管理ツールではVueとExpressなど、さまざまな技術を組み合わせて開発しました。

【会社名】
Strikingly （上海）

【概要】
YC（Y Combinator）に支援されたウェブサイトビルダースタートアップ企業です。当社の製品は一般ユーザー向けのウェブサイト作成ツールです。フロントエンドではAngularとReactを、バックエンドではRuby on Railsを使用しています。私はフロントエンドエンジニアとして、現在も広く使用されているさまざまな製品機能の構築に携わり、多くの基本的なスキルを身につけました。また、直接デザイン作業に携わることはありませんでしたが、UIデザインのセンスを磨く機会をたっぷりと得ることができました。