僕のWEB制作学習法

dotinstall

近くにファミマが新装開店して、なぜうちの周りにはローソンが出来ないんだと思っているどうも@yusukexpです。僕の住んでいる周辺ではファミマさんの店舗出店の間隔が狭いですw近いところのあるのに。。。

さて、今回は僕のWEB制作の勉強スタイルを紹介します。
先に簡単にまとめると、ドットインストールを見る→書籍を読む→ググる→ググる・・・・・ですw

まずはドットインストールで何かをつかむ

ウェブ制作の勉強を始めたが2年位前なのですが、まずはHTMLとCSSというものが必要なのはなんとなくわかっていたので(以前はWEB制作のしがない営業だったので)、適当に参考書を探していたところ知り合いに下記のデジハリさんが出している本を紹介されたので、そちらを購入しました。Dreamwever(現在はsublime text2使用)を使おうと思っていたのでちょうどいいかなと思いました。(WEB制作をすると知り合いに伝えたらadobeCS5を入れてもらえたのでひと通りのソフトはもっています、これは今でも大変感謝しております)
で、始めるものの、わかりにくいわけではないんですが、なんか入ってこない。。。あれ、面白くないかも?とか思って、なんか他にやり方あるかなーと思って「HTML 勉強法」とか打って色々調べてたら「ドットインストール」さんにたどり着きました!

ここが小さな僕のターニングポイントですww
今の仕事ができているのも「ドットインストール」さんのおかげですね。3分の動画で、実際にコードをタイプしてるところを見ながらできるのはとても有意義でした。

ドットインストールのすすめ

  • 短い動画で集中できるのがいい
  • タイピングの様子がわかるのがいい
  • 音声ですっと体に入ってくる感じがいいw

いやはや、いまからWEB制作を始める方にはまず見ていただきたい!こんなに推していますがステマでも何でもないですww
先に言っておきますと、ドットインストールさんでは制作に必要なすべてのことを学べるわけではさすがに無いです。すべてを説明する動画とか逆に怖いというか、終わりが見えなくてやる気でないですねww
あらすじというか、その言語、ツールの大枠・概要を学べますので、特にプログラミングの初学者の方は一度のぞいてみてはいかかでしょうか?(ドットインストールはHTMLだけでなくいろんな言語、ツール(PHP,JavaScript,Ruby,WordPress……etc.)など多くのプログラミングの技術を網羅してます)

そして本に戻る

ひと通りドットインストールを終える(僕は学習能力が低いので、同じ動画を2,3回は繰り返して見てます(^_^;))と、なんか面白く無いと感じていたあの分厚い本がなんとなく理解しやすくなっていました。書籍ではドットインストールでは触れられていないこともいろいろ学べます。
ここまで来たらこっちのもんだぜ!!黙々とデジハリ本と格闘すること1ヶ月位??(どれくらいかかったか覚えてない!!w)、デジハリ本とりあえず終了。あの分厚い本(500ページ超)をやり切ると不思議と達成感があったりします。おめでとう!俺!w

あとは色々ググりながらアウトプット!情報は大抵先輩方がネットに落としている!

僕はそのあとはネット上に転がってるHTMLのテンプレート(2カラムとか、3カラムとか)のやつをいじってみたり、CSS3ってなんじゃい?ってまたドットインストール見たりして基礎的なことを固めてました。(まあすべて独学なので、達人方に見られたらまだ基礎もできてない可能性は無きにしもあらず。。。。)
そのあとに、たまたま簡単なサイトの修正をさせてもらったのが知識が技術へと少しずつ固まったきっかけだと思います。インプットしてるだけではダメですね。。。予想外のことが多々起こります、たががHTML&CSSでも。。。例えば古いIEでの表示の対策法なんて、ドットインストールでも書籍でも多分載ってることは少ないと思いますが、普通に初心者が学んだ通りに記述しても表示崩れたりしますwそういう現場でわからなくなった時は適宜Googleさん経由で先輩方にお世話になっています。

急に明後日までにスライドショーの機能を実装して!といわれて、知らないながらも、検索しながらなんとか実装するという方が色々学べるんですよ、実際。期限があると、より行動が最適化されて学ぶには効率がいいです。初心者のうちはスパゲッティーコードだろうとなんだろうとやってみるのが大事ですね、出来ませんというのは簡単ですが、軽ーく虚勢を張るくらいでいきましょうw(クライアントに迷惑かかってもいいのか!とかそういうのは一旦抜きで考えてくださいねw)でないと多分いつになってもやれるようになれずに終わってしまいます。

そんなことを繰り返し、なんやかんや今はWordPressいじってお客様のサイトを作らせてもらってたりします。いろんな学習法は色々あると思いますが、導入としてドットインストールを眺めるの*1はオススメです!

そして僕は今、iPhoneアプリ開発入門を見ています。それでは、このへんで

Let’s Programming!!

*1 本当は動画見ながらタイピングしたほうがいいと思うのですが、初学者さんでしたらまずは動画で簡単に触れてみてはいかかでしょうか?僕はウェブ制作を学び始めた当時レッツノートしかなかったので、(今は外部ディスプレイ使ってます)動画を見ながらノートとったりしてましたw僕は文系なので、書いたほうがしっくりきたんですよね。でノート見ながら写経タイピングしたりしてました。

RSSでブログを購読する!

follow us in feedly RSS subscribe

Yusukexp