タグ

JavaScriptに関するf-shinのブックマーク (19)

  • Web標準の日々での講演について(Spry Widget)

    Web標準の日々のJavaScriptトラックの、7/16(月)のJ6というセッションで、僕がしゃべるのですが、気がついたら、同じ時間に行われるサブリンさん&神森さんペアのセッションと、上ノ郷谷さんのセッションが満席になっていました。 強敵がすでに「あがり」になってしまっていますが、せっかくなので事前にちょっとこの件についてのお話を。 7/16のJ6というJavaScriptのセッションで、僕がしゃべります。しゃべる内容はAdobeのSpry Widgetについてです。 Spry Widgetは、Adobeが出しているSpry Framework for AjaxというJavaScriptのフレームワークの一部品です。Spry Frameworkは、Adobeの目指す「誰でも簡単に使えるように」という方向性において、「デザイナー向けフレームワーク」と言われています。 しかし、その売り文句は

  • JavaScript ガイド - JavaScript | MDN

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    JavaScript ガイド - JavaScript | MDN
  • 第9回WebSig会議~CGMからPGMへ:導入~

    第9回WebSig会議 ~CGMからPGMへ:導入~ please wait / 0:00:00 次[→] : 前[←] : [スライド拡大(space)] スライドインデックス Programmed by Shinichi Fujikawa(f-shin at milkstand.net)

  • 英文ブログ記事"Remote JSON - JSONP"の解説……というか解析結果? 【▲→川俣晶の縁側→ソフトウェア→技術雑記】

    今更という話ではありますが。 JSONPを正しく理解しようと思って、Remote JSON - JSONPを読んだところ、全く意味が理解できず、敗退しました。 というわけで、手間を惜しんだら負けなのかと思い、いい加減で当てにならない日語訳(後述)をやってみました。しかし、それでも分かりません。 いろいろ苦闘してやっと理解しました。 結論としては、「ソースコードの断片しか提示していないので、全体像が見えないとコードを追えない」「del.icio.us JSON APIの理解を前提としている」「(英文が難しくて読み取れないよ)」という2つ(3つ)の問題が理解を妨げていたことが分かりました。 一応、いい加減な和訳は最後に付けるとして、理解した内容を簡単にまとめておきます。サンプルソースは、原文のものをそのまま使います。 間違い等あれば、ご教示ください。 JSONPってざっくばらんに何? § J

  • クールな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

    f-shin
    f-shin 2006/09/13
    なんだろ
  • JavaScript圧縮&難読化ツールまとめ:phpspot開発日誌

    JavaScriptのコードはクライアントサイドで動作し、誰にでもコードが読めてしまいます。 あまり自分の書いたコードは読まれたくないもので、せめてコードを読みにくく、ということで難読化のツールが多数公開されてます。 最近のJavaScriptブーム以前よりそういったツールは当然ながら存在するようで、ちょっとまとめてみました。 GUI/コマンドラインツール ObfuscateJS - JAVAで書かれたGUI画面で難読化。改行/タブ除去の他変数名変更 Dojo compressor - JAVAで動作するコマンドラインツール。スペース等除去。サイト上で変換前、変換後のサンプルが見れます JavascriptZIP - JAVAで書かれたJavascriptコード圧縮ツール JSC (JavaScript Compressor) - EXE形式でコマンドラインで使える圧縮ツール オンラインで

  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

    ウェブリブログ:サービスは終了しました。
    f-shin
    f-shin 2006/09/08
    これすげーな。無理矢理もライブラリ化すりゃOKってか。
  • Javascript Closures

    The documents under faq_notes/ are unmaintained. An up-to-date version of this document may be available at /faq/notes/closures/. Introduction The Resolution of Property Names on Objects Assignment of Values Reading of Values Identifier Resolution, Execution Contexts and Scope Chains The Execution Context Scope chains and [[scope]] Identifier Resolution Closures Automatic Garbage Collection Formin

    f-shin
    f-shin 2006/09/08
    クロージャ
  • 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストする

    JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプル http://la.ma.la/misc/js/opera_jsonp_test.html そこで、リクエストの度にダミーのIFRAMEを作って、そのIFRAME内のcontentWindowで実行するという方法を試してみました。 IFRAME内でJSONをロードするサンプル http://la.ma.la/misc/js/iframe_jsonp_request.html なんかIEで動かないっぽいけど気にしない。相変わらずタイマーは停止しますが、appendChil

  • MochiKit で JSONP の利用 - 2nd life (移転しました)

    最近日でも JSONP が広く知られるようになってきました。JSONPについて詳しくはhail2u.net - JSONP や snippets from shinichitomita’s journal - JSONPについてをどうぞ。 で、JSONP を簡単にライブラリから扱うには、dojo ならScriptSrcIO、prototype.js なら dojoの ScriptSrcIO ライクに拡張した Dojo penetrates Prototype Dude, WTF?! などがあります。 しかしながら、我らが MochiKit は開発者の Bob さんが JSONP を提唱したにもかかわらず、JSONP を扱う Async の関数が見あたらない*1ので作ってみました。デモでは delicious の json api をコールバック関数付きで呼び出し(JSONP)て、リストを

    MochiKit で JSONP の利用 - 2nd life (移転しました)
  • blueprints:

    Javaデベロッパ向け AJAX FAQ Author: Greg Murray 訳: Yutaka Yoshida 私たちは現在すでにAJAXに触れ、まったく新しい世界が広がっていることに気づいています。 多くの開発者が既存のフレームワークを通してAJAXを使っていますが、より深くAJAXを知り、 今以上の機能を提供したい人もいるかもしれません。これはアプリケーションにAJAXの機能を 持たせたいJava開発者向けのFAQです。 AJAXを使うべきでしょうか AJAXはJavaと一緒に使えますか 現在使っているフレームワークにAJAXの機能はありますか 何から始めたらいいですか 自分でAJAXの機能を作るためには何を知っておかなければならないですか JavaScriptを知っていなければならないですか Java開発者用にどのようなJavaScriptライブラリやフレームワークがありますか

  • jQuery 開発者向けメモ

    jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

    f-shin
    f-shin 2006/09/04
    へぇこんなのあるんだ。元のapiを意識しないで良いライブラリで階層化されるのは車輪の再生産的だったり、VB的というか悩ましいところもある。メリットをよく考えてみよう。ポイントはanimationあたりかな。
  • 最速インターフェース研究会 :: history.backが成功したかどうかを判別する

    今も昔も大変よく使われている古典的JavaScriptの一つjavascript:history.back()なんですが、実際に戻る操作が成功したのかどうかを判別することができません。タブブラウザなんかを使っててミドルクリックで新規タブで開いてたりすると、history.backをクリックしても無反応で何も起こらない、なんてことよくありませんか? そんなわけなのでhistory.backを実行後にページ移動が発生しているかどうかを監視して、戻るに失敗したときに特定の処理を発生させることができるような関数を作ってみました。 function try_back(errback){ var bs = false; Event.observe(window,"unload",function(){bs=true}); Event.observe(window,"beforeunload",func

  • GUCCI® Official | Select Your Local Country

    Welcome to Gucci Please, select a location to continue SHOP

    f-shin
    f-shin 2006/09/01
    script.aculo.usによるフルJSでFlashコンテンツっぽいやつ。
  • Ajax うきうき Watch 第11回 JSONがRFCになり、どんどんこなれるAjaxサービス

    JSONがRFCの1つになったからというわけではないだろうが、Ajaxサービスがいよいよ使いやすくなってきた。フリッカーの写真を楽しく掲載できるツール、スティッキー型ブログ、その場で画像編集、格的なテストができるツールなどが登場した(編集部) FlickrStorm flickrshow 投稿型の写真掲載サイトとして人気のあるフリッカーを活用する話題2点です。 FlickrStormは、上記リンクからサイトを訪問すると、真っ白な画面が見えるだけで何が面白いのかピンとこないでしょう。しかし、paris(別の単語かもしれません)と書かれた個所をクリックした瞬間に、後ろに“simply hit ENTER”と出て、ここでENTERキーを押せば検索が実行されることが分かります。 同時にその下の2つのアイコンに、your history、 your trayという名前と説明文が浮かび上がり、機能を

    f-shin
    f-shin 2006/09/01
    へーへーへーへー。
  • 最速インターフェース研究会 :: 実践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 ごく普通に実装

    f-shin
    f-shin 2006/08/30
    乱数で配列選んで、そいつを消しこんでくことで、配列をシャッフルする高速な方法
  • テキストエリアとかリサイズ可能にする JavaScript

    ■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね?とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {

    f-shin
    f-shin 2006/08/27
    Safariでうごかない?
  • Latest topics JavaScript 1.7のyield文ってなんじゃらほ - outsider reflex

    Latest topics > JavaScript 1.7のyield文ってなんじゃらほ 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « mod_estraierでの履歴全文検索(ミラー) Main 年金の追納 » JavaScript 1.7のyield文ってなんじゃらほ - Aug 07, 2006 JavaScript 1.7 の yield が凄すぎる件についてを見てもyieldってそもそも何なのかちいとも分かっとらんかったのでそこから調べてみた。 yieldはreturnの仲間? そもそもこのyield文というのは、JavaScriptと同じくスクリプト言語のPythonから持ち込まれた仕組みらしい。ジェネレータとは何ぞやで読める例を

  • JavaScript++かも日記 - 1997年からの

    f-shin
    f-shin 2006/07/19
    document.defaultValueはFFで使えんよに対する対策
  • 1