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

LT about Cyclejs

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for chooblarin chooblarin
May 19, 2017
Programming
310
0

LT about Cyclejs

Avatar for chooblarin

chooblarin

May 19, 2017

More Decks by chooblarin

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

Other Decks in Programming

See All in Programming
3回つくってわかった、
定期実行ジョブ基盤の本質情報
Avatar for Naoto Takai takai
0
470
なぜCTOを降りてFDEを選んだのか？〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
Avatar for ryuta sakamoto gonta
1
210
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.2k
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
560
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
35
17k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
750
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
120
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.6k
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
10k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.8k
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
330
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Design in an AI World
Avatar for tapps tapps
1
350
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
380

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. ありがとうございました