【営業時間のお知らせ】 2022年7月8日(金)は社内行事のため営業時間を12時までとさせていただきます。

rail44

自己推薦一覧

自己推薦はありません

2022年5月回 指名 (未返答 : 0/20件)年収を見るには?


プレイド
リモート可(週4日以上)
正社員
ウィザード
承諾
Algoage
リモート可(週3日以上)
正社員
ゴッド
承諾
アルプ
リモート可(週3日以上)
正社員
ウィザード
承諾
AppBrew
リモート可(週4日以上)
正社員
ウィザード
業務委託
スター級/月(税抜)
承諾
Showcase Gig
リモート可(週4日以上)
正社員
ウィザード
承諾
Supership
リモート可(週4日以上)
正社員
ウィザード
辞退
サイバーエージェント
(AI事業本部)
リモート可(週3日以上)
正社員
ウィザード
辞退
WED
リモート可(週3日以上)
正社員
ウィザード
辞退
cocone connect
リモート可(週4日以上)
正社員
ウィザード
辞退
Nota, Inc.
リモート可(週4日以上)
正社員
スター
辞退
ディー・エヌ・エー
リモート可(週4日以上)
正社員
ウィザード
辞退
マネーフォワード
リモート可(週3日以上)
正社員
スター
辞退
TERASS
リモート可(週4日以上)
正社員
ウィザード
辞退
Techouse
リモート可(週4日以上)
正社員
ウィザード
辞退
カミナシ
リモート可(週4日以上)
正社員
ウィザード
辞退
1位指名
Liquid
リモート可(週4日以上)
正社員
ウィザード
辞退
ログラス
リモート可(週3日以上)
正社員
スター
辞退
ニューズピックス
リモート可(週4日以上)
正社員
ウィザード
辞退
モノグサ
提示金額100%保証
リモート可(週3日以上)
正社員
ゴッド
辞退
freee
正社員
スター
辞退

3年後の目標や野望


圧倒的な技術力で社会にインパクトに与える課題解決をしたい

単なる社会や組織の歯車ではなく、自分の持っている技術力だからこそ実現出来ることはどんなことか?を突き詰めると、この目標に行き着くと考えているから。

年収評価シート

2019年/2年以内

広告配信スクリプトリアーキクチャ

## 3rd Party JavaScriptのための開発環境の整備 広告スクリプトは、一般的なWebアプリケーションのフロントエンドと比較すると、動作させたい端末のOS、ブラウザ、バージョンなどが多岐に渡ります。 そのため、既存の広告スクリプトは `var hoge = fugafuga()` のように新しいキーワードである `let` や `const` を用いることも出来なければ、Promiseのような非同期プログラミングのための機構、更にはモジュールシステムも用いることが出来ていませんでした。 その上で、私の取り組みの意義としては、「モダンなWebフロントエンド開発の体験を、3rd Party JavaScriptにも持ち込む」と表すことができます。 具体的な取り組みと、その中での技術剪定や判断の軸について述べていきます。 - TypeScript - eslint - jest - CIによるテスト/ビルド環境の整備 これらのスタックについては、あまり深く触れずともその効果の程は広く知られる所ですし、あまり私自身の実力を伝えるのに寄与しないと思われるので割愛します。 ### 独自のモジュールシステム モジュールシステムは、現代でこそモダンなブラウザでES Modulesのimport文が使えるようになっていますが、広告スクリプトを動作させたいブラウザの範囲を考えると採用することはできません。 そこで、薄いAMD互換(Asynchronous Module Definition)のモジュールローダーをスクラッチで開発しました。 SystemJSなどの既存のモジュールローダーの採用も選択肢ではありましたが、小さいファイルサイズを実現させたいという要求が強いことと、既存の物は実現したい理想像に対してあまりにジェネリックな使い方を想定していることから機能が重厚すぎるという点から、このような判断に至りました。 ### 独自のビルドシステム 次に、ES Modulesの形式で構築されているTypeScriptのプロジェクトツリーから、スクラッチで書いたモジュールローダーによって動作するdistribution対象のJavaScriptへビルドする仕組みを導入する必要がありました。 ただ、webpackがデフォルトで行うようなチャンクサイズによる自動的なファイル分割は課題に適していませんでした。 なぜなら、広告を読み込む場合には表示させたい商材の特性に応じて必要なモジュールが決定的に定まるため、そのロードのタイミング等は自分達の手で制御したくなるためです。 そこで、こちらについてもrollupをライブラリとして用いるパッケージャを開発することで解決しました。 rollupの機能を用いてプロジェクトの依存ツリーを構築し、予め設定ファイルに記述しておいたエントリポイントにしたいファイル毎に分割し、スクラッチで書いたモジュールローダーを用いた形式で、コミットリビジョンの接頭辞付きでdistディレクトリに書き出す、といったことをしています。 ### 薄いPromise polyfillの導入 広告スクリプトは広告配信サーバーのJSON APIのクライアントとして動作したり、他社の広告スクリプトのロードを待ってから動作するなど、非同期な処理がそれなりに出現します。 この処理をPromiseのような仕組み無しで記述することはそもそも難易度が高いですし、try-catch句のようなエラー処理をコールバックの度に挿入する必要性が生じてしまいます。 しかし、一般的なcore-jsなどによるpolyfillの注入は著しくファイルサイズを増加させますし、3rd party scriptとしての性格上、導入されたwebサイト側のpolyfillとの衝突の危険性があります。 そこで、自分たちにとってはメソッドチェーン形式(.then / .catch)での非同期処理が出来れば十分だという判断をし、こちらも最低限のPromiseとの互換性を持ったPromiseLikeクラスを開発しました。 ### 広告スクリプトを配置するCDNの構築 AWS Cloudfrontを用い、JavaScriptを配信するための環境を整備しました。 特筆すべき点としては、キャッシュの設計とbrotliという比較的新しい圧縮形式を採用したことで、スクリプトそのものの読み込みの高速化を図りました。 また、開発時の検証を容易にするため、Pull Requestを作成することでそのブランチのビルド成果物を実際に動作させ、広告を表示できるような仕組みを構築しました。 AWS S3にアップロードされたビルド成果物を、lambda@edgeを用いてリクエストヘッダから選択することで実現しています。 ### その他 あまり特筆する点が少ないことから割愛しますが、上記スクリプトへ渡るパラメーターのための、バックエンド、リレーショナルデータベース、管理画面への開発も、既存の基盤を元に行いました。 用いた技術スタックは以下のような物です。 - Golang - PHP - Perl - MySQL - ProtoBuf - React 総じて、WebブラウザやHTTP、JavaScriptの詳細な仕様の理解が求められるプロジェクトでした。 また、自己評価ですが、構造化やメタ視点により課題の本質を捉える力が比較的高めで、それを活かして業務を行ったと思います。

2020年/2年以内

新規動画広告フォーマットの開発

上記プロジェクト1で構築した基盤上に、動画広告配信のための各種モジュールと、その表示フォーマットのためのテンプレートシステムを開発しました ## VASTと呼ばれる業界標準フォーマットのパーサーと動画プレイヤーの実装 動画広告については、業界団体であるIABが勧告しているVASTというXMLを用いたフォーマットが標準となっています。 そこで、動画広告を表示するためにはXMLをパースして動画ファイルや広告サイズ、どれぐらいの再生位置でトラッキングをするかなどの情報を取得し、適切な動画プレイヤーとしてWebブラウザに表示する必要があります。 業界団体が公開しているPDFによる仕様書を読み込み、実装すべき物を判断し、実際に形にするというサイクルを行ったと言えます。 この機能は外部ライブラリを導入しつつ開発することが出来ました。リアーキテクチャ以前の広告スクリプトではこのような事自体が不可能だったので、上記プロジェクトの設計の成果とも言えます。 また、この動画広告モジュールは**動画でない**広告の場合には不要であるため動的ロードをするモチベーションが生じますが、これについてもモジュールローダーにその機能を組み込んでいたためスムーズに行うことができました。 ## SolidJSによる広告テンプレートの開発 動画広告は通常の静止画による広告と比較すると、プレイヤーの閉じるボタンや音量ボタンの存在や、ブラウザとしてin-viewかどうかで動画の再生を制御したいという要求から、Web上のUIとしての複雑度が増しています。 それまではWebブラウザのDOM APIを直接用い、document.createElementメソッドやstyle属性を操作することで広告要素を構築していましたが、上記の複雑さから増加したイベント種をハンドリングするには限界がありました。 そこで、広告配信に適した - バンドルサイズが少なく - 高速に動作し - フレームワークというよりライブラリとして用いることのできる UIライブラリを剪定しました。 剪定は実際にテンプレートをPreact、Svelte、SolidJSの3種で開発し、そのバンドルサイズなどの変化を実際に計測しつつ、書き味を考慮しえ行いました。 上記3つの軸で比較検討を行った結果、SolidJSが最適であると判断し、複雑な商材であっても宣言的にUIを記述出来るようになりました。

マネージメント能力

アピール項目


アウトプット

GitHub アカウント
あり
Qiita アカウント
未入力です
Zenn アカウント
未入力です
Speaker Deck アカウント
未入力です
SlideShare アカウント
未入力です
特にアピールしたいアウトプット
あり

今後、身につけなければいけないと思っている技術は何ですか?

- WebAssembly - スマートコントラクト - エッジコンピューティング - 暗号技術

あなたが一番パフォーマンスを出せるのはどんな環境ですか?

WebブラウザやHTTPの詳細な仕様や標準に関わる領域 また、特定フレームワークやライブラリというよりも、プリミティブな技術が露出する領域

キャラクター

直近で一番やりたいこと
技術を極めたい
好きなスタイル
好きな規模
水とプログラミングどっちが大事?
自信を持って人より秀でていると言える点
学習能力 / 分析力 / 問題解決力
スキルのタイプ
得意なフェーズ
会社を選ぶ一番の基準
一緒に働く人
やりたくない分野
SI / ファッション / アダルト
その他の特徴
使用言語にはこだわらない / レガシーな環境を改善できる / 新しい技術はとりあえず試す / 勉強会でLTをよくする / OSSのコミッターである
その他のやりたいこと・やりたくないこと
未入力です

やりたい事

手を動かして設計してコードを書きたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
価値あるプロダクトを作り成長させたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
学び続けて技術力でプロダクトに貢献したい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
意義があることや社会に貢献できる仕事がしたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
人や計画の調整・マネジメントをしたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
レガシーなシステムの保守・運用・改善をしたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
企画や仕様を考えるところから関わりたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
業務効率を改善して一緒に働く人のためになりたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
全社横断的な共通基盤作りや強化をしたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい
組織や文化を作る・成長させる仕事をしたい
絶対やりたくない
あまりやりたくない
別に普通
やりたい
絶対やりたい

基本プロフィール

年齢
今年で30代前半
好きな Text Editor
neovim
希望勤務地
千葉県 / 東京都 / 神奈川県 / リモート勤務
家庭の事情や体調など、都合に合わせてリモート出来れば問題ない
希望年収
900万円
転職ドラフトに参加して
企業から指名を受け取ろう!
会員登録をして転職ドラフトに参加すると、参加企業から年収付きの指名を受け取ることができるようになります。
会員登録する
ご意見箱

要望、不具合報告、使いづらい点や感想など、お気軽にお寄せください。
いただいたご意見は、今後のサービス向上に活用させていただきます。

なお、このフォームは受付専用のため、返信を行っておりません。
返信を希望する場合はお問い合わせよりご連絡ください。

  • {{error}}
rail44
今年で30代前半
neovim
参加ステータス
不参加
参加回数
1回
累計平均提示年収
857 万円
SIGN UPSIGN IN


このサービスを友人に薦めたいですか?