配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。Coolors[caption id="attachment_21930" align="aligncenter……
最先端で優れたプロダクトデザインの実現の鍵となるのがシンプルさです。しかし、シンプルさはよくミニマルさと混同されます。実際には、一見シンプルでミニマルな（最小限の）プロダクトUIが複雑性を隠し持っていることも多いのです。単純化を目的としたデザイン決定は、より多くの摩擦や認知的負荷を引き起こしやすく、より複雑なユーザーエクスペリエンスをもたらすことがあります。テキストラベルのないアイコンはわかりにく……
今回はRubyでnil判定をする方法について解説します。nilRubyにおいてnilとはなにも存在していない状態です。オブジェクトの中身やオブジェクト自体がnilかどうか判定するときに使えるメソッドnil?、empty?が標準で用意されています。Ruby on Railsでは他にもnilの判定に使う便利なメソッドがあります。nil?nil?ではレシーバがnilの場合、trueを返し、nil以外のと……
今回はRubyにおける文字列の比較について解説します。文字列の比較Rubyで文字列を比較する時はeql?、equal?、==、===を使用します。ではどう使い分ければ良いのでしょうか。eql?eql?は同値性を比較します。文字列の内容が変わらなければtrueを返します。主にハッシュ内でのキーが同一かどうかの判断に用いられます。例:milk = "milk" puts milk.eql?("mil……
今回はRubyのハッシュの使い方を解説します。ハッシュハッシュとは連想配列とも呼ばれ、複数のオブジェクトを一括で管理するためのオブジェクトです。配列では１つ１つの要素にオブジェクトが代入されていましたが、ハッシュでは値とキーの２つのオブジェクトが代入されています。キーを指定することで、それに対応する値を取り出すことができます。Rubyではハッシュクラスが用意されています。ハッシュの生成Rubyでハ……
Photoshopには非常にたくさんの機能とその組み合わせが存在します。その中から、幾つかのテクニックや操作方法を紹介しながら、スマートフォンのアプリで急速に流行したトイカメラで撮影したような写真を作っていってみようと思います。下の画像が完成形です。今更聞けないphotoshopテクニックまとめ編集したい画像を開きます。これが上の猫の画像の初期の状態です。新規調整レイヤー初めて知った時、なんて便利……
「アジェンダ」「コンセンサス」など、普段聞き慣れないカタカナ語がビジネスシーンでは使われることがあります。特にこの季節、入社したばかりの新入社員は意味が理解できず戸惑ってしまうことが多いようです。 そこで今回はビジネスシーンで使用されるカタカナ語をまとめてみました。 アサイン 仕事を割り当てる、任命するという意味で使われます。 アジェンダ やるべきことを事前にまとめたもののことです。……
「このアイデアはｷ･ｷ･ｷ･ｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━!!!!」 と、トイレにこもっていたあなたは革命的なアイデアをひらめきます。このアイデアを形にして世の中に出せば、世の中がガラッと変わる未来が見えると、あなたは興奮にふるえています。しかしながら、リーンスタートアップの思想を学んでいるあなたは、きっとこう思うでしょう。 「冷静になろう。このアイデアは思い込みかもしれないから、し……
Adobe Illustrator CCで文字列をアウトライン化をせずに、アピアランス機能を使用してグラデーションをかける方法をご紹介します。アピアランス機能を使用してグラデーションを適用する方法は、後から文字列の修正もできるためとても便利です。アウトライン化せずにアピアランス機能を使用するメリット通常、テキストはアウトライン化をしないとグラデーションをかけることができません。その為、グラデーショ……
この記事では、Adobe Illustrator CCでオブジェクトをグループ化する方法を解説しています。グループ化するとオブジェクトがひとまとまりになり便利ですが、個々のオブジェクトを編集したい場合はグループ選択ツールを使用して編集するととても便利です。また、グループ化・グループ化の解除をするにあたって注意する点もご紹介します。グループ化グループ化するグループ化したいオブジェクトを選択して、上部……