{"id":335,"date":"2017-01-25T15:43:02","date_gmt":"2017-01-25T06:43:02","guid":{"rendered":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/blog\/2017\/01\/25\/learn-rxjs"},"modified":"2017-01-25T15:43:02","modified_gmt":"2017-01-25T06:43:02","slug":"learn-rxjs","status":"publish","type":"post","link":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/blog\/2017\/01\/25\/learn-rxjs\/","title":{"rendered":"RxJS\u3092\u4f8b\u3068\u3057\u305f\u72ec\u5b66\u306e10\u30b9\u30c6\u30c3\u30d7"},"content":{"rendered":"<p>\u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u5e38\u306b\u5b66\u7fd2\u3057\u3066\u3044\u304f\u8077\u7a2e\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u81ea\u5206\u3067\u5b66\u7fd2\u306e\u8a08\u753b\u3092\u305f\u3066\u3089\u308c\u308b\u3053\u3068\u306f\u91cd\u8981\u3060\u3068\u8003\u3048\u308b\u3002\u4eca\u56de\u306f\u3001Soft Skills\u3068\u3044\u3046\u672c\u3067\u3001\u72ec\u5b66\u306e\u65b9\u6cd5\u306b\u3064\u3044\u3066\u89e6\u308c\u3066\u3044\u305f\u306e\u3067\u3001\u305d\u308c\u3092\u5c11\u3057\u6574\u7406\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3046\u3002<\/p>\n<h2 id=\"outline__1\" id=\"\u5b66\u7fd2\u306e10\u30b9\u30c6\u30c3\u30d7\">\u5b66\u7fd2\u306e10\u30b9\u30c6\u30c3\u30d7<\/h2>\n<p>\u3042\u3052\u3089\u308c\u3066\u3044\u305f10\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u4ee5\u4e0b\u3060\u3063\u305f\u3002<\/p>\n<ol>\n<li>Get the big picture<\/li>\n<li>Determine scope<\/li>\n<li>Define success<\/li>\n<li>Find resources<\/li>\n<li>Create a learning plan<\/li>\n<li>Filter resources<\/li>\n<li>Learn enough to get started<\/li>\n<li>Play around<\/li>\n<li>Learn enough to do something useful<\/li>\n<li>Teach<\/li>\n<\/ol>\n<p>\u8a73\u3057\u3044\u4f8b\u3084\u8aac\u660e\u306f\u672c\u3092\u8aad\u3080\u306e\u304c1\u756a\u826f\u3044\u3068\u601d\u3046\u306e\u3067\u5272\u611b\u3059\u308b\u304c\u3001\u3053\u3053\u3067\u306f\u3001\u3053\u308c\u3089\u3092<code>RxJS\u306e\u5b66\u7fd2<\/code>\u3092\u4f8b\u306b\u53d6\u308a\u3001\u8a66\u3057\u306b\u30d7\u30ed\u30bb\u30b9\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b\u3002<\/p>\n<h2 id=\"outline__2\" id=\"get-the-big-picture\">Get the big picture<\/h2>\n<p>\u3053\u3053\u3067\u306f\u3001<code>\u4f55\u304c\u308f\u304b\u3089\u306a\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u307e\u307e\u3084\u307f\u304f\u3082\u306b\u5b66\u7fd2\u3092\u3059\u3059\u3081\u308b<\/code>\u3053\u3068\u306f\u3001\u52b9\u7387\u304c\u60aa\u3044\u3068\u3044\u3046\u3053\u3068\u3092\u8ff0\u3079\u3066\u3044\u305f\u3002\u4f8b\u3048\u3070\u3001\u3044\u304d\u306a\u308aRxJS\u306e\u66f8\u7c4d\u3092\u8aad\u307f\u59cb\u3081\u305f\u308a\u3057\u3066\u3082\u3001<code>\u81ea\u5206\u306f\u3044\u307e\u5168\u4f53\u306e\u3069\u306e\u5730\u70b9\u306b\u3044\u308b\u306e\u304b\uff1f<\/code>\u3084<code>\u3069\u306e\u7a0b\u5ea6\u7406\u89e3\u5ea6\u304c\u9032\u3093\u3067\u3044\u308b\u306e\u3060\u308d\u3046\u304b\uff1f<\/code>\u304c\u308f\u304b\u3089\u305a\u3001\u3084\u307f\u304f\u3082\u306b\u5b66\u7fd2\u3057\u3066\u3044\u308b\u306e\u3068\u540c\u3058\u306b\u306a\u3063\u3066\u3057\u307e\u3046(\u3042\u304f\u307e\u3067\u3001\u66f8\u7c4d\u3092\u8aad\u3080\u3053\u3068\u81ea\u4f53\u306f\u5426\u5b9a\u3057\u3066\u304a\u3089\u305a\u3001\u5168\u4f53\u50cf\u3092\u3064\u304b\u3080\u3053\u3068\u3092\u307e\u305a\u306f\u3058\u3081\u306b\u884c\u3046\u3079\u304d\u3001\u3068\u3044\u3046\u3053\u3068\u3092\u8a00\u3063\u3066\u3044\u305f)\u3002<\/p>\n<p>\u3053\u3053\u3067\u5168\u4f53\u50cf\u3092\u793a\u3059\u306a\u3089\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u3082\u306e\u306b\u306a\u308b\u3068\u81ea\u5206\u306f\u8003\u3048\u305f\u3002<\/p>\n<pre><code class=\"language-markdown\">* Reactive Extensions\u3068\u306f\uff1f\n* Stream\u3068\u306f\uff1f\n* RxJS\u3068\u306f\uff1f\n* Observable\u3068\u306f\uff1f\n* Subject\u3068\u306f\uff1f\n* Operators\u3068\u306f\uff1f\n* RxJS\u306b\u304a\u3051\u308b\u5b9f\u88c5\u4f8b\u306f\u3069\u3093\u306a\u3082\u306e\u304c\u3042\u308b\uff1f\n* RxJS\u306eAPI\u306b\u306f\u3069\u3093\u306a\u3082\u306e\u304c\u3042\u308b\uff1f\u4f55\u3092\u3057\u3066\u304f\u308c\u308b\uff1f\n* \u8a2d\u8a08\u306b\u306f\u3069\u3093\u306a\u624b\u6cd5\u304c\u3042\u308b\uff1f\n* RxJS\u3092\u4f7f\u7528\u3057\u305f\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\uff1f\n* \u30c6\u30b9\u30c8\u306f\u3069\u306e\u3088\u3046\u306b\u66f8\u304f\uff1f<\/code><\/pre>\n<h2 id=\"outline__3\" id=\"determine-scope\">Determine scope<\/h2>\n<p><code>\u300c\u7269\u7406\u5b66\u300d\u3092\u5b66\u7fd2\u3057\u3088\u3046<\/code>\u3068\u601d\u3063\u3066\u3082\u7121\u7406\u304c\u3042\u308b\u3002\u3053\u3053\u3067\u306f\u3001\u3059\u3079\u3066\u5b66\u3073\u305f\u3044\u6b32\u6c42\u3092\u6291\u3048\u3066scope\u3092\u6c7a\u3081\u308d\u3001\u3068\u3044\u3046\u3053\u3068\u3092\u8a00\u3063\u3066\u3044\u308b\u3002\u4eca\u56de\u306f\u4f8b\u306a\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306bscope\u3092\u5b9a\u7fa9\u3057\u3066\u307f\u305f\u3002<\/p>\n<pre><code class=\"language-markdown\">* RxJS\u304c\u4f55\u3092\u3059\u308b\u3082\u306e\u306a\u306e\u304b\n* Observable\/Subject\u306a\u3069\u3001\u57fa\u672c\u7684\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u3064\u3044\u3066\n* Operator\u3092\u4f7f\u7528\u3057\u305fRxJS\u306b\u3088\u308bStream\u306e\u64cd\u4f5c<\/code><\/pre>\n<h2 id=\"outline__4\" id=\"define-success\">Define success<\/h2>\n<p>\u5b66\u7fd2\u306e\u30b4\u30fc\u30eb\u3092\u6c7a\u3081\u308d\u3068\u306e\u3053\u3068\u3067\u3001\u4eca\u56de\u306e\u30b4\u30fc\u30eb\u3092\u6c7a\u3081\u3066\u307f\u308b\u3002\u672c\u8a18\u4e8b\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3057\u305f\u3002<\/p>\n<pre><code class=\"language-markdown\">RxJS\u306e\u7c21\u5358\u306a\u30b3\u30fc\u30c9\u4f8b\u3092\u8aad\u3093\u3067\u7406\u89e3\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002\n\n\u5177\u4f53\u7684\u306b\u306f\u3001\nObservable\u3092\u4f5c\u6210\u3057\u3001Operator\u3092\u4f7f\u7528\u3057\u3066\u64cd\u4f5c\u3055\u308c\u305f\u3001\n\u6570\u5341\u884c\u7a0b\u5ea6\u306e\u30b3\u30fc\u30c9\u3092\u7406\u89e3\/\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/code><\/pre>\n<h2 id=\"outline__5\" id=\"find-resources\">Find resources<\/h2>\n<p>\u3053\u3053\u3067\u306f\u3001\u5b66\u7fd2\u306e\u305f\u3081\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u7247\u3063\u7aef\u304b\u3089\u8abf\u3079\u4e0a\u3052\u308b\u3002<\/p>\n<h3 id=\"outline__5_1\" id=\"awesome\">Awesome<\/h3>\n<ul>\n<li><a href=\"https:\/\/github.com\/ichpuchtli\/awesome-rxjs\">ichpuchtli\/awesome-rxjs: A collection of awesome RxJS resources<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/jsynowiec\/awesome-rxjs\">jsynowiec\/awesome-rxjs: A collection of awesome RxJS resources<\/a><\/li>\n<\/ul>\n<h3 id=\"outline__5_2\" id=\"web\">Web<\/h3>\n<ul>\n<li><a href=\"http:\/\/reactivex.io\/\">ReactiveX<\/a><\/li>\n<li><a href=\"http:\/\/reactivex.io\/rxjs\/\">RxJS API Document<\/a><\/li>\n<li><a href=\"https:\/\/gist.github.com\/staltz\/868e7e9bc2a7b8c1f754\">The introduction to Reactive Programming you&#39;ve been missing<\/a><\/li>\n<li><a href=\"http:\/\/rxmarbles.com\/\">RxMarbles: Interactive diagrams of Rx Observables<\/a><\/li>\n<li><a href=\"http:\/\/qiita.com\/advent-calendar\/2015\/rxjs\">RxJS Advent Calendar 2015 - Qiita<\/a><\/li>\n<li><a href=\"http:\/\/r7kamura.hatenablog.com\/entry\/2015\/10\/07\/071900\">cycle.js\u3067\u306eMVI\u5206\u5272\u6642\u306b\u3069\u3046\u8003\u3048\u3066\u308b\u304b - \u2718\u2579\u25e1\u2579\u2718<\/a><\/li>\n<li><a href=\"http:\/\/r7kamura.hatenablog.com\/entry\/2015\/10\/04\/062333\">\u30a8\u30c7\u30a3\u30bf\u306e\u5b9f\u88c5\u3092cycle.js\u3067MVI\u30d9\u30fc\u30b9\u306b\u3057\u3066\u307f\u305f\u8a71 - \u2718\u2579\u25e1\u2579\u2718<\/a><\/li>\n<li><a href=\"http:\/\/blog.mmmcorp.co.jp\/blog\/2015\/12\/20\/prepare-to-rxjs\/\">Rx(JS)\u306b\u5165\u9580\u3059\u308b\u524d\u306b\u77e5\u3063\u3066\u304a\u304d\u305f\u3044N\u500b\u306e\u3053\u3068<\/a><\/li>\n<li><a href=\"http:\/\/blog.mmmcorp.co.jp\/blog\/2016\/06\/25\/testing-rxjs-5\/\">RxJS(5.x)\u3067\u884c\u3046\u30c6\u30b9\u30c8\u30d5\u30a1\u30fc\u30b9\u30c8\u306a\u6a5f\u80fd\u958b\u767a<\/a><\/li>\n<li><a href=\"http:\/\/blog.mmmcorp.co.jp\/blog\/2016\/07\/22\/why-rx\/\">\u306a\u305cReactive Extensions\u3092\u5c0e\u5165\u3059\u308b\u306e\u304b\uff1f<\/a><\/li>\n<li><a href=\"https:\/\/liginc.co.jp\/web\/js\/151272\">\u300cRxJS\u300d\u521d\u5fc3\u8005\u5165\u9580 - JavaScript\u306e\u975e\u540c\u671f\u51e6\u7406\u306e\u5e38\u8b58\u3092\u5909\u3048\u308b\u30e9\u30a4\u30d6\u30e9\u30ea | \u682a\u5f0f\u4f1a\u793eLIG<\/a><\/li>\n<li><a href=\"http:\/\/qiita.com\/toRisouP\/items\/f6088963037bfda658d3\">Rx\u306eHot\u3068Cold\u306b\u3064\u3044\u3066 - Qiita<\/a><\/li>\n<li><a href=\"http:\/\/qiita.com\/ovrmrw\/items\/8cca6f40d5f78909a3dc\">Redux\u306e\u6982\u5ff5\u3092RxJS\u3068TypeScript\u3067\u7406\u89e3\u3059\u308b ver.2 - Qiita<\/a><\/li>\n<li><a href=\"https:\/\/angular.io\/docs\/ts\/latest\/tutorial\/toh-pt6.html#!#sts=Import%20RxJS%20operators\">Angular HTTP TUTORIAL<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/staltz\/rxjs-training\">staltz\/rxjs-training: RxJS Workshop exercises for MLOC.js<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/ng-book\/angular2-rxjs-chat\">ng-book\/angular2-rxjs-chat: Example Chat Application using RxJS and Angular 2<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/fdecampredon\/react-rxjs-todomvc\">fdecampredon\/react-rxjs-todomvc: TodoMVC implementation with React and RxJS<\/a><\/li>\n<li><a href=\"https:\/\/nodejs.org\/api\/stream.html\">Stream | Node.js v7.4.0 Documentation<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/substack\/stream-handbook\">substack\/stream-handbook: how to write node programs with streams<\/a><\/li>\n<li><a href=\"https:\/\/www.tutorialspoint.com\/nodejs\/nodejs_streams.htm\">Node.js Streams<\/a><\/li>\n<li><a href=\"https:\/\/egghead.io\/lessons\/rxjs-what-is-rxjs\">What Is RxJS? - rx Video Tutorial #free @eggheadio<\/a><\/li>\n<li><a href=\"https:\/\/egghead.io\/lessons\/rxjs-creating-observable-from-scratch\">Creating Observable From Scratch - rx Video Tutorial #free @eggheadio<\/a><\/li>\n<li><a href=\"https:\/\/egghead.io\/lessons\/rxjs-introduction-to-rxjs-marble-testing\">Introduction to RxJS Marble Testing - rx Video Tutorial #free @eggheadio<\/a><\/li>\n<li><a href=\"https:\/\/www.reddit.com\/r\/javascript\/comments\/3zr6i0\/conversation_whats_the_core_differences_between\/\">CONVERSATION: What&#39;s the core differences between the observables\/signals approach of Cycle.js and Elm vs React&#39;s pseudo FRP manually-triggered branch re-rendering approach? : javascript<\/a><\/li>\n<\/ul>\n<h3 id=\"outline__5_3\" id=\"\u66f8\u7c4d\">\u66f8\u7c4d<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.learnrxjs.io\/\">learn-rxjs<\/a>\n<ul>\n<li>GitBook<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/xgrommx.github.io\/rx-book\/index.html\">RxJS - Javascript library for functional reactive programming.<\/a>\n<ul>\n<li>GitBook<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/www.amazon.co.jp\/dp\/B01ATYZTI4\/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1\">Reactive Programming with RxJS<\/a><\/li>\n<li><a href=\"https:\/\/www.amazon.co.jp\/Introduction-Rx-Reactive-Extensions-English-ebook\/dp\/B008GM3YPM\/ref=sr_1_1?s=digital-text&amp;ie=UTF8&amp;qid=1485394768&amp;sr=1-1&amp;keywords=Introduction+to+Rx\">Introduction to Rx<\/a><\/li>\n<\/ul>\n<h2 id=\"outline__6\" id=\"create-a-learning-plan\">Create a learning plan<\/h2>\n<p>\u5b9a\u7fa9\u3057\u305fscope\u3092\u5143\u306b\u3001<code>learning plan<\/code>\u3092\u8003\u3048\u308b\u3002\u4eca\u56de\u306fscope\u3082scope\u3060\u304c\u3001\u5b66\u3076\u5185\u5bb9\u3082\u3044\u3063\u3066\u3057\u307e\u3048\u3070<code>\u30e9\u30a4\u30d6\u30e9\u30ea<\/code>\u306a\u306e\u3067\u3001\u3056\u3063\u304f\u308a\u3068\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u611f\u3058\u3067\u3082\u554f\u984c\u306a\u3044\u304b\u3068\u8003\u3048\u305f\u3002<\/p>\n<pre><code class=\"language-markdown\">* RxJS\u304c\u4f55\u3092\u3059\u308b\u3082\u306e\u306a\u306e\u304b\n* Observable\/Subject\u306a\u3069\u3001\u57fa\u672c\u7684\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u3064\u3044\u3066\n* Operator\u3092\u4f7f\u7528\u3057\u305fRxJS\u306b\u3088\u308bStream\u306e\u64cd\u4f5c<\/code><\/pre>\n<p>( \u02d8\u2296\u02d8) \u3002o\uff08scope\u3068\u540c\u3058\u306b\u306a\u3063\u3066\u3057\u307e\u3063\u305f\u304c\u3053\u308c\u3067\u3044\u3044\u306e\u3060\u308d\u3046\u304b...\uff09\u3068\u3082\u601d\u3063\u305f\u304c\u3001scope\u81ea\u4f53\u305d\u3093\u306a\u306b\u305f\u3044\u305d\u308c\u305f\u30c8\u30d4\u30c3\u30af\u3067\u306f\u306a\u3044\u306e\u3067\u3001\u4eca\u56de\u306f\u3053\u308c\u3067\u3088\u3057\u3068\u3057\u3066\u3001\u6b21\u306b\u9032\u3082\u3046\u3068\u601d\u3046\u3002<\/p>\n<h2 id=\"outline__7\" id=\"filter-resources\">Filter resources<\/h2>\n<p>\u4e0e\u3048\u3089\u308c\u305fscope\u3084\u30b4\u30fc\u30eb\u3092\u8003\u3048\u3001\u96c6\u3081\u305f\u30ea\u30bd\u30fc\u30b9\u306e\u4e2d\u3067\u3069\u308c\u304c\u91cd\u8981\u304b\u3092\u30d5\u30a3\u30eb\u30bf\u30fc\u3057\u3066\u304a\u304f\u3002\u4eca\u56de\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u3063\u305f\u3002<\/p>\n<ul>\n<li><a href=\"http:\/\/reactivex.io\/rxjs\/\">RxJS API Document<\/a><\/li>\n<li><a href=\"https:\/\/gist.github.com\/staltz\/868e7e9bc2a7b8c1f754\">The introduction to Reactive Programming you&#39;ve been missing<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/ichpuchtli\/awesome-rxjs\">ichpuchtli\/awesome-rxjs: A collection of awesome RxJS resources<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/jsynowiec\/awesome-rxjs\">jsynowiec\/awesome-rxjs: A collection of awesome RxJS resources<\/a><\/li>\n<li><a href=\"https:\/\/xgrommx.github.io\/rx-book\/index.html\">RxJS - Javascript library for functional reactive programming.<\/a><\/li>\n<li><a href=\"http:\/\/qiita.com\/advent-calendar\/2015\/rxjs\">RxJS Advent Calendar 2015 - Qiita<\/a><\/li>\n<li><a href=\"http:\/\/blog.mmmcorp.co.jp\/blog\/2015\/12\/20\/prepare-to-rxjs\/\">Rx(JS)\u306b\u5165\u9580\u3059\u308b\u524d\u306b\u77e5\u3063\u3066\u304a\u304d\u305f\u3044N\u500b\u306e\u3053\u3068<\/a><\/li>\n<li><a href=\"http:\/\/blog.mmmcorp.co.jp\/blog\/2016\/06\/25\/testing-rxjs-5\/\">RxJS(5.x)\u3067\u884c\u3046\u30c6\u30b9\u30c8\u30d5\u30a1\u30fc\u30b9\u30c8\u306a\u6a5f\u80fd\u958b\u767a<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/ng-book\/angular2-rxjs-chat\">angular2-rxjs-chat: Example Chat Application using RxJS and Angular 2<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/fdecampredon\/react-rxjs-todomvc\">react-rxjs-todomvc: TodoMVC implementation with React and RxJS<\/a><\/li>\n<li><a href=\"http:\/\/rxmarbles.com\/\">RxMarbles: Interactive diagrams of Rx Observables<\/a><\/li>\n<\/ul>\n<p>\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u3001\u66f8\u7c4d\u306f\u5272\u611b\u3057\u305f\u3002\u305f\u3060\u3057\u3001<a href=\"https:\/\/www.amazon.co.jp\/dp\/B01ATYZTI4\/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1\">Reactive Programming with RxJS<\/a>\u306e1-2\u7ae0\u3042\u305f\u308a\u306f\u9806\u3092\u8ffd\u3063\u3066\u8aac\u660e\u304c\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u4f7f\u3044\u65b9\u3092\u8003\u3048\u308b\u3068\u826f\u3044\u30ea\u30bd\u30fc\u30b9\u3060\u3068\u8003\u3048\u308b\u3002\u305d\u308c\u3067\u3044\u3046\u3068\u3001awesome-rxjs\u306a\u3069\u3082\u7528\u6cd5\u7528\u91cf\u3082\u5b88\u3063\u3066\u307f\u3066\u3086\u304d\u305f\u3044\u3002<\/p>\n<h2 id=\"outline__8\" id=\"learn-enough-to-get-started\">Learn enough to get started<\/h2>\n<p>\u3053\u3053\u307e\u3067\u3001\u8abf\u67fb\u304c\u30e1\u30a4\u30f3\u3060\u3063\u305f\u304c\u3001\u3084\u306f\u308a\u6700\u7d42\u7684\u306b\u306f\u4f55\u304b\u4f5c\u3063\u3066\u307f\u308b\u3053\u3068\u304c\u91cd\u8981\u3060\u3068\u8a00\u3063\u3066\u3044\u308b\u3002\u305f\u3060\u3057\u3001\u3044\u304d\u306a\u308a\u4f5c\u308a\u59cb\u3081\u3066\u3082\u305d\u308c\u306f\u305d\u308c\u3067\u826f\u304f\u306a\u304f\u3001<code>\u4f5c\u308a\u59cb\u3081\u3089\u308c\u308b\u3060\u3051\u306e\u6700\u5c0f\u9650\u306e\u30a4\u30f3\u30d7\u30c3\u30c8<\/code>\u3092\u3057\u3066\u304b\u3089\u304c\u52b9\u7387\u304c\u3044\u3044\u3068\u8ff0\u3079\u3066\u3044\u308b\u3002<\/p>\n<p>\u3053\u3053\u3067\u3044\u3046\u3068\u3001<a href=\"http:\/\/reactivex.io\/rxjs\/\">\u516c\u5f0f<\/a>\u306eIntroduction\u3001Tutorial\u30ec\u30d9\u30eb\u306e\u3082\u306e\u304c\u7406\u89e3\u3067\u304d\u308c\u3070\u3001\u7c21\u5358\u306a\u30b5\u30f3\u30d7\u30eb\u3092\u66f8\u304d\u59cb\u3081\u308b\u3053\u3068\u306f\u3067\u304d\u308b\u306e\u304b\u306a\u3068\u8003\u3048\u308b\u3002\u3059\u3079\u3066\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u307f\u305f\u3044\u6b32\u6c42\u3092\u6291\u3048\u3066\u3001\u6700\u5c0f\u9650\u3067\u6211\u6162\u3059\u308b\u306e\u304c\u826f\u3044\u3089\u3057\u3044\u3002\u81ea\u5206\u306f\u3001\u8a18\u4e8b\u3084\u66f8\u7c4d\u3001GitHub\u3092\u8aad\u3093\u3060\u308a\u3057\u3066\u3001\u307e\u305a\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u63a2\u3057\u3066\u3057\u307e\u3046\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u3053\u306e\u3084\u308a\u65b9\u3082\u53c2\u8003\u306b\u306a\u3063\u305f\u3002<\/p>\n<h2 id=\"outline__9\" id=\"play-around\">Play around<\/h2>\n<p>\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u306f\u3001\u5b9f\u969b\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u904a\u3093\u3067\u307f\u308b\u3002\u4f55\u304b\u30d7\u30ed\u30c0\u30af\u30c8\u3092\u3064\u304f\u308b\u3068\u304b\u3092\u6c7a\u3081\u306a\u304f\u3066\u3082\u826f\u304f\u3001\u305f\u3060\u597d\u304d\u306a\u3088\u3046\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u305f\u308a\u4fee\u6b63\u3057\u305f\u308a\u3057\u3066\u30c6\u30b9\u30c8\u3057\u3066\u307f\u308b\u306e\u304c\u91cd\u8981\u3060\u3068\u8a00\u3063\u3066\u3044\u308b\u3002<\/p>\n<p>\u4eca\u56de\u306escope\u3067\u3044\u3046\u3068\u3001<a href=\"http:\/\/rxmarbles.com\/\">RxMarbles<\/a>\u3092\u307f\u306a\u304c\u3089API\u3092\u8a66\u3057\u3066\u307f\u305f\u308a\u3001<a href=\"http:\/\/reactivex.io\/rxjs\/manual\/overview.html#categories-of-operators\">Creation Operators<\/a>\u3092\u307f\u306a\u304c\u3089\u3044\u308d\u3093\u306aStream\u3092\u3064\u304f\u3063\u3066\u904a\u3093\u3067\u307f\u305f\u308a...\u3060\u308d\u3046\u304b\u3002\u7c21\u5358\u306a\u30a2\u30d7\u30ea\u3092\u4f5c\u308a\u306a\u304c\u3089\u904a\u3076\u306e\u3082\u3001\u6d41\u308c\u3092\u7406\u89e3\u3067\u304d\u3066\u3044\u3044\u304b\u3082\u3057\u308c\u306a\u3044\u3002<\/p>\n<p>\u500b\u4eba\u7684\u306b\u306f\u3001GitHub\u3067\u30bd\u30fc\u30b9\u3092\u8aad\u3080\u306e\u304c\u904a\u3073\u3068\u3044\u3046\u610f\u5473\u3067\u306f\u597d\u304d\u3067\u3001<a href=\"https:\/\/github.com\/ng-book\/angular2-rxjs-chat\">angular2-rxjs-chat<\/a>\u3068\u304b<a href=\"https:\/\/github.com\/fdecampredon\/react-rxjs-todomvc\">react-rxjs-todomvc<\/a>\u3001<a href=\"https:\/\/github.com\/cyclejs\/cyclejs\/tree\/master\/examples\">cyclejs\/examples<\/a>\u3092\u307f\u3066\u904a\u3093\u3067\u3044\u305f\u3002\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u306b\u5f53\u3066\u306f\u3081\u308b\u3068\u3059\u308b\u306a\u3089\u3070\u3001\u30b5\u30f3\u30d7\u30eb\u306e\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3057\u306a\u304c\u3089\u52d5\u4f5c\u3092\u898b\u3066\u904a\u3076\u611f\u3058\u306b\u306a\u308b\u3060\u308d\u3046\u304b\u3002<\/p>\n<h2 id=\"outline__10\" id=\"learn-enough-to-do-something-useful\">Learn enough to do something useful<\/h2>\n<p><code>Play around<\/code>\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3001\u5b66\u3073\u3084\u7591\u554f\u304c\u51fa\u3066\u304f\u308b\u306f\u305a\u3067\u3001\u305d\u308c\u3092\u3072\u3068\u3064\u3072\u3068\u3064\u6d88\u5316\u3057\u3066\u3086\u304f\u306e\u304c\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3042\u308b\u3002\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u306b\u306a\u308a\u521d\u3081\u3066\u3001<code>Filter resources<\/code>\u3067\u8abf\u67fb\u3057\u305f\u30ea\u30bd\u30fc\u30b9\u3092\u672c\u683c\u7684\u306b\u898b\u3066\u3086\u304f\u3053\u3068\u306b\u306a\u308b\u3002\u305f\u3060\u3057\u3001\u305d\u306e\u969b\u3082\u3001\u3059\u3079\u3066\u3092\u898b\u3066\u3086\u304f\u5fc5\u8981\u306f\u306a\u304f\u3001<code>Play around<\/code>\u3067\u3067\u3066\u304d\u305f\u7591\u554f\u3084\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u624b\u7acb\u3066\u3068\u3057\u3066\u6d3b\u7528\u3059\u308b\u306e\u304c\u826f\u3044\u3089\u3057\u3044\u3002\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u8abf\u67fb\u3057\u305f\u308a\u3059\u308b\u306e\u306f\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3084\u308b\u3079\u304d\u3053\u3068\u306a\u306e\u304b\u306a\u3068\u601d\u3063\u305f\u3002\u307e\u305f\u3001<code>Create a learning plan<\/code>\u3067\u6c7a\u3081\u305f\u5b66\u7fd2\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u9054\u6210\u3067\u304d\u3066\u3044\u308b\u304b\u3092\u898b\u3066\u3001\u7406\u89e3\u3092\u6df1\u3081\u3066\u3086\u304f\u3002<\/p>\n<h2 id=\"outline__11\" id=\"teach\">Teach<\/h2>\n<p>\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u306f\u3001\u4eba\u306b\u6559\u3048\u308b\u3053\u3068\u304c\u3042\u3052\u3089\u308c\u3066\u3044\u308b\u3002<code>\u6559\u3048\u308b<\/code>\u65b9\u6cd5\u306e\u4e00\u89a7\u3068\u3057\u3066\u3001\u304c\u4ee5\u4e0b\u304c\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u305f\u3002<\/p>\n<pre><code class=\"language-markdown\">* Write a blog post.\n* Create a YouTube video or tutorial.\n* Give a presentation.\n* Have a conversation with a friend or your spouse.\n* Answer questions in an online forum.<\/code><\/pre>\n<p><code>YouTube video<\/code>\u306f\u30cf\u30fc\u30c9\u30eb\u9ad8\u3044\u3060\u308d...\u3068\u601d\u3063\u3066\u3057\u307e\u3046\u306e\u3060\u304c\u3001\u9854\u51fa\u3057\u3092\u305b\u305a\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u6620\u3057\u306a\u304c\u3089\u306e\u8b1b\u5ea7\u306a\u3089\u3067\u304d\u306a\u304f\u3082\u306a\u3044\u306e\u3060\u308d\u3046\u304b\u3002\u500b\u4eba\u7684\u306b\u306f\u30011\u756a\u624b\u3063\u53d6\u308a\u65e9\u3044\u306e\u306f\u30d6\u30ed\u30b0\u3084Qiita\u3067\u77e5\u898b\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u304b\u3068\u601d\u3063\u305f\u3002\u307e\u305f\u3001\u793e\u5185\u306b\u74b0\u5883\u304c\u3042\u308b\u306e\u306a\u3089\u3001\u52c9\u5f37\u4f1a\u306a\u3069\u958b\u3044\u3066\u3082\u3044\u3044\u304b\u3082\u3057\u308c\u306a\u3044\u3057\u3001\u30a4\u30d9\u30f3\u30c8\u3067\u767b\u58c7\u3059\u308b\u306a\u3069\u3082\u3088\u3055\u305d\u3046\u3002<\/p>\n<h2 id=\"outline__12\" id=\"\u307e\u3068\u3081\">\u307e\u3068\u3081<\/h2>\n<p>\u3053\u3053\u307e\u3067\u5b66\u7fd2\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u307e\u3068\u3081\u3066\u307f\u305f\u304c\u3001\u500b\u4eba\u7684\u306a\u898b\u89e3\u306b\u57fa\u3065\u304f\u3082\u306e\u306a\u306e\u3067\u3001\u3054\u4e86\u627f\u3044\u305f\u3060\u304d\u305f\u3044\u3002\u3042\u304f\u307e\u3067\u3053\u306e\u8a18\u4e8b\u3067\u3084\u3063\u3066\u307f\u305f\u304b\u3063\u305f\u306e\u306f\u3001\u5b66\u7fd2\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u81ea\u5206\u3067\u4f5c\u3063\u3066\u3086\u304f\u3068\u3044\u3046\u3053\u3068\u3060\u3063\u305f\u3002\u5177\u4f53\u7684\u306b\u306f\u3001\u4ee5\u4e0b\u306e10\u30b9\u30c6\u30c3\u30d7\u3092\u901a\u3057\u3066\u3001\u3069\u3093\u306a\u6280\u8853\u3067\u3082\u81ea\u5206\u3067\u5b66\u7fd2\u3067\u304d\u308b\u72b6\u614b\u3092\u3064\u304f\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u3067\u306f\uff1f\u3068\u3044\u3046\u3053\u3068\u3060\u3002<\/p>\n<ol>\n<li>Get the big picture<\/li>\n<li>Determine scope<\/li>\n<li>Define success<\/li>\n<li>Find resources<\/li>\n<li>Create a learning plan<\/li>\n<li>Filter resources<\/li>\n<li>Learn enough to get started<\/li>\n<li>Play around<\/li>\n<li>Learn enough to do something useful<\/li>\n<li>Teach<\/li>\n<\/ol>\n<p>\u81ea\u5206\u306e\u666e\u6bb5\u306e\u5b66\u7fd2\u30d7\u30ed\u30bb\u30b9\u3068\u306f\u7570\u306a\u308b\u90e8\u5206\u304c\u3042\u3063\u305f\u306e\u3067\u3001\u53c2\u8003\u306b\u3057\u305f\u3044\u3002\u3061\u3087\u3063\u3068\u3044\u308d\u3044\u308d\u7406\u89e3\u304c\u7518\u3044\u3068\u3053\u308d\u306f\u3042\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u306e\u3067\u3001\u305d\u306e\u6642\u306f\u3054\u6307\u6458\u9802\u3051\u308b\u3068\u3042\u308a\u304c\u305f\u3044\u3067\u3059m(. .)m<\/p>\n<h2 id=\"outline__13\" id=\"\u53c2\u8003\">\u53c2\u8003<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.amazon.co.jp\/Soft-Skills-Software-Developers-Manual\/dp\/1617292397\">Soft Skills: The Software Developer&#39;s Life Manual: Scott Hanselman, Robert C. Martin, John Z. Sonmez<\/a><\/li>\n<\/ul>\n<blockquote>\n<ul>\n<li>Most developers crack open a book and start reading through it with- out even knowing what they don\u2019t know. They leave these \u201cunknown unknowns\u201d for later discovery.<\/li>\n<li>You can\u2019t learn everything about digital photography in any reasonable amount of time, so you\u2019ll have to decide what areas to focus on and what the scope should be.<\/li>\n<li>You can only learn one thing at a time. You can always come back later and learn about other subtopics that branch off of your original topic, but for now, pick one narrowly focused thing and go with it.<\/li>\n<li>Scope your topic down to the appropriate size that fits your overall reason for learning and fits into the timeframe that\u2019s available to you.<\/li>\n<li>Now that you have some resources, you can use those resources to get an idea of what you should learn and in what order you should learn it.<\/li>\n<li>But now it\u2019s time to whittle those resources down to the handful of most valuable ones that will help you achieve your goal.<\/li>\n<li>It\u2019s easy to get carried away and start consuming all the resources you have on the module you\u2019re trying to learn, but you\u2019ll find the most success if you can avoid that temptation.<\/li>\n<li>Most people will attempt to learn a subject by reading a book or watching a video about that subject. They\u2019ll try to absorb as much information upfront and then take action later. The problem with this approach is that when they\u2019re reading about their subject, they have no idea what is important.<\/li>\n<li>You might go through your resources and look up everything pertaining to light or any other ques- tions that came up while you were playing around.<\/li>\n<li>Remember, though, you still don\u2019t have to completely consume every single resource you gathered.<\/li>\n<\/ul>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u5e38\u306b\u5b66\u7fd2\u3057\u3066\u3044\u304f\u8077\u7a2e\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u81ea\u5206\u3067\u5b66\u7fd2\u306e\u8a08\u753b\u3092\u305f\u3066\u3089\u308c\u308b\u3053\u3068\u306f\u91cd\u8981\u3060\u3068\u8003\u3048\u308b\u3002\u4eca\u56de\u306f\u3001Soft Skills\u3068\u3044\u3046\u672c\u3067\u3001\u72ec\u5b66\u306e\u65b9\u6cd5\u306b\u3064\u3044\u3066\u89e6\u308c\u3066\u3044\u305f\u306e\u3067\u3001\u305d\u308c\u3092\u5c11\u3057\u6574\u7406\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3046\u3002 \u5b66\u7fd2\u306e10\u30b9\u30c6\u30c3\u30d7 \u3042\u3052\u3089\u308c\u3066\u3044\u305f10\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u4ee5\u4e0b\u3060\u3063\u305f\u3002 Get the big picture Determine scope Define success Find resources [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":826,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[77],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/posts\/335"}],"collection":[{"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":0,"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/posts\/335\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/media\/826"}],"wp:attachment":[{"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/media?parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/categories?post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/p-corporate-blog-cms.mmmcorp.co.jp\/wp-json\/wp\/v2\/tags?post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}