ソシオメディア | @IT連載：ウェブアプリケーションのユーザーインターフェース
@ITの人気連載「ウェブアプリケーションのユーザーインターフェース」。GUI の基礎的な概念の確認から、ハイパーメディアに適したデザイン、設計プロセスについてのメソッド、各種UIコントロールを利用する際に考慮すべきルールなどを順を追って解説しています。（執筆：上野） 第1回：ユーザーにとっては “ユーザーインターフェイス” こそが製品そのもの 第2回：ユーザーが選びやすいフォームのカタチを考えよう 第3回：UCD＝利用者中心設計のプロセスとは？ 第4回：お金を下ろせないATMの画面デザインを考える 第5回：入力情報を預かる責任を果たせる画面デザインとは？ 第6回：「戻る」で入力データが消えてしまうフォームはいらない 第7回：すでに入り口にいるのに、ホームに導くボタンは親切か 第8回：ユーザーが間違えても間違えずともエラーは回避せよ 最終回：売りたいなら、“販売” でなく “購入” ツールを
「モーダル」と「モードレス」 | Accessible & Usable
公開日 : 2009年10月20日 (2020年8月30日 更新) カテゴリー : ユーザビリティ ユーザーインターフェース (UI) デザインの専門用語に「モーダル (modal)」と「モードレス (modeless)」という言葉があります。Web サイトの UI を設計するうえで、おさえておきたいキーワードだと思いますので、簡単に触れたいと思います。 「モーダル」「モードレス」とは？ ユーザーインターフェース設計のコンサルティング会社、ソシオメディアさんの用語紹介 (グロッサリー) によると、「モーダル」「モードレス」はそれぞれ下記のように定義されています。 モードがある状態。つまり、システムが特定の機能の使用に制限された状態。ユーザーが自由に操作を行えなくなることと、モード別に機能の意味や振る舞いが変化することから、ユーザーインターフェースのデザインでは、できる限りモードを設けないほ
E4X の変数展開 深追い (1) - てっく煮ブログ
javascript, asE4X の変数展開が E4Xで変数展開、テンプレート - 素人がプログラミングを勉強するブログ で取り上げられていた。 var foo=123; <>変数fooは{foo}です。.toString(); // "変数fooは123です。" ほー。仕様書ではE4XのリテラルXMLでの式評価 - 0x廃棄階層 - 統治局 によると、仕様書には次のようなコードがあるらしい。 var tagname = "name"; var attributename = "id"; var attributevalue = 5; var content = "Fred"; var x = {tagname} {attributename}={attributevalue}>{content}{tagname}>; // Fred タグ名にも属性名にも属性の値にもタグの中身にも使える
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
マイミクのページから直接「足あと」を消せる、グリースモンキー - IT戦記
はじめに mixi の足あと機能がパワーアップしましたね！ 「足あと」の機能改善においては、ページデザインのリニューアルと同時に、「マイミクシィ」（友人）の表示に加えて、これまで足あとページでは分からなかった「マイミクシィのマイミクシィ」（友人の友人）についても、アイコンが表示されるようになりました。これらの機能改善により、自分のページを訪れたユーザーとのつながりが、今まで以上に分かりやすくなります。 また、新機能「自分の足あと」の提供により、自分が訪問した先(プロフィールや日記など)のユーザーのニックネームを、時系列で最大30件表示いたします。なお、意図しないユーザーのページへ訪問してしまったときのために、相手の足あとページから自分の足あとを削除できる機能*1を追加しています。 株式会社ミクシィ どうやら 自分の足あとを削除できるようになったみたいですね！ ただ この機能、便利なんですけ
E4XのDOM変換 - hogehoge @teramako
昨日(JavaScript中でのHTML表現にE4Xを提案してみる)の続き コメントでくれたid:piro_orさんのサンプル function xmlToDom(xml, xmlns) { var doc = (new DOMParser).parseFromString( '<root xmlns="' + xmlns + '">' + xml.toXMLString() + "</root>", "application/xml"); var imported = document.importNode(doc.documentElement, true); var range = document.createRange(); range.selectNodeContents(imported); var fragment = range.extractContents(); ra
JavaScript中でのHTML表現にE4Xを提案してみる - hogehoge @teramako
javascript中でのHTML表現。 - aolog E4X使っちゃダメなんかな。XMLそのままなので冗長といえば冗長だが、標準化されていて使いやすいと思う。ただ、使える環境がモダンなブラウザに限定されてしまうので一般的なJavaScriptには使えないかもしれない。 環境が満たされるなら独自フォーマットよりE4Xの方が楽が出来るんじゃないかな。 var html = <div id="outer" style="width:100px; height:100px; color: #FFFFFF"> <a href="http://google.com">google</a> </div>; 文字列化したいなら XML.prettyPrinting = false; //おまじない(toString時に綺麗にフォーマットするか否か var str = html.toString();
FirefoxのE4XはXPathより便利？ - bits and bytes
つい最近FirefoxのXMLオブジェクトがすごく便利なのを知りました。そして、そのXMLオブジェクトサポートのことをE4X(ECMAScript for XML)と呼んでいたというのを今知りました.... E4Xについては ECMAScript for XML (E4X) 仕様邦訳 を翻訳された nanto_viさんが書かれている E4X in Firefox が詳しいです。 しょせんはさっきE4Xがなんなのかを知った程度なのでちゃんとしたことは他のページを参照していただくことにして、11.2 左辺式 に書かれているアクセサと選別述語演算子でXPathと同じようなことができて、それがXPath以上に便利なところがありますよ、というはなしだけ書こうと思います。 E4XについてECMAScript for XML (E4X) 仕様邦訳序文には このプログラミング言語拡張は、世界中のもっとも大
皮肉について
まず、言い訳から書く。 本来、この文章は一ヶ月前に書かれるべきものだった。 一ヶ月ほど前から、私は——たぶん神さまからだと思うんだけれど——この文章を書くようにうながされていた。 何度も何度もこのテーマを思い出させられ、 文章の順序、構成を考えさせられてきた。 文章をエディタで入力する前から、私は文章の全貌がどうなるかわかっていた。 でも、さまざまな都合により、入力する時間がとれず、 ついつい先延ばしになってきたのだ。 きっと誰か——私の知らない誰か——に向けてこの文章は書かれているのだと思う。 この文章は皮肉について書かれていて、 例によって、もっともらしくて優等生風の文章です。 けれども私は、この文章を特定の人に向けて書いているわけではない。 この文章を読んで「結城さんは私にあてこすりをしているのだ」と思わないでください。 私はこの文章をただ書いている。 というか、書かされているのであ
ショートコーディング « JavaScript « 葉
「ショートコーディング（short coding）」とは、より少ない文字で処理を記述することを指し、結果として同じ処理を記述するためにタイプするキーが少なくなります。その一方で、文字数を減らすためにどのような処理を表現しているのか分かりにくくなる、つまり難読化を招くため、批判する向きもあります。 しかし、インタプリタ言語であるJavaScript（ECMAScript）の場合、文字数を削減するということはコードの読み込み時間が短縮できることを意味し、結果としてページの読み込み開始からJavaScriptの実行開始までの時間が短縮できることになります。 このページは、JavaScriptの主なショートコーディングをまとめたものです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Modeless and Modal