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
90

Other Decks in Programming

See All in Programming
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
Avatar for CARTA Engineering carta_engineering
0
470
Vue 3.6 時代のリアクティビティ最前線 〜Vapor/alien-signals の実践とパフォーマンス最適化〜
Avatar for Shingo Hiranuma hiranuma
2
350
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
18
3.2k
data-viz-talk-cz-2025
Avatar for Leonardo Collado-Torres lcolladotor
0
110
Google Opal解体新書
Avatar for MIKIO KUBO mickey_kubo
3
100
CSC509 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
270
CSC305 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
Avatar for Seungmin 마량 maryang
2
180
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
120
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
Avatar for Masahiro Nishimi masahiro_nishimi
4
17k
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
Avatar for 小島舞子 / Maiko Kojima maikokojima
0
720
CSC305 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
900
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.3k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.7k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k

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