個人的に思うWeb初心者が勉強したほうがいいと思うこと

Webに手を出して一年そこらの私です.

Web系をやりたいって思ったはじめは,何から手を出して良いのか全然わかりませんでした.

そのため,少し整理をしておこうと思います.

HTML,CSS

ウェブページの内容を書くHTMLと,デザインを定義するCSSです.

なにをしようにもWeb系でこれがわからなければ話にならないし,文法もそこまで複雑なものでもないので手を付けるのにはいいと思います.

ネット上にいろんな資料が落ちてるので,自分にあったサイトで学べばい位と思います.

ただ,手を動かしながらやるのがいいと思うので,個人的にはProgateかドットインストールあたりが良いんじゃないでしょうか.

https://prog-8.com/lessons/html/beginnerprog-8.com

dotinstall.com

dotinstall.com

JavaScript

HTML,CSSの基礎を学んだら,次に学ぶ言語はJavaScriptあたりがとっつきやすいんじゃないかと思います.

実行環境がWebブラウザにあるので環境構築とかも不要だし,なにより動きがあるので書いていて楽しいと思います.

これも,ネット上にいろいろ勉強方法は書いてあります.

同じくProgateやドットインストールはいい感じにいろいろ提供してくれています.

https://prog-8.com/lessons/javascript/beginnerprog-8.com

dotinstall.com

ドットインストールは,「JavaScriptでなにかを作ってみよう」という講座が結構あり,おみくじや電卓など,簡単なものを実際に作ってみることができます.

本などで勉強するだけだと飽きてしまうことも多いので,真似して作ってみて,それを自分なりに改造するといった手順がいいんじゃないかなと思います.

この辺り,簡単なものだけど,昔やった時はめっちゃ楽しかった.動くものが作れます.

jQuery

JavaScriptをさらに便利に使えるフレームワークです.

jQueryは初心者でもすいすい学べるし,DOM操作はWebアプリとか作る上で必須なので学んでおいたらいいかなと思います.

これもProgateにありました.

https://prog-8.com/lessons/jquery/beginnerprog-8.com

ドットインストールにもいろいろ作ってみよう講座があるので,遊んでみましょう.

で,jQueryを学んだらユーザスクリプトとか書いてみると面白いと思ます.

ユーザスクリプトは,既存のWebページにjavaScriptを埋め込んで実行するもので,いつも使ってるサイトに自分だけのボタンをつけたりできます.

www.symmetric.co.jp

最低限のLinux関係

ここまで見てきたものは,テキストエディタとブラウザさえあればよかったけど,Webアプリを動かす上で,受け取ったデータを処理するサーバサイドの言語だったり,データを記録するデータベースをいじる必要が出てきます.

そんな中で,Linuxの知識は最低限必要になってくるんじゃないかなと思います.

UNIXコマンドの入門はドットインストールにあります.

dotinstall.com

もうちょい詳しいのがLPICのホームページからダウンロードできます.

www.lpi.or.jp

サーバサイド言語

この次はRuby,PHPなどのサーバサイド言語を学ぶのがいいかなと思います.

すでにJavaScriptを学んでいるわけなので,次にプログラミング言語を学ぶのはそんなに大変ではないです.

個人的にはRubyが好きです.

Prpgateに基礎があります.

https://prog-8.com/lessons/ruby/beginnerprog-8.com

Progateの応用では,オブジェクト指向プログラミングを解説してくれます.

図も豊富で,哲学チックなオブジェクト指向をそれなりにわかりやすく解説してくれてる気がします.

https://prog-8.com/lessons/ruby/advancedprog-8.com

Rubyを使って実際に書籍管理アプリを作るこの本もとてもおもしろかったです.

この本に沿って行くと,こんな感じのアプリが作れます.

f:id:McG:20160428170639p:plain

データベース

うえでサラッとデータベースについて学んだら,もうちょっと高度なことがしてみたくなるはずです.

そこでSQL学んだり,Redisなどを使ってみたり,いろいろなデータベースを使ってみるといいと思います.

dotinstall.com

Active Recordとかいじってみるもの面白いと思います.

dotinstall.com

セキュリティ

Webサービスを作ると,セキュリティ関係の知識ももちろん必須になります.

自分が作ったWebサービスに脆弱性があったら責任をとらされるのは自分なわけなので...

IPAのセキュリティに関するページをよんだり,本を読んだりします.(僕もセキュリティ系は全然詳しくないのでもっと危機感持たねばいけません)

IPA セキュリティ

安全なWebサイトの作り方

個人的に,「体系的に学ぶ 安全なWebアプリケーションの作り方 脆弱性が生まれる原理と対策の実践」という本を前に読みました

わかりやすいし,とてもおすすめです.

最後に

いろいろ書いたが,これが完璧だなんて思ってないし,他にも勉強することはたくさんあります.

ただ,まぁ何から手を付けていいかわからないーっていう一回生とかに参考になれば嬉しいなと思います.

自分なりにいろいろ調べて去年1年間サークルなり自分で勉強したことを中心に書いたつもりです.

どんどんいろいろ調べながら手を動かしていくのがやはり一番の近道です.

© 2016 Yuki Sako.