液晶テレビやパソコン、スマートフォンなど、ディスプレイは私たちが使っている家電などで毎日目にするものです。そしてそれらを購入するうえでひとつのポイントとなるのが「コントラスト比」ではないでしょうか。しかし、「コントラスト比」という言葉を耳にするが実際のところはよくわからないという方も多くいらっしゃると思います。 今回は、ディスプレイのコントラスト比とはどういったものなのかを解説いたします。 コント……
バナーという言葉を聞いたことがありますか？バナー（英表記：banner）をそのまま訳すと「旗」や「幕」という意味を指すのですが、実はインターネットを使っている方ならば１日に何回も目にしていることがあります。 インターネットを使っていると、画面の右側や下側にそのページには関係ない別のページへのリンクが貼られていることがあります。そしてそのリンクにはよく「画像」や「アイコン」が使われているでしょう。こ……
「グラフ」を作成したいときに利用されることが多いのが「エクセル」です。エクセルはビジネスシーンでもプライベートでも利用できる便利なアプリケーションです。しかし、今はエクセルを使わずにグラフを作成できるサイトやツールがたくさんあります。 今回は、エクセルを使わずともグラフを簡単に作成することができる、さまざまなサイトをご紹介します。 エクセルなしでグラフを作成できるサイト・ツール １. Google……
Webサイトのデザインで近年主流なのは「パララックス」を用いたデザインです。縦長のサイトでスクロールするに従って様々な要素が移動するようなサイトを見たことはありませんか？ パララックスは立体的で動きのある表現としてポピュラーなデザイン手法です。 今回は、そんなパララックスの説明と、うまく取り入れているサイト例をいくつかご紹介します。 パララックスとは？ パララックスとは、視差効果のことです。 複数……
Webサイトにおいて、サイドバーは必要でしょうか？ 情報交換をとても重要視している業界ですから、サイドバーが流行してスタンダードな手法となったのはある意味必然といえば必然です。ですが、サイドバーはつまるところただのリンク集でしか無く、補足的な情報を入れておく程度の場所です。 これを言い切ることで私を嫌いにならないで欲しいのですが、UXデザイナーはサイドバーに頼りすぎなのです。 例えばUXデザイナー……
今回は、正規表現における否定条件の記述方法と否定先読みについて説明します。 否定的先読みとは ?! で始まる正規表現を括弧 () で括ることにより、指定した文字列を含まないという条件（否定的先読み）でマッチングを行うことができます。また、否定的先読みの前後に別のパターンをつなげて記述することも可能です。 否定的先読みを使用した例 下記の例では否定的先読み（?!～）の前後に文頭を示す ^ と文末を示……
正規表現で文字列のある部分だけ置換を行い、他の部分は変更しない場合は「部分置換」使用します。今回は、部分置換の方法について説明します。部分置換を適用する場合ところで、なぜ通常の置換ではなく部分置換が必要になるのでしょうか。たとえば、携帯電話の先頭3桁を090から080に置換する場合を考えてみましょう。番号の途中や末尾に090が含まれている数字の場合、単純に090から080へ置換を行うと置換したい場……
正規表現で数字を表現する方法はいくつかあります。今回は、数字を表す正規表現の記述方法について説明します。 範囲を指定：[] 正規表現では複数の対象を指定する場合に [] で囲みます。数字の0から9の内いずれかを対象とする場合は [0123456789] と記述することができます。これを省略して [0-9] と記述することもできます。正規表現では文字と文字の間にマイナス「-」を入れることにより範囲を……
インターネット広告界隈で頻繁に耳にする「CPC（Cost Per Click、コスト・パー・クリック）」。「クリック課金型（Pay Per Click）広告」に用いられる主な指標のひとつです。 ちなみにクリック課金型広告とは、画像バナーやテキストによる広告１クリックにつき広告料金が発生する広告システムのことです。 今回は、「CPC」の意味や基本的な特徴についてご紹介します。 「CPC（Cost P……
コンピュータ上で改行を表す場合はキャリッジリターン（CR）やラインフィード（LF）、またはこれらの組み合わせなどの制御文字と呼ばれる特殊な文字が使用されています。 しかし、テキストファイルにどの改行コードが使用されているのかは端末の種類やアプリケーションにより異なることがあるので注意が必要です。 今回は、正規表現で改行を指定する場合の方法について説明します。 改行を表す正規表現 正規表現ではキャリ……