Ajaxを駆使した超リッチUIで4コマ漫画が作れるサービス「Comeeko」:phpspot開発日誌
Comeeko - Creating comic strips from your photos Ajaxを駆使した超リッチUIで4コマ漫画が作れるサービス「Comeeko」 アカウントを作成する必要がありますが、これは1開発者として1回使ってみたいＵＩなので是非使ってみましょう。 尚、ＥメールアドレスのＶａｌｉｄａｔｅは必要ないようで、登録後、すぐつかえます。 「Create」タブを押して作成を開始。 1) 漫画のコマ数を決める 4コマ、と書きましたが、２〜９コマ漫画まで作成できます。 好きなレイアウトを選択したら、ページ下部の「Step 2 Adjust Layout」に移ります。 ここでは3コマにしてみました。 2) 漫画の枠線のボーダーの色、幅などを決める Ajaxによってリアルタイム反映なので、ＵＩ的に非常に便利なものとなっています。 3) 元画像のアップロード or Flick
【ハウツー】PHP版Ruby on Rails? - symfony (1) RoRを踏襲したPHPフレームワーク - symfony | エンタープライズ | マイコミジャーナル
どの言語にも共通して言えることだが、特に、PHPを用いたWebアプリケーション開発の場合、その記述の自由さから、デベロッパは似たようなコードを何度も書いてしまう傾向がある。似たようなコードが多くあるソースは他のデベロッパから何をしているのかわかりづらいし、のちのちの保守にも悪い影響が出てしまう。 こんな状況を減らす手段として、デベロッパはフレームワークを有効につかい、開発・保守ともにかかる時間を少しでも減らしたい効率よく開発をおこないたい。ここではお手軽に試せてすぐにWebアプリケーションを作成することができてしまうPHPフレームワーク、symfonyを紹介する。 symfony teamは1日(フランス時間)、symfony 1.0.0rc2をリリースした。symfonyはsymfony teamによって開発され、The MIT Licenseのもとで公開されているオープンソースソフトウ
ASP.NET AJAX ファーストルック ― ＠IT
－ASP.NETアプリケーションをプログラミングなしでAjax化－ デジタルアドバンテージ 遠藤 孝信 2007/02/10 ASP.NET AJAXは、ASP.NETでAjax技術を利用するためのフレームワークです。ASP.NET AJAXを使えば、ASP.NETで構築したWebアプリケーションを簡単にAjax化でき、操作性の良いユーザー・インターフェイスを容易に実現できます。 本稿では、インストールから主な機能のプログラミングまで、ASP.NET AJAXについての概要を紹介します。 AjaxそしてASP.NET AJAXの必要性 通常、Webアプリケーションへのアクセスは次のような流れにより行われます。 ユーザーの入力 → サーバへ送信 → サーバでの処理 → サーバからの応答 → ページ全体の更新 この流れにおいてしばしば不満とされるのは、ページ全体が更新されるまでユーザーは待たな
Ajax、PDA、自然言語――なぜあのとき失敗したのか
ソフト開発に関して言えば、Googleのアダム・ボスワース氏はスピードを必要としている。 「物理学、スピード、心理学：ソフトウェアで何がうまくいき、何がうまくいかないのか。それはなぜか」と題された講演の中で、Google副社長のボスワース氏は、Ajax、PDA、自然言語などの技術がなぜ過去にははやらなかったのに、今成功しているのかを語った。同氏は1月29日、Google NYC Speaker Seriesの一環としてGoogleオフィスで講演を行った。 ボスワース氏は、これまで約30年間ソフトを構築してきたが、常に「そのすべてがうまくいくわけではない」と述べた。「その理由は、振り返ってみると、主に物理的要素と人間心理によることが分かった」。同氏はまた、「その多くはトム・クルーズと関係がある」と語り、映画「トップガン」のトム・クルーズの台詞「I feel the need, the nee
Ajax/CSS/PHP等のチュートリアルまとめ:phpspot開発日誌
Tutorials Round-Up: Ajax, CSS, PHP and More | Smashing Magazine Ajax/CSS/PHP等のチュートリアルまとめが公開されてます。 英文のサイトは本当にチュートリアルが充実していますね。 Ajax AJAX Desktop Tutorial AJAX Matters Blog Ajax RSS reader AJAX Tutorial Ajax: What is it Good For? → 続きを読む CSS Advanced CSS Layouts: Step by Step Beginner’s guide from a seasoned CSS designer CSS Advanced Guide CSS and HTML examples and tutorials by Ove Klykken CSS Basic
MSがAjax開発支援ソフト群を正式リリース，Visual Studioで利用可能
米Microsoftは1月24日（米国時間で1月23日），Ajax（Asynchronous JavaScript＋XML）開発フレームワーク「ASP.NET AJAX 1.0」を正式にリリースした。同社Webサイトから無償でダウンロードできる。 ASP.NET AJAXは，Webサーバー側で多くを処理する形態を採る従来のASP.NETを拡張して，より多くの処理をクライアント側で実行するAjaxクライアントの開発を支援するソフトウエア群。Visual Studio 2005およびVisual Web Developer 2005 Express Editionで利用できる。1.0版は，(1)クライアント側で動作するJavaScriptのライブラリ「Microsoft AJAX Library」，(2)ASP.NETを拡張するコントロール集「ASP.NET 2.0 AJAX Extensio
Microsoft，Ajaxアプリ開発フレームワーク「ASP.NET AJAX 1.0」を無償提供開始
Microsoft，Ajaxアプリ開発フレームワーク「ASP.NET AJAX 1.0」を無償提供開始 米Microsoftは，Ajax（Asynchronous JavaScript＋XML）アプリケーション構築用フレームワークの正式版「ASP.NET AJAX 1.0」（開発コード名は「Atlas」）を公開した。同社Webプラットフォーム＆ツール・チームのアーキテクトであるNikhil Kothari氏が米国時間1月23日，自身のブログへの投稿で明らかにしたもの。同フレームワークは，Webサイトから無償でダウンロードできる。 ASP.NET AJAX 1.0は，MicrosoftのWebアプリケーション開発環境「ASP.NET 2.0」向けフレームワーク。アプリケーション開発環境の「Visual Studio 2005」にも対応している。ソフトウエア部品を再利用することで，複雑なスクリ
第12回 Ajaxを利用したサイトで違和感を覚えることがある
「Ajax」という言葉は，2005年2月に情報アーキテクトであるJesse James Garrett氏が「Ajax: A New Approach to Web Applications」という記事の中で初めて使ったと言われています。それから2年近くが経って，すっかりこの言葉やそれが表すテクニックも一般的になった気がします。 今や，単にページの一部の書き換えや，ちょっとしたデータの送信にAjaxのテクニックを利用しているページは珍しくありません。サーバーとのデータのやり取りの多くに，JavaScriptを利用した非同期通信を行って，メールやカレンダー，ワープロなどのオフィス・ツールなど，まるでスタンドアロン・アプリケーションのような見た目を実現しているサイトも少なくありません。 筆者が，JavaScriptを使ってページの遷移をほとんど行わないインタフェースを初めて「意識的に」体験したの
フォームの入力値をリアルタイムにバリデーション「Realtime validation」:phpspot開発日誌
Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2
最速配信研究会 - Web2.0とC10Kに関する数々の誤解
Web2.0 = Ajax/Cometなの？とかプロセスIDは今でも16ビットなの？とかはサテオキ、 個々のクライアントがサーバに要求する処理量は小さなものでハードウェアの性能上は問題がなくても、あまりにもクライアントの数が多くなるとサーバがパンクする――。これが最近Web開発者の間で話題となっている「C10K問題」（クライアント1万台問題）だ。 AjaxやCometなどのクライアント側技術に伴うサーバ側の問題に関していろいろ誤解があるようなので,書いておきたい.きっとlingrの中の人はこの記事読んでニヤニヤしてるはず. 以下、記事にないことも書いてあるのでそのつもりで. 誤解その1 AjaxによるWebアプリの台頭でサーバ側の負荷が増大する Ajaxの典型的な使い方はサーバに問い合わせてページの一部分だけを 変化させるというモノだ.これはページ全体を書き換える従来の方法と違い, すでに
Collection & Copy - Deferred、遅延リソースのインターフェース、パターン
JavaScript setTimeoutで実行される関数の中で発生するエラーは、セットした部分のtry/catchで補足することはできません。 function throwError(){ throw new Error('ERROR'); } try{ setTimeout(throwError, 3000); } catch(e){ // ここには到達しない alert(e); } MochiKit.Async.Deferredを使うと、エラーバックでエラーを補足できます。 callLater(3, throwError).addErrback(function(e){ alert(e); }); エラーの補足以外にも、Deferredのインターフェースから以下が行えます。 キャンセル(cancel)状態(fired)コールバックの追加(addCallback)エラーバックの追加
Deferred、結果値の保存、非同期にインターフェースを合わせる - FAX
JavaScript はじめてMochiKit.Async.DeferredのJSON取得のサンプルコードを見たとき、「いつ取得の処理が開始されるのか」、「なぜ、はじめにコールバックを渡さなくてよいのか」という疑問が起きました。ベルトコンベアで流れ作業を行うときに、作業者が並ぶ前に、材料を投入してラインを始動してしまっているような感覚です。そのサンプルコードは、以下のようなものです。 var deferred = loadJSONDoc('http://sample.com/data.json'); deferred.addCallback(function(data){ alert(data); // JSONデータが渡される }); MochiKit.Async.Deferredの最初のテストコードでは、ハンドラをセットして、コールバックして、その後に再度ハンドラをセットするテストが
Adobe提供のAjaxフレームワーク「Spry」のサンプル集:phpspot開発日誌
Spry Samples In this section, we provide samples that feature small examples of a specific behavior in the Spry Framework. Adobe提供のAjaxフレームワーク「Spry」のサンプル集。 あまりSpryに関する情報は無かったように思いますが、こうしたサンプルが沢山用意されていると親しみやすいものですね。 Auto Suggest Sample XML をツリー表示 動的ページングサンプル 関連ページ prototype.js逆引きサンプル集 scriptaculous逆引きサンプル集
TAKESAKO @ Yet another Cybozu Labs: Web2.0時代のAjax Binary Hacks
※公開用にいくつか手を加えてあります 前フリが長いとのツッコミがありましたので、今回の発表内容を少し要約してみたいと思います。 1. GIF Format Hacks (Server side) まずは、任意のpixelサイズ（幅・高さ）を持った画像ファイルを固定長の35byteで出力する方法 #!/usr/bin/perl use strict; use warnings; sub create_gif { my $size = pack "S2", @_; return "GIF89a$size\xf0\x00\x00\x00\x00\x00\xff\xff\xff," . "\x00\x00\x00\x00\x01\x00\x01\x00\x00\x02\x02L\x01\x00;"; } print "Content-Length: 35\n"; print "Content-Ty
Ajax - LITBox(Lightbox風ダイアログ表示ライブラリ)の一歩先行く使い方｜アークウェブのブログ
SEの竹村です。 Lightboxという画像のサムネイルをクリックすると同じ画面上で拡大画像を表示できるJavaScriptのライブラリがあります。Lightboxについては、以下の公式ページのほかに、様々なブログに評価や応用例が掲載されているので検索してみてください。 Lightbox JS http://www.huddletogether.com/projects/lightbox/ 同じように、リンクをクリックすると同一画面上でBOXが開き、HTMLを表示するライブラリがあります。それが今回取り上げる LITBox です。 Ryan J Lowe’s Dev Blog ? Blog Archive ? LITBox http://www.ryanjlowe.com/?p=9# これは、URLを与えると非同期でデータを取ってきて、BOX内に表示するものです。 その他の基本的な使い方に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
http://youmos.com/news/adobe_spry.html
IBM Rails を使って Web アプリケーションに Ajax を組み込む - Japan
JSONを使ってAJAXベースのアプリケーションを高速化する：CodeZine
デスクトップアプリ風Ajaxを多様したドキュメント管理システム「OpenKM」:phpspot開発日誌