Route 477(2007-11-19)
■ [event] LiveCoding#5に参加します http://cotocoto.jp/event/2936 12/1に大阪で行われるLiveCodingというイベントに参加させていただくことになりました。 今回はLiveCoder側です。何作ろうかなぁ。 定員が少ないらしいので、申し込みはお早めにどうぞ。 ■ [javascript][scheme] BiwaSchemeを公開しました Javascriptで書かれたScheme処理系「BiwaScheme」を公開しました。 Kent Dyvbigの「Three implementation models for scheme」 の4章を参考に作られています。 スタックベース・中間言語方式で、call/cc、set!が実装されています。マクロはまだありません。 構文もまだ基本的なものしか用意されていません。 コア部分はブラウザに依
JavaScript の圧縮 - daily dayflower
2007/11/14 追記:より包括的な「JavaScript ファイルの圧縮・再訪 - daily dayflower」も書きました。 亜細亜ノ蛾さんの報告にもある通り，gzip 圧縮した JavaScript ファイルをおいとけばブラウザがきちんと読み込んでくれる。odz さんのところの議論によると Safari でも Content-Type を適切に定義すればオッケーぽい。 …………あたりのことを知らなかったゆえ JavaScript 圧縮機について調べてました。 Huffman JavaScript Compression 方式: 文字単位のハフマン符号化（推定） 符号表の格納とバイナリデータの文字列化（4/3倍）があるため，たいていの JavaScript が元サイズより大きくなってしまう（笑） ということで非実用／実験向き？ packer 方式: 静的辞書＋可読文字符号化 c
ページ遷移前に確認をする、onbeforeunload - 実用
JavaScriptwindowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。 以下コードの正常動作を、Firefox 2.0とIE 7で確認した。Operaでは実行されなかった。 window.onbeforeunload = function(event){ event = event || window.event; event.returnValue = '?'; } 以下は、IEとFirefoxの確認ダイアログのキャプチャ。 MochiKitでは、Event#confirmUnloadで確認ダイアログを出せる。 connect(window, 'onbeforeunload', function(event){ event.confirmUnload('?'
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
style.cssText の使い処に関する考察 - IT戦記
cssText って知ってますか？ cssText っていいうのは CSSRule オブジェクトとか CSSStyleDeclaration が持っている情報を css ファイルに書く形式の文字列にしてくれる機能です。 乱暴に言ってしまえば、 css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。 こんな感じの body があるときに <body style="margin: 1em; padding: 1em; border: 1em">....</body> こんな感じで使えます。 alert(document.body.style.cssText); // 'margin: 1em; padding: 1em; border: 1em' 簡単でしょう？(ボブ略 設定も出来ますよ こんな感じ // さっきの続き document.body
拡張機能でmultipart/form-dataをPOSTするためのスクリプト PostFormMultipart.js « ku
拡張機能内でGET/POSTをするのはXmlHttpRequestがお手軽ですが、ファイルのアップロードはできないのでファイルのアップロードをしたいときは努力が必要です。 前にソースコードを追ってFirefox内部でどうやってファイルをアップロードしてるのか調べたのですが、地味にふつうにアップロードしていたのでまねしてPostFormMultipart.jsというのを書きました。 今思うとFlock - The Social Web Browserからファイルをアップロードしているコードを探せば見つかったと思います。 2007.10.23 もうちょっとほかから使いやすいように修正。 Technorati Tags: javascript You’re currently reading “拡張機能でmultipart/form-dataをPOSTするためのスクリプト PostFormMul
Ajax Pages
Ajax Pages is a scripting template engine that enables rapid development of Ajax Web-based Applications, just like GMail, Google Maps, A9 and Backpack, but without having to manipulate complicated Document Object Models to make things dynamic. Based on the experience of JSP, ASP and PHP, Ajax Pages brings easy scripting templates to the client-side. Anyone familiar with these tecnologies will feel
JavaScriptライブラリを動的に読みこむことが出来るライブラリ「JSLoader」:phpspot開発日誌
JSLoader - JavaScript Libraries On Demand JSLoader is a dead-simple, non-intrusive "Javascript-on-demand" packaging convention JavaScriptライブラリを動的に読みこむことが出来るライブラリ「JSLoader」。 JSLoader を使えば、次のようなコードで、prototype.js 等を読み込んで利用することが出来るようです。 JSLoader.load("ria","prototype","1.5.1"); JSLoader.load("ria","scriptaculous","1.7.1-beta3"); JSLoader.load("ria","lightbox","2.03"); ライブラリ自体は、サーバの特定のパスに設置しておく必要がありますが
これはかっこいいぞ・・・スライドショーに激しく使えるjQuery用プラグイン『jQuery Cycle Plugin』 | i d e a * i d e a
ドットインストール代表のライフハックブログ
SWFObject v2.0 ドキュメント日本語訳 : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
ウノウラボ Unoh Labs: Ext.js入門: Grid編
Extは、ウェブアプリケーションを構築するための、クライアントサイドのJavaScriptフレームワーク（公式サイトのFAQより）です。日本ではまだ実際の利用例はあまり多くないようですが、たぶんに日本語のドキュメントがまだそれほど多くはないからではないかと思われ、今後利用事例は増えていくだろうと思われます。 Extの真骨頂は高機能でデザインの洗練された、（直ちに利用可能な）レディメイドのユーザインタフェースウィジェット群です。Extは「アダプタ」として、prototype.jsやjQuery、Yahoo! UIといったJavaScript拡張ライブラリを利用する設計ですが、現在は独自のアダプタも用意され、サードパーティのライブラリに依存しない実装も可能です。 現時点での安定版はバージョン1.1ですが、既に、大幅な機能強化が図られたバージョン2.0のアルファ版が公開されており、以下のページで
Route 477(2007-10-01)
■ [javascript] JSSpec RSpecのJavascript版作ったら面白いんじゃね？と思ったんだが、既にあった。 JSSpec - AlansWiki マニュアルはこちら。 JSSpec/Manual - AlansWiki expect("Hello World").should_match(/ello/); expect([1,2,3]).should_have_at_most(4, "items"); RSpecと違って「expect」から始まるんだなぁ。ArrayやStringを拡張すればexpectを無くすこともできると思うんだけど、 どうなんだろ。 デモがかっこいい。 JSSpec results RSpecについては先日出たばかりの伝説の記事(笑)を参照してください。 Rubyist Magazine - スはスペックのス 【第 1 回】 RSpec の概要
MOONGIFT: � JavaScriptでソケット通信？「JNEXT」:オープンソースを毎日紹介
何でもJavaScriptにやらせてしまおうという風潮はすごい。善し悪しはあれど、JavaScriptの新しい可能性を求めていくというのは重要な挑戦だ。 様々な挑戦の存在する中、次なるものはこれだ。 今回紹介するオープンソース・ソフトウェアはJNEXT、JavaScriptに次なるパワーを与える機能拡張だ。 JNEXTはインストール型のアプリケーションで、各種ブラウザに対して機能を拡張する事ができる。IE/Firefox/Safari/Opera/Netscapeに対応している。また、Linuxバージョンもある。 現状できる事として、ソケット通信になっている。JavaScriptからソケット通信ができるというのが圧巻だ。簡易的なサーバプログラム（PerlまたはPython）も付属しており、それを使うと実際に通信している様子が分かる。 セキュリティを考慮して、操作可能なサーバというのがaut
MOONGIFT: � 進化するJavaScript「Ajile」:オープンソースを毎日紹介
JavaScriptの進化が止まらない。もし、JavaScriptの欠点を挙げるとすれば、外部のファイルがロードできない点にあったと思う。やはりこれができないと他の言語の比べると弱い印象になってしまう。 だが、それをもJavaScriptは克服していく。本当にすごい。 今回紹介するオープンソース・ソフトウェアはAjile、外部スクリプトファイルの読み込み等多数の機能を実装したJavaScriptライブラリだ。 JavaScriptはあまり得意ではないので、これはあまり自信がない。ただ、すごいという事だけはお伝えしたい。まず、外部ファイルの読み込み。これはLoad(ファイル名)にて実装される。 さらにNameSpace。汚染の被害軽減のためには必須だろう。次がIncludeとImport。Importはアスタリスクをサポートしているようだ。さらにImportAsというものもある。 実際の実装
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
jQuery超初心者にありがちな6つの間違い - あじゃぱー
顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」:phpspot開発日誌
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」 2007年09月25日- Accordion v2.0 Demo クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」。 おなじみのアコーディオン風に伸縮するＵＩをscript.aculo.us で実装するライブラリが公開されました。 実装は、ライブラリの読み込み＆DIVの定義をおこなったあと、次のようなコードで初期化するのみです。 // Horizontal example var horizontalAccordion = new accordion('#top_container', { classNames : { toggle : 'horizontal_accordion_toggle', toggleAc
prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」:phpspot開発日誌
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
We Ain't Seen Nothin' Yet. : ニコニコ動画をHackするときに使えそうな変数まとめ
バックナンバー – おくvillage