はじめての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は存在価値が高い
YUI3を使って、Javascriptから外部ドメインにPOSTリクエストをする
なんでわざわざそんなことをするのかはさておき、 YUI3を使って、Javascriptから外部ドメインにPOSTリクエストをしてみた。 主に障害となるのが、クロスドメイン問題。 この問題を回避するために、色々な手順や準備が必要なので、 備忘録として残しておく。 環境の準備として、用意するのは以下の2つ APIサーバ javascriptからデータをPOSTするクライアント この時、1.と2.は、ドメインが別のサーバにわけておく。 例えば、1.はレンタルサーバ上のWebサーバ(http://example.com/api.php)、 2.は、ローカルにたてたWebサーバ(http://localhost/foo.html)、など。 この環境で、foo.htmlから、api.phpに対してPOSTでデータを送信する。 このときに、foo.htmlの中に、 <form action="http:
Big Sky :: ヘッダファイルだけでC++から使えるJSONパーサ「picojson」が凄い！
kazuhoさんがやってくれました。 ずいぶん前からjsonをC++でパース(SAXじゃなくてDOM)するのに小さいライブラリないかなーと思ってました。個人的にはjson-cというのを使ってたのですが、幾らか気に入らない所があったりビルドが少し手間だったりしていました。STLしか使わなくてvectorとかmapで表現されるツリー構造な物が欲しいなぁって思ってたんです。 とあるIRCで昨日、kazuhoさんと「ほしいですよねー」という話から始まって、githubにあるjsonxxとかも物色しながら「いいのないねー」とか言ってたらkazuhoさんが「もすこし綺麗に書けそう」って言い出して朝から本格的に書き始めてついさっき出来上がりました。速いw 名前はpicojson とても小さく、実装コードだと300数十ステップ程です。しかもヘッダファイルだけなので管理が楽です。 試しにwassrのpubl
New in JavaScript 1.6 - Archive of obsolete content | MDN
The following is a changelog for JavaScript 1.6. This version was included in Firefox 1.5 (Gecko 1.8), which was released in November 2005. The corresponding ECMA standard is ECMA-262 Edition 3 and ECMAScript for XML (E4X) with some additional features. Several new features were introduced: E4X, several new Array methods, and Array and String generics. New features in JavaScript 1.6 Support for EC
配列のユニーク化、(unique) - 素人がプログラミングを勉強していたブログ
追記2：concatだと配列のなかに配列が入ってると勝手に展開されて駄目だった。Constellationさんのコメントのコードを使うとその問題も起こらない。 追記：配列の中身に文字列以外が入ってるとうまくいかない。詳しくはコメント参照。 こうするといい。 function uniq(arr) Array.reduce(arr, function(a, b) a.indexOf(b) == -1? a.concat(b): a , []); 追記ここまで 前に作ったものよりだいぶ簡潔。たぶん速いんじゃないかと思う。配列風オブジェクトにも使える。 function uniq(arr) { var o = {}; return Array.filter(arr, function(i) i in o? false: o[i] = true); } uniq([0,1,2,3,4,8,false
JSONの可能性がグンと拡がるぞ！ JSONスキーマ - 檜山正幸のキマイラ飼育記 (はてなBlog)
JSON（http://www.json.org/）データはけっこうよく使うので、何度か話題にしたことがあります（例えば「もう一度、ちゃんとJSON入門」）。でも、JSONには型情報／メタ情報が付けられないのがとても不満で、JSON改なんてもんを考えたこともありました。（後でXIONに改名） JSONデータに対するスキーマ定義の仕様がかたまりつつあることを、ごく最近になって知りました。 http://json-schema.org/ JSON本体はRFC 4627になっていますが、JSONスキーマの標準化のステータスは、あまりハッキリとは分かりません（僕には）。http://groups.google.com/group/json-schema?pli=1 を覗き見した感じでは、現状ワーキングドラフトという位置付けらしいです。 なかなか面白いし役に立ちそうなので紹介します。ただし、僕にとっ
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
Using YUI for DOM Manipulation
After being frustrated of not getting consistent and accurate result via standard DOM methods especially html_element.getAttribute('key'); and html_element.setAttribute('key', 'value');, I came across some YUI library components that provides abstractions to various DOM methods. Some interesting DOM-related tools covered in this post are YAHOO.util.Element, YAHOO.util.DOM and YAHOO.util.Selector.
ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d
The jQuery Style - Awesome sites built with jQuery
Captcha security check jquerystyle.com is for sale Please prove you're not a robot View Price Processing
Digg Blog
This post was written by Betaworks lead scientist Suman Deb Roy and was originally posted on Medium How Digg Bot finds stories for your favorite topicsA year and half ago, the Notifications Summit was held at Betaworks to deliberate on many key ideas: the push and the pull, notifications as a primary interface, as a meta-app, utility of the lock screen, deep linking, filters etc. There was growing
Dynamic Drive DHTML Scripts- Simple Controls Gallery
v1.5 (Oct 6th) : Gallery made responsive and mobile friendly, by supporting a percentage "width" value and swipe/ touch support. Also adds a new "scaleimage" option to scale the images inside the gallery in 2 different ways. Description: Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image b
25 jQuery Plugins for Navigation - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
JavaScriptは悪くない - os0x.blog
JavaScript の不思議な面白さ - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第二回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第三回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第四回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第五回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第六回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 最終回 - Yahoo! JAPAN Tech Blog のシリーズがJavaScriptの面白さよりも、暗黒面ばかり伝えてしまっている印象で、連載モノだか
inputEx - a field framework for web applications
About inputEx is a javascript framework to build fields and forms. It uses no html (it is the opposite of unobtrusive librairies): All the fields and forms are configured using json. It provides a very efficient abstraction for building interactive web applications. For detailed informations, have a look at our complete documentation. It is built on top of the YUI library (2.5.1) and currently sup
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to get zoom level in Internet Explorer 7? (javascript)
Web Design Tips リンクをクリックした時の枠線を表示させない
华体会 最新app-首页|歡迎您