MOONGIFT: » GUIのようなWebアプリケーションを構築「Rialto」:オープンソースを毎日紹介
最近の流行はやはりWebアプリケーションだ。特にWeb OSをはじめとして、まるでGUIアプリケーションのようなインタフェースを実現したものが増えている。 あのようなアプリケーションを作るのは非常に手間がかかることだろう。だが、そのためのツールキットも登場している。これを使えば簡単に優れたインタフェース、操作性を実現できる。 今回紹介するオープンソース・ソフトウェアはRialto、各種言語に対応したWeb用GUIツールキットだ。 RialtoはまるでGUIアプリケーションさながらのコンポーネントが提供している。ツリーメニュー、ドラッグで動かせるウィンドウ、フレーム、タブメニュー、グリッド、カレンダー等だ。 ウィンドウ一つにしても、平行、垂直にしか動かせないようにしたり、グリッドを表示したりと細かく制御できる。これらのライブラリがPHP、.NET、Python、JSF、Taglib、GWT向
Pure CSS menus
Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,
Firefox3のオレオレ警告 | 水無月ばけらのえび日記
……なんと「そのままアクセスする」とか「一時的に受け入れる」とかいう選択肢がありません。そのかわり「例外として扱うこともできます」という謎のリンクがあります。クリックすると、「例外を追加」というボタンが現れます。 「インターネット接続環境を完全には信頼できない場合や、これまでこのサーバではこの警告が表示されなかった場合は、このサイトを例外として追加しないでください。」という注意書きが。そして例外に追加しようとすると、だめ押しの一撃。 「本物の銀行、ショップ、その他公共サイトがこの操作を求めることはありません。」太字で断言ですよ。これは気持ち良い! ここまでされると、本物サイトをオレオレ証明書で運用するのもかなり抵抗が出てくるでしょう。 ※興味本位で一時的にアクセスしてみたりするのがやりにくくなりますが……。まあ、一般の人はそんなことをする必要がありませんしね。 「Firefox3のオレオレ
メタデータによる“右脳の補完”で進む「ネットとリアルの融合」
ウェブブラウザが登場した1994年。その頃と同じ、あるいはそれ以上の興奮が、世界を席巻しようとしている。「右脳的インターネットの世界」が、すぐそこにまで近づいてきているためだ。 これまで、そのほとんどが論理的思考を軸とした左脳的役割に終始していたパソコンの世界。さまざまな企業が家電製品とパソコンの融合を試みてきたが、結果として成功している事例はほとんどない。米Appleの最高経営責任者（CEO）であるSteve Jobs氏の言葉を借りると、「パソコンはテレビの代用にはならない。テレビを見る時は頭をOFFにしているからだ」ということであろう。 インターネットも例外ではなく、ネットとリアルという対極同士が、今ひとつ融合という意味合いにおいてしっくりこなかったのは、左脳的役割に偏ったネットの特性が、その大きな理由のひとつだったことは間違いない。 ではなぜ、ネットは右脳的役割を果たすことができなか
検索条件の入力画面で配慮したいインターフェース例 (ユーザビリティ実践メモ)
ユーザに2つの選択方法を提示することが、かえってユーザを適切でない行動に導いてしまうこともあります。今回は検索条件の入力画面を用いて、その一例をご紹介します。 図1のような画面構成で、 チェックボックスを選んでから選択ボタンをクリックすると、チェックボックスがOnとなっている駅名で検索を実行（=複数選択が可能）青字下線をクリックすると、その駅名のみで検索を実行という機能になっていたとします。 この際に行ったユーザビリティ調査では、渋谷か新宿か池袋であればどこでも構わない、といったような複数の選択肢を持つニーズが多く見られたにも関わらず、青字下線のリンクを最初にクリックするケースが度々観察されました。� この画面構成の場合、チェックボックスよりも青字下線リンクの方がアフォーダンスが高いため、多くのユーザは頭に思い浮かんだ駅名をページ内で見つけると、次のアクションとして青字下線リンクをクリック
Alertbox: ページ内リンクの使用は避けよう（2006年2月21日）
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2
Microsoftは、もうPCの夢を見せてはくれないのか - 山田祥平のRe:config.sys
■山田祥平のRe:config.sys■ Microsoftは、もうPCの夢を見せてはくれないのか マイクロソフトがマガジンハウスと協業、人気雑誌のバックナンバーを無料で閲覧できるサービスとして「MSN マガジンサーチ」を開始した。雑誌のレイアウトそのままで閲覧できるほか、豆粒大の文字で書かれた写真キャプションにいたるまでの全文検索ができる点がセールスポイントだ。 ●雑誌を丸ごと全部読める サービス開始に伴って公開される雑誌は「Tarzan」と「Hanako」で、6月上旬には「クロワッサン」が加わることになっている。マガジンハウスでは、2007年10月以降発売の雑誌について、記事の二次使用に関する契約を著作者等と締結するようにし、こうしたサービスの実現を目指してきた。したがって、現時点では、2007年10月以降に発売されたバックナンバーが公開され、この原稿の執筆時には2008年4月発売分ま
YouTubeに「吹き出し」追加機能
米Google傘下のYouTubeは6月4日、ビデオ編集機能「Video Annotations」をβ公開した。ユーザーは、自分のビデオクリップに自由に「吹き出し」やメモなどを追加し、コメントや注釈を表示させることができる。 また、ほかのビデオクリップへのリンクを表示して視聴者をそちらに誘導することで、「続き」を選ばせるタイプのビデオクリップを作ることも可能になった。 ユーザーは、自分のアカウントからビデオクリップをアップロードし、そのビデオの再生中に右側に表示される「Edit Annotations」ボタンをクリックすることで「吹き出し」やメモの編集ができる。画面上の好きな場所に、好きなタイミングで表示させることができる。
Flashと比べた時のAjaxの利点 - outsider reflex
Latest topics > Flashと比べた時のAjaxの利点 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « サークルクラッシャーに引っかかることについて：女のすることをやたらと恋愛に結び付けてしまうことについて Main サークルクラッシャーに引っかかることについて：恋愛してよい空気とそうでない空気の差が分からないことについて » Flashと比べた時のAjaxの利点 - Apr 21, 2006 Ajaxが貧乏臭い件というエントリで、アプリケーションを作り込む立場の視点からAjax懐疑論が書かれている。関連エントリのFlashに代わるものにおいてFlashの利点・優れているところがまとめられているので、それも併せて読んだ上で。 確かに
suVeneのあれ: [usability]うざい！めんどい！果てしなくうっとおしい！
2006年11月02日 [usability]うざい！めんどい！果てしなくうっとおしい！ 追記1: 2006/11/03 22:45 いや、何がってアレですよ。 ITPro とか、CNet とかのページ分け！ こーいうの(CNet)とか こーいうの(ITPro)ですよ！！！！！！ 2ページとか、3ページをチョロチョロ区切らんと、、、 1ページにせんかー！ と思う訳です。 んで、常に戦ってる訳ですよ。 え、どんな風に戦ってるかって？ こんな風にですよ！！！ 地道に、ブクマするときに「ページ分けが読みにくい！」と不満をぶつける訳ですよ！ ITPro なんかは、ブクマ数表示してるくらいだから、きっと見てるはず！ そしてこの声が、一人、また一人と増えてきて、ユーザビリティについて考慮するようになり、いずれ 1ページにしてくれるか、オートページャーのような機能が追加される事を期待して活動してるんです
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
RSSリーダーが一般人に使われないのは「自由度」と「用語」と「見せ方(宣伝文句)」だけの問題 - キャズムを超えろ！
「RSSリーダーってなぁ一般人には受けねぇんじゃね？」という趣旨のエントリーが話題になっている。激しく同意する部分もありつつ、家電の企画者としては『見せ方が悪いだけじゃないか？』と思う。こういったPC系、テック系アプリに共通するのが"自由度が高すぎる"という点。自分で好きなフィードを登録できたりするところなんかがまさにその典型。DoCoMoのiチャネルみたく、ユーザーのできることを制限し、1点にフォーカスしてマーケティング，プロモーションすれば響く人達は結構いるとおもうのだ。例えば... 面白ニュースを毎日自動的にみつけてきてくれる待ち受けiアプリ 実際は2,3の面白ニュース系フィードが登録されているだけ。何十とあるニュースサイトのリストから選ぶとか、好きなニュースサイトのフィードを追加する、なんてファンクションは"敢えて" "勇気を出して" 削る。 「ビジネス」「エンタメ」「スポーツ」の
第5回 気分の問題 | WIRED VISION
第5回 気分の問題 2007年7月27日 IT コメント： トラックバック (0) 何かのよしあしを判断する場合、実際の価値よりも気分の方が問題になることが多いものです。買おうとする自動車が安全かどうか判断しようとする場合、安全度を示す各種の数値も大事ですが、なんとなく感じられる車体の安全感の方が重視されるでしょう。飛行機事故に逢う確率よりも自動車事故に逢う確率の方がはるかに高くても、地上の方が安心感があるので飛行機の方が怖がられるものです。何かを買う場合、実際の値段よりも割安感が重視されることが多いようです。1杯1000円のコーヒーは高すぎると感じるでしょうが、パソコンが1万円ならば安いと感じられます。このように、実際の数値よりも気分の方が重要に感じられることは多いといえるでしょう。 セキュリティシステムの場合も安心感が重要です。ギザギザの多い鍵はいかにも安全そうに見えますし、記号を羅列
善行をするコミュニティ Etsy は、ユニークな商品を作り、売り買いして、コレクションするために人々が集まるグローバルオンラインマーケットです。また、スモールビジネス、人々や地球のためにできる改善を推進するコミュニティでもあります。 2020 年の Etsy での購入がスモールビジネスの収益に貢献した総額は、$40 億米ドル近くに上ります。 Etys ではグローバルおよび地域レベルで、クリエイティブな起業家の利益となったり、スモールビジネスの成長や活性化に繋がる政策のアドボカシー活動を行っています。 持続可能な将来へのコミットメントにより深く関わり、2030 年までにネットゼロ排出量を目指す新たな目標に向けて活動しています。 独立したクリエイターを支援しましょう Etsy は倉庫をもっていません。愛しているものを販売している何百万もの人がいるだけです。Etsy では取引の過程を簡略化し、あ
submit ボタン disable 技の罠 - naoyaのはてなダイアリー
昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。 罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良いのですが、このとき <input type="submit" name="foo" value="bar">としていて、foo=bar という値が渡ってくることを期待し、それを内部の処理に使っていると嫌な目に逢う、という話です。先のやり方では input 要素が disable になって GET なり POST なりされるので、押したボタンに対応するパラメータが渡ってこない、というわけです。一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo Developer Network
tha ltd.
http://zerobase.jp/blog/entry-372.html
ライブドアブログ｜無料で豊富な機能が充実
25 Code Snippets for Web Designers (Part2)