RxJSで始めるリアクティブ・プログラミング と GitHub Emoji

参考文献
『Angular6 から始める RxJS6 入門』 https://qiita.com/MasanobuAkiba/items/a5026bd37603cc29e9e7

Transcript

1. 3Y+4Ͱ࢝ΊΔ ϦΞΫςΟϒɾϓϩάϥϛϯά ͱ (JU)VC
   &NPKJ ৘ใཧ޻ֶ෦ ճੜ দຊ ޾େ
2. 
    • • • • •
3. 
     
          
4. 
     • A • A / A • A • A A • A A , P
5. 
   
     • 
      • (
      • ( ()    
6. 
   
     from P : from([1, 2, 3, 4]) .subscribe(x => console.log(x)); // 1, 2, 3, 4
    subscribe S P : I P Subscription P :P O
7. fromEvent(window, ‘online’) .subscribe(x => console.log(x)); // ↑ ↓ : window.addEventListener(‘online’, event => { console.log(event); });
8. ( ) 2 ok function listener() { // O setTimeout(() => { // 2 : console.log(‘ok’); }, 2000) } // window.addEventListener(‘online’, listener); window.addEventListener(‘offline’, listener); S S
9. : 2 ok merge( fromEvent(window, ‘online’), fromEvent(window, ‘offline’)) .pipe(timeout(2000)) .subscribe(() => console.log(‘ok’));
10. : 2 ok merge( /* 2 Observable */ fromEvent(window, ‘online’), fromEvent(window, ‘offline’)) .pipe(timeout(2000)) /* 2 */ .subscribe(() => console.log(‘ok’)); O O
11. 
    
13. 
      
14. 
    
15. ! " #
16. 
     .. . / .
17. 
     • G H E • E H •
18.