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
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.1k
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
880
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
270
Milestoner
bkuhlmann
1
410
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
190
ONE WEDGE_company_guide
1wedge_one
0
440
HUIT新歓2024「競技プログラミング、やってみませんか?」
slephy2784
1
260
CQRS/ES avec Symfony, c’est (trop) bien !
jeremyfreeagent
1
640
Front-end application development, Symfony-style(s)
dunglas
2
2k
PHPはいつから死んでいるかの調査
chiroruxx
1
370
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Design by the Numbers
sachag
274
18k
What the flash - Photography Introduction
edds
64
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
16
6.4k
Writing Fast Ruby
sferik
620
60k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
30
46k
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