2017/07/12SHAREツイートシェアはてブGoogle+PocketLINEツイートシェアはてブGoogle+PocketLINEスポンサーリンクこれからPHPの勉強を始める方に向けて!PHP初心者の私が、実際に簡単なWebサイトを作成しながら学んでいく実践録です!!この記事の目標は、同じく初心者の方が、実際に「作って学ぶ」を実践出来る内容を提示することです。私自身は、他言語(C#、Javascriptなど)でのプログラミング経験がありますが、プログラミングを始めて勉強する方でも理解出来るように心がけて書いていきます。HTML・CSSに関しては説明を省きます。分かりにくい所等あればコメント等頂けたら凄く喜びます。こちらの記事は、「第3話」となっております。今回はここまで!質問・指摘はこちらからスポンサーリンクさっそく作り始めていきます!第二話では、ざっくりとした設計を行いました!ということで、さっそく作り始めてしまいましょう!!どんな作業が必要で、どんな順番でやっていくかまずは、どんな作業が必要で、どんな順番でやっていくのか。これを決めないことには、効率良く作っていくことは出来ないですね。どんな作業が必要かについて、ざっくりと考えてみます。画面上の細かい処理ざっくりと考えただけで、結構な量になりましたね。漏れている作業もあるかもしれませんが、とりあえずこれで進めていきます!ちなみにどの部分から、開発を行っていくか。それぞれ好みの所から作っていけば良いとは思いますが、おそらく、上で書いた作業内容を、上から順番に作っていくのが分かりやすいかと思います。いうことで、今回は上から順番に進めていくこととします。必要なテーブル・列を決めるテーブルの作成こんな所ですね。今回使用するデータベースを作成します。開発環境として、XAMPPを使用することにしたので、MySQLを使って進めていきます。いうことで、XAMPPのコントロールパネルを開きましょう!起動したこの画面の、「MySQLのAdmin」ボタンを押します。下の画像の赤枠の所ですね。Adminすると、こんな画面が出てきます。(※作成済みのDBに関しては、モザイクを入れています。)この画面の、左上にある「New」の所をクリックします。MyAdminデータベース作成の画面が表示されると思います。照合順序を「utf8_general_ci」と入力して、作成ボタンを押します。(※名前も照合順序も、違うものしてもらってもかまいません。先ほど作成したデータベース「anythingbookmarker」に実際にデータを格納するテーブルを作成していきます。今回必要なテーブルは、1つだけ。ブックマークの情報を格納しておくテーブルのみですね!テーブル名は「bookmark」とでもしておきましょうか。このテーブルに必要な列は、前回第2話で見た一覧画面を見ながら考えてみましょう。一覧こんな感じでしたね!画面上にある項目と、プライマリキー、そしてURLが必要そうですね。同じタイトル・URLのデータを登録された際にエラーにするのもめんどくさいし。登録したくなる可能性もあるかもしれないから。テーブルを作っていきましょう!!左のツリーから、先ほど作ったデータベースを選択すると、下のような画面が出てきます。上で書いた通り、テーブル名に「bookmark」と入力し、カラム数は「4」として実行ボタンを押します。赤枠で囲っている所は、特に注意してください。「id」列については、プライマリキー設定をして、「A_I」設定もしておきます。「memo」列に関しては、任意項目としたいので、NULL許可にしておきましょう。「A_I」設定とは何か分からないという方は、こちらの記事が分かりやすいかと思います!phpMyAdminで作成するテーブルのidに連番を割り振るには入力が完了したら、「保存」ボタンを押しましょう。こんな画面が出てきたら完成です!!保存これでデータベースの準備が整いました!!今回はここまで!今回はここまでとして、続きは次回!!次回は、画面のデザインを作っていきます。HTML・CSSの説明は省く予定なので、一気に3画面作っていきますよー!!第4話はこちら!【第4話】作って学ぶPHP!初心者による実践録!~デザイン編~記事の更新は、Twitterにて発信していきますので、フォローして頂ければ嬉しいです!!質問・指摘はこちらからプログラミング初心者の方は、本当にわからないことだらけだと思います。そんな方へ、少しでも役立つことが出来れば嬉しいです。分からない所があれば、こちらの記事にコメントを入れてください。出来る限り回答していきます!Twitterからの質問でもかまいません。間違い等あればご指摘頂けると幸いです。PHPに関しては、私自身キャッチアップ中のため至らない点もあるかと思います。UI】WinFormをお手軽にオシャレに変更!【リリース】超シンプル!!ブックマークを管理するだけのサイト!技術力ではない!?私が思う優秀なプログラマーの特徴とは。【第8話】作って学ぶPHP!初心者による実践録!~一覧画面3~【AnythingBookMarker】IDによるログインを追加!SmartLockで自動認証!【プログラミング】初心者におすすめ!勉強したことを身に着ける思考法。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。【第4話】作って学ぶPHP!初心者による実践録!~デザイン編~プロフィールのらくらへっぽこプログラマーとして、日々頑張って勉強をしております。未熟なITエンジニアだった私が、転職して1年でスキルアップしたこと。【リリース】朝が苦手な私が、朝活応援サイトを作りました。5万円だけ入れて半年放置した結果。