タグ

javascriptとyui3に関するtanarkyのブックマーク (3)

  • はじめてのYUI3 > YQLと連携してみる

    YUI3を使って、YQLと連携してみる。 JSONPと同様にプラグインが存在するので、 そちらをロードして使う。 デモページはこちら。 コードは以下。 // yqlとnodeを使う YUI().use('yql', "node", function(Y) { // flickrから"Cat"を含む画像を最大10件検索する。検索結果はrという変数に格納する var q1 = new Y.yql('select * from flickr.photos.search where text="Cat" limit 10', function (r){ var content = ""; // 画像のURLを作成してcontent変数に文字列として連結 for(var i=0;i<r.query.count;i++){ var p = r.query.results.photo[i]; conte

  • はじめてのYUI3 > イベント処理

    YUI3でイベント処理をするコードを書いてみた。 イベント処理とは、マウス操作(クリック、ダブルクリック、マウスオーバなど) があったときに、それが起こったタイミングで何かを実行するコードを書くこと。 デモはこちら。 コードはこちら。 YUI().use("console", "console-filters", "dump", "node-base", function (Y) { new Y.Console({boundingBox: '#mylogconsole',style:"block"}).render(); function handle(e, name){ Y.log("event_type="+ e.type+ ", node="+ name, "info"); } function search(e){ var q = Y.one("#query"); Y.log("q

  • はじめてのYUI3 > YUI3を実際に使ってみた個人的雑感

    YUI3をはじめて使っていろいろなサンプルコードを書いてみたが、 実際にプログラムを書いて、使ってみた感想。 YUI2よりもすっきりした文法でかけるようになった より直感的な文法 Y.one('#id') // 短い表現 YUI().use("node",function(Y){}) // メソッドチェーン グローバル変数としてYAHOOを使っていたが、YUIに変更し、内部でYを使用するルールとすることで、実際のコード量が減った YUI2よりも発展性がありそう jqueryが採用していた外部プラグインという考えを取り込んだことにより、jqueryに対して見劣りしなくなった 公式ブログのネタがYUI3の話が多くて参考になる YQLとの連携が強力すぎる YUIとは別軸で存在するYQLとの親和性が高い(要外部ライブラリ) YQLからみても、YQLを簡単に使える術としてのYUI3は存在価値が高い

  • 1