【第1回】プログラミング未経験だけどWebシステムを作ってやる!【システムの要件を考える】

2019年1月10日

初めてのWebシステムを作って公開するまでを書いていきます

このシステム自体は4,5年前から考えていたことだけど、やっと作り始めた
実際には2018年11月から取り掛かっていたけどもw

あ、カテゴリー名は公開後にシステム名に変える予定です
競合の出ることのないニッチな分野だけども、まぁ念の為

この記事では開発に取り掛かる前段階を書いていこう
そして、次に活かそう、、、正直疲れたよ

システム要件を決める

Webシステムを作るにあたってシステムの要件を決める必要がある
ここも未経験であるが故の宿命だが、何が要件にあたるかがわからない
プログラミングって言っても趣味レベルでEXCELのマクロやACCESS、
Pearl、PHPなどを触ったことがある程度

全て限られた人数で使うものだった
※PHPだけはバンドのホームページだったので、一応不特定多数

Webシステムは不特定多数が利用するため今まので経験は全く約に立たない

全くわからないので、適当に考えてみた

  • 不特定多数が利用する
  • 会員登録をしてログインをしないと使えない
  • データを保存する必要があるのでデータベースが必要
  • スマホでの利用が最多になる
  • 今流行りのPCとスマホが同じページ(レスポンシブデザインだっけか?)

ここまで考えたので、次はどの言語を使うかだ

開発言語を決める

開発言語と言っても、前述の通りまともな経験は一切ない
それどころかHTMLすら中々思い通りに作れないレベル

なんか分かりやすかった記憶があったのでPHPに適当に決めた
変数を定義しなくても使えるのは、ズボラな私にうってつけとも思った

そんなわけでPHPで決定!
データーベースはよく知らないからMySQLでいいや

開発環境を整える

さて、開発言語をPHP、データーベースをMySQLにしたわけですが
メモ帳で作って、サーバーにアップロードして公開!ってすると
記述ミスとかでエラーを吐きまくり、その都度修正・アップロードをすると
ハンパない手間がかかります

それを防ぐためというか、そもそもちゃんと動くのこれ?っていうのを
いつでも自分のパソコンで確認できるように、開発環境を整えます
私が考えた作るべき開発環境は、下記を満たしていること

  • PHPが動く
  • MySQLが動く
  • 初心者なので、記述ミスがあれば教えてほしい
  • 頻繁に書く命令文は、ショートカットキー的な感じで補完してほしい
  • 無料

そこでGoogle先生に聞いて色々調べました
まずPHPとMySQLが動く環境作りには、xampp(ザンプ)を選びました。
公式HP:https://www.apachefriends.org/jp/index.html

データーベースはMariaDBってやつですけど、MySQLとの互換性が高く、
違いを意識しなくていいらしい(細かいとこまでは知らん!)
インストール方法とか設定は下記サイト見てやった
今さら聞けない!XAMPPをインストールする方法【超初心者向け】

正直そろそろTechAcademyに入会した方が良いくらいこの後も参考にはしてる
入会しないけどw

そしてエディタ(便利なメモ帳)にはAtomってやつを選びました
公式HP:https://atom.io/

インストールとか日本語化は下記サイトを参考にした
【すぐわかる!】Atomエディタのインストールと日本語化、便利な使い方

なんでAtomにしたかは正直覚えてないけど、
電車の中とかで探してて、これがいいなぁって思った記憶はありますね

linter-phpっていうパッケージを入れれば、リアルタイムでPHPの記述ミスを教えてくれるので
非常に便利です。

ここまでで前準備が終わりました。
ちなみにデザイン能力に乏しいのでBootstrapっていうフロントエンドWebアプリケーションフレームワーク ってのも入れました
公式HP:https://getbootstrap.com/

さて次は?

ここまでで疲れたので、今回はここまでです
次回はテーブル定義を考えたりとか結果的に無駄なことをした話でもしようと思います

第3回くらいから実際のプログラミングに入る、、、かもね?