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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • RxJSでひとまとめの複数の非同期処理のうち一つでもエラーになったら他の全ての非同期処理を破棄するコードを書いた - Qiita

    3 users

    qiita.com/ovrmrw

    ちきさんです。 Scalaのfor yieldみたいなことをRxJSで表現できないかと思ってやってみました。 ひとまとめの複数の非同期処理のうち、一つでもエラーになったら他の全ての非同期処理を破棄するRxJSのコードです。 デモ → http://jsbin.com/xerufem/10/edit?js,console エラーが一つもなければ出力に HELLO と表示されますが、そうでなければ (empty) と表示されます。ランダムに結果が変わるので何回かRUNボタンを押して動作を確認してみてください。 以下、JS Binのコードに少しコメントを足したものです。 ScalaのSomeとNoneに相当するものがObservable.ofとObservable.emptyになります。 const Observable = Rx.Observable // 9割の確率で成功する。 functi

    • テクノロジー
    • 2018/07/10 20:59
    • リアル調査案件で使ったPuppeteer - Qiita

      14 users

      qiita.com/ovrmrw

      Meguro.es #15 @ Drecom 2018年5月22日 自己紹介 ちきさん Twitter/GitHub/Qiita: @ovrmrw 市ヶ谷のオプトという会社で働いています。初心者です。 今回のGitHubリポジトリ 今日話すこと 実際に降り掛かってきた調査案件でPuppeteerを使って地獄を回避した話。 日々降りかかる調査案件 「計測タグの発火タイミングを調べて」 _人人人人人人人人人人_ > ふわっとした依頼 <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y ̄ 課題 「発火タイミング」と一口に言ってもページ上の他の要素も絡んで結構ばらつきがあるので、何十回も計った上で平均を取る必要があった。 色々な調査パターンの組み合わせがあり、その数は72もあった。 72パターン x 10回 としても合計720回。 「ツールで自動化した数値はあてにならないから手動でやって」 by PM _人

      • テクノロジー
      • 2018/05/22 22:39
      • puppeteer
      • Chrome
      • slide
      • tools
      • javascript
      • 今日からできるCloud Functions for Firebaseでconsole.logデバッグ風味のオンラインテスト - Qiita

        3 users

        qiita.com/ovrmrw

        Roppongi.js #2 2018年4月24日 自己紹介 ちきさん Twitter/GitHub/Qiita: @ovrmrw 市ヶ谷のオプトという会社で働いています。初心者です。 今回のGitHubリポジトリ 「Cloud Functions for Firebase」とは Cloud Functions for Firebase を使用すると、Firebase 機能や HTTPS リクエストによってトリガーされたイベントに応じて、バックエンド コードを自動的に実行できます。コードは Google のクラウドに保存され、マネージド環境で実行されます。独自のサーバーを管理およびスケーリングする必要はありません。 ( https://firebase.google.com/docs/functions/?hl=ja より) 何がうれしいのか 詳しくは Cloud Functions で可

        • テクノロジー
        • 2018/04/24 20:32
        • 関係ないJavaScriptのエラーをSentryに送信させない - Qiita

          6 users

          qiita.com/ovrmrw

          ちきさんです。 Sentryでエラー収集してますか? してますよね。 さて、とあるWebアプリからSentryにエラーを送りたいが、下記の要件を満たす必要があったという話です。 (Sentry JavaScript SDK => Raven) Ravenをバンドルしてはいけない。(極限まで容量を削減する必要があるため) Sentryへのエラー送信がページ表示のパフォーマンスに影響を与えてはいけない。 同じページ上で発生する関係ないJavaScriptのエラーをSentryに送信してはいけない。 同じページに別のアプリのRavenが存在していたらそれを邪魔してはいけない。 なかなか厳しい要件ですね。 これらを満たすためにやったことは、 Ravenをバンドルせずにエラーを送信する必要が生じてから非同期でCDNから読み込む。 同じページに別のアプリのRavenが既に存在していたらCDNから読み込

          • テクノロジー
          • 2018/01/20 14:07
          • javascript
          • Node.jsでBigQueryを叩いてみようと思ったら一瞬で終わった - Qiita

            5 users

            qiita.com/ovrmrw

            import * as BigQuery from '@google-cloud/bigquery' const bigquery = BigQuery({ credentials: require('./path/to/your-service-account-key.json') }); const query: string = ` select corpus, count(*) as unique_words from publicdata.samples.shakespeare group by corpus order by unique_words desc limit 10; ` const options = { query, useLegacySql: false, } /** * 実行計画 */ bigquery .startQuery({ ...options, d

            • テクノロジー
            • 2018/01/18 18:37
            • bigquery
            • node.js
            • UXの高い「いいね」ボタンをRxJSで実装する - Qiita

              4 users

              qiita.com/ovrmrw

              ちきさんです。 榊原氏からヒントをもらってSNSアプリとかでよくある「いいね」ボタンをRxJS(Angular)で実現するコードを書いたので共有します。 概要 ユーザーの操作に素早く応答する画面を作りつつ、サーバーとクライアント間で状態の整合性を保つ。 特徴 サーバーから初期状態を受け取るまでは「いいね」ボタンを押しても何もリクエストを飛ばさない。 初期状態を受け取った後はクライアントで状態を管理し、ユーザーの操作に応じてすぐに画面を更新する。 画面の更新をしてからバックグラウンドでサーバーの状態を更新する。(Lazy Sync) つまりサーバーから初期状態を取得したらあとはクライアントが状態管理の主導権を握るということ。 デモ → https://stackblitz.com/edit/angular-qwfwkm コード解説 サービス サーバー側の状態管理をまとめています。本質ではない

              • テクノロジー
              • 2017/12/02 22:54
              • 社内ツールのAngularプロジェクトに導入したRedux (ngrx/store) - Qiita

                6 users

                qiita.com/ovrmrw

                【Angular、Vue.jsなど】マーケティング事業の開発現場でリアルに使われるJS事情 (2017年11月2日) 発表資料 名前: ちきさん (野口智弘) 所属: オプト GitHub/Twitter/Qiita: @ovrmrw We are hiring! Q. 社内ツール? A. オプト社内で使われる依頼ツール 社内の誰かが、別の誰かに何らかの作業を依頼する。 フォームの入力に応じてフォームが動的に変化する。(やばいやつ) 一つの依頼は即日完了するわけではないので、数日に渡り進捗状況などを管理する必要がある。 依頼に対してファイルを添付したり、依頼と別の依頼を関連付けたり、チェックリストが全てチェックされないと依頼を完了できないようにもできる。 依頼毎にSlackのようなチャット板があって関係者がコミュニケーションを取れるようになっている。 Slackでやれば良いのでは...?

                • テクノロジー
                • 2017/11/02 21:29
                • API
                • 超速で非同期処理のキャンセルを組み込む with Rx - Qiita

                  9 users

                  qiita.com/ovrmrw

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

                  • テクノロジー
                  • 2017/10/10 21:53
                  • angular
                  • javascript
                  • RxJS Marble Test 入門 - Qiita

                    3 users

                    qiita.com/ovrmrw

                    When 2016/12/08 At Meguro.es #7 @ Livesense 今回の(出典)GitHubリポジトリ ovrmrw/rxjs-marble-tests === 話す内容 RxJS 5のObservableをどうやってテストするか。 参考になるサイト Writing Marble Tests (RxJS公式) RxJS(5.x)で行うテストファーストな機能開発 「rxjs marble test」でググる。ただし英語でも情報は少ない。 自己紹介 ちきさん (Tomohiro Noguchi) Twitter/GitHub/Qiita: @ovrmrw ただのSIer。 Angular Japan User Group (ng-japan)スタッフ。 アカウントIDの由来 the day after tomorrow overmorrow(俗語) 略して ovrmrw

                    • テクノロジー
                    • 2017/09/19 16:08
                    • RxJSのconcatMap, mergeMap, switchMapの違いを理解する(中級者向け) - Qiita

                      23 users

                      qiita.com/ovrmrw

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

                      • テクノロジー
                      • 2017/04/11 01:58
                      • rxjs
                      • observable
                      • Rx
                      • map
                      • qiita
                      • javascript
                      • 初心者のElixir |> Flow,GenStage |> Concurrent MapReduce - Qiita

                        11 users

                        qiita.com/ovrmrw

                        When 2017/04/01 At Elixir Conf Japan 2017 LT Self Introduction ちきさん (Tomohiro Noguchi) Twitter/GitHub/Qiita: @ovrmrw I've started to learn Elixir 1 month ago. What I talk about Reading a JSON file and doing MapReduce. (JSONファイルを読み込んでMapReduceしたい。) Differences between Eager, Lazy and Flow(Concurrent). (Eager, Lazy, Flow(Concurrent)の違いについて。) Flow & GenStage is extremely fast. (Flowめちゃくちゃ速い。) === Git

                        • テクノロジー
                        • 2017/04/01 17:20
                        • Elixir
                        • React CSS Modules, TypeScript, Webpack, with Babel Plugin - Qiita

                          4 users

                          qiita.com/ovrmrw

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

                          • テクノロジー
                          • 2017/02/18 12:27
                          • React でも Angular みたいに DI したい! - Qiita

                            8 users

                            qiita.com/ovrmrw

                            When 2017/02/07 At Meguro.es #8 @ アカツキ 自己紹介 ちきさん (Tomohiro Noguchi) Twitter/GitHub/Qiita: @ovrmrw ただのSIer。 Angular Japan User Group (ng-japan)スタッフ。 アカウントIDの由来 the day after tomorrow overmorrow(俗語) 略して ovrmrw 「先を見据えて」よりさらに先を、みたいな感じです。 (よく聞かれるので) (ここからInversifyJSの基本の話) === GitHubリポジトリ ovrmrw/inversify-mock-example モチベーション: ReactだってDIしたい InversifyJS a library for Inversion of Control Angularのように @inj

                            • テクノロジー
                            • 2017/02/11 00:11
                            • あとで読む
                            • Reduxの概念をRxJSとTypeScriptで理解する ver.2 - Qiita

                              12 users

                              qiita.com/ovrmrw

                              Redux Advent Calendar 2016 の15日目です。ちきさんです。 前置きと反省 この記事は僕がQiitaに投稿した中で最もストックされてしまった Reduxの概念をRxJSとTypeScriptで理解する(初心者向け) をリライトしたものです。 今振り返ると前回の記事にはいくつか問題がありました。 ステートとReducerにPromiseを持ち込むのはやはり筋が良くなかった。 Actionのdispatch順を無視して非同期が解決した順に処理が流れる構造になっていた。 1に関しては当初は問題ないと思っていたのですが僕も年を取り、その考えは若気の至りだったのではないかと考えるようになった次第です。 2は要件によってはそれで良いと思うのですが、それでも基本的にはdispatch順に処理する方がより期待される挙動であろうと思った次第です。 「RxJSでReduxを書く」という

                              • テクノロジー
                              • 2016/12/22 20:19
                              • JavaScript
                              • Architecture
                              • Programming
                              • WindowsのVSCodeでRubyを書きたい。そしてインテリセンスも欲しい。 - Qiita

                                6 users

                                qiita.com/ovrmrw

                                Visual Studio Code Advent Calendar 2016 に未投稿枠があったのでねじ込みました。ちきさんです。 Windows 7 Pro 32bitでRuby環境を構築したのでメモを残します。 要件 WindowsでRubyを書きたい。 VSCodeで書きたい。 Lintも欲しい。 IntelliSense(AutoComplete)も欲しい。 Visual Studio Code で Ruby を何とかして書けるようにする がとても参考になりました。 ダウンロード RubyInstaller for Windows で下記をダウンロード。 Ruby (rubyinstaller-2.2.6.exe) Development Kit (DevKit-mingw64-32-4.7.2-20130224-1151-sfx.exe) いずれも32bit用。 (追記) Wi

                                • テクノロジー
                                • 2016/12/14 16:13
                                • ruby
                                • Windows
                                • クラウド認証サービス Auth0 を語る - Qiita

                                  11 users

                                  qiita.com/ovrmrw

                                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Microservices Advent Calendar 2016 の5日目です。 11月にFiNCさんのMeetupで発表させていただいた 「Auth0を使ってサインインを一括管理したりAzure Functionsをセキュアにしたりした話」 が中々の反響だったのでAuth0について詳しく書いてみようと思います。一応クラウドサービスを利用するという点でギリギリマイクロサービスの範疇なのでは…という解釈です。 (@qsona さんの記事とは全然違う方向性で恐縮です。) Auth0公式サイト 読み方はオースゼロです。 Auth0を理解す

                                  • テクノロジー
                                  • 2016/12/13 16:52
                                  • auth0
                                  • Firebase-as-a-Store ~RxJSで作るFirebaseバックエンドのRedux~ - Qiita

                                    3 users

                                    qiita.com/ovrmrw

                                    Firebase Advent Calendar 2016 の10日目です。ちきさんです。 今回のGitHubリポジトリは ovrmrw/qiita-advent-calendar-2016-firebase-2 です。オンラインデモは こちら です。 ちなみにAngularとRxJSで書いています。 豆知識です。Firebaseのプロジェクト数は12個ぐらいで上限を迎えますがちゃんとGoogleに申請すれば拡張してもらえますよ。それについては ここでも 触れています。 さて本題です。 Firebase DBはいわゆるJSONツリーの構造でデータを保管できるDBです。配列の扱いが少々微妙ですがほぼほぼJSONです。 そしてReduxはいわゆるJSONツリーの構造で状態を管理するStoreです。 あれ? JSON ≠ Redux' state ... Firebase DB's data ≠

                                    • テクノロジー
                                    • 2016/12/11 00:40
                                    • firebase
                                    • Auth0 + Angularで認証機能をお手軽に実装しよう - Qiita

                                      12 users

                                      qiita.com/ovrmrw

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

                                      • テクノロジー
                                      • 2016/12/08 11:50
                                      • Angular
                                      • セキュリティ
                                      • RxJSで"Reduxっぽいもの"を書いてみたらAngularが楽しくて仕方がない。 - Qiita

                                        11 users

                                        qiita.com/ovrmrw

                                        事の発端はこれ。 The question is: do you really need Redux if you already use Rx? Maybe not. It's not hard to re-implement Redux in Rx. Some say it's a two-liner using Rx .scan() method. It may very well be! (訳: RxJSを使えばReduxは簡単に実装できるよ。) from Redux documant. 「RxJSを使えばReduxは簡単に実装できるよ。」 自己紹介 ちきさん (Tomohiro Noguchi) Twitter/GitHub/Qiita: @ovrmrw ただのSIer。 (前回の登壇) 「僕はどうしてAngular2をテーマに登壇することになってしまったのか」を振り返る 今日話

                                        • テクノロジー
                                        • 2016/10/03 20:10
                                        • RxJS
                                        • Redux
                                        • Angular
                                        • あとで読む
                                        • Reduxの概念をRxJSとTypeScriptで理解する(初心者向け) - Qiita

                                          70 users

                                          qiita.com/ovrmrw

                                          (2016/12/15追記) この記事はDeprecatedです。 Reduxの概念をRxJSとTypeScriptで理解する ver.2 が最新版になります。 GitHubリポジトリはこちら → ovrmrw/understanding-redux-with-rxjs git cloneしたらnpm installしてnum run tsですぐに動かせます。 (注: Reactの話は一切出てきません) Reduxとは Redux公式 アプリケーション全体で状態(state)を一つのJSONツリーの構造で持ち、それをActionがキックされる度に全体更新して配信するという概念。 僕は最初FluxとかReduxとかよくわからなかったけど、色々参考にしながら自分で書いてみたらようやく理解できました。 Middlewareという概念はよくわからなかったし今でもよくわかりません。 ロガーとか便利な

                                          • 学び
                                          • 2016/09/22 19:43
                                          • redux
                                          • TypeScript
                                          • rxjs
                                          • babel
                                          • angular
                                          • あとで読む
                                          • as
                                          • class
                                          • Node.js
                                          • Angular2の開発環境、俺ならこうやる 2016年7月25日版(2.0) - Qiita

                                            12 users

                                            qiita.com/ovrmrw

                                            (追記)2.0に対応しました。(2016/09/15) ここに書いていることは全て自己流のオレオレ環境なのであまり鵜呑みにしないでください。 今回のGitHubリポジトリ→ovrmrw/ovrmrw-ng2-env-20160725 まずは僕のマシン環境から。 Windows 10 64bit or 7 32bit Visual Studio Code (stable) 1.3.1 Node.js 6.3.1 Git 2.8.1 GitHub Desktop (Node.jsはnvm-windowsでインストールしています) Angular2やるならこれぐらいは最低限インストールしておく必要があります。 WindowsにおけるNode.jsの環境構築はWindowsでnpm installの赤いエラーに悩まされているアナタへも合わせてどうぞ。 Node.jsの6系はnode-sassインス

                                            • テクノロジー
                                            • 2016/07/26 19:20
                                            • qiita
                                            • あとで読む

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

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

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

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

                                            j次のブックマーク

                                            k前のブックマーク

                                            lあとで読む

                                            eコメント一覧を開く

                                            oページを開く

                                            はてなブックマーク

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

                                            公式Twitter

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

                                            はてなのサービス

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