Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
62
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
210

Other Decks in Programming

See All in Programming
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
Avatar for Ryota Nakamura nowaki28
0
330
ローターアクトEクラブ アメリカンナイト：川端 柚菜 氏（Japan O.K. ローターアクトEクラブ 会長）:2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
440
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
6
1.2k
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
Avatar for Tomohisa Takaoka tomohisa
5
18k
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
Avatar for Shoma Okamoto shmokmt
5
2.1k
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
310
CSC509 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
220
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
230
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
2.9k
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
150
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
120
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
370

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k

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