Ajaxian IE9がCanvas要素をサポートすることで、これまで広く使われてこなかったテクニックが、もしかしたら注目されることになるかもしれない。Ajaxianに掲載されているWant to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvasという記事で、2008年に公開されたJacob Seidelin氏の記事"Compression using Canvas and PNG-embedded data - Nihilogic"がふたたび取り上げられており、その可能性を示すものとして興味深い。 Compression using Canvas and PNG-embedded dataで紹介されているテクニックは、JavaScriptやCSSをPNG画像データとして利用するというもの。も
画像の切り替えでユーザーに驚かせることができそうです。 jQueryプラグインのJquery.ImageSwitchはフェードインなどのよくあるパターンだけではなく、ダブルドアと名づけられた切り替え方も可能です。 sponsors 使用方法 Jquery.ImageSwitchからGroject.ImageSwitch.jsを、jQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="Groject.ImageSwitch.js"></script> <script> $(document).ready(function(){ $("#id名").click(function(){ //切り替える
Firefox web browser - Faster, more secure & customizable Mozilla Labs ≫ jetpack ≫ Blog Archive ≫ Elevating JavaScript Performance Through GPU Powerにおいて、FirefoxのJavaScript処理にGPUを活用することでパフォーマンスを向上させるためのアイディアが紹介されている。具体的にはCUDAをJavaScriptから利用できるようにするというもの。APIを拡張する方法とJavaScriptのシンタックスそのものを拡張するという2つのアプローチがあるとし、紹介されているのはAPIを拡張するアプローチ。同アイディアはJetpack 0.5 Contestで優勝したAlexander Miltsev氏の取り組みがベースになっている。 CUDA
Cygwinだと以下のような方法でJavaScriptを呼び出すことができたのだが、 cygstart "/cygdrive/c/Program Files/Mozilla Firefox/firefox.exe" \ "javascript:alert(location.href)" MacだとAppleScriptを使わないと駄目らしい。 AS Holeのページによれば 以下のようなスクリプトを使うといいらしい。 tell application "Firefox" set aURL to «class curl» of window 1 end tell osascriptというコマンドを使うこともできる。 osascript -e 'tell application "Firefox" to «class curl» of window 1'
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
JavaScriptやPythonなどのスクリプト言語を使ってアプリケーションを制御するのは、いまや珍しいことではありません。本連載の第3回では、Photoshop上で動くJavaScriptについて紹介しましたが、アドビのアプリケーション（旧マクロメディア製品を除く）でもっとも早くJavaScriptに対応したのが「Illustrator」です。Illustratorは2001年に発売されたバージョン10からJavaScriptによる制御に正式に対応し、それまで手作業でしていた面倒な処理を自動化できるようになりました。 今回は、IllustratorをJavaScriptで制御する方法について紹介します。最終的には作例として「百ます計算」の表を完成させます。百ます計算とは、左側と上側にある数値の合計を10×10のマス目に記入していくもので、集中力を高める手法として小学校などで使われていま
これはすごいかも。 いわゆるショッピングカート機能を実装するためのJavaScriptのライブラリがSimpleCartだ。しかも20KBというコンパクトなサイズである。 商品の陳列、注文内容の変更や削除、数量変更などをさくっと実現してくれる。なお、実際の決済にはPayPalかGoogle Checkoutを利用することになる。 残念ながら日本で使うにはまだハードルが高いが（言語や決済方法などで）、いざ実装しようと思うと面倒な機能だけにこうしたライブラリは歓迎したいところだ。 こうしたライブラリを活用してどんどん経済が活性化していくと良いですな。
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google I/O でセンセーショナルなデビューを果たした Google Wave が話題です。ソーシャルでリアルタイム性の高い諸機能もさることながら、デスクトップ・アプリケーションと同等、もしくはそれ以上に操作性の高いたユーザー・インターフェースに驚かされます。その中でも特に画期的なのが、ファイルのドラッグ＆ドロップです。従来、ファイルのアップロードは Web
2009/05/19 NTTドコモは5月19日、Android端末を含む夏モデル18機種を発表すると同時にiモードブラウザの機能拡充を発表した。操作性や応答性を向上させたほか、JavaScript対応、最大ページサイズを100KBから500KBへ拡大させるなど、新しいコンテンツサービスやUIを実現するポテンシャルを感じさせる機能が満載だ（iモードブラウザ2.0新機能一覧）。 キャッシュ対応でiMenuを即時起動 使い勝手を向上させる変更として、まず、iMenu起動時間の短縮が挙げられる。これまで、iボタンを押してから実際にiMenuが起動して使えるまでタイムラグがあったが、キャッシュしたメニューを表示することで、即時表示を実現した。また、これまで使えなかった左右キーに対応。十字キーを使ったナビゲーションを可能とし、目的のリンクへたどり着きやすくした。 文字列のコピー＆ペーストも可能となり、
Eloquent JavaScript | 06:06 | 心配するな。日本語は死なんよ 来たか、ハッカー大好きはてなー野朗。ちょっとオマエ、ブクマを見せてみろ。ん？なんだこの大量の「あとで読む」タグは？！ で、これは読んだのか？ 何？ まだだと？ あ？「だって英語で書いてあるしー」だ？ で、「その前に英語やらなくっちゃ！」と思ってやった事が、英語Tips のページにブクマして「あとで読む」タグを付けること？ おめでてーなー。オマエは本当におめでてーヤツだよ。今日も新たな教材探しか？ おい、、、図星かよ。涙目になんなよ。。 今日から、そんなオマエのヘタレな日常とサヨナラ出来るよう、またオレが教材を用意してやったぞ。喜べ。元ネタは"Eloquent JavaScript （オレ的な超訳では「スゴいよ JavaScript」）"だ。コイツの出来の良さは関係各方面でお墨付きが出てるから安心しろ。
Firefox3で「サードパーティのCookieも保存する」をオフにする。 防げる。 いずれのブラウザにもサードパーティ製のcookieを制限するオプションがあるが、Firefox3以外だと、フレーム内表示された場合に「新規にcookieを保存しない」だけで保存済みのcookieは送信してしまう。 軽く調べてみたところ、次のようになった。(間違ってたら教えてください) サードパーティのcookieの新規保存 サードパーティの保存済みcookieの送信 表示中のドメインのcookieの保存/送信 IE6,7,8(デフォルト) x o o IE6,7,8(セキュリティ高) x x x Opera9.6(デフォルト) o o o Opera9.6(制限) x △ o Safari(制限/デフォルト) x o o Safari(全て受け入れる) o o o Firefox2(デフォルト) o o
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
な、なんじゃこりゃぁと思わざるを得ないようなJavaScriptの登場だ。JavaScriptはNetscapeがあった時代からあるもので、ずっと昔から存在している。単なるサイトの装飾扱いだった時代を経て、Ajax、prototype.js、YUI、Ext-JSなどここ数年で一気に進化を遂げている。 複数の画像によって、まるで中に入り込んだかのように動かすことができる その留まる所を知らない進化の最新系を見られるのがこのjParallaxというjQueryプラグインだ。JavaScriptなのでもちろんソースコードは公開されているが、ライセンスは特に明記されていなかったのでご注意いただきたい。 jParallaxは言わば複数の画像をレイヤーを重ねるがごとく表示して、マウスの動きにあわせて上下左右にちょっとずつずらして表示を切り替える。それによってまるで遠近感をもって動いているかのような印象
ダイクストラ法が小さなサンプルデータで動いたら、実際のデータを使ってみたくなるのが人情。東京を走る地下鉄のデータでやってみたいと思った。 JavaScriptとPrototype.jsとGoogleMapsAPIとすったもんだしたあげく、なんとか動くものができた。 502 Bad Gateway テストアプリはこちら JavaScriptのソースはここのhtmlに 駅や路線のデータは駅データ．ｊｐのものを使わせてもらいました。 使ったのは東京メトロ＋都営＋山手線 駅（ノード）の数は、同じ駅でも路線ごとで別にカウントして 322 駅同士をつなぐ線路（エッジ）の数は、徒歩や乗換えを含め 912 体感もっさり感じるけど、経路の検索以外のところがかなりかかってる Tips Prototype.js Array.without は超重い、使うな！ Hash.keys で返ってくるキーはすべて文字列に
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
2008-10-06追記：リンク一つ毎に改行タグ(br)を入れる部分のコードが消えていたので引用記法からpre記法に変更しました。 XPathの練習として作ってみました。 yourfilehostへのリンク以外を抹殺します。yourfilehostへのリンク以外は全て騙しリンクというページで使います。 ページの読み込みが完了する前に実行できるので、騙しリンクや画像の描写に無駄なCPU時間を使わなくて済むという地球に優しい仕様となっております（グリーンIT）。 Firefox 3とGoogle Chromeで動作確認しました。 コード javascript:(function(){document.body.style.display='none';var a='//body/*';var b=document.evaluate(a,document,null,7,null);for(var
about かなふる はホームページの漢字に振り仮名を付けることのできるブックマークレットです。 文章を読みながら好きな箇所にかなをふることができます。 ブックマークレットなのでブラウザに登録するだけで簡単に使えます。 demo 地球環境変動観測ミッション（GCOM : Global Change Observation Mission、ジーコム）は、宇宙航空研究開発機構(JAXA)が進めている、人工衛星を利用した地球環境の変動を長期的に観測する計画。国際プロジェクトの全球地球観測システム(GEOSS)10年計画に沿い、10～15年程度の期間、全地球上の降水積雪量や水蒸気量、雲、エアロゾル、植生などの物理データを観測し、そのデータを気候変動予測や気象予測、水や食料資源管理などに利用し、その有効性を実証することを目的としている。 地球環境変動観測ミッション - Wikipedia
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
