Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rapid Web Development by Example

Avatar for Szu-Kai Hsu (brucehsu) Szu-Kai Hsu (brucehsu)
May 09, 2012
Programming
3
3.1k

Rapid Web Development by Example

TechWed@CCU #1
Video: http://zh-tw.justin.tv/alan77916/b/317618710
Avatar for Szu-Kai Hsu (brucehsu)

Szu-Kai Hsu (brucehsu)

May 09, 2012
Tweet

More Decks by Szu-Kai Hsu (brucehsu)

See All by Szu-Kai Hsu (brucehsu)
Running Life Lean
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
170
Core Unleashed Part II: Introduction to GobiesVM (and STM) @ RubyKaigi 2014
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
2k
[RubyConf.tw 2014] Cores unleashed - Exploiting Parallelism in Ruby with STM
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
2.2k
用 Go 打造程式語言執行環境：實例剖析 [OSDC.tw 2014]
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
3
2.3k
pickbox @ OSDC.tw 2013 Lightning Talk
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
57
Building Web 2.0 APIs
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
1
150
由Spanner來看Google資料庫的前世今生
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
4
280
TechWed@CCU #0
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
510
Chromium OS
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
200

Other Decks in Programming

See All in Programming
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
240
datadog dash 2025 LLM observability for reliability and stability
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
180
「Cursor/Devin全社導入の理想と現実」のその後
Avatar for Ryoichi Saito saitoryc
0
380
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
1.6k
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
250
LINEヤフー データグループ紹介
Avatar for LINEヤフー株式会社 採用情報 lycorp_recruit_jp
0
1.2k
Benchmark
Avatar for 송상윤 sysong
0
270
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
110
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
Avatar for どすこい daisuketakeda
1
130
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
Avatar for marcy731 marcy731
0
100
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
Avatar for yimajo yimajo
2
220
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
320

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k

Transcript

  1. Rapid Web Development By Example Presenter: Szu-Kai Hsu (brucehsu)

  2. treehole https://github.com/brucehsu/treehole http://photos.nj.com/photogallery/2010/05/squirrel_in_tree_hole.html

  3. 你有聽過安X嗎？ MVC

  4. Model

  5. View http://www.freefoto.com/preview/19-26-9/Mountain--Carinthia--Austria

  6. Controller

  7. None

  8. Sinatra

  9. None

  10. D-Live Coding

  11. None

  12. 宅

  13. 復古、潮

  14. 潮到出水

  15. None
  16. None

  17. <this><is><html>orz</html></is></this>

  18. this is html orz

  19. None
  20. None

  21. Variables

  22. Mixin =

  23. D-Live Coding

  24. None
  25. None
  26. None

  27. Database?

  28. None

  29. SELECT isbn, title, price, price * 0.06 AS sales_tax FROM

    Book WHERE price > 100.00 ORDER BY title;

  30. Object Relational Mapper

  31. None

  32. 比較表 ORM SQL 寫法 安全性 LOC 結語 OO Query 較佳

    因人而異 少 多 潮 勝 回不去了 不要怕 加班
  33. None

  34. Define Models

  35. Define Models

  36. D-Live Coding

  37. None
  38. None
  39. None

  40. 不能動 不夠潮

  41. JavaScript! not

  42. return $('[id^=del_]').click(function(event) { var post_id; event.preventDefault(); post_id = /del_(\d+)/.exec($ (this).attr('id'))[1];

    return $.ajax({ type: 'delete', url: '/delete/post/' + post_id, data: $(this).serialize(), success: function(data) { if (data['success']) { return $('.post_' + post_id).fadeOut(); } else { return alert('Failed!'); } } };

  43. return $('[id^=del_]').click(function(event) { var post_id; event.preventDefault(); post_id = /del_(\d+)/.exec($ (this).attr('id'))[1];

    return $.ajax({ type: 'delete', url: '/delete/post/' + post_id, data: $(this).serialize(), success: function(data) { if (data['success']) { return $('.post_' + post_id).fadeOut(); } else { return alert('Failed!'); } } });
  44. None
  45. None
  46. None
  47. None
  48. None

  49. D-Live Coding

  50. None

  51. Demo