携帯Flashの使いやすさを損なわない、携帯Flashサイトのユーザビリティ基礎（第10回） | モバイルサイト構築のユーザビリティいろは
jQuery UI Dialogを使う Google AJAX Libraries API編(jQuery UI 1.5.2) - monjudoh’s diary
jQueryだけでなくjQueryUIもGoogle AJAX Libraries APIで取ってこれるようですので、その使い方をば。 Google AJAX Libraries APIで取ってくるjQueryUIは、 UI Core・Core Interaction・Widgets・Effects全部入りです。 なので、当然前回言及したDialog・Draggable・Resizableも全部入っています。 とりあえずファイルを直で指定してみる。 <html> <head> <link rel="stylesheet" href="./flora/flora.all.css" type="text/css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jque
Route 477(2009-11-12)
■ [ruby] CSSのような概念を取り入れたJRuby用GUIライブラリ、Limelight LimelightはJRuby上で動くクロスプラットフォームなGUIライブラリだ。 詳細はチュートリアルを見て欲しいが、画面の定義(prop)と： backdrop :background_color => "black", :width => "100%", :height => "100%" do sample :width => 100, :height => 100, :background_color => "red", :text => "red" selection :id => "the_selection", :width => 300, :height => 300, :background_color => "gray" end 見た目の定義(style) を分けるのが面
jQuery UI Droppableに疑似的にdropする - monjudoh’s diary
jquery ui droppable とかを JSTAPd でテストするいい方法ないかなー。。。 http://twitter.com/Yappo/status/5416937057 これが気になったので、やってみた。 前提としてjQuery UIの各pluginはplugin用のオブジェクトを持っていて、 jQueryオブジェクトでのpluginメソッドの呼び出しは、 内部的にはplugin用のオブジェクトのメソッド呼び出しだというのがある。 例えば、$(someElement).dialog('open');というpluginメソッドの呼び出しは、 $(someElement).data('dialog')で取得出来るplugin用のオブジェクトのopenメソッドを呼ぶというのと等価、 つまり、$(someElement).dialog('open'); ＝ $(someElemen
エンジニア的発想は危険な気がしている - 矢野勉のはてな日記
雑談「エンジニア主導で作ると、動いたところで満足してしまう。『ちゃんと動いているから、あとは使う人が分かってくれるだろう』と、考えをストップするところがあった。本当は、動いたものを説明して分かってもらい、使ってもらうところまで来てやっと完成なのに」近藤社長「未熟だったと思う」 はてなが目指す“脱IT系” (1/2) - ITmedia News なんかね、私がコンピュータにはまったときに理想とされていたことから比べると、それでもまだ足りないと思っちゃったんです。 自分ができているかどうかは棚に上げて、理想とするところを考えてみる。目標がどこにあるかっていうのはすごく大事なことだと思うし、上記の発言は目標を吐露したものだと思うので。 私はMac OS Xが生まれる前の、漢字Talk 7とか作ってた頃のAppleの、Macintoshを買ってコンピュータの世界に没入しました。そのころのコンピ
iPhone最適化サイト構築 » Post Topic » jQTouchを使ってiPhone最適化サイトを作り込む
iPhone向けの最適化サイトを作る際に活用したいのがスライドするページ遷移やAjaxなどだろう。iPhoneに特化した機能だけに実装が若干面倒ではあるが、jQTouchを使えばごく手軽に実現できる。使い方にコツが必要ではあるが、iPhoneらしい優れたユーザビリティを実現したいならぜひとも導入したいライブラリだ。 格好いいインタフェース 元々シンプルなiPhoneインタフェースだったが、スキンにも対応してカラフルなサイト作りにも対応できるようになった。さらにインフォメーションページに対応し、Mac OSXのウィジェットのようにページ全体が回転して表示されるアクションもある。 機能は多数あるが、例えば画像の先読み機能やコールバックイベント、Ajaxの対応などが挙げられる。デザインもリストと数字を並べて表示したり、矢印をつけるなど細かな制御が可能になっている。都市を自由に追加できるワールドク
実際の操作を真似しながらiPhoneのテストを行う·UISpec MOONGIFT
UISpecはiPhone向けのオープンソース・ソフトウェア。開発したシステムにテストは付き物だ。今は開発者向けにテストフレームワークが各種揃っており、テストを自動化するのもそれほど難しいことではない。そう、ユニットテストについてはとても楽になったのではないだろうか。もう一つは実際の操作を伴うテストについてだ。 iPhoneの動作テストに これがなかなか難しい。実際の操作を行うにはエミュレータや実機が必要になる。iPhoneの実機テストなんて相当大変そうなイメージがあるだろう。だがUISpecを使えばその負荷が軽減できそうだ。UISpecはRSpecにインスパイアされて開発されたソフトウェアで、iPhoneエミュレータを実際に操作してテストを行うことができる。 デモがあるので試してみると分かりやすい。まるで人が操作しているかのようにスライドしたり、ボタンを押したりする。入力ももちろん可能だ
livedoor Techブログ : 第ニ回 ライブドア テクニカルセミナー・ログ
2009年9月25日（金）に開催されました 第2回 ライブドア テクニカルセミナー の発表資料と動画を公開致します。 まったく役に立たない力学シミュレーション（薬袋 貴志） データセンター移設は突然に（平井 壮） pixivのインフラを支える技術（上薗 竜太氏） ユビキタス時代のユーザインタフェース（増井 俊之氏） まったく役に立たない力学シミュレーション 株式会社ライブドア メディア事業部 薬袋 貴志（30分） 力学エンジン・3Dレンダリングエンジン等、とても便利で面白いオープンソースがある中、あえて自前で簡単な力学シミュレーションをやってみる。そして、自前ロジックと Box2Dと Papervision3Dとのハイブリッドデモ。 データセンター移設は突然に 株式会社ライブドア ネットワーク事業部 平井 壮（30分） part1 part2 2003.12 にデータセンターを移転
AndroidとiPhone両方対応するページ - PHP,MySQL,Flex,JSな日々＋イラストとか
ちょいとiPhoneとAndroid版のページを作ってます。 まだデバッグ終えてないけどこちら http://moeten.info/maidcafe/iphone.php それで気になった点とか便利だなぁって思った点があるのでメモ なにはともあれiuiを使うと便利 safariでデバッグ。開発ツール使用するとタグの閉じ忘れなど教えてくれる。 iuiの際、ajaxをしたい場合は普通にアンカータグでＯＫ 逆にajaxしたくない場合はアンカータグに「target="_self"」 ajaxで置換したい場合は「target="_replace"」 webkit拡張タグで3D回転は１個の軸のみ。xyzそれぞれに30度回転とかはダメっぽい。 Androidでgpsを使う場合はgears_init.jsが必要 そんな感じ。 safariでとりあえず確認して動けばそんなに問題ない感じです。 １冊しか持っ
まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌
まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなＵＩのＷＹＳＩＷＹＧエディター。jQueryプラグイン SPAW Editor ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ →デモページ TTW HT
Androidアプリケーション用インタフェースビルダー·DroidDraw MOONGIFT
国内でも徐々にではあるがAndroid向けのアプリケーション開発に注目が集まるようになってきた。そしてアプリケーションと言えば重要なのがインタフェースだ。機能的にどれだけ優れていたとしてもインタフェースが粗雑では全く売れることはないだろう。 Androidアプリケーションの画面設計に！ 逆に言えばインタフェースが優れていれば機能的に多少劣っていたとしても利用者は増えるかも知れない。そこで優れたインタフェースを手軽に構築できるDroidDrawを使ってみよう。 今回紹介するオープンソース・ソフトウェアはDroidDraw、Androidアプリケーション向けのインタフェースビルダーだ。 DroidDrawはWindows、Mac OSX、Linuxそれぞれに提供されるソフトウェアで、GUIを使ってAndroidアプリケーションのインタフェースを作成できる。ウィジェットとしてパーツが多数提供され
チェック必須！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ライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
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をオフにして利用されることをおすすめし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルサイト構築のユーザビリティいろは コーナーの記事一覧 | Web担当者Forum
jQT
IDEA * IDEA
Google Code Archive - Long-term storage for Google Code Project Hosting.
はてなブログ | 無料ブログを作成しよう
iPhone/iPod touch向けWebサイトの作り方を調べました | src.7438.com
Ext JS - JavaScript Library
