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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 【React】仮想DOMって何!?コンポーネントのレンダリングと描画について理解しよう! - Qiita

    8 users

    qiita.com/seira

    ReactにおけるDOM構築について ReactはDOMを仮に構築する仕組みを備えており、仮想DOMを設計してからリアルDOMを作成するため、従来のDOMやフレームワークで構築されたDOMに比べて処理のスピードが速く、Webページの表示を高速で切り替えることができます。 DOMについて DOM(Document Object Model)は、HTMLファイルのソースコードのことではなく、画面を表示するまでに解釈したHTML/CSS/JavaScriptによって構築されたDOM(ツリー)を指します。DOMはChromeやFireFox、Safari、IEなどのブラウザ上で、Webページを描画するために構築されます。 Chromeの開発者ツールのElementsタブでDOMツリーを見てみます(イメージ)。 ここで表示されているものはHTMLのソースコードそのものではなく、ブラウザ上にwebペー

    • テクノロジー
    • 2021/04/24 19:27
    • React hooksを基礎から理解する (useEffect編) - Qiita

      22 users

      qiita.com/seira

      React hooksとは React 16.8 で追加された新機能です。 クラスを書かなくても、stateなどのReactの機能を、関数コンポーネントでシンプルに扱えるようになりました。 React hooksを基礎から理解する (useState編) React hooksを基礎から理解する (useEffect編)  今ここ React hooksを基礎から理解する (useContext編) React hooksを基礎から理解する (useReducer編) React hooksを基礎から理解する (useCallback編) React hooksを基礎から理解する (useMemo編) React hooksを基礎から理解する (useRef編) useEffectとは useEffectを使うと、useEffectに渡された関数はレンダーの結果が画面に反映された後に動作し

      • テクノロジー
      • 2020/11/25 13:10
      • React
      • Qiita
      • React hooksを基礎から理解する (useRef編) - Qiita

        10 users

        qiita.com/seira

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

        • テクノロジー
        • 2020/11/24 08:06
        • performance
        • React hooksを基礎から理解する (useMemo編) - Qiita

          3 users

          qiita.com/seira

          #React hooksとは React 16.8 で追加された新機能です。 クラスを書かなくても、 stateなどのReactの機能を、関数コンポーネントでシンプルに扱えるようになりました。 React hooksを基礎から理解する (useState編) React hooksを基礎から理解する (useEffect編) React hooksを基礎から理解する (useContext編) React hooksを基礎から理解する (useReducer編) React hooksを基礎から理解する (useCallback編) React hooksを基礎から理解する (useMemo編) 今ここ React hooksを基礎から理解する (useRef編) ↓React.memo, useCallBack, useMemoに関する記事なので、よろしければ参考にしてみてください↓ 【

          • テクノロジー
          • 2020/07/20 01:02
          • react
          • Array.prototype.reduce()を使いこなしたい - Qiita

            4 users

            qiita.com/seira

            reduce()とは Array.prototype.reduce() 配列からひとつの値を求めるときに使われる。 いろんなこと出来そう、便利そう、面白そう、、、と思ったので、理解を深めるためにメモに残す。 構文 accumulator(前回の値) currentValue(現在の値) currentIndex(現在currentとして処理されている要素のindex) array(現在操作されている配列) initialValueは第2引数で初期値がはいる。 const result = array.reduce((accumulator, currentValue, currentIndex, array) => { return accumulator }, initialValue) const array = [0, 1, 2, 3] const initialValue = 0

            • テクノロジー
            • 2020/07/13 10:06
            • React hooksを基礎から理解する (useCallback編+ React.memo) - Qiita

              13 users

              qiita.com/seira

              React hooksとは React 16.8 で追加された新機能です。 クラスを書かなくても、 stateなどのReactの機能を、関数コンポーネントでシンプルに扱えるようになりました。 React hooksを基礎から理解する (useState編) React hooksを基礎から理解する (useEffect編) React hooksを基礎から理解する (useContext編) React hooksを基礎から理解する (useReducer編) React hooksを基礎から理解する (useCallback編)  今ここ React hooksを基礎から理解する (useMemo編) React hooksを基礎から理解する (useRef編) ↓React.memo, useCallBack, useMemoに関する記事なので、よろしければ参考にしてみてください↓ 【

              • テクノロジー
              • 2020/06/29 11:06
              • React hooksを基礎から理解する (useReducer編) - Qiita

                9 users

                qiita.com/seira

                //useReducerをimport import React, {useReducer} from 'react' import Button from '@material-ui/core/Button'; import ButtonGroup from '@material-ui/core/ButtonGroup'; //counterの初期値を0に設定 const initialState = 0 //reducer関数を作成 //countStateとactionを渡して、新しいcountStateを返すように実装する const reducerFunc = (countState, action)=> { //reducer関数にincrement、increment、reset処理を書く //どの処理を渡すかはactionを渡すことによって判断する switch (acti

                • テクノロジー
                • 2020/06/16 11:08
                • qiita
                • あとで読む
                • React hooksを基礎から理解する (useContext編) - Qiita

                  5 users

                  qiita.com/seira

                  React hooksとは React 16.8 で追加された新機能です。 クラスを書かなくても、stateなどのReactの機能を、関数コンポーネントでシンプルに扱えるようになりました。 React hooksを基礎から理解する (useState編) React hooksを基礎から理解する (useEffect編) React hooksを基礎から理解する (useContext編) 今ここ React hooksを基礎から理解する (useReducer編) React hooksを基礎から理解する (useCallback編) React hooksを基礎から理解する (useMemo編) React hooksを基礎から理解する (useRef編) useContextとは Contextとは? Reactコンポーネントのツリーに対して「グローバル」とみなすデータについて利用す

                  • テクノロジー
                  • 2020/06/08 10:05
                  • React hooksを基礎から理解する (useState編) - Qiita

                    36 users

                    qiita.com/seira

                    React hooksとは React 16.8 で追加された新機能です。 クラスを書かなくても、 stateなどのReactの機能を、関数コンポーネントでシンプルに扱えるようになりました。 React hooksを基礎から理解する (useState編)  今ここ React hooksを基礎から理解する (useEffect編) React hooksを基礎から理解する (useContext編) React hooksを基礎から理解する (useReducer編) React hooksを基礎から理解する (useCallback編) React hooksを基礎から理解する (useMemo編) React hooksを基礎から理解する (useRef編) useStateとは useState()は、関数コンポーネントでstateを管理(stateの保持と更新)するためのReac

                    • テクノロジー
                    • 2020/01/29 11:02
                    • React
                    • Study
                    • Article
                    • あとで読む
                    • React-Hook-Form�がイケてるって聞いたので触ってみた - Qiita

                      3 users

                      qiita.com/seira

                      エイチームライフスタイル アドベントカレンダー2019、18日目は株式会社エイチームライフスタイル、フロントエンドデザイナ@seiraが担当します。 最近はReact, Rail, Sass, php, jQuery などを触っています。 まずはReact-Hook-Formを知る github: https://github.com/react-hook-form/react-hook-form 公式サイト: https://react-hook-form.com/ (日本語訳も用意されてる! UI/UXもイケてるサイトです) ↓↓公式サイトのスクショ↓↓ hook は React16.8 で追加された新機能で、classを書かずにstateが扱えるようになりました。 必見!!Examples 公式サイト内APIでも利用したいメソットごとにサンプルが用意されています。 GitHub RE

                      • テクノロジー
                      • 2019/12/18 11:06
                      • フロントエンド担当へ。これからRuby/Railsに取組むなら、絶対押さえておくべき基本の「き」 - Qiita

                        9 users

                        qiita.com/seira

                        エイチームライフスタイル アドベントカレンダー2017、17日目は株式会社エイチームライフスタイル、コード書くの大好きデザイナー@seiraが担当します。 #Ruby?Rails?ど、どうしよう、、 2017年春頃、弊社が運営しているWordPressサイトをRuby on Railsに移行することになり、いきなりRailsのフロント実装担当を拝命しました( ̄□ ̄;)!? WordPressテーマ作成などを数年間担当していましたので、PHPについては多少知見がありますが、とはいえ数行のコードが書ける程度。 Ruby?Rails? で、できないよ~、、、、(でもやりたい!) **Rubyって?Railsってなんぞや?**レベルだった私ですが、予備知識も全くないところから、Railsのフロント実装をこなせるようになるために、最初にやったこと、覚えたことを書きたいと思います。 これからRuby/

                        • テクノロジー
                        • 2017/12/17 07:32
                        • rails
                        • frontend
                        • Ruby
                        • システム開発
                        • 考察
                        • 技術
                        • 資料

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

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

                        『qiita.com』の新着エントリーを見る

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

                        j次のブックマーク

                        k前のブックマーク

                        lあとで読む

                        eコメント一覧を開く

                        oページを開く

                        はてなブックマーク

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

                        公式Twitter

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

                        はてなのサービス

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