Storytelling For The Web: Integrate Storytelling in your Design Process
livedoor ReaderのクローラとStreaming APIなどの話
Storytelling For The Web: Integrate Storytelling in your Design Process
Higher-Order JavaScript [和訳]
by Sean M. Burke A JavaScriptish companion to Mark-Jason Dominus's Higher-Order Perl http://hop.perl.plover.com/ ~ Under Construction, Obviously ~ HOJ.0: Functional JavaScript Reviewed HOJ.0: 関数的な JavaScript の復習 For a general review of JavaScript, I think that the best work available is the first third or so of the book Javascript: The Definitive Guide http://www.oreilly.com/catalog/jscript4/. (Th
私製版、GreasemonkeyでXPathを楽に使う関数 @蕪浅録奏
Greasemonkey - Mozilla Firefox まとめサイト で、Dive Into Greasemonkey の日本語訳 (PDF)が公開されてます。 これは凄く良い仕事。いやマジで。超感謝。 で、それの28頁以下で、Firefox に組み込まれた XPath のサポートの使い方が説明されてまして、これで /getElements?By.+/ 地獄からおさらば出来るわけですが、 XPath を解釈するのに使う document.evaluate は引数がたくさんあって、生で使うのは面倒いです。 でも使う引数はクエリ部分以外は普通は決まってるので、30頁以下で、XPathを楽に使うために以下の関数を定義すると良いよね、とあります。
ルビをつける - 素人がプログラミングを勉強していたブログ
WebKitにrubyタグのレンダリングのサポートが入ったので、新聞社のサイトなどで狡猾（こうかつ）な犯行などと書いてあるものをrubyタグで包むスクリプトを書いた。 // console.time("benchmark"); var r = document.evaluate( './/text()[contains(., "（")]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); var i; var node; var re = /(.*?)([一-龠]+)（([ーぁ-んァ-ヶ]+)）/g; var match; var range = document.createRange(); var text; for (i = 0; i < r.snapshotLength; i++) { node = r
[J] JavaScript の外部ファイル読み込みと遅延処理 (遅延評価) - Jamz
ブックマークレットで自サイトの JavaScript を読み込み、更に jQuery などのライブラリを読み込む実装をしていてハマった。 ブックマークレットから http://example.com/js/program.js を読み込み program.js 内で jQuery を読み込み $.ajax() などを実行 上記のような処理をしようと考え、最初下記のようなコードで読み込んでいた。 var script = document.createElement('script'); script.charset = 'UTF-8'; script.src = 'http://example.com/js/program.js'; (document.getElementsByTagName('head')[0] || document.body).appendChild(script)
日本のJavaScript界隈のブログを適当かつ詳細にまとめてみようと思って挫折したけど、もうちょっと頑張ってみた - ?D of K
あらすじ 僕は本無しにJavaScriptを覚え、その後も全く本を読まなかったため（今もまだJavaScript関連の本を持っていない）、友人の変態C++プログラマにJavaScriptを覚えるための本を聞かれて、答えることが出来ませんでした。しかし、そんな中、颯爽と助けてくれた某JavaScriptコーダーがおり、そんなことがあって、世間のJavaScriptコーダーってどういう人たちなんだろうと気になって、とある勉強会に参加して、なぜか最後、指名手配されて、いや、僕はそんな知られるほどのことはしていないと思っていたのだけど、まぁ、何かやり遂げてはいたのかもしれないと思ったので、JavaScript界隈の有名人を調べてみることにしました。 まとめ方 多くのJavaScript界隈の有名人はJavaScriptで有名なブログを持っているに違いないという発想の元でTopHatenarのJav
最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する
JavaScriptにおいて関数というのはFunctionオブジェクトで、他のビルトインオブジェクトと同様に、組み込みのメソッドがある。これがapplyとcallしかないのだけれど、こんな感じに使う。 func.apply(thisObj,arguments) func.call(thisObj,arg1,arg2,arg3) thisObjには、その関数内で「this」として使うオブジェクトを指定する。applyの第二引数はargumentsオブジェクトを指定する。配列か、現在実行中の関数のargumentsオブジェクトを丸ごと別の関数に引き渡せる。つまり引数の長さが良くわかってなくても使える。 callは代わりに func.apply(thisObj,[arg1,arg2,arg3]) と書けるので、実はいらないんじゃないかと思う。 これらは多分、ふつうにJavaScriptを書く上で
Collection & Copy - Deferred、遅延リソースのインターフェース、パターン
JavaScript setTimeoutで実行される関数の中で発生するエラーは、セットした部分のtry/catchで補足することはできません。 function throwError(){ throw new Error('ERROR'); } try{ setTimeout(throwError, 3000); } catch(e){ // ここには到達しない alert(e); } MochiKit.Async.Deferredを使うと、エラーバックでエラーを補足できます。 callLater(3, throwError).addErrback(function(e){ alert(e); }); エラーの補足以外にも、Deferredのインターフェースから以下が行えます。 キャンセル(cancel)状態(fired)コールバックの追加(addCallback)エラーバックの追加
難読化されたJavaScriptコードを元に戻す:phpspot開発日誌
JsDecorder Decode javascript obfuscated code ! 難読化されたJavaScriptコードを元に戻すJsDecorder。 JavaScriptはコードが見えてしまい、サイズも大きくなるので難読化＆圧縮されたソースは結構ありますが、このツールを使えばWEB上で読みやすくデコードできます。 ↓ オンラインですぐ使えるというので便利ですね。 この逆は、「オンラインでJavaScriptコードを簡単圧縮＆難読化」で紹介したサイトで行えます。
Web Server's Default Page
What is Plesk Plesk is a hosting panel with simple and secure web server, website and web apps management tools. It is specially designed to help web professionals manage web, DNS, mail and other services through a comprehensive and user-friendly GUI. Plesk is about intelligently managing servers, apps, websites and hosting businesses, on both traditional and cloud hosting. Try Plesk Now! Plesk Gu
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
[object HTMLImageElement]Query受け渡し
フォームで何か情報を渡したい時に、CGIであればその情報を取得することは簡単ですが、htmlでは容易ではありません。 そこで、ここでは「GET」での場合のみパラメータを受け渡すJavaScriptを紹介します。 例えば、 「http://homepage2.nifty.com/BASH/WWW/JavaScript/qs2.html?id=0000001」 と、リンクしたときにidというNAMEで、0000001というValue値を取得できるようにします。 きちんと取得できるか、ここを参照ください。 なお、qs2.htmlの内容は以下の通りです。 <HTML> <HEAD> <TITLE>JavaScript集（QueryStringの受け渡し） -Bash Homepage-</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!--
SURGAVIP : Link Slot Gacor PG Soft Maxwin Slot Online
SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah
Developer's Guide - Google AJAX API - Google Code
注æ: ä¸é¨ã®ãã¼ã¸ã¯è±èªã§ã®ã¿ãå©ç¨ããã ãã¾ãã ã¹ã¿ã¼ã ã¬ã¤ã Google ã«ã¯ãMaps APIãAJAX Search APIãAJAX Feed API ã®ããã«ããµã¼ãã¼ãµã¤ã ã³ã¼ããä¼´ããã«ã¦ã§ã ãã¼ã¸ã§ä½¿ç¨ã§ãã AJAX API ãå¤æ°ããã¾ããã¦ã§ã ãã¼ã¸ã§ãã®ããã¤ããã¾ãã¯ãã¹ã¦ã使ãããã®æé ã¯ãã¦ã§ã ãã¼ã¸ã
kur.jp - GreasemonkeyでjQueryを利用する
kur.jp バイオリンと自転車をこよなく愛するkurのチラシの裏．たまには技術的なことを書いたりするかも知れません． Home About Me Link たいていのプログラミング言語においては，includeとか，requireだとか，useだとかいう機能を使うことで，外部ファイルを読み込むことができる． ところが，JavaScriptにおいては，こういった機構が用意されていない．だけど，プログラムの実行に必要なライブラリだけを読み込むすることができるので，通信量の削減だとか，メモリの使用量だとか，様々なメリットがある． で，そのためにどんな方法があるのかと調べてみたところ，下記の2つの方法があることがわかった． XMLHttpRequestで読み込み，その後evalで評価を行う方法 scriptタグを生成することによって読み込みを行う方法 それぞれに利点欠点があるんだけど，1の方法だ
jQueryを少し便利にする5つの関数 - ?D of K
jQueryはよく使うのだけど、ちょっとだけ不便なときがあったので、それに対応する関数を書いてみた。 クラスを生成する var Class = $.klass({ init: function (a) { this.a = a; }, view: function () { alert(this.a) } }); initがコンストラクタとして機能します。 $.klass=function(a){var b=function(){this.init&&this.init.apply(this,arguments)};b.prototype=a;return b}; CSSルールの追加削除 var index = $.css.add("body{background:red;}"); alert("stop"); $.css.remove(index); あると便利なときがあるので一応。 $
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
勝手に添削: Selection内のHTML Textをいい感じに取得する: Days on the Moon
というわけでやってまいりましたこのコーナー! 本日のお題は「Selection内のHTML Textをいい感じに取得する - 枕を欹てて聴く」でございます。選択範囲のHTMLソースを抜き出すというやつですね。では早速いってみましょう! if(src.focusNode){ // selection まずは HTML5 テキスト選択 API の Selection オブジェクトが登場! 以後これに対する操作が続きます。しかしこの Slection オブジェクト、getRangeAt メソッドを使うとなんと選択範囲に対応する DOM 2 Traversal and Range の Range オブジェクトが取れちゃうんです! // common parent node search (以下 21 行省略) それ Range#commonAncestorContainer で取れるよ! // c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://labs.cybozu.co.jp/blog/kazuho/archives/2006/12/oo-settimeout.php
Create a new fiddle - JSFiddle