はじめに 現在(2022年1月14日)ではReact18のConcurrent RenderingはExperimentalな機能なので、リリースされるころには変わっている可能性がありますが、素振りやコンセプトは体験して […]
データ取得のための React Hooks ライブラリ「SWR」をNext.jsで試してみた
こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 Next.jsと同じチームによって作成されている、データ取得のための React Hooks ライブラリとして「SWR」というライブ […]…
公式チュートリアルでNext.jsに入門してみた (4) 〜デプロイ編〜
こんにちは、CX事業本部 IoT事業部の若槻です。 フロントエンドフレームワークNext.jsへの入門のために、次の公式チュートリアルを数回のシリーズに分けてこなしていき、基本的な機能に触れていこうと思います。 Crea […]…
公式チュートリアルでNext.jsに入門してみた（中編）
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、今までフロントエンドフレームワークはプレーンなReactしか使ったことがなかった私が、公式チュートリアルでNext.jsに入門してみた、の（中編）です。 （前編 […]…
公式チュートリアルでNext.jsに入門してみた（その1）
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、今までフロントエンドフレームワークはReactしか使ったことがなかった私が、公式チュートリアルでNext.jsに入門してみた、の（その1）です。 Next.js […]…
デザインツール「Framer」の「Handshake」機能をNext.jsで試してみた
こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 「Framer」というデザインツールには、デザインしたコンポーネントをそのままコードにインポートできる「Handshake」という機 […]…
[小ネタ]Next.jsのコンポーネントレベルCSSでハイフン付きのクラス名を利用する方法
こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 Next.jsのコンポーネントレベルCSSで、ハイフン付きのクラス名を利用する際に少し悩んだので記載しておきたいと思います。 コンポ […]…
Next.js でリアーキテクトした話 / story-of-re-architect-with-nextjs
Transcript Next.js でリアーキテクトした話 JSConf JP 2021 @Takepepe 吉井 健文 / Takepepe 株式会社リクルート 横断エンジニアリング部 APソリューショングループ フロントエンドエンジニア・アーキテクト リクルートでの働き方 横断組織の一員として、 社内事業ソフトウェア開発・技術支援をしています。 主に、得意…
より速い WEB を目指す Next.js / nextjs-make-the-web-faster
Transcript より速い WEB を目指す Next.js 【Next.js Update!】 v12リリースを踏まえ、Next.jsの採用を考える 吉井 健文 / Takepepe 株式会社リクルート APソリューショングループ フロントエンドエンジニア・アーキテクト Agenda ▪ 前半：Next.js Conf 2021 おさらい ／ ▪ 後半：Next.js 12 発表をうけて ▪ Static x…
オープンソースで話題のBaaS「Supabase」を使ってみた
はじめに オープンソースでありながら公式サイトで「Firebase Alternative」と謳っている巷で話題のBaaS (Backend As A Service)の「Supabase」をNext.jsで試してみまし […]