AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」:phpspot開発日誌
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 2007年04月10日- QrONE - crossdomain.js crossdomain.js は、Ajax でいうところの XMLHTTPRequest を Flash 経由で行う為のライブラリです。 AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 次のように使えるそうです。 <script language="JavaScript" type="text/javascript"> <!-- crossdomain.open(); var _map; crossdomain.onload = function(){ crossdomain.request(http://api....com, function(flexE
Flashを使わない、JavaScript製メディアプレイヤー「JSMP」:phpspot開発日誌
JSMP PROJECT Flashを使わない、JavaScript製メディアプレイヤー「JSMP」。 JavaScript で動画を再生するサンプルが公開されています。 どうやっているかというと、内部的に jpeg 画像を高速に切り替えることで動画にしているようです。 プラグインが要らない、ということで使える部分があるかもしれませんね。
Ajaxアプリの開発がさらに便利に - JsHttpRequest 5.0がリリース | エンタープライズ | マイコミジャーナル
Dmitry Koterov氏は3日(米国時間)、JsHttpRequestの最新版となるJsHttpRequest 5.0を公開した。JsHttpRequestはAjaxベースのJavaScript/PHPライブラリ。GNU LESSER GENERAL PUBLIC LICENSE Version 2.1のもとオープンソースソフトウェアとして公開されている。 JsHttpRequestは、Ajaxの基幹技術として利用されているXMLHttpRequestの欠点を補うかたちで開発されたライブラリ。XMLHttpRequestと同じプログラミングインタフェースを備えるうえ、クロスブラウザやデータ送受信の効率化が実現しやすくなるといった特徴がある。 新版では、チュートリアルとプロトコル仕様文書が追加されたほか、以下のような機能拡張/修正が施された。 XMLローダから適切なJSON(JavaS
JavaScript関数に関する様々なテクニック集:phpspot開発日誌
Functional Javascript Lisp? Scheme? Erlang, Haskell? Forget about them! The most widely deployed functional programming language is Javascript. JavaScript関数に関する様々なテクニック集が紹介されていました。 まずは基本的なJavaScript関数の使い方 <script language="javascript"> function hello(who) { alert('Hello '+who); } hello('world'); </script> 「Hello World」を出力。 続いては関数リテラルのシンタックスによる関数の定義。 <script language="javascript"> var hello = funct
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
JavaScriptやCSSをWEB上で簡単圧縮するサービス「Compressor」:phpspot開発日誌
Compress javascript and css. amazing code compression. quick, easy and free! JavaScriptやCSSをWEB上で簡単圧縮するサービス「Compressor」。 次のような画面で、(1)の入力ボックスにCSSでもJavaScriptでも入力後、(2) で圧縮ボタンを押して圧縮可能です。 圧縮方法にはbasicとpowerfulの２つの方法が選択でき、それぞれボタンを押すことで(3)のフィールドに圧縮されたコードが出力されます。 JavaScriptの場合、powerfulにすると動作しなくなることがありますが、簡単なコードならちゃんと動くと思います。 転送量が気になる方はgzipな圧縮転送以外にもこういったツールでCSSやJavaScriptのサイズを削減しましょう。 関連エントリ サイトがGZip圧縮されてい
Adobe製、フリーのJavaScriptエディタプラグイン「JSEclipse」：CodeZine
Adobeは2日、Adobe Labsを通じてフリーのEclipse用JavaScriptエディタプラグイン「JSEclipse」をリリースした。今回のバージョンは「prerelease 2」となっている。 JSEclipseはAdobe Labsのサイトから無償でダウンロードすることができる。なお、ダウンロードするためにはAdobe IDの登録が必要。また、Eclipseプラグインであるため、Eclipseを使用できるようにしておくことが必要となる。 ダウンロードしたzip形式のファイルを解答し、pluginsフォルダ内の「com.interaktonline.jseclipse_1.5.5.jar」とfeaturesフォルダ内の「com.interaktonline.jseclipse_1.5.5.jar」ファイルを、それぞれEclipse本体のpluginsフォルダとfeatur
[ThinkIT] 第3回：YUIライブラリと外部JSの呼び出し手法 (1/2)
「第２回：jQueryライブラリの内部とonloadイベント記法」で解説したPrototypeとjQueryはどちらも個人がリリースするライブラリでしたが、今度は、より規模の大きなライブラリの事例をご紹介します。Yahoo! UIライブラリ（YUI）は、米国Yahoo!がBSDライセンスで提供するJavaScriptライブラリです（図3、注5）。 個人だけでなく、YUIのように大手企業もライブラリを公開する事例が増えてきています。YUIでは、Ajaxやイベント管理といった基本機能に加えて、アニメーションやドラッグ＆ドロップ処理のユーティリティ、さらにカレンダー／ツールチップ／ダイアログ／タブ表示／ツリー表示といった豊富なウィジェットが提供されているのが特徴です。 YUIは、表3に示す14のモジュールで構成されています。 モジュール名 主な用途
フォントサイズの変更をJavaScriptによって検地する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection Furthermore, you won’t want to serve bite-sized content to visitors with large resolutions just to cater to visitors with smaller resolutions?if you can avoid it. フォントサイズの変更をJavaScriptによって検地する方法。 ブラウザの文字サイズを変更した際に、JavaScript によってそのイベントを検出するライブラリ＆サンプルが公開されていました。 これを活用することで、次のように、フォントサイズを変更した際に特定のイベントを発生させることが可能になります。 コードは次のような感じ。 <!DOCTYPE HTML PUBLIC "
押さえておきたい15のJavaScriptスニペット:phpspot開発日誌
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み＆フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ＆ドロップなショッピングカート ドラッグ＆ドロップなソート可能リスト JavaScriptのロギング＆デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム＆スライドショー スライドダウン＆アップアニメーシ
Safari用JavaScriptデバッガ「Drosera」:phpspot開発日誌
SafariのJavaScriptデバッガ「Drosera」を使ってみる。｜blog｜たたみラボ そんな中最近（といっても半年以上前）、「Drosera」という、Safari（正確にはWebKit）のデバッガが登場しました。Safari用JavaScriptデバッガ「Drosera」。 SafariでのJavaScriptフロントエンド開発用に使えそうですね。 Dorosera の入手・インストール〜使い方までが解説されています。
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」:phpspot開発日誌
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
[ThinkIT] 第2回：jQueryライブラリの内部とonloadイベント記法 (1/2)
※注3： http://jquery.com/ 本稿では執筆時点の最新版であるバージョン1.0.4を解説しますが、2007年3月現在では、バージョン1.1.2がリリースされています。下記の解説部分は、1.1.2でも同様の処理が実装されています。 Prototypeライブラリがscript.aculo.usライブラリとの組み合わせで実現していたエフェクト処理の一部も、jQueryではそれ単体のみで対応しており、プログラマにとってWebページを制作する際に必要となる、かゆい所に手が届いた実装が魅力のようです。 また、jQueryライブラリのソースコードにはJavaScriptプログラミングの最新ノウハウがギッシリと詰まっています。リスト1にjQueryのコードを一部抜粋しましたので、実装方法を解析してテクニックの一部を確認してみましょう。 Prototypeライブラリは、JavaScriptの
JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」:phpspot開発日誌
JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」 2007年03月27日- ruzee.com - Steffen Rusitschka ShadedBorder - JavaScript Round Corners with Drop Shadow Rouding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」。 同様のライブラリに Nifty Corners がありますが、これを更に進化させ、使いやすく、高速に、かつよ
Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」:phpspot開発日誌
Javascript Developer Tools Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」。 左上のタブのＬｉｎｔ にて文法チェックが行えます。Minify、De-Minifyによって改行などの削除によってスクリプトサイズ削減、そして、その反対が出来るようです。 ブラウザ上で行える簡易開発ツールとして活用できそうですね。
入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
HTML JS版 Apollo アプリを作ってみる [てっく煮]
Apollo 開発の方法を丁寧に説明していく予定です。第１回目は HTML+JavaScript で Apollo アプリを作ってみます。 そこそこ実用的な例、ということでシンプルな RSS リーダーを作ることにします。Apollo での通信にはドメインの制約がない、という利点を体感することもできます。動作イメージはこんな感じです。 開発環境のインストールがまだの方は、Adobe Apolloメモ や はじめてのApolloプログラミング を参考にして準備しておいてください（手抜き）。 HTML と JavaScript の作成 まずは HTML を準備します。rss-simple.html として保存します。味気ないですが、あえてシンプルにしてます。 <html> <head> <title>Simple RSS</title> <script src="rss-simple.js"><
![HTML JS版 Apollo アプリを作ってみる [てっく煮]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0152b5a283748a3bce479101d22b9b4c157d2c27/height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Accelerating Your Growth from R&D to ROI
Accelerating Your Growth from R&D to ROI
Ext JS - JavaScript Library
