Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Middle-Scale F2E Application

Avatar for Saito Saito
May 11, 2013
Programming
6.8k
3

Middle-Scale F2E Application

Ruby Salon in HangZhou

Avatar for Saito

Saito

May 11, 2013

More Decks by Saito

See All by Saito
How Gitlab Works
Avatar for Saito saito
34
4.7k

Other Decks in Programming

See All in Programming
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.8k
Verilogで学ぶCPU自作入門
Avatar for uyuki uyuki234
8
4k
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
240
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
560
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
Avatar for otouto otouto
0
390
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
0
170
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
360
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
7.8k
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
Avatar for Yuki Kuwashima yukiny
0
320
そのリトライ、死んだコネクションを使い回していませんか ── GoのHTTPクライアントとHTTP/2を実プロダクト障害から学び直す
Avatar for Yusa Matsuda myus4a
0
400
難しいけど、読めた。- OSSの入口に立った話。
Avatar for shota sts11142
0
140
CodeRabbitの効果検証と過ごしてみた3ヶ月
Avatar for armondando armondando
0
180

Featured

See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
46k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.2k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.7k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
590
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k

Transcript

  1. Middle-Scale F2E Application

  2. problems • Loader • NameSpace • Dependency • Component/widgets (HTML

    & Javascript & CSS) • Unit/Component Test (Fixture) • Build (Strategy) • UX (Speed & LiveReload & ...)

  3. Ways to solve each problem •Loader LABjs headjs yepnopejs (

    modernizr.load )

  4. 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

  5. •Component Ways to solve each problem component/component

  6. •Dependency Ways to solve each problem requirejs (AMD) component/component (CMD)

  7. •Unit/Component Test Ways to solve each problem component/component

  8. •Build Ways to solve each problem r.js (require.js) builder (

    component/component ) sprockets

  9. •LiveReload Ways to solve each problem LiveReload 2

  10. Crossroad •Chef of Puppet •github or gitlab ? •AMD or

    CMD or UMD ?

  11. Crossroad • It doesn't matter.

  12. Diglett • Demo time!

  13. Framework based on Component • HTML5 Web Component • AuraJS

    • Component • Twitter flight • MontageJS • And more...

  14. Thanks