本書きました「Webクリエイターズガイドブック」

この度「Webクリエイターズガイドブック」という本を書かせて頂きました。実は昨年12月の末に発売されていたのですが、年末でバッタバタだったので告知がこのタイミングとなりました。ブログやTwitterで告知していなかったのに発売されてすぐ購入して頂いた方もいたようで…本当にありがとうございます!それではここで少し本の内容を紹介したいと思います。

↑私が10年以上利用している会計ソフト!

コンテンツ

「Webサイト制作とはなんぞや?」という初心者さんが、この本を見ながらひとつのサイトを完成させる事ができるような、そんな内容になっています。

  • 今求められているWebクリエイターとは
  • 計画をたてよう
  • デザインの基礎
  • Photoshopの基礎
  • 細部にこだわったWebデザイン
  • 実際に作ってみよう!①Photoshop編
  • HTMLの基礎
  • 実際に作ってみよう!②HTML編
  • CSSの基礎
  • 実際に作ってみよう!③CSS編
  • Webサイトを公開しよう!

計画をたてるところからスタート!

Webサイト制作について勉強している人の中には、突然PhotoshopやHTMLの学習から始める人もいます。もちろん間違いではないのですが、今後Webデザイナーとして活躍するには理由を説明できる能力が必要不可欠です。「なぜそのWebサイトが必要なのか」「なぜその配色なのか」「なぜそのコーディング方法なのか」…。クライアントに説明する時はもちろん、将来後輩に教える立場になる人もいるでしょう。はじめから理由を考えながら制作する癖をつけておくことが大切です。

この本では冒頭から「Webサイトの目的」「ターゲット層の決定」を軸にサイト制作のすすめかたを説明しているので、デザインに入る前の段階から少しずつ学ぶことができます。

すでにWebデザイナーの人にも!

この本は基本的に初心者さん向けのものですが、すでにWeb屋として活躍中の方からも「参考になった!」との声をいくつか頂きました。ありがとうございます!そういった方々の中で人気だったコンテンツは

  • 配色とデザイン
  • 「ユーザビリティ」について考える
  • インスピレーションの探しかた
  • 細部にこだわったWebデザイン
  • 「ブロックレベル要素」と「インライン要素」
  • デフォルトCSSをリセットする

などでした。

他にも意外と見落としがちな「クラスとIDの違い」や「画像形式の違い」などについても説明しています。「後輩に聞かれて答えられなかった…」なんて事がないように、確認し直す意味でも初心に返れていいかもしれません!

実際に作りながら学べる!

この本では「実際に作ってみよう!」と題し、Photoshopの使い方やHTML、CSSについて、ひとつのサイトを実際に作って説明しています。基本的な事がわかっていても、実際に作ってみないと本当に理解できているかわかりません。実践こそがWebクリエイターになるための近道!という事で本で紹介したサンプルPhotoshopファイル、HTMLファイル、CSSファイルをダウンロードして本と見比べながら勉強をすすめましょう!

ダウンロード

ブックカバーをダウンロード

今販売されている本の表紙は私がデザインした表紙ではありませんコレこの辺から察してください。なので、私のオリジナルデザインの表紙を無料配布しています。印刷してお使い下さい。

ダウンロード

今すぐ購入する!

下記のリンク先で購入できます。

Amazonで購入
楽天ブックスで購入

ただでさえ文章書くのが苦手なのに240ページを一人で書くのは本当に本当に大変でした…。バンバン本を出版している人、すごいです…。それだけで尊敬します…。この本を読んで少しでも参考になる点があれば幸いです!

また、今回編集・出版に携わった方にはこの場を借りて御礼申し上げます。本当にありがとうございました! :)

シェアする

コメント

“本書きました「Webクリエイターズガイドブック」” への34件のフィードバック

  1. Atsushi Kimura より:

    (・∀・)これは、もったいなさすぎる。でも工学社のHPみたら納得、表紙もHPもコネコネおじいちゃんが作ってるんだろうなぁ
    Manaさんのデザイン表紙だったら売れるのに。。何で、CMに女性と動物が多く使われているのか考えてみて工学社。

  2. お探しくん より:

    見てみたら、うわぁぁぁだった。

  3. Kunieda Shin より:

    はじめてコメントします。いつも読み易い記事を書かれているので、書籍の方も是非手に取って参考にさせてもらいたいと思います。ただ、前の方も書かれてますが表紙が残念すぎますね。ダウンロードした表紙に差し替えて気持ちよく読みたいところです。

    ところで、何気なくソース表示したら「ここもこだわりなんだなぁ」と思い感心しました。

  4. たーきー より:

    大人の事情はまっ黄色w
    色々大変だったんですね。お疲れ様でした。

  5. 鈴木 竜太 より:

    中間マージンとってあのDTPの出来とは…。
    優れた若者から搾取とは、ね。早速表紙差し替えました♪しっくり来るw^^

  6. juncoY より:

    いつもこちらのブログで勉強させていただいてます。表紙、、、びっくりしすぎて笑ってしまいました。(笑)
    でも負けないでくださいっ!これからも応援しています!!!!

  7. takasyi より:

    はじめまして。
    書店で見かけまして、黄色っ!?と驚きを隠せませんでしたが、そういうことでしたか。
    PDFでブックカバー配布とはさすがですね!ステキです。

  8. 匿名 より:

    私は根っからのプログラマーでここ数年はWebアプリやスマホアプリなんかの案件も増えてきたのですが
    ここ最近はUIが最重要視されていて、プログラマーでもデザインができないと仕事がとても遅くなってしまう時代になりました。
    今までは完全に自分流でやっていたので、ちょっとプロの方のやり方を基礎から学びたいと思いポチってみました。
    本が届くのが楽しみです。

  9. soda.webpot より:

    いつも参考にさせていただいているので、書籍もぜひっ!と購入しに行って目がテンになりました。
    間違いないのか思わず二度見。あれではManaさんを知らない人には買ってもらえない。。もったいないもったいない~。
    オリジナルデザインの表紙を配布するお気持ちに涙・・。早速DLして印刷しました。(まだ届いてないのに) あー、早く届かないかな~♪

  10. AOI Syun より:

    12月末に発売されていたんですね!
    クリエイターボックスファンなのに知らなかった… orz
    届くのが楽しみ!

    工学社力作?のカバーはやってないですw
    あんなんだと売れる本も売れなくなりますわ…
    大人の事情なんて私も嫌いっ!

  11. Naomi Takahashi より:

    これはぁ!購入します★
    これから会社のサイトのリニューアルなので、ぜひぜひ参考にするつもりです(=´▽`=)
    独学デザイナーにはありがたいです。
    カバーの件はせちがらいですね。。。無論、オリジナルカバーでしょ!

  12. Becky! より:

    購入させていただきます。
    カバーデザインはmanaちゃんのイメージが伝わらず、とても残念でしたね。
    この本が売れたら他で出版しましょうよ。是非是非。
    その時はおとなの事情!といちゃいましょう。

  13. 初めまして!
    半年前ほどに見つけて、いつも楽しくブログ読ませて頂いてました!

    もちろん本も購入させて頂きます!これからもがんばって下さいね^^

  14. Maikatu より:

    はじめまして!
    去年の夏からいつもブログ読ませていただきました

    最初本の告知みて二度見してしまい、一昨日アマゾンでポッチとしました。
    参考にします。

  15. Kyamo Naoki より:

    大人の事情なんて大嫌いです。ガンバレw

  16. 本日購入させて頂きました
    2011年の4月からweb屋目指して勉強しているので
    復習もかねてがっつり読ませていただきます!
    しかし表紙が・・・ヒドイ

  17. 匿名 より:

    たぶんマナさんが本物になってきたからじゃないでしょうか?
    これからもっと試されそう。
    陰ながら応援しています。

  18. うわーカバーやばダサいですねw
    オリジナルカバーでくるませていただきます:D!

  19. Yuta Yamamoto より:

    ぽちた

  20. 荒井亮 より:

    こちらの方がぜんぜんいいですね。

  21. コタロー より:

    少し前からブログの方拝見させていただいています。

    先日本の方を購入させていただきました!!
    まだまだ勉強中の学生なので参考にさせていただきます。

  22. kazuya takaie より:

    初めまして。買いました。

  23. うん。 買おうかな。

  24. 早く読みたい~。
    アマゾンの工場まで取りに行こうかな?w

  25. 聡 伊藤 より:

    本購入致しました。ところで結構モノクロ印刷が多いのですがなぜに?P31-32あたりの明度 彩度 色相あたりもモノクロなのですが。。。

  26. 私の力ではどうにもなりませんでした。

  27. 聡 伊藤 より:

    すいません。印刷ミスかと思ってコメントしましたが気分を害してしまったかも。。

  28. 昨日購入させていただきました。

    今だからこそ気づく基礎の部分などがあるようで、大変重宝しそうです!大切にさせていただきます。ありがとうございます。

  29. […] 本書きました「Webクリエイターズガイドブック」  とても良い本なのに表紙が残念すぎる。 いっぱい勉強させてもらいました。 […]

  30. 佐藤 怜央 より:

    初めまして、レオです。
    昨日、アマゾンでポチりました。
    早く届かないかなー…
    独学ですごいWebサイトを作ります!
    大切に扱わないと…

  31. 神楽坂次郎 より:

    本出しておいて「大人の事情嫌い」とか、あまり感心しません。

    子どもでしたら幼稚な振る舞い理解できますども、、、。やはり大人になられた方がよろしいのではないでしょうか。

  32. 神楽坂次郎 より:

    あ、誤解の無きよう。

    素晴らしい本を書かれているのに、自分でミソつけてるような気がしたので。

  33. 宇田修一 より:

    ごめんなさい。借りました。

  34. 宇田修一 より:

    図書館で借りました。データお借りしていきます。

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)