HTML5における＜main＞タグの使い方
<main>タグは、文書内で主要なコンテンツであることと表すために使用するタグです。今回は、HTML5における<main>タグの使い方についてご説明します。HTML5における<main>タグの使い方<main>要素はHTML5で新しくできた要素です。使い方の原則として、１つのHTML文書内に、１つしか設置することができません。使い方は、<bod……
投稿日:
Blog
ブログで学ぶUX
Rubyのmap, map!メソッドの使い方
配列やハッシュの要素に対して１つずつ処理したいことがあります。Rubyにはこのようなときに便利な map, map! というメソッドが用意されています。 map, map! メソッドとは map は、配列の要素の数だけブロック内の処理を繰り返し、結果として作成された配列を返します。map は元の値に対して影響を与えないのに対し、 map! は元の値を書き換えます。また、Rubyには collect……
投稿日:
多様なツールと連携可能な次世代コントローラー「NUIMO」
複数の機器をBluetoothでつなぎ操作できるドイツ製の新感覚インターフェース「NUIMO」。去年Kickstarterで発表された新感覚のリモコンデバイスですが、主にスマートホーム内での連携ができることで注目されました。 このNUIMOですが、IoT界隈のスマートデバイスのみならず、PCのインターフェースとしての利用も考慮されており、数々のデザインツールとの連携を発表しています。 NUIMOと……
投稿日:
【UXの迷信】サイトのデザイン変更は定期的にすべき？
「Webサイトのデザイン変更」と聞くと、「コンバージョンと新規顧客が増えることを期待して、サイトの見た目をがらりと変えること」だと捉える人は多いのではないでしょうか？ しかし、数多くのデザイン変更へのユーザーフィードバックを見てみると、実際はそういう取り組みはかえって逆効果で、新デザインが元のものより明らかに優れていたとしてもユーザーは変更を嫌うものだということが分かってきました。デザインの変更（……
投稿日:
Rubyで日時の様々な情報を取得する：Time
今回はRubyで時刻の情報を取得する方法について紹介します。Rubyで日付や時刻の情報を取り扱う場合は、組み込みクラスであるTime クラスを使用します。 Timeクラス Timeクラスは時刻を取り扱うクラスでオペレーティングシステムの時刻を取得します。システム依存なので、実行する環境によって取得できる時刻が異なるので注意してください。 現在の日時を取得する 現在の時刻を取得する場合は、Time.……
投稿日:
ウェアラブルデバイスは私たちの生活を豊かにするか？
Thad Starner教授は、ウェアラブルデバイスは人類の進歩や記憶機能の拡張と改善、そして世界への理解と楽しみのために使用することができると考えています。しかし、誰もがそのように熱心に賛同しているわけではありません。ウェアラブルテクノロジーはまた、プライベートなデータを収集して、人々をリスト化された数値データへと変換することによって、人から匿名性と個人的特徴を奪うためにも使用することができます……
投稿日:
著作権表記の必要がないCC0のフリー写真素材サイト10選
プレゼン資料やブログ記事、印刷物などのデザイン案件などでフリー素材を探していて、いまいち気に入ったものが見つからず、やっと見つかったと思ったらクレジット表記など面倒なルールがあった、そんなことはありませんか？ そんなときにぜひ見てみていただきたい、著作権表示が必要ないCC0（パブリックドメイン）のフリー写真素材サイト10選をご紹介します。StokPicおしゃれな高画質画像がArchitecture……
投稿日:
HTMLにおける＜blockquote＞タグの使い方
今回は、HTML5における<blockquote>タグの使い方をご紹介します。<blockquote>タグは、引用タグの１つです。一般的なブラウザでは、<blockquote>要素は左右にインデントと呼ばれる空白が生成され、字下げがされた状態で表示されます。そのため、<blockquote>タグを利用することで、オリジナルの部分と引用の部分のセクショ……
投稿日:
HTML5における＜aside＞タグの使い方
今回は、HTML5における<aside>タグの使い方をご紹介します。<aside>タグは、補足や脚注、用語の説明などを含めたセクションに利用するタグです。本文の内容とは関係ないけど、書いておきたいことや、本文になくても問題のない広告なども、このセクションに含まれます。つまり、本文になくてはならない部分には<aside>タグは利用しません。HTML5における<……
投稿日: