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
The framework that we wanted that day
Search
kkeeth
September 22, 2018
Technology
0
66
The framework that we wanted that day
kkeeth
September 22, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
910
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
130
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.8k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.4k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
570
JavaScript × Mathematics go to Digital Art
clown0082
1
340
In-house study group at YUMEMI
clown0082
0
180
Playing Ionic Logo by p5.js
clown0082
0
240
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Technology
See All in Technology
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
22
5.8k
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
500
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
12
4.5k
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
7
1k
事業継続を支える自動テストの考え方
tsuemura
0
300
Building Products in the LLM Era
ymatsuwitter
10
4.4k
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
480
Featured
See All Featured
A designer walks into a library…
pauljervisheath
205
24k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Optimizing for Happiness
mojombo
376
70k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
BBQ
matthewcrist
86
9.5k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Transcript
The framework that we wanted that day ... k-kuwahara @kuwahara_jsri
@clown0082 Sep 22, 2018 ʲୈ4ճʳJSϑϨʔϜϫʔΫ(·ͨϥΠϒϥϦ)× ϏΞόογϡ ॳ৺ऀษڧձ
About me const my_info = { Workplace: ‘Yumemi Inc’, Community:
‘Riot.js, Ionic, Dist’, Favorites: ‘CLI made by Node.js’, PokemonGO: ‘TL38’ }
github.com/riot
Sorry... " As usual, there is no line of source
code. Plz feedback for me called “Masakari” about my English
Conclusion
Please use whatever you like
The appearance of the first framework
so-called “Chaos” Pure JS with
so-called “Chaos” Pure JS with
The load named frameworks for JavaScripts
The former three major frameworks
Thought of expanding HTML to create dynamic web apps Two-way
data bindings Modularization of JavaScript source code Thought of MVVM Flexible expression and extensibility Features
React and Componentry
It is not two-way data binding! Unify the flow of
data and manage the state! ※That's not all Extension of HTML is painful. Let's go with components!
ɹ Header Footer Navigation Bars Main Contents2 Main Contents3 Main
Contents1 Hero Menu Componentry
Flux image by: https://www.npmjs.com/package/flux
Componentry One-way data binding State management Idea of so-called Flux
Things for View to the end Features
BTW, start to reduce the weight of the library
Attack to Vue.js
None
We use two-way data bindings! ※That's not all Vue.js is
componentry, also uses flux-based state management
GitHub stars
GitHub stars
GitHub stars
Conclusion (again)
Please use whatever you like
Have a nice JavaScript life!!
Publicity
We’re looking for Engineers!!
None
None