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.5k
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
4k
Other Decks in Programming
See All in Programming
PHPerライフをChrome拡張開発でちょっと便利に / PR TIMES x DMM.com
meihei3
0
200
PHP で読む楽しいコアダンプ
sji
0
220
Deep Dive into the Symfony Security Component
hhamon
1
180
Cloudflare Workersの環境を再現することについて
yusukebe
5
730
「プログラマーのためのCPU入門」は入り口として丁度よい!
forrep
25
22k
Faster, greener, and happier- why Quarkus should be your next tech stack
hollycummins
0
130
導入から5年が経って見えた Datadog APM 運用の課題
bgpat
1
480
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
130
Docker ハンズオン / docker-hands-on
suzukihoge
48
15k
一休.comレストランのRustバックエンド開発の様子
kymmt90
13
7.9k
So You Think You Know Git - Part 2
schacon
PRO
0
1.3k
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
1.4k
Featured
See All Featured
Designing for Performance
lara
601
67k
Typedesign – Prime Four
hannesfritz
36
2k
Web development in the modern age
philhawksworth
201
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
56
13k
We Have a Design System, Now What?
morganepeng
42
6.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Music & Morning Musume
bryan
39
5.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Docker and Python
trallard
33
2.6k
Faster Mobile Websites
deanohume
296
30k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
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