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
2.1k
[RubyConf.tw 2014] Cores unleashed - Exploiting Parallelism in Ruby with STM
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
2.3k
用 Go 打造程式語言執行環境：實例剖析 [OSDC.tw 2014]
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
3
2.4k
pickbox @ OSDC.tw 2013 Lightning Talk
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
59
Building Web 2.0 APIs
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
1
150
由Spanner來看Google資料庫的前世今生
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
4
290
TechWed@CCU #0
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
520
Chromium OS
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
200

Other Decks in Programming

See All in Programming
Go言語はstack overflowの夢を見るか？
Avatar for Takuto Nagami logica0419
0
510
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
16
6.4k
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
Avatar for Samuel Williams ioquatix
4
2.4k
釣り地図SNSにおける有料機能の実装
Avatar for nokonoko1203 nokonoko1203
0
190
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
Avatar for shogogg shogogg
1
320
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
290
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
1.2k
タスクの特性や不確実性に応じた最適な作業スタイルの選択（ペアプロ・モブプロ・ソロプロ）と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
Avatar for yuki honyanya
3
190
技術的負債の正体を知って向き合う
Avatar for irof irof
0
210
アメ車でサンノゼを走ってきたよ！
Avatar for Shigure Shimotori s_shimotori
0
230
CSC509 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
520

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
550
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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