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

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
300
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
740

Other Decks in Programming

See All in Programming
レビュー履歴をAIに食わせて、 Compose移行を加速するs
Avatar for Yuki Shiho shihochan
0
140
リアルな遅延を測る仕様
Avatar for kota-yata kota_yata
1
120
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
160
Go 1.27 における memory allocation の高速化
Avatar for ANDPAD inc andpad
0
260
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
0
230
「つくるAI」だけではバグは見つからない　～テストに必要な「見つけるAI」を分離させる戦略～
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
110
Google Apps Script で Ruby を動かす
Avatar for Shogo Kawahara kawahara
0
280
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.9k
in-process GraphQL のすすめ #ginzajs
Avatar for izumin5210 izumin5210
4
1.4k
属人化した知識を、 AIが辿れる地図にする
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
190
Pythonの実行はどこまで賢くなったのか？ CPythonとPyPyから見る最適化のしくみ
Avatar for curekoshimizu curekoshimizu
0
130
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
580

Featured

See All Featured
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
300
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.8k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
340
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
610
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
480
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
450
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
500
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
380
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
430

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