職務経歴書 - HackMD

職務経歴書 === <div style="text-align: right;">2023.7.1<br/>的場大輝</div> # Summary - 2015.8-2022.7 Webエンジニアとして、2社で自社サービスの開発に従事 - 2022.8-現在フリーランスのフルスタックエンジニア ## 得意なこと - 0→1で実用最低限なものを構築すること - Biz側との調整 - 自動化 - 技術的負債の解消 - オペレーション的負債の解消 ## 未経験 - 10人以上のチームでの開発 - toC の大規模プロダクト（高トラフィック対応など） - toC のアプリ開発 - マルチリージョンなインフラ設計 # 業務委託 (2022.8 - 2023.12) ## 貿易業務用システムの開発ジュニアレベルのメンバーが中心の開発チームで、技術的なサポート役を担った。開発に関しては主に設計の壁打ちや、リファクタリングをメインに担当した。 ### 参画後に感じた課題 - メンバー間コミュニケーションが極端に少ない - 開発スピードが遅い - 開発した機能が結局活用されていないことがある - 受託開発的な受け身のエンジニアが多い - リリースサイクルが遅い - 手動デプロイ - ビッグバンリリース - 頻発するコンフリクト - テストが無い - リリースに対する低い心理的安全性 - バグが多い - テストが無い - エラー検知ができていない **とにかく「あたりまえの開発体制」を早急に作るべきだと判断した。** ### やったことと振り返り 1. Slackに分報チャンネルを導入 → コミュニケーションが増えた → 後に自分の提案によりoVice（バーチャルオフィス）が導入され、社内全体のコミュニケーションが活性化 → 職種をまたいだ事前調整により、開発の手戻りが減った 1. 生SQLによるマイグレーションをWebフレームワークの標準に変更 → スキーマ変更を伴う開発に対するハードルが下がった → 開発案件を同時並行で進めやすくなった 1. 本番DBを模したデータを開発環境で使用 → 開発者がリアルなユースケースを把握しやすくなった → パフォーマンス問題に気づきやすくなった 3. 開発環境のコンテナ化 → 環境固有の不具合が無くなり、開発に専念できるようになった → 新しいメンバーのオンボーディングが簡単に 1. CI/CDを整備(AWS CodeBuid/CodeDeploy, GitHub Actions) → 属人化したリリースOPを自動化して、考えることを減らした → PR単位でリリースできるようになり、リリースに対する心理的安全性が改善された → PRごとのプレビュー環境を用意したことでレビューが楽に 1. コードジェネレーターによるAPIクライアント自動生成 → TypeScriptとの併用でさらに型安全な開発が実現 → 単純にバグが減った → スキーマファーストなコミュニケーションになり、開発スピードがかなり上がった 1. コア機能に対するテストコード追加、CircleCI,Sentry,CodeCovなど導入 → バックエンドはテストを書く文化が根付いた → プロダクト品質に対するエンジニアメンバーの意識が上がった 1. Redash（BIツール）を導入 → データを元に意思決定できるようになる（予定） → リリースした新機能の効果測定ができるようになった → フロントエンドの人もSQLを書けるようになりつつある（データ構造に対する理解促進） 1. リリース後の振り返り体制 → POがおらず誰も責任を持たないので、エンジニア主導での振り返りを実施 → 「不十分なユーザーヒアリング」「本格的に実装する前のプロトタイプによる検証」「ユーザーへのオンボーディング」「CSやセールスなど、社内メンバーとの調整」など、様々な立場での反省点をシェアできる体制ができた #### その他やったこと - VPSからAWSへの移行、およびTerraformによるIaC化 - Next.jsへの移行 ### 技術スタック Django, DRF, OpenAPI, TypeScript, Node.js, WebSocket, Next.js, MySQL, Terraform, AWS Amplify, ECS, RDS, CircleCI, GitHub Actions # foodison, Inc. (2017.6 - 2022.7) ## 一般消費者向け生鮮ECサイト(ネットスーパー) ### 概要 Shopifyを利用してECサイトを構築した。Shopifyの機能に乗ることで決済やフロントエンドの開発はほぼ無かったが、ロジスティクス部分（日別の在庫管理、セット商品の内訳管理、発注、ピッキング用の帳票出力、配送管理など）は自前で開発する必要があり、RailsとShopifyのAPIを連携させたWebアプリを一人で構築した。リリース後は、データ分析やユーザーインタビューといったカイゼン系、カスタマーサポート、及び競合調査や事業PL策定など、ビジネス側の業務を担当した。 ### 振り返り物流センターでのピッキングや配送業務にも携わったことで、ITだけではどうにもならない多くの課題と向き合えたことは良かった。あるべき理想像との折り合いについて悩むことも多かったが、新規事業に求められるスピード感を維持しながらも、ある程度堅牢なシステムを組めたのではないかと思う。一方、どれだけスマートなシステムを作ることができても、事業として持続可能なビジネスモデルなくしてはエンジニアとして価値を発揮できないのだと強く認識した。 ## 飲食店向けECサイト ### 概要会社のメインプロダクトである、飲食店向けに水産品などの生鮮品を販売するECサイトを3、4人のチームで開発した。主な開発内容は顧客向け画面やCS用の管理画面、ピッキングや配送などのロジスティクスの管理機能など。 ### 振り返り数ある食品の中でも特殊な「魚」というモノを扱う複雑なオペレーションをどう抽象化し、システムとして設計するか悩むことが多かった。小さいチームであったので、開発だけでなく現場での調整や仕様検討から携わることができたのは良い経験になったと思う。またRailsやRubyのアップデート、CIの整備など、自分の興味と課題意識が強い分野を率先して担当し、ある程度モダンな開発環境に近づけることができたことで自信につながった。一方でパフォーマンスやスケーラビリティといったWebアプリとしての技術的課題はあまり多くなかったので、今後はそのような要件に対しても強みを持ちたいと考えるきっかけになったと思う。 ## 出荷用ラベルプリンターアプリ ### 概要これまで手書きされていた配送情報を記載したラベルシールを、Android端末、ハンディスキャナ、ポータブルプリンターを用いて自動印刷するシステムを1人で企画、設計、開発した。 ### 振り返り RubyとJavaScript以外はほとんど業務で触ることが無く、初めてのAndroidアプリ開発ではあったが、Kotlinのシンプルな言語仕様とIDEの力に助けられ、思ったよりもかなりスムーズに開発を進めることができた。JavaScriptによるフロントエンド開発と親和性を感じられたからか、MVVM的な実装もうまくやれたと思う。 Bluetoothの不安定な接続には悩まされたりもしたが、通常のWeb開発ではあまり経験できないようなバックグランド処理やスレッドの扱いなどを経験することができたのは良かった。 ## いくつかの社内向けWebアプリ社内向けの小規模なアプリケーション開発をいくつか担当した。特に難しい技術的課題は無かったが、企画段階からすべてを1人で担当したので、この会社としては初めて本番環境でDockerを使用したり、ライブラリのバージョンアップを自動化する仕組みを導入したり、デプロイを含む完全なCI/CIパイプラインを構築したりと、インフラ周りを自由に構築することができたのは良かった。かなり雑然としているので箇条書きで記す。 - 従業員カタログシステム - 個人の目標と評価管理システム - 残業時間アラート - 取引先企業の信用調査を自動化するシステム - キャリア事業向けの求職者管理システム、及び求人サイト ## ECサイトの需要予測 ## 概要機械学習を用いて、自社で運営しているECサイトの未来の受注件数を予測する仕組みを1人で構築した。大型連休などのイレギュラーを除くと、90%以上の精度で明日以降の受注件数を予測することができるようになり、仕入れ量や現場でのシフト配置を効率化することに役立っている。 ## 振り返り使用する特徴量やハイパーパラメータの調整をひたすら試行錯誤した結果、思った以上に良い精度が得られたので一旦追加の開発は止まってしまったが、本当はもっと機械学習に関わる全般的な知識を磨いて、さらなる課題に挑んでみたかった。 # Medical Platform Co. Ltd. (2015.8 - 2017.6) ## 医師限定SNS (2015.8-) 自社サービスである医師限定SNS (既存プロジェクト) の機能追加、運用保守を１人で担当している。 SNSの機能はFacebookをかなり意識した作りになっており、テキストや写真、動画、ドキュメントファイルの投稿が出来る他、コミュニティページを開設し、コミュニティメンバー内でディスカッションやイベントの告知が可能。 ### 1. リンクプレビュー機能の設計と開発テキスト投稿欄にURL形式の文字列を貼り付けると、バックエンド側でリンク先ページのタイトルや概要文、サムネイルを取得しそれをプレビュー表示するという、FacebookやSlack等でよく見かけるような機能のバックエンドとフロントエンドの設計、開発を担当した。元々、サイト全体のフロントエンドは全てBackbone.jsで作られており、かなりコードが複雑化していたため、当機能部分との接続が極力少なくなるようコンポーネント的な設計を心掛けた。フレームワークはBackbone.jsをそのまま利用した。 Rails、CoffeeScript、Backbone.js、全てが初めての経験ということで多くを学べた。 ### 2. 多言語対応 Railsで作られたプロジェクトの英語化作業を行った。YAMLの辞書ファイルを用意し、ビューテンプレートを手作業で書き換えた。レンダリングされるテキストがビューだけでなく、モデルやコントローラーで与えられている箇所も多く、また既に使用されていないコードも大量に見つかったため、そのリファクタリング作業に苦労した。 ### 3. その他改修、開発 - メンバーに一括でメッセージを送信できる機能開発 (フロントエンドでRiot.jsを使用) - 肥大化したモデルとヘルパーを改修するためdecoratorパターンを導入 - デプロイ自動化のためCapistranoを導入 - 非同期処理をキューイングするためSidekiqを導入 - 検索機能強化のためSolrを導入 ### 今後の課題 Backbone.jsで作られたフロントエンドがかなり混沌としており、jQueryの野良コードも混在していて安易に改修出来ない状態であるため、切り分けられそうな部分からRiot.jsによるコンポーネント化を施していきたい。また、これまでエンジニアが本番サーバー上で行っていたrakeタスクによるバッチ処理を、非エンジニアの運用メンバーでも扱えるよう、社内用の管理画面 (Active Adminを使用) を使いやすく改修できればと思う。 ## 症例データダウンローダー (2015.12) ### 概要医師が利用する症例検索システムにログインし、特定の症例の検索結果画面をスクレイピングした後、適切にデータを加工してCSVファイルを生成し、ユーザーがそれをダウンロードできるChrome拡張機能 (既存プロジェクト) の運用、改善などを１人で担当している。 ### 学んだこと - Reactの基本的な使い方 - Browserifyを使ったJavaScriptのモジュール管理とトランスコンパイル - Promiseを使った逐次処理 - Chrome API (Alerm、Messaging) ### 課題スクレイピング対象の症例検索システムは自社管理ではないため、検索システムのアップデートに追随していく必要があることが辛い部分。今は定期的に動作確認をしてその都度アップデートをしているが、ビジネス的には検索システムを運営している組織に対して、API連携を持ちかけるというのも１つの方策だろうか。 ## 病院の予約システム (2016.3) バックエンドはLaravel(PHP)、フロントエンドは主にBackbone.jsを利用。システムの設計は社内の別のエンジニアが担当した。学んだこと - Backbone.jsを使ったシングルページアプリケーションの設計 - Gruntによるフロントエンド周辺のビルド - Laravelを使ったWebアプリ開発 - CasperJS(PhantomJS)を使ったSPAに対するブラウザテスト ## クラウド型症例データベースサービス (2016.8-) ### 概要小規模な学会や医師の研究会向けに、手軽に導入できる症例データベースサービスを開発中。特定の手術の記録を各病院施設で登録し全国のデータを集計することで、医師が行う論文の執筆や、メーカーの医療機器開発に役立てることを目的としている。実際に学会を主導する立場にあるキーパーソンの医師とミーティングを重ね、要件定義から詳細設計、開発までほぼ一人で行っている。2016年11月頃から開発に着手し、2017年1月にα版リリース、4月に正式リリースを予定している。 ### 気をつけていること次に引き継ぐ人のことを考慮して、メタプログラミング的な実装(そういうことが自在に出来るわけでは無い)や独自のカスタマイズは極力少なくし、出来る限りシンプルな実装になるよう心掛けている。これにより、メンテしなくてはならないコードの量や仕様書を減らすことにも繋がっている。 SPAを想定していたが、自分のスキル不足と、モダンなフロントエンドを運用できるメンバーがいないことを踏まえ、Railsによるサーバーサイドレンダリングを採用した。その代わりサイト全体でTurboLinksを活用し、SPAと同じようなUXに近づくよう気をつけている。 ### 苦労したこと動的にテーブル項目を増やしたいという要件を踏まえ症例データ用のDBはMongoDBを採用したが、ユーザー情報やチーム情報等はMySQLで管理しており、MongoDBとMySQLが共存する形となっている。これが妥当な設計なのか検討を重ねたが未だに確証は無い。αテストの段階で見極めていきたい。 ### 学んだこと - 今回初めてEC2を利用したことで、セキュリティグループの設定やコンテナ間の連携について学べた。 - 外部サービスと連携したシングルサインオン機能 - RailsでMongoDB (Mongoid)を扱う方法 - 大量のデータをインポートする際に有用なBulk Insert ## 眼科医向け会員制動画サイト (2016.9-) ### 概要会員は月額料金を支払い、サイトに登録されている手術動画や講演動画を閲覧できるというシンプルなサービス (既存プロジェクト) の保守運用、新機能開発を１人で担当している。 ### 主な業務 - クライアント(医師) とのミーティング、その後の要件定義、提案、設計、実装、運用 - 動画の編集や投稿管理など実務的な運用業務も担当 - 定期的に行われるオフ会(セミナー) の動画収録も担当 - バグ修正業務が多い - 最近Rails3からRails5へアップデート進行中。バージョン違いのRailsを平行稼働させ、移行が完了したリソースをNginx側でルーティングすることで、レガシーバージョンを維持しつつ移行を進めている - 会員に対しアンケートメールを送信できる機能を実装。これまではアンケート毎にフォームを作成したりDBの項目を追加したりとエンジニアの手が必要だったが、Googleフォームのように、ブラウザで動的にフォームを作成できる仕組みを新たに実装し、非エンジニアのメンバーだけで回せるようにした ### 対応した修正項目 - 月額料金が未納のユーザーもコンテンツを閲覧できる状態となっていた不具合に対処した - ログ集計タスクで実行されるSQLクエリを最適化して処理時間を1/10にした - Bootstrap v2とv3が混在していたのでそれをv3に統一した - js関連のモジュールをbowerによる管理に移行した - これまでエンジニアがサーバーに入ってrakeタスクとして実行していた下記のバッチ処理を管理画面 (ブラウザ) から非エンジニアでも行えるようにした - 一括決済処理 - 定期ニュースレターの作成、配信 - イベント申し込みページの公開、受付設定 - 料金の手動決済 - Flashでの動画再生部分を全てJavaScript (Video.js) による実装に移行した ### 今後の課題全く別のRailsプロジェクトとDBを共有している存在する。それをAPIによる連携に移行し、マイクロサービス的なアーキテクチャに作り変えていきたい。会費の決済を行うモジュールが前任者の独自実装となっており、仕様書も無いためリファクタリングしづらい状況にある。最近はAPIとクライアントライブラリをセットで提供している決済サービスも多いため、そういったサービスを利用し、お金に関わる部分の責務を外部に移管したい。ユーザーログに関して、Google Analyticsによる最低限のトレースしか出来ていないため、例えば動画の再生時間やスキップ位置など、動画プレイヤーをJS実装に移行したからこそ取れるデータをログとして収集し、サービス改善に繋げていくようなフローを導入したい。「いいね」機能のようなSNS的な要素を実装し、熱心なユーザーを掻き立てることでサービス全体が活性化していくような流れを生み出したい。