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.7k
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.4k
Other Decks in Programming
See All in Programming
Model Pollution
hschwentner
1
160
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
540
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
1
200
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
Yes, You Can Work on Rails & any other Gem
kaspth
0
110
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
220
テスト駆動Kaggle
isax1015
1
790
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
220
効率的な開発手段として VRTを活用する
ishkawa
1
170
ふつうの技術スタックでアート作品を作ってみる
akira888
1
1.3k
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
1.1k
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
180
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
The Invisible Side of Design
smashingmag
301
51k
How GitHub (no longer) Works
holman
314
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Done Done
chrislema
184
16k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Speed Design
sergeychernyshev
32
1k
Fireside Chat
paigeccino
37
3.5k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Writing Fast Ruby
sferik
628
62k
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