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
あなたとJIT, 今すぐアセンブ ル
Avatar for monochrome sisshiki1969
1
690
LLMOpsのパフォーマンスを支える技術と現場で実践した改善
Avatar for po3rin po3rin
8
940
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
Avatar for mackey0225 mackey0225
2
500
バイブコーディング × 設計思考
Avatar for nogu nogu66
0
120
ワープロって実は計算機で
Avatar for Chiharu Shirasaka pepepper
2
1.4k
Introduction to Git & GitHub
Avatar for Latte72 latte72
0
110
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
Avatar for Akira Suenami a_suenami
10
1.8k
Nuances on Kubernetes - RubyConf Taiwan 2025
Avatar for Andrey Novikov envek
0
170
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
Avatar for JaiChangPark itsmedreamwalker
0
140
令和最新版手のひらコンピュータ
Avatar for KOBA789 koba789
14
7.8k
Claude Codeで実装以外の開発フロー、どこまで自動化できるか？失敗と成功
Avatar for ndaDayo.Sugawawa ndadayo
2
180
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
Avatar for 74th(Atsushi Morimoto) 74th
7
2.9k

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
The Language of Interfaces
Avatar for Des Traynor destraynor
160
25k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
183
54k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k

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