ep.9 「UIT vol.6 進化する React.js」 After show | UIT INSIDE

2019/04/11 に公開2694 views

このエピソードについて

UIT イベント運営メンバーの @potato4d と @kawasako3 が、 UIT #6 の登壇ゲスト @takepepe さん, @sundlers さん, @sakito さんにフロントエンドでの悩みを聞いてみました。

ゲスト紹介

@takepepe さん

DeNA/デザイン本部・デザインエンジニアリンググループ
イベントにて「Hooks で作る React.FC<Animation>」で登壇

@sunderls さん

LINE株式会社 - フィナンシャル開発室
イベントにて「Page Stack again in React」で登壇
社内では @liu

@sakito さん

ヤフー株式会社
イベントにて「現場から届けるReactの悩みと改善」で登壇

UIT #6

「進化する React.js」をテーマに 3/20(水) に開催
当日の登壇スライド
- 「Hooks で作る React.FC
  」
  - https://speakerdeck.com/takefumiyoshii/hooks-tezuo-ru-react-dot-fc
- 「Page Stack again in React」
  - https://speakerdeck.com/sunderls/pagestack-in-react-again
- 「現場から届けるReactの悩みと改善」
  - https://speakerdeck.com/mukai21/xian-chang-karajie-kerureactpuroziekutofalsenao-mitogai-shan

フロントエンドの悩み

Takepepe さんのケース
- アニメーションの領域にリソースを割くためにはどうするか
sunderls さんのケース
- 体験のために作った実装をスケールに耐えうるにはどうするか
sakito さんのケース
- フロントエンドとしてやりたいことをどう外部に巻き込んでいくか

技術スタックと組織

技術的指標をビジネス上で反映するための苦悩
- 説得していく力
  - TypeScript, StoryBook などのような開発を強化するシステム
  - パフォーマンスのような事業指標として必要性の提唱が必要な力
- 技術的なトピックの不足
  - フロントエンドの面白いトピックは日々出てくるがそこが問題のメインではない
- 技術と採用力
  - 先進的すぎると人員がついてこない可能性があるが、採用力になる可能性を秘めている
  - 古すぎると人がこなくなってしまう

採用技術のライフサイクル

スタックをいつ固定化するか、変えていくか
負債はたまっていく
- 「いつやるか」と言ってるだけではやらない
- どうやっていくか
フロントエンドエンジニアの価値
- 言語化と提唱
- アニメーションなどは特にそう

フロントエンドエンジニアらしい動き方

フロントエンドの hub としての価値

PR

Frontend de KANPAI!
- https://frokan.connpass.com/
フロントエンドエンジニア（銀行/家計簿/仮想通貨etc）【LINE Financial】
- https://linecorp.com/ja/career/position/1102
Frontrend × Bonfire Frontend
- https://frontrend.connpass.com/event/124995/
Inside Frontend 2019年5月18日 Frontendカンファレンスを渋谷Abema Towersで開催
- https://inside-frontend.com

BGM & SE: 魔王魂

採用について

使用素材・クレジット

BGM&SE

音声書き起こし

1. オープニング 00:00

Guest 00:00
皆さん、こんにちは

Guest 00:01
こんにちは

Guest 00:03
えということで、今週もえ、いいテインサイドえ、やっていきたいと思います。

Guest 00:07
ちょっとまずえ、初めにこのこのコントキャストの説明さしてもらいます。え、このポートキャストですけど、え、LINEにおいて、スに所属する開発者たちが、毎週最新のフロントエンドの動向について語るためのポートキャストです。

Guest 00:19
最新のweb標準の動向から開発、フレームワークの変遷、またまたurやuxに関するアップデートまで、種の始まりにえ、全種までの内容をキャッチアップすることを目的としております。

Guest 00:30
今回はですねえ、UITえ、第6回の多賞ということで、3月20日にえ、UITイベントを行ったんですけど、その運営スタッフである。え、私はたとえー川崎さんの

Guest 00:41
2人がうとメンバーとしてでかつえ、今回え、当日登談いただいたえ、相談のえ、相談ゲストとして。え、dnaからえたさんえ、弊社LINEから。りゅうさん

Guest 00:52
そしてえ、最後に話してもらった。yahooのえさとさんのえ、合計5人でやっていきたいと思います。ちょっと今日大人数となりますが、え、皆さんお願いしますます

Guest 01:02
というとこでえやっていきたいと思います。えーではですねえ、ま。今週の内容ですけど、え、まずは皆さんいてイベントお疲れ様でした

2. キャスト紹介 01:06

Guest 01:11
お疲れ様です。

Guest 01:12
でえ、今回ですねえ、3名のえ、登談者にす来ていただいてますけど、ちょっと相談順に名前とえ相談タイトルえまま、他に何か紹介したいものがあれば、え、どんな内容だった

Guest 01:23
とかで聞ければいいなと思います。じゃあ、まず、たけさんの方がお願いします。

Guest 01:28
こんにちは、dnaのタペペと申しますえ、今回ですねえ。ヤットfcで作るアニメーションというタイトルで登談させていただきました。

Guest 01:37
内容についてなんですけれども

Guest 01:39
普段え。ウェブを閲覧するときに、アニメーション。皆さんどのように感じているか、結構それぞれえ捉え方があると思うんですけれども

Guest 01:48
今回の内容につきましては、私の実際のえー業務におきまして、

Guest 01:53
アニメーションをどのように活用したのか、そして、それがどのような価値があったのかということについて。私なりのえ考えをえ発表したものです。

Guest 02:03
ありがとうございますじゃあ、次えりゅうさんもちょっと軽くご紹介お願いします。

Guest 02:06
はい、こんばんはあ、LINE株式会社のりゅうと申します。あの、この前に発表させていただいたのは、

Guest 02:14
あのベジスタックアクタでベジスタック作った話です。それは、

Guest 02:19
あの、実際の仕事の中にあのね、どのどのように作れば。

Guest 02:25
で、君のようなトランジションができるのかっていう問題を抱えて考えた結果で、

Guest 02:33
はい、そういう話です。はい、ありがとうございます

Guest 02:35
はえさとさんお願いします。はい

Guest 02:37
yahoo株式会社のさとですま、twitterでは、よく犬のアイコンとかでやってます。

Guest 02:43
yahooではリアクト使ってて、で、今回の相談タイトルはリアクトの回ってことで、現場から届けるリアクトプロジェクトの悩みと改善っていうタイトルでえ話しました。ま、内容については、もうタイトル通りなんですけど、

Guest 02:56
ま、実際に僕がやってるプロジェクトで、タイプスクプト入れたりとか、

Guest 03:00
リアクトに対してcssエースにしたりとか。まあ、なんかこうフォームをフォーミックにしたり、リラックスを

Guest 03:08
まあ、テクチャをこう変えたよっていう話をえさせていただきました。はい

Guest 03:13
いうところでまえ、そんなえまない内容としては、ま、結構いろんなえーモーラ的な話になったかなと思いますけど、それぞれについて聞いていければと思います。

3. フロントエンドの悩み ~ takepepe さんの場合 ~ 03:24

Guest 03:24
でえ、じゃあですね、今回え今回ということでまリアクト会についてまリアクトン色んなアプローチ、まいろんな面での課題についてっていう話された当談者が、えー集まってもらったっていう

Guest 03:34
ですけど、もまちょっとそれぞれの登山者についてまえ、最近ま、実際

Guest 03:39
登談の中では具体的な特定の実装の話だとか、もっとマクロな話とかがあったと思うんですけど、それぞれえま。

Guest 03:46
最近1番その中で感じてる課題感みたいなのを聞きたいなと思っていてま。それは全然技術的なものでも、非技術的なものでもいいんですけど、なんかあればっていうとこを聞き聞きたいんですけど、ちょっとあるぞって方いらっしゃいますか。

Guest 04:00
あ、お願いしますはい、

Guest 04:01
たけぺぺです

Guest 04:03
皆さんもまえ同じことかと思うんですけれども、結構フロントエンドエンジニアって、ほんとに業務が多くて、え、デボプスの話だったりとか。まあ、実装もそうなんですけども。

Guest 04:14
まあ、それにさ加えてアニメーションであったりだとか、え、さらには、そのbffのサーバーサイト

Guest 04:19
を実装したりだとか、かなり多岐に渡ることかなと思うんですね。で、僕自身もえ、実は結構そこをほとんどやってるような感じが、今のえ、現状です。

Guest 04:30
なので、今回アニメーションのそのえま機能ということで、え、それを言語化したんですけれど、も、え、そこの価値をどんどん突き詰めていくっていうこと

Guest 04:38
自体ができる。え、人間というのは、フルントエンドエンジニアだけなんですけど。え、やっぱりそこの時間さく時間というところが、どうしてもあの

Guest 04:47
足りないというか、そういうような、まあ、問題というか、課題には直面していますね。

Guest 04:52
今、その辺はなんかどういうアプローチで取り組まれてるんですか。その方に対しては

Guest 04:56
そうですね、やっぱり急いでやるしかないですね、実を急ぐしかないですし、まあ、あの、基本的にはそのプロープロジェクトマネージャーない。ディレクターとま。相談して、時間を咲くというようなこと

Guest 05:08
がえも、すごく大事にはなってくると思うんですけど、もまそ、このえ時間をさくにあたっても、やはりその説得できるま

Guest 05:15
ええ

Guest 05:15
内容だったりとか。

Guest 05:17
どうしてそこにえ、そんなに時間かかなきゃいけないの。っていうのは、ちゃんと言語化しないといけないっていうま、そういったえ、コミュニケーションもそうなんですけど、え、やり取りがすごくやっぱり大事になってきますね。

Guest 05:28
だから、逆にこうなったらいいのになみたいなってあります。そうやって取り組んでいく

Guest 05:32
そうですね、やっぱりデザイナーとま。議論しながら、こういう動きがいいんじゃないだろうか。とか、

Guest 05:39
もう少しこの画面設計ってえ、よくできるんじゃないかっていうような議論って、すごくえ、日常的に行われることなんですね。

Guest 05:46
なので、まそのえやり取りっていうのは、やっぱり大事なものですし、そうそういった時間がちゃんとえ避けるっていうのは、とてもうまいことかなとは思います。

Guest 05:55
ありがとうございますリーさんお願いします。

4. フロントエンドの悩み ~ liu さんの場合 ~ 05:58

Guest 06:00
あの、前回発表させていただいたペイジスタックの話ですけど、実際そこに話さないものもいっぱい話してなかったものもいっぱいありまして。それ結構

Guest 06:11
あの普通のクレジットラジーションだったら、プーシップオプで。まあ、多分90パーセントはカバーできるんですけど、実際のアプリケーションでは、そう

Guest 06:20
あのではないんですよね。例えば、あの1個前ではなくて、2個前とか3個前とか、

Guest 06:26
あと、ジョンいらない時とか、下からぎゅっと来るとか、色々。あの、エッジのケースがエジケース

Guest 06:35
がありまして、そこを対応するには、今、うん、今課題かなと思います。

Guest 06:42
それは気合でなんとかしてる感じですか。今

Guest 06:44
それはそれはうん、気合い、

Guest 06:52
正直あの、あの、例えば何かあのこのページサーをもバージョン1とか

Guest 06:58
おあのにすると、バージョン1はまあまあまあオッケーで次のバージョンにに向けて、その色々改善しないといけないものがありますね。

Guest 07:07
あ、また

Guest 07:08
またあれですよ。あの、ネイティブのように全部スタックされると、結構あのバンドのサイズが大きくて、でも、普通のあの

Guest 07:18
あのコードスプレーディングしたらな。また、そのトランジー州のところが影響されまして、それ

Guest 07:26
かけないといけなくて、うん、そうですね、今頑張ってる最中です。

Guest 07:31
じゃあ、ひとまずまペイジ、スタックバージョンワンではまそのニーティブらしい、

Guest 07:35
いいスタックができたけれど、それをもっと工夫するとか。まあ、左大化してるのをダイエットしていくというか、はいはいいって感じですね。

Guest 07:42
そうですね、まあ、目標としてはなんかオープン。あの、公開されるようにできればいいと思いますけど、まだまだ

Guest 07:51
そういうレベルになってない感じですね。

Guest 07:53
ページスタックで、ちょっと気になってることがあって、

Guest 07:57
あの流さんの実装されたアプリケーションって、割とあのウェブビューというか、はいだったりするじゃないですか。ページスタックって、どんどんウェにページが載ってくんで。はい、なんかある時、多分

Guest 08:09
メモリ的にはい

Guest 08:11
まずくなるタイミングがあると思ってて、なんかそういうのってどうされてるんですか。

Guest 08:14
はい、あ、あの、今はマックスのテプスレスの設定がありまして、まずっとスタックはされますけど、

Guest 08:22
あ、今気になるのは多分ドムノードムの数が多くなると問題になりまして、そこを例えばマックスコとか世間すると、下のあ、

Guest 08:33
一巻のもっと深い会社だったら、あのどもを消すとか。それはできます。はい、

Guest 08:39
それって、1番上のスタックされてるやつを消したら、そのなんだろう。

Guest 08:47
リミットになって消えた分ではそうです、下で復活してるんですか。そうです

Guest 08:51
ああ、なるほど、そうすると、例えば1番ユーザー的に多分1番気になるのは1個前ですよね。例えば、1個前の状態は多分たまに覚えてますけど、

Guest 09:01
5個以下のは多分覚えてないんですよね。だからそ、そちらに多分あのゼロから作り直しても多分気にしないかなというそうですね。

Guest 09:12
あと、

Guest 09:14
あの深くなるのも問題なんですけど、実際のアプリケーションにもよるんですよね。あの、普通のアプリケーションだったら、多分そこまで深くならない気がします。多分

Guest 09:24
1個いあのし、なんでしたっけ。掘り避けると、多分行き止まりになって、絶対あの

Guest 09:31
トップとかホームに戻らないといけないというケースが多くて、あとは無限に無限にさささ、無限にスタされるケースも

Guest 09:39
ありますけど、それが多分、あのレアのケースでは、それは特別対応が必要かなと思います。

Guest 09:45
じゃあ、大体は一覧から詳細みたいな感じなんで、まあ、そんなにページないだろうって感じですね。なるほど、

5. フロントエンドの悩み ~ sakito さんの場合 ~ 09:53

Guest 09:53
今鳥になりましたが、

Guest 09:55
毎回なんか最近取りが当談も取り合ったけど、まあなんかあれですね。僕の課題感っていうのは、

Guest 10:02
最近なんか、あんまフロントエンドっていうのは、その竹本さんの話に似てるんですけど、どうこう。周りを巻き込んでいくかっていうのが、最近のずっと課題で、僕の中

Guest 10:11
っていうのも、フロントエンドの画をどこまで通すかっていうところなんですよね。で、フロントエンドの画っても、タイプスケット入れるも、フロントエンドの画なん

Guest 10:19
もうフロントとかやりたいフロントの都合なんすよ、タイプスキートやりたいとか、シインジェやりたいとか、そういうのを

Guest 10:25
ビジネス側にどうやわかってもらうかもありますし、よりそのなんか、リーダー格の人って、やっぱりチームにもいると思うんですよ。フロントのチーム

Guest 10:33
で、そのメンバーはより体験を良くしたいとか、ファクタリングとか、そういうのをより効率よくしたいって考えてるけど、ま、タイプスって入れるとかで解決しようとしてるんですけど、

Guest 10:43
ビジネス側とか、そのよりチームを見てる側からすると、

Guest 10:48
やっぱり納期とかビジネス要件とか、デリース日が迫ってて、やっぱりそっちの戦いもあって、それをどうこう

Guest 10:55
なんですかね。どうそこに向けて一緒に歩んでいくかっていうところなんですけど、

Guest 11:00
あ、画を通しすぎると、やっぱりそのギリスピーが遅れるっていうのもわかりますし、ただ、そのフロントエンドの画を通さないと、僕たちはめちゃくちゃ苦しいっていうのがあって、

Guest 11:08
タイプスケルトは結構僕の方とか、なんか有識者で頑張って入れたりはしたんですけど、

Guest 11:16
やっぱりそれってま。最初所得はどうしても遅くなったりして、で、初速が遅いと、どうしてもネガティブなイメージになって、

Guest 11:25
なんか最終的には見たら長いスパンで見れば見るほどいいかもしれないですけど、やっぱりその近く直近の3か月とか半年

Guest 11:33
とかをこうビジネス側とか見てるんで、現実できるかできないかとか、

Guest 11:38
そこをどう説得するかとか、ま、そういったところをどう巻き込んでいくか、みたいなところは、めちゃくちゃどこまでやろうかとか、何を落とそうとか、

Guest 11:48
ここはどう妥協しようかっていうところをすごいデビューとかでも考えたりはしてますね。課題っていうか、はい、

Guest 11:57
そうですね、結構スタッフの切り替えって、やっぱり悩ましいところで、

Guest 12:00
僕も最近その昔作っていたそのコンポーネント結構ウェブでマークアップしたような。そういったリアクトのコンポネントがあったんですけど、それをまちょうどスタイルのコンポネントに書き換えていったりだとか、ま、そういったその

Guest 12:12
なんでしょうね。移行の期間ていうのが必ずあるんですけど、それをま以前のままやってしまうと、まこその先どうなるのかっていうのは、結局自分たちに降ってくることですし。うん、

Guest 12:24
そうですね、そこですね、まそ

Guest 12:27
ま技術的な話なんですけど、どううまく伝えていくのかだとか、ま、その先の個数が削減されるよとか、そういった伝え方ができれば1番いいんですけど、なかなか相関は難しいですよね。そう、

Guest 12:40
どうして伝えるなんか、チームがひろ、大きくなればなるほど、その文化の浸透は難しいなと思ってて、タイプスケートを使えば解決するじゃん。っていう人もいれば、タイプスキットなんて、ちょっと難しいからやめようよって、やっぱり人も出てくるわけで、

Guest 12:55
そういう人たちをどう巻き込んで、1人1人味方にしていくかっていう動きも最近結構悩んだりはしてますね。やってみればいいじゃんって言えば簡単なんですけど、そのやる時間、

Guest 13:05
もうやっぱりそのビジネス要件と比べると、やっぱりその11日って仕事結構大事で、個人プロジェクトじゃないんで、

Guest 13:13
ちょっとそこら辺をどう攻め合っていくかっていうのが、ずっと課題。

Guest 13:18
ほんと。大体スクリプトの良さなんて、もうお。各キャッチアップして、良さを

Guest 13:24
結構ボロになっちゃうんですけど、やればわかるなんですよね、結局はただそのやればわかるで、メリットがわかったってなる時が、

Guest 13:36
もう明日とかじゃないんです。何日もかけた結果、あ、最終的にこの体験っていいねみたいなことになるんで、それって、結構

Guest 13:46
じわりじわり広がっていく感じだと思うんで、それがなんかいきなりプロダクトに落とし込めるってわけではないんで、気づいたらなってるって思うんで、

Guest 13:55
振り返ってみたらよかったねってなるけど、振り返るまで誰も気づかなかったりもするので、ちょっとそこら辺難しいなみたいな。

6. 技術スタックと組織 14:04

Guest 14:04
ま、タイプスキットには結構話になっちゃってるけど、全部に言えて、パフォーマンスもどこまで追い求めるかとか、パフォーマンスって、

Guest 14:12
やっぱ理解してもらうのって、なんか、googleの勉強会で、シドさんとかも言ってたんですけど、

Guest 14:18
やっぱりパフォーマンスバジェットを設けるビジネス側の理解をこう得て、どれだけビジネスとかを巻き込んで、一緒にパフォーマンスここは保っていきましょう。ってやるかって言ってたんですけど、すごいそれがはやるの大変そうだなと思っちゃってて、

Guest 14:34
多ければ多いほど1人だ。1人説得すればいいんですけど、1人じゃなくて、やっぱり会社っていろんな人がいるんで、それを過半数を

Guest 14:44
持ち込まないといけないっていう

Guest 14:46
なんですよね。

Guest 14:47
ほんとにストーリーブとか、あと、テストとかに関しても全く同じような話ですよ。そうですね、

Guest 14:53
特に開発支援ツールの類いは実装したのはいいけど、じゃあ、それってこのプロジェクトって業務委託入ってくるいけど、いけるんだっけ。とか、なんかそういうメタ的な。

Guest 15:02
その採用戦略とか、その人員戦略的なところも、合理性をちゃんと出さないといけないんで、難しいですよね。

Guest 15:10
で、そういう観点でやっぱりフレマ選ばれるっていうなことも、やっぱ多いんでしょうね、きっとそうだと強いですね

Guest 15:16
そこについては、個人的にいけあ、個人的にはそこはリードとして、まあななんでした。特端

Guest 15:23
もう決めちゃえばっていう感じになる個人的には思うんですけどね。そうね、議論せずに、もうそれで行こうって話で、多分もしかしたら

Guest 15:33
スムーズにくれるかなと思います。そうですね、ただ、その最近それもま自分がやったりとかま、他のメンバーがやったりして、それやるとやっぱり

Guest 15:42
辛い部分があるんですよね。毒が限界があって、なんかやっぱり

Guest 15:46
その周りのそのビジネス側の評価とかま、そのやっぱり会社と評価されるものだから、その評価の中で

Guest 15:54
そうやればやるほど、その独断で決めれば決めるほど。いや、勝手にしないでくださいとか、ま、そういうのもどっかで多分あると思うんですよ。どっかのその潜在意識的なところで、

Guest 16:03
それで、そこら辺はずっと考えてて、やっぱり1人でやるのは限界があるし、チームだから、チームを巻き込んでいくのがより良いと思ってて、

Guest 16:13
それをどうこう広げていくかっていうところ

Guest 16:16
は、ずっと模索ししつつ続けてて、なんか最近すっちに興味があるみたいなところはあります。

Guest 16:24
結構なんか、メタ的な話が中心となってますね。

Guest 16:29
そこら辺に悩みがいえいえない技術的なところは、もうフロントエンド最近ないなと思ってて、

Guest 16:35
まあるっちゃあるんですよ。まだその情報は追ってるんで、あ、最新の新しいの出たなとは思うんですけど、やっぱりそれってどうビジネスに貢献できるんだろうって

Guest 16:45
ま、仕事では考えちゃって、そうなった時に、それをよりどう伝えるか、これをな。なんで入れるの。みたいな説明ができるかっていうところが1番

Guest 16:55
ポイントかなって思ってて

Guest 16:58
ま。1つ個人的に要素としてあるかなと思うのは、そういう技術的なチャレンジをそのプロダクトに取り込んで

Guest 17:05
ま。それは対外的にあの発表とかすることで、例えば、そのプロジェクトに入りたいって、優秀なエンジニアが入ってくるとか。ま、そういうところでは、もしかしたら貢献できるかもしれないなとは思いますけどね。

Guest 17:15
そ、そうですね、

Guest 17:16
プロダクトのま価値というかよ、世にまえ喪失してる価値とかま、そういったところよりも、やっぱりエンジニアとしてま。そういった環境で、あの成長していきたいっていう見るって

Guest 17:27
少なからずあるんですね、残念なことに。そうですね、なので、ま、技術スタッフが結構古かったりだとかっていうようなので、結構それ自体がもう負債になってしまって、

Guest 17:37
で、保守する人がいなくなってしまい、サービスがどんどんあの、辛いものになっていくっていうのは、やっぱりあることなので、

Guest 17:43
ま、そういった。まあ、ちょっとさっきの話なんですけど、まあ、節目節目を見て、ちゃんと新しいスタッフに変えてくっていうことも絶対大事ですし、そうです

Guest 17:54
タイミングも重要ですね。例えば、じあ、自分の考えなんですけど、1つのプロチケットが始まる前に、

7. 採用技術のライフサイクル 17:55

Guest 18:01
色々チャレンジして決めるのいいですけど、始まるともう変えない方がいいかなと思って、次のタイミングが多分、あのサービスのリニューアルとか、完全にその時点がないと、多分

Guest 18:14
買えない方が買えない方がいいかな。そうですね、新しいものがない限りは買えないって感じ、

Guest 18:21
大体走り出して決めたスタックリリース直後に変えようと決めたスタックリニューアルのサックみたいな感じになります。なりがちですもんそうですね、まあ難しい。

Guest 18:33
ちょっとその延長になるんですけど、そうなってるときに、最初に決めたスタッフがやっぱり行動って生き物なんで、うんま、そのさっきょたくさんとか、

Guest 18:41
チームが人数多い人とかっていう話がありましたけど、そうなってくると、自分の管理外ですごい

Guest 18:49
面白い行動ができちゃう面白い行動ができた時に、自分がその直面した時、メンバー他の新卒さんとか、中途さんが直面した時に、なんでこれこうなってるんですか。ってなった時に、あ、じゃあ変えた方がいいですね、じゃあ、いつ変えますか。

Guest 19:06
で、そこのリファクタリングをしないと、より、そこに負債が生まれて、最初1日で作れてたものが3日になって、5日やって、1週間やってって、実際はそのビジネス上

Guest 19:17
も影響を与えてるんですけど、それをどう伝えるかみたいなま、やっぱりそのやっぱり説明をする、そのタイミングをもらう時、

Guest 19:26
ていうところをその言語化するっていうところは、たべさんの説明を聞いてて、

Guest 19:32
アニメーションの動画を見てて、言語化って、ここまでできるとこんなに伝わるんだって思ってたんで、それを聞いて、最近ちょっと意識してる。

Guest 19:43
やっぱり悩むこと多いですよね。あの風船大事になって仕事が多いですし、割とまあサーバサドから

Guest 19:49
フロントエンドエンジニアに転向したような方もいらっしゃいますしま、デザイナーマークアップからえ、フロントエンドに転向したような人もま結構いるかなと思うんですけど、ま、そういった中で、えと、自分自身のアイデンティティと言いますか。自分て、

Guest 20:03
何の仕事ができて、自分にしかできないことってなんだろうって、すごくやっぱり悩むことって多いんですよね。そういうの、なんかこうずっと考えていると、

Guest 20:12
あのアニメーションってやっぱフロントフロントエンドしかできないことだし、こういったことが

Guest 20:17
ま、僕らの提供できる価値かなとかま、そういったアイデンティティーっていうところは、やっぱり常に。まあ、どんな仕事でも

Guest 20:24
ま考えていく必要があるようなことなのかなと思いますね。

Guest 20:28
確かに確かに

8. フロントエンドエンジニアらしい動き方 20:31

Guest 20:31
すね、割と今日の今聞いてる話って、フロントエンレンジア特有の話に近いかなとか、なんか、割と政治に近い

Guest 20:40
やだよなっていう感じがするんで、まただとはいえま、横断的な職種だと思うんで、あの、触るレイヤーっていうのがまだからこその説得とか

Guest 20:49
ていうのと、まあまた新しい技術が出る反面、現実をずっと輝き続けてるレイヤでもあるんで。

Guest 20:57
ま。トランスパイルみたいな大きな話から、まあ、実際そのこの技術はま、確かにでもこいつ車でしか動かねえじゃんみたいな話もあると思いますし、

Guest 21:05
結構まあそうやってまあ声を上げていく力とか

Guest 21:09
まえ現実をみ見ていく力まとはいえ、それこそ技術的な採用で言うと、ま先進的なものを採用しすぎると、人を捕まえられないけれど、

Guest 21:18
採を背負うとま、採用力に今後影響するっていうと、この販売の取り方みたいなのも大切なのかなと思うんで、

Guest 21:25
ま。結構考えることは多いレイヤーではありますよね。そうですね、

Guest 21:30
フロントエンドは僕はなんかあんまり技術、技術も確かに大事なんですけど、1番大事なのは、そのあのビジネス要求の人と、

Guest 21:39
デザイナーとサーバーサイドの間だから、そこの取り持ちをどう

Guest 21:45
うまく繋ぐかっていうところだと思ってて、最終的な。なんか、赤務ってなぜかフロントエンドに寄ってるんです。サーバーが遅れたデザインが遅れた、でも、実装するのいのみたいなところがあって、最終的な納期のギリギリのとこにフロントエンドだったりしてるんですよね、

Guest 22:00
出たことになります。そうですよね、

Guest 22:02
なんか、サーバーサイトの人がデータベースとか作ってくれて、bffに繋ぐを木ずっと作ってて、木で叩いてたら、実際はなんかちょっと違ったりとかもしたりして、そういった時に、

Guest 22:13
やっぱりコミュニケーションが足りなかったんだっていう反省点もやっぱりあるんですよね。やっぱり、いちいちいちいちちゃんと一緒で進捗追ってればその子にならないし、で、それって、ビジネス側にやらせるんじゃなくて、やっぱフロンテので知らないといけないし、

Guest 22:27
あ、uxで悪いなって思うところがあったら、デザイナーさんにも言わないといけないし、なんか最近響って言葉が流行ってたりしますけど、去年、一昨年ぐらいから

Guest 22:35
やっぱりそのそこら辺を越えていけるのは、フロントだよ。やっぱり、1番の強みっていうか、そこら辺を強みを出すのが1番。フロントエンドは、

Guest 22:43
僕的には、

Guest 22:45
なんか輝ける場所なのかなって思っ。

Guest 22:47
そういう意味では、そのいろんなところに対しても、発言していけるようなポジションでもようなえ、見方もできると思っていて、やっぱりそういった何かしらのパフォーマンスの改善だとか、

Guest 22:59
あ、uiの怪人だとかっていうのは、まあ、もちろん、

Guest 23:03
デザイナーサーバーサイトの意見もあると思うんですけど、ラントエンドのま観点からして、こういった改善ができるんじゃなかろうかとか、ま、そういった発言できるま、そういった場所でもあるなと思っていて、

Guest 23:14
そそのま提案ですかね。そういったものをま、サービスに対して、どんどんえ貢献していけるような。そういった動きっていうのは、どんどん明示していくと、

Guest 23:23
やっぱりえ、ビジネスとか、あ、マネージャーとかもえ、ちゃんと見てくれてるなとは思いそうですね。

Guest 23:30
イベントとかでえ、話してるとま、どうしてもリアクションで来てください。って言ったら、みんなリアクションの話するしかなくなるんで、

Guest 23:36
そういう話ってあんまする機会ないかなと思うんですけど、ま、この医薬と会のアフターショーで、まさかのメタ的な話が

Guest 23:45
面白い話までも、実際まフロントエンドエンジニアってのが思ってるような、そういうところが多いと思うんで、ま、結構いい話になったんじゃないかなと思います、ありがとうございます

Guest 23:55
というところでえまあ、せっかくですので、皆さんもしえー宣伝したイベントとかえ、何かあれば、ちょっと宣伝タイムってとこで

9. 宣伝タイム 23:56

Guest 24:03
軽くえご紹介していただければと思いますが、皆さんありますでしょうか。じゃはい、どうぞ

Guest 24:10
はい

Guest 24:11
えでdnaデザイン本部デザイン、エンジニアラグループでは。え、定期的にフロントエンドで乾杯というイベント勉強会を開催してます。

Guest 24:20
そういったところで、現場で働くフロントエンドエジニアと交流ができたりしますし、

Guest 24:25
社会のいろんな方々をお呼びして、え、面白い勉強会を開催していますので、え、ご興味ある方、ぜひえお越しください。あとですねえ、

Guest 24:34
もちろんえ。フロントエンドエンジンには採用しておりますので、え、uiを作っていく。そういったことで、サービスに貢献していきたい、そんなフロントエンドエンジンは募集しています。

Guest 24:45
ありがとうございます

Guest 24:46
はい、

Guest 24:48
僕もちょっといろいろイベントやってるんですけど、フロントえ、あのボンファイアフロントエンドっていうyahoo株式会社主催の、まあ、ボンファイヤっていうデザインとか、iosとかandroidとかっていう、

Guest 25:00
まろんな領域の中、え、一緒にコミュニティーを作っていこうって、中のフロントペンドワーをえやってまして、

Guest 25:08
4月15日だったっけな、これが公開されたかどうかわからないんですけど、4月15日にサイバーエージェントさんとコラボして、まあ、サイバーとyahooで

Guest 25:17
たの技術コミュニティを盛り上げていこうみたいな感じで、ちょっと作ったイベント。え、サイバーエージェントさんの

Guest 25:26
アベマタワーズ、新しいところですね。これ、正式名称あってるかわかんないでやります。あと、それ

Guest 25:32
の延長で延長っていうか、元々これが元なんですけど、インサイドフロントエンドっていうのを5月18日に

Guest 25:39
えやります。で、まだえ。正式な情報とかは公開できてないんですけど、もうすぐ公開予定なので、ぜひ来てください。

Guest 25:47
りさんどうぞ。ああ、なんか話したいことがあれば、あ、はいはい、一旦

Guest 25:54
なんか今の世界中に多分流行ってるトレンドというか、あ、そのその中の1つは多分あのフィンテック金融系かなと思いまして。その中にフランテンドはどうやってその波に乗れるかな。

Guest 26:07
そういう課題を抱えてるファンテンジだったら、ぜひ。あのマフィナンシャルフランテンドのポジションに応募していただければ出す。嬉しいです。はい、

Guest 26:17
お願いします、

Guest 26:18
ありがとうございます。

10. クロージング 26:21

Guest 26:21
まあ、というところでえ、今週のえ、UIT INSIDEはえ、以上とさせていただいただきたいと思います。え、今回はですね。まえ、UITイベントのアフターショーっていうところで、まリアクト会なんですけど、リアクトの話ではない。

Guest 26:34
やっていきましたっていうとこですで、ちょっとですねえ、LINEUITsではですねえ、ギットハブ1周ベースで毎週ですねえ、フロントエンドについての議論を行っております。え、ま、ちょっと詳細はですね。ちょっとえ、今回省略さしてもらって、ショートの

Guest 26:48
えかければと思いますけど。また、ウィッシュで議論をして、まあ毎週金曜日に

Guest 26:53
えー会議室書いてま、みんなで情報共有会やっているって感じです。実は今実は今日のえ、収録はその会議室をそのままえ借りて、デステオでやってるみたいな感じです。

Guest 27:03
ま、その他にもですねま、情報があればえし本人に書いておきますので、ぜひぜひえご覧いただければと思います。ということでえ、今週のUIT INSIDEはえ、UIT。ボリュームロックのアフターショーというところでした。え、皆さんありがとうございました。