# ホーム画面リニューアルとリファクタリング ぜんちゃんと ホーリーと かげにーと まさの ボーイコード Voicyエンジニアの声と出会えるチャンネルボーイコード このチャンネルではVoicyのリリース情報の話をしてないってこの前言ったんだったわ あとプロジェクトメンバーの日々の活動をお話してます ホーリー久しぶり そうですね ちょっといつぶりなんだろう 3年ぐらい 3年前は入社したばっかで 一応担当パーソナリティーだった時期もあったんですが いろんなことを頑張っていたので 久々になりました でも2年前ぐらいじゃない?一緒にやってたのって そうそうそれぐらいでやってましたわ 僕と ホーリーと円拓さん3人でやってた頃がありましたね やば、何年前それ 全然聞いてないじゃん 手元でボーイコードのチャンネルを見てた マルチタスクしてた すいませんマルチタスクよくない そのくらい昔にやってたホーリーが今日は 久しぶりに来てもらった感じですが はいゲストです でも何を話すかまだ決めてなくて すごいね 何話そう 久しぶりに来てもらったから ホーリー最近何してたとかは 最近何してたかですか ホームチーム ホーム改善したりしてましたって話はたまにするんだけど そうなんだ でもホーリーがそれに関わった話とかは たぶんここではしてないと思う そうですね 昨年11月末にリリースした 新しいボイシーのホーム画面の開発を 頑張っていったのと あとはそれにあたって新しいチームが立ち上がったので そのチームの みんなでやっていこうみたいな情勢を頑張ってました ヘッド ヘッド 最初のヘッドだったわけじゃないですよ 後から誰かやんないみたいな話になった時に よりやるーって言ったからです ひときわゆるいな いいじゃないですか 僕が入るとこうなりますよっていう いいお手本ですよね でもホーリーのひとりがたりは 結構しっかり話してる感じ それやったっけ やったわ ひとりがたりやってましたね よくやってた でもひとりがたりなんか やっぱりちゃんと身のある放送をしなきゃいけないのがすごくたくさん 出てくるので 事前に準備とかもするので ちょっと真面目 先生モードになっちゃいますね 先生なので 先生なのでの説明がいるね 教員免許 教員免許持ってるからというただのアピールです そんな感じでやってた感じですね やってた感じです で、何を話すか どうだったんですか ホームの対策今も続いてると思うんですけど どういったきっかけで 改善始まったんですかね 側面はいろいろあるんですけど 多分代償的なのが二つあって 一つは 人軸からこと軸にちょっと リスナーさんの 放送への出会い方を変えていきたいよねっていうのがあって 今まではボイシーは パーソナリティさん本当に有名だったので 皆さんパーソナリティさん軸で 探すし聞いていくしってところだった けども だんだんと 同じような点を話してるさとか 打点マジックで探してもらうとか 出会うっていう体験も増やしていきたいよねってところから 始まったのが体験軸での始まりで あと実は開発側で 入れたいこともあって ホーム画面っていうのは 2020年に 2020年 4年前 4年前に新しいアプリが その時もリニューアルがあったんですけど そこから大体 2年3年ぐらいずっと開発してきて すごいコードが複雑になっちゃってたんですよね そこら辺を 開発しやすくするために 非ファクタリングっていうね それをやっていくのも 同時にゴリゴリやっていこうっていうのがあったので 体験の改善っていうのと 開発の効率向上っていうのが 大きい二つですかね それをやったのがホームチームというか ホーム改善の立ち上げの経緯でしたね なるほど そうだったんですね せんちゃんも一応 そうだよ 一緒のチームでやってました 一応何も知らないフリで聞いて インタビューはバカにならないで 上手だな インタビューは上手だな 今複雑性を取り除いて 開発しやすくするって話をして リファクタリングっていうワードを 準備したと思うんですけど どれくらい開発しやすくなった感じなんですか? どうなんだろうな 主観で言ったら アプリに関して言えばですけど 普通に10倍くらいはしやすい そんな違うんだ 全然違う どういうところが主に 不細っぽい感じになるんですか? えっと 簡単に言うと 簡単に言いにくいかも とりあえず新しい リスト形式で放置してたんですけど 今もしてるか リスト形式で放置っていうのは 下にスクロールしていくと いろんな要素が見えるような 形になっているんですけど それぞれの要素って 放送を並べてくだとか チャンネルを並べてくだとか 生放送を並べるとか 要素がいろいろあるんですけど その要素を 新しく追加したいときに すごく追加しにくかったんですよね それを 新しく追加したときに いかに早く追加できるか をこだわったので 例えば 今は放送だけを出したけど バナーも出したいもんねとか あとは違う形式を出したいな 簡単に一週間ぐらい 開発が終わるようになった 一週間の頃じゃないか 実装が本当に一日ぐらい終わっちゃって あとちゃんと 動作確認とかもやって 一週間終われるくらいになったので 拡張性に対して強くなったんじゃないかと 思いました このチームでしか開発してないので あまり客観的な意見じゃないかも でも少なくとも複雑性はだいぶ下がりましたね バックエンドとかは バックエンドも グレイスフルに グレイスフルに変えたはずだから やりやすくなったんじゃないかとは 踏んでいるんですが バックエンドはそれこそ プログラム丸ごと投げ捨てっていう フォームに関しては まだ遅いわけにはいかない やれやこれなんで とりあえず勇気を持ってね 今までのやつを一旦取り払って 新しい画面出して 新しくバックエンドを作り直す っていうのをやったので ルールメイクというか 作り方がはっきりしたから やりやすくなったのかな コード見てない コード自体がきれいになったのもそうだし 正しく作る文化を 前より強制されてるっていう 環境もあるかな 新しい概念だなって気はします 正しさはあまり追求してこなかったからね コーディングというか設計的な部分に 動けば正義だった 動けば正義というか ちゃんと価値を届けることが正義 いいこと言った 俺結構今 そう言いたくなりますよね 正義の価値を届けることに フォーカスするっていうのは 会議的なところがあったので そういうところも大事にしていこうよ っていう考えになったのは とてもいいことなんじゃないかな と思ってます そこに関しても 結局正しく作った方が 別に長い目で見ていいとかじゃなくて 割と中短期ぐらいで すでにそっちの方が 速さでも逆転しちゃう みたいな感覚は 作ってるとよくあるから やっぱ大事なんだなって 今回移行してみても やっぱそうなんだろうな 実感がちょっと深まったみたいなところはありますね いいしね 温泉雑談かな おつかれ # 「正しく作る」とは じゃあチャプターが変わったんですけど、さっきのチャプター1つ前のチャプター1で話してたところの、最後の方で話してた正しく作るってところをせんちゃんとかほうりんさんにもうちょっと、僕まだ入って3ヶ月くらい4ヶ月くらいか なんなら新しいアーキテクチャになって入ってるので、正しく作るっていうところをもう少し自分もあんまり知らないところがあるので、お二人に聞いてみたいなと思います。 アーキテクチャの説明しなくて大丈夫ですかね。 なんかこれに自信持って答えれるほどではないよね。自分たちも。 でもなんかこういう考え方をしてますっていうのが全然あっていいんじゃないですか。 それはそうね。 そこはいろんな考え方があるでしょ。 正しく作るっていうのは、さっき言われたらどういうところが正しいっていうような考えで作ってるっていう感じなんですか。 それを考え始めるようになったって感じが正しさとは。 今までは正しさとはという話は多分、知ってなかったとまでは言わないけど、前提でも必須でもなかったというか。 少なくともアプリはそうだったし、バックエンドはまだ話したのかもしれないけど、そこにどこまで厳密性というか、ちゃんとやるかっていうのを持っていたかっていうと、ちょっとそこまでじゃないんじゃないかなっていう印象があるから。 結構ちゃんと正しいとはなんだろうっていうのを考えて決めてそれに従っていくっていう流れができたのが新しいところな気がする。 例えばチームでこの各層、このファイルとかディレクトリの中で、ここはこういうことだけをやろうみたいなのをちゃんとルールで考えていって、 今までは割とそこがふわっとしてたから、なんとなくこれまでの監修に沿って作ってしまってたのを、そうじゃないよねっていうのを考えるようになったみたいなイメージですかね。 ですかバックエンドは? 微妙に見えてる景色違うかもしれないなって思って。 ノアって言ってたっけ? 新しいサーバー? あんまり言ってない。 新しくする前は、僕目線ではみんな別にちゃんと作ろうとはしている。それを考えてはいった。 さっきのポリーの話よりはもっと考えてたと思うんだけど、 人ごとに基準がちょこちょこ違ったりとか、その人が得意なポイントっていうのが人ごとに違ったりしてて、 たまたまそれではみ出たところが構造内の各所に生まれたりしたのが、ガードレールが一回壊れたからそこから落ちていったみたいな。 そういう側面がちょこちょこ見えて、チリツモでどんどん扱いづらくなっていったみたいなイメージで捉えてるかも。 イメージで言ったらあんまりずれは感じないかも。 新しいのはどうでもいいよって人はそんなにいなくて、みんなが同じものを持とうとか、それをちゃんと考えてから作りましょうっていうよりも、 それを考えるのは各々の仕事みたいな感じのところが。 みんな強かったからね、さっきから言う元気な人たちは。 一人が一機のモーチャーとか全然なかったので、みんなで共通のものを考えるっていうよりも、 一旦自分の範囲のことをちゃんとやるっていう、選手が強かった部分も影響してるのかなっていう。 なるほど。 印象というか感想です。 あるかもしれませんね。 そこを思想と、みんなの考えを共通の認識を持ってちゃんと進めていこうねっていうところが、今言ってた正しく作るみたいな感じですか。 のイメージです。 あとは最近だと、コードに対してオーナーシップを持つ人がいることが結構違いかな。 なるほど。 この人が少なくとも品質について必ず目を通しているっていう状況。 全体の? 全体の、VC内のプログラム全部ではないんだけど、その人求まりの部分に対して。 俯瞰的に見る人。 俯瞰的に見る人。 あと、それにオーナーシップを持っているっていうのはつまり、その人の認知をそこに専任でというか、その人に責任がありますという状況だからこそ、ちゃんとしなきゃってなる。 俺らがちゃんとやんなかったらこの人がやってないことになっちゃうみたいな。 ほらって言ってくれるもんね。 そういう感じ? それね、結構大事というか、潮目の変わり目な気がするな。 少なくともいなかったし、モバイルに関しては今もいないから、誰もそれを正しいとするか、それが正しさを守れているかっていうのを判断する人は、 よく言えばみんな、悪く言えば誰もいないみたいな感じで、 やっぱりモバイルのプログラムに関してはそこまで厳密にこれが正しいとかって話も、 初めてはもちろんいるんだけど決まりきっていないし、それが守れているかって話も全体では覚えていない。 事実にはあるかもしれないけど。 ところがやっぱりバックエンド側は一個ね。 行動を見てくれる人がいるから進んでいるイメージがありますね。 バックエンド側だと行動を持ってくださっている方がちょっとでも気になるところがあったら絶対突っ込んでくれるので、 いや確かにってなることが自分はよくあって、今日もあったりしたんですけど。 大変だ。 確かに必須で。確かにそうだなっていう。 自分は前職で行動を書いている時よりは明らかに行動に対して考えることがすごく多かったなみたいなのは感じていて、 それこそよく言ってくださっているのは処理じゃなくて登場人物に着目しましょうみたいな話とかもあると思うんですけど。 そういったところにどんどん考えていけるようになったのは楽しいなと思いながら開発していますね。難しいけど。 いいですね。まだ名前つけるのが苦手だな。 分かりますね。機能には登場しないけど、プログラムとかこっちの技術的な面では必要になってくる登場人物がいたりすると、これ名前何にしようみたいな。 この人どんな役だと思ったんですかね。 名前つけるって結構大事だなって思いますね。 誰やねんお前っていう名前のプログラム結構多いですもん。 名前わかったけどあなたは誰?みたいな。 そういうのがいっぱいあるから。 みんなで作るって結構大変なんですよ。 一発で決まらなくて、今ちょうど私も書いてるんですけど、コロコロ名前変わってくるんですよ。 やってられないんだけど、こいつこれじゃねえ、これじゃねえ。 君はこれをやらなくなったからね。 どんどん役者の役割が明確にコード書いてるとなって、頭整理されてて名前がどんどん変わってくるみたいな。 それちゃんと反映すればすごい大事だなって思いますね。結構変わったのにずっとそのままの名前とかもあったりして。 今ね、放置してて頭抱えてるんで。変えないといけないのに。 そういうのはね、後から本当にあなたは誰が起きやすいのか。 ちゃんと名前を変え続けてあげるのは大事です。 大事ですね。 いい感じ。 いい感じになった。 じゃあ時間もちょうどいいので一旦チャプター切りますか。 はい。 # コメント返し では先週のコメント返しをさせていただこうと思います。 先週の放送は週末版Voicy Engineerと英語の関わり合いというところで キングダムさんが かぶせない キングダムさんからコメントをいただいてます。ありがとうございます。 微妙に場が悪いですね。 悪いですね。 喋ろうかなって思った瞬間に グルーヴ感上げてこ。 満たしてる人だよ。 キングダムさんからです。 せんちゃんかげにいますさん、いつもありがとうございます。むっちょさんようこそ。 新宿から送られてきた結婚式ムービーを見て泣き笑いしています。 何度見ても涙が出ます。どんな仕組みなんだ。 新郎が編集したオープニングとプロフィールムービーのクオリティが高すぎて幸せは無限だなと感じています。 とコメントをいただきました。ありがとうございます。 どこから突っ込みましたか? お便りですね。 放送内容とは関係ないですね。 結婚式があったんですね。最近。 結婚式がありがちですね。 周りで結婚してる人が多いなという印象です。 めでたい。 悲しい。 幸せは無限ですよね。 幸せが無限だからって話しますか。 フォーリーさん、写真とか撮られるじゃないですか。 はい、撮ります。 ムービーとかはあまりされないですか? 撮らないですね。記録としては撮るけど、写真はちゃんと現像とかするんですけど、動画は編集したりとかは全然しないです。 こういうの記録したやつって涙が出ますよね。 その笑い。 どっかのボスぞ。 幸せをちゃんと形に残すって大事だなって思うので、みんな残した方がいいなって思うよ。 残していこう。 この声もね。 これ聞いて恥ずかしくならないでね。 ライブの後半のMC。 ちょっとエモーショナルになっちゃうやつね。 これが我らがフォーリーです。 みんなをいつも和ませて笑わせてくれるということで。 これでいいかな?大丈夫かな? 大丈夫だと思います。 僕は大丈夫だと思います。 撮る中、もう最高っす。 完璧なコメント返し。 はい。 じゃあ終わりますか。 僕でいいですか? お願いします。 言いますか? 空で言えない説が。 空で言えないです。 何言ってんの最後。 次はどの声と繋がりますか? 引き続きボーイシーでお楽しみください。