こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 今回は1月30日に行われたフロントエンド情報共有会の議事録を公開します。 client-preset最近GraphQLに関する話題をよく見ますが、その中でもclient-presetに関するわかりやすい記事がでていたので共有 GraphQL Code Generator v3 Roadmapで推されているclient-presetを紹介する Twitterでも見かけました 今日の社内のフロントエンド座談会 ・Fragment Colocation するとき Relay の構造化されたフラグメントコロケーション実装は良いよね ・https://t.co/bVPOkpEz2n これを使うと GraphQL クライアントの実装に依存

[State of frontend 2022 / Zod / JSConf.jpなど]フロントエンド情報共有会議事録 2022/12/05 こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 今回は12月5日に行われたフロントエンド情報共有会の議事録を公開します。 State of frontend 2022State of frontend 2022 2020年と比べてReact,Vue.jsなどは変わらずの人気、Angularは下がった 学びたいフレームワーク 2020年と比べるとReact,Vueは習得済みな人たちが増えた その上でSvelteなどが人気 ライブラリ いまからMoment採用は少ないだろうけど、使われてはいる。 GraphQLの影響でApolloが人気。

こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 今回は11月7日に行われたフロントエンド情報共有会の議事録を公開します。 Zod気になってるんで軽く話してほしいメンバーが記事を書いてくれました！ React Hook Form v7 + MUI v5 + zod v3を使ったコンポーネント実装例 情報共有会で集まったネタをナレッジ化するアプリをシルバーウィーク引きこもって作ってた話せっかく情報共有会をやっているので、ナレッジ化しようとアプリを作った。 社内で使うときはサブ端末にのせて使う 技術選定 FE: Next.js(CSR) UI: Chakra UI データフェッチ: SWR フォーム: React Hook Form + Zod API: Next.js(API

こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 今回は9月12日に行われたフロントエンド情報共有会の議事録を公開します。 :has()内で:contains()を使用するとjQueryが壊れる参考： https://github.com/w3c/csswg-drafts/issues/7676 https://github.com/jquery/jquery/issues/5098 Chrome 105で:has()疑似セレクタが実装された jQueryには元々:has()拡張セレクタが実装されていた :has()の中で:contains()拡張セレクタを使用するとjQueryが壊れる T3 Stack参考： - フロントエンド界隈で新しく提唱されているT3 Stackにつ

こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 普段は社内で集まって情報共有会を行いますが、現在はオフィス出社とリモートワークと別れているので、オンラインで行いました。 今回は8月15日に行われたフロントエンド情報共有会の議事録を公開します。 React Server Componentsの仕組み：詳細ガイド参考：React Server Componentsの仕組み：詳細ガイド RSCがようやく実際に使えそう。 コンポーネントのレンダリングをサーバー側で行う。 SSRとは違うもの。 コンポーネント単位でサーバー側かクライアント側かでレンダリングを分けられる。 バンドルサイズを減らすことができる。 クライアント側のコンポーネントのレンダリングを待っていたとしても、React

こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 普段は社内で集まって情報共有会を行いますが、現在はオフィス出社とリモートワークと別れているので、オンラインで行いました。 今回は８月１日に行われたフロントエンド情報共有会の議事録を公開します。 他社フロントエンドチームブログいつも勉強させて頂いている他社フロントエンドチームのブログの共有。 ランサーズ 食べログ サイボウズ HRBrain ミツエーリンクス Bunリリース 参考記事 - 【Bun】新しいJavaScriptランタイムについてふわっとまとめた - Node.jsを過去の物にする最速の肉まん 中の実装を知るならZigを学ぶ必要がある。 エンジンはv8ではなくJavaScriptCore ベンチマークは有利にとってそ

こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 今までも共有会の内容は議事録として、社内のチャットツールで共有していましたが，noteの運用も始まったのでせっかくなので社外へも共有することになりました。 今回は７月４日に行われたフロントエンド情報共有会の議事録を公開します！ TwitterからのフロントエンドネタCSSのenv関数 OSの領域は CSS の env関数を使うことで取得できます。 例えば下部固定メニューに iOS のホームバー領域分のpadding を設定したいとき。 env(safe-area-inset-bottom) で、ホームバーが viewport に干渉しているときのみ padding が入ります。 pic.twitter.com/ak0phPSv

こんにちは。ラクス フロントエンドチームの亀ノ上です。 唐突に悲しいお知らせの紹介からとなってしまいましたが、それ程の衝撃でした。 突然のことで社内でも話題になったのですが、そんな中で「Sunsettingという表現がおしゃれですね」という声もありました。調べたところ海外では開発終了をSunsettingと表現するみたいですね。 Sunsettingと聞いて、Atomエディタは確かに長く、そして多くのエンジニアに光を照らしてくれたエディタであったと感じました。 そこで今回は初心に帰る思いで、社内エンジニアにエディタに関するアンケートをとってみました。Atomを始めとしたエディタへの思い出を紹介しつつ、ついでに使用エディタの参考にもなれば幸いです。 どちらかというと思い出メインなので、一緒に懐かしんでもらえると嬉しいです！ 回答頂いた職種こちらは参考としてアンケートに答えて頂いた職種のグラフ