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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 複数の作用がセットのAction発行とどう向き合うか - Qiita

    6 users

    qiita.com/kjirou

    Redux を仕事と個人で使い始めて 3・4 週間という経験値なのですが、「唯一の状態である state の唯一の更新手段である Action 発行」が、更新以外の作用を伴うことに頭を悩ませていて、この点についてのお話をさせてもらいたいと思います。 なお、前提とする Redux ミドルウェアや周辺ライブラリは、公式推奨である以下です。 redux-thunk React react-redux Action 発行に伴う 3 つの作用 Redux の Action 発行(= dispatch の実行)は、以下の 3 つの作用をセットで実行する処理だと、自分は考えています。 state の更新をする。 state のコピーをする。1 描画を実行する。つまり React の render 関数を実行する。2 それらの作用は常に全てが必要ではない それぞれは勿論必要な処理ですが、常にセットで必要と

    • テクノロジー
    • 2016/12/19 12:17
    • redux
    • react
    • Reactのキーボードイベントをクロスブラウザで確認する - Qiita

      8 users

      qiita.com/kjirou

      React の onKeyDown / onKeyPress / onKeyUp / onChange の挙動が、クロスブラウザでどのように変わるのかを調査しました。 調査方法・内容 それらのイベントに event.key / event.keyCode / event.target.value の値を記録するハンドラを設定し、ひとつの <input type="text"/> に全イベントを付与する。 下記の「キーボードの操作」をクロスOS/ブラウザ環境で行って、その履歴を保存する。 具体的には、CodePen に書いた簡単な自作ツール で行いました。 環境について 使用したハードウェアは、日本語キーボードの Mac Book Pro です。 Win 仮想環境は VirtualBox で構築しており、また(参考記事が見つかりませんが) Mac のキーボードと連動する設定をした上で行ってい

      • テクノロジー
      • 2016/12/17 00:11
      • react
      • eslint-config-airbnbを守りたかった - Qiita

        25 users

        qiita.com/kjirou

        ESLint のルールに eslint-config-airbnb v5.0 を採用してみたけど、一部のルールが厳しかったという話です。 eslint-config-airbnb の設定 おそらく、一番デフォルトの全部入りの設定 Our default export contains all of our ESLint rules, including EcmaScript 6+ and React. It requires eslint and eslint-plugin-react. npm install --save-dev eslint-config-airbnb eslint-plugin-react eslint add "extends": "airbnb" to your .eslintrc no-param-reassign http://eslint.org/docs

        • テクノロジー
        • 2016/02/09 21:07
        • eslint
        • javascript
        • js
        • Qiita
        • Programming
        • フロントエンドのテストとNode.js - Qiita

          29 users

          qiita.com/kjirou

          はじめに Node.js と連携することで、昔は大変だったフロントエンドのテストがとても便利になってます。 という内容です。 はじめに QUnit があった JS のテスト手段として、自分の観測範囲で最も古い(4, 5年前に知った)ものが QUnit でした。 このテスティングフレームワークは、例えばこのように使用します: <html> <head> <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.20.0.css"> <script src="//code.jquery.com/qunit/qunit-1.20.0.js"></script> <script src="foo.js"></script> <script src="bar.js"></script> <script src="tests.js"></

          • テクノロジー
          • 2015/12/10 02:43
          • node.js
          • test
          • フロントエンド
          • javascript
          • web
          • テスト
          • js
          • 良く使うnpmパッケージの紹介 - Qiita

            83 users

            qiita.com/kjirou

            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 自分が良く使う npm パッケージを、雑に紹介し感想を述べる記事です 非 Noder さん用にもなるように、超有名ライブラリも載せました 個人的感想の羅列で、また 1年以上使ってない/調べてないものも含みます。申し訳ないのですが、参考程度でよろしくです Web アプリケーション作成 express 一番有名でたぶん利用者も多い、Node.js の Webアプリケーションフレームワーク function (req, res, next) { return next(); } のような middleware という概念のフィルターを重ねて処

            • テクノロジー
            • 2015/09/11 09:34
            • node.js
            • npm
            • javascript
            • node
            • development
            • まとめ
            • ReactとDeLorean.jsとACネタでTodoアプリ - Qiita

              4 users

              qiita.com/kjirou

              React と、Flux フレームワークのひとつである DeLorean.js 、そして今年のJS関係のアドベントカレンダーのネタをいくつか散りばめて、サンプルレベルのものですが Todo 登録アプリを作成してみました。 主な構成は以下です: React(without JSX), DeLorean.js CoffeeScript, gulp, webpack mocha, power-assert, 実行はnodeで行う スタイルは Semantic UI (ui xxx のようなクラス指定はこれのルール) express のサーバアプリの中の一部分として配置 各要素の連携を確かめたかったので、無駄に gulp を介したり、無駄にサーバサイドを含めて express 上で動かしたり、しています。 アプリの内容は、入力フォームに値を入れてEnterすると.. 下にどんどん出る、だけです。

              • テクノロジー
              • 2014/12/25 12:56
              • Flux
              • Node.jsでBrowserStack Automateを使ってテスト - Qiita

                36 users

                qiita.com/kjirou

                BrowserStack とは BrowserStack とは、クロスブラウザ(OS含む)による動作確認を手軽に行える環境を提供しているサービスです。 例えば、BrowserStack 側のサーバで起動している各種ブラウザ環境を、こちらのブラウザから利用したりすることができます。 その中に Automate という、コードからその環境を利用できる仕組みがあり、今回はそれを Node.js から使ってみたいと思います。 当記事のゴール Travis CI 上で、 express アプリケーションを起動し、 mocha で書いたテストコードを使い、 BrowserStack Automate 環境で、 テストが出来ること。 BrowserStack アカウントを作成する まずはアカウントの作成が必要になるので、トップページ から道なりに登録してください。 メールアドレスとパスワードだけで登録で

                • テクノロジー
                • 2014/12/08 18:38
                • testing
                • javascript
                • node.js
                • test
                • js
                • git pull を --set-upstream-to で引数無しで実行可能にする - Qiita

                  20 users

                  qiita.com/kjirou

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

                  • テクノロジー
                  • 2013/10/16 15:09
                  • git
                  • Gruntfile 内で引数やオプションを受け取る方法 - Qiita

                    7 users

                    qiita.com/kjirou

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

                    • テクノロジー
                    • 2013/07/25 21:12
                    • grunt
                    • node.js
                    • javascript
                    • tips

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

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

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

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

                    j次のブックマーク

                    k前のブックマーク

                    lあとで読む

                    eコメント一覧を開く

                    oページを開く

                    はてなブックマーク

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

                    公式Twitter

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

                    はてなのサービス

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