タグ

JavaScriptとjavascriptに関するStingrayのブックマーク (189)

  • 窓の杜 - 【NEWS】XML+Javaスクリプトによるアクセサリ実行環境「Yahoo! Widget Engine」v3公開

    XML+Javaスクリプトによるアクセサリ実行環境「Yahoo! Widget Engine」v3公開 米Yahoo!は、XMLとJavaスクリプトで作成されたデスクトップアクセサリの実行環境「Yahoo! Widget Engine」v3.0を公開した。Windows 2000/XPに対応するフリーソフトで、現在同社のホームページからダウンロードできる。ソフトは前バージョンのv2まで「Konfabulator」という名前で公開されていたもので、開発元の米Pixoriaを米Yahoo!が買収したことにより、バージョンからソフト名が変更された。 「Yahoo! Widget Engine」は、XMLとJavaスクリプトにより作成された“Widget”(以下、ウィジェット)と呼ばれるデスクトップアクセサリの実行環境。ウィジェットは通常のウィンドウと異なり円形や角丸といった独特のデザインをも

  • cyano: prototype.js version 1.4.0系でのEnumerableの使い方

    Ruby on Railsなどのフレームワークに標準付属されていて、オブジェクト指向なJavaScriptを書く人たちの間で注目されているprototype.jsですが、Version 1.3.1時点での機能についての解説書は見つけたものの(prototype.js v1.3.1 の使い方)、1.4系で盛り込まれるであろうEnumerableについては見つけることができませんでした。なので、Version 1.4.0_rc4時点でのEnumerableについて解説してみます。 Enumerableとは、配列やハッシュなどのデータ構造に対して繰り返し処理をさせるための機能を集めたものです。たとえば配列に入っている値それぞれについて処理を行いたかった場合、従来ならば以下のように書いていたでしょう。 var data = [1,2,3,4]; for(var i=0; i<data.length

  • プログラマのためのJavaScript (12):不思議な宣言と奇妙なスコープ - 檜山正幸のキマイラ飼育記 (はてなBlog)

    ひさびさに「プログラマのためのJavaScript」。あいだは空きましたが、予定どおりスコーピングを話題にします。JavaScriptには“変なところ”がいくつもありますが、そのなかでも、スコーピングはもっとも混乱と弊害をまねくところではないでしょうか。これを読めば、間違うことも悩むこともなくなりますよ。 [追記]僕の誤認と勘違いをコメントでご指摘いただきました。いつも、ありがとうございます。ご指摘を文に反映しました。変更部分は取消線を使って修正、または「追記」と明示してあります。ただし、ついでに表現を直した部分までは明示してません。[/追記] 今回の内容: JavaScriptにおける宣言文 undefined値 var文はこのように働く 驚くべき現象 疑似ブロックと将来の仕様変更 今回のまとめ ハブエントリー(全体目次) 前回 - 継承についてもう少し ●JavaScriptにおける

    プログラマのためのJavaScript (12):不思議な宣言と奇妙なスコープ - 檜山正幸のキマイラ飼育記 (はてなBlog)
  • CodeZine:プロトタイプ(prototype)によるJavaScriptのオブジェクト指向(プロトタイプ, オブジェクト, Javascript, ECMASCript)

    はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語(JScript、ActionScript)でも通じる内容になっています。 対象読者 プログラミングの基的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて

  • JavaScriptで製作したWindows用タスクバー時計

    2002/8/14 (有)アポロスター 石井 これは何か Windowsではタスクバーの通知領域(タスクトレイ)に時計を表示できますが、そこに日付と曜日も表示させたい場合、機能を拡張するためのフリーソフトウエアなどをインストールする必要がありました。 そこでJavaScriptを用いて時刻や日時・曜日を表示するページを製作しました。タスクバーには任意のWebページを表示する機能があり、それを利用してタスクバーにはめこんでいます。 以下のような表示が可能です。 さらに表示する日付の書式を、以下のような設定画面を使って自由に設定することができます。 利用条件 このタスクバー時計は無料で自由にお使いいただけます。ただし、事前にお知らせすることなくサービスを停止する場合があります。 インストール方法 この時計はアプリケーションソフトウエアではなく単なるWebページですから、ソフトウエアのインストー

    Stingray
    Stingray 2005/12/09
    タスクバー時計より、タスクバーにWEBページを表示させるやり方
  • 川o・-・)<2nd life - prototype.js with mousehweel event

    http://rails2u.com/misc/wheel_event/ prototype.jsではイベントハンドラの登録をEvent.observeに追加することにより行えます。これはWinIEだとelement.attachEvent, Firefoxだとelement.addEventLisnerと登録用の関数が違う互換性を吸収してくれるので大変便利です。しかし、ホイールイベントは少々特殊なため、通常のEvent.observeでは上手く登録が行えません。 ホイールイベントをwebアプリケーションで上手く使うとユーザビリティの向上が見込める*1ので、簡単にホイールイベントを登録できるEvent.observeを作ってみました。上記URL先のwheel_event.jsをprototype.jsを読み込んだ後に読み込むことによって、mousewheelイベントを扱えるようになります。

    川o・-・)<2nd life - prototype.js with mousehweel event
  • ABAの日誌

    せっかく最近ECMAScript触っているので、前にヨタで言っていた、Google Maps APIでスクランブルフォーメーション(id:ABA:20050711#p1)をやってみようと思って、挫折。やっぱきつい。まあもともとこんな使い方をするためのものじゃないから、当たり前といえば当たり前。 一応途中まであがいた跡がこれ。ビットマップはゲーム製作技術板/シューティングゲーム製作技術総合スレの素材を利用させてもらっている。 Google Maps APIシューティング挫折版(http://www.asahi-net.or.jp/~cs8k-cyu/javascript/gma_shmup_test/) 重すぎる。フレームレートもばたつきすぎ。やっぱりスプライトをマップ上のマーカーで代用するのに無理がありすぎた。 単に挫折だけだともったいないので、作っている最中に分かったことを適当に書いてお

    ABAの日誌
  • JavaScriptの関数とメソッド:CodeZine

    はじめに JavaScriptはオブジェクト指向言語です。しかし利便性のために、C言語などと同じようにグローバルな関数を定義し、構造化的な手法でプログラミングすることも可能です。 この記事では、JavaScriptにおける関数の基的な性質を見ていくと共に、関数の正体、および関数の使用方法について解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語(JScript、ActionScript)でも通じる内容になっています。 対象読者 プログラミングの基的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をしている人を対象としています。

  • CodeZine:JavaScriptにおけるオブジェクトの基本的性質

    はじめに JavaScriptはオブジェクト指向言語です。従って、そのプログラミングは、オブジェクトの生成やプロパティの参照、メソッドの実行などを組み合わせる作業と言えます。つまり、オブジェクトを上手く扱うことができなければ、JavaScriptの良いコードは書けません。また、JavaScriptにおけるオブジェクトの考え方は、JavaC++とは根的に違っています。 そこで、この記事では、JavaScriptにおけるオブジェクトの基的な性質について見ていくと共に、JavaC++といった他のオブジェクト指向言語との違い、JavaScriptにおけるオブジェクトの扱い方などを解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語(

  • 『Under Translation of ECMA-262 3rd Edition』

    This Document has Moved. この文書は http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/index.html に移動しました。 Japanese fonts required. All rights reserved. 1998-2015 TAKI

  • Going My Way: 画像をアップするときにHTMLコードを作成してくれるBookmarklet

    このウェブサイトは販売用です! preston-net.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、preston-net.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • 既読リンクを隠すブックマークレット

    いまだにかとユーとか見てる人がたくさんいるみたいなので 既読のリンクを隠すブックマークレットを作ってみました。 IE用 : 既読隠す Firefox/Opera用 : 既読隠す フレーム対応とかは誰か暇な人がやってくれると助かります。 ---- すでに表示されているHTMLCSSルールを追加する方法は JavaScriptでプレビューつきCSSエディタ http://tokyoenvious.xrea.jp/b/javascript/css_editor_2.html を参考にしました。

  • Javascriptで動作するFPS『3D walker』 | Negitaku.org esports

    1 コメント | 2005-11-29 12:13:06 | by Yossy | Game | 5117 アクセス Javascriptで動作するブラウザベースのFPS『3D walker』が紹介されていました。 このJavascriptを動作させるためには『Canvasタグ』にブラウザが対応している必要があります。 現状、Canvasタグに対応しているブラウザは『Safari 2.0』『Firefox 1.5 RC3』『Opera 9β』となっているようです。 現在実装されているのは移動とジャンプのみですが、Javascriptでこんなことができるのかと驚きました。 AjaxなどJavascriptを使ったものに興味があるのでぼくもJavascript勉強したいですなあ。 情報元 : shacknews | 3D Walker シェアする Twitter Facebook Pocket

    Stingray
    Stingray 2005/12/01
    後で試す
  • 作って理解するAjax (2):IT Pro

    図2●作成したクライアントをテスト<br>クライアントから受信したデータをそのまま返送するサーバーを使ってテストした様子。入力データがそのまま表示されるのが分かります。 前回はAjaxの概念や利点を説明し,筆者が作成したAjaxアプリケーションを紹介しました。紹介したものの一つがインクリメンタル検索用アプリケーションです。検索ボタンをクリックして初めて検索される通常のWeb検索とは異なり,インクリメンタル検索はキーワードを1文字入力するたびに即座に検索を実行します。検索結果はKWICという形式で表示します(図1[拡大表示])。KWICはKeyWord In Contextの略で,前後の文脈付きで検索結果を表示する形式です。 今回から2回にわたり,このインクリメンタル検索を実現するAjaxアプリケーションを作成します。単なる動作説明用の「おもちゃ的な」サンプルではなく,実用性のあるツールとし

    作って理解するAjax (2):IT Pro
  • https://divakk.co.jp/blog/aoyagi/archive/2005/03/14/1471.aspx

  • はてな記法ワープロ

    *はてな記法JavaScript はてな記法ワープロは JavaScript ならではの利点を生かしたダイナミックなワープロです。 試しに色々入力してみてください。即座に出力画面が反映されます((Windows 版 IE6 および Firefox 1.0 でのみ確認しています))。 はてな記法の変換は <a href="http://search.cpan.org/dist/Text-Hatena/">Text::Hatena</a> を JavaScript に移植した "text-hatena.js" を活用しています。 **変更履歴 |*2005/12/1|ソース機能追加 (HTMLソースを表示できます)| |*2005/11/21|はてな記法ワープロ完成| |*2005/11/13|text-hatena.js 移植開始|

  • 最速インターフェース研究会 :: 全てのWeb開発者必見:fluxiom

    fluxiomである。 http://www.fluxiom.com/ fluxiomはRuby on Railsで作られた、ソーシャルとタギングを備えたオンラインファイラーというようなものらしい。まだサービス開始していないが、デモムービーが公開されている。 fluxiomを開発している会社はscript.aculo.usの開発元ということであるので、 当然「Rails + prototype.js + script.aculo.us」で作られている、ということになるのだろう。 と思ってみたら、開発者のBlogに追記されていた。「Ruby on Railsで作られていて、Flashは一切使っていない」ということである。 http://mir.aculo.us/articles/2005/11/24/fluxiom script.aculo.usは「web2.0 JavaScript」だそう

  • ppBlog - IEのメモリリーク問題

    IEあるいはIEエンジンのブラウザ(Sleipnirとか)を使っていて、どうもページの描画速度が遅い気がする―もっと正確には最初にページを開いたときより遅くなった―と感じたことはないだろうか? 特にあなたがJavaScriptを多用したページを開いているならば、もしかしたらIE特有のメモリリーク問題(IE memory leaks problemG)が原因かもしれない。 余談ですが、前回のmoblogエントリーは、自分のブログにモブログしたつもりが間違ってこちらにエントリーしてしまいました。気が向いたら移動しておきます。 で、題ですが、この問題はより多くの利用者が(IEエンジンの)タブブラウザーを使うようになればなるほど顕在化してくると思われるのでメモしておこうと思います。ppBlogでもJavaScriptは欠かせませんし。最初に言っておきますが、この問題はIE4-6に特有のもので他の

  • YappoLogs: JavaScript::Swell - Web2.0 時代のHackモジュール

    JavaScript::Swell - Web2.0 時代のHackモジュール ここ最近はJavaScriptもかなり注目をされており、色々なサイトのjsファイルを読みふけってる方も多いと思います。 そこで困るのがSquishされて見づらくなったソースコードなのではないでしょうか? 皆さん、それぞれ苦労して見やすいソースに修正して日々Hackされてることと思います。 そんな苦労erにぴったりなモジュールがありました。 JavaScript::Swellです。 Squishの逆でSwellというなんともな名前です。 使い方も簡単でした。 use JavaScript::Swell; print JavaScript::Swell->swell("var i=0;if(i++){var a=-1;}");ってなコードで var i = 0; if (i++) { var a = -1; } こ

  • prototype.js v1.5.0 の使い方

    それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス