Upgrade to Pro — share decks privately, control downloads, hide ads and more …

LT about Cyclejs

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for chooblarin chooblarin
May 19, 2017
Programming
0
280

LT about Cyclejs

Avatar for chooblarin

chooblarin

May 19, 2017
Tweet

More Decks by chooblarin

See All by chooblarin
第1回 作って動かすALife勉強会
Avatar for chooblarin chooblarin
0
720

Other Decks in Programming

See All in Programming
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
170
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
380
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
830
AI & Enginnering
Avatar for codelynx codelynx
0
110
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
160
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
180
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
770
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
Oxlint JS plugins
Avatar for kazupon kazupon
1
810

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
188
29k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
220
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200

Transcript

  1. Cycle.jsのLT NDSiN#12×Niigata.js×C4N May 20, 2017 @chooblarin

  2. 自己紹介 • @chooblarin • 畠山 創太（はたけやま そうた） • Android/iOSのアプリ開発 •

    今年の1月に新潟ʹ6λʔϯ͠·ͨ͠

  3. CycleConfが先月に開催

  4. 今日はCycle.js についてLTします

  5. Disclaimer • 私はフロントエンドのエンジニアではありません • 雰囲気でJavaScriptを書いています • JavaScript最高⤴⤴

  6. Cycle.js

  7. Cycle.js is a JS framework created by @staltz

  8. I am a Fun of him “The introduction to Reactive

    Programming you’ve been missing”

  9. I am a Fun of him RxMarbles

  10. 昨今のプログラミング • 状態（ステート）の管理は難しい • 非同期のプログラミングは難しい • 色々頑張っても結局これらは難しい

  11. “André Staltz - Some problems with React/Redux”

  12. “the frontend co!"unity is to continue searching for better solutions.”

    “first with jQuery et al, then Backbone, then Angular, and now React. Let’s not stop there.”

  13. Cycle.jsの コンセプト

  14. アプリ is 関数: (外界) => (外界)

  15. main関数を分割する指針

  16. MVIアーキテクチャ

  17. MVI • Intent: (UserEvents) => (Action) • Model: (Action) =>

    (State) • View: (State) => (Rendering) ※これら全てはただの関数にすぎない

  18. main関数はComponent

  19. そのmain関数は別のmain関数のComponent

  20. Cycle.jsのフラクタル! https://500px.com/photo/4856941/fractal-by-didier-kobi

  21. 最後にデモ

  22. Marvel Character Search https://github.com/chooblarin/cyclejs-marvel

  23. ありがとうございました