気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
susisu.hatenablog.comエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント4件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.js でよくある一覧 + 詳細画面を作る - Object.create(null)
あの日見たパターンの名前を僕たちはまだ知らない. よくある一覧 + 詳細画面を作りたい 例えば TODO ア... あの日見たパターンの名前を僕たちはまだ知らない. よくある一覧 + 詳細画面を作りたい 例えば TODO アプリで, /todo にアクセスしたらタスクの一覧を, /todo/42 にアクセスしたら一覧は表示したまま ID = 42 のタスクの詳細を表示する, というよくあるパターンの画面を作りたい. 世の中の実例としては Asana や, URL の形は異なりますが GitHub の Projects なんかがこういう感じですね. /todo で一覧, /todo/42 で一覧 + 詳細 技術的には要するに SPA なのでやればできるはずなんですが, これを Next.js (App Router) 上で作るにはどうしたら良いかという話をします. 素朴な実装は微妙 Next.js はファイルシステムベースのルーティングを行います. ということで最も素朴には以下のようにファイルを配置すれば
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
susisu.hatenablog.com
susisu.hatenablog.com
susisu.hatenablog.com
susisu.hatenablog.com
anond.hatelabo.jp
mainichi.jp
www.47news.jp
younganimal.com
prtimes.jp
www.sankei.com
note.com/kotaro_kinoshita
anond.hatelabo.jp
speakerdeck.com/irof
zenn.dev/bitkey_dev
zenn.dev/sunagaku
www.gizmodo.jp
cookpad.com
turgenev.hatenablog.com
cookpad.com
cookpad.com
cookpad.com
cookpad.com
www.hotpepper.jp
engineers.ntt.com
onaji.me
www.hotpepper.jp
2025/11/04 リンク