↑アマゾン、楽天のトップ。最近、見たことがあるなら色が違うはず(青→紫) あなたはAmazonを見たことが → あなたはRakutenを見たことが → しくみは簡単なので、このページのhtmlを見てね。 この他にもcssのvisitedのbackground-imageなんかを使って、サーバ側でデータを取ることもできるよ。
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
日本Javaユーザーグループ 概要 JavaScriptの誤解 重くしている犯人 プロファイラ JavaScriptの誤解 JavaScriptは遅い 速いです 重くしている犯人 DOM DOMをフェーズに分けて考える JavaScriptとコンポーネント(C++)との通信(取得) DOMノードの追加、値の変更 スタイルの計算 レイアウトの計算 JavaScriptとコンポーネント(C++)との通信(取得) XPConnectやCOMとの通信 単純なプロパティアクセスの数十倍(IE以外は無視しておk) COMは重い 通信回数=DOMのオブジェクトの「.」の数 DOMノードの追加、値の変更 取得の場合と同じ「.」の数 ノードに変更したというフラグが立つ parent.appendChild(child)だとparentとchildにフラグが立つ。 重要:再計算がJavaScriptの実行後に
Microsoftは米国時間9月28日、同社の開発者ツール「Visual Studio」と一緒にJavaScriptライブラリのjQueryを提供する計画を発表した。 Microsoftは、jQueryは「ASP. NET AJAX Control Toolkit」の上位コントロールの実装に使われるライブラリの1つで、新しいAjaxサーバサイドヘルパーメソッドでも役割を担うことになると述べた。15KバイトのjQuery JavaScriptライブラリは、フォークなしでそのまま配布され、ファイルはjQuery MITライセンスに準拠する。 さらに、Microsoftは、jQueryオープンソースプロジェクトのテスト、バグフィックス、パッチを提供するとともに、2008年中に製品サポートをjQueryに拡大すると述べた。 この発表は、Microsoftの開発者部門のバイスプレジデントであるSco
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
結構前に作っていたんだけど、IE6, IE7 でも動作する DOM Storage を作ったので、きちんと告知します。 追記 ちなみにサーバーにファイル置くだけで動きます。ユーザーに何かインストールさせる必要はありません。(2008-09-24T11:45:56+09:00) CodeReposにソースを移動しました。(2008-09-24T12:37:24+09:00) Ex DOM Storage dist http://svn.coderepos.org/share/lang/javascript/exdomstorage/tags/0.01/ source http://svn.coderepos.org/share/lang/javascript/exdomstorage sample http://svn.coderepos.org/share/lang/javascript/
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
2008/09/10 グーグルが提供するWebブラウザ「Google Chrome」では、プラグインやユーザーが作成したJavaScriptによる拡張が公式にはサポートされていない。デフォルトでFlashなど一部のプラグインが入っているほか、簡単なJavaScriptをブックマークとして登録する“ブックマークレット”は利用可能だが、Firefoxのように開発者が自由に拡張する方法がない。 こうした中、サイボウズの子会社で研究開発を行うサイボウズ・ラボの奥一穂氏は9月10日、Chrome上で任意のWebページに対してユーザーが作成したJavaScriptを動かす「Greasemetal」を公開した。 Greasemetalは、Firefox用のプラグインとして人気のGreaseMonkeyに相当するChrome向けランタイム環境だ。Chromeは拡張用APIを提供していないが、Automat
はてブのエントリーページに 以下のようなアクセスチャートを出す Greasemonkey を作りました! このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。 「このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。 期間は、「24時間」から「3ヶ月」までその場で切り替えることができます。 インストールする! http://userscripts.org/scripts/source/32521.user.js ブックマークレットを使ってみる! はてブのエントリーページで以下のブックマークレットを実行してみましょう! javascript:(function(s){s.src='http://userscripts.org/scripts/source/32521.user.js';document.body.appendChi
追記 os0xさんが、マルチプラットフォームで動くしかもブックマークレットで起動出来るAutoPagerize for IE6公開されておられます。 「できた!」とほぼ同時にtwitterに書き込んでたのが笑った。 確かに、iframeを使えばXHRを使った場合と違ってresponseTextからcreateContextualFragment等で苦労する事無く、同じドメイン内のiframeだからDOM操作が出来ると... 諦め所がXPath(responseTextからcreateDocumentが出来ないという意味で)でなく、XHRを諦めるべきだったかも。 でけれた。 AutoPagerizeとか、oAutoPagerizeとか、jAutoPagerizeとかをベースに改造しようかと思ったけど、結局XPathでつまづいた。 AutoPagerizeを実現するには、カレントのdocume
Greasemonkeyで「次へ」のリンクがあるようなサイトを無限スクロール可能にさせるAutopagerizeというGMScriptがあります。「次へ」のリンク箇所、次のページ内容、内容を挿入する箇所などをXPathで記述(SITEINFO)し、これらのSITEINFO情報はWikiで管理されてあるので、Autopagerizeが実現できるページはユーザ側でどんどん増やしていくことが可能。なので、気づけば「あ、このサイトも勝手にスクロールされる!!」な発見も多く、非常に素晴らしいGMScriptです。Mozilla24のShibuya.JSで知ったのですが、これ無しじゃもうやってられないくらい愛用しています。 で、ウチでリリースしているChannel.isのサイト、最近ややコンセプトが変わってスタートページは各ビデオ共有サイトの横断検索が可能なサービスになっているのですが、ここの検索結果
はじめに 9月 6日(土) に行われた WCAN 2008 Autumn へ参加してきました. 以下,簡単な報告でも. 本編 SESSION 1 Business Architechs 森田さんのお話. 同社における最近のお仕事について,ちょっとした裏話(?)を交えての紹介や,森田さんご本人が担当(ディレクション?)された短納期なプロジェクトの実際の進め方について,といった内容でした. その他,日本の暮らし二十四節気めぐり 言の葉草 | 伊勢志摩の旅 よいとこせ をグッドデザイン賞の 2次審査に出展されたときのお話なんかも. SESSION 2 同じく Business Architechs 伊原さんのお話. 「コンテンツ仕様書」の基本とかどのように作っていくべきかとか,や,コンポーネントベースの設計と実装についての内容でした. 簡単に個人的まとめ お話に出るWebサイトが規模の大きいもの
シドニー発--当地で開催のMicrosoft主催のTech.Edカンファレンスで講演した専門家たちの見解によると、Microsoftの次世代ウェブ技術である「Silverlight」最大のライバルは、Adobe Systemsの「Flash」ではなく、「JavaScript」だという。 MicrosoftのシニアプログラムマネージャーであるScott Hanselman氏は現地時間9月5日、カンファレンスに集まった聴衆を前に「今後、JavaScriptの処理速度は向こう18カ月間に100〜1000倍向上し、GoogleやMozillaの人々がわれわれをせっついてくるだろう」と述べている。Googleは2日に、より高速なJavaScript技術を搭載したブラウザ「Google Chrome」をリリースしている。 コンサルティング会社Cap Geminiのシニアコンサルタント、Jonas Fo
Googleがオープンソースのウェブブラウザ「Chrome」をリリースした理由の1つとして、同社は「処理速度」によって実現される、より高速なブラウジングと、いっそうリッチなアプリケーションを追求していることが挙げられる。では、実際Chromeの処理速度は、他のブラウザと比較してどの程度なのか。 Googleは5種類のJavaScriptベンチマークを行った。Chromeはこれらすべてのテストで、他のブラウザを凌ぐ結果を出している(提供: Stephen Shankland/CNET News) Googleのエンジニアで、ChromeのJavaScriptエンジンV8を担当するテクニカルリーダーLars Bak氏は、米国時間9月2日に行われた同ブラウザの発表イベントで、ChromeのJavaScriptの実行速度は、他のブラウザの「何倍も速い」と自負している、と語った。JavaScript
はじめに JavaScript の標準仕様である ECMAScript 3rd Edition (ECMAScript 3.0) が 9 年ぶりにバージョンアップしようとしています。 実は、これまでも様々なバージョンアップの案が上がっては消え、また上がっては消えていました。 しかし、今回のバージョンアップには今までと違う点が一つだけあります。 それは、現時点での主要な ECMAScript インタプリタ(JavaScript の実行エンジン)を作っている全団体(以下を参照)がこの仕様に同意したことです。 Mozilla (Firefox) Apple (Safari) Microsoft (Internet Explorer) Opera (Opera) Adobe (Flash) Yahoo (Yahoo Widget) Google この同意は JavaScript のこれからを大きく
ECMAScript JavaScript 2.0の動きに大きな変化があった。ECMAScript 4をベースにしたプログラミングを練習してきたのであればそれは改めなければならないようだ。JavaScript 2.0はECMAScript 4ではなくECMAScript 3.1をベースとしたものになりそうだ。MozillaでJavaScript Evangelistを務めるJohn Resig氏のブログにこのあたりの事情がまとめられている。 次期ECMAScriptの規約策定にはAdobe、Mozilla、Opera、Googleなどが主に参加していたECMAScript 4と、MicrosoftやYahoo!が主に参加しているECMAScript 3.1の2つの流れがある。ECMAScript 4は多くの機能を取り込んで大幅に言語を変更するもので、ECMAScript 3.1はECMAS
FREDDYの利用方法 「第2回:JSONPとFREDDY(http://www.thinkit.co.jp/article/116/2/)」で、FREDDYのデータフォーマットについて説明した。今回は、実際にJavaScriptからFREDDYデータを読み込む手法、およびその裏でFREDDYのライブラリが行っている、WebサーバーとWebブラウザ間の通信手法を解説する。 FREDDYのプロトタイプ実装やマニュアルはFREDDYのWebサイト(http://freddy.yokoyama.ac/)で公開している。ここにあるxml2freddy.php(http://freddy.yokoyama.ac/index.php/Docs/xml2freddy.php/Usage)というツールを使えば、任意のXML文書をFREDDYフォーマットへ変換し、またそのデータをFREDDYで読み込むWeb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く