【第1話】作って学ぶPHP!初心者による実践録!~前準備~

これからPHPの勉強を始める方に向けて!

PHP初心者の私が、実際に簡単なWebサイトを作成しながら学んでいく実践録です!!

この記事の目標は、同じく初心者の方が、実際に「作って学ぶ」を実践出来る内容を提示することです。

私自身は、他言語(C#、Javascriptなど)でのプログラミング経験がありますが、プログラミングを始めて勉強する方でも理解出来るように心がけて書いていきます。

ただし、HTML・CSSに関しては説明を省きます。ご了承ください。

また、分かりにくい所等あればコメント等頂けたら凄く喜びます。

 

作っていくものを決めます

私のプログラミングの勉強方法なのですが、基本的に何かを作りながら勉強するようにしています。

理由やメリットに関しては、こちらにまとめています!

【プログラミング】初心者におすすめ!勉強したことを身に着ける思考法。

 

ということで今回も、実際にWebサイトを作りながら進めて生きたいと思います。

 

ちょっとした不便なことを解消してみる

今回は、最近私がちょっと不便だなと感じていることを題材にしてみたいと思います。

それは、

ブラウザのブックマークが増えすぎて、使いづらい。そして、デバイスに依存しない形でブックマークをしたい!

というもの。

これを解決するために、「ブックマークを管理するだけのWebサイト」を作ってみようと思います!

もちろん、わざわざWebサイトを作って管理しなくても解決方法はあると思うのですが、

良い題材になるかなってことで、これを題材とします!
(良い解決方法をご存知の方は、ぜひ教えてください。切実に。)

良い題材の理由としては、こんな感じ。

・データベースの接続から、追加・更新・削除までを一通り使用するということ
・データベースから取得したデータを表示する機能が必要なこと
・ブラウザのブックマーク機能より、ブックマークへの手順が増えることになるので、入力補助機能が必要なこと

 

データベースとの絡みを持たせる所が学べるのが重要なポイントです。
これが出来れば、色んなことが出来るようになるはず。

「データベース」がそもそも分からない!という方は、こちらを参考にしてみてください!

いまさら聞けないデータベースとは?〜基礎の基礎を学ぼう〜

 




まずは開発前の準備をしよう

作るものが決まったので、何はともあれ開発前の準備を先に整えてしまいましょう。

 

ローカルに開発環境を整える

まずは、開発環境から。

今回は、自分のローカル環境で開発をしていくことにします。

自分のローカルに開発環境を作る方法は、こちらの記事にまとめていますのでこちらからどうぞ!
(私のパソコンがWindowsなため、Macの方は多少操作が異なる場合がありますのでご注意ください。)

【XAMPP】Windowsの自宅PCでPHP開発環境を立てる

 

開発環境が整ったら、さっそく次にいってみましょう!

 

デザインはBootstrapを使って簡単に

今回のメインは「PHPを学ぶこと」なので、デザインを整える所はテンプレートに任せることとして

CSSフレームワークである「Bootstrap」を使ったテンプレートを導入していきます。

「Bootstrap」って何だ!?って方は、こちらのサイトが分かりやすくまとまっていますので参考にしてみてください!

Webデザイン初心者は見ておきたい!Bootstrapの使い方を徹底解説!

テンプレートは何でも良いのですが、今回は「Honoka」を使ってみることにします。
(理由は特にないです!単に使ってみたかったから。)

ということで早速、導入していきます!

「Honoka」の公式ページはこちら。

 

Honoka

Honoka

 

 

Demo」と書いてある所を押すと、どんなデザインなのかを確認することが出来ます。

ダウンロードについては、「Download from GitHub」と書かれたボタンを押します。

 

GitHubの画面にいきましたね。

Github

Github

 

このページの「Downloads」と書かれた項目の1番上のZipファイルをダウンロードしましょう。

ダウンロードが出来たら、解凍をしてこれから開発していくファイルを置く階層に配置します。

今回は、こんな感じの階層を作って配置をしました。

 

folder

folder

 

これで開発前の準備が完了です!

 

どんなページを作るのかイメージを固める

次は、実際に作るページのイメージを固めていきます!

ただ、ちょっと長くなってしまったので続きは次回!!

第2話は、「~設計編~」です!!

【第2話】作って学ぶPHP!初心者による実践録!~設計編~

記事の更新は、Twitterにて発信していきますので、フォローして頂ければ嬉しいです!!

 

質問・指摘はこちらから

プログラミング初心者の方は、本当にわからないことだらけだと思います。
そんな方へ、少しでも役立つことが出来れば嬉しいです。

分からない所があれば、こちらの記事にコメントを入れてください。
出来る限り回答していきます!
Twitterからの質問でもかまいません。

また、間違い等あればご指摘頂けると幸いです。
PHPに関しては、私自身キャッチアップ中のため至らない点もあるかと思います。
ご指摘頂いた内容は、随時修正していきます!

 
【ブログ村参加中です!】

 

それでは、
のらくら でした!!

5 Comments

【第11話】作って学ぶPHP!初心者による実践録!~追加画面③~ | のらくらプログラマーがゆく。 にコメントする コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です