これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
こんばんわ。 最近の暑い夏がアジアっぽくてテンションあがっています。 さて、最近Web関連の仕事をしています。 実は学生の頃はPHPを細々と書いており、Web系は好物だったりします。 今日もお客様に見せるためのプロトタイプを作成していました。 いつものようにfirefoxで作成して、いざIEで動かしたら 「ページでエラーが発生しました。」 ということで、今日はIE7にやられた話です・・・。 やられたソース javascript window.onload=function(){ var s = document.getElementById("s"); var len = s.elements.length; var obj; for(i = 0; i < len; i++){ obj = s.elements[i]; obj.setAttribute("onchange","change
Flickr APIのflickr.photosを使うことで、 特定ユーザーの写真 特定タグの写真 特定エリアの写真 などの取得ができるよう。 参考: 第2回 JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ:ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.js param.method = 'flickr.photos.search'; ↓ param.method = 'flickr.photosets.getPhotos'; if ( ! data.photos ) return; var list = data.photos.photo; ↓ if ( !
Developer's Guide Introduction Getting Started The Basics Defining Your Search Engine Specifications Updated! Selecting Sites to Search Changing the Ranking of Your Search Results Helping Your Users Refine Their Searches Improving User Queries For More Relevant Results Creating Special Results Designing the Look and Feel Control Panel Updated! Context File Making Money Programmer's Guides Creating
JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード(Douglas Crockford)氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな? いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク
<< 2010/10/ 1 2 3 4 1. mixi アプリ版 ToriSat をリリースしました! 5 6 7 8 9 10 11 12 13 14 15 1. Facebook アプリ "SightSpaceStation" 公開 16 1. Facebook アプリ作ろうぜ (その1 準備編) 2. Facebook アプリ作ろうぜ (その2 はじめての Graph API 編) 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> ■ [Facebook]Facebook アプリ作ろうぜ (その1 準備編)Facebook アプリの作り方をぼちぼち書いていこうと思います。Facebook まわりは、新旧 API の情報があって混乱しがちなんですよね……。 Facebook の API はいろんな言語・プラットフォームから使えます。
こなだいスライドショーをjQueryを利用して作ったんですが、IEだと画像の読み込みがどうも遅い。たぶん事前にキャッシュさせなきゃいけないんだろうなぁと思いつつも方法がわからず、先に読み込んでCSSで消すって方法を採用しました。 でもこれだとどうもスマートじゃない。何か方法があるでしょ、と思っていたらやっぱりありました。 こういうコードをDOM readyイベントの外に書いておくといいみたいです。 var images = ["hoge1.jpg", "hoge2.jpg", "hoge3.jpg"]; $.each(images, function(){ $("<img>").attr("src", this); }); こんな簡単だなんて・・・。jQueryはやっぱり凄いです。
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> グーグルでウェブサイトの表示速度をランキングに影響させているというニュースが出てから、ウェブサイトの高速化の方法が少し話題になりましたが、今回はそんな高速化の手法を29まとめて紹介。SEOはともかく、ページの表示速度が速い方がサイト内の滞在時間やコンバージョン率が改善されることは様々なデータで証明されていますし、サイト運営者であれば一度チェックする価値はあるかも? — SEO Japan ウェブサイトをスピードアップさせよう。コンバージョン率が上がり、回線容量の経費が削減され、そして、オーガニックな検索結果のランキングが上がるなど、理由はたくさんある。 率直に言わせてもらうと、あまりにも頻繁にウ
先日以下の記事をきました。 1日体験して実感したFacebookの分かりにくいさがハンパない件 その後、色々とFacebookのアプリを試してみたんですが、思うようなのがなかなか見つからないし、良さそうなのがあってもエラーでまくったりしてなかなか思うようにいかなかったので、 じゃあ自分で作ったらどうだろう?作れるのかな? ということで、調べてみました。 Facebookアプリの基本・概要 基本はWebアプリなんですね。 [Facebook] Facebookアプリケーションの作成 – 入門編 -Facebookアプリ開発に挑戦(その1・概要)Facebook アプリ作ろうぜ (その1 準備編) Facebookアプリ開発の一連の流れ 連載記事的に紹介されているサイトの各記事です。流れに沿って作業すると分かりやすそうです。 Facebook アプリ作ろうぜ (その1 準備編)Facebook
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
今まで何の説明も無しに自分のアプリで使ってきた謎ライブラリ concurrent.el ですが、一区切りが付いた気がしましたのでリリースしたいと思います。 この記事では concurrent.el の基盤である deferred.el について簡単に紹介して、 concurrent.el の機能と適用例を紹介します。 あらすじ deferred.el復習 concurrent.el紹介 機能一覧、コード例 cacoo.elでの設計解説 deferred.el 紹介 deferred.el の詳しい使い方やAPIなどはREADMEの文書がまとまっていますので、手っ取り早く使いたい人はそちらを参照してみてください。 おそらく、他の言語でDeferredに慣れていればすぐに使えるのではないかと思います。 deferred.el リリース - 技術日記@kiwanami (リリース記事:慣性スクロ
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
kanazawa.js v1.0 〜JavaScriptコトハジメ〜(2011年2月5日開催)で使用したスライドです。Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く