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
Middle-Scale F2E Application
Search
Saito
May 11, 2013
Programming
3
6.6k
Middle-Scale F2E Application
Ruby Salon in HangZhou
Saito
May 11, 2013
Tweet
Share
More Decks by Saito
See All by Saito
How Gitlab Works
saito
34
4.1k
Other Decks in Programming
See All in Programming
GraphQL あるいは React における自律的なデータ取得について
quramy
11
3k
Regular Expressions, REXML, Automata Learning
makenowjust
0
220
Prolog入門
qnighy
4
1k
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
410
全部見せます! クラシルリワードのSwiftTesting移行プロジェクト
uetyo
0
210
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
3
850
マルチモジュールにおけるテスト最適化
fxwx23
0
210
GraphQLの魅力を引き出すAndroidクライアント実装
morux2
3
810
Hermes: Better Performance with Bytecode Translation (React Universe 2024)
tmikov2023
0
100
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
170
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
9
2.4k
Ruby Parser progress report 2024
yui_knk
2
230
Featured
See All Featured
From Idea to $5000 a Month in 5 Months
shpigford
379
46k
In The Pink: A Labor of Love
frogandcode
139
22k
Faster Mobile Websites
deanohume
304
30k
Testing 201, or: Great Expectations
jmmastey
36
7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Adopting Sorbet at Scale
ufuk
73
8.9k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Raft: Consensus for Rubyists
vanstee
136
6.5k
It's Worth the Effort
3n
182
27k
Infographics Made Easy
chrislema
239
18k
Transcript
Middle-Scale F2E Application
problems • Loader • NameSpace • Dependency • Component/widgets (HTML
& Javascript & CSS) • Unit/Component Test (Fixture) • Build (Strategy) • UX (Speed & LiveReload & ...)
Ways to solve each problem •Loader LABjs headjs yepnopejs (
modernizr.load )
Ways to solve each problem •NameSpace http://addyosmani.com/blog/essential-js-namespacing/ •Single global variables
•Object literal notation •Nested namespacing •Immediately-invoked Function Expressions (IIFE)s •Namespace injection https://github.com/jashkenas/coffee-script/wiki/FAQ#unsupported-features •CoffeeScript
•Component Ways to solve each problem component/component
•Dependency Ways to solve each problem requirejs (AMD) component/component (CMD)
•Unit/Component Test Ways to solve each problem component/component
•Build Ways to solve each problem r.js (require.js) builder (
component/component ) sprockets
•LiveReload Ways to solve each problem LiveReload 2
Crossroad •Chef of Puppet •github or gitlab ? •AMD or
CMD or UMD ?
Crossroad • It doesn't matter.
Diglett • Demo time!
Framework based on Component • HTML5 Web Component • AuraJS
• Component • Twitter flight • MontageJS • And more...
Thanks