タグ

javascriptに関するgelevenzのブックマーク (85)

  • [を] JSON Feed

  • JSONフィードとか何とか #2

    TypePadがJSONフィードの出力に対応したそうで。JSONフィードってーのはdel.icio.usのJSON Feedsとかで見られる、JSONを利用したRSSやAtomっぽい配信フォーマットで、Pure JavaScriptで扱えるのが最大の特徴。特に仕様なんかは無い(と思う)。かなり昔にこのサイトで妄想として取り上げていたのが現実になった感じ。 というわけでblosxomでindex.jsonというTypePadのJSONフィードに似せた感じの出力を確保する仕組みの実装する方法書いてみる。TypePadのテンプレートに準拠したいところだけどTypePadとかいうprefixがちょっとアレなアレでアレ。 flavourだけでJSONフィードを出力するのはちょっと難しい。W3CDTFで日付を出力とかでつまづいちゃうので、interpolate_fancyプラグインとテキトウな作りのr

    JSONフィードとか何とか #2
  • メモリー効率は所詮実装次第 : 404 Blog Not Found

    2006年10月20日10:55 カテゴリLightweight Languages メモリー効率は所詮実装次第 そう。まさにこれを言いたかった訳です。 Kazuho@Cybozu Labs: re: javascript vs perl - オブジェクトのメモリー効率 言語仕様のメモリ効率性を考えるのにあたって、(メモリの潤沢な環境向けの) 特定の実装間の比較をしても意味がないと思います。実はこの場合でも(2)だけではなく(2)-(1)の結果を見ると、私の手元では defval js 3348 pl 2680 [FreeBSD] とperlの方がよいという結果が出ちゃいましたが、それはさておき、この場合でもPerlは以下の工夫を施すことによりさらにメモリー効率を上げることができます。 defval.pl2 #! /usr/bin/perl use strict; use warnings

    メモリー効率は所詮実装次第 : 404 Blog Not Found
  • javascript vs perl - オブジェクトのメモリー効率 : 404 Blog Not Found

    2006年10月20日02:45 カテゴリ javascript vs perl - オブジェクトのメモリー効率 というわけで、間違っていることを実証してみました。 Kazuho@Cybozu Labs: JavaScript は、なぜプロトタイプベースなのか 決して専門ではないので、以下、間違っていたら指摘してください。間違っているのは、以下の下りです。 JavaScript がプロトタイプベースであることに対する一番妥当な説明は、クラスベースのオブジェクト指向言語よりもプロトタイプベースの言語のほうが、ランタイムの構造が単純になり、かつ、メモリ使用量が小さくなるからでしょう。 それが誤りであることはいくらでも解説できはしますが、やはり実証が一番ということで、実際にオブジェクトをこさえてみて、それがどれだけメモリーを費消しているかを検証してみました。 具体的には、以下の方法をとりました。

    javascript vs perl - オブジェクトのメモリー効率 : 404 Blog Not Found
  • 【Black Hat Japan 2006】JavaScriptでイントラネット内の機器をハッキングするデモを紹介

    JavaScriptを使えば外部からイントラネットへの攻撃が可能になる」。東京で開催されたセキュリティ関連のイベント「Black Hat Japan 2006 Briefings」で2006年10月5日,米WhiteHat Securityの設立者であり,同社の最高技術責任者(CTO)であるJeremiah Grossman氏は,外部からイントラネット内の機器をハッキングするデモを行った。JavaScriptがオンになっていれば,イントラネット内といえどももはや安全ではないことを示すショッキングなデモとなった。 Grossman氏によると,攻撃者がWebページでJavaScriptを動作させるにはいくつかの方法があるという。「Webページのオーナーが意図的にJavaScriptを埋め込む」「クロスサイトスクリプティングのぜい弱性を利用する」「攻撃用のリンクを作成し,電子メールやインスタン

    【Black Hat Japan 2006】JavaScriptでイントラネット内の機器をハッキングするデモを紹介
  • AsH //puf: Ajax Tutorials

    Adire is a lending キャッシングand loans community for people who want great interest rates. For lenders, it is a fantastic alternative to savings & investments. With adire, your money gets lent to individuals with good credit history and who want a personal lending キャッシングloan. And for borrowers, it is the only place where thousands of people want tooffer you a fair rate for your loanLending キャッシングcom i

  • ウノウラボ Unoh Labs: 次世代のデータ記述言語(かも!)JAXON

    ひらっちです。 Webプログラミングではどのようなデータが送られてきても正常に動作するよう、入力データの検証が欠かせません。一方で、ユーザがフォームに入力したデータを、JavaScriptを使ってその場で検証して表示できれば、ユーザビリティの向上につながります。 この二つの機能は、データの検証についてはほんんど同じ機能です。しかし、多くの場合、サーバサイドではJavaScriptとは違う言語でプログラミングされているので、共通のコードにすることはできませんでした。 今回私が作成したものは、プログラミング言語に依存しないかたちで検証方法を書くためのライブラリです。まだ機能が絞り込まれていなかったり、足りなかったりしますが、一応動く形になりましたので公開します。 この機能を実現するため、最初はJSONを使っていました。しかし、JSONはある程度を超えた複雑な表現をしようとすると、見た目に煩雑に

  • Javascriptを使ったブラウザ上で動作するExcelシートライブラリ:phpspot開発日誌

    Tremend Tech Blog Spreadsheet dojo widget Click here for a demo of the spreadsheet widget. It is based on release 0.3.1 of dojo toolkit.Javascriptを使ったブラウザ上で動作するExcelシートライブラリ。 Dojoをベースにコンポーネント化されていて、サイト上からダウンロード可能です。 書体フォーマット変更やフォントサイズ、関数まで使えます。 これはすごいですね。 →ライブラリのダウンロード

  • クール! Flash/Javaアプレット不要、Script.aculo.usでクロスフェード (MYCOMジャーナル)

    18th Street Software, Mike Arace氏は自身のブログにおいて、FlashやJavaアプレットといったサードパーティプラグインを使わずにアニメーション効果を実現する方法を紹介している。 同氏は、これまでWebでアニメーション効果を実現したい場合、FlashやJavaアプレットなどのサードパーティプラグインを使わないといけないと考えられてきたが、最近のAjaxやDHTMLの普及により状況が変わったとしする。 そして、具体例として閲覧するWebブラウザに依存しないクロスフェードのデモンストレーションを紹介する。 このデモはScript.aculo.usを使って開発され、3つのテキストデータが5秒おきにクロスフェードしながら表示されるというものだ。JavaScriptを適切に処理できるブラウザであれば特別なプラグインは必要ない。 最初に表示される画面。下部の緑色のボック

  • 404 Blog Not Found:javascript perl - yubin2jsonp

    2006年09月24日16:00 カテゴリLightweight Languages javascript + perl - yubin2jsonp どうせなら、JSONPを使ってどこにでも設置できたらいいじゃんと思ったのでこんなのこさえました。 [Ajax] CGI不要の郵便番号→住所変換フォーム  Kawa.net Blog /ウェブリブログ JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。こんな感じです。 〒(7けた) 都道府県 市区町村 町域以降 HTMLまで含めたsourceはこんな感じです。 <script> function Yubin2JSONP(root){ this.root = root; this.parse = function(yubin){ if (! yubin.match(/[0-9]{7}/) ) return

    404 Blog Not Found:javascript perl - yubin2jsonp
  • [を] JSON (JSONP) で「はてブ」のコメントをちら見

    JSON (JSONP) で「はてブ」のコメントをちら見 2006-09-22-4 [Programming] 弾さんのブログの記事「javascript - prototype HateBJSON」 (http://blog.livedoor.jp/dankogai/archives/50637027.html) を読んで、はてなブックマークのコメントやタグをチラリと表示する 仕掛けを作ってみました。 http://chalow.net/misc/hateb-chirami.html 入力フォームに URL を入れて、「B」をクリックすると画面遷移なしに その場ではてブ情報が表示されます。 リンク以外の水色の部分をクリックすると消えます。 で、 「はてなブックマークコメントをその場で表示する機能の追加について」 (http://d.hatena.ne.jp/hate

  • antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について

    HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 これぐらいの量だったら、選択するにせよ解除するにせよ、まぁたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよね。 世界的に優れたフィードリーダである livedoor Reader は、フィードリーダとしての使い勝手は当然として、そんなところにも実は気を配っていたりします。 たとえば、LDR のおすすめフィード登録画面「アルファブロガーズ」を見てみると(livedoor ID でログインする必要があります)、アルファブロガーさんのブログが数十個表示されるのですが、これを選択または解除するに際して、チェッ

    antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について
  • 404 Blog Not Found:javascript - ページはいつ再描画されるか

    2006年09月23日01:30 カテゴリLightweight Languages javascript - ページはいつ再描画されるか 大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念 setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のように、ブラウザーに「書き出した」点でそれが直ちに反映されると思うだろう。 ところが、そうではないのである。 実例を見てみよう。以下のscriptを考えてみる。ボタンを押すと、ボタンのラベルが1000から1までカウントダウンした後、元通りになることを意図してい

    404 Blog Not Found:javascript - ページはいつ再描画されるか
  • 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 も使えるようにしよう)
  • クールなJavaScriptライブラリ - mootools登場 | エンタープライズ | マイコミジャーナル

    The Mad4Milk teamは11日(米国時間)、JavaScriptライブラリ集「mootools」を公開した。mootoolsはコンパクトにまとめられたJavaScriptライブラリで、モジュール形式、オブジェクト指向で開発されている。 mootoolsはThe MIT Licenseのもとで提供されているオープンソースソフトウェア。Safariで動作確認がとられているほか、IE 6/7、Firefox、Opera、Caminoでの動作が確認されている。特にFirefoxで動作する場合にすぐれた実行速度が実現されるという。 mootoolsは次の15のJavaScriptライブラリから構成されている。ネイティブスクリプトはメインライブラリに依存し、アドオンはメインライブラリとネイティブスクリプトに依存している。 メインライブラリ Moo.js (必須) ネイティブスクリプト Fu

  • JavaScriptでブラウザのフォントサイズを検出する方法:phpspot開発日誌

    A List Apart: Articles: Text-Resize Detection When you design for the web, you don’t know what software people will use to experience your site, and you don’t know what capabilities your users (and their software) have.CSSJavaScriptでブラウザのフォントサイズを検出する方法。 ブラウザの各々のフォントのサイズって検出できないと思っていましたが、JavaScriptを使うことでそれが可能です。 これにより、次のことが可能になります。 ・ フォントサイズに合わせたデザイン調整 ・ アクセスログに新たなデータを追加(利用者はどのぐらいのサイズで自分のページを見ているか

  • IEの落し方 - Thousand Years

    id:starocker:20060901:p1で紹介されている”たった1行のJavaScriptコードでInternet Explorerをクラッシュさせる方法”で昔同じようにクラッシュしたがことがあったのでそのときのコードのいくつかのサンプル。 紹介されているコード もっと短くなりますね。これ一瞬無限ループ(?-?)みたいに思えてこないでもないけど無限ループではないです。最近のブラウザは無限ループで落ちるようには設計されていないです。 for(w in document.write){ document.write(w); }; これもクラッシュします for(i in document.write); for(i in alert); for(i in print); 検証その1 種あかしはあとでするとしてまず以下のコードを実行してみます。 alert(document.write)

    IEの落し方 - Thousand Years
  • 最速インターフェース研究会 :: 実践JavaScriptで配列をシャッフルする方法リファクタリング

    JavaScriptで配列をシャッフルする話を見て、そういえばArray#shuffleは以前書いた記憶があるなーと思って調べてみたらコピペだった。 http://www.fumiononaka.com/TechNotes/Flash/FN0212002.html Fisher-Yatesというアルゴリズムだそうです。 Array.prototype.shuffle = function() { var i = this.length; while(i){ var j = Math.floor(Math.random()*i); var t = this[--i]; this[i] = this[j]; this[j] = t; } return this; } a = [1,2,3,4,5]; a.shuffle() // 3,1,5,2,4 a // 3,1,5,2,4 ごく普通に実装

  • JavaScript ミニライブラリ

    JavaScript ミニライブラリ ちょっと前から「なくても不便じゃないけど、あったらちょっと便利かもね」っていう JavaScript を書いたりして発表していましたが、一覧とか作ってないからどんなのがあるのかわかりにくかったのでまとめてみました。 onsubmit で disable 以外のスクリプトは全てパブリックドメインとするので、自由に使って下さい。onsubmit のやつはもともと自分が作ったものじゃないので良くわかんない(← 無責任)。 結構作ってるつもりだったけど、並べてみると意外と少ない。 onsubmit で disable にするやつ テキストフィールドのフォーカス時に背景色を変更する JavaScript フォームに入力を促すメッセージを出力する JavaScript パスワードの安全性を教えてくれる JavaScript カーソル位置のセルの上端と横端をハイ

  • Site Cooler NZ | Points to Note When Shopping for a Washing Machine

    Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas