ユーザーや読者から落書きや手書きのデータを集めたい、というときに使えそうな画期的なライブラリ。 簡単なスクリプトを仕込むだけで、マウスでぐりぐり描いたデータを投稿させることができます。 ↑ こんな感じです。 アイディア次第でかなり面白いことができるのでは。チュートリアルおよび使い方の詳細は以下のサイトをご覧ください。 » – The simplest draw editor to your forms
Ext File Upload Form Widget Example by Saki リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ 「Add」でファイルを選んで↑ボタンでファイルをその画面上でアップロードしてくれます。 現状では、ダウンロードリンクやバックエンドプログラムのダウンロードリンクはないので手動で解析する必要がありそうですが、なかなかこれはカッコいいですね。 関連エントリ FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」 SWFUpload アップロードの進捗を表示しつつアップロードするサンプル
Apollo改めAIRプログラミング入門(1) AIRアプリはドラッグ&ドロップでこんなことまで! クラスメソッド 横田聡 2007/7/12 2007年6月11日、Adobe AIR(Adobe Integrated Runtime)の公開ベータ版がAdobe Labsのサイトよりリリースされました。いままでApolloというコードネームでしたが、今後AIRという名前になります。 編集部注:今回より、連載「Apolloプログラミング入門」は本連載「Apollo改めAIRプログラミング入門」にリニューアルしました。この連載をより深く理解するためには、連載「Apolloプログラミング入門」も併せてご覧ください。 連載中に新しいバージョンが出ましたので、AIRベータ版の新機能をご紹介しようと思います。今回は、ドラッグ&ドロップに注目して2つのサンプルを作成します。 デスクトップとドラッグ&ドロ
FlashはHTMLやJava、PHPなどと同じWebの技術ではあるが、デザイン的な要素も入れられることもあって、プログラマの領域とはちょっと違う雰囲気を持っている。 これが使いこなせれば、今までにないサービスの提供も考えられる。この技術を使ってFlash操作を習得しよう。 今回紹介するオープンソース・ソフトウェアはAflax、JavaScriptでFlashを操作できるソフトウェアだ。 Flash8ではExternalInterfaceを利用してJavaScriptと連携できるが、これをさらに進めてAction Scriptをライブラリ化し、JavaScriptから操作できるようにしたのがAflaxだ。 ビジュアル的なグラフを描いたり、絵を動かしたりといった操作も簡単にできる。それらはFlashを意識する事無く、JavaScriptのコードによって生成される。 多数のサンプルが同梱されて
Railsは使っている内に、もはやRails以外でプログラムをしたくなくなる位の魅力がある。MVCの仕組みといい、O/Rマッピングといい、Migrationといい…そこかしこに魅力が溢れている。 そんなRailsがさらに魅力的になるライブラリがこれだ。Rubyの壁をこえ、JavaScript上でDB操作が可能になる。 今回紹介するオープンソース・ソフトウェアはJester、RESTによるDB操作を行うJavaScriptライブラリだ。 単純に言うと、JesterはXMLベースでWebサーバにリクエストを行う。その結果をXMLベースで受け取り、JavaScriptのクラスにしてくれる。操作はRESTで行われ、データ取得系はGET、作成処理はPOST、更新処理がPUT、削除処理がDELETEとなっている。 操作だけを考えると、Railsに限ったものではない。他の言語でもインタフェースを用意すれ
JavaScriptの利用可能範囲の拡大が止まらない。Webブラウザのみならず、ローカルでDBに接続したり、サーバサイドで動作するものもある。しかし、一点足りないものがあった。それがGUIだ。 一般ユーザがJavaScriptにさらに親しめるもの、それが必要だ。さらにOS間を越えて動作できればベストではないだろうか。 今回紹介するオープンソース・ソフトウェアはwxJavaScript、クロスプラットフォームに対応したJavaScript向けGUIツールキットだ。 wxJavaScriptはwxWidgetsのJavaScript版を目指して開発されている。ライブラリも多数あり、DB(MySQLやSQLite)接続はもちろん、ファイルの読み書き、そしてGUIアプリケーションを開発する事もできる。 wxJavaScriptはJavaScriptエンジンとして、SpiderMonkeyが利用され
ユーザビリティの専門家がいるに越したことはない。しかし、規模の小さいデザインチームであれば、デザイナー自身がユーザテストをはじめとするユーザビリティ業務を行うことで得るところがある。 Should Designers and Developers Do Usability? by Jakob Nielsen on June 25, 2007 デザイナーや開発者がユーザビリティ業務を実施しても良いものか、それともユーザビリティの専門家に任せるべきか、という質問をセミナーなどでよく受ける。状況次第、というのがその答え。デザイナーや開発者がユーザビリティにまで手を広げることには、一長一短がある。 短所:専門性こそが成果を生む 何でも自分でこなそうとするジェネラリストよりも、スペシャリストの方が生産性が高い、というのはアダム・スミスの時代から言われてきたことで、ユーザ・エクスペリエンスの分野でも、
htsh - Google Code htsh is an http shell written with php and the jQuery javascript library (making extensive use of AJAX for better responsiveness). ブラウザ上で動作するHTTPシェル「htsh」。 ブラウザからサーバ上のコマンドを利用することが出来ます。 ブラウザ上でjQueryを使ったシェルを実装し、サーバ側ではphpによるシェルコードが実行される仕組みのようです。 デフォルトでは使えるコマンドも少ないですが、PHPでコードを記述してコマンドを増やすことが容易になってます。 ブラウザ上で手軽にシェル風操作をしたい際に使えそう。
AIRアプリにドラッグ&ドロップするためには、NativeDragEvent.NATIVE_DRAG_DROP についてイベントリスナ登録する必要があります。 そこで登録したイベントハンドラが呼ばれる際に引数として渡される NativeDragEvent インスタンスに transferable というプロパティ(TransferableDataインスタンス)があり、そこにドラッグしたデータの情報が全て格納されています。 せっかくなのでどういったものをドラッグすると、どういったデータが AIR に渡されるか調べてみました。 ■Firefoxで表示した Web ページのリンクテキストをドラッグした場合 1.TransferableFormats.URL_FORMAT リンク先URL 2.TransferableFormats.TEXT_FORMAT リンク先URL+テキスト ■Firefox
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
Windoo usage template Windoo demonstration and template usage pagemooToolsを使ったクールなウィンドウ作成ライブラリ「Windoo」。 次のようなクールなブラウザ内ウィンドウを作成することが出来ます。 作成できるウィンドウは、閉じたり、リサイズしたり、最大化などのウィンドウとしての機能は備えているようです。 コーディングもWindoo BuilderというWEBツールを使えば実装用のJavaScriptコードも簡単に作成することが出来ます。 ライブラリを配布する際にこういった仕組みがあるとより便利に使えますね。 カスタマイズできる部分が多いので色んな場面で使えそうです。
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 2007年06月20日- Ext.Accordion Widget Example by Saki This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page. JavaScriptライブラリExtを使った伸縮する
Build rich, single page applications Build rich, Single Page Applications using OO development, with no CSS or HTML required - Qooxdoo applications are cross platform, run on any browser or NodeJS, and can be coded in latest ES6 everywhere (including server and mobile) Versatile and powerful Qooxdoo offers a wide range of widgets and UI components, plus powerful server I/O communication. Extensive
デザイナーに恵まれたからと言って、ユーザビリティのプロセスが不要になるわけではない。リスクの軽減と質の向上には、ユーザテストをはじめとするユーザビリティ手法が欠かせない。 Myth of the Genius Designer by Jakob Nielsen on May 29, 2007 ユーザビリティに対する否定的な台詞をよく耳にする。“優秀なデザイナーを雇おう。そうすれば、ユーザテストのような厄介事を考える必要がなくなる。 良いデザイナーが、良いデザインをしてくれれば良いだけなのだから”と。 よく例に挙がるのは、Steve Jobsである。確かに、Jobsは偉大な製品を数々この世に送り出してきた。しかし、失敗作も実に多く、中でもNeXTコンピュータとMac Cubeが有名である。Macintoshでさえ、Adobeとデスクトップ・パブリッシングに間一髪のところで救われはしたものの、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く