Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

カジュアルにリアクティブウェブを実現している話

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for nashibao nashibao
August 26, 2014
Programming
5.6k
1

 カジュアルにリアクティブウェブを実現している話

"月刊ライトニングトーク2014年8月号: MEAN 祭り"で発表しました。
@nashibao
株式会社プレイド
http://plaid.co.jp

Avatar for nashibao

nashibao

August 26, 2014

More Decks by nashibao

See All by nashibao
ちゃんと使えるBotについて考える
Avatar for nashibao nashibao
0
2.4k
PySparkを使った レコメンドアルゴリズムの改良
Avatar for nashibao nashibao
1
6.1k
fishシェルからのエトセトラ - nanapi勉強会 vol2
Avatar for nashibao nashibao
1
560
Amazon Kinesisでストリーム解析 - Node学園12時限目
Avatar for nashibao nashibao
4
4k

Other Decks in Programming

See All in Programming
ジョジョの世界をXRで再現する
Avatar for mofurune mofurune
0
130
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
Avatar for Atsuki Seo atsuki_seo
0
230
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
140
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
340
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
Jetpack Compose Mechanisms
Avatar for Jaewoong skydoves
2
510
Heart of Swift Concurrency
Avatar for Yuta Koshizawa koher
0
1.2k
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
160
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
Avatar for r-kagaya rkaga
8
5.5k
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
20
21k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
550
Workers Cache を知る
Avatar for syumai syumai
0
340

Featured

See All Featured
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
300
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
15k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
530
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
600
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k

Transcript

  1. ΧδϡΞϧʹϦΞΫςΟϒ΢Σ ϒΛ࣮ݱ͍ͯ͠Δ࿩ (ג)ϓϨΠυ @nashibao 2014/05/29 http://plaid.co.jp ݄ץϥΠτχϯάτʔΫ2014೥8݄߸: MEAN ࡇΓ

  2. @nashibaoͱ͍͍·͢ ࣲࢁ௚थ ৘೤త෼ࢄܕػցֶशతΤϯδχΞ(31) ! ~201208: େֶͱ͔Ͱ໱ʑͱ͢ΔɽMapReduceͱߦྻ෼ղ͕޷෺ɽ 201209: Node.jsʹ໨֮ΊΔ 201304: ݩָఱ(31)ͱىۀ

    σʔλղੳ&CRMαʔϏε 201309: ത࢜υϩοϓΞ΢τ

  3. ΧδϡΞϧ + ϦΞΫςΟϒ “؆୯ʹ΢ΣϒΞϓϦΛϦΞΫςΟϒʹ͢Δํ๏"

  4. ϦΞΫςΟϒʁ

  5. ϦΞΫςΟϏςΟʢϦΞΫςΟ ϒ΢Σϒʣ ৭ʑͳҙຯ߹͍Ͱ࢖ΘΕΔɻ ΢ΣϒͩͱσʔλόΠϯσΟϯάͷҙຯ߹͍ ͕ڧ͍ FRPͷݶఆతͳ࢖ΘΕํʢͨͿΜʣ

  6. ࢀߟจݙ “Trigger ͱ Stream ϕʔεͷ Reactive ελΠϧʹ͍ͭͯߟ͑Δ” Block Rockin’ Codes

    http://jxck.hatenablog.com/entry/20120509/1336566474 ! “Meteor.js” naoyaͷ͸ͯͳμΠΞϦʔ http://d.hatena.ne.jp/naoya/20120422/1335109615 ! “oplog tailingΛ࢖ͬͨϦΞΫςΟϒ΢Σϒ” qiita@nashibao http://qiita.com/nashibao@github/items/26397f8f7a4e65973169

  7. ϦΞΫςΟϒ΢Σϒ = “ಛผͳॻ͖ํΛ͠ͳͯ͘΋ɺςϯϓϨʔτ ͔ΒϑϩϯτɺαʔόαΠυͷσʔλ·Ͱ ͕όΠϯσΟϯά͞ΕΔ͜ͱ” ! ࠓ೔͸͜ͷΑ͏ʹݶఆ͠·͢ɻ ੜ࢈ੑͷҙຯͰ࣮༻ੑ͕ʢͨͿΜʣҰ൪ߴ͍෦෼ͩͱࢥ͍·͢ɻ ! !

  8. &$ YGDUGTXGT (TQPV/QFGN 6GORNCVG ٚڋْ⯪㧕ר 哋▶⚮㤁 ⫛㨍؋  KUQOQTRJKECRK ٦ٸڋ؞

    哋▶㧕㢑

  9. ͳͥ΍Δͷ͔ ੜ࢈ੑ ͱ͔͘ίʔυ͕ݮΔ ! ػೳ ϦΞϧλΠϜੑ ίϥϘϨʔγϣϯ ελʔτΞοϓʹ ༏͍͠ʂ ؅ཧը໘౳ʹ

    ͏Ε͍͠ʂ

  10. ϓϨΠυͷ৔߹(ͳͥ΍Δͷ͔) “ϦΞϧλΠϜ”ΛӖͬͨB2BղੳαʔϏε ։ൃऀ̎ਓ ίʔυ͸ۃྗݮΒͯ͠։ൃ͠ͳ͍ͱແཧʂʂ ୭͔ॿ͚ͯʂʂ

  11. (ג)ϓϨΠυͱ͍͍·͢ http://plaid.co.jp EC޲͚ͷղੳ&CRMαʔϏεΛεςϧε։ൃதɽ ! ݱࡏ։ൃ͸ͨͬͨ2ਓͳͷͰɺ ԠืΛຊ౰ʹ͓଴͓ͪͯ͠Γ·͢ʂ ෲյ͢·Ͱ೑͕৯͑ΔձࣾʂͦΕ͕ϓϨΠυʂ ׻ܴձ͸γϡϥείͰ͢ʂ

  12. ΧδϡΞϧʁ

  13. ΍Γ͍͚ͨͲΘΓͱϝϯυΫ αΠ ੜ࢈ੑ͸͍͋͛ͨɺɺͰ΋ɺ ! αʔόʔαΠυ΋ϑϩϯτΤϯυ΋޷͖উख ʹϑϨʔϜϫʔΫબͼ͍ͨɻͦΕʹσʔλϕʔ ε΋޷͖ʹબͼ͍ͨɻ੍ݶ͞Εͨ͘ͳ͍ɻͱ ͍͏͔ΧελϚΠζ΋ࣗ༝ʹ΍Γ͍ͨ͠ɺύ ϑΥʔϚϯενϡʔχϯά΋ࣗ༝ʹ΍Γ͍ͨ

  14. ΍Γ͍͚ͨͲΘΓͱϝϯυΫ αΠ socket.ioͱknockout.js࢖ͬͯബ͘ ࡞Ε͹ׂͱ΍Γ͍ͨ͜ͱ؆୯ʹग़དྷΔ͠ɺ޷ ͖উखͰ͖ΔΑɺͱ͍͏͓࿩

  15. &$ YGDUGTXGT (TQPV/QFGN 6GORNCVG TREQXGTUQEMGVKQ MPQEMQWVLU XWGLU

  16. Knockout.js ϑϩϯτΤϯυͰͷσʔλόΠϯσΟϯ༻ά ϥΠϒϥϦ ബ͍ɻόΠϯσΟϯά͔͠ͳ͍ “NOT FRAMEWORK!” ୯७ͳؔ਺ݺͼग़͠ʹΑΔґଘੑղܾͰͱ͔ ͘ύϑΥʔϚϯε͕͍͍

  17. rpc over socket.io “Ezelia/eureca.io”ͳͲRPCϥΠϒϥϦ͸͍͘ ͭ΋͋Δ ͨͩɺ͜͜΋ബ͍··Ͱ͍͍ͷͰࣗ࡞ ! * ࢀߟ: RPCͷύϑΥʔϚϯεൺֱ

    nashibao/ node-rpc-test

  18. σϞ

  19. nashibao/test-casual— reactive-web * ࣮ӡ༻͍ͯ͠ΔϥΠϒϥϦ͔Β ίΞ͚ͩൈ͖ग़ͨ͠΋ͷΛ࢖ͬͯ·͢

  20. ؾΛ͚ͭΔ΂͖ͱ͜Ζ (αϯϓϧʹͳ͍෦෼) 1. ೝূ middleware stackΛ࡞͓ͬͯ͘ඞཁ͋Γ 2. σʔλܕ JSONͰ௚઀ѻ͑ͳ͍΋ͷ͸ಠࣗͰ 3.

    tailing or manual mongo౳ͷtailingΛ࢖͏͔खಈͰupdateΛ૸ΒͤΔ͔

  21. http://plaid.co.jp ࠷ۙܙൺणʹҾͬӽͨ͠Αʂ