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

fml/myxtape - jsfoo 2014

Avatar for threepointone threepointone
September 20, 2014
Technology
2
190

fml/myxtape - jsfoo 2014

content management systems for the 21st century

Avatar for threepointone

threepointone

September 20, 2014
Tweet

More Decks by threepointone

See All by threepointone
react is a framework
Avatar for threepointone threepointone
2
190
amplify your stack - deux - jsfoo 2014
Avatar for threepointone threepointone
1
92
The last mile
Avatar for threepointone threepointone
4
410

Other Decks in Technology

See All in Technology
Geospatialの世界最前線を探る [2025年版]
Avatar for Yasunori Kirimoto dayjournal
2
450
OCI Network Firewall 概要
Avatar for oracle4engineer oracle4engineer
PRO
1
7.7k
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
Avatar for Preferred Networks pfn
PRO
2
860
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
Avatar for mtskhs matsu0228
1
480
あなたのWebサービスはAIに自動テストしてもらえる？アクセシビリティツリーで読み解く、AIの『視点』
Avatar for Yusuke Iwaki yusukeiwaki
1
3.4k
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
Avatar for Satoru Ishikawa ishikawa_satoru
1
250
Go Conference 2025: GoのinterfaceとGenericsの内部構造と進化 / Go type system internals
Avatar for turbofish ryokotmng
3
550
PythonとLLMで挑む、 4コマ漫画の構造化データ化
Avatar for esuji esuji5
0
120
What is BigQuery?
Avatar for Aizack aizack_harks
0
120
今改めてServiceクラスについて考える 〜あるRails開発者の10年〜
Avatar for Tomohiro Hashidate joker1007
20
9.7k
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
0
770
＃普通の文系サラリーマンチャレンジ　 自分でアプリ開発と電子工作を続けたら人生が変わった
Avatar for tatsuya1970 tatsuya1970
0
870

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
570
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
9k

Transcript

  1. fml / myxtape π

  2. CONTENT buzzword!

  3. CREATE imo, the most complex part to build

  4. None

  5. json yml xml markdown html plaintext binary* xaml jsx .

    . .

  6. --- format: < json | yml | … > <key>

    : <value> --- <body>

  7. --- format: markdown author: Sunil Pai --- I say, *Smashing,*

    ‘ol chap. ! Have you had a look at [reddit.com](reddit)?

  8. { meta: { format: ‘markdown’, author: ‘Sunil Pai’ }, body:

    “I say, *Smashing,* ‘ol chap.\n Have you had a look at [reddit.com](reddit)?” } }

  9. .set(‘my first blog post’, doc) ! .get(‘monday update’) ! .query({find:

    ‘guitars’})

  10. “layouts” are special /r/trees

  11. jsx

  12. [quick demo of jsx]

  13. None
  14. None
  15. None

  16. json Components

  17. [ ]

  18. sql parse.com firebase redis couchdb mongo filesystem in-memory leveldb .

    . .

  19. DELIVERY

  20. “popular restaurants in bangalore” ! vs ! “recently opened restaurants

    in bangalore” ! vs ! “things I might like to eat today”
  21. None
  22. None

  23. <block title=‘Nike'> ! <carousel> <product id={123456} /> <product id={216541} />

    <product id={187541} /> </carousel> <search term='shoes' sort='price'/> ! </block>

  24. transform(tree, callback);

  25. CONSUME “standards”

  26. basically, make nice apis. and structure your apps well.

  27. demoooooooooooo

  28. and… that’s it. questions?