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

Rapid Web Development by Example

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Szu-Kai Hsu (brucehsu) Szu-Kai Hsu (brucehsu)
May 09, 2012
Programming
3.2k
3

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

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
190
Core Unleashed Part II: Introduction to GobiesVM (and STM) @ RubyKaigi 2014
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
2.2k
[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
91
Building Web 2.0 APIs
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
1
160
由Spanner來看Google資料庫的前世今生
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
4
330
TechWed@CCU #0
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
560
Chromium OS
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
240

Other Decks in Programming

See All in Programming
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
360
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
220
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
Avatar for Tomoya Matsuura tomoyanonymous
1
340
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
Avatar for ライガー raiga0310
2
360
AIエージェントで 変わるAndroid開発環境
Avatar for takahirom takahirom
2
680
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
Avatar for yuriko yuriko1211
0
520
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
200
OSINT for SRE: 
学術論文とポストモーテムから探る
システム障害の共通パターン / SRE NEXT 2026
Avatar for Tomoyuki KOYAMA tomoyk
1
4k
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
0
230
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
Avatar for kotetu (kotetuco) kotetuco
0
170
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.9k
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.1k

Featured

See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
280
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
420
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.6k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
190
Side Projects
Avatar for Sacha Greif sachag
455
43k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.4k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k

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