Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

エクセルで小数点以下を切り捨てるINT関数の使い方

整数だと思っていたけれど、Excelの計算上では小数点を含む数字として処理・計算されてしまい、意図した計算結果が表示されないと困ったことはありませんか? その場合はExcelに対して、「対象の数字は整数である」と認識させる必要があります。 そこで今回は、小数を含む数字に対して整数扱いを適用できるINT関数をご紹介します。 INT関数の意味 INTとは「整数型」という意味を持つ言葉です。Excelに……

投稿日:

エクセルで数字に対応する文字列を表示するCHOOSE関数の使い方

「月曜日」を「1」、「火曜日」を「2」……といった具合に、アンケート調査や書き込みの段階ではデータを数字で管理していることが往々にしてあります。調査協力者の回答しやすさを考慮すると、この時点では良い手法だと考えられます。 しかし、データの整理・分析する段階になると、「数字」のまま閲覧するよりも「実際の意味や値」のまま表示されている方が便利です。 このように「元々数字と紐付けていた値」や「数字、番号……

投稿日:

コードエディターBracketsとは  ダウンロード方法と基本操作

BracketsはAdobeが提供する、無料のオープンソースコードエディターです。HTML、CSS、JavaScript等の言語を扱うことができ、操作も容易なので初心者にもおすすめです。また、拡張機能が豊富で、HTML、CSS、JavaScript以外のシンタックスハイライトにも対応しているので、上級者になっても機能が不十分になることはないでしょう。 今回はダウンロードの仕方から初歩的な部分までを……

投稿日:

Bracketsでおすすめしたい便利なプラグインまとめ

Bracketsでは、豊富なプラグインを導入することで機能を拡張して、自分好みにカスタマイズすることができます。便利なプラグインが沢山あるので、より効率よく進めるためにどんどん活用することをおすすめします。 今回はプラグインの導入の仕方と、便利なプラグインをいくつかご紹介します。 Bracketsの豊富なプラグイン Bracketsはオープンソースのコードエディターなので、日々新機能や機能拡張の開……

投稿日:

Webフォントとは? マスターしたい基本の使い方まとめ

Webフォントとは、インターネット上にたくさん存在するフォントを、Webサイト上で表示する技術です。数あるフォントから適切なフォントを選ぶことができるので、Webサイトのデザインの幅が一気に広がります。日本語対応が少なかったことから、国内ではあまり注目されることのなかったWebフォントですが、実はとても簡単に使うことができます。今回は入門編として、Google fontsを例に使い方をご紹介します……

投稿日:

サンプルで初心者にもわかりやすいBracketsの使い方

BracketsとはAdobeが提供する、HTML、CSS、JavaScript用のコードソースエディタです。無料で使えて導入も簡単に行えるので、初心者の方にも触れやすいソフトです。拡張性に優れているので、慣れてきた頃に機能を増やす事も可能です。今回はBracketsについて、簡単なサンプルとともに基本的な使い方をご紹介します。 Bracketsの始め方 Brackets こちらのサイトからダウン……

投稿日:

Photoshopで画像にキラキラした加工をする方法

Photoshopでは、初期から入っているブラシだけでなく、好みのブラシを追加して使うことができます。インターネット上に、無料で使えるブラシファイルを配布している場所も多くあるため、特殊なブラシを使って様々な効果を加えることも可能です。 そこで今回は、キラキラしたブラシを使って、画像にキラキラした加工をする方法を紹介します。 ブラシファイルをダウンロードする まず、キラキラしたブラシをダウンロード……

投稿日:

Photoshopで簡単に画像を合成する方法

コラージュ画像など、複数の写真を組み合わせたい時は、Photoshopを使うと簡単に画像と画像を合成することができます。そこで今回はPhotoshopを使って、複数の画像を合成する手順をご紹介します。 Photoshopで簡単に画像を合成する方法 まず、合成したい画像を用意します。今回はAのイチゴの写真とBのテクスチャを用意しました。BにAを合成したいと思います。 新規ファイルに合成したい画像を……

投稿日:

Photoshopでレイヤーを回転させる方法

Photoshopのレイヤーとは、何層も重ねていくことができる、透明なフィルムのようなものです。画像やオブジェクトなどは、このレイヤーの上に配置してあつかいます。そのため画像やイラストを描画したあとで、回転をしたい場合は、そのオブジェクトが乗っているレイヤーを回転させることが必要です。 今回は、レイヤーを回転させる方法をご紹介します。 Photoshopでレイヤーを回転させる方法 Photosho……

投稿日:

Photoshopでレイヤーを上下左右に反転させる方法

Photoshopでは、主にレイヤーと呼ばれる透明なフィルムのようなものを使って作業を行っていきます。レイヤー同士は階層構造になっており、階層の1番上にあるレイヤーが、1番前に表示されているはずです。また、レイヤーそのものを自由に加工することができます。 そこで今回は、レイヤーを上下左右に反転させる方法をご紹介します。 Photoshopでレイヤーを上下左右に反転させる方法 Photoshopから……

投稿日: