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
AIエージェントの活用に重要な「MCP （Model Context Protocol）」とは何か
Avatar for Masaya Mori (森正弥) / CAIO (Chief AI Officer) masayamoriofficial
0
240
そのコンポーネント、サーバー？クライアント？App Router開発のモヤモヤを可視化する補助輪
Avatar for Makoto Tateno makotot
4
770
進捗
Avatar for ydah ydah
2
210
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
30k
現場が抱える様々な問題は “組織設計上” の問題によって生じていることがある / Team-oriented Organization Design 20250827
Avatar for mtx2s mtx2s
7
68k
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
Avatar for 濱田孝治 hamadakoji
1
870
Goss: Faiss向けの新しい本番環境対応 Goバインディング #coefl_go_jp
Avatar for 弁護士ドットコム bengo4com
1
1.4k
DeNA での思い出 / Memories at DeNA
Avatar for Kuniwak orgachem
PRO
6
1.9k
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
Avatar for gree_tech gree_tech
PRO
0
380
Goss: New Production-Ready Go Binding for Faiss #coefl_go_jp
Avatar for 弁護士ドットコム bengo4com
1
1.1k
ヒューリスティック評価を用いたゲームQA実践事例
Avatar for gree_tech gree_tech
PRO
0
380
【Grafana Meetup Japan #6】Grafanaをリバプロ配下で動かすときにやること ~ Grafana Liveってなんだ ~
Avatar for よしたけ yoshitake945
0
210

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
500
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
185
54k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
830
Designing for Performance
Avatar for Lara Hogan lara
610
69k

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?