Blog
ブログで学ぶUX

【UXの迷信】アイコンがあればユーザビリティは向上する?

アイコンのみのUIでは記憶に残りにくく、非効率な場合が多いということを多くの研究者が証明しています。MicrosoftのOutlookのツールバーが良い例です。昔のアイコンだけのツールバーはユーザビリティが低く、アイコンそのものや位置を変えても大して改善されませんでした。しかしアイコンの横に文字ラベルを付けると状況は好転しました。ユーザビリティの問題はすぐに改善され、ツールバーのユーザーも増えたの……

投稿日:

Pythonで辞書のリストを要素でソートする

今回はPythonの辞書を要素でソートする方法について説明します。様々な方法がありますが、sorted 関数を使うことで簡単にできます。辞書のkeyのみをソートするsorted 関数は、引数に辞書を渡すとkeyのみをソートしたリストを返します。dic1 = {"banana":200, "apple":150, "orange":100, "melon":300} dic2 = sorted(di……

投稿日:

Pythonの if __name__ == “__main__” とは

Pythonのサンプルコードを見ていると、if __name__ == "__main__": という記述をよく目にします。このif文の条件式が何を意味しているかについて説明します。if __name__ == "main": とはif __name__ == __main__: が記述された Python ファイル(ここでは test.py とします)自体がスクリプトとして実行された際には、if……

投稿日:

Pythonのassert文の使い方

assert文は、プログラムのデバッグやテストを行う際に使われます。プログラム中の任意の場所で assert 文を使うことによって、プログラム実行時に変数が予期しない値をもった際などにプログラムを強制終了させることができます。基本的な使い方assert 文の記述方法は以下の通りです。assert 条件式, メッセージassert 文の基本的な使い方は、プログラムの任意の場所に「その場所で成立してい……

投稿日:

月や星などの宇宙・天体を扱っているフリー写真素材サイト

宇宙にまつわるデザインをするときや、皆既日食や、月食、火星の月面通過など、月にまつわるイベントについてブログを書くときなど、宇宙・天体の写真が欲しいようなときがあります。そんなときのために、今回は月の画像がフリーで手に入るサイトを紹介しようと思います。写真素材 足成こちらはアマチュアのカメラマンが撮影した写真をフリーで提供しているサイトです。商用利用可で、ユーザー情報の登録など面倒な手続きが不要だ……

投稿日:

Pythonの繰り返し:while文

他の言語と同様、Python にも繰り返しを実現するために for 文と while 文があります。ここでは Python における繰り返し文の while文について説明します。 while 文の使い方 Python における while 文の記述方法は以下の通りです。 while 条件式: 条件が真の間繰り返し実行する処理 条件式は if 文と同様に比較演算子、論理演算子を使って記述しま……

投稿日:

Webサイト作りに欠かせない無料写真素材サイト「写真AC」

WEBサイトの構築に欠かせないのが写真などの画像です。自分で撮影したりイラストを書いたりするほか、公開されているフリーの写真素材を使うこともあるでしょう。写真ACはそんな写真やイラストをダウンロードできる素材サイトです。素材サイトが多くある中でも素材数や種類などで有数の規模でしょう。写真ACに登録する利用には会員登録が必要です。必要なのはメールアドレスのみで、フリーのメールアドレスでもOKです。会……

投稿日:

Rubyのeachメソッドによる繰り返し

今回は Ruby の each メソッドの基本的な使い方について説明します。 each メソッドは配列、ハッシュ、範囲オブジェクトなど要素の数だけ処理を繰り返し実行します。 each メソッドeach メソッドの基本的な記述方法は以下の通りです。オブジェクト.each do |変数| 実行する処理 endまた、以下のようにも記述することができます。オブジェクト.each { |変数| 実行……

投稿日:

Rubyのcase文による条件分岐

Rubyにはある変数の値によって処理を分岐させる case 文があります。case 文は C言語や Java言語にある Switch 文と似た構造をもちます。 case 文の使い方 case 文の記述方法は以下の通りです。 case 比較対象となる値 when 値1 # オブジェクトが値1と一致したときに実行する処理 when 値2 # オブジェクトが値2と一致したときに実行する処理 ……

投稿日:

JavaScriptでチェックボックスの選択状態を取得する

ここでは、JavaScript でチェックボックスがチェックされているかどうかを判定する方法について説明します。チェックボックスの状態を取得するためには、input 要素オブジェクトの checked プロパティを使います。 チェックボックスに同じ name 属性が付与されている場合 ひとまとまりのチェックボックスに対して同じ name 属性が与えられている場合、name 属性を使って各チェックボ……

投稿日: