色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万色という色が存在します。デザイナーは、その中からパターンを組み合わせ、最適なものを選択しなければなりません。 しかし、デザインには意味がある以上、そこにはルールが存在します。そのルールに沿って配色することで、デザイナーは正しい選択ができます。 今回は、配色を行うために知っておくべき、知識やルールを解説したいと思います。 色の色相環と虹 配色と自然の関係 色相、彩度、明度 色調（トーン） 色の役割分担 色の意味 色を選んでみる まとめ 参考文献 1.色の色相環と虹 色の相関を表すのに「色相環」というも

2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 カテゴリ： PCツール タグ：エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に！プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ

2012年 05月 22日 JavaScriptのテスト駆動開発（TDD）に関して、QUnitを使って勉強してみた。 #jsdokusho カテゴリ： jQuery タグ：javascriptjsdokusho こんにちは、YAT（@yat8823jp）です。5/19のjsdokushoという勉強会に参加してきました。 今回は「JavaScriptのテストに関する勉強会」と言うお題だったのですが、普段より人数が多かったのでグループ単位でワークショップ形式で行い、それぞれのグループごとに別々のフレームワークに関して仕様や使い方を調べると言うやり方で進めました。 1.テストとは 2.Qunitの仕様について 3.実際に触ってみる 4.クリックイベントで確かめてみる 5.最後に 1.テストとは 僕が入ったグループはQUnitと呼ばれるフレームワークを調べることになりました。QUnitはjQuer

最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W

2011年 05月 24日 ECサイトを成功に導くプロセスをUSTREAM配信番組「大なごや」にて語ってきました。そのまとめ #daiNagoyaWeb カテゴリ： EC 交流 タグ：EC 前々から番組を視聴していたのですが、以前大阪で開催されたPHPカンファレンスに名古屋から参加されたきよっちさん(@kiyotch)とお話ししている際に今度出ますという約束の元、今回のトークが実現しました。 そもそもきよっちさんとは以前からツイッターで相互フォローしていて色々お話をしている間柄なのですが、彼はECのシステムを構築する事を仕事にしており、一方私はECサイトをデザインをメインに制作・運営をしているという関係から、番組でトークをすれば面白いんじゃないの？という事を構想しました。 ですので今回のトークは僕ときよっちさんを中心としたトークになりました。 大なごや今回参加メンバーの紹介 きよっちさん（