果物リン

バックエンドRailsとフロントエンドVueでマニュアルの作成・活用するWebアプリケーションを開発していました。 2020/02〜2020/06 - サービスの安定期にフロント（Vue）強い人としてスタディストへジョイン - フロントエンドのちょっとした工夫で体験がよくなるような修正を中心にUX周りを改善 - RubyとRailsを業務で使うのはスタディスト入社が初だがなんとかキャッチアップしつつUX改善にも必要なバックエンドの回収にも取り組む 2021/10〜 - サービスの信頼性向上ということで、細かな改善を積み重ねるチームに配属 - UIUX周りの改善を中心に小さな改善を積み重ねた - ドラッグアンドドロップAPIを使ったやや複雑で大きな機能改善を行った - その際に、Vue2系にComposition APIをチーム開発で取り入れた - その後、チーム改変で３ヶ月単位の大きな機能開発へシフト - この際のフロントエンド開発のコンセプト実装など中核を担う - canvasを使ったやや複雑なものだった - チームメンバーのフロントエンド技術レベル向上のために黙読会を開催 - その場でフロントエンドの疑問を答えられるだけ答える（わからなければその場で議論する）を実施 - チーム開発のプロセスについて積極的に疑問をぶつけたり改善を提案したりした - 小さな改善を行うチームがなくなってしまったので、個人的な活動として他のディレクターやデザイナーを巻き込んで動き出した

Nuxtを使ったフルSPAのキュレーションサイト構築プロジェクトにリーダーとして携わりました。 バックエンドのAPIを叩いてニュースのタイムラインを構築し、記事詳細を画面遷移なしで表示するサービスです。 ## コミュニケーションロスによる失敗の回避 チームリーダーとして、メンバーの技術的問題を解決するのは常々行いましたが、それにも増してコミュニケーションロスによって起きるような「先方が悪いのだから我々は悪くない」で留まらないように、 チームメンバーの疑問や不満を可能な限り拾って回るように行動し、「それについては聞かないとわからないから聞いてみよう」「こんな聞き方をすればいいよ」「それは伝えてみたら改善するかも！」とチームメンバーをフォローし続けました。 これは、プロジェクト全体でみた時の進捗の速さに関わり、総合的な出力へと変換されます。 ## タスクの分解粒度と全員で解決する雰囲気作り また、タスクを抱えてしまって進捗の遅れが出ないように、１日で１つか２つ終わらせられそうな粒度に分解ししました。 これにより得意なところに取り掛かり、不得意なところは避けてもよいのだ、チームメンバー全員で課題を解決すればいいのだ、という雰囲気作りをしました。 一方で、相互にレビューすることでチームのコーディングスキルの向上を測りました。 ## 不確実性へ立ち向かう 必要に応じて簡単なところからとりかかるだけでなく、不確実な要素を含むタスクに早めに取り掛かるよう優先順位をつけるようにして、「とりかかってみたが駄目だった」時には「では次に打てる手はないか」を考える時間を捻出できるようにしました。 これはチーム内にとどまるばかりではなく、クライアントとのやり取りにおいても同様です。 技術的にハイスキルな要素はそれほど多くないとは思いますが、リスクコントロールとマネジメントでチームとプロジェクトに貢献しました。 また、個人的に勉強会の登壇は続けていて、月に１度〜２度のペースで喋っていました。

紆余曲折あって、入社後２ヶ月で一人になってしまったプロダクトに携わってる間のことです。 ## 私が体現していく4つの価値 ### 速さ 私が自然と体現していて、 **「早くやる」** ことです。 コードに限らず、すぐに終わりそうなものをどんどん終わらせていきたい気持ちがあるので、全体的にレスポンスが早いと思われているような気がします。 コードでは、特にView周りの調整ぐらいだと、問い合わせがあってから３０分くらいで修正して各所にチェックしてもらってすぐにリリースみたいなスピード感があります。 社内的にエラー監視ツールのRollbarというSaaSを横展開したいんだってなった時、プロジェクトへの導入の筋道を立てて手順をドキュメント化、最速で運用開始みたいなところでも速さを発揮したりしました。 ### 他人のイメージの言語化、仕様化 次に得意なのは、 **「あなたのイメージしてるのってこういうことだよね？」を形にしていけることです。** 大事なことってここだよねって話をまとめるところから、「こんな感じで作ってみたんだけど、どう？」みたいな感じサクっと作ってシェアしてブラッシュアップしていこうよ、みたいな流れだったりとか。 「なんとなくこういうのがほしいんだけど」からいい感じの仕様に落とし込むのが多分早くて比較的正確です。 このあたりは一個一個の作業は比較的小さな改修がほとんどですが、そういうものほど早く解決していきます。 また、大きな機能追加の場合でも、しっかり要件定義と設計に落として、コードを書いて良い塩梅に落としていってきっちり期限にリリース！みたいなこともやりました。 「周年なので、新しいルールのバトルコンテンツを作りましょう」が一番大きな機能だったかなと思います。 「あとこういうのがあるといいですね」みたいなあたりも「そんなこともあろうかと用意しておきました」って出来た時は気持ちよかったです。 ### 「あったらいいな」を形にする どちらかというと身近にいる人のこういうのできたらいいんだけど、を形にするのが好きなところがちょっとあって、 CSの人やデザイナーの人向けに裏方から使える便利機能を追加したりしました。 カードの名前（部分一致）や属性なんかで検索する機能がなくて、 辛いよねってことでえいって作りました。 こちらはゲーム内の画像も確認できたりして、なかなか好評のようです。 ### 周りの「当たり前」の中から課題を設定する 最後に、プロダクトのコアに近いコードに、提案のラベルをつけていくつかPRを投げたところ、すぐにマージされたのは嬉しかったです。 ログ出力のメッセージを直そうとか、新しいExceptionの提案とか、アノテーションをちゃんとしたらIDEは世界をもっといい感じにしてくれるんだよ、とか。 このあたりは慣れちゃって問題にしてないところをあえて課題に設定して解決する力かなと思います。 ### 技術っぽい話 マスタービューアのリプレイス 技術っぽい話をすると、プロダクトのマスターデータのビューアが昔ながらのPHPだけでHTMLを吐き出す仕様とかなり貧弱な感じだったので、これをVue.jsでリプレイスしました。 私が解決したかった問題点は主に、検索や絞り込みができない、ID100区切りでページングされるの２点でした。 （101の次が201だったりすると、１ページ１行、ページングで２ページに分かれるみたいなことになっていました。） これをVue.jsで、「複数条件で絞り込み可能」「ページングも高速」「任意の行と列を固定」「不要な列を隠す」などの機能がついて非常によろこばれました。 編集機能はついてないけどビューアとしてのExcelっぽい機能はだいたいついたやろ、どやーってしてます。 ## その他余談 ブログ書くのとか早いみたいです。 書く内容が決まったら、社内の技術ブログどれでも気軽にサラサラっと書いてレビューしてもらっています。 自分のブログやQiitaあたりで書きなれているせいか、方向性とノリがわかれば本当にサクサク書いていけますね。 外部のエンジニアイベントに積極的に参加するようになったのもこの時期です。 LTで発表を何度かさせていただいたり、Vue.jsのハンズオン講師を務めさせていただいたり、PHPカンファレンス関西2018にスピーカーとして登壇させていただきました。 ## 社内での評判 社内的には、エンジニア部門の準MVPということで、入社１年未満ですが表彰されました。 「エンジニアタスクもスピード、正確さともに申し分ない」「ゲームに直接関係ないけど運営が楽になってくれるツールを作ってくれて助かっている」「機能改善、発信と主体性がとても見えているところ」「お客さん目線で的確な意見が言えるで信頼度が高い」「困っているときに必ず助けてくれる。優しい。自分から課題を見つけて解決する。新しいことに挑戦する。」などのコメントをいただきました。 とてもうれしく思います。

SES時代の派遣先でした。 毎月チケットにアサインされて、その要件とデザインモックのHTMLを元に実装していくお仕事でした。 なれてきた頃、画面を刷新したいんだけど重くなりそうなんだよね、という話だったのですが、私なら多分できますよと引き受けました。 サーバーサイドとしてアサインされたチームだったので、JavaScriptについてはデザインチームの書いたコードをそのまま使うエンジニアが多かったのですが、今回はほとんど全部書き直すことにしました。 まだ仮想DOMについては何も知らない頃でしたが、JavaScriptのObjectにデータを詰めて、一方的かつ非同期にDispatchすれば早いのでは？という着想のJavaScriptのコードを書いたところ、お客さんの想像以上に良い出来になったようで、今までの遅かったページが劇的に改善された！と喜んでもらえました。 他にも、PHP側のコードの遅い部分をリファクタリングしたり、複雑怪奇な部分をリファクタリングしたりしました。

初めて個人で世に出したサービスです。 Twiterでオフ会メンバーのリスト登録大変なんだけど…っていうツイートを見かけて、 なるほど！作ろう！と思い立ちました。それから１週間ぐらいで一番最初のバージョンをリリースです。 情報系の大学に通ってCとJavaを習っている最中みたいなタイミングだったので、これをやるにはどうするのが一番簡単にできるかな？と調べてPHPがなんとなくちょうど良さそうとなって、それからPHPとライブラリについて調べながらの最初の挑戦だったので、なかなかよい経験だったと思っています。 また、このサービスのおかげで、類似の機能のアプリをWindows番で作って欲しいと言われて、バイトとしてC#でWindowsアプリを作ったことがあります。 このC#のコードが最初の仕事としてお金をもらったコードになりました。 https://twitlistreg.riinswork.space/

今の所一番自分の中であたった個人開発Webサービスです。 ドラゴンズクラウンというゲームが発売されて、おもしろーい！となってこれは計算機があったほうが面白い！ってなってだいたい３日で作りました。 （2014年のやつなのでjQueryでゴリゴリ書き換えていく感じのやつです。） 仕組みだけ用意して、データシートは自分のキャラの埋められるところだけ埋めて、 スプレッドシート公開するから埋めるの手伝って！と2chに書き込んだら１週間くらいである程度全部のデータが揃いました。 アクセス解析を眺めていたところ、URL翻訳系のサイトを通してこのサイトを見ようとしているユーザーがいることがわかりました。 しかし、動的にテキストを書き換えるサービスなので、これらのサービスとは愛称がよくありません。 そこで、せっかく良いものが作れたので、言語リソースをいい感じに差し替えられるようにして、海外のゲームフォーラムでこんなの作ったよ！って紹介しにいきました。 こちらも英語版でなんて表示されるのかわからないから英語版のシート埋めてよ！って協力を募ったところ、英語版だけでなく中国語版も作ることができました。 おかげでとても沢山の人に使ってもらえたと思います。 今なお検索上位にくるので驚きです。 https://dccalc.gamelore.fun/