初心者向けのVue.js解説本。短いコードで作例多いので、初めての方でも真似して書いたら「あ！できた！」が体感しやすいと思います。図版も多く、視覚的にわかりやすいです。この本で一通り学んだ後、他のVue.js関連書籍にうつるといい流れで学習できそう。

『動かして学ぶ！Vue.js開発入門』を購入する

擬似要素を使ったセレクターの指定方法、メディアクエリーを使わないレスポンシブ対応方法、レイアウトやユーザビリティを考慮した制作技術など、多数のサンプルとともにCSSの解説している本。CSSの基礎を学んだあとに、さらに一歩進んだ表現を学びたいというときに活躍してくれます。

『今すぐ使えるCSSレシピブック』を購入する

写真やイラストを活かしたいなど、素材やコンテンツ量が少ない場合のアイデア集。「丸インパクト」「ナナメスタイリッシュ」「太枠にしてみる」などなど、270点の作例からちょっとした工夫で素敵な見栄えに変身させる方法を紹介しています。グラフィックデザインだけでなく、ニュースレターやLPのアイキャッチ制作に使えそうですね。

『あるあるデザイン』を購入する

同じテーマの作例のNG版とOK版を比較しながらデザインの改善点を学べ、フォントがデザインに与える影響力を感じられます。フォントと題していますが、配色やレイアウトの紹介もあり、デザインのスキルを総合的にアップできそうです。

『ほんとに、フォント。』を購入する

出版社さんからの頂き物です。ありがとうございます！「デザインシステム」について、AirbnbやTEDなど、5つの企業の調査から得られた、効果的な構築&運用の方法をまとめています。対談パートではアメリカとの制作の違いが紹介されていておもしろいです。

『Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド』を購入する

出版社さんからの頂き物です。ありがとうございます！以前紹介した「配色アイデア手帖 めくって見つける新しいデザインの本」の第二弾！日本の色や言葉を101項目のテーマと合計2597選の配色で紹介しています。和菓子や伝統模様、七十二候など、色以外の小ネタもたくさん。色見本として眺めるだけではなく、読み物として楽しめるコンテンツも揃っていて、見て楽しい、読んで楽しい一冊です。

『配色アイデア手帖 日本の美しい色と言葉』を購入する

「あの動きを実装したい！」を実現するためのJavaScript逆引きレシピ集。基本文法からデータの取り扱い、ブラウザーの操作、アニメーションなど、様々なジャンルを網羅しています。ネット上にあるサンプルをコピペするのではなく、書籍を見ながら一から手打ちすることで、体感的に記述方法を覚えていけるはず。608ページというごっつい分量でこのお値段は本当にお買い得ですよ。おすすめ！

『JavaScript コードレシピ集』を購入する

152のデザイン作品と、その制作過程の中で作成されたラフスケッチ、アイデアメモ、カンプ、絵コンテ、企画書などを実例とともに紹介しています。どんな素敵な作品でも、試行錯誤があってこそ。その過程を垣間見れる資料集です。

『デザイン・メイキング152 デザイナーのラフスケッチ実例集』を購入する

デザインをしようにも、写真やイラストなどがまったくない…またはうまく利用できない…という場面もありますよね。そんな時はこの書籍が参考になります。図形やタイポグラフィをかっこよく組み合わせて作成された国内・海外の秀作を多数紹介しています。色使いも個性的ですよ！

『素材を使わないデザインのヒント』を購入する

ゲームやロボットの仕組みだけではなく、Webサイト制作やスマホアプリ制作についても解説している子供向けのプログラミング入門書。Scratchを利用したブロックプログラミングから始めて、テキスト言語にまでつなげる構成になっています。スマホアプリはMonaca使用。子供だけではなく、プログラミング初心者の大人や、子供に教える時の参考にも◎

『プログラミングでなにができる?』を購入する

2015年刊行の書籍『UI GRAPHICS』の新版。巻末には、以前に刊行された『UI GRAPHICS』に収録されていたテキストも再録しています。その部分だけ紙質が変えられているのが粋ですね！優れたアプリやWebサービスの事例を多くの画像と一緒に紹介しています。心地よく使いながら問題解決するまでのデザインについて論理的に説明されていて、紹介されているアプリを実際にインストールして使いながら読んでみるとより理解が深まりますよ。

『【新版】UI GRAPHICS 成功事例と思想から学ぶ、これからのインターフェイスデザインとUX』を購入する

薔薇やケルト文様、アラベスク文様、青海波文様など、昔から見られたモチーフや文様について、歴史や神話、宗教的観点から装飾の意味を解説している本。装飾デザイナーとして有名なウィリアム・モリスにも多々触れられています。本書内でも『装飾とは単に余白を埋めるものではない』とあるように、普段何気なく使っているパターンの意味を考えながらデザインしてみると面白いですね。

『装飾デザインを読みとく30のストーリー』を購入する

デザインにまったく関わったことのない人向けのデザイン基礎本。チラシや名刺など身近なものを題材によりよく見せる方法を説明しています。図版が多く、同じ素材やテーマでも、少し変えるだけで大きく違って見えるというのがよくわかります。

『サルでもわかる！デザインの本』を購入する

ひらがなや漢字の組み合わせなど、日本語を用いたロゴも多くて参考にしやすいです。ロゴのデザインだけではなく、商品パッケージなどの使用例を一緒に紹介しています。300ページ超えの厚さで見応えあり！

『実例つきロゴのデザイン』を購入する

中国の伝統文様や動植物、神話に登場する生き物の紹介と、それぞれが持つ意味などを紹介しています。配色や漢字との組み合わせが独特で、見ていてとっても刺激的！中華やアジア風のデザインをする時に参考にするとよさそう。

『中国の伝統文様×デザイン』を購入する

出版社さんからの頂き物です。ありがとうございます！イラストレーターやフォトグラファー、デザイナー等、クリエイター向けに著作権について解説した書籍。プログラムコードのライセンスや、トラブルが起こった時の対処法までカバーされています。手元にあると安心できる一冊ですね。

『著作権トラブル解決のバイブル! クリエイターのための権利の本』を購入する

デザインをする上で大切な要素、「余白」について徹底的にフォーカスしています。テーマごとに「フツーのデザイン」と「オシャレなデザイン」で比較し、どう改善したらよりよいデザインになるのかが詳しく書かれていて参考になります。テーマにあったおすすめの配色も紹介されていますよ。デザインしていて「なんか違うけど、どこを直せばいいんだろう…」と行き詰まった時に眺めてみると素敵な発見があるかも。

『けっきょく、よはく。』を購入する

出版社さんからの頂き物です。ありがとうございます！Webデザインとマーケティングの心理効果を解説した本。心理学と聞くと敷居が高く感じますが、日頃目にするWebサイトがなぜユーザーを引きつけるのか？情報を信頼してもらうための効果など、デザインをする上で必要な知識がぎっしり。見開き2ページでひとつの効果を説明していて、各章ごとに「デザインに活かす三箇条」としてまとめを記載されているので、テンポよく読み進められますよ。

『[買わせる]の心理学 消費者の心を動かすデザインの技法61』を購入する

英語の文章にふりがなを振って解読していく感覚で、JavaScriptのコードに日本語のふりがなを振って勉強していこう、という新感覚な本。単にコードを覚えるだけではなく、ちゃんと意味を理解して使いこなすにはこういったやり方がいいのかも。JavaScriptの基本を身につけたい人、過去に他の入門書で挫折してしまった人におすすめ。「ふりがなプログラミングシリーズ」として、他にもPython版があります。

『スラスラ読める JavaScript ふりがなプログラミング』を購入する

出版社さんからの頂き物です。ありがとうございます！レイアウトや配色、タイポグラフィなど、デザインの基礎知識が満載。図や作例が多くてサクサク読み進められます。後半は製本やオーバープリント等、印刷物のデザイン向けに解説されています。デザインについてこれから勉強したい方におすすめ。

『デザインの基本ノート』を購入する