caramel*vanilla リンク先をサムネイル表示 - Link ThumbnailBelanja di App banyak untungnya: Banyak Vouchernya Produk Eksklusif di App Rekomendasi Hanya Untukmu Paling Pertama Dapat Promo
JavaとJavaScriptの親しい関係
教育界、技術者コミュニティでJava言語の教育と啓蒙に長年携わってきた 筆者が、独自の視点からJavaの面白さを掘り下げていく。（編集局） 注目を浴びるJavaScript JavaScriptが世に広まって10年近くたちますが、最近話題に上ることが多くなってきています。なぜ、いまさらJavaScriptが注目を浴びているのでしょうか？ JavaScriptはECMA（ヨーロッパ電子計算機工業会）によって、ECMAScriptとして標準化されていて、Standard ECMA-262 ECMAScript Language Specification 3rd edition (December 1999)や、Standard ECMA-357 ECMAScript for XML (E4X) Specificationといった仕様が公開されています。これらの仕様を見て分かるように、Java
BASE64 encode/decode - 技術メモ帳
encode >>> btoa("hello") "aGVsbG8=" decode >>> atob("aGVsbG8=") "hello" Firefoxだけっぽいけど、 ボクは、Firebugで使用できる という事に意味を感じる。
IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
Firefox 2.0 beta 1 が出ましたね＾＾ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。！ 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
![IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad78b71efb80ed38311469993c1d5028fd597bf2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551580%2F1527141769)
Firebug に自作関数を組み込む方法 - 技術メモ帳
外部スクリプトをロードする関数を毎回書くのが面倒で、 Firebugの組み込み関数にしたら便利なんじゃないかと思って、 loadJS という名前で Firebug に組み込んでみた。 結論から言うと、 /chrome/content/firebug/commandLineAPI.js を編集したら、任意の関数を定義できた。 以下に、手順を書いてみる。 まず、ソースでもある Firebug拡張をダウンロードする。 http://releases.mozilla.org/pub/mozilla.org/extensions/firebug/firebug-0.4-fx+fl.xpi xpi は、実際にはただの zip ファイルなので、 unzip コマンドで解凍できる。 ./$ unzip firebug-0.4-fx+fl.xpi Archive: firebug-0.4-fx+fl.xpi
Collection & Copy - 複数行の文字列
複数行の文字列 JavaScript Javascript Boot Camp Tutorial \を行端に置くことで、文字列を複数行に分けて記述できることを知った。 IE、Forefox、Operaで確認をした。 alert("<html>\ <body>\ <div>\ </div>\ </body>\ </html>"); 文字列リテラル (String Literals) ECMA Scriptの仕様を読んでも難しく、このことが記述されているのか否か判断ができない。 『JavaScript』の文字列リテラルの項を読み直してみたが記述は見当たらず、これまで色々なコードを読んだが利用されている例に会わなかった。 追記 2006/8/7 nanto_viさんから、詳細な情報をコメントで頂きました。 こちらへ転載させていただきます。 いつも、いつも、本当にありがとうございます。 nanto
Javascript Shell - 技術メモ帳
http://www.squarefree.com/shell/shell.html 既出っぽいけど、おもしろかった。 どこがいいなぁとおもったかというと、 外部スクリプトロードできる。 load( "URL" ); これ Firebug にも欲しい。 関数の中身表示 一番気に入ってるのが、関数名を入力したとき。 その関数の中身の文字列が出るというモノなんだけど、 Firebug もこういう実装にして欲しいと強く思う。 たとえば、load って入力して Enter すると、 function load(url) { var s = _win.document.createElement("script"); ... . } こんな感じで文字列で関数の中身が出力される。 追記: id:secondlife さんに Function#toString() で関数を文字列か出来ることを 教えてい
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の方が体感速度はよい、という
ページ読み込み状況をグラフ化するPEAR::HTML_Progress2:phpspot開発日誌
PEAR :: Package :: HTML_Progress2 How to include a loading bar in your XHTML documents quickly and easily. ページ読み込み状況をグラフ化するPEAR::HTML_Progress2。 ページ読み込み状況をCSS+JavaScriptのXHTMLで出力できます。 サンプルプログラムは次のような感じ <?php require_once 'HTML/Progress2.php'; $pb = new HTML_Progress2(); $pb->setAnimSpeed(100); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-stri
Mouse wheel programming in JavaScript
Though many people still find this page useful, there have been some changes in the browsers since last update of this page, and I generally consider some information here to be outdated. However, I suggest using MooTools or other general Javascript frameworks that provide portable and maintainable basis for writing Javascript code. Web applications are becoming more and more like “normal” desktop
マウスホイールのイベント検知 - memo.xight.org
Summary ブラウザ event property 手前に回転 Internet Explorer onmousewheel WheelDelta 負 Firefox DOMMouseScroll detail 正 Opera onmousewheel WheelDelta,detail 正 Reference Mouse wheel programming in JavaScript http://adomas.org/javascript-mouse-wheel/ Mouse wheel programming in JavaScript - Demo http://adomas.org/javascript-mouse-wheel/test.html JavaScript++かも日記: マウスホイールで拡大縮小 http://jsgt.org/mt/archives/01/000
javascript 難読化 解除
var base_code='';var jsdecoder;var jscolorizer;var code='';var time=0;function decode() {code='';base_code='';jsdecoder=new JsDecoder();jscolorizer=new JsColorizer();if($('msg').innerHTML.length){do_clean_init();}else{jsdecoder.s=$("a1").value;do_decode_init();}} function do_decode_init() {$('msg').innerHTML+='Decoding .. ';setTimeout(do_decode,50);} function do_decode() {time=time_start();tr
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
最速インターフェース研究会 :: IEの遠隔操作用ライブラリmechanize.js
先日のShibuya.js Techtalk#2では開発手法の話とかは(前回話したので)あまりしなかったのですが、そういう話を知りたいという人も多いようなので適当に公開していこうと思います。 http://la.ma.la/misc/js/mechanize/ WWW::Mechanizeと似たインターフェースでIEを遠隔操作するライブラリです。htaから呼び出してテスト用のツールを作ったりします。wshからも使えると思います。 機能的には最低限のものしか実装してません。ファイルのアップロードとかはJS側からいじれなかったと思うので多分無理です。 この手のツールではseleniumというのが有名なのですが、多機能すぎて使い方が良くわからないので自作しました。単純な動作確認や連投に使ったりします。 これを使ってアレをナニしたりしているのですがとてもここには書けません。
MySQLから直接JSON形式にするためのクラス:phpspot開発日誌
PHP Classes - Class: MySQL to JSON Convert data from MySQL query results into JSONMySQLの検索結果を即座にJSONにするためのクラス、MySQL to JSON。 SQL→連想配列→JSON が SQL→JSONに出来るっぽいです。 Ajaxからそのままレコードを牽きたいような場合に使えそうですね。 単純にラッパークラスを作るという手もありますが。 関連サイト PEAR::Services_JSON 関連エントリ XML→JSON形式に一発で変換:BadgerFish json用PHP機能拡張 php-json
webアプリケーションテストツール seleniumがヤバすぎる
http://selenium.thoughtworks.com/index.html JavaScriptを使い実際のブラウザを介してテストするseleniumがヤバすぎる。便利すぎ。Web案件なんつーのはほんと最終フェイズになってもMVCで云うモデルに当たる部分が「仕様変更」の一言によって変更されることも多々あって、そんなときは各種testが書き直しになったりする。んで最終で時間がない状態じゃtest書き直せる訳もなく人海戦術で無理矢理なんとか仕上げる、つーのがいまのWeb案件の大概の末路の気がするんだけどそれはおいといて。 このseleniumを使えば、簡単な記述で人間が実際にブラウザを操作してテストしている部分の大半である画面遷移、フォームの入力、ヴァリデーションの正否がなどが行える。つまりインターフェイスの仕様が変わらなければ延々とテストし続けられるわけだ。最後の受け入れテストの
LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌
Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。 必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://programmingishard.com/posts/show/399
現在選択している文字列を取得 - 技術メモ帳
JavaScript++かも日記 - 1997年からの