Shneiderman
B. Shneiderman の「８つの黄金律」 Shneiderma が述べた，良いユーザーインターフェースの設計のしかた。 １）操作・用語に一貫性を持たせる 似たような状況では，似た操作を要求する。 メニューでは同じ用語が同じような場所に表示され，システム全体のコマンド形式は統一する。 Mac の OS やソフト，Windows アプリケーション のメニューバーはファイルメニューがいずれも左端で，その中で新規作成が最上部，終了が最下部に位置し，ヘルプはメニューバーの右端にある。 また Windows で表示されるダイアログボックスは，ほとんどの場合，「OK」「キャンセル」「適用」などのボタンはダイアログボックスの右下に表示される。 ２）頻繁に使うユーザーのために近道を用意する 経験をつむと，ユーザーは対話の回数や入力の数を少なくするため，省略形，特殊キー，隠
Enter キーへの応答 - Web/DB プログラミング徹底解説
例えば、検索ボックスへ検索キーワードを入力してから検索を開始するときのことを考えてください。 検索キーワードを入力した後、「検索ボタン」 をクリックしないと検索が開始しない場合より、 Enter キーを押下することによっても検索が始まるほうが使い勝手がよいといえます。 簡単なハウツーものになりますが、この資料ではテキストボックスで Enter キーを押下したときにイベント処理を行う方法について書きます。 デモ ここで作るプログラムのデモです。下のテキストボックスに文字を入力し、Enter キーを押下または横の OK ボタンをクリックしてください。 OK ボタンをクリックしたときと同じ動作を、Enter キーを押下した時にも実行します。(ここでは単にポップアップメッセージを表示するだけです) テキストボックスへのイベントの設定 window のロードイベントにて、イベントハンドラを設定します
ユーザデザインブログ－本当の「使いやすさ」とは何かについて情報発信しています。
HCD-Netシンポジウム2009が「地域戦略と人間中心設計の新しい関係」をテーマに、5月28日（木）～29日（金）の日程で札幌で開催されます。 初日5月28日午後の「感性と人間中心設計」ワークショップには、私もパネラーとして末席に参加することになりました。最新の動向が分かる貴重な機会です。ぜひご参加ください。 テーマ： 地域戦略と人間中心設計の新しい関係 日時： 2009年5月28日（木）12:00～20:00 2009年5月29日（金）10:00～17:00 会場： 札幌市男女共同参画センター （JR札幌駅北口徒歩５分 札幌市北区北８条西３丁目札幌エルプラザ内） 主催： 特定非営利法人 人間中心設計推進機構 後援： 経済産業省 ヒューマンインタフェース学会 など 申し込みは下記人間中心設計推進機構のWebサイトから http://www.hcdnet.org/event
第1回 What is Ajax? - 今からでも遅くない Ajax基本のキ：ITpro
Web 2.0，Web API，リッチ・クライアント，SOA（サービス指向アーキテクチャ），アジャイル開発…などなど，相も変わらずWebアプリケーション開発の現場には，様々なキーワードが渦巻いています。現在その中でも特に注目されているのが，Ajax（Asynchronous JavaScript And XML）です。 Ajaxは，2005年2月にAdaptive Path社のJesse James Garrett氏が自身のコラム「Ajax: A New Approach to Web Applications」上で著したものが注目を浴び，記事や書籍などで紹介されたことから，急速に認知されるようになったキーワードです。筆者などは当時，「しょせんただのBuzzword（はやり言葉/空騒ぎ）だろう」と比較的冷ややかに思っていたものです。 しかし，その後1年を経て，いまだに衰える気配はありません
Eclipse 3.4 インストールと基本操作
Windows マシンで，Eclipse 3.4 のインストールと日本語化を行う手順を図解で説明します． さらに，Eclipse を使うときに欠かせないプロジェクトの作成，Eclipse でのクラスの定義と実行という基本操作の手順も図解で説明します．その他，Eclipse の設定やプラグインについても説明します． 【この Web ページの目次】 インストール前に，あらかじめ決めておく事項 Eclipse 3.4 インストール手順 環境設定と起動チェック 日本語化 Eclipse の基本操作 プラグインに関して インストール前に，あらかじめ決めておく事項 Eclipse インストールディレクトリと，Eclipse のワークスペースを置くディレクトリを決めておくこと． これらディレクトリは，好きに決めていいですが, Eclipse のワークスペースを置くディレクトリは，半角文字でスペースを含
CSS(スタイルシート) CSSでレイアウト書き方編
CSSでレイアウト 書き方編 CSSでレイアウトをしよう！ では早速スタイルシート（以下、CSS）をHTMLに適用させましょう。 CSSをHTMLに適用させる方法は、HTMLファイルの<head>内に指定内容を書き加える <style type="text/css"> <!-- .style1 {color: #FF00FF} --> </style> というように直接書き加えるタイプと、同じく<head>内に <link rel="stylesheet" href="ファイル名.css" type="text/css" /> とリンクしてCSSが書いてある外部ファイルを読み込むといった方法があります。 CSSを外部ファイルにまとめておく方が、ページ数の多いサイトのレイアウトの管理に便利です。 リンクの貼り方は<link rel="stylesheet" href="ファイル名.css"
＠IT：Java TIPS -- EclipseでJavaScriptを編集する
表を見てもお分かりのように、クライアントサイドスクリプトとサーバサイドアプリケーションとは決して相対するものではなく、相互に補完する存在なのです。 そこで本稿では、クライアントサイドスクリプトの中でも代表的なJavaScriptの記述を支援するプラグイン「JavaScript Editor」をご紹介することにしましょう。「JavaScript Editor」はJavaScript向けに作られたEclipse用のエディタで、JavaScriptの予約キーワードのハイライト表示を可能とするのみならず、アウトライン機能にも対応することで、コード全体の可視性を高めます。 操作手順 （1）「JavaScript Editor」プラグインを入手する 「JavaScript Editor」プラグインは、以下のサイトから入手することが可能です。その時々の最新安定版をダウンロードしてください。 ・http:
無料サービスを使え！ – 役立つ無料サービスのレビュー、まとめ、比較記事を紹介
コンテンツへスキップ 無料で使える！HubSpotの顧客リストの活用法 無料のアンケート作成ツール 比較／まとめ 無料「Excel」 テンプレート 比較／まとめ 無料で使えるノートアプリ比較 (Evernote / OneNote / Google Keep) おすすめの無料Web会議システム5選 WebP Converter 徹底解説！初心者でも直ぐに使える HubSpot は、マーケティング、セールス、サービスのためのCRM（Continue reading 多くの人の声を聞くことで改善できることも多い 企業や団体など運営していContinue reading 就職・転職には必須となる履歴書・職務経歴書 これから就職活動をスタートContinue reading 便利なノートアプリで効率的な仕事をしよう いつの時代も仕事をしていてメContinue reading 近年、リモートワーク
Flickr風スライドショーをJavaScriptで再現 (1/5)
Webサイトで写真画像をいかに美しく、魅力的に見せるか――。そう考えたときに参考になるのが、多くのユーザーが利用しているオンライン・フォトアルバムです。中でも、世界中のブロガーが愛用する「Flickr（フリッカー）」は、思わずため息をつくような美しい写真が大量にアップロードされている代表的なサービスです。 Flickrが多くのユーザーに支持されている理由は、コミュニティ機能の充実や外部利用のしやすさなどいくつもありますが、1つにはユーザーインターフェイス（UI）の美しさ、使い勝手のよさがあげられます。今回は、このFlickrのUIの一部を参考に、自分のWebサイトをブラッシュアップしてみましょう。 今回のお手本サイト：『Flickr』 米ヤフーが運営するオンライン・フォトアルバムサービス。特に他のユーザーが自由にコメントをつけたり、タグをつけて分類したりできるコミュニティ機能や、使い勝手の
やればできる卒論の書き方 第１部 論文の書き方
やればできる 卒業論文の書き方 中田 亨 2003年10月15日初版。2009年4月27日改訂 工学部の標準的な卒論の書き方について説明します。修士論文でも博士論文でも書き方は同じです。 第１部 卒論クイックスタート 卒論とは？ 他人の真似ではないアイデアが、 それが理論的に可能である理由、 やってみた証拠、 どんなふうに役に立つか、 とともに記述されている、組織立った文書。 卒論は習作であり、基準は甘い。対外発表論文では第１条が「他人のアイデアより明らかに優れたアイデア」と厳しくなる。 「新しい意味を伝えることが、命題の本質である。」（ウィトゲンシュタイン） 標準的な卒論の構成 題目： 説明的なタイトルを付ける。例えば「人体計測装置の研究」では舌足らずであり、「赤外線平行投影法を用いた人体計測装置」とか、「海中でも使用可能な人体計測装置」などがよい。（私の上司の金出武雄氏の方式）。 要約
画像をスクロールさせる jquery.scrollable.js | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
第三章 データを解析し表示しよう：JSONのデータを表示する
このデータを読み込み利用するにはdata = eval("("+データ+")")とすると変数dataにJSONで定義されたプロパティの値が入ります。例えば以下のようなJSONファイルがあるとします。 このデータを変数dataに読み込んだとします。userIDプロパティの値を読み出すにはdata.userIDと記述します。するとajaxの文字が返されます。同様にdata.userPWとするとxanaduの文字が返されます。単純にオブジェクト名.プロパティ名の記述で済みます。プロパティの値には関数なども定義することができます。これによりオブジェクト名.プロパティ名()として末尾にカッコを付加した場合にプロパティの内容＝関数が実行されます。つまりメソッドを定義したのと同じことになります。 それでは実際のデータを読み込み表示してみます。以下の商品名とそれに関するデータが記述されたJSONデータを読
Twitter API - TwitterまとめWiki
usy.jp Stuff usy.jp Stuff usy.jp Stuff https://newsmenk.com/wapdam/ https://newsmenk.com/bestwap-basswap/ https://newsmenk.com/moviesroot-moviesmoment-300mb-movies-web-series-download/ https://newsmenk.com/foumovies/ https://newsmenk.com/rdxhd/ https://newsmenk.com/bollyflix-bolly-flix-moviesflixpro/ https://newsmenk.com/filmygod-filmyhunk/ https://newsmenk.com/prmovies/ https://newsmenk.com/waptr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS/HTML色見本
[素材]矢印以外 - 矢印屋
次のページに情報を渡す方法 - JavaScript
『ＮＴＴドコモ情報大航海プロジェクトマイ・ライフ・アシストサービス概要』へのコメント
JavaScriptスライドショーサンプル集
l-ife.net - l ife リソースおよび情報