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

fml/myxtape - jsfoo 2014

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for threepointone threepointone
September 20, 2014
Technology
200
2

fml/myxtape - jsfoo 2014

content management systems for the 21st century

Avatar for threepointone

threepointone

September 20, 2014

More Decks by threepointone

See All by threepointone
react is a framework
Avatar for threepointone threepointone
2
200
amplify your stack - deux - jsfoo 2014
Avatar for threepointone threepointone
1
100
The last mile
Avatar for threepointone threepointone
4
420

Other Decks in Technology

See All in Technology
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
Avatar for かわうそ kawauso
1
910
「早く出す」より「事業に効く」 ── 顧客の業務サイクルから逆算するAI時代の二重ループ開発と「変化の設計者」 / devsumi2026
Avatar for Rakus_Dev rakus_dev
1
530
10年目を迎えた「ABEMA」がどのように AI 活用を推進して、AI 駆動開発にシフトしているのか / How ABEMA, entering its 10th year, is promoting the use of AI and shifting toward AI-driven development
Avatar for Yusei Yamanaka miyukki
0
340
SoccerMaster: A Vision Foundation Model for Soccer Understanding
Avatar for Kazuyuki Miyazawa kzykmyzw
0
160
2026年のソフトウェア開発を考える（2026/07版） / Agentic Software Engineering 2026-07 Findy Edition
Avatar for Takuto Wada twada
PRO
11
4.4k
“それは自分の仕事じゃない"を 越えて行け
Avatar for yuukiyo yuukiyo
1
510
Type-safe IaC for Dart
Avatar for Nozomi Koborinai coborinai
0
180
AI時代のYAGNI：「爆速で無駄になった機能」からの学び / 20260720 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
480
”AIを使う” から ”AIに任せる” へ ─ 開発プロセスを再設計してAIを組織標準にするまで
Avatar for CyberAgent cyberagentdevelopers
PRO
1
120
個人開発で育てる「大規模設計の苗床」 - AI時代の1人開発から始める業務への知識接続 / The Seedbed for Large-Scale Design - From AI-Era Solo Projects to Professional Knowledge
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
300
ダッシュボード"開発"について 〜使われるダッシュボードのつくりかた〜
Avatar for きみちゃん kimichan
0
100
副作用のある Lambda でも Lambda Power Tuning は使えるのか / lambda-power-tuning-side-effects
Avatar for koukihosaka koukihosaka
1
130

Featured

See All Featured
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
410
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
410
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
360
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
270
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k

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?