Webデザイナーな私の勉強方法まとめ

私の勉強方法まとめてみました。

といっても「いい情報をとりこんで、実践して、その結果をアウトプット」をひたすらしているだけなのですが、
実際にどのようなサイトや本を見てインプットしているか、どんなサイトをアウトプットしているかなどまとめてみました。

私の勉強方法まとめてみました。

といっても

「いい情報をとりこんで、実践して、その結果をアウトプット」

をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。

インプット

情報が美しくまとまっているサイトのフィードをチェック

国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。

そういうブログのフィードをチェックしています。

デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。

全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。

そうしておくことで、いざ●●しないといけない!というときに、そういえばどこかでみたことある!これは出来るはず!とすばやく判断することができ、スムーズにその情報を引き出すことができています。

おすすめ情報系サイト

などなど。

Fireworksに興味のある方はぜひ

もよろしくお願いしますw

身近なデザイナーさんやプログラマーさんのブログをチェック

まとめブログや情報ブログももちろん情報の宝庫ですが、身近プログラマさんやデザイナーさんのブログはより今の自分に必要な良質な情報の宝庫です。

・最近こんなの試してみた

・こんな仕事があった

・こんなコミュニティーができた

・勉強会をした

・こんなところで苦労したからメモ

など

こういった情報はまとめブログにはあまりありません。

勉強会などに参加して、その他の参加者の方々のtwitterだけでなく、ブログをちゃんとフィードに登録しておく。

まだ知り合いが少なければ、愛読している本の著者の方や、あこがれのサイトを作っている方のブログなどをフィードに入れてチェック。

そこから得られた勉強会の情報などをチェックして積極的に参加、いろんな人に会う。

困ったときに助けてくれるのは『身近な人』です。たくさんの方と知り合って、情報交換して、協力していくのはとっても大事です…!普段少人数でお仕事されている方なんかはとくに!!!!

そして

いい印刷会社さん見つけた!こんなイベントがあるよー!Macのこのソフトおすすめ!こんなショートカット知ってる?Gitって知ってますか?Subversionは?クラウドってなに?

などなどそんなもの存在すら知らなかった!というものの存在を教えてもらうことが出来ます。

時には生活に役立つ知恵を教えてもらうことも出来ます。

こういうものがあるんだ、というヒントをインプットすることが出来れば、それを自分で調べる→知識としてストックということができるようになります。

知らなかったことをたくさん知れるのは本当に楽しいです。

そんなにたくさんフィードチェックするのは大変!という方は

Web Designing (ウェブデザイニング) 2010年 12月号 [雑誌]

 

Web Designingのような雑誌でツキイチでどかっと情報収集するのもおすすめです。

クリエイターさんのインタビューとかも面白いですよ☆

ツイッターでチェック

役立つ情報をつぶやいているtwitterアカウントをフォローするのもおすすめです。

私も@FwManiaというアカウントで特に私が気になった日本のサイトの情報をつぶやいています。よかったらどうぞ♪

本を読む

ネットでたくさん情報が得られる時代ですが、ひとつのテーマを掘り下げて書かれている書籍から得られるものは大きいと思っています。

最近読んだ本とこれから読もうと思っている本をまとめてみます。

デザイン系

Fireworks CS3/CS4/CS5 (速習デザイン)私の本です。ごめんなさい…!
Fireworksの本を書きました。

FireworksはillustratorやPhotoshopより機能がシンプルでわかりやすいと思うので、「PCでデザインをする」こと自体 がはじめてな方でもすぐに何かしら形になるものが作れるので、これでPCでデザインをすることになれてから用途にあわせてPhotoshopや illustratorを使いこなしていくというのもおすすめです。

【送料無料】Illustratorデザインメソッド

 

Illustratorデザインメソッドそれなりにillustratorは使っているけれど、こんな使い方でいいのかしら…もっと効率よく作れる方法がないかな…というillustratorをひととおりさわれる人にたくさんのひらめきを与えてくれる本です。

ハートの書き方ひとつとっても、いろんなアプローチを紹介してくれているのでとても参考になりますよ!

【送料無料】Photoshopデザインメソッド

 

Photoshopデザインメソッド上記のPhotoshop版です。

サンプルデザインがどれも美しくて、眺めているだけでも勉強になります。

CSS・jQuery・コーディングなどなど

【送料無料】効率的なサイト制作のためのDreamweaverの教科書

 

効率的なサイト制作のためのDreamweaverの教科書Dreamweaverの本ですが、Webデザイナーになりたい!ホームページを作ってみようかな、でもどうしたら?という人に読んでほしい一冊です。

よくあるソフトのツール紹介本ではなく、サイト制作の流れにそって丁寧に書かれています。

【送料無料】Web制作の現場で使うjQueryデザイン入門

 

Web制作の現場で使うjQueryデザイン入門いろんなプラグインをそのまま使うことしか出来なかったのですが、この本を読んでカンタンなカスタマイズや自分でちょっとした処理を書くことが出来るようになりました。

これがなかったら多分、私のサイトでお花がくるくる回っていたことはなかったんじゃないかと…!おすすめです。

【送料無料】jQuery逆引きマニュアル

 

jQuery逆引きマニュアル出たばかりの一冊です。届くの待ち!(読んだら更新します!)

【送料無料】魅せるiPhoneサイト

 

魅せるiPhoneサイト評価が高い一冊。iPhone対応、実はまだしたことないのでこれを読んで勉強します!(読んだら更新します!)

PHP

【送料無料】よくわかるPHPの教科書

 

よくわかるPHPの教科書実際にレンタルサーバで使う方法から書かれているので入門書にはぴったりです!

本自体もきれいで読みやすいです。

これからPHP勉強してみようかな、というデザーナーさんには特におすすめ。

WordPress

【送料無料】WordPress 3サイト構築スタイルブック

 

WordPress 3サイト構築スタイルブックWordPress3.0系対応の本です。

WordPress3.0系の機能を生かして、これからテーマを自作してみようかな、というかたにおすすめ。

【送料無料】PHPによるWordPressカスタマイズブック

 

PHPによるWordPressカスタマイズブックWordPress3.0系対応の本です。

ある程度わかっているけど、もっと3.0系の機能を使いこなしてガンガンカスタマイズしたい!という方におすすめです。

実践する

自分のサイトを持つ

やってみたいことを全部業務でトライできればいいのですが、予算の問題、時間の問題、その他色々、なかなかそうはいかなかったりします。

また、やったことのないことをいきなり本番で行うのは大丈夫かな…できるかな…間に合うかな…という不安もつきまとい、あまり精神的にもよくないような気がします…。

そこで私は、やってみたい技術やデザインをバンバン試すために個人でひたすら新しいサイトを作っています。

今やっているのは

こんな感じです。

この他にこのブログとポートフォリオサイトをやっています。

デザインもプログラムもひとりでこつこつ作っています。

仕事をしながら、プライベートの時間でこれらのサイトを管理しているのですこしでも効率よくするためにPHPで管理用のプログラムを作ったり、うち5つはWordpressで作っているので、Wordpressについての理解が深まり、

デザインもたくさん作っているので、ツールの使い方にもなれ、こういう表現ってどうしたらよかったんだっけ…?といった

ツールの使い方で手が止まる、ということが少なくなり、そうしたことを繰り返すうちに自分でもびっくりするぐらいトータルの作業スピードがあがりました。

個人サイトなんてどう頑張っても一年に一つ作れればいい方だったのですが、この3ステップを本格的にはじめてからサイト制作のスピードが劇的にアップしたので、今年はたくさんのサイトを作ることが出来ました。

上記のうちの半分ぐらいサイトはこの一年で作ったりリニューアルしたりしています。

個人サイトで経験しておくことで、

実際に業務でデザインやプログラムが必要になった時、

経験があるので早く、的確な判断が出来るようになったと思います。

アウトプットする

人に見える形で記録する

上記の「実践する」もアウトプットなのですが、ここでいうアウトプットは得た知識を実践した結果をブログなどで発表するアウトプットです。

私はこのブログと、Fireworksマニアで自分の持っている情報をアウトプットしています。

自分だけのメモにまとめてもよいのですが、人に伝えようと書くことで、あやふやにやっていた部分もきちんと調べて伝わるように書こうとするので、自分自身の知識の整理にもなっています。

さらに、実際にこういうことをした、こんなことが困った、という情報は他の方の役に立つこともありますし、誰かの役に立つかも!という作業はモチベーションアップにも繋がります♪

また「この人はこんなことをしている人なんだ」と知ってもらえるきっかけにもなります。

さらに、得た情報と自分の考えもまとめて他人に理解してもらえるように何度も見直して書いていくのでちょっとずつ文章力もUPします!

こうしたアウトプットがきっかけで今年はいろんな機会をいただけて、発表したり。たくさんの人と出会えたり、ブログ読んでますよ、と言ってもらえて会話のきっかけにもなったりと、良いことがたくさんありました!

昔は、これ私だけの秘密にしておこう…とか出し惜しみしていたこともあったのですが、どんどん新しい技術やアイディアが出てくる時代に、私が思いついた程度のアイディアを秘密にしておいたところで何の意味もないことに気がつきました…

逆にアウトプットすることで『一番最初に思いついて発表した人』になれるかもしれない…!!

あとから、「私も知ってたもん!」って言ったって遅いんですよね。

さぁ早速知っていることを記録に残そう!

…ということで、日々こんなことを繰り返しています。

残念なくらい凡人デザイナーなので、人の2倍は努力するように心がけています。

なんかもう溢れ出てくる才能!!!みたいなのがあればよかったんですけど…!

10年後も生き残れるようにがんばれ私><

おしまい。

ぜぇぜぇ。書き終わった…息切れしました…

毎日読み物系のブログを更新している方って本当にすごい…!

私はこんな風に勉強してるよー!といった情報がありましたぜひ教えてください♪

「Webデザイナーな私の勉強方法まとめ」への386件のフィードバック

  1. ピンバック: 綾瀬寛之
  2. ピンバック: きせのん
  3. ピンバック: mitanishohei
  4. ピンバック: もっちゃん
  5. ピンバック: showgotch
  6. ピンバック: 森下 秀邦
  7. ピンバック: mob
  8. ピンバック: mouse
  9. ピンバック: Takashi Miyashita
  10. ピンバック: ken
  11. ピンバック: Mikio Hayashi
  12. ピンバック: erla_yk
  13. ピンバック: 杉紘平
  14. ピンバック: 斎七
  15. ピンバック: ttbookmark
  16. ピンバック: 池田園子
  17. ピンバック: 大正ロマ子
  18. ピンバック: snufkin007
  19. >yasudaさん
    commentありがとうございます!

    トピアンテナ素敵ですよね!

    私もトピアンテナも活用させていただいているのですが、
    今回は、サイトの情報をどう収集するかは
    見られる方によって異なるかと思いまして、
    よく見ているサイトだけを絞ってご紹介させていただきました^^

    こちらこそ今後ともよろしくお願いします^^

  20. ピンバック: 久世 浩史
  21. ピンバック: hrktym
  22. ピンバック: Junichi Narita
  23. ピンバック: 小林輝紀
  24. ピンバック: WD人
  25. ピンバック: 20101218 | 昼ネタ
  26. ピンバック: nana
  27. ピンバック: bow13x
  28. ピンバック: haru
  29. ピンバック: lnspi
  30. ピンバック: kotaro53
  31. ピンバック: Tsuyoshi
  32. yukiさん

    いつも、楽しく読ませてもらっています。

    僕も24からweb屋をゼロからはじめたときにやっていたのが、イノセント・ソースハックです。

    これは、他人のコードを解析して、本歌取りという形で自分のサイトに適用して行く僕の方法です。

    本で調べながらすると、とても楽しいし、自信がつきます(笑)

    そして、作者の方に本歌取りした旨を伝えて。いい感じになれるかもです。

    因みに花のサイトはyukiさんのこのブログを参考にして起こしてます。

    いつも、コメントありがとうございますm(_ _)m

  33. 今年社会人一年目で、Webデザイナーとして働きはじめました。
    勉強することが山ほどあって焦っていたところなのですが、この記事を見てこれからの勉強の仕方がよく分かりました!ありがとうございます☆

  34. >mikanさん
    コメントありがとうございます!
    お返事が遅くなってしまってごめんなさい><

    記事、お役に立てたならうれしいです^^

    覚えること、たくさんありますよね…!
    でもひとつひとつしっかり覚えていけば大丈夫なので
    楽しく勉強していってくださいね^^

    コメント本当にありがとうございました!^^

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です