ローカルファーストのアプリケーションがこれから流行る理由
ローカルファーストのアプリケーションがこれから流行る理由 はじめに 久しぶりの技術記事です。 今回はこれから絶対に流行ると思われるローカルファーストのアプリケーションとはどのようなものかをまとめ...
0
0
Comment0
114 search resultsShowing 1~20 results
Stocked
You need to log-in
Rorkについて
はじめに モバイルアプリ開発の世界は急速に進化し続けています。React Nativeの登場により、一つのコードベースでiOSとAndroidの両方に対応できるようになりましたが、それでも開発に...
0
0
Comment0
[Next.js 15.3]新機能の「useLinkStatus」と「onNavigate」を使ってみる
はじめに Next.js15.3のアップデートで、Linkコンポーネントの新しいプロパティである「onNavigate」と、ナビゲーションフックである「useLinkStatus」が導入されまし...
1
0
Comment0
Tursoを軽く触ってみた
はじめに Tursoを触ってみたので、Next.jsでTursoからデータ取得ができるまでのやり方を書いていきます。 ドキュメント等 Tursoとはなんぞや Tursoは軽量で高速なSQLite...
1
0
Comment0
Next.jsで実装する場合に、セキュリティ面で気を付けること
はじめに 以下のYoutubeで解説されていた内容が勉強になったのでまとめた。 ポイント ・Propsで渡す情報に気を付ける ・SeverActionsに注意する ・認証チェックをする場所につい...
2
3
Comment0
Next.js 15.2 アップデート内容まとめ
はじめに Next.js 15.2が出たので、アップグレード内容について書いていきます。 アップグレード内容 主なアップグレード内容は以下となります。 エラーUIとスタックトレースが刷新 Str...
0
0
Comment0
[React] StrictModeについて
はじめに Reactアプリケーションを作成していると、コードが2回実行されます。(主に開発環境で)が、それは、ReactのStrictModeが機能していることが要因です。 StrictMode...
0
1
Comment0
カスタムのSuspenseを作ると便利
はじめに 最近のReact, Next.jsを用いたアプリケーション開発では、Suspenseを用いることが必須となっています。 今回は、Suspenseコンポーネントをカスタムで作成して、場所...
2
0
Comment0
[React, Next.js] 気になったUIコンポーネントライブラリをまとめた
はじめに 昨今のReact, Next.jsを用いたアプリケーション開発では、UIコンポーネントライブラリを用いることが一般的となっています。 そこで、気になったコンポーネントライブラリをまとめ...
1
0
Comment0
shadcn/uiを使って、ダークモードUIを簡単に実装してみよう🌕🌞
はじめに shadcn/uiではダークモードUIを簡単に実装できます。 ぜひ試してみてください。 今回は、Next.jsを使って、実装しています。 実装 「next-themes」をインストール...
3
1
Comment0
[神機能]React Compilerに触れてみた
React Compilerとは React Compilerは、Metaが開発した新しいコンパイラで、ビルド時のみに実行されるツールであり、Reactアプリを自動的に最適化してくれます。 Re...
6
5
Comment0
[Next.js]PPRについて
PPRとは PPR（Partial Pre Rendering）とは、静的コンポーネントと動的コンポーネントを同一のルート内で組み合わせることを可能にする機能です。従来のレンダリングモデルのメリ...
3
0
Comment1
React19でリリースされたhooksを覚えよう
はじめに 12/5に、React19が正式リリースされました。 その中で以下のhooksがstableとしてリリースされたので、使い方など書いていきます。 特にuseActionStateは、か...
4
3
Comment0
[Next.js]use cacheについて学んだ
はじめに use cacheについて学んだので、学んだことを書いていきます。 use cacheとは use cache ディレクティブは、コンポーネント、関数、またはファイルをキャッシュ対象と...
0
0
Comment0
Next.js 15.1の主なアップグレード内容
はじめに Next.js15.1が出たので、気になった内容をまとめてみました。 間違いなどありましたら、コメントなどで教えてください。 各種コマンド Next.jsの最新バージョンにアップグレー...
0
0
Comment0
HonoがJSXを提供しているので使ってみた
はじめに HonoはTypeScriptファーストのWebフレームワークとして知られていますが、JSXもサポートしているので、それについて書いていきます。 Honoとは Honoとは何かについて...
2
0
Comment1
PlaywrightでE2Eテストを自動化する
はじめに E2Eテストについて学んだので、備忘録程度に書いていきます。 E2Eテストとは E2Eテスト（エンドツーエンドテスト）とは、システム全体をユーザーの視点からテストし、期待通りの動作をし...
0
0
Comment0
[React]カスタムフックについて
カスタムフックとは Reactのカスタムフックは、特定の機能やロジックを分離して再利用可能にすることで、コンポーネントコードの整理に非常に役立ちます。 本記事では、APIからデータを取得するため...
0
0
Comment0
楽観的UI更新について
楽観的UIとは？ 楽観的UIとは、ユーザーの操作が完了する前に、その結果を即座に画面に反映させる技術です。通常、データがサーバーと同期されるまでの待ち時間を短縮し、ユーザー体験を向上させることが...
0
0
Comment0
SupabaseでSMTP設定を行う手順(Gmail)
はじめに SupabaseでSMTP設定をGmailで設定したので、設定手順を備忘録として残しておきます。 メール送信のリミット数の制限も行いました。 前提条件 ・Googleアカウントが作成済...
7
3
Comment0
114 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles