Google Maps 入門
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
オンラインデスクトップが利用できるサイト「ajaxWindows」 - GIGAZINE
AJAXを駆使して作られたWindowsライクな画面のオンラインデスクトップです。開発者は、MP3.com、MP3tunesなどの創立者として有名なMichael Robertson氏。どこからでもブラウザが使える環境であれば自分専用のデスクトップが使用できるようです。かなり気合いが入っています。 詳細は、以下から。ajaxWindows - Your Desktop Anywhere 機能は、ウェブアプリケーション、ajaxOficce、ウィジェット、MP3tunesを利用した音楽環境、デスクトップのカスタマイズなどがあります。 無料登録で利用可能となります。入力は、メールアドレスとパスワードのみ。 デスクトップの初期画面。 Windowsと同じように左下の「スタート」からプログラムを起動できます 画面のテーマを替えてみました エクスプローラもちゃんとあります ajaxPresents。
[JS]ストンッと切り替わるタブメニューのスクリプト -MooTabs | コリス
MooTabsは、タブの切り替わる時のモーションが、気持ちよくストンッと動作するmootools.jsのプラグインです。 MooTabs 切り替えられるのは、通常のパネル状のものから、スクロールバーがついたパネルもストンッと切り替えることができます。 表示データは、AJAXで外部ファイルを読み込むことも可能です。 AJAX デモ スクロールバー付き デモ
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
MOONGIFT: » 色々なメディアをフローティング「LightWindow」:オープンソースを毎日紹介
サイト上のサムネイル画像をクリックすると、画面遷移する事なくフローティングウィンドウを表示して、そこに拡大画像を表示するサイトが増えてきた。 あのインタフェースはクリックして画面が遷移しないので使い勝手が良い。そこで画像以外にも適用してみよう。 今回紹介するオープンソース・ソフトウェアはLightWindow、多彩なメディアに対応したスライド表示JavaScriptライブラリだ。 LightWindowでは各種画像、動画、音声、PDFそしてサイト表示にも対応している。リンクをクリックすると、画面上にウィンドウが表示され、そこにメディアが表示される。動作は軽快で使い勝手が良い。 実装する側はリンクタグに多少の情報を付与するだけで使える。Flash作品の表示やYoutube動画の表示、サイトの利用規約、メールフォーム等、様々な場面で利用できそうだ。 複数の画像は一つにまとめてギャラリー風に表示
PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」:phpspot開発日誌
LiveValidationPHP | Home What is LiveValidationPHP? Well in short it's a form validation script. PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」。 PHPとJavaScript でリアルタイムにバリデーションする仕組みが公開されました。 次のようにフォーム内容をリアルタイムにバリデーションできます。 バリデートのルールなんかはPHPで記述でき、JavaScript に慣れていなくても使えます。 関連エントリ JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ
Sjaxを使わないJavaScript Loader - ヒルズで働く@robarioの技ログ と JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで働く@robarioの技ログ の改良版です。この二つの記事は忘れてもらって結構です。 前振りとか ライブラリを読み込みたい（＞＜） 「script要素をappendChildする」でやると読み込み完了を待ってくれないので「setTimeoutで3000ms後に本処理」とか、嫌だ。 そこで「指定したプロパティが存在するか」を監視するスクリプトloader.js.incを書きました。http://coderepos.org/share/に置いてあります。 http://coderepos.org/share/browser/lang/javascript/misc/loader.js.inc http://coderep
MOONGIFT: » クリックすれば開く「Accordion」:オープンソースを毎日紹介
Webサイトも作り込んでいく内にだんだんと機能が増えていく。そしてふと気付くと画面がごちゃごちゃしている、なんて事になりかねない。 すっきりさせるコツは、不要な時は見せない事だ。それを実現させるのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはAccordion、開いたり閉じたりするアクションを可能にするJavaScriptライブラリだ。 一度触れてみてもらえれば分かるが、各項目のヘッダ部分をクリックすると、そこが開いてコンテンツが表示されるようになっている。ただ単にぱっと開くのではなく、スムーズに動いていくのが良い。 更にアクションは一階層だけでなく、縦方向に複数階層に分けたり、横につける事もできる。時系列的に見せたい時等に横向きのアクションは有効かも知れない。 Accordionはオープンソースだが、寄付は常時募集している。そうしたソフトウェアは数多いが、寄付の理由にM
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
MOONGIFT: » クールな管理画面を持つCMS「SilverStripe」:オープンソースを毎日紹介
最近の流行なのかも知れないが、ユーザ画面はシンプルに、管理画面はリッチにと言うのが特徴だ。ユーザ画面をシンプルに提供するのは大事な事であるし、普段の開発ではとかく見過ごされがちな管理画面を豪華にすると言うのも、コンテンツを手軽に拡充していく上では適切な判断だ。 今回紹介するオープンソース・ソフトウェアはSilverStripe、クールな管理画面を持ったCMSだ。 SilverStripeのユーザ画面はブログかと思うくらいシンプルに仕上がっている。とは言え、格好いいデザインだ。そして真価はそちらではなく、管理画面に現れる。 管理画面はAjaxとWYSIWYGなエディタがこれでもかと使われている。Webアプリケーションと言う感覚ではない。サイトコンテンツ、ファイル管理、ニュースレター、メーリングリスト管理、ユーザ管理と言った機能がある。 特徴はその他にも、MVCフレームワーク、1ページから数百
【レポート】いまなぜProtoscriptか? 開発者が明かす、作成動機とその利点 (1) JSONを採用 - 直感的に操作できる、それがProtoscript | エンタープライズ | マイコミジャーナル
既報のとおり、Ajax Webアプリケーションを開発するためのスクリプティングとして「Protoscript」が発表されたわけだが、同プロダクトの発案者であり開発者であるYahoo! Ajax Evangelist, Bill Scott氏は、「Why Protoscript?」というタイトルのもと、Protoscriptの開発経緯やその利点を紹介している。Protoscriptがどういった目的で開発されたのか、既存のフレームワークと比較してどのような特徴/利点があるのか。同ドキュメントはこれらの点についてよくまとめられており、興味深いので紹介しよう。 プロトタイプ開発をより簡単にすることが目的 同ドキュメントでは、Protoscriptの開発動機について、「プロトタイプ開発は技術に精通していないユーザには難しすぎるため、それを現在主流のアプローチとは別のアプローチでより簡単に実現できるよ
AptanaでAjax・AIR・iPhone用ページの開発を行う（1/3） ― ＠IT
AptanaでAjax・AIR・iPhone用ページの開発を行う：どこまでできる？ 無料ツールでWebサイト作成（2）（1/3 ページ） 第2回は、前回に引き続き「Aptana」を取り上げ、プログラミング的な観点から紹介しよう。Webオーサリングツール紹介が主のため、プログラミングそのものの説明は省略させていただくが、「こんなことも可能なんだ」と私自身が記事を書きながら再認識した驚きを、皆さまとも共有したい。 早速プログラミング時の特徴を確認、という前にもう一度「Aptana」がどのようなアプリケーションであったのかを振り返ってから、プログラミングという側面を見ていくこととしよう。 「Aptana」とは何かをもう一度振り返ってみる 「Aptana」はEclipseベースのJavaScript統合開発環境（IDE）だが、前回解説したとおり、HTMLやCSSの構文の誤りを指摘してくれたり、構造
実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
MOONGIFT: » 必見！エレガントなWebファイルマネージャ「WebShare」:オープンソースを毎日紹介
複数の拠点でプロジェクトを推進する上でファイルを共有するにはどうしたら良いだろうか。一つはFTPを使う方法がある。だがFTPクライアントの用意が面倒だ。Subversionと言う手もあるが、これも設定が大変だろう。 そこで検討したいのがWebベースのファイルマネージャだ。これならばブラウザさえあればいつでもどこでも利用できる。そして、そのWeb系ファイルマネージャでお勧めなのがこれだ。 今回紹介するオープンソース・ソフトウェアはWebShare、エレガントなファイル管理ソフトウェアだ。 WebShareの特徴はなんと言ってもそのUIが見事であるという点だ。Ajaxが駆使されて作られたインタフェースは、一つ一つの操作がスムーズで格好良い。さらにDBすら不要で、導入が簡単ときている。 ファイルの閲覧はテキストファイルであればブラウザ内で行える。また、画像はサムネイルがファイルアイコンについて表
はじめてのJSONPプログラミング
前回の「ブログの☆の総数を取得できるAPIを組み込みました」では、はじめてJSONPを使ってみました。以下、実際にJSONPを使ってみての覚え書きと、これからJSONPプログラミングをはじめる方へのTIPSです。 ブログの☆の総数を取得できるAPIは、はてなスターに登録されたブログの情報を取得できるJSON形式とJSONP形式で提供されているAPIでした。 はてなスター日記 - ブログの☆の総数を取得できるAPIを追加しました JSONとは、JavaScriptにおけるオブジェクトの表記法をほぼそのまま利用したデータフォーマットのことで、JSONPはJSONにちょっと記述を加えて、クロスドメインのJSONデータを非同期で読み込ませて処理するための手法のことです。（詳しい定義については、自分で調べてみてください） 通常、Webブラウザでは他ドメインのJavaScriptのデータを読み込んで実
WordPress関連まとめリスト:phpspot開発日誌
WordPress関連まとめリスト。 WordPressの人気は凄いようで、そのまとめサイトの充実ぶりもいいです。 30+ AJAX-Powered WordPress Plugins - AJAX機能を使ったプライン集 30+ 1-Column WordPress Themes - クールな1カラムテンプレート 30+ WordPress 2-Column Themes - クールな2カラムテンプレート集 30+ WordPress 3-Column Themes - クールな3カラムテンプレート集 20 Wordpress 4-Column Themes - クールな4カラムテンプレート集 50+ Tools For The WordPress Admin - 管理者向けツール 17 WordPress Plugins For AdSense - Adsense用プラグイン 30+
進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」:phpspot開発日誌
進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」 2007年09月06日- Bram.us jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar) jsProgressBarHandler is a rewrite of the (unfortunately wrongly named) AJAX Progress / Percentage Bar by Webappers. 進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」。 プログレスバーがなめらかなアニメーション表示されるので、進捗状況が非常に分かりやすく表示できます。 デモページはこちら 利用にはprototype.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax/Javascript/Dhtml examples and demos to download
ブラウザでデスクトップを再現する“WebOS”の「ajaxWindows」公開