またまた登場！凄くリッチな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
MOONGIFT: » CSSを使ったクロスドメインAjax「CSSHttpRequest」:オープンソースを毎日紹介
CSSHttpRequestはJavaScriptを使ったオープンソース・ソフトウェア。AjaxはWebシステムを進化させた凄い技術ではあるが、制約も色々とある。特に大きいのがクロスドメインによるデータの授受ができないという問題だろう。その問題を解決するため、JSONPをはじめとする様々な対抗技術が生み出されている。 デモ。文字表示やFlickr検索など GETリクエストの限定されるが、CSSを使ってAjaxと同じような動作を実現するというのがCSSHttpRequestだ。これは新しい視点で、なかなか面白い。CSS側の書き方も特徴的になるが、これはPHPをはじめとするサーバ出力によって自動生成すれば良い。 Ajaxで受け渡すデータを#c0、#c1といったIDを定義して、そのbackgoundプロパティでdata URIスキーマを使って受け渡す。data URI自体は柔軟なので、バイナリに
jQueryを使ってTwitterをおいしくマッシュアップ
JavaScriptファイルを呼び出すHTML まずは、サンプルアプリケーションのHTMLファイルを見てみましょう。 このHTMLファイルは、<script>タグで次の5つのJavaScriptファイルを読み込んでいます。 jQueryライブラリ「jquery-1.1.3.1.js」 JQuery用JSONPプラグイン「jquery.jsonp.js」 コントローラー「public_timeline_controller.js」 モデル「public_timeline.js」 ビュー「public_timeline_view.js」 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xm
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
Google、JavaScript APIを手軽に試せる「AJAX API Playground」を公開
Googleがオープンソース開発者向けにAPI情報の公開やさまざまなサポートを行っている「Google Code」で、Google AJAX APIのサンプルコードをウェブ上で手軽に試すことができる「AJAX API Playground」が公開されて話題を呼んでいる。 Googleがオープンソース開発者向けにAPI情報の公開やさまざまなサポートを行っている「Google Code」で、Google AJAX APIのサンプルコードをウェブ上で手軽に試すことができる「AJAX API Playground」が公開されて話題を呼んでいる。GoogleのエンジニアであるBen Lisbakken氏が20％タイム（*1）で開発し、1月21日に「Google Code Blog」の「Playing around with Google's AJAX APIs」というエントリで発表した。 AJAX
JavaScript + XMLで動作するブログシステム·FeedBlog Script MOONGIFT
ブログを専用のブログエンジンで書こうと思うと、PHPやRuby、Perlなどのスクリプト言語が必要になることが多い。静的なHTMLを出力してブログライクにすることもできるが、検索機能がなかったり一覧性+記事詳細のつなぎが悪くて使い勝手は良くない。 JavaScriptで実装されたブログエンジン そこで考え出されたのがJavaScriptによるブログエンジンだ。記述フォーマットに何を使うかと言えば、XMLを介するのだ。 今回紹介するオープンソース・ソフトウェアはFeedBlog Script、JavaScriptによるブログエンジンだ。 FeedBlog Scriptはサーバサイドのプログラミング言語は全く利用しない。全てJavaScriptで実装されている。記事の一覧やパーマネントリンク（ただしアンカー）、検索、過去記事一覧などが実現されている。 検索機能もある データフォーマットとしてX
チェック必須！GUIインタフェースを作るようにWebインタフェースを作成できる·Sigma Visual Ajax GUI Builder MOONGIFT
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
【ハウツー】jQuery、Dojo、YUIの使えるウィジェット (1) フレームワークの概要 | エンタープライズ | マイコミジャーナル
数あるJavaScriptフレームワーク、あなたはどれをよく使う? Webアプリケーションの開発現場において、JavaScriptは切っても切りはなせない存在だ。特に業務支援系Webアプリケーションの場合は、エンドユーザに対して「どれだけわかりやすく、入力・操作しやすいUIを提供できるか」がカギとなる。 最近ではJavaScriptフレームワーク自体に各種の用途・目的に合わせたウィジェットが増えてきており、デベロッパは自前で複雑な実装をすることなくさまざまな機能・UIを簡単に導入することができるようになってきた。 jQuery UI、Dojo Toolkit、Yahoo! User Interface Library(以下、Yahoo UI)、script.aculo.us、Ext JS……、ライセンスや稼動環境、エンドユーザの要望、デベロッパの嗜好などでさまざまな選択肢があるが、どのフレ
タブで写真切り替え
Innovative Tools for Web Publishing JavaScript + Ruby + PHP + Interaction Design Hi! My name is Ryan Johnson. I develop web applications for businesses in the Puget Sound area, and maintain a number of open source projects. I invite you to explore some of the links below: LivePipe™ Blog Control Suite : High Quality Controls and Widgets for Prototype Object.Event : An Event Model for JavaScript Obj
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
JavaScriptライブラリ「jQuery」関連サイト34 : skuare.net
twitter facebook hatena google pocket 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記： 2008/2/8 2サイト 2008/5/29 2サイト 2008/6/25 1サイト 2008/7/9 5サイト（jQuery UI系・Cheet Sheetを集めました） sponsors Reference ・jQuery リファレンス：v1.0.x、1.2.x ・jQuery 1.2 ドキュメント日本語訳 ・jQuery 開発者向けメモ：v1.1.x ・jQuery日本語リファレンス：v1.2.6 HowTo / Review ・jquery.jsを読み解く（追記：2008/2/8） ・jQueryの魔法 ・ニュータイプなJSライブラリjQue
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
InfoQ: JavaScriptへのマルチスレッド・プログラミングの導入
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
JavaScript開発ツールの本命！ FirebugとAptana（1/3） − ＠IT
JavaScript開発ツールの本命！ FirebugとAptana：どこまでできる？ 無料ツールでWebサイト作成（4）（1/3 ページ） ついに「Aptana STUDIO」がリリース 先日、連載第1回と第2回で紹介したAptanaが、2年にわたる開発期間を経て「Aptana STUDIO 1.0」としてリリースされた。 「Aptana STUDIO 1.0」には、「Community Edition」と呼ばれるフリー版と、「Professional Edition」と呼ばれる製品版が存在し、製品版は1年間の更新と優先的なサポート、最新開発版へのアクセスパスが付いて199ドル（現在はセール中？）で、以降更新のために1年ごとに79ドル、というプランが用意されている。Professional EditionはIE（Internet Explorer）のデバッグサポート、JSONエディタ、S
【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Calendar編 (1) 「The Yahoo! User Interface Library」とは? | パソコン | マイコミジャーナル
米Yahoo!が開発した「The Yahoo! User Interface Library」(以下、YUI)は、UI(ユーザーインタフェース)の機能を多く持つAjaxライブラリです。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。 ただし、YUIだけで全てが済むことはありません。明らかに機能が不足している面もあるため、他のライブラリと組み合わせるか、独自に作成しなければならないこともあります。この点に留意すれば、UI部分の強化および補助という観点でYUIは非常に強力なライブラリとなります。 本稿では、YUIの初期の頃から用意されているUIの1つ、カレンダー機能について説明します。このカレンダー機能はバージョンアップのたびに修正が加えられてきたため、少し古いバージョンで解説してあるページや書籍では役に立たないことがあります。ここではYUIの最新バージョン
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
Web 2.0統合開発環境、2年の開発を経てついに登場 - Aptana Studio 1.0 | エンタープライズ | マイコミジャーナル
Aptana Studio 1.0 - Aptanaサイトより抜粋 Aptanaは30日(米国時間)、Ajaxアプリケーション向けの統合開発環境Aptana Studioの最新版にして初のメジャーリリースとなる「Aptana Studio 1.0」を公開した。Aptana StudioはEclipse IDEをベースに開発されたJavaScript/HTML/CSS向け統合開発環境。iPhone、Adobe AIR、Ruby on Railsに対応するなど、Web 2.0時代のアプリケーション開発に特化したプロダクトだ。 公開されたプロダクトはコミュニティエディション「Aptana Studio 1.0 Community Edition」とプロフェッショナルエディション「Aptana Studio 1.0 Professional Edition」の2つ。コミュニティエディションはCSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightboxスクリプトいろいろ - DesignWalker
