短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ

最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。

私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。

ということで、プログラミングをやった事がない人(または初級者)のために、プログラミングで何を学べばいいか、どうやって勉強したらいいかというノウハウを紹介したいと思います。

>>プログラミングとは?入門者向けに勉強のやり方、無料アプリなどまとめとく

何を学ぶべきか

プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。
そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。

1. 何はともあれ「HTML」

こちらは、Webサービスをつくる上で書かせない言語で、
今見ているページ(見た目の部分)はすべてHTMLで書かれています。
HTMLを学ぶ上では以下のサイトが参考になります。
HTMLの基本

HTML入門 ドットインストール

ドットインストールは、動画でプログラミングが学べる非常に便利なサイトです。

わたしも、こちらを参考にして勉強しました。ぜひ、使ってみてください!

超おすすめ>>未経験からプログラマーとして上場企業に就職できたぼくが「内定をもらうための秘訣」と「大事なこと」を教えるよ

2. 見た目をかっこ良くするCSS

HTMLを学んだら、次はCSSです。

CSSは、HTMLでつくったページに色を付けたり、位置を整えてくれたりとページを装飾する役割を果たします。

かっこいい見た目(ページ)をつくるには欠かせない知識となります。
CSS入門 ドットインストール

CSSの基本

>>20代で未経験から新卒エンジニアになれた!30代の転職だと難しいかも書いてみる

3. ページに豊富な機能をもたせるJavaScript

JavaScript(JS)は近年、非常に話題になっていて習得すれば、あと5年は食べていけるだろうと言われているアツい言語です。

何ができるのかと言うと、ページを動きのある物にしてくれたり、アニメーションを実現する事ができたりします。

こんな感じです。

>>JavaScript を使って作る追尾サンプル

iPhoneアプリやAndoroidアプリをつくれる

この他にも、JSを覚えれば、iPhoneアプリやAndoroidアプリをつくる事もできるのです!

>>初心者でも2週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件

「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。

JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、2週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。

超おすすめ>>未経験からプログラマーとして上場企業に就職できたぼくが「内定をもらうための秘訣」と「大事なこと」を教えるよ

スポンサーリンク

学習する上で参考になるサイトはこちら

JavaScript入門

マンガで分かる JavaScriptプログラミング講座

4. JavaScriptを覚えたらjQueryが便利!

jQueryとは、ざっくり言うとJavaScriptで出来る事はそのままに(というかそれ以上)、より簡単にコードを記述できる便利道具です。

JavaScriptを進化させたイメージです。

JavaScriptの基礎を知っていれば、すんなり導入できると思いますので、ぜひチャレンジしてみてください。

ちなみに、Webサービスのほとんどは、このjQueryを導入しているので、
マスターすれば、重宝されるはずです。
参考サイトはこちら。
jQueryの基礎

40分で覚える!jQuery速習講座

Qrefy | jQueryの辞書です

5. サービスを裏で支えるPHP

PHPは、Webサービスのためにつくられた言語であるため、
初級者でも学びやすく、開発しやすい言語として知られています。
PHPはいままで紹介した言語と何が違うかと言うと

・ユーザーがフォームなどに入力した値を計算したり、保存したりできる
・SNSなどで登録したユーザーデータ(プロフィールや写真など)を取り出し、画面に表示できる

など、画面には変化をもたらしませんが、裏でいろいろと処理をしてくれる
非常にありがたい言語です。
あのfacebookもPHPで開発されているのです。

PHPはこちらを参考にしてください。
PHPの基礎

PHP講座

スポンサーリンク

Webプログラミング学習のコツ

Webプログラミングを学ぶ上でこうしたら上達が早くなるというコツを紹介します。

①わからなくても書く

ぶっちゃけた話、最初のうちは何を言っているかわからない事が多いです。
それでも、書いていくうちに、わかってきます。
ですので、最初のうちはわからなくてもコードを書き進めてください。

ググる(Googleで検索する)

わからないことにぶちあたったらGoogleでわからないワードを
検索してみてください。そうすると、同じ所でつまづいた人がブログに解決策を
かいていたりするので、それを参考にしましょう。

すごい人のコードを読む

コードを読むのもwebプログラミングのいい勉強になります。レベルの高い人のコードを読んでいいところを取り入れていきましょう。おすすめなのがGitHubです。

参照:GiHub

こちらには、すごい人のコードが無料で公開されているので非常に勉強になります。

書籍で勉強する場合

書籍で勉強するのもおすすめです。1つの言語で1冊読んでみると大枠がつかめるので、必ず1冊は買うようにしています。

以下の本がおすすめです。

よくわかるHTML5+CSS3の教科書

Web制作の現場で使う jQueryデザイン入門[改訂新版] (アスキー書籍)

よくわかるPHPの教科書

いかがだったでしょうか?

紹介したWebプログラミング学習法でかっこいいWebサービスをつくってみてください。

プログラミングはこれから大きなスキルにもなりますので、メリットも大きいと思います。

>>初心者時代、プログラミング独学に挫折したぼくが正しい勉強法やおすすめサイト、本まとめとく

独学でつまづいたら

なお、技術的なことでつまづいたらエンジニアのためのQ&Aサイト「teratail」を利用してみましょう。

疑問解決のヒントが一杯ですので。

また、プログラミングを勉強して、何か1つの言語をマスターすれば、転職にもいきてきます。

その際は、IT・Web・ゲーム業界の転職に強い「ワークポート」を利用して、スキルが活かせそうな会社を見つけてみて下さい。

>>ワークポートの転職支援をコンシェルジュから聞いてきた!2chとかの評判は気にする必要なし!

>>第二新卒の転職って成功するの?大手に行ける?を求人サイトのエージェントに聞いてきた

エンジニアとして転職相談しよう

そこで、興味をもった会社について、スタッフに相談し、詳細情報を得ることも可能です。

お金もかかりませんし、まずはお気軽に試してみて下さい。

>>【未経験OK】おすすめ転職サイトとエージェントの比較と評判、口コミまとめ(20代、30代向け)

>>社会人1年目、2年目、3年目、4年目、5年目、6年目で転職した会社員の事例(社歴)まとめ

>>リクルートの転職フェアの服装は絶対スーツで!スタンプラリーでダイソンとか求職者への待遇もハンパなかったぞww

>>【利用無料】未経験OK!仕事を変えて「年収を上げたい」「休みを増やしたい」「業界や職種を変えたい」と思ってる人におすすめのサービスまとめ

ではまた!

副業でも一人で、資金なしで始められる仕事

>>会社を辞めたらどうなる?自由ではない「フリーランス」というブラック企業を説明します

>>【口コミ】本当に稼げる副業ランキング!スマホで安全に儲かるものを紹介

>>【0円起業】副業でも一人で、資金なしで始められる仕事(商売)まとめ

家にいて、ネットでお金を稼ぐ方法

>>楽して儲けるのは悪いことじゃない!お金を稼ぐのは楽しいよ!例えば、団子屋、豆腐屋などで

>>今すぐお金が欲しい時に読む記事(高校生、学生、無職が1万円、5万円、10万円稼ぐ方法も紹介)

>>【副業】家にいて、ネットでお金を稼ぐ方法や賢いお金の稼ぎ方(短期間ですぐは無理)

スマホアプリ副業で楽して稼ぐ

>>【スマホアプリ副業】楽して稼ぐ仕事やバイトまとめ!主婦、大学生は2chも参考に

>>今より収入を増やす方法とヒントまとめ(副業したい会社員、主婦向けのおすすめ投資も)

>>サラリーマン、主婦、学生におすすめの副業まとめ:安全にネットで儲かる!アルバイトは非推奨

IT業界に転職したいけど未経験だ

>>【保存版】一人でできる仕事に就くために必要なこと、仕事の種類、求人まとめ

>>「IT業界に転職したいけど未経験だ」って人が求人を見る前に知っておくべきこと

>>短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法

プログラミングをやると就職で有利になる

>>「プログラミングをやると就職で有利になる」という理由で始めて仕事にすると後悔するよ

>>短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ

>>プログラミングでできること、日常生活での活用例、主要言語などまとめ

初心者時代、プログラミング独学に挫折した

>>初心者時代、プログラミング独学に挫折したぼくが正しい勉強法やおすすめサイト、本まとめとく

>>web系プログラマーを辛い、辞めたいと思って1年で辞めた人間がその理由と当時の生活書いとくよ

>>ベンチャー企業ランキングは参考にならないので、経験者として転職したらお得な会社まとめとくわ

無料のプログラミング学習サイト、入門アプリ

>>IT業界求人サイトの「未経験でもプログラマーになれます」は本当なのか?

>>【スクールも】無料のプログラミング学習サイト、入門アプリまとめ

>>【短期で】iPhoneアプリとAndroidアプリ開発初心者のための入門書とサイト(スクール)まとめ

プログラマーの「現状の需要」と「将来性」

>>プログラミングとは?入門者向けに勉強のやり方、無料アプリなどまとめとく

>>勉強会に参加しすぎるエンジニアはイケてない

>>プログラマーの「現状の需要」と「将来性」まとめとく(消えることも、なくなることもない職業)

>>未経験でプログラマーになるにはどうすれば?仕事内容や給料はどんな感じ?に答えておく

この記事を書いた人のTwitterアカウント

ツイートをまず見てみる>>@TwinTKchan
フォローいただければ、最新記事や、ブログで稼ぐ方法、投資でお金を増やす情報が手に入ります。

【無料】ブログで収入を得る方法をメルマガで配信中

知識0から「ブログで収入を得る方法」を学べるメルマガ
メールアドレス
YouTubeでも無料で学べます!

>>チャンネル登録はこちらから

いつもシェア感謝です!今回もぜひ

※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!

SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。