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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『zenn.dev』

  • 人気
  • 新着
  • すべて
  • turbo/gen で対話式雛形コード生成

    4 users

    zenn.dev/json_hardcoder

    フロントエンドにおいてAtomic DesignにおけるComponent作成やfeatures作成を行う方は多いと思います。例えばComponent作成であればただ単一のjsxやtsxのみ存在することはあまりないと思います。storybookやtestやcssファイル、hooksのファイルを置く場合もあるでしょう。そうなった際に一つのComponentを作成する為に複数のファイルをその都度作るのは億劫になりますし、めんどくさいですよね。 例えば以下のようなComponentがあったとします。 └── organisms └── HogeHeader ├── HogeHeader.stories.tsx ├── HogeHeader.test.tsx ├── PresentationHogeHeader.tsx ├── HogeHeader.tsx └── index.tsx この Hog

    • テクノロジー
    • 2023/12/25 19:58
    • 【github】mainブランチに対して直接pushを禁止する保護ルールを設定をする

      6 users

      zenn.dev/json_hardcoder

      TL;DR GitHubの保護ブランチ機能は、重要なブランチの安全性と整合性を確保するための強力なツールです。ブランチ保護ルールを設定することで、誤ったプッシュや削除、強制プッシュを防止し、プルリクエストのレビュー、ステータスチェックのパス、コミット履歴の線形性など、一定の要件を満たすまでブランチへの変更を制限することができます。これにより、コードベースの安定性を保ちながら、チームの効率的なコラボレーションを支援します。これらの設定に関して自分が設定することで推奨すべき内容をピックアップして紹介できればと思います。 ブランチ保護ルールの基本 GitHubのブランチ保護ルールは、リポジトリ内の重要なブランチを保全し、安全に管理するための強力なメカニズムです。これらのルールを設定することで、コラボレータがブランチに変更を加える前に、一定の条件やプロセスを満たす必要があります。これには、プルリク

      • テクノロジー
      • 2023/12/22 16:36
      • 【Solidity 超入門】CryptoZombiesを通してdAppを作る 【part3】

        22 users

        zenn.dev/json_hardcoder

        Block Chainを勉強しようと志す人はスマートコントラクトの実装を避けては通れないと思います。solidityというプログラミング言語でスマートコントラクトを書くのがデファクトスタンダードですので、まずsolidiyを学習することになると思います。 solidityを学習しようと思い、ググってみると大体「CryptoZombies」なるサービスを推している人や記事が多くヒットします。ですが実際にサイトを見ると英語やん...日本語もあまりちゃんと翻訳されないし、取っ付きづらいと思われる方も多いと思います。今回はCryptoZombiesの取っ付きづらさをこの記事で可能な限り払拭でき、solidity学習で躓いていた方の助けになればと思います。 part1の記事はこちら part2の記事はこちら 対象読者 JavaScript等の他の言語でのプログラミングの経験がある方。 ですが、そこま

        • テクノロジー
        • 2023/01/07 10:46
        • 学習
        • 勉強
        • プログラミング
        • あとで読む
        • 【Solidity 超入門】CryptoZombiesを通してdAppを作る 【part2】

          23 users

          zenn.dev/json_hardcoder

          Block Chainを勉強しようと志す人はスマートコントラクトの実装を避けては通れないと思います。solidityというプログラミング言語でスマートコントラクトを書くのがデファクトスタンダードですので、まずsolidiyを学習する方が多いのではないしょうか? solidityを学習しようと思い、ググってみると大体「CryptoZombies」なるサービスを推している人や記事が多くヒットします。ですが実際にサイトを見ると英語やん...日本語もあまりちゃんと翻訳されないし、取っ付きづらいと思われる方も多いと思います。今回はCryptoZombiesの取っ付きづらさをこの記事で可能な限り払拭でき、solidity学習で躓いていた方の助けになればと思います。 前回の記事はこちら 対象読者 JavaScript等の他の言語でのプログラミングの経験がある方。 ですが、そこまで文法的には難しくないので

          • テクノロジー
          • 2023/01/03 11:34
          • あとで読む
          • React.VFC を使うべき理由

            23 users

            zenn.dev/json_hardcoder

            React.VFC を使った方が良い理由についてまとめてみた。 React.VFC とは Function Componentを定義するための型である React.FC はchildrenが最初から暗黙的に定義されてしまっているため、必要ないのにchildrenを渡してしまってもエラーにならない仕様になっている。これでは暗黙的に許可してしまうため実際に渡っているのか渡っていないのかがわからない。 そこで @types/react v16.9.48 からはReact.VFC が追加されており、こちらではchildrenが含まれない。なので未定義の状態でchildrenを渡した場合、errorを出してくれる。 https://github.com/DefinitelyTyped/DefinitelyTyped/pull/46643 サンプルコード export type Props = { t

            • テクノロジー
            • 2021/12/06 07:29
            • react
            • あとで読む
            • techfeed
            • github
            • article
            • web
            • *あとで読む

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

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

            『zenn.dev』の新着エントリーを見る

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

            j次のブックマーク

            k前のブックマーク

            lあとで読む

            eコメント一覧を開く

            oページを開く

            はてなブックマーク

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

            公式Twitter

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

            はてなのサービス

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