こんにちは、森田です。Node.js のバージョン管理ツールは色々ありますが、Volta がとても便利だったので紹介します。今後は Volta が使われることが多くなると思います(すでにそうなっているかもしれません) V […]
【React × Cypress】長文の入力をテストするうまい方法
こんにちは、 Gaji-Labo フロントエンドエンジニアの茶木です。 cypress に最近ガッツリと挑戦しています。新しいことがわかると楽しいですね。 inputへの長文の入力テストを書くときのちょっとしたテクニック […]
react-beautiful-dnd でドラッグ&ドロップ中のスタイルを実装する
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、前回の記事に引き続き、ドラッグ&ドロップが可能なリストコンポーネントを作成する React 用ライブラリ react-beautiful […]
GraphQL Code Generaror で CMS の API の型を生成する
GraphQL Code Generaror で型の恩恵を受けよう!
【React】コンポーネントの出し分けを読みやすく書く
こんにちは、 Gaji-Labo フロントエンドエンジニアの茶木です。 普段、頭の中で完結している作業を文章に落とし込むことで発見があると思い、コンポーネントの出し分けを読みやすく書く方法をまとめました。 流れを重視して […]
react-beautiful-dnd でドラッグ&ドロップが可能なリストコンポーネントを作成する
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、ドラッグ&ドロップが可能なリストコンポーネントを作成する React 用ライブラリの react-beautiful-dnd を触る機会 […]
TypeScript で書く Next.js のページコンポーネント
Next.js のページコンポーネントを型でかっちり書く方法を紹介します!
テキストが省略されているかどうかの判定を行ってくれる React カスタムフックを作る
こんにちは、 Gaji-Labo アシスタントエンジニアの石垣です。 今回は、テキストが省略されているかどうかの判定を行ってくれるReact カスタムフックの作り方をまとめたいと思います。 今回ご紹介する実装は、Code […]
【React】カスタムフック で作る useBool
Reactでカスタムフックのサンプル useBool を作ってみます
Storybook の Controls を触ってみる
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、Storybook 6 で追加された Controls という addon を触る機会があったため、使い方をまとめてみたいと思います。 本記事で […]