1. Something.js
using YQL && Raphaël for
fun || profit
LACHSTOCK

2. YQL

3. YQL is Yahoo! Query Language

4. Yahoo! calls it:

5. An expressive SQL-like language that lets you
query, filter, and join data across Web

6. I call it:

7. An API for the public internet.

8. I think my description is a bit more catchy.

9. SELECT * FROM search.web WHERE
query="javascript"

10. SELECT what
FROM table
WHERE condition

11. = =! > < <= >=
IN LIKE
IS NULL IS NOT NULL
AND OR

12. Join tables with sub-selects using matching
values as a foreign key.

13. What is a YQL table?

14. What is a YQL table?
The defaults are mostly data sources for
Yahoo's own data APIs.

15. What is a YQL table?
HTML JSON XML
RSS ATOM CSV
feeds microformats.

16. What is a YQL table?
HTML JSON XML
RSS ATOM CSV
feeds microformats.

17. Tables are defined in XML.

18. <?xml version="1.0" encoding="UTF-8"?>
<table xmlns="http://query.yahooapis.com/v1/schema/table.xsd">
<meta>
<author>Paul Daniel</author>
<documentationURL>http://apiwiki.twitter.com/REST+API
+Documentation#show</documentationURL>
</meta>
<bindings>
<select itemPath="feed.entry" produces="XML">
<urls>
<url>http://twitter.com/statuses/user_timeline/{id}.atom</url>
</urls>
<paging model="page">
<start default="0" id="page"/>
<pagesize max="200" id="count"/>
<total default="20"/>
</paging>
<inputs>
<key id="since" type="xs:string" paramType="query" />
<key id="since_id" type="xs:string" paramType="query" />
<key id="id" type="xs:string" paramType="path" required="true"/>
</inputs>
</select>
</bindings>
</table>

19. You can write your own.

20. And share them for others to use.

21. SHOW tables
DESC table

23. What’s the output?

24. <?xml version="1.0" encoding="UTF-8"?>
<query xmlns:yahoo="http://www.yahooapis.com/v1/base.rng" yahoo:count="10"
yahoo:created="2009-02-11T03:16:48Z" yahoo:lang="en-US"
yahoo:updated="2009-02-11T03:16:48Z" yahoo:uri="http://
query.yahooapis.com/v1/yql?q=SELECT+*+%0AFROM+search.web+WHERE+query%3D
%22javascript%22">
<diagnostics>
<publiclyCallable>true</publiclyCallable>
<url execution-time="116">http://boss.yahooapis.com/ysearch/web/
v1/javascript?format=xml&amp;start=0&amp;count=10</url>
<user-time>119</user-time>
<service-time>116</service-time>
<build-version>851</build-version>
</diagnostics>
<results>
<result xmlns="http://www.inktomi.com/">
<abstract><![CDATA[<b>JavaScript</b> is super cool and awesome
and we love it.]]></abstract>
<clickurl>http://lrd.yahooapis.com/
_ylc=X3oDMTQ4NWxyYWUxBF9TAzIwMjMxNTI3MDIEYXBwaWQDb0pfTWdwbklrWW5CMWhTZnFUZ
Ed5TkouTXNxZlNMQmkEcG9zAzEEc2VydmljZQNZU2VhcmNoV2ViBHNsawN0aXRsZQRzcmNwdml
kA253RkNNVVBEQjJIMkxjVFRsQWt1ZVI0VXl6LkNJVW1TUXlBQUFLckk-/SIG=11tsuk1oo/
**http%3A//en.wikipedia.org/wiki/Ruby_(programming_language)</clickurl>
<date>2009/02/01</date>
<dispurl><![CDATA[<b>en.wikipedia.org</b>/wiki/<wbr><b>Ruby</

25. {
"query":
{
"count":"10",
"created":"2009-02-11T03:20:22Z",
"lang":"en-US",
"updated":"2009-02-11T03:20:22Z",
"uri":"http://query.yahooapis.com/v1/yql?
q=SELECT+*+%0AFROM+search.web+WHERE+query%3D
%22javascript%22",
"diagnostics":
{
"publiclyCallable":"true",
"url":
{
"execution-time":"109",

26. Specify callback with ‘callback’ for JSON-P.

27. call({
"query":
{
"count":"10",
"created":"2009-02-11T03:20:22Z",
"lang":"en-US",
"updated":"2009-02-11T03:20:22Z",
"uri":"http://query.yahooapis.com/v1/yql?
q=SELECT+*+%0AFROM+search.web+WHERE+query%3D
%22javascript%22",
"diagnostics":
{
"publiclyCallable":"true",
"url":
{
"execution-time":"109",

28. http://query.yahooapis.com/
v1/public/yql?q=SELECT%20*
%20%0AFROM%20search.web
%20WHERE%20query%3D
%22javscript%22
&format=json&callback=call

29. http://developer.yahoo.com/yql/

30. http://developer.yahoo.com/yql/console/

32. Raphaël

33. Dmitry calls it:

34. “A small JavaScript library that should simplify
your work with vector graphics on the web.”

35. I call it:

36. Utterly amazing.

37. Raphaël lets you draw cross-browser vector
graphics.

38. Even in IE6.

39. No more boxes.

40. “The web is not rectangular any
more”
- Dmitry Baranovskiy

41. http://raphaeljs.com/

42. Then we looked at lots of demos from the site...

43. Something.js

44. http://lachlanhardy.github.com/
something.js/

45. Questions?