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
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
130
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
820
生成AI時代のコンポーネントライブラリの作り方
touyou
1
220
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
420
Porting a visionOS App to Android XR
akkeylab
0
470
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
120
VS Code Update for GitHub Copilot
74th
2
650
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
It's Worth the Effort
3n
185
28k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Invisible Side of Design
smashingmag
301
51k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
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