Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

Microsoft Wordで目次を自動的に作成する方法

文書が何十ページにも及ぶと、最初に目次を付ける必要が出てきますが、自分で目次を作るのは少々面倒です。Wordには、そのような時に便利な自動的に目次を作成してくれる機能があります。目次機能を使用するのに必要な見出しの準備目次機能を使用するのに際し、文章の中であらかじめ目次に使用するための見出しを設定しておく必要があります。1. 見出しにする行をクリックし、カーソルを移動します。対象となる行であれば、……

投稿日:

Microsoft Wordで背景に透かし文字を挿入する方法

仕事をしていると、ビジネス文書でよくある「コピー厳禁」や「社外秘」などの文字を薄く背景に表示させたい場面があるかと思います。今回はこのような場面で便利なWordの「透かし文字」機能を紹介していきたいと思います。透かし文字の設定方法1. 「デザイン」→「透かし」をクリックします。2. 「ユーザー設定の透かし」をクリックします。3. 「テキスト」をクリックした後、「言語」、「テキスト」(入力したい単語……

投稿日:

イラストレーターで徐々に透明になるグラデーションを作る方法

Adobe Illustrator CCで徐々に透明になるグラデーションを作る方法をご紹介します。通常のグラデーションを作成して、それに不透明マスクをかけることによって簡単に作ることができます。通常のグラデーションの作成グラデーションをかけたい画像を準備し、同じサイズのオブジェクトを作成します。※作成したオブジェクトは分かりやすいように線に色をつけていますが、グラデーション作成時には線はなしでかま……

投稿日:

イラストレーターのグラデーションツールの基本的な使い方

Adobe Illustrator CCのグラデーションツールの使い方を紹介します。グラデーションツールは直感的にグラデーションを描くことができるので、とても便利です。線形・円形の両方のグラデーションを書く方法をお伝えします。線形のグラデーションを書く方法グラデーションをかけたいオブジェクトを選択し、「グラデーションツール」をクリックします。オブジェクトの中心点でダブルクリックします。グラデーショ……

投稿日:

新人Webデザイナーが知っておくべきWebデザイン専門用語30選

Web業界に入ってまず苦戦するのが専門用語の多さです。これからWebデザイナーとしてお仕事をする新社会人の方は、こうした専門用語を入社前にきちんと覚えておくと良いスタートを切れるのではないでしょうか。そこで今回は、新人のWebデザイナーが知っておきたい専門用語をご紹介します。すでに聞いたことのある用語でも、なんとなくのニュアンスで使っていないかチェックしてみてくださいね。概念UI「ユーザーインター……

投稿日:

デザインに迷ったらこれ!デザイナー向けの便利なWebサイト・サービス10選

配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。Coolors[caption id="attachment_21930" align="aligncenter……

投稿日:

Rubyでnil判定をする方法

今回はRubyでnil判定をする方法について解説します。nilRubyにおいてnilとはなにも存在していない状態です。オブジェクトの中身やオブジェクト自体がnilかどうか判定するときに使えるメソッドnil?、empty?が標準で用意されています。Ruby on Railsでは他にもnilの判定に使う便利なメソッドがあります。nil?nil?ではレシーバがnilの場合、trueを返し、nil以外のと……

投稿日:

Rubyで文字列を比較する方法:eql?, equal?, ==, ===

今回はRubyにおける文字列の比較について解説します。文字列の比較Rubyで文字列を比較する時はeql?、equal?、==、===を使用します。ではどう使い分ければ良いのでしょうか。eql?eql?は同値性を比較します。文字列の内容が変わらなければtrueを返します。主にハッシュ内でのキーが同一かどうかの判断に用いられます。例:milk = "milk" puts milk.eql?("mil……

投稿日:

【Ruby入門】Rubyのハッシュの使い方:Hash

今回はRubyのハッシュの使い方を解説します。ハッシュハッシュとは連想配列とも呼ばれ、複数のオブジェクトを一括で管理するためのオブジェクトです。配列では1つ1つの要素にオブジェクトが代入されていましたが、ハッシュでは値とキーの2つのオブジェクトが代入されています。キーを指定することで、それに対応する値を取り出すことができます。Rubyではハッシュクラスが用意されています。ハッシュの生成Rubyでハ……

投稿日:

今更聞けないPhotoshopテクニックまとめ

Photoshopには非常にたくさんの機能とその組み合わせが存在します。その中から、幾つかのテクニックや操作方法を紹介しながら、スマートフォンのアプリで急速に流行したトイカメラで撮影したような写真を作っていってみようと思います。下の画像が完成形です。今更聞けないphotoshopテクニックまとめ編集したい画像を開きます。これが上の猫の画像の初期の状態です。新規調整レイヤー初めて知った時、なんて便利……

投稿日: