Vercel, the well-funded company behind the popular Next.js React framework, today announced the launch of Next.js 12 during a keynote at its annual conference. While Next.js, by default, mostly focuses on helping developers build static sites, Next.js 12 introduces what Vercel calls ‘middleware’ that makes it easier for developers to provide users with personalized content. […]
MUI v5とReact Hook Form v7でサクッとフォームバリデーションを作る
Material-UI v4とReact Fook Form v6を使い続け、幾多の時が過ぎていた浦島太郎状態の片岡です。 今回は新しいプロジェクトを作る際に、MUI v5（v5でMaterial UIからMUIに名称変 […]
【React】カスタムフック で作る useBool
Reactでカスタムフックのサンプル useBool を作ってみます
Raspberry PiとAWSを利用して子どもたちのゲーム時間を可視化してみた
こんにちは、CX事業本部MAD事業部の森茂です。 突然ですが、我が家の子どもたちにとってゲームの時間はとても重要で、1日の制限時間は1秒たりともムダにできません。 おとな：もう3時間はゲームしてるんじゃない？ 子ども：ま […]…
[CodeSandbox] サンドボックス（Reactアプリ）をホスティングサービスにデプロイしてみた
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、CodeSandboxのサンドボックス（Reactアプリ）をホスティングサービスにデプロイしてみました。 CodeSandboxでデプロイ可能なホスティングサー […]…
React Hooks `useState` and `useEffect`
Introduction From Version 16.8.0, React witnessed a notable introduction of ‘Hooks’ which allows us to use sta […]
紙吹雪をふらせる React のコンポーネントを作成する
紙吹雪をふらせる React のコンポーネントを作成してみます。作成物は以下になります。 hbsnow-sandbox/example-css-confetti 準備 hbsnow/template-nextjs-tai […]
React Native と事業速度について React Native Matsuri で喋りました
10/02 に開催された React Native Matsuri で登壇してきました。当日のセッションは動画で公開されています。私は 1:49:41 から喋っています。 喋ったときの資料を主張をまとめるために調査した内 […]…
Reactアプリでの「Warning: Each child in a list should have a unique “key” prop.」の回避はコンポーネントの呼び出され側ではなく呼び出し側で行う
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、ReactアプリでのWarning: Each child in a list should have a unique “key” prop.の回避はコンポー […]
React でどこまでユーザーがコンテンツを見たか既読管理してみる
西田@大阪@MAD事業部です Reactでユーザーがどこまでコンテンツを見たか、既読管理をする仕組みを調べてみました ユーザーがコンテンツを見たか判定する仕組み コンテンツが viewport に入ったらユーザーがコンテ […]…