最近の記事

Next.js (React) でServer Actionの実行結果をキャッシュする

Next.jsのServer Actionsが便利でよく使っている。 fetchのように返り値がキャッシュされてくれると使いやすいのになと思って調べてみたら公式でサポートされていたので備忘を残しておく。 まず、キャッシュを考えない場合。 Page以下のコンポーネントであれば、コンポーネントの引数で必要な箇所まで渡し続けることができるが、 以下のようにレイアウトで使用しているコンポーネントでリソースを取得したい場合、取得したリソースを引数で使い回すことができず、Server

    • データベースから複数件取得するのにORDER BYしない人へ

      絶対にして。 わかる。指定しなくてもなんとなくID順に取得されるような動きをする。 しかしながらレコードを複数件取得する場合はORDER BYを絶対に指定して。 (わかると思うが、取得したレコードに対して並び順が重要で無い場合はこの限りでは無い) 指定しなくても大丈夫と思われる方もそうでない方も、以下MySQLの例題をいくつか紹介していくので是非目を通してほしい。 あなたは全ての例題に正解を出せるだろうか。 まずは下準備。 MySQLのバージョンは8.0.28を使

      • 今が令和何年かわからない人へ捧げるアルゴリズム

        上の画像は今年最も感動したアルゴリズムで、大学時代の同期に教えてもらったもの。 平成の間は、平成n年のnが(n = 自分の年齢)になっており、30歳までは割と自分の年齢もパッと出てきたのだが、 令和になると令和n年を求める際に、(n = 自分の年齢 - 30)という計算をする必要が出てきた上、自分の現在の年齢も段々思い出せなくなってきており、月に一回ほど、自分の年齢や令和n年を記載するタイミングで少しだけ困っていた。 そのような折、ふとしたLINEでの会話から冒頭のアル

        • まあまあのエンジニアなら絶対書かないコード(JavaScript)

          タイトルは煽り。JavaScriptコードのリファクタリング事例を紹介する。 解説付き。 BEFORE 上は某技術情報プラットフォームで見かけたコード。 自分の参加しているチームメンバーにはこういうコード書いてほしくないなという気持ちでリファクタリングしてみた記事を書いてみる。 AFTER以下はリファクタリング例と解説になる。 どの部分を修正するのか考えてからスクロールしてみて欲しい。 宣伝(こちらの記事はシェアとかしなくても全部読めます) AFTER

          ¥0〜
          割引あり

        Next.js (React) でServer Actionの実行結果をキャッシュする

        • データベースから複数件取得するのにORDER BYしない人へ

        • 今が令和何年かわからない人へ捧げるアルゴリズム

        • まあまあのエンジニアなら絶対書かないコード(JavaScript)

          ¥0〜

          まあまあのエンジニアなら絶対書かないコード(JavaScript)

          タイトルは煽り。JavaScriptコードのリファクタリング事例を紹介する。 解説付き。 BEFORE 上は某技術情報プラットフォームで見かけたコード。 自分の参加しているチームメンバーにはこういうコード書いてほしくないなという気持ちでリファクタリングしてみた記事を書いてみる。 AFTER以下はリファクタリング例と解説になる。 どの部分を修正するのか考えてからスクロールしてみて欲しい。 AFTER 修正箇所には [MUST] [MAY] のラベルをつけた。 [MU

          まあまあのエンジニアなら絶対書かないコード(JavaScript)