🔥Hono × 🥟Bun × 🔼Next.jsでWebアプリ開発ハンズオン - Qiita

フロントエンドをReact(Next.js)にするとしてバックエンドをどうするか。選択肢の一つとして「Hono」はいかがでしょうか。今回は、ここ数年で人気急上昇のHonoというフレームワークを試してみました。また、JavaScriptのランタイムにはBunを使い、とにかく速...

Qiita
TanStack Queryでいい。もう自分でやらなくていい。 - Qiita

TanStack Query — 毎日手動でやっているデータフェッチの悩みを解決する useEffect + useState でデータを取得しているなら、この記事はあなたのためです。 その方法が間違っているわけではありません。ただ、本来やらなくていいことを自分でたくさ...

Qiita

「あなたの絵には価値がある」を形にした。お絵描きSNS『画HACK』を開発しました
https://qiita.com/yuuki_0524/items/193360dcb3e18c8c96ac?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Rails #個人開発 #Next_js

「あなたの絵には価値がある」を形にした。お絵描きSNS『画HACK』を開発しました - Qiita

はじめに 都内のスタートアップでエンジニアをしています。 この度、絵のSNS的なWebアプリ「画HACK」を開発したので紹介させてください。 このサービスは、私が未経験の頃にRails / Reactで初めて作成したアプリをベースに、3年ほどかけてRuby on Rail...

Qiita
Next.js App Routerで多言語対応を最短で実装する — next-intl実践ガイド - Qiita

Next.jsプロジェクトに多言語対応を導入する — next-intlで実装するi18nの実践ガイド はじめに グローバル展開を視野に入れたプロジェクトや、日英・日中など複数言語を扱うサービスを作るとき、i18n(国際化)の仕組みをどう設計するかは意外と悩みどころで...

Qiita
Zustandを使って気づいた、もっと早く知りたかった7つのこと - Qiita

はじめに Reactアプリが大きくなってくると、「prop drilling」という問題に直面します。コンポーネントツリーの深い場所にあるコンポーネントにstateを渡すために、3〜4層を経由してpropsをバケツリレーしていく、あの問題です。よく使われる解決策は us...

Qiita
【Next.js App Router】キャッシュ機構について - Qiita

本記事は TypeScript + Next.js 学習リポジトリ の実装をベースに、Next.js App Router の キャッシュ機構 を体系的に解説します。 はじめに Next.js は「速い」と評価されますが、その理由のひとつが 強力なキャッシュ機構 です...

Qiita

【LIFF】「店舗コードが指定されていません」と出る → クエリパラメータが消える問題と解決法
https://qiita.com/jota9613/items/eda1cc6adaa681dcc6f2?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #LINE #React #個人開発 #Next_js #LIFF

【LIFF】「店舗コードが指定されていません」と出る → クエリパラメータが消える問題と解決法 - Qiita

はじめに LIFFで店舗コードを ?code=XXX で渡そうとしたら、リダイレクト後に値が消えてエラーになりました。 原因は liff.init() を呼ぶ前にクエリを取りにいっていた こと。 ざっくりイメージ(空港の手荷物に例える) LIFFの認証は 空港の保安検査...

Qiita
React Hook Form 入門 Part 3 — Controller と useFieldArray を実務で使いこなす - Qiita

React Hook Form 入門 Part 3 — Controller と useFieldArray を実務で使いこなす 読了時間の目安: 約15分 · React Hook Form v7 対応 シリーズ構成 Part 1: RHF の仕組みを理解してから使...

Qiita
新人エンジニアこそ「個人開発」をやろう。完全無料で始めるCloudflareスタック入門 - Qiita

新生活が始まり、限られた時間の中でどう成長していくかは多くの新人エンジニアにとって共通のテーマではないでしょうか。 数ある学習法の中でも、インプットした知識を「実力」に変えるためのステップとして、今回おすすめするのが個人開発という選択肢です。 はじめに 新人エンジニアとし...

Qiita
React Hook Form 入門 Part 1 — 仕組みを理解してから使う - Qiita

React Hook Form 入門 — 仕組みを理解してから使う Part 1 読了時間の目安: 約10分 · React Hook Form v7 対応 「とりあえず動いた」ではなく、なぜ動くのかを理解しながら React Hook Form(以下 RHF)を使えるよ...

Qiita