Drip 'n' Snip

ドリップン・スニップ

あなたの生活役立つWEB情報イッパイお届け
Artboard

WEBサイトの制作やWEBアプリの制作に興味がある?個人で勉強出来るサイトを順番に3つ紹介!


こんばんは。
ここのところ個人のスキルアップをひたすら頑張っている僕です。

ところで、WEBサイトやWEBアプリの制作って、ビジネスをされている方ならちょっと興味ありますよね?
自分の代わりにアレしてくれるサイトがあったらなー…とか、もっと便利なサイトがあったらなー…とか。
新しいビジネスを考えるのにも、やっぱりちょっとWEBの知識が欲しい、WEBの知識が少しあれば発想が変わる。
そんな気がしませんか?

そこで、今日はWEB関係のプログラミング言語を学べるサイトを3つ紹介いたします。
上から順番に1つずつこなしていけば、充分なプログラミングスキルが身につくこと請け合い!
理想としては、1,2で学んでから本を読んで理解を深めて、3に挑戦して欲しいな〜という感じです。

では早速!

1.Progate 環境ごと用意してくれて、学習に集中出来る

https://prog-8.com/
Progateは、スライドの解説を読んでから、問題文に応じてWEB上でプログラミングをして、正解なら次のスライドへ…という方式で学習していくサイトです。
学習できる内容は
HTML/CSS
JavaScript/jQuery
Ruby/Ruby on Rails
Java
Python
Swift
PHPです。

HTMLとCSSはウェブページを作るためのもので、RubyとRuby on RailsはWebアプリをつくるためのものです。(Rubyは他の用途にも使えます)
Javaはアンドロイドアプリを作ったり、WEBやPC向けアプリを作ったりと万能ですがやや冗長。
PythonはPC向けアプリとWEBアプリ。SwiftはiPhoneアプリ
PHPはWEBアプリ専用の言語。
JavaScriptとjQueryはWEBサイトに動きをつけたり、動的にページを変化させたりするための言語です。

ここだけですぐに何か作れるようになる、というわけではありませんが、入門には環境構築が必要ないことも含めて最もオススメです。

2.ドットインストール 動画で、環境構築から解説してくれる

http://dotinstall.com/

ここは、動画で解説してくれるというところが特徴です。
そして、Progateと違って環境構築は自分でしなければならないので、Progateで基本を覚えて、ここで環境構築〜実際に何か作ってみる、という風にステップをすすめるのには最適です。
現在292のレッスンが公開されていて、ここで学べないメジャーな言語やフレームワークはほぼないのでは?という充実っぷりです。

3.Paiza 問題を解いていくスタイルで実力をつける

https://paiza.jp/

Paizaは、所謂オンラインジャッジと転職・就職サイトが合体したようなサイトです。
オンラインジャッジとは、プログラミングの問題を解いて、それが正しく作れているかどうかをネット上で判断してくれるサイトのこと。

転職や就職に興味がないとしても、日本語オンラインジャッジでこれほど解りやすいサイトはなかなかないので、実力を試してみるのには充分です。
いざとなれば、スコアを企業に公開してそのまま転職・就職に利用する事もできます(笑)

まとめ

実際、この方法で僕は色々な言語を習得しました。まあ、取得といってもまだまだ学習中の身ですが。
特にHTML、CSS、RubyとRuby on Railsを勉強すれば、割とすぐにSNS的なWEBアプリを制作する事が出来ます。
未経験でも半年くらいで必要十分な技術が身につくと思います。
そこにJavaScriptやjQueryを勉強すればかっこいい動きのある見た目にすることが出来ますから、まずProgateのHTML,CSSからはじめて、Ruby , Railsとすすめていって、全てのレッスンが終わったらドットインストールを見ながら自分で環境を構築して、細かいスキルをPaizaで深めていく、という感じでしょうか。
2と3の間に専門書が挟まってしまうのは仕方がない事ですが、1,2を学習するまでは何を書いてあるのかさっぱりわからなかった専門書が、ちゃんと読めるようになっているのは結構快感です。

というわけで、2017年はWEBアプリ制作にチャレンジしてみては?

NEXT
Google翻訳に新機能としてWord Lendsが追加!一体どんな仕組み…?

  関連記事

forestLogo
携帯依存症が効率を下げる!お薬としてのForest

こんにちは、並々ならぬ携帯依存症の僕です。 部屋の中、寝る時はもちろん、お風呂や ...

ubuntu
え、そのパソコン捨てるんですか?Ubuntuで復活させませんか? 01 - ubuntuとは?

熱っぽいとか言ってたら本格的に39度近い熱でしばらく寝込んでました。 僕です。感 ...

Goodなノートアプリ!GoodNotes!その1

こんにちは!ユニクロのネックウォーマーが案外暖かくて重宝しています。僕です。 前 ...

Yoink
ドラッグ・アンド・ドロップを多用する?ならYoinkを使おう!

こんにちは、マウス振りすぎて腱鞘炎になりかけた僕です。 このブログでもやたらとド ...

line-res
LINEの返信をちょっと楽にする方法

こんにちは、最近改めて「白のひととき」にはまっている僕です。甘い。美味しい。 と ...

-WEB開発, アプリ/サービス