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
Java on Azure で LangGraph！
Avatar for Kohei Saito kohei3110
0
160
A2A プロトコルを試してみる
Avatar for azukiazusa azukiazusa1
2
830
Webからモバイルへ Vue.js × Capacitor 活用事例
Avatar for Naoki Haba naokihaba
0
740
ReadMoreTextView
Avatar for Sungyong An fornewid
1
450
複数アプリケーションを育てていくための共通化戦略
Avatar for irof irof
10
4k
Elixir で IoT 開発、 Nerves なら簡単にできる！？
Avatar for pojiro pojiro
1
150
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
Avatar for Koichi NAKAGAWA knakagawa
1
120
Go Modules: From Basics to Beyond / Go Modulesの基本とその先へ
Avatar for kuro kuro_kurorrr
0
120
LINEヤフー データグループ紹介
Avatar for LINEヤフー株式会社 採用情報 lycorp_recruit_jp
0
760
SODA - FACT BOOK
Avatar for SODA inc. sodainc
1
1.1k
エラーって何種類あるの？
Avatar for Takuma Kajikawa kajitack
5
270
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
180

Featured

See All Featured
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
4
200
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
16
940
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k

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