Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
新たな「オープンソース問題」みたいな議論になってる - Life goes on
nobilog2: 以前からあった機能を「特別」にするiPhoneマジック iモードのJavaScriptは独自規格なのか - vantguarde - web:g WebKitという世界標準。 - 日々、とんは語る。 「オープンソース問題」っていうかどうかは知りませんが。ちょっと前に論争巻き起こした、"梅田さんのオープンソースの定義が間違ってるんじゃないか？"問題の事ですが、上の議論を見てるとどうも、構造的に似てるような気がしてきました。 最初に言っておきますと、俺自身は漢字Talk7からずっとMac使ってる林檎フリークです。林さんも昔からMac関係の雑誌で文章を見てましたので、好きですよ。でも、このコメントは無いんじゃないかと思います。 元々のエントリの内容も色々なレイヤーの話がiPhoneというキーワードで一緒になって書かれてるという印象ですけども、id:vantguardeさんが問
WebKitという世界標準。 - 日々、とんは語る。
にわかに現れ、ネット界を震撼させているバズワード。 以前からあった機能を「特別」にするiPhoneマジックという記事で使われている言葉ですが、ウェブ製作者の人からしてみれば、思想的に逆行、むしろ反逆しているような言葉ですね。 何故かと言えば、それ即ち、今現在でいうところの「IEという世界標準」と置きかえれてしまうからではないでしょうか。 別にWebKit自体が駄目だというわけではなく、ブラウザはあくまでウェブ "ブラウザ" であって、ブラウザ自体が標準にはなりえないわけです。全てのブラウザで等しくブラウジングできるようにあるために、標準(仕様)があるわけで、ブラウザは標準(仕様)に基づいてレンダリングできれば、何でも良いわけです。 docomo の新プラウザが(WebKitじゃなくて)イケてないという意見がありますが、逆に WebKit を採用して幸せになるのは、一体誰なのでしょうか？ i
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It's JavaScript Time demo 5 demo 6 CSS Spriteとは、スタイルシートで一枚の画像から複数箇所に配置をしたり、マウスオーバー時の画像指定を行うものです。 CSS Sprite2は、そのCSS Spriteにスクリプトを使用して、アニメーションのエフェクトつけたものです。 使用するスクリプトは、デモではjQueryが使用されていますが、PrototypeでもYUIなど他のスクリプトでも実装は可能です。 CSS Sprite2のベースとなっているのは、下記ページとのことです。
Amazonに価格.comの最低価格を表示する『Amazon Lowest Price Checker』改良版リリースしました - 5.1さらうどん
どうせ既に誰かが作っているだろうから習作にちょうど良いと思って作ったGreasemonkeyがまさかここまで評価していただけるとは夢にも思いませんでした。Amazonで閲覧中の商品に価格comから最低価格を取ってきて付加するGreasemonkeyスクリプト書いた - 5.1さらうどん ここまで評価されたことに対して純粋な喜びもさることながら、それ以上に、こんな適当で不完全な物を衆目に晒してしまったことが非常に申し訳ない。ということで、既知の問題点含め、可能な限り改良してみた。大学の空きコマを使ってちまちまと作り続け、１日がかりで完成させました。どうぞご利用ください。 ダウンロードはこちらから。Amazon Lowest Price Checker ※Greasemonkey固有の関数を使っているため、Operaなどでは動かないと思います。改良、バグ報告等をお待ちしております。主な改良点ま
だいきん日記 Ver.5 ＠MT - 新着期間に応じてNEWアイコンの表示 - ほんのちょこっと 本のお話
新着期間に応じてNEWアイコンの表示 Movable Type 2005年03月10日 topページの新着記事一覧で、最近30日以内にエントリーしたものには、NEWアイコンが横に表示されるようにしてみた。ネットでググったところ、PHPを利用したものは見つかったんだけど、ダイナミック・ページではPHPを利用できないので、JavaScriptで表示させるものを作ってみた。 下記コードをnew.jsと名前を付けて保存。<head>～</head>内で<script type="text/javascript" src="new.js"></script>としてnew.jsを呼び出す。 kikan = 30; // 日数を変更する場合はこの値を適当に icon = "<img src='画像へのパス'>"; // 適宜、サイズやalt属性を指定 today = new Date()
はてなスターの星をプロフィールアイコンに置き換えるGreasemonkey Script - 0x集積蔵
最新版は http://gist.github.com/2424 からどうぞ タイトルの通りです。はてな上でのみ動作します。 http://ss-o.net/userjs/replaceStarByProfileIcon.user.js こんな感じ。 spanタグにaltをsetAttributeしてたりとかなり力技な感じ。はてなスターの修正で動かなくなる可能性大。まあ、グリモンなんてそんなもの。 関連 いぬビーム - はてなスターをプロフィールアイコンに変えるブックマークレット はてな以外では? ついでなので、 つい☆すたの真似をしてはてなスターの☆画像をプロフィールアイコンに変えてみた - 準二級.jpの補足?で、はてな以外でスクリプトが貼れるblogの場合、こんな感じでグリモンを入れてなくてもいけると思うというサンプル。 <script type="text/javascript"
JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り替わります。 ページ内には小窓がコンポーネントとして登録できて中身に自由にHTMLが記述できます。 各ページは、１ページあたり１枚のHTMLモジュールとしてJavaScriptで定義できて、非常に簡単かつシンプルにポータルが作れるフレームワークになっています。 JSでモジュール定義の例 var _modules={ m101:{l:"m101.html", t:"Motivation", c:"red"}, m102:{l:"m102.html", t:"Philisophy", c:"yello
border-radius.js - Javascriptライブラリ - HTML5.JP
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。 このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas（Canvasがサポートされていれば）を使っています。 ダウンロード Release Date Size (byte) Download
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル
スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
&lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;pid=877160106″&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;pid=877160106″ target=”_blank” &gt;&lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;pid
SlashDot風のサイトメニューを作る「Slashdot Menu」:phpspot開発日誌
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka... 次の記事 ≫：Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 Dynamic Drive DHTML Scripts- Slashdot Menu This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. SlashDot風のサイトメニューを作る「Slashdot Menu」。 次のようなSlashDot風のメニューを実装することが出来ます。 大メニュー選択でアニメーションもします。 実装コードは次のようにシンプル。 var myMenu = new SDMenu("main_menu"); // I
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
overLIBでツールチップ表示 - KANWA KYUDAI
技術的な話題ですみません。 トップ画面左に”ことわざ”（Proverbs Today）を掲示していますが、マウスを重ねるとコメントを表示させるようにしています。バルーンヘルプみたいなやつですね。 これ、NASAへ行ってみる？', STICKY);" onmouseout="nd();">NASA（ケネディー宇宙センター）でも使われているツールです。 この使い方について書いておきます。 これはoverLIBというツールを利用しています。 に行ってDownload overLIB 3.51をクリックし、overlib351.zipをゲット 展開するとoverlib.jsとoverlib_mini.jsが出てくるので、適当なディレクトリにASCIIモードで転送。（私はMovable Typeをインストールしたディレクトリ直下にしました） 表示させたいページの<body></body>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
便利なソースコード表示用JavaScript (dp.SyntaxHighlighter) - youmos
JavaScriptを勉強したい - ホームページ笹椪FAQ