手描き風のイラストはかわいらしさや温かみ、親しみやすさを演出するときにはぴったりですが、たくさんありすぎてどこから探し始めていいのかわかりません。また、イラストはイラストでも、お仕事では使いにくいクセのあるようなものもあり、選ぶのに時間がかかります。今回はお仕事でも使いやすく、無料で、商用利用も可能なイラストがダウンロードできるサイトを紹介します。どのサイトでも基本的にjpgまたはpng形式のイラ……
<map>タグはイメージマップ（クリッカブルマップ）と呼ばれる、画像上にリンクの領域を作成する際に使用するタグです。今回は、HTML5における<map>タグの使い方をご紹介します。HTML5における<map>タグの使い方イメージマップには、2種類あり、ブラウザに依存する「クライアントサイド・イメージマップ」と、ブラウザに依存しない「サーバーサイド・イメージマップ……
<label>タグは、ラベルと呼ばれる項目名と、フォームの各部品を関連付けることで、使いやすくするためのタグです。今回は、HTML5における<label>タグの使い方をご紹介します。HTML5における＜label＞タグの使い方<label>要素はフォームの部品に使う要素ですが、直接フォームの部品になるものではないので必ず必要なものではありません。ですが、ユーザー……
<li>要素は、リストの項目を記述する際に使用するための要素になります。「li」とは「list item」の略です。今回はHTML5における<li>タグの使い方についてご紹介します。HTML5における<li>タグの使い方<li>要素は、リストの項目を記述するための要素なので、<ul>や<ol>のリスト構造タグの、項目の設定のた……
<main>タグは、文書内で主要なコンテンツであることと表すために使用するタグです。今回は、HTML5における<main>タグの使い方についてご説明します。HTML5における<main>タグの使い方<main>要素はHTML5で新しくできた要素です。使い方の原則として、１つのHTML文書内に、１つしか設置することができません。使い方は、<bod……
配列やハッシュの要素に対して１つずつ処理したいことがあります。Rubyにはこのようなときに便利な map, map! というメソッドが用意されています。 map, map! メソッドとは map は、配列の要素の数だけブロック内の処理を繰り返し、結果として作成された配列を返します。map は元の値に対して影響を与えないのに対し、 map! は元の値を書き換えます。また、Rubyには collect……
複数の機器をBluetoothでつなぎ操作できるドイツ製の新感覚インターフェース「NUIMO」。去年Kickstarterで発表された新感覚のリモコンデバイスですが、主にスマートホーム内での連携ができることで注目されました。 このNUIMOですが、IoT界隈のスマートデバイスのみならず、PCのインターフェースとしての利用も考慮されており、数々のデザインツールとの連携を発表しています。 NUIMOと……
「Webサイトのデザイン変更」と聞くと、「コンバージョンと新規顧客が増えることを期待して、サイトの見た目をがらりと変えること」だと捉える人は多いのではないでしょうか？ しかし、数多くのデザイン変更へのユーザーフィードバックを見てみると、実際はそういう取り組みはかえって逆効果で、新デザインが元のものより明らかに優れていたとしてもユーザーは変更を嫌うものだということが分かってきました。デザインの変更（……
今回はRubyで時刻の情報を取得する方法について紹介します。Rubyで日付や時刻の情報を取り扱う場合は、組み込みクラスであるTime クラスを使用します。 Timeクラス Timeクラスは時刻を取り扱うクラスでオペレーティングシステムの時刻を取得します。システム依存なので、実行する環境によって取得できる時刻が異なるので注意してください。 現在の日時を取得する 現在の時刻を取得する場合は、Time.……