Help us understand the problem. What is going on with this article?
![PureScript使ってみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5702b0d9a3575195a8b6a5a8eb786bab863a683c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253DPureScript%2525E4%2525BD%2525BF%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253De5b18a44c41fb9f8877431c949feccf0%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540philopon%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D9c959db220b6c4f62b0343eefbf9829c%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D064139dcf4431923ae22880216efff10)
追記(2017/05/2) redux-sagaでの非同期バージョンの紹介とリンクを追記。 追記(2017/2/23修正) 元記事の追記3にて言及を頂いたように、以下の「見易い版」コードは元コードが実現していた機能が抜けおちているという誤りがあります。遅くなりましたが、お詫びの上修正させていただきます。 修正内容は以下の「refreshボタン押下ですべての候補を消去」の項目に追記しました。 上記追記の趣旨として、リアクティブプログラミングはそれほど判り難いのだ、というご指摘になっていますが、返す言葉もございません。 はじめに 先日「リアクティブプログラミングとは何だったか」という記事を目にしまして、内容はたいへん興味深かったのですが、以下の記述がありました。 『宣言的』といえそうなのはわかりますし、パラダイムとして従来のコードとは一線を画すものであることは確かですが、どう贔屓目にみてもひた
リアクティブプログラミングは、「時間とともに変化する値」=「振る舞い」同士の関係性を記述することでプログラミングを行うパラダイムです。 GUIなどのようにインタラクティブなシステムや、シミュレーションやアニメーションのようにダイナミックに状態が変化するようなシステムを宣言的に記述することができます。 これらの「変化する状態」や「外部とのやりとり」が支配的なシステムは、純粋関数型言語が、その強みを発揮しにくい部分でもあります。 本稿では、リアクティブプログラミングが副作用を含む系を宣言的に記述することを可能にし、状態の管理という厄介な問題からプログラマを開放する可能性があることを示したいと思います。 (割と独自研究に基づく解釈ばかりなのでその点ご了承ください。あと例としてでてくるコードは、Pythonベースの擬似コードで具体的なライブラリに基づくものではありません。) Why Reactiv
Rebuild.fm に出させてもらいました。ありがたいことです。 さっそく録音を聞き直す。自分の声を聞くのは辛い・・・のはさておき、 リアクティブプログラミングの話は我ながら主張がよくわからない。 反省のため何が言いたかったのかを考え直したい。 たぶん趣旨は二つあった: A. RxJava や RxAndroid はなかなかいいやつだ。 B. リアクティブプログラミングは一つのはっきりした概念ではない。 A については試してもらえばわかるはず。ReactiveX のサイトからぽつぽつ資料を読めば済む。ここでは B を補足してみる。 X 指向は Y みたいなもの リアクティブプログラミングとは何だろう。どうもつかみどころがない。私は腑に落ちるまでけっこう時間がかかった。 このわかりにくさには大きく二つ理由があると思う。一つはプログラミングの概念をコードなしに説明する一般的な難しさ。オブジェ
※この記事はずいぶん内容がわかりづらかったようで、さまざまな反応を頂きました。追記が複数ありますので、併せてご覧ください。 TL;DR Version: リアクティブプログラミングに挑戦しようとした。がっかりした。 はじめに 私のこの記事は「【翻訳】あなたが求めていたリアクティブプログラミング入門」に触発されて?書かれたもので、そちらの元ネタの記事に先に目を通しておいたほうが理解がしやすいと思います。そちらの記事は本当に解説がわかりやすく、そして何よりとても説明が具体的なので、リアクティブプログラミングについて知りたいかたには大変おすすめです。リアクティブプログラミングの解説には、漠然としたことしか言っておらずさっぱり参考にならないものも多いのですが、いや本当に多いのですが、この元ネタの記事では図表が適切に使われているだけでなく具体的な問題提起と具体的なコードによる解決策が示されており、リ
original: The introduction to Reactive Programming you've been missing (by @andrestaltz) (translated by @ninjinkun, reviewed by @ma0e) あなたはリアクティブプログラミングと呼ばれる新しい方法が気になっている。 勉強するのは大変で、良い教材がないのでさらに難しい。私が勉強を始めたときは、まずチュートリアルを探した。見つけたのは一握りの実践的なガイドだけ、しかもそれらは表面をなぞっているだけで、リアクティブプログラミングのアーキテクチャ全体像を構築しようとしてはいなかった。ある関数を理解するのに、ライブラリのドキュメントは役に立たないことがある。 これを見て欲しい。 Rx.Observable.prototype.flatMapLatest(selector,
VTeacher 所属の Masaki Suzuki です。 ※各項目をできるだけ3行以内にまとめています デザイナーさんやフロントのエンジニアさん向けのReact.js(リアクトジェーエス)入門です。 「最近、『リアクト』と聞くけど、つまり何?」ってひとが対象です。 React.jsとは React.jsはUIのパーツ(構成部品)を作るためのライブラリです。 FacebookがOSSとして公開しています。 初回投稿日:2015年06月21日 この投稿はReactが話題になり始めた頃(6年前のv0.1の頃)、整理した記事です。 最新情報はこちら React Server Components 2021年からReactを始めるなら React Server Components 一択ではないか? https://zenn.dev/rgbkids/articles/e58ef9b947b199
こんにちは、ほそ道です。 今回はDOMネタです。 イベントのキャプチャとバブリングについて覚書をまとめて参ります。 また今回はv8での検証であり、レガシーなIEは対象外です。 レガシーなIEはイベント設定メソッド自体が違いますのでご注意くださいませ。 目次はこちら 入れ子なDOMのイベント発生順序制御 DOMが入れ子構造になっていてそれぞれにイベント(例えばClickイベント)が設定されていた場合 「このように動いてほしい」という期待はケースバイケースであると思います。 期待通りの処理になるようカッチリ制御しちゃいましょう。 addEventListenerの第三引数「useCapture」 例えば下記の様なHTMLがあったとします。 body内にdivが入れ子になっておりそれぞれにClickイベントが登録されています。 <html> <head lang="en"> <meta char
ECMAScript6 (ES6, ES2015) で導入された新機能の大半は、読めば便利さが想像くらいはできるけど、自分にとってしばらく訳がわからなかった新機能が「シンボル」(MDNのリファレンス)。これまで文字列だけで上手くやってきたJavaScriptに、急になぜこんなものが導入されたの? イマイチ分からなかったので、調べたことのまとめ。 シンボルの簡単なおさらい 知ってる人は読み飛ばし推奨。詳しく見たい人は、こことかの他のページを参照。 ES6で導入された、 Symbol() で作成できる特殊な値。 Symbol() は、 typeof すると 'number' でも 'string' でも 'object' でもなくて 'symbol' となる、まったく新しいタイプのプリミティブ値を生成する。 一旦作ったシンボルは、それ自身とのみ等しくなる、ユニークなIDとして機能する。 ===
はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の5つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ~すぐにでも現代っぽく出来るワンポイントまとめ~ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 このシリーズを通して、原則として厳密さよりも分かりやすさを優先するためこのようにします。予めご了承ください。 目次 Section1 ~すぐにでも現代っぽく出来るワンポイントまとめ~ Section2 ~CommonJSモジュールと仲良くなろう~ Section3 ~Browserifyをマスターしよう~ Se
はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の3つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ~すぐにでも現代っぽく出来るワンポイントまとめ~ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports
はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の2つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ~すぐにでも現代っぽく出来るワンポイントまとめ~ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
(CNN) 無傷の顔や手のひらから赤い血が汗のように流れ出る――そんな症状に見舞われて入院したイタリアの21歳の女性に関する報告が、このほどカナダの医学誌に掲載された。 患者の女性の氏名は研究の慣例として伏せられている。女性の皮膚にはひっかいたり切ったりしたような傷はない。問題の血はこれといったきっかけもなく流れ出し、1~5分ほど経つとひとりでに止まるという。 眠っているときに流れることもあれば、運動している最中に流れることもある。症状が出初めてからの3年間、女性は人付き合いを避けるようになり、うつ病やパニック障害の兆候にも悩まされてきた。女性の肌の分析や流れた血液の検査の結果からはいかなる異常も見つかっていない。 23日付けの医学誌の記事によれば、フィレンツェ大学に籍を置く皮膚科医2人が女性を診察し、正常な皮膚から血液がにじみ出る「血汗症」と呼ばれる珍しい疾患だと結論付けた。医師らはまず
「流れ」をつかめなかった広島 セ・リーグのクライマックスシリーズ・ファイナルステージは、シーズン3位のDeNAベイスターズが優勝した広島カープを破って日本シリーズ出場を決めた。初戦こそ広島が3-0の雨天コールド勝ちを収めたが、そこからDeNAが見事に4連勝した。 1勝のアドバンテージがあり、かつシーズン勝率が.714の本拠地で戦う広島は、間違いなく有利だった。しかし、12球団一の打線は湿ったままで、チャンスは作ってもそれを活かすことはできず、5試合の総得点はたったの11。小刻みな継投を駆使したラミレス監督は、見事にカープ打線を封じた。 こうした戦況について広島・緒方孝市監督はこう振り返った。 やっぱり流れをつかめるような、勢いにつながるような、そういう戦いをしなくちゃいけないなと。それをするのが監督の采配だから。 出典:スポーツ報知2017年10月24日「【広島】『流れをつかめるような戦い
楽天は9月26日、格安スマートフォン(スマホ)の「フリーテル」を買収すると発表した。買収額は負債を合わせてもわずか36億円と「格安」だ。端末まで自社で作り込む独自路線を武器に、わずか1年ほど前には携帯大手3社を猛烈に追い上げていたはずのフリーテルに何が起きたのか。広告展開が重荷「プラスワンからカネが支払われません」。7月末、ある携帯販売代理店の幹部は、部下から届いたメールに目を疑った。フリーテ
超大型で非常に強い台風21号を調べるため、名古屋大学を中心とする研究グループが21日、日本人の研究者として初めて、飛行機で台風の中心である「目」の中に入り、直接、観測を行いました。台風の中心である「目」の周りでは巨大な積乱雲が発達し、周辺では猛烈な風が吹いていることが観測され、観測にあたった専門家は「急速に発達した台風特有の状態で、今後も広い範囲で猛烈な雨や風に厳重な警戒が必要だ」と指摘しています。 21日は昼すぎに鹿児島空港を離陸し、高度13キロ余りに上昇したあと、超大型で非常に強い勢力に発達した台風21号の西側から、台風の中心の「目」に入ることに成功しました。 目の中に入ると、突如として青空が広がり、周囲には「壁雲」と呼ばれる発達した積乱雲が壁のようにそそり立ち、中心付近では海面が見える場所もありました。 研究グループは、台風の中心付近を旋回しながら、「ドロップゾンデ」と呼ばれる長さ3
独ミュンヘンで開催されたミュンヘン安全保障会議で演説するジョン・マケイン上院議員(2017年2月17日撮影)。(c)AFP/THOMAS KIENZLE 【10月24日 AFP】米共和党の重鎮ジョン・マケイン(John McCain)上院議員(81)は地元メディアとのインタビューに応じ、ドナルド・トランプ(Donald Trump)大統領の徴兵逃れ疑惑を当てこするような発言を行った。両者は険悪な関係が続いており、今回の発言は舌戦にさらに拍車を掛けるものとなった。 米政治専門ケーブルテレビCSPANは、マケイン氏がベトナム戦争(Vietnam War)従軍中に戦闘機を撃墜され、捕虜となってから50年という節目にインタビューを行った。マケイン氏は5年間、悪名高き捕虜収容所「ハノイ・ヒルトン(Hanoi Hilton)」に収監されていた。 海軍大将の父親を持ち、収監中に拷問を受けながら収容所側か
このブログでは自分なりに得た個人開発についての方法論をいろいろと紹介している。全工程を自分でやらなければならない個人開発は、自身の能力を底上げするのに最高の方法でもある。その過程で、アプリをよりよいものにするために新しいライブラリやフレームワークの導入を検討する事も多々あるだろう。 コードを書く時間というのは実は意外に短くて、基本的に作業時間の40%以上は勉強や調べ物に費やされる。以前、WakaTimeというコーディング時間を計測するサービスで計ってみたら、週に20時間程度しかやってなかった。となると、ドキュメントを読む時間やそれを理解する時間は、場合によってはボトルネックになりうるという事だ。言い換えると、ライブラリやフレームワークの使い方を素早く把握できれば、仕事の速さが大きく向上する。 本稿では、技術の使い方を素早く把握して手早く自身のプロダクトに適用するための考え方をシェアしたい。
【3ページ目に、武蔵野市議会代表者会議 全文掲載】 SNSを戦略的に活用した選挙戦で名をはせ、昨年の参院選挙では憲法改正の危うさなどを訴えて257036票を集めたストリート系の政治家・三宅洋平氏が、自身の政治団体「NAU(ナウ)」のスタッフの告発により、政治活動中の大麻所持疑惑など、大麻問題で揺れている。 とはいえ、かねてから大麻合法推進派であることでも知られていた三宅氏に所持疑惑が浮上したところで、大きな衝撃はないかもしれない。しかし、この疑惑には「現役市議の大麻黙認疑惑」「政治活動中の大麻吸引疑惑」「政治団体の同調圧力と崩壊」などストリートと政治の在り方・関係性の未来を考える上での試金石となりかねない複数の問題が含まれることが、取材によって明らかになったのだ。果たして、大量の若者支持者を街頭に集めてきたカリスマに何が起こっていたのか――? 取材第二弾は、“大麻疑惑”をFacebookで
この記事は、前出の本に入れる予定だったコラムのうちの一つです。 正確にいうと、本に入れる予定だったけど、メイン側で締め切りをぶっちぎっていたら、コラムを追加できるような空気じゃなくなって、書くのをやめたものです。 本の宣伝を兼ねて、没にしたコラムに日の目を見させて、あわよくば第二版で入ればいいなー、という内容です。 データサイエンティストの頭の中「偉い人たちは頭がおかしい」と言っても、それは相対的なものであるため、比較対象であるデータサイエンティストの頭の中を覗いてみましょう。 データサイエンティストは組織におけるデータ活用状況について、レベル分けして考えます。そして、基本的に前のレベルが実現できなくては、次のレベルに進むことはできないと考えています。 以下のレベル分けは私が適当に思い描いているものですが、同業者なら大よそ一緒なんじゃないかと思います。 Lv0: データ収集、ログ設計Lv1
2013/05/18に#TokyoWebminingで話した資料です。 大人の都合でグラフの縦軸と横軸がありません。 基本的には横軸は時間(day)と、縦軸はUUです。Read less
プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました. 多分これがslideshare内で一番役に立つと思います. スライドの作り方を学んだことがない方、参考にどうぞ! 2016.01.22 書籍発売 好評につき重版決定!! http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード! 【連絡先等】 Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】
地震大国日本。9月1日の防災の日をはじめ、年に一度は防災グッズを見直しているという人も多いことでしょう。最低限の食料や飲料水などに加え、近年は情報インフラを確保するための備えも重要になってきました。情報収集に役立つといえばスマートフォンなどのモバイル端末ですが、これらも充電が切れてしまえばただの“文鎮”になってしまいます。 そこでこの記事では、スマートフォンをしっかりと充電できるモバイルバッテリーの中でも、とりわけ災害時に他の人へ“不安なく”電力を分けられるであろうソーラーチャージャー付きの製品(以降、ソーラーモバイルバッテリー)に注目。太陽光充電を試みつつ、性能や使用感を検証してみました。 ■ Amazonで安価に買えるソーラーモバイルバッテリー Amazonでは、国内外の有名無名メーカーを問わず、さまざまなソーラーモバイルバッテリーを購入できます。今回は、3,000円以下で大容量、Am
アウトドアスポーツ関連の見本市で展示される拳銃。米ペンシルベニア州で(2017年2月10日撮影、資料写真)。(c)AFP/DOMINICK REUTER 【10月25日 AFP】マスケット銃から機関銃まで、米国人と銃とのつながりは、国そのものと同じくらい古く、また複雑だ──。しかし、米国におけるこの銃と人との密接な関係性に対して今、厳しい視線が向けられ始めている。最近では、ネバダ(Nevada)州ラスベガス(Las Vegas)で起きた、58人が犠牲となった同国史上最悪の銃乱射事件が多くの人に衝撃を与えた。 米国は、独立戦争で生まれた国だ。この流血の革命に加え、南北戦争、先住民の大量殺りく、そして西部開拓時代の荒くれ者たちの物語と、銃はその歴史の中でいつも大きな役割を担ってきた。 米カリフォルニア大学ロサンゼルス校(UCLA)のアダム・ウィンクラー(Adam Winkler)教授(憲法学)
米国で販売される抗生物質の8割は、人間の患者ではなく食肉となる豚や牛、鶏などに使われている。その結果、抗生物質耐性菌の発生源となり、われわれの健康を脅かすことが明らかになった。こうした内幕を明らかにした『Big Chicken』を刊行した科学ジャーナリスト、マリン・マケナが、食肉産業の未来について語った。 アップルパイ以上に米国的なものといえば、最近では抗生物質で育てられた動物の肉ぐらいになった。米国で販売される抗生物質の80パーセントが、人間の患者ではなく、食肉となる豚や牛、七面鳥、ニワトリに使われているのだから。 この魔法のような薬が現代の畜産を支える柱となるにつれて、大規模工場型の農場では、まったく歓迎されないものが大量に生み出されるようになった。抗生物質耐性菌だ。 これらの致死性のある新しい病原菌により、2050年までに1%2C000万人が死亡する恐れがあると推定されている。どうし
iOS 11の計算機に、「1+2+3」というごく簡単な足し算の答えを間違って表示するバグが判明。実際にやってみると、画面には「24」というビックリな数字が表示されました。 iOS 11 Bug: Typing 1+2+3 Quickly in the Calculator App Won't Get You 6 - Mac Rumors https://www.macrumors.com/2017/10/24/ios-11-calculator-animation-bug/ このバグはredditでも話題になっていたもの。1+2+3という簡単な計算を早いスピードで打ち込んだ時に、非常に高い確率で「24」という間違った答えを表示することが指摘されています。実際にやってみたのが、以下のムービー。ゆっくりと計算式を打ち込んだ場合はきちんと「6」という答えが表示されますが、速いスピードで打ち込むと
先月22日に行った演説でドナルド・トランプ大統領が、国歌斉唱時にひざまずく行為を行ったNFL選手を非難したことを機に、NFL内にひざまずく選手が拡大し、今も尚トランプ大統領とNFLとの間で全面対決が続いているのは周知の方も多いだろう。 そもそも大統領が「国、国旗に対する侮辱行為」と断じたひざまずく行為は、米国内に広がる人種差別問題への抗議を表明する目的だった。だからこそ黒人選手を中心にNFLのみまらず他競技のアスリートにも大統領批判が拡散していった。 彼らの考えに賛同し、MLBでただ1人国歌斉唱時にひざまずいたのがアスレチックスのブルース・マックスウェル選手だ。彼の故郷のアラバマ州は現在でも黒人差別が激しい地域で、数々の人種差別を目撃してきた体験からマックスウェル選手もひざまずくことを決断。それ以降様々な批難や脅迫を受けながらもシーズン終了まで継続した。 そしてシーズン終了後も、マックスウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く