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

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

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    WWDC25

『scrapbox.io』

  • 人気
  • 新着
  • すべて
  • 「フック」「単純な関数」のような「実装手段」でディレクトリを分けるべきでない - honey32

    30 users

    scrapbox.io/honey32

    #ソフトウェアアーキテクチャ(主にReact)について いわゆる「スクリーミングアーキテクチャ(叫ぶアーキテクチャ)」とか「コロケーション原則」を目指す・守るべき 「実装手段」のみに着目して分割するのは、それに真っ向から反するアンチパターン ただし、コード生成のためにコードを読ませるタイプのツールなど、技術的制約から仕方なく同種のファイルをまとめるのは仕方がない 例: aspida に読ませる型定義ファイル群とか あと、極めて抽象的なユーティリティは、 utils 直下とか、 /utils/hooks /utils/dom のようなところに分けても良いだろう 特に、「〇〇という関心事のためのユーティリティ」と言うことができないので。 例:safeNullable<A, B>(fn: (a: A) => B) => (value: A | undefined | null): B | und

    • テクノロジー
    • 2025/04/21 20:38
    • programming
    • あとで読む
    • Reactは初回レンダリングを特別扱いしない - honey32

      38 users

      scrapbox.io/honey32

      #Reactというパラダイムについて React の画面インタラクションの実装は、 イベントハンドラの実行→ ステートの更新→レンダー(コンポーネントたる関数の実行)→エフェクトの実行(→ステートの更新→…) という流れになっている。 実は、たいていのロジックは「イベントハンドラ→ステート更新→レンダー」だけで書けるので、エフェクトの出番は少ない。 https://x.com/honey321998/status/1808857291367850495 https://zenn.dev/yumemi_inc/articles/react-coupling-loose#制約%EF%BC%91%3A-コンポーネント間連携方法の制限 (value cascading はレンダー中に起こる) 長くなったので、複数のノートに分割した useState + useEffect -> 再レンダリング中に

      • テクノロジー
      • 2025/01/02 19:01
      • react
      • あとで読む
      • techfeed
      • 巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32

        183 users

        scrapbox.io/honey32

        (WIP まとまったら Qiita とかに上げるかも) TLDR; 「React と Next.js を比較」という記事で、 Next.js と比較できるのは「フレームワークなしで React を使うという選択肢」であって、「React そのもの」ではない。 ✅️ React を使うのに 「フレームワークあり」 vs 「フレームワークなし」 ❌️「React」 vs 「Next.js」 それはそうと、「create-react-app の機能・特徴」のことを、「React の機能・特徴」であるかのように書いてしまっている記事が多い create-react-app 自体が擬似的なフレームワーク(といえそう) そもそも、create-react-app は今は更新されてないので create-vite を使うべき フレームワークあり or フレームワークなし 【フレームワークあり】 Reac

        • テクノロジー
        • 2024/05/02 21:42
        • react
        • あとで読む
        • next.js
        • nextjs
        • js
        • javascript
        • TypeScript
        • ReactとNext.jsの正しい星取表 - honey32

          5 users

          scrapbox.io/honey32

          (WIP まとまったら Qiita とかに上げるかも) React はライブラリであり、Next.js はそれをラップしたフレームワークであることに注意が必要。 また、Next.js 以外のフレームワークとして、静的生成に特化した Gatsby、新興の Remix, Astro なども選択肢に挙がりうる。 create-react-app はかつて「フレームワーク無しで開発するためのスターター」として開発されていましたが、今(2024/03/23時点)は 開発がストップしています。代わりに、同じ立ち位置で開発が止まっていない create-vite-app を使いましょう。 (将来は、「公式スターターとして、各種フレームワーク or vite に誘導する」ツールとして再出発する予定だそうですが、それはまた別の話…) https://zenn.dev/a_da_chi/articles/41

          • テクノロジー
          • 2024/03/23 20:27
          • あとで読む
          • 汎用モジュールと非汎用モジュールを分ける - honey32

            3 users

            scrapbox.io/honey32

            #ソフトウェアアーキテクチャ(主にReact)について Atomic Design のデメリット 「粒度」でコンポーネントを分類しがち 「コンポーネント」「フック」「どちらでもない関数」「定数」「型宣言」みたいな分類もデメリットがある atoms/ や hooks/ のような「分類のための分類」の問題点 実装する上では、「汎用モジュール」と「非汎用モジュール」を分けるべき [* 汎用モジュールだけが、_utils/ _components/ のような「分類のための分類」の対象とするべき] 非汎用モジュールは、feature、カテゴリごとに分ける(コロケーション)べき ❌小さいから _components/atoms に置く ⭕『記事作成ボタン』見た目の粒度は小さいが、特定の場所に設置されるモノなのでfeature寄りに置くべき 例: _posts/ の下に置く Atomic Redesig

            • テクノロジー
            • 2024/02/05 00:38
            • あとで読む

            このページはまだ
            ブックマークされていません

            このページを最初にブックマークしてみませんか?

            『scrapbox.io』の新着エントリーを見る

            キーボードショートカット一覧

            j次のブックマーク

            k前のブックマーク

            lあとで読む

            eコメント一覧を開く

            oページを開く

            はてなブックマーク

            • 総合
            • 一般
            • 世の中
            • 政治と経済
            • 暮らし
            • 学び
            • テクノロジー
            • エンタメ
            • アニメとゲーム
            • おもしろ
            • アプリ・拡張機能
            • 開発ブログ
            • ヘルプ
            • お問い合わせ
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について

            公式Twitter

            • 公式アカウント
            • ホットエントリー

            はてなのサービス

            • はてなブログ
            • はてなブログPro
            • 人力検索はてな
            • はてなブログ タグ
            • はてなニュース
            • ソレドコ
            • App Storeからダウンロード
            • Google Playで手に入れよう
            Copyright © 2005-2025 Hatena. All Rights Reserved.
            設定を変更しましたx