Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • これからNext.jsを始める人に注意してほしいセキュリティ事項
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

219usersがブックマークコメント11

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        これからNext.jsを始める人に注意してほしいセキュリティ事項

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント11件

            • 注目コメント
            • 新着コメント
            hylom
            記事の話題からは外れるけどDB設計の時点で機密情報を入れるテーブルは分けたほうがベターだと思う、冗長になるけど毎回クエリ結果をチェックして不要な機密情報を除外するのはちょっと危うい

              その他
              tohokuaiki
              へぇ。普通な感じなんだけど、Next.jsはクラサバの垣根が書いてて曖昧になりがちな気もするので難しそうだわな。

              その他
              turanukimaru
              DTOと言うかプレゼンテーション？API公開用にアノテーション貼りまくりオブジェクトを用意して変換して出力するのが鯖側では常識のような。内部構造をリファクタリングしたときに外部に伝わるとクライアントが困るから

                その他
                shingo-sasaki-0529
                クライアントコンポーネントが props で秘匿情報を受け取ってしまうみたいなミスのリスクもあるから、DTO みたいな限られた型で props を定義するように心がけたほうが良さそう。

                  その他
                  poad1010
                  この記事をおすすめしました

                  その他
                  turanukimaru
                  turanukimaruDTOと言うかプレゼンテーション？API公開用にアノテーション貼りまくりオブジェクトを用意して変換して出力するのが鯖側では常識のような。内部構造をリファクタリングしたときに外部に伝わるとクライアントが困るから

                    2025/01/06リンク

                    その他
                    hiroomi
                    How to Think About Security in Next.jsにあるように、DBのデータなどを扱うレイヤーの選定が重要です。(

                      その他
                      tettekete37564
                      v15 で勉強してるところだけど Next.js（というか Reactか？）は何から何までこれまで触ってきた Web フレームワークとは逆の考え方なので凄く手こずってる。なんでこんな簡単なことをこれほど複雑に？という。

                      その他
                      mumei-0
                      “Server ActionsやServer ComponentsをClinet Componentsから利用する場合、Client Componentsへpropsで渡したデータは全て露出します。”

                        その他
                        tohokuaiki
                        tohokuaikiへぇ。普通な感じなんだけど、Next.jsはクラサバの垣根が書いてて曖昧になりがちな気もするので難しそうだわな。

                        2025/01/05リンク

                        その他
                        FreeCatWork
                        素晴らしい情報を共有していただき、感謝します。

                          その他
                          hylom
                          hylom記事の話題からは外れるけどDB設計の時点で機密情報を入れるテーブルは分けたほうがベターだと思う、冗長になるけど毎回クエリ結果をチェックして不要な機密情報を除外するのはちょっと危うい

                            2025/01/05リンク

                            その他
                            kompiro
                            fetchUserの返り値にパスワード乗っけてるのがダメであってRouteHandlerでも同じようにしたらアカン。ServerActionsも公開APIになるから気にしろってことだけど。

                              その他
                              uehaj
                              zodバリデーションが常に重要だという話になるなら、そのままサーバサイド関数を呼べるというServer Action性質は優位ではなくなる。tRPCで。

                                その他

                                注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                リンクを埋め込む

                                以下のコードをコピーしてサイトに埋め込むことができます

                                プレビュー
                                アプリのスクリーンショット
                                いまの話題をアプリでチェック！
                                • バナー広告なし
                                • ミュート機能あり
                                • ダークモード搭載
                                アプリをダウンロード

                                関連記事

                                  usersに達しました！

                                  さんが1番目にブックマークした記事「これからNext.jsを...」が注目されています。

                                  気持ちをシェアしよう

                                  ツイートする

                                  これからNext.jsを始める人に注意してほしいセキュリティ事項

                                  Next.js v14からServer Actionsがstableリリースとなり、開発体験だけでなく、ユーザ体験(ハイドレーシ...Next.js v14からServer Actionsがstableリリースとなり、開発体験だけでなく、ユーザ体験(ハイドレーションの完了を待機せずフォーム操作ができる、プログロレッシブ•エンハンスメントなど)の向上が見込まれます[1]。 今回は、Next.jsのServer Actionsを実装する上で注意しなければならないセキュリティ懸念事項とその対策を提案します。 Server Actionsとは formからsubmitされた際の処理(DBの更新等)をサーバサイドで非同期で実行できる関数です。ReactのServer ComponentsだけでなくClient Componentsからも呼びだすことができます。つまり、formがsubmitされた際のDB更新などの処理をわざわざエンドポイントを立てずに関数として書くことができます。[2] Server Actions(またはServ

                                  ブックマークしたユーザー

                                  • ryamamoto2025/09/04ryamamoto
                                  • miki_bene2025/08/17miki_bene
                                  • techtech05212025/07/14techtech0521
                                  • putcut2025/05/06putcut
                                  • sea295x22025/05/06sea295x2
                                  • tabbyz2025/05/05tabbyz
                                  • saken6492025/03/05saken649
                                  • heatman2025/02/03heatman
                                  • shingo-sasaki-05292025/01/14shingo-sasaki-0529
                                  • poad10102025/01/08poad1010
                                  • montdsichel2025/01/08montdsichel
                                  • Dancing_Hatebu2025/01/07Dancing_Hatebu
                                  • wushi2025/01/07wushi
                                  • idenrai2025/01/06idenrai
                                  • escape_artist2025/01/06escape_artist
                                  • yamamotoshu11272025/01/06yamamotoshu1127
                                  • tuki09182025/01/06tuki0918
                                  • h_notsu2025/01/06h_notsu
                                  すべてのユーザーの
                                  詳細を表示します

                                  ブックマークしたすべてのユーザー

                                  いま人気の記事

                                  いま人気の記事をもっと読む

                                  いま人気の記事 - テクノロジー

                                  いま人気の記事 - テクノロジーをもっと読む

                                  新着記事 - テクノロジー

                                  新着記事 - テクノロジーをもっと読む

                                  同時期にブックマークされた記事

                                  いま人気の記事 - 企業メディア

                                  企業メディアをもっと読む

                                  はてなブックマーク

                                  公式Twitter

                                  はてなのサービス

                                  • App Storeからダウンロード
                                  • Google Playで手に入れよう
                                  Copyright © 2005-2025Hatena. All Rights Reserved.
                                  設定を変更しましたx
                                  [8]ページ先頭
                                  ©2009-2025 Movatter.jp