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

DocumentUp @ JSMontreal

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for jeromegn jeromegn
February 15, 2012
Programming
210
1

DocumentUp @ JSMontreal

Avatar for jeromegn

jeromegn

February 15, 2012

More Decks by jeromegn

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

Other Decks in Programming

See All in Programming
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
770
Lessons from Spec-Driven Development
Avatar for Simon Martinelli simas
PRO
0
110
Copilot CLI の継戦能力を高める コンテキスト管理
Avatar for Nozomuts nozomutu
1
1.1k
oxlintはeslint/typescript-eslintを置き換えられるのか
Avatar for shoma-fujita shomafujita
2
300
Inspired By RubyKaigi (EN)
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
480
RTSPクライアントを自作してみた話
Avatar for simotin13 simotin13
0
410
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
3
1.9k
AIとRubyの静的型付け
Avatar for ukin0k0 ukin0k0
0
500
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
410
今さら聞けないCancellationToken
Avatar for tkym htkym
0
210
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
Avatar for Naoya.i nao_mk2
1
1.2k
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
18
6k

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
430
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
570
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
290
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.5k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.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