jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
Firebugの便利な組み込み関数 - 技術メモ帳
id:brazil さんのブックマークで知ったのだが、 Firebugには、便利な組み込み関数が定義されているようだ。 一通りさわってみたのだが、 $x() で 任意のXPath要素が取得できるのとかに感動した。 そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素を取得する。(getElementsByTagName) $$("h1") -> 要素の配列 所要時間測定 console#time, console#timeEnd time ~ timeEnd で囲んだ部分の所要時間を 計測することが出来るみたいで、 以下のような関数にまとめると良さそうだ。 function bench( callback ) { var uniq_id = Date
Life is beautiful: JSON COMETでリアルタイム・ページビュー・カウンターを作ってみた
最近Linuxの勉強もかねて作っているのが、超シンプルなアーキテクチャーのHTTPサーバー。そこそこ動き始めたのだが、それだけでは面白くないので、サーバー側からイベントに応じてデータをPushできるCometの機能を足してみた。 ストレステストのために、昨日からこのブログにこっそりとテスト用のIFRAMEを貼り付けてあったのだが（そのおかげで、バグを三つばかり見つけることができた―感謝、感謝^^）、安定して動き始めたので、見栄えを整えてこのブログの右上に貼り付けてみた。 題して、「リアルタイム・ページビュー・カウンター（RPV Counter）」。Totalはこのカウンターをリセットしてからのページビューの数、Currentはその時点でこのブログを見ている人の数（ただしノイズあり）、PeakはCurrentの過去最大値だが、ページを再ロードせずとも、それぞれのカウンターが自動的にアップデー
秋元@サイボウズラボ・プログラマー・ブログ: ブログのコメントを文章の一部分につけられるAjaxシステム
週3日勤務。残り4日は英語ブログアジアジンやThe Japan Times等で活動しております。連絡先は「姓@gmail.com」です。 via Ajaxian Jack Slocum's Blogで、フリーのブログシステムであるWordPressのコメント機能の面白い改造が公開されている。 そのブログに言ってみて、触ってもらうのが一番だと思うが、要はブログ本文のタイトル・パラグラフ・図などのそれぞれに対して、コメントをつけることができる、というものだ。 既にコメントがついている箇所があれば、コメントの数がブログの左側に数字で表示されている。また、左側のバーで何もないところを選ぶと、その場所にコメントを書くことができる。 また、コメントの閲覧や追加は、Ajaxによってページ遷移なしに実現されている。 実装は、Yahoo! UI ライブラリを使って、一日仕事で完了したということだ。Jack
西尾泰和のブログ: ブログにコードを貼り付ける方法.js alpha0.2(Firefox only)
ブログにコードを貼り付ける方法.js alpha0.1の続編。コード中の<, >, &をエスケープしてPREタグで囲い、後ろにimgタグを貼り、onLoadからJavaScriptで書かれた関数を呼び出すことで、画面には適切な長さで折り返して見やすく表示しつつ、JavaScriptで生成されたcopyボタンを押すとソースコードがクリップボードにコピーされます。この時はもちろん、<が<に戻された状態でコピーされます。 クリップボードにコピーするコードは最速インターフェース研究会 :: Firefoxでテキストをクリップボードにコピーする方法から、ソースコードを新しいウィンドウで開くコードはKazuho@Cybozu Labs: Ajax な HTML ページのソースコードを表示するから流用しました。 サンプル。 print "very looooooooooooooooooooooooooo
Bad Credit Payday Loans (UK) | 97% Accepted | Instant Decision
Bad Credit Payday Loans How much would you like to borrow? Apply Now Representative APR 91%. Representative Example: Borrow £500 for 6 months. Interest: £160.27 - Interest rate: 65% per annum (fixed). Representative APR: 91% - Total amount payable: £660.27. Rates between 9.3% APR and maximum 1721% APR - your no-obligation quote and APR will be based on your personal circumstances. Warning: Late re
Kazuho@Cybozu Labs: Wiki.Formatter in JavaScript
« 組み込み用 Wiki | メイン | Japanize - JP ドメインの翻訳データ登録について » 2006年09月13日 Wiki.Formatter in JavaScript というわけで、いまさら Wiki のフォーマッタを作りました。JavaScript で実装したので、クライアントサイドで整形することができます注1。なので、既存のウェブアプリを wiki 記法に対応させたいな、といった場合に便利だと思います注2。記法も自由に拡張できるようになっていますし。 というわけで、↓でお試しください (編集結果は保存されません)。 注1: AJAJA 等サーバサイド JavaScript で使うこともできるはず 注2: 整形前のテキストを隠し DIV 等に入れておけば、SEO 的にも大丈夫なんでしょうか? 注2: テーブルの修飾、画像へのリンク等が未対応です
Ajaxの“彗星”とともに現われたチャットサービス“Lingr”を使ってみた
AJAXは洗剤の名前!? スパムメールの“スパム”が、もともとアメリカに古くからあるハムの缶詰の商品名をもじったものだと知らない人はいまどき少ないだろうが、最近話題の“Ajax”(エイジャックス：Asynchronous JavaScript and XML)が、アメリカで販売されている洗剤のブランド名をもじったものだと知らない人はいるのではないだろうか。 WikipediaでAjaxの項を引いて、もう少し“Ajax”という名前の元をたどると、それはギリシア神話に出てくる英雄の名前だったり、小惑星の名前だったり、はたまた16世紀末にイギリスで発明された水洗トイレのことだったりするようだが、ここでは、それはどうでもいい。 IT業界では昔から製品名やプロジェクト名を付けるときに、まず略称ありき、という遊びがよく行われる。たとえば東京工業大学の大規模分散スパコン、“TSUBAME(ツバメ)”とい
最速インターフェース研究会 :: ニンテンドーDSブラウザを試してみた
livedoor Reader 無理でした。(ブラウザ古いって出る) このブログの検索 無理でした。 Google Suggest 無理でした。 ブックマークレット javascript:alert(XMLHttpRequest) 無反応でした。 ブックマークレット javascript:location.href="http://www.google.com/" 無反応でした。 about:opera 不正なアドレスです。 JavaScriptは動くけどXMLHttpRequestが使えません。Ajax対応とか言ってたのはどいつだ。 電源を切るとcookieが消えてしまうのでログインスクリプトでも組んでブックマークレットに入れておこうかと思ったのだけれど肝心のブックマークレットすら使えず。まあ騙されて買ったお前らははてなRSSでも使ってなさいってこった。 ニンテンドーDSブラウザー ニン
Tooltips, DHTML, javascript - BoxOver
DOMAIN SALE CLICK HERE TO BUY NOW +1 855-646-1390 swazz.org 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy P
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
それっぽいjavascriptを書くコツ - Doge log
つーかなんか勘違いされる事があるけど私javascript強者じゃないいですけど・・・・。 なんというか、うまくなる方法ってわけでもないけど思いついたものをサラリ。 大したことやってなくても周りから「なんか凄いできる人みたい」って思われたい的なメソッドかな。 なんでコードの見た目も重視ですよと。 関数を引き数に取る小さな関数を作る これはmapやfilterの事なんだけど小さな関数をそーいうのを書いておくと楽ですよと。 配列関連 は特に重要。 あとflattenなどは関数をapplyで一発で呼べるようになるので実装してるといいかも。 関数を作る関数を作る これは重要。というか重宝すると思う。 特にscopeを意識する場合は必須になるんかなと。 あとは遅延実行ね。 関数型のようにかっこよくキメたいあなたにはうってつけかなと。 for文撲滅 これもmapやfilterを使えって事なんだけど。
我的春秋: JavaScript ソースが HTML から消える日
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いぬビーム - ごあいさつ
Aptana
JSテスト関連 - Doge log
http://www.interq.or.jp/student/exeal/dss/ejs/1/4.html
JavaScript++かも日記 - 1997年からの
http://splashr.com/