とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々:phpspot開発日誌
20 Fresh JavaScript Data Visualization Libraries とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリが色々と最近になってもリリースされていますね。 サムネイルだけ見ても、JavaScript でやってるの？というような綺麗なものが多いです。すでに紹介したものもあると思いますがご参考までに。 Highcharts gRaphaël JavaScript InfoVis Toolkit JS Charts Bluff Timeline データをビジュアライズしたい際の参考になりそうですね。 関連エントリ JavaScript用のグラフ描画ライブラリ色々
データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利:phpspot開発日誌
データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利 2009年12月17日- データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利そうです。 簡単にいうと、データベースとテーブルを指定すれば次のような、AJAXで即座に編集が可能なテーブルを作成することができます。 各カラムは「編集可能」や「読み込みオンリー」に指定することができて、好きなカラムのみ編集させることができます。 データの追加、削除、編集といったこともAJAXで実施することができます。 データベースを扱う部分の管理画面とかに使えるスクリプトを動的に作ることができてしまいますね。 利用には条件があって、id に auto_increment なint値を指定しているテーブルにしか使うことができません。 設置方法は、
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」:phpspot開発日誌
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」 2009年12月16日- またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」。 Ext.js ばりにきれいなUIと多機能さで今後が期待されるJSフレームワークです。 次のような綺麗でリッチなインターネットアプリケーションが作れます。 デモページには多数のコンポーネントが掲載されていて色々できることがわかります。 GoogleMapや、各種UIパーツの他、３Dグラフなんかも面白いです。 JavaScript でクネクネ動く3Dグラフです。 以下のページを参照してください。 Ajax.org - The real-time collaborative application platform
ソースコード＆チュートリアルが公開されている今風のToDo管理ツール『Colored List』 | 100SHIKI
ソースコード＆チュートリアルが公開されている今風のToDo管理ツール『Colored List』 December 7th, 2009 Posted in ライフハック・生産性 Write comment ウェブサービスを作ってみたい、という人に役立ちそうなサイトのご紹介。 Colored Listは今風の、Ajaxを使ったToDo管理ツールである。会員登録をしてログインすれば使い始めることができる。項目の並び替えもドラッグ＆ドロップでできたりとなかなか快適に使うことができる。 こうしたツールはよくあるが、Colored Listがユニークなのは、ソースコードと作成するためのチュートリアルがあわせて公開されているという点だ。 ウェブサービスを作る際にはなるべく興味をもつようなアプリの方が良いのは間違いない。いまさらアドレス帳とかではテンションが下がるだろう。 ツールを使ってみて気に入ったら
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
jQueryカレンダーコンポーネント8つ | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気のあるAjax JavaScriptフレームワークのひとつにjQueryがある。簡単で扱いやすく高速に動作し、サイズも小さい。MozillaのJavaScriptエバンジェリストが開発していることもあり、FirefoxエクステンションJetpackでもデフォルトで利用できるようになるなど、さらに露出の機会を増やしている。 jQueryはコアとなる機能を提供し、拡張機能やUI、コンポーネントはプラグインとして提供されている。どれだけプラグインを把握しているかが、jQueryを使ってアプリケーションを開発する際のひとつのポイントとなる。8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Sh
[JS]jQueryのプラグイン33+1選 -2009年7月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jQuery Gallery Slider Plugin ダイナミックにスライドする画像ギャラリー。 prettyPhoto a j
[錐] ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。
ごうだまりぽです。作ったモノとか拾った知識とかひねり出した知恵とかをさらしてます。読むと価値観が360度変わること請け合い! << 2009/07/ 1 2 3 4 5 6 7 8 1. 一蘭の「味集中システム」の凄さは、ついたてと注文用紙だけじゃないよ! 9 1. ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> ■ [javascript]ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。ブラウザ上でリッチテキストが編集できるというのは最近 CMS などでよく見かけるようになりました。Google Docs や Wordpress あたりは有名ですね。 今回は、リッチテキスト編集のコマンド群を I
ユニークで使えそうなjQueryプラグイン10個:phpspot開発日誌
10 Really Interesting jQuery Plugins | Queness ユニークで使えそうな jQueryプラグイン10個。 プラグインといえば、タブやLightboxといった定番のものから、他にも役立つものが色々とありますが、紹介されているものはどれも便利そうでしたのでいくつかご紹介。 Impromptu LightBox風に、OK・Cancel のダイアログを表示できます。 Captify 画像の下部に半透明の背景付きキャプションを表示。アニメーションしていい感じ Favico リンクに自動でfaviconを付けてくれる jQuery BreadCrumb アニメーションして使いやすいパンくずリスト jQuery Spotlight 特定のブロック要素以外にオーバーレイして特定のブロックを目立たせます jQuery Peel ページがペラっとめくれたような驚きのエ
【レビュー】XULやSVGがクロスブラウザで動く!? 新感覚Ajaxフレームワーク"Ample SDK" (1) Ample SDK とは | エンタープライズ | マイコミジャーナル
あの処理がこのWebブラウザでも動いたら……デベロッパにとって、Webアプリケーションのクロスブラウザ対応化は頭を悩ませる作業のひとつ。最近ではさまざまなAjaxフレームワークが登場しクロスブラウザでの実装も楽になってきたが、このたびひときわ違ったアプローチを試みるAjaxフレームワークがリリースされた。レイアウトをXMLベースで記述し、XULやSVGをもクロスブラウザで動作させるライブラリ「Ample SDK」とは何か? Ample SDKはClientside OY社が開発/公開しているAjax GUI Frameworkライブラリ。Ample Runtimeと呼ばれる独自のランタイムを使用し、DOM CoreやDOM XPath、XInclude 1.0、SVG 1.2 Tiny、XUL(XML User Interface Language)といった機能をクロスブラウザで実現する(
oreilly.co.jp -- Online Catalog: Ajaxデザインパターン オライリー本「Ajaxデザインパターン」2007年05月12日発売予定
TOPICS Programming , Web 発行年月日 2007年05月 PRINT LENGTH 704 ISBN 978-4-87311-323-4 原書 Ajax Design Patterns FORMAT PDF 本書の目的は、デザインパターンの概念をAjaxにも適用し、ユーザビリティに優れたWebアプリケーションの効率的な開発を可能にすることです。基盤技術からプログラミング、機能と使いやすさ、アプリケーション開発までの4つのカテゴリーで、計70のパターンを紹介します。それぞれのパターンについて、背景、問題、解決策を示し、具体例を通してそのパターンを身につけていく構成になっています。Ajaxによってできることとできないこと、実際にどのようにAjaxが利用されているか、高品質なAjaxアプリケーションのアーキテクチャ、無駄のない迅速な処理、優れた操作性などを実現するデザインパ
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
第1回 まずは実装してみよう | gihyo.jp
はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基本的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに？ Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ
jQueryでCookieの操作を超簡単に行える「jQuery Cookie plugin」:phpspot開発日誌
Setting cookies with jQuery jQueryでCookieの操作を超簡単に行える「jQuery Cookie plugin」。 このjQueryプラグインを使えば、Cookieさえ１行で簡単に設定できてしまいます。 以下のコードを使って、example というクッキーのキーに foo という値を設定することが出来ます。有効期限は見ての通りですが、7日間有効 $.cookie("example", "foo", { expires: 7 }); パスの設定も以下のように行うことができます。 $.cookie("example", "foo", { path: '/admin', expires: 7 }); ブラウザに対するデータ設定として最もお手軽に使えるCookieですが、これはますます活用できちゃいそうですね。 プラグインのページはこちら 関連エントリ Java
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
[JS]jQueryのプラグイン33+1選 -2009年6月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Image Rotator スタイリッシュな画像ギャラリー。 GalleryView インターフェイスが豊富な画像ギャラリー。 Sl
JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
twitter facebook hatena google pocket JavaScriptでカレンダーを作る方法はいろいろありますが、なかなか満足のいくものは多くありません。 jCalはJavaScriptライブラリ「jquery」を使用し、お手軽かつクールなカレンダーを作成可能です。 sponsors 使用方法 jCalからファイル群をダウンロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.animate.clip.js"></script> <script type="text/javascript" src="http://yourdomain
Ajaxによるリアルタイムプッシュエンジン·APE MOONGIFT
Google Waveの発表で、一気にリアルタイムストリームへの流れが強まっている。基盤的な技術になるのはCommetやXMPPといったプッシュ配信を可能にする技術だ。相互のやり取りがリアルタイムになれば、コラボレーションはもっと素晴らしいものになるだろう。 トップページには同じURLを見ている人たちと会話を楽しめるデモ そんなプッシュ配信技術はCommetのような新しいもの、XMPPのように古参のものと幾つか存在する。その一つにAPEがある。 今回紹介するオープンソース・ソフトウェアはAPE、Ajaxによるプッシュ配信を行うサーバソフトウェアだ。 APEはAjax Push Engineの略称だ。技術的にはAjaxのみを使い、特別なプラグインなどを必要とせずにプッシュ配信を行うのが特徴だ。そのため、IE/Firefox/Safari/OperaといったWebブラウザはもちろんのこと、iP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
JavaScript Ajax 実践サンプル集