Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
The framework that we wanted that day
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kkeeth
September 22, 2018
Technology
95
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
The framework that we wanted that day
kkeeth
September 22, 2018
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
110
とある EM の初めての育休からの学び
clown0082
1
5.9k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
250
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.4k
Rediscover the joy of coding with Creative Coding
clown0082
0
2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
670
JavaScript × Mathematics go to Digital Art
clown0082
1
470
In-house study group at YUMEMI
clown0082
0
240
Playing Ionic Logo by p5.js
clown0082
0
360
Other Decks in Technology
See All in Technology
Snowflakeのコスト最適化を支えるアーキテクチャ設計
ktatsuya
1
1.5k
[2026-09-11]SREは誰のもの?運用エンジニアが始める 「SRE領域への越境」とチームの進化の軌跡 〜Road to NEXT CRE
tosite
0
170
AI時代のAPI品質を支えるガードレール / API Guardrails for API quality in the AI era
yokawasa
1
220
AIで仕事のやり方を変える
matsu7874
3
1.1k
Sigmaユーザーのための有用リソース一挙公開 & Sigmaで使えるMCP #sigma_ucj /useful-resources-for-sigma-computing-users-and-mcps-with-sigma
shinyaa31
0
200
From Vanilla Kubernetes to a Batteries-Included Platform: Developer Experience at 1,300+ Clusters
yosshi_
0
700
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
ktkn1129
0
150
株式会社シーエーシー エンジニア向け会社紹介資料
cac
0
57k
TinyGo 開発サイクルを高速化する:Go で作るエミュレータ入門
zozotech
PRO
1
660
DEFCON34-Write-up_HYCu-MYCu
daikiokazaki
0
150
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
safie
0
510
synctest時代のhttptest Go 1.27で変わるHTTPサーバテストの裏側 / go conference2026 synctest and httptest
budougumi0617
1
2.8k
Featured
See All Featured
How to Talk to Developers About Accessibility
jct
2
540
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
530
How GitHub (no longer) Works
holman
316
150k
Navigating Team Friction
lara
192
16k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.7k
Un-Boring Meetings
codingconduct
0
410
Building Applications with DynamoDB
mza
96
7.2k
From π to Pie charts
rasagy
0
360
SEO for Brand Visibility & Recognition
aleyda
0
4.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.7k
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