ちょっとした説明に便利なTooltipsのスクリプトいろいろ | IDEA*IDEAWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
ブラウザー間直接通信で広がる世界と課題 - Tomo’s HotLine
IT技術を中心に、暮らしに役立つ情報からクラシック音楽の解説まで気軽に情報発信しています。 WEBサイトはhttp://toremoro21.world.coocan.jp/ Twitterは@toremoro21です。 先日、「P2Pアプリがブラウザー上で動作する！？」 というエントリーを書いたが、Skypeの解説本著者として知られ、今はアメリカで某検索エンジン企業に勤めているIKeJIさんから興味深い記事を紹介してもらった。 ブラウザというプラットフォームの為の基礎技術～ブラウザ間通信～ とても興味深い。是非P2P勉強会で講師として話して欲しいぐらいだ。 技術的には ・JavascriptだけでなくActionscriptも併用。 ・ユーザはProxyサーバを立てる といった感じ。Proxyサーバを使うのは、Javascript+ActionscriptだけではTCPの待ちうけができな
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
JavaScriptがウェブを遅くする--今できる緩和策を考える
JavaScriptの1行が、今日のブログ技術に多くのパワーを与えている。ウィジェット、共有ツール、訪問者の追跡、広告。多くの場合、ブロガーは新しい技術を自分のブログに導入するのに、JavaScriptを1行加えるだけでいい。問題は、それらの1行のJavaScriptが多数組み合わされたときに起こる。 物理学には、非線形性と呼ばれる有名な現象がある。多くの異なることが相互作用すると、結果を予測するのが難しくなるのだ。ソフトウェアの場合も違いはない。多くのコンポーネントを組み合わせると、何が起こるか予測できなくなる。これは、各コンポーネントはスタンドアロンのように振る舞うが、それらは決まった区画内のスペースと閲覧者の注意を争う関係にあるからだ。そして、この争いはすべての人を傷つける。読者、ブロガー、サービス。誰もが不満を抱くことになる。 ブロガー：疑うことを知らない被害者 ウィジェットは今流
Latest topics > 他の拡張機能やFirefoxの機能を破壊しないための基本テク - outsider reflex
Latest topics > 他の拡張機能やFirefoxの機能を破壊しないための基本テク 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « いちばんになりたい Main ISBNコードからAmazonのアフィリエイトのリンクを生成するカスタムスクリプト for ContextMenu Extensions » 他の拡張機能やFirefoxの機能を破壊しないための基本テク - Sep 04, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 JavaScriptでは、普通に宣言した変数や関数はグローバルな物になる。 var name
HTMLの質の追求は、モバイルがきっかけでブレイクする。
Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。 しかし、それは現場では間違いではなかった。 2002～2003年頃は、ネスケ4を切るための理由がなかったのだ。 ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末（あえて言ってみる）なことで、ビジネスの機会損失になることは許されない。 もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。 そこにハマったのが、MovableType（blog）とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。 ずばり、この二つのキーワードが
Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
JavaScriptで配列をシャッフル
配列をシャッフル、つまりランダムに要素の位置を入れ替えるというのを、sortメソッドを使ってやってみたのだけど、明らかにダメダメなものになってしまった。その後、あーでもないこーでもないと考えたのだけど、算数が得意すぎて頭が痛くなった。ということを某所でぼやいたらはてのくんがコードを見つけてくれた。どうやらFisher-Yatesという有名なアルゴリズムでやると良いらしい。 最初に書いたコードは、 var a = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9); a.sort( function (a, b) { return Math.ceil(Math.random() * 3) - 2; } ); というもの。sortメソッドは、パラメータに与えられた関数が負の値・0・正の値を返すことによって要素の順序を決定するので、その関数がランダムに値を返せばランダ
マウスで引いた線が生き物になる「Manifest」
JavaAppletでできており、線を引く速度や長さ、描く図形に応じていろいろな生き物が生成されます。生み出された生き物はプランクトンみたいにふよふよと漂っているものや、ビクンビクンと動き回るモノまでいろいろです。 遊び方は以下の通り。 実際に動かすには下記ページへ。 manifestOnline Built with Processing 素早く線を引いたり、ゆっくり線を引いたり、長くしたり短くしたり、ささっと描いてみたり、三角形や四角形などなどを描いてみると、次々と謎の生き物に変換されます。 描いた生き物を一掃するにはスペースキーを押します。また、「p」を押すと停止モードになり、「d」キーを押すと開発者モードに突入します。 短い線を素早くさささっと作り出すと、ミジンコみたいなのがいっぱい生産できて面白いことに。また、巨大な生物を作ると描画キャンバスの中で大暴れしてくれます。まっすぐ線を
ここギコ！: Locapointのリンク自動生成JavascriptがGoogle Maps以外にも対応
Posted by nene2001 at 02:20 / Tag(Edit): locapoint / 0 Comments: Post / View / 0 TrackBack / Google Maps 以前のエントリ、 位置情報を簡易に示す仕様「Locapoint」、本格始動！ ロカポ表記をGoogle Mapsへのリンクに置き換えてくれるJavascriptも用意されています。 HTMLのヘッダーに <script src="http://www.locapoint.com/common/lpautolinkify.1.js" type="text/javascript"> </script> と書いてインクルードしておくだけで、そのページ内のロカポが全てGoogleMapへのリンクへと変更されます。 これで、ロカポを知らない人にも、ロカポを使った場所のナビ
いやなブログ - JavaScript ではてなブックマーク数を表示
JavaScript ではてなブックマーク数を表示 はてなブックマークのブックマーク数は人気の指標として参考になります。このブログでは各エントリの末尾に、ブックマーク数を画像で取得する API を使って、ブックマーク数を表示するように設定しています。 ブログシステムのようにテンプレートを使える場合は、ブックマーク数を表示する HTML をたくさんのページに貼り付けるのは簡単ですが、そうでない場合はなかなか面倒です。そこで、ここでは JavaScript を使ってはてなブックマーク数を表示する方法を紹介します。 やり方 まず、次のような JavaScript を hatena-bookmark.js として保存してウェブに置きます。 function makeHatenaBookmarkLinks() { return ("<a href='http://b.hatena.ne.jp/ent
一つのことにコミットし続けること
ついつい目の前にあるトレンドなどに目をやってしまい、支離滅裂になる今日この頃。そうでなく一つのことにコミットし続けるって重要かなぁと、最近反省し始めています。 どうしても新しいトレンドがたくさんでてきて、あれが良いだの、これが新しいだのという流れに流されがちですが、最近、身の回りで見かけた、Ruby on railsってバッドノウハウじゃね？と言う話とか、成熟してきたblog市場で日本人の日記好きが注目されてきたり、クチコミビジネスをやっていた従来の企業がweb2.0というキーワードで再注目されたりしているのを見て、あれこれ目の前に流れるトレンドキーワードに心奪われるのではなく、一つのことに愚直にコミットし続ける方がいいんじゃないかと。 あれこれ振り回されるのは、そこにコミットし続ける成果に対して自信がないからですね。まさに僕の性格そのものです。 でも、当時のインフラとかマシンパワーとかビ
JavaScriptを最速で実行できるブラウザはどれ？
Internet Explorer 6 (SP2)、Firefox 1.5、Firefox 1.5 (セーフモード)、Opera 9.0の4種類のブラウザでJavaScriptの実行速度を調査したところ、またしても意外な結果となりました。 結果のグラフは以下の通り。 Celtic Kane Online - Javascript Speed Tests こうなりました。 平均時間を算出すると、このようになります。単位はミリセカンドです。 Firefox 1.5：1974 Internet Explorer 6 (SP2)：1622 Firefox 1.5 (Safe mode)：1752 Opera 9.0：442 つまり、Operaが最速、と。大体、3.5倍ぐらい早く実行できるようです。Web2.0の特徴であるAJAXを多用したサイトを閲覧する場合、Operaの方が体感速度はよい、という
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
JavaScriptを悪用した攻撃手法--セキュリティ研究者らが発見
JavaScriptを使って家庭や企業におけるネットワークの構成を把握し、接続されたサーバやプリンタ、ルータなどのデバイスを攻撃する方法を、セキュリティ研究者らが発見した。 こうした悪質なJavaScriptが埋め込まれたウェブページを一般のブラウザ上に表示すると、スクリプトが何の警告も表示しないまま実行されてしまうと、研究者らは述べる。また、これはユーザーのブラウザ上で動作するため、ファイアウォールなどのセキュリティ対策も回避するという。 ウェブセキュリティを専門にするSPI DynamicsのリードエンジニアBilly Hoffman氏は「われわれは、ネットワークをスキャンして見つかったすべてのウェブ対応デバイスを識別し、これらのデバイスに攻撃を仕掛けたり、コマンドを送信したりする技術を発見した。このテクニックを使えば、ファイアウォールで守られた企業のネットワークもスキャンできるように
GIGAZINE - マウスホイールの回転イベントをJavaScriptで検知する
実際の例としては「Google マップ」がまさにそうです。マウスのホイール部分を回転させると、地図を拡大縮小できます。 これと同じ仕組みを実装するにはどうすればいいの？というお話。 Mouse wheel programming in JavaScript http://adomas.org/javascript-mouse-wheel/ テストページはこちら、マウスホイールを回転させると表示が変わる http://adomas.org/javascript-mouse-wheel/test.html ほかにもこんなことができます。 JavaScript++かも日記: マウスホイールで拡大縮小 インフォシーク ホームページ作成「マウスホイールで画像を拡大縮小する方法」 せつないぶろぐ : JavaScriptによるマウスホイールのイベント処理 暴満館 >> OperaのJavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイムテーブルを実装するための便利なJavaScriptライブラリ『today's timetable』 | IDEA*IDEA
TechCrunch Japanese アーカイブ � Clickdensity、ウェブサイトトラフィックをマップにして提供
caramel*vanilla リンク先をサムネイル表示 - Link Thumbnail