フロントエンドチーム 情報共有会【12月号】
こんにちは、ラクスのフロントエンド開発課の北嶋です。
今月もフロントエンドチームでは、メンバーが気になった記事などを共有する情報共有会を実施しました!
そこで共有された内容をいくつか抜粋して、メンバーのコメント付きで紹介していきたいと思います。
ぜひ気になる内容がないかチェックしてみてください!
共有内容
最近話題のReact Scanの話
<コメント>
便利そう、親子コンポーネントでレンダリング考慮しなきゃいけないの大変ですね…
お手軽で良さそう、Profilerつらい
公開URLに対してもサクッと試せそうなんでいいですね!
<個人的な感想>
パフォーマンス改善において重要な「どの部分が無駄に処理されているのか?」といったボトルネックの洗い出しが簡単に行えるとのことで、非常に有用なツールだなと感じました。パッとお手軽に試せそうなので、自分も早速入れて試してみようと思います!
記事のおまけの作者がGithubに対してツールを使うように提言しているのが面白いですね笑
mizchiさんの「パフォーマンス計測-調査編-」イベントが大変参考になりました
<コメント>
WebSpeedHackathonでも似たようなことをした記憶があり、やはり大体やり方同じなんだなと思いました
イベント見てなかったんですがあまりにも知らないことが多かったので見て勉強します
パフォーマンステストうまくやれてない…
devtoolまだまだ知らない機能ありそう、、
パフォーマンス奥深いなあ...
<個人的な感想>
書籍で学ぶのも良いですが、具体的に実践ではどう進めていくのかが動画形式で見れるのは非常に有り難いですね。すぐに現場で活かせそうです。
devtoolについても「そんな使い方があったんだ」「そういう見方をするのか」と勉強になることが多く、フロントエンドエンジニアに限らずWeb開発に携わる全エンジニア必見の動画なのでは?と感じました。
GitHub Copilot のカスタム指示の追加
<コメント>
自分が使いこなせてないのがよくわかりました
AIの進化が速すぎる
gptデスクトップアプリ使ってみようかしら
<個人的な感想>
カスタム指示できるの知りませんでした、、すべての質問に対しての前提条件を追加しておけるのはとても便利そうですね。
VSCode上で行うCopilotとのやりとりは、Web開発に関するものが主なので、「あなたはWeb開発に携わるエキスパートエンジニアです」という旨の前提条件を設定して早速試してみたいなと思いました!
JavaScript質問集
※React版もある
<コメント>
バージョン差異に苦労しそう
Leetcode以前やってました
<個人的な感想>
この質問集はJavaScriptやReactに対する理解を深める意味でとても有用だなと感じました。これだけ質問の数があると、自分の理解が弱い部分についても整理できそうな気がします。
チームで読み合わせしても面白そうだなと感じました。
Webフロントエンド DXCriteria をながめる
<コメント>
強い部分と弱い部分がイメージしやすい、やるべき事は多少できているかなと
チームやラクスで足りてない部分が見えてきて良さそう
サービス単位で改善すべき箇所を洗い出して、優先度決めて改善していくとかはありかな
<個人的な感想>
このようなガイドラインが公開されているのは、チェックリスト的に活用できますし、とても助かりますね。コメントにもありますが、チームや会社として強い部分・弱い部分が洗い出すのにとても有用だなと感じます。
まずは小さくサービス単位で「どういう部分が弱くて」「どう改善していくと良さそうか」を話し合うための参考にしてみようと思いました!
終わりに
12月は北嶋が執筆させていただきました。
来月はまた別のメンバーが担当しますので、ぜひご期待ください!
「ラクス フロントエンドチーム」のアカウントをフォローしていただくと記事が見つけやすくなりますので、ぜひご検討ください。
最後までお読みいただき、ありがとうございました。
よろしければ、記事への「スキ」をお願いします!
採用情報
https://career-recruit.rakus.co.jp/engineer_jobs/frontend_tokyo/
https://career-recruit.rakus.co.jp/career_engineer/