ID:55127さん

# プロジェクト 国内最大級のVODサービスのスマートフォン向け動画再生アプリのリニューアルプロジェクト リニューアル前アプリの保守・改修を担当していて、そこから更に人員を追加してリニューアルを行った 大小20画面以上ほどの程度のアプリ iOS/Android両方の開発のうち、Android側を担当 APIサーバ、動画配信は別ベンダーが担当し、そちらとのミーティング等も一部担当した ## 立場 Androidアプリ設計・開発リーダーとして、数人のチームのまとめ役として参加 ## 課題 サーバ側のベンダーが複数存在していたり、機能ごとに別サーバが立ち上げられているなど、 UI側以上に通信や内部の処理が複雑になりがちだった AndroidのGooglePlayアプリのメインの画面のような縦横スクロールの画面を大量のバラバラのAPIで構成しなければならなかったりした ## 課題への取り組み クリーンアーキテクチャを参考に依存関係の構築を行い、UI、UseCase、Dataなどの層を持つ構造を作ることにより、 UIの実装とロジックを強めに分離することで、複雑な処理でもUI層が汚れない作りを心がけた ファイル構成が多くなったものの、各種処理の独立性が上がり、実装、修正内容の把握自体はしやすくできた ## 作業内容 - 画面単位で上がってくるデザイン、要件のレビュー - デザイン、レビューから実装する必要のある要素をMarkdownで基本設計に落とし込み - Androidで個別に実装する内容の詳細設計への落とし込み - Androidアプリのプロジェクトのリポジトリの0からの立ち上げ - Androidアプリのプロジェクトの骨組み作成 - アプリ全体のモジュール設計 - それぞれのモジュールの依存関係の整理 - アプリビルドコマンド調整 - Androidアプリとしての設定調整 - 実装方針としての最小限のアプリ作成 - 画面遷移や通信の基本方針を作成 - Androidアプリ実装 - Androidアプリのほぼ全ての画面・機能に関して、実装方針の作成、実装内容のレビュー - Androidアプリのコーディング - 複雑な画面や通信部分、ローカルのデータベース操作、動画プレイヤーライブラリとのやりとりなどの実装

# プロジェクト 国内最大級のVODサービスのスマートフォン向け動画再生アプリの改修 他社ベンダーが開発していたアプリを引き継いでの改修 大小10画面ほどのアプリ iOS/Android両方の開発のうち、Android側を担当 APIサーバ、動画配信再生は別ベンダーが担当し、そちらとのミーティング等も一部担当した ## 立場 Androidアプリ設計・開発者として参加 自分が社会人になってから初のAndroidアプリの開発案件 ## 全体的な実装の課題 アプリ全体としてきれいな実装になっているとは言えない状態だった Viewにサーバとの通信が書かれている、ライフサイクルを無視した実装など ## 全体的な実装の課題への取り組み 追加機能の要件ができるたびに、対象の画面を再実装していった MVVMパターンの取り込み、RecyclerViewの利用など、Androidの標準的な実装に合わせていき、 大幅にCrashlyticsの数値がよくなった テスターと連携して再実装したところをきっちりデバッグしてもらうことで、デグレを回避しつつ作業した ## 画像表示パフォーマンスの課題 前任のベンダーの独自の実装による、画像表示 画面上に10枚程度、スクロール含めて100枚以上表示される画像の表示に関する問題 手厚いとは言えない独自実装で実装されていたため、主に速度面で問題が出ていた ## 画像表示パフォーマンスの課題への取り組み 画像表示ライブラリのFrescoの導入を提案した 一番負荷のかかる画像の多い画面を選んで仮実装を行い、速度の計測を行った 元の実装だと数秒単位の表示の遅延が起きることを示し、全画面へ実装してリリース その後、ストアの評価でも表示速度が向上した、といった評価をもらえた ## 作業内容 - 他社ベンダーから引き継いだコードの分析 - 引き継いだコードの特に拙そうなところのバグ探し - 画像の表示を再実装し、パフォーマンス向上 - 機能追加に合わせて対象箇所の再実装 - ChromeCastレシーバーとの連携仕様策定 - レシーバ実装は他社ベンダーだったので、そのベンダーとの打ち合わせも行った

# プロジェクト 国内最大級のVODサービスのIPTVのブラウザ上で動く動画再生プレイヤー開発 他社ベンダーが開発していたプレイヤーを引き継いでの改修 コンテンツの選択UI、動画配信サーバ、APIサーバは別のベンダーの開発 ## 立場 アプリ開発者として参加 ## 再生機構の課題 テレビ本体のベンダごとにMediaSourceExtensions、EncryptedMediaExtensionsを独自実装しており、 内部のバッファやEMEの鍵の管理に微妙な違いがあり、再生できない状態になるなどがあった ## 再生機構の課題への取り組み OSSのプレイヤーを解析して一部書き換えるなどで再生できるようにした XMLHTTPRequestの結果で取得した動画のバイナリをJavaScript層で強引に書き換えて再生させるなどもあった IPTVのブラウザはメモリがギリギリなのもあり、動画のバッファをなるべく小さくするなどの調整を行った ## デバッグ環境の課題 IPTVのブラウザのデバッグ環境が貧弱だった デバッグツールのステップ実行等なし、コンソールすらなしという環境だった ## デバッグ環境の課題への取り組み 画面上にログを表示する機構を自作する XMLHTTPRequestとしてローカルのサーバに送信する など、どうにかしてログを取れるようにして最低限を確保した ## 作業内容 - 他社ベンダーから引き継いだコードの分析 - 引き継いだコードの特に拙そうなところのバグ探し - 機能追加に合わせて対象箇所の再実装 - OSSのプレイヤーを各社TVように調整 - MSE,EMEを利用したフルスクラッチのプレイヤー作成

# プロジェクト 国内最大級のVODサービスのVR動画再生プレイヤー開発 DRMエージェント、動画配信サーバ、APIサーバは別のベンダーの開発 ## 立場 アプリ開発者として参加 VR部分にはあまり関わらず、2DUI、DRMエージェントとのやりとりなどを実装 コンテンツ選択UIをVueJSで実装した。

# プロジェクト Androidタブレット用の施設案内アプリの改修 プロトタイプとして作られたAndroidアプリのUIの再実装 10画面程度のアプリ ## 立場 Android開発者として参加 大きくないアプリのため、当時のコーディングは自分ひとりで担当 ## 作業内容 - プロトタイプとしてRxAndroidで書かれたコードのリファクタリング - RxやAndroidの理解度の高くないクラッシュしがちなコードでしたが、時間もあまりかけれなかったため、仕方なく構造を維持ししつつ調整 - UIの再実装 - デザイナーを通してほぼ全ての画面の見た目が変更されたため、それに合わせて再実装 - 新機能追加 - 端末のカメラを利用した新機能の追加 - 地図、経路情報を扱うAPIを利用する画面の追加

# プロジェクト 職務: SPAアプリの社内研究 社内エンジニアのWebアプリ作成能力強化のためのSPAアプリ研究 会社で運営しているWordPress製のブログのHTML/JSのフロント部分を剥がし、ReactでSPAに作り直したらどうなるかという方向性で社内で勉強会的に実験していた。 メンバー全体が忙しくなったので、ある程度作成したがリリースはされなかった。 ## 立場 社内にReact等をつかったSPAをしっかりやったことがあるメンバーがいなかったため、自分を中心としてメンバーで作業した。 社内のチャットで、よくWeb関連の最新情報を流したりしていたり、Web関係の社内勉強会に積極的に参加していたことから、いつの間にか中心になっていた。 実際の業務で利用しているメンバーがほぼいなかったので、ReactやStoryBookなどについて周りに教えながら作業した。 ## 主な技術 - TypeScript - Webpack - React - Redux - redux-saga - StoryBook

# プロジェクト ログ運用デスクトップツールアプリ作成 ログサーバ内に溜まった複数種のログを取得・整理してファイルサーバへアップロードするツールの作成 ログの整理・編集を行う部分は別のエンジニアが作成したスクリプトがあったので、それをGUIから実行できるようにElectronのデスクトップアプリケーションにする作業 Electronを利用する技術選定自体は当時の上司によるもので、どの程度の作業量、難易度でデスクトップアプリケーションにできるのかの参考にするための調査としての側面も合わせて作業した ## 主な技術 - TypeScript - Webpack - React - Redux - Material-UI - Electron - electron-builder ## 課題 エンドユーザーの実行環境はWindows、開発環境はMacという環境に合わせたビルドに苦労することになった。

#プロジェクト 職務: Webアプリケーション開発 ブラウザ上での動画再生アプリケーションの構築 Silverlightで作成されたプレイヤーをHTML/JSに再構築 - 他社によって開発されていたSilverlight製のプレイヤーの解析 - 動画プレイヤーの作成 - 再生やエラーのフロー整備 - ログの送信機構 - ChromeCast再生対応