先日、ついに「Adobe Experience Design CC (Preview)」（以下、Adobe XD）が公開されました。 以前からAdobe初の”UXデザイン”に特化したアプリケーションとして話題になっていた「Adobe XD」ですが、一体何ができるのでしょうか？ 実際に使ってみながらご紹介します。 デザインとプロトタイピングの行き来ができる デザインソフト「Sketch」や、プロトタ……
今回はRubyでのコメントの書き方を解説していきます。コメントコメントはコードを読み解く際、とても重要なものとなります。長いコードになればなるほど、逐一コードを読んで理解するには、コメントが必要となります。特に、複数の人数でコーディングをするときには、コメントが必須です。コメントの書き方Rubyにおけるコメントの書き方は以下のようになります。#コメント「#」の後は行末までがコメントとなり、実行され……
今回はRubyのヒアドキュメントの使い方を解説します。ヒアドキュメントヒアドキュメントとは、行を区切りとする文字列リテラルのことです。識別子「<<」を使って文字列を区切ります。実際にコードを書いてみたほうがわかりやすいので、書いてみましょう。puts <<milkman hello!! i am milkman!! i like milk. milkman……
今見ているページを構成しているものはHTMLという文書の構成を決定する言語と、CSSというデザインを決定する言語です。HTMLだけでも基本的なレイアウトは可能ですが、かなりシンプルなページになります。CSSと組み合わせることにより、デザイン性が豊かなWebページを制作することができます。今回はHTMLとCSSの基礎を紹介したいと思います。HTMLの基礎枠HTMLの基本の型は以下のようになります。&……
Johnは目が不自由です。Webサイトを閲覧したい時はスクリーンリーダーなどの音声ブラウザを使って、コンテンツを耳で聞いています。ニューヨークタイムズの記事を読むとき、文脈を補足する画像も同じくリーダーに頼ることになりますが、その場合、画像にalt属性の代替文字列が用意されているものに限られてしまいます。WCAG2.0は現在のWebアクセシビリティのガイドラインですが、文字でないコンテンツ全てにa……
HTMLやJavaScriptのコーディングを行うときどんなエディタを使うか迷ってしまいませんか？それぞれのエディタに善し悪しがあり、自分に合うエディタでコーディングを行うことにより、作業の効率が数段上がったりします。今回はオススメのエディタを7つご紹介します。sublime texthttps://www.sublimetext.com/3軽量でカスタマイズ可能なテキストエディタです。特徴的なの……
今回はRubyにおける変数と定数の使い方について解説します。変数変数とは、名前をつけて一時的に数字や文字などのデータを記憶しておく格納庫のようなものです。変数には種類があり、それぞれ、ローカル変数、インスタンス変数、クラス変数、グローバル変数、定数があります。Rubyではこれらの変数の見分け方を変数名の先頭の文字を読み、種類の判断をしています。それぞれの変数を詳しく見てみましょう。ローカル変数ロー……
Rubyでは外部ライブラリを読み込む機能があります。今回は外部ライブラリを読み込むためのrequireメソッドについて解説します。requirerequireメソッドは外部のRubyファイルを読み込むためのメソッドです。Rubyではこの関数を使うことによって、外部のRubyファイルを読み込み、実行することができます。例えば、以下のようなファイルがあります。--lib.rb-- puts "Hel……
ユーザーにストレスなくより良いユーザー体験を提供するためには、細部のUIデザインにも気をつけなければいけません。今回はこれだけは押さえておきたいUIデザインを紹介します。1. エラー時は問題の解決方法も載せるたとえば、ネットワークエラー時などには「ネットワークに接続できませんでした」と表示するだけでなく、「ネットワークに接続できませんでした。Wi-fiの設定を確認のうえ、もう一度お試しください」と……
誰もが一度は要求の高い、気難しいクライアントに出くわしたことがあるのではないでしょうか？ 納品のたびに緊張させられるタイプのクライアントです。私は最近、大手衣料メーカーであるクイックシルバーのアプリ企画とデザインを担当したのですが、そこでまさにこれを経験しました。非常に難易度の高いプロジェクトで、国内外のたくさんのステークホルダーを巻き込むようなものでした。この経験や他のプロジェクトでの経験から、……