CSSについて調べたときに「-webkit-」や「-moz-」などを見かけたことがありませんか。この「-webkit-」などのことを「ベンダープレフィックス」といいます。 この記事ではCSS3を扱う上で理解しておくべき、ベンダープレフィックスについて紹介します。 ベンダープレフィックスとは ベンダープレフィックスは、CSSのプロパティや値の前に記述する識別子です。ブラウザでサポートされていない独自……
ユーザーはデザインを見たいのではなく、コンテンツを求めてサイトにアクセスします。Web UI Patterns 2016 Vol. 1で説明した通り、デザインは直感的で分かりやすくコンテンツを表示するための手段にすぎません。 この記事では、Webにおける12通りのレイアウトのパターンを実際の例や良い実践方法、共通のシナリオを通して見ていきます。 1. カード 2. グリッド 3. マガジン ……
Excelで、ある範囲内の数値の個数をカウントするには「COUNT関数」を使用します。 その際に、何かしら条件を１つ設定した上でカウントを実行する関数もあります。例えば、複数の商品売上データ（商品A〜商品D）において「商品Aだけ」の売上個数を求めるケースなどが考えられます。 このように、１つの条件を敷いてカウントを実行する関数として「COUNTIF関数」があります。今回はCOUNTIF関数の使……
APIとはアプリケーションプログラミングインタフェース（Application Programming Interface）の略称です。ソフトウェアの一部を公開し、他のソフトウェアと機能を共有できるようにしたインターフェースのことを言います。APIの中でも、Webによる通信を介したものをWEB APIと呼びます。では実際に使うにはどうすればよいのでしょうか？ 今回はWEB APIを使用したいという……
データを2者の間でのやり取りする時には、第3者からデータを盗まれないようにするため、セキュリティが欠かせません。そこで、データを送る際に暗号化を使うのですが、暗号化する「鍵」として、現在インターネットでは秘密鍵・公開鍵という仕組みが多くの暗号化に使われています。私達の情報を守ってくれてるシステムの、意外と知られていない仕組みをわかりやすく解説します。 秘密鍵暗号方式と公開鍵暗号方式 秘密鍵と公開鍵……
整数だと思っていたけれど、Excelの計算上では小数点を含む数字として処理・計算されてしまい、意図した計算結果が表示されないと困ったことはありませんか？ その場合はExcelに対して、「対象の数字は整数である」と認識させる必要があります。 そこで今回は、小数を含む数字に対して整数扱いを適用できるINT関数をご紹介します。 INT関数の意味 INTとは「整数型」という意味を持つ言葉です。Exce……
「月曜日」を「１」、「火曜日」を「２」……といった具合に、アンケート調査や書き込みの段階ではデータを数字で管理していることが往々にしてあります。調査協力者の回答しやすさを考慮すると、この時点では良い手法だと考えられます。 しかし、データの整理・分析する段階になると、「数字」のまま閲覧するよりも「実際の意味や値」のまま表示されている方が便利です。 このように「元々数字と紐付けていた値」や「数字、……
UXデザイナーたちの仕事は、多忙を極めています。調査、設計、依頼主とのやり取り、チームでの作業などの仕事をしていると、資料を作成する時間はほぼ残されていないと言えます。 それでは、資料を完璧にすることは時間の無駄でしょうか？ そうである面も、そうでない面もあります。それは資料の「目的」と「有用性」によるでしょう。 一般的な資料、例えば文書として記録を残すという目的しか持たないものは、雑多すぎて無意……
BracketsはAdobeが提供する、無料のオープンソースコードエディターです。HTML、CSS、JavaScript等の言語を扱うことができ、操作も容易なので初心者にもおすすめです。また、拡張機能が豊富で、HTML、CSS、JavaScript以外のシンタックスハイライトにも対応しているので、上級者になっても機能が不十分になることはないでしょう。 今回はダウンロードの仕方から初歩的な部分までを……
Bracketsでは、豊富なプラグインを導入することで機能を拡張して、自分好みにカスタマイズすることができます。便利なプラグインが沢山あるので、より効率よく進めるためにどんどん活用することをおすすめします。 今回はプラグインの導入の仕方と、便利なプラグインをいくつかご紹介します。 Bracketsの豊富なプラグイン Bracketsはオープンソースのコードエディターなので、日々新機能や機能拡張の開……