初心者がWebアプリを開発する7STEP

プログラミングって最初が難しいですよね。でも自分で何か作れたらおもしろいと考えている人も多いでしょう。

僕も例に漏れず、何度もプログラミングに挑戦しましたが、22歳の時から4年間プログラミングに挫折し続けていたんです。

でもこれから解説していく方法で勉強を開始してから半年でWebアプリをリリースすることができました。

当時の僕は自分でもびっくり!でも本当はプログラミングって難しくないんですよ。

だから僕のように無駄な遠回りをしないように初心者からスラスラWebアプリを作るための解説ページを立ち上げました。

このページを見ながらみなさんもWebアプリを開発してみてください。

こんなサンプルアプリを開発していきます

 

STEP1 Webアプリケーションの仕組みを知ろう

まず最初にWebアプリが動く仕組みを見ていきましょう。

Webアプリの全体像を理解する

Webアプリは複数の言語を使うため難しいと思われがち。でもHTMLとデータベースは簡単なので実際はPHPの勉強が中心になります。

まずはその事を理解しましょう。

【挫折させないWebアプリ講座①】プログラミング初心者必見!Facebookで学ぶWebアプリの仕組み

2017.05.05

 

STEP2 作りたいWebアプリを決めよう

プログラミングができるようになるためには、モチベーションが大切。自分の作りたいものがあれば、モチベーションは自然に上がっていきます。

STEP2ではあなたの作りたいものを見つけましょう。

アプリのアイデアを出す具体的な方法

作りたいものが見つからない人はこの記事を参考に。

【挫折させないWebアプリ講座②】Webアプリを企画しよう〜Webアプリでできる事とアイデアの出し方

2017.05.07

簡単なアプリの設計を考えよう

作りたいものが見つかったら、まずは簡単に全体像を考えてみよう。

【挫折させないWebアプリ講座③】Webアプリの要件定義〜必要な機能とデータベース設計のお話〜

2017.05.08

STEP3 開発環境を構築しよう

プログラミングを始めるには開発環境を構築しなければいけません。

以前は難しいツールを導入したり、ここで挫折してしまう人も多かったのですが、Cloud9というWebブラウザで開発環境を構築できるツールが登場。

ここではCloud9を使って3分で開発環境を構築します。

絶対に挫折しない開発環境構築

【挫折させないWebアプリ講座④】プログラミング初心者が挫折する開発環境を3分でゲットする方法

2017.04.29

PHPで段階的にプログラミングに慣れよう

開発環境ができたら最も簡単なPHPのコードを書いてみよう

【挫折させないWebアプリ講座⑤】オブジェクト指向は使わない、PHPで挫折知らずなスタート

2017.05.01

STEP4 PHPとHTMLの連携を学ぼう

Webアプリの開発に欠かせないユーザーからのデータ受け取り。

シンプルなコードでユーザーからデータを受け取る事を体感しよう。

ユーザー管理の第一歩、HTMLからデータを受け取ろう

【挫折させないWebアプリ講座⑥】ユーザー管理の第一歩、HTMLからデータを受け取ろう

2017.05.16

STEP5 PHPとMySQLの連携を学ぼう

Webアプリ開発に欠かせないもう一つの要素であるデータベース。

このSTEPではPHPを使ってデータベースを操作する事を学んでいきます。

Webアプリの肝 PHPでデータベースを管理しよう

Cloud9でデータベースを使うための準備をしよう

Cloud9でデータベースを使うための準備をしていきましょう。

【挫折させないWebアプリ講座⑦】Webアプリのキモ。Cloud9のデータベースを準備しよう!

2017.05.18

データベースに情報を登録してみよう

最も簡単な例を使ってphpからデータベースに文字を登録してみよう。

【挫折させないWebアプリ講座⑧】PHPとMySQLを連携してデータを保存してみよう

2017.06.04

データベースから情報を取り出してみよう

今度はデータベースにある情報を取り出してみよう。ユーザーからのリクエストに対して情報を開示することはWebアプリに必須の機能となるので、要チェック。

【挫折させないWebアプリ講座⑨】MySQLからデータを取り出そう

2017.06.09

STEP6 Webアプリっぽく改良してみよう

ここまでは簡単な例で練習してきたので、Webアプリっぽくないプログラムになっています。

STEP6では実際にユーザーからの情報を反映するプログラムへと改良していきます。

【挫折させないWebアプリ開発講座⑩】Webアプリを使いやすく改造しよう

2017.06.30

STEP7 セキュリティを強化しよう

Webアプリを外部へ公開する場合はセキュリティの強化が必須。

Webアプリのセキュリティを学ぶ

Webアプリを攻撃する手法の紹介と対策をまとめました。まずはこれでクラッカーたちの行動を勉強しよう。

【挫折させないWebアプリ開発講座11】アプリへの攻撃事例とその対策

2017.06.27

いよいよラスト。セキュリティ対策ができたアプリへ改造しよう

【挫折させないWebアプリ開発講座、最終回】セキュリティを強化しよう

2017.07.01