Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LT about Cyclejs
Search
chooblarin
May 19, 2017
Programming
0
270
LT about Cyclejs
chooblarin
May 19, 2017
Tweet
Share
More Decks by chooblarin
See All by chooblarin
第1回 作って動かすALife勉強会
chooblarin
0
670
Other Decks in Programming
See All in Programming
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
240
20250708_JAWS_opscdk
takuyay0ne
2
150
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
990
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
570
Porting a visionOS App to Android XR
akkeylab
0
910
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
560
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
200
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
970
AIともっと楽するE2Eテスト
myohei
9
3.1k
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
Workers を定期実行する方法は一つじゃない
rokuosan
0
130
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
700
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Statistics for Hackers
jakevdp
799
220k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Done Done
chrislema
184
16k
Code Reviewing Like a Champion
maltzj
524
40k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
GraphQLとの向き合い方2022年版
quramy
49
14k
Why Our Code Smells
bkeepers
PRO
337
57k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Transcript
Cycle.jsのLT NDSiN#12×Niigata.js×C4N May 20, 2017 @chooblarin
自己紹介 • @chooblarin • 畠山 創太(はたけやま そうた) • Android/iOSのアプリ開発 •
今年の1月に新潟ʹ6λʔϯ͠·ͨ͠
CycleConfが先月に開催
今日はCycle.js についてLTします
Disclaimer • 私はフロントエンドのエンジニアではありません • 雰囲気でJavaScriptを書いています • JavaScript最高⤴⤴
Cycle.js
Cycle.js is a JS framework created by @staltz
I am a Fun of him “The introduction to Reactive
Programming you’ve been missing”
I am a Fun of him RxMarbles
昨今のプログラミング • 状態(ステート)の管理は難しい • 非同期のプログラミングは難しい • 色々頑張っても結局これらは難しい
“André Staltz - Some problems with React/Redux”
“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.”
Cycle.jsの コンセプト
アプリ is 関数: (外界) => (外界)
main関数を分割する指針
MVIアーキテクチャ
MVI • Intent: (UserEvents) => (Action) • Model: (Action) =>
(State) • View: (State) => (Rendering) ※これら全てはただの関数にすぎない
main関数はComponent
そのmain関数は別のmain関数のComponent
Cycle.jsのフラクタル! https://500px.com/photo/4856941/fractal-by-didier-kobi
最後にデモ
Marvel Character Search https://github.com/chooblarin/cyclejs-marvel
ありがとうございました