WSHでDOM (Shibuya.js in Kyoto) - てっく煮ブログ
Shibuya.js in Kyoto にて「WSHでDOM」というタイトルで発表しました。開発に一週間、プレゼン作りに一週間かけた渾身のネタです。プレゼン作りにあたっては、２ページ目のイメージ写真を撮るために祇園祭に出かけたのが楽しかったです。資料に使ったフォントは「アニトＭ-教漢（無料版）」です。素敵なフォントが比較的自由なライセンスで公開されていて大変ありがたいですね。無料版なので、一部漢字が使えずに文章の変更を余儀なくされましたが、おかげで小学生にも読める分かりやすい資料になりました。ソースコード：http://coderepos.org/share/browser/lang/cplusplus/dom4winui/trunk/srcプレゼン 全画面で見る：http://tech.nitoyon.com/misc/shibuya-js-kyoto/Slide.swfソース：http
IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)
Prototype.js や MochiKit や jQuery や dojo こういう便利なライブラリがたくさん出てきてとても便利になりました。 でもそのライブラリ本当に必要？ たしかに、グループワーキングを行うにはこれらのライブラリは必須だと思います。 でも、ちょいスクリプトを作るのに .bind(this) や $ や each や Event.observe が必要でしょうか。 いささかオーバスペックな気がします。 実際に「このツール Prototype.js 必須かよ。こっちは MochiKit で作ってるのにぃ」とかってことも多々あります。 あれを使うためにあれとこれを読み込んで、これを使うためにこれも必要だな。こんな感じだとサイトはどんどん重いものになってしまします。。。orz そこで、原点回帰です。 ちょっとしたツールでライブラリ使うのはやめようよ！何も使わなくても Jav
![IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d517fd1624c9b56729f71c43450e6b5ea140006/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551289%2F1527141738)
Ajax.Requestのもったいない使い方 - Enjoy*Study
prototype.jsのAjax.Requestを使って、JSON形式のデータを扱っていましたが、誤った(というかもったいない)使い方していたことに気が付きました。 Ajax.Requestを使ってデータをやり取りする際、下記の条件に当てはまるならば、無駄な処理が行われていると思われます。 Ajax.Requestのオプションで指定するonCompleteやonSuccess関数内で、XMLHttpRequestのresponseTextに対してevalを実施している。 Ajax呼び出し時に、サーバ側から返すContent-Typeに、"text/javascript"が含まれる。 なぜ無駄かというと、Ajax.Request内では処理完了時、レスポンスのContent-typeを判定し、"text/javascript"が含まれる場合、レスポンスの内容に対してevalを実行します。 (
ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法
komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか？」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Javascriptにおける配列と連想配列 prototype.js編 その2 (Yak blog)
prototype.jsにおける連想配列 というか、 基本的に Javascriptでは連想配列==オブジェクトです。 そして、prototype.jsでは、オブジェクト自体は何も変わらないので、特に普通の Javascriptと変わりません。 ちなみにドキュメントを見ると Objectクラスにいくつか関数が追加されていますが、Objectのprototype自体は変更されていないので、素のオブジェクト(Objectクラスのインスタンス)は素のままです。 つまり、 var object = new Object(); for( var i in object ) { document.write( object[i] ); } とやっても何も表示されません。 結果 (何も表示されず) ですから、prototype.js適用下でも、配列の時のように拡張関数を気にすることなく for in を
Xilinus
About Established in 2006, Xilinus has been dedicated to crafting bespoke web applications, harnessing our technical expertise and a passion for innovation. As we have evolved, we expanded our capabilities to include the creation of cross-platform mobile and desktop applications using Flutter. This technology allows us to deliver seamless and adaptive user experiences across a range of devices. Us
incsearch.js - インクリメンタルサーチライブラリ
クライアントサイドで、JavaScriptによるインクリメンタルサーチを行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、一致するデータを表示します。 単純なリスト表示と、テーブル形式での表示に対応しています。 Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 一致した文字を強調表示します。 複数キーワード(AND条件)での検索が行えます。 オプションで検索条件などを簡単に切り替えられます。 表示件数の上限を指定でき、ページ遷移にも対応しています。 ソース incsearch.js (ver2.2 : 2008/04/02) Gi
Upgraded jQuery Spy › Left Logic
Following many requests, I have upgraded the jQuery spy code to support multiple items returned from the AJAX response and custom timestamp functions - so that requests can be completely tailored. Download the latest jQuery spy Examples Import the plug-in, and call the code on the spy container div (assuming you've imported jQuery already). <script type="text/javascript" src="spy.js"></script> <sc
fladdict.net blog: JavaScriptでthisスコープをコントロールする
ひげぽん OSとか作っちゃうかMona: 実践 prototype.js [1] ひげぽん OSとか作っちゃうかMona: 実践 prototype.js [2] ひげぽん氏のprototype.jsの記事を読んでいて、「イベントハンドラ内のthisスコープを変更するにはどうする？」みたいな内容があって、ちょうど同じ問題をやったばかりだったので書いてみるテスト。 クロージャを使うのですが、直接発行するのではなく、「スコープをずらすクロージャ」を返す関数を作ってやるとよいと思います。 FlashのDelegateクラスがちょうど内部的に、同じような処理をしてます。 ECMAScriptでは「関数=オブジェクト」なので、クロージャを擬似Commandパターンと解釈して、factoryで返してやると素敵。というかJavaScriptはネイティブにCommandパターンが実装されている、といっても
ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]
id:higepon:20050831の続き 同じ .js ファイルの中で宣言の順番に気を使う。後方参照できない(?) この件は、id:kambaraと話していて解決というか納得した。 var Hoge = Class.create(); Hoge.prototype = (new HogeBase).extend ( { このようにクラスを”宣言”しているつもりになるのだが、良く考えるとこれは動的に上から下に実行されているため起こる問題だ。 JavaScript自身は後方参照できるが、prototype.js の仕組み上後方参照できないということ。 $関数 document.getElementByIdの代わりに使う。 厳密には $('hoge') だと たとえば <div id='hoge'> のオブジェクトが返る。 $('hoge', 'hige') だと、'hoge', 'hige
![ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d696b69e45bd1035ce3767bd2030dae9e1b59a2b/height=288;version=1;width=512/https%3A%2F%2Fimages-fe.ssl-images-amazon.com%2Fimages%2FI%2F51AVWQQV2GL._SL160_.jpg)
[JSAN] XML.ObjTree
XML.ObjTree クラスは、Perl 用の XML::TreePP モジュールの JavaScript 版です。 XML ファイルと JavaScript オブジェクト（連想配列）間の相互変換を行います。 prototype.js または JSAN の HTTP.Request クラスと併用することで、 JKL.ParseXML の 後継 としても利用できます。 ECMA-357 の普及を待たずに、 ECMAScript for XML (E4X) 風のXMLのオブジェクト利用が可能になります。 Intel Mac 版の Safari で、 DOMParser オブジェクトの async プロパティが read-only となる点にも対応しています。 IE で（サーバ上でなく）ローカルのXMLファイルを開きやすくなりました。（2006/08/14） オンラインDEMO DEMO（お試
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Prototype.js - Effectサンプル
これはオブジェクト指向JavaScriptライブラリ PrototypeのEffectのサンプルです。付属のサンプルにちょっと手を加えてちょっ と日本語訳したものです。 Effect.Fade() & Effect.Appear() 呼び出し方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
小粋空間: JavaScript - Lightbox JS アーカイブ
11月11日の技術勉強会 - はてな技術発表会日記 - 機能変更、お知らせなど