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

DocumentUp @ JSMontreal

Avatar for jeromegn jeromegn
February 15, 2012
Programming
1
200

DocumentUp @ JSMontreal

Avatar for jeromegn

jeromegn

February 15, 2012
Tweet

More Decks by jeromegn

See All by jeromegn
Isomorphism in web apps
Avatar for jeromegn jeromegn
1
89

Other Decks in Programming

See All in Programming
Git Sync を超える！OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
Avatar for Tetsuya Kikuchi tkikuc
4
240
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
670
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
Avatar for Shintani Teppei euglena1215
1
180
20250708_JAWS_opscdk
Avatar for Takuya Yonezawa takuyay0ne
2
120
PicoRuby on Rails
Avatar for makicamel makicamel
2
140
状態遷移図を書こう / Sequence Chart vs State Diagram
Avatar for Kuniwak orgachem
PRO
2
170
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
710
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
160
AI時代のソフトウェア開発を考える（2025/07版） / Agentic Software Engineering Findy 2025-07 Edition
Avatar for Takuto Wada twada
PRO
97
34k
おやつのお供はお決まりですか？@WWDC25 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
140
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
240
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
Avatar for r-kagaya rkaga
15
5.3k

Featured

See All Featured
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
700
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
510
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k

Transcript

  1. Instant documentation for your markdown

  2. @jeromegn • Web Developer at DemandForce • Creator of Backbone

    Todos • Jack of all trades

  3. Quick demo

  4. Why?

  5. Usage DocumentUp.document({ repo: "jeromegn/documentup", name: "DocumentUp", twitter: [ "jeromegn", "DocumentUp"

    ] });

  6. Two versions

  7. Version 1: All front-end

  8. Ender.js

  9. Assemble your own framework

  10. Bonzo: DOM Qwery: Selectors Bean: DOM Events Reqwest: AJAX Components

  11. npm install -g ender ender build bonzo qwery reqwest bean

  12. Github (JSONP) API

  13. marked.js is fast

  14. localStorage as a cache

  15. window.localStorage.setItem(“username/repository”, html) window.localStorage.getItem(“username/repository”)

  16. Version 2: All back-end

  17. Hosted

  18. Config documentup.json

  19. Post-Receive Hook

  20. On-demand

  21. POST curl -X POST --data-urlencode [email protected] \ http://documentup.com/compiled > index.html

    && open index.html

  22. JSONP $.ajax({ url: "http://documentup.com/compiled", dataType: "jsonp", data: { content: "#

    test", name: "Test JSONP!" }, success: function(resp){ // `status` is always provided if (resp.status == 200) { // Write to your document document.open(); document.write(resp.html); document.close(); } } });

  23. gh-pages <!DOCTYPE html> <html> <head> <script src="documentup.min.js"></script> <script> DocumentUp.document("username/repository"); </script>

    </head> <body></body> </html>

  24. 200 KB+ to 0.5 KB

  25. Open source jeromegn/DocumentUp

  26. Thank you