タグ

javascriptに関するteahutのブックマーク (43)

  • iモードブラウザがJavaScriptに対応、Cookieやリファラ、RSSも利用可能に - CNET Japan

    NTTドコモが5月22日から順次発売する2009年夏モデルから、搭載されるiモードブラウザの機能が大きく向上する。JavaScriptCookie、リファラに対応したほか、RSSの読み込みなどにも対応する。 これらの施策は、「フルブラウザの良いところをiモードブラウザに統合する」(NTTドコモ代表取締役社長の山田隆持氏)という考えに基づくもの。夏モデルの端末にもひきつづきフルブラウザは搭載されるが、iモードブラウザ自体がPCのブラウザに近い機能を持つようになる。 まず、JavaScriptに対応し、地図などの表示や操作をしやすくした。ページの表示処理をしながらバックグラウンドでデータを読み込めるため、動きのある大容量のサイトでもスムーズに表示できるという。なお、ページサイズはこれまでの100Kバイトから500Kバイトへと拡大している。 Cookie、リファラに対応したことで、サイトのログ

    iモードブラウザがJavaScriptに対応、Cookieやリファラ、RSSも利用可能に - CNET Japan
    teahut
    teahut 2009/05/19
    >JavaScriptやCookie、リファラに対応したほか、RSSの読み込みなどにも対応... バックグラウンドでデータを読み込める... ページサイズはこれまでの100Kバイトから500Kバイトへと拡大... マイニュースはユーザがRSSフィードを登録
  • JavaScriptによるマルチスレッドの実現‐Concurrent.Threadの裏側

    function f ( ) { do_something(); do_another(); do_one_more(); } このプログラムでは順番に3つの関数を呼び出していますが、各関数呼び出しの間でいったんスレッドの実行権を他のJavaScriptコードに渡したいとします。これは次のように、各関数呼び出しをそれぞれ別の関数に分けて、間にsetTimeoutを挿むようにプログラムを書き換えることで実現できます。 function f ( ) { do_something(); setTimeout(f1, 1);  // 1ミリ秒後にf1を呼び出す } function f1 ( ) { do_another(); setTimeout(f2, 1); } function f2 ( ) { do_one_more(); } こうして書き換えた関数fを、 f(); f(); のようにし

    JavaScriptによるマルチスレッドの実現‐Concurrent.Threadの裏側
    teahut
    teahut 2008/03/17
    与えられた関数を順に実行し,ある時間経過したら setTimeout で処理を切ることで,マルチスレッドっぽくみせてるのかな?
  • IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊

    IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか? ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは? のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil

    IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
  • WEB+DB PRESS Tech Meeting - まちゅダイアリー (2007-12-20)

    先日申し込んだ WEB+DB PRESS Tech Meeting に行ってきたよ。 会場は六木にある東京ミッドタウン。クリスマス前だからか、ライトアップされた入り口がきれい。 すでに詳細なレポートがあがっているので、まずはリンク。 ゆーすけべー日記: WEB+DB PRESS Tech Meeting に行ってきました WEB+DB PRESS Tech Meeting レポート (っていうか実況?) - a geek ITpro Challenge! の時のように、講演される方はとっても豪華な顔ぶれ。 これで無料なんだからなぁ…。 せめてもの還元(?)として、僕の感想を書くよ。 レポートは先に挙げたリンク先が詳しいし、後日ニコニコ動画にも載るらしいので、ここでは自分がどう感じたかについて。 全体的な感想 プレゼン時間は1人25分だったんだけど、どれも25分とは思えないほどの濃いプレゼ

    WEB+DB PRESS Tech Meeting - まちゅダイアリー (2007-12-20)
    teahut
    teahut 2007/12/22
    >個人的には XHR2 のクロスドメイン通信にとっても期待... Flash の crossdomain.xml みたいにサイト側にポリシー情報を置く仕組みみたい。 crossdomain.xml よりももう少し細かく、ファイル単位でのアクセス制御もできるみたい。
  • Google、さまざまなグラフ画像をURLだけで生成できる「Google Chart API」公開:CodeZine

    Googleは、折れ線グラフや円グラフといった画像をURLパラメータだけで生成できる「Google Chart API」を発表した。例えば以下ののようなURLで、次のようなグラフを作成できる。

  • Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記

    この XPath 使いたい>< って思うことよくありませんか? サイト見てて、あ、このボタンにグリモンであんな機能やこんな機能付けたい><!って思うこととかありますよね! そんなときに、いちいち要素の位置とか考えずに右クリックで XPath をコピペできたら嬉しいですよね>< ってことで 作ってみた イメージはこんな感じです。 これをクリックすると、右クリックされた要素の XPath がクリップボードにコピーされます。 この機能を Firebug に実装する手順 1. Firefox のプロファイルディレクトリに行く 環境 プロファイルディレクトリ WinVista C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles\[ランダムな文字].default\ WinXP C:\Documents and Settings\[ユーザ名

    Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記
    teahut
    teahut 2007/11/26
    >サイト見てて、あ、このボタンにグリモンであんな機能やこんな機能付けたい><!って思うこととかありますよね!そんなときに、いちいち要素の位置とか考えずに右クリックで XPath をコピペできたら嬉しいですよね
  • Client Challenge

    A required part of this site couldn’t load. This may be due to a browser extension, network issues, or browser settings. Please check your connection, disable any ad blockers, or try using a different browser.

  • 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

    JavaScript-XPath をリリースしました!さあ、あなたも XPath を使おう!(解説付き) - IT戦記
  • GData JavaScript のクロスドメイン通信の解析 - snippets from shinichitomita’s journal

    以前の続き。JavaScriptからプライベートデータの参照、更新が出来る。Google Account Authenticationの仕組みを利用している。この前動かなかったサンプルはいつの間にか動くようになってた。 最初プロトコルは勝手にJSONPと思ってたけど、中身見てみたらIFRAME 使った fragment identifier (window.location.hashの値、URLの#以降)による通信だった。たしかに、IEで音をONにしたらクリック音カチカチする。ちなみにfragment identifierによるクロスドメイン通信は他にdojoがライブラリとして実装しているのは知っているけど、これだけ大々的にサービスで使われてるのを見たのは初めて。もっとも、ブラウザでクロスドメイン通信を達成する方法のうち現時点でもっともマシなのはこれじゃないかという意見もある。 解析してみ

    GData JavaScript のクロスドメイン通信の解析 - snippets from shinichitomita’s journal
    teahut
    teahut 2007/10/13
    >IFRAME 使った fragment identifier (window.location.hashの値、URLの#以降)による通信... IFRAME内にさらにIFRAMEを作ってダミーイメージを表示し、そのURLのfragment identfierにJSONデータを分割してエンコードしたものを加える
  • IT戦記 - 一行で IE の JavaScript を高速化する方法

    以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -

    IT戦記 - 一行で IE の JavaScript を高速化する方法
    teahut
    teahut 2007/10/10
    >IE では document にそのままアクセスすると window オブジェクトの内部メソッドが実行されてしまいます。これが非常に重い... eval で var 宣言することでスコープ途中から変数を生成
  • MOONGIFT: » JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」:オープンソースを毎日紹介

    Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。 ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。 今回紹介するオープンソース・ソフトウェアはLT Diagram Builder、JavaScriptベースのグラフ生成ライブラリだ。 LT Diagram Builderが対応しているのは棒グラフ、折れ線グラフ、関数グラフ、矢印、円グラフ、ガントチャート等多彩な描画に対応している。 ダイナミックな描画にも対応しており、関数の値を変更すれば、即座にグラフに反映する事ができる。JavaScriptの強みだろう。 また、PHPやASPでのグラフ生成にも対応している。結果的に出力されるのはJavaScriptのようだが、サーバサイドのデータを

    MOONGIFT: » JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」:オープンソースを毎日紹介
  • ウノウラボ Unoh Labs: Ext.js入門: Grid編

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: Ext.js入門: Grid編
    teahut
    teahut 2007/10/10
    >UIウィジェット群... prototype.jsやjQueryといったJavaScript拡張ライブラリを利用... Extのグリッドは列見出しのクリックによる並べ替えやその境界をドラッグして列幅を変更、列見出しの右クリックでコンテキストメニュー
  • Official Google Data APIs Blog: Calendar Mashups Anyone?

    teahut
    teahut 2007/09/20
    JavaScript 版 GData (Calendar) library をリリース.JSONP 使って情報を漏らすような悪質マッシュアップを作れてしまわないか (未確認) ?
  • jQueryを使ってTwitterをおいしくマッシュアップ (1/4) ─ @IT

    記事は2007年に執筆されたものです。jQueryやAjax全般の最新情報は「リッチクライアント & 帳票フォーラム」総合目次のカテゴリ「実践Ajax」や「Ajax技術解説」をご参照ください。 Ajaxおいしいレシピを紹介する前に そもそも、Ajaxのこと分かってますか? 2005年の始めにAjaxという言葉が知られるようになってから、Ajaxは急速に技術の進化を遂げ普及してきました。読者の皆さんの中にもAjaxの開発を実際に経験した方が増えているのではないでしょうか?

    jQueryを使ってTwitterをおいしくマッシュアップ (1/4) ─ @IT
    teahut
    teahut 2007/08/30
    >jquery.jsonp.js... Periodic Refreshパターン (一定時間置きにプログラムを実行するテクニック)... 一定時間置きにプログラムを実行するテクニック (ページ内に要素を新しく追加したり削除したりするテクニック)
  • javascript 1.6の新しいArrayメソッド « ku

    名前がいつも思い出せないので Firefox 1.5 の JavaScript の主な変更点: Days on the Moon 経由 Core JavaScript 1.5 Reference:Global Objects:Array - MDC を参考にリストにしておく。 filter var filteredArray = array.filter(callback[, thisObject]); callbackでtrueを返したものだけのArrayを新しくつくって返す。perlのgrep相当。 >>> [1,2,4,8,16].filter( function (n) { return n > 4} ); [8, 16] forEach array.forEach(callback[, thisObject]); callbackを呼ぶのみ。値は返さない。 every var

    teahut
    teahut 2007/08/29
    >filter, forEach, every, map, some
  • IT戦記 - XPath は実用に耐えうるかの考察と xpath.js

    背景>< Safari 3 系から DOM Level 3 XPath が実装されました!!!キタコレ!!! Firefox 2 系は DOM Level 3 XPath が実装されている。 Opera 9 系は DOM Level 3 XPath が実装されている。 XPath 1.0 in JavaScript • Cameron McCormack's blog (以下、 xpath.js)なるものがあり Internet Explorer 6 および 7 のような DOM Level 3 XPath を実装していないブラウザでもそれ相当の機能を実装することができる ということで、以下のことを試してみたい!! Safari, Firefox, Opera の XPath のパフォーマンスはどうか? xpath.js のパフォーマンスはどうか? xpath.js は XPath 1.0

    IT戦記 - XPath は実用に耐えうるかの考察と xpath.js
    teahut
    teahut 2007/08/28
    >xpath.jsなるものがありInternet Explorer 6/7のようなXPathを実装していないブラウザでも... かなり重い(ネイティブ実装ブラウザの 200 倍)
  • 404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ

    2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess

    404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ
    teahut
    teahut 2007/08/19
    >尻カンマ注意, var self=thisとすべきときがある, 変数名とHTMLのIDが重ならないよう, イベントハンドラを設定するのに window.onclick = func のようにしてはいけません (ライブラリを使うこと), DOM生成直後にfocusを当てるときは遅延
  • Rails/Ajax高速化関係メモ - Rubricks Project

    RubyKaigiでも発表させてもらったのですが、Rubricks0.6リリースに向けてパフォーマンスをがんばって上げております。 以下、つらつらと。 render_componentが遅い render_componentはrequest.dupしてコントローラに投げなおすようなつくりになってて無駄が多い。 シンプルなsimple_render_componentを自作して解決。 →コントローラの処理時間がに5倍近く高速化 IEはDOM操作を行うと重い 一般的にDOM操作よりもinnerHTMLの方が速い。 SpinelzをDOM操作ではなく極力innerHTMLで操作するように改良 →IEで約3倍の高速化 毎回JSライブラリを読み直しは重い 数百kbyteのJSライブラリを読み直すのに時間がかかっている。 ほとんどのJSをログイン時に先読みし、画面更新を全てAjaxベースで実施するよう

    Rails/Ajax高速化関係メモ - Rubricks Project
    teahut
    teahut 2007/07/09
    >(主にIEの高速化) IEはDOM操作を行うと重い: 極力innerHTML, Ajaxを用いてscriptを評価するにはevalを用いるため、IEのevalが遅い,
  • Javascriptでdiffる ( with 形態素解析 ) (nakatani @ cybozu labs)

    Javascript で diff というのはいくつか試された例はあるようですが、まだこれといった決定打は出ていない様子です。 実は diff は見た目ほど軽い処理ではないので、Javascript にやらせるのはこれが結構大変…… diff の計算量は、おおざっぱに言うと比較対象の要素数の二乗に比例し(実際にはそれより小さくすることができるのですが、まあ話のイメージとして)、かつメモリを大量に消費するので、バッチ的な処理に最適化されていない Javascript にはどうしても荷が重いものとなってしまいます。 比較対象の要素数を減らせば当然計算量は減りますが、行単位で比較してもあまり嬉しくない(わざわざ Javascript で処理するということは自然文が対象と思って良いでしょう)。最小の文字単位だとギブアップ。 ということは形態素解析で分かち書きして、単語単位で diff するのが J

    teahut
    teahut 2007/07/03
    >diff の計算量は、おおざっぱに言うと比較対象の要素数の二乗に比例... Yahoo! の 日本語形態素解析Webサービス を呼び出すために、今回も GreaseMonkey スクリプトになっています
  • メールの署名から個人情報を抜き出すJavaScript - snippets from shinichitomita’s journal

    情報共有の進んだ会社とかでは、メールをもらったお客さんのことをちゃんと組織として覚えておくために、コンタクト情報としてデータベースに共有することを推進していることが多い。でも、いくらメールには署名があって、すでに電子化されているとはいえ、ふつうはテキスト直書きの署名だったりして、構造化されてなくってかなり扱いにくい。データベースに登録するために、メーラーとブラウザの間で氏名をコピペ、メアドをコピペ、電話番号をコピペということをひたすら繰り返す。正直あまりやりたくない。 まあそんな作業をやらされる側にいるという大前提があるのだけれども、そんな不毛な作業をちょっとでも軽減するために、このスクリプトは作られました、実用系スクリプト第3弾。実用系ということですが、実装はたいしたことない、でもなんか今までになく便利になりそうな予感。 デモサイトはこちら: http://www.geocities.j

    メールの署名から個人情報を抜き出すJavaScript - snippets from shinichitomita’s journal
    teahut
    teahut 2007/06/18
    >署名の中にあるテキストから氏名(姓名), 会社名, ... を、ひたすら正規表現で抜き出している... いままでに作った実用系のスクリプト: 住所情報を抜き出してGoogle Mapsへリンク, 日付時刻の入力を支援