こんにちは。コードキャンプ株式会社が運営するプログラミングスクール「CodeCamp（コードキャンプ）」でプログラミングを学習している井旗です。
私が受けているコースは「プレミアムコース」。HTML/CSSからJavascript、PHP/MySQL、Photoshop、Illustratorまで、Codecamp（コードキャンプ）で用意されているすべての言語やスキルを自由に組み合わせて自分だけのカリキュラムを組める贅沢なコースです。
受講回数は2ヶ月（20回）、4ヶ月（40回）、6ヶ月（60回）の３つから選べます（今回は2ヶ月間受講します）。
それでは、2018年12月29日に受講した、Codecamp（コードキャンプ）「プレミアムコース」第10回目の学習内容をレビューします。
目次
プレミアムコース10日目｜CodeCamp（コードキャンプ）
本日の講師：足谷保典先生
2012年よりフリーランスとして活躍。独立から、お客様よりウェブに関するさまざまな相談を受けシステムの提案から設計・開発を担当。最近では縁あって講演や執筆活動などにも取り組む。担当言語はPHPとJavaScript。以前学校で授業を教えていた経験もあり、教えることはとても好き。
第10回目のレッスンで学んだことは以下の内容です。
CodeCamp（コードキャンプ）プレミアムコース第10回目のレッスン内容
-
JavaScriptの第10章jQuery課題について解説
-
PHPの第16章課題ふたつについて解説
１.JavaScriptの第10章jQuery課題について解説
今回は、受講までにJavaScript第10章の課題である「jQueryでの九九表作成」を予習しました。
以前に九九表は何かしらの言語で作成したことがあり、for文を使った表の作成のロジックについては理解していたものの、装飾の要件を満たすためのロジックを見出せず、苦労していました。
ググりながら他の人が書いたコードを真似てやっとCSSを反映し、装飾の要件も満たすことができたのですが、何をプログラムしているかを理解できませんでした。本来どのような考え方でプログラムすべきなのか、先生にお伺いしました。
課題を解いていくにあたり、具体的な要件としては「jQueryを用い、隣り合うセルの色が異なる九九表を作成してください。」というものでした。
なんとか形にはしたものの、どうやってCSSを反映させればいいのか…そもそも隣り合うセルの色が異なるってどういう時に起きるんだ？？？という状態から、講義スタート。
本日はJavaScriptの１０章をやっていたのですが、一応九九表は完成させたのと、CSSもつけることには成功したのですが、なんでこれでCSSが反映されるのか理解できませんでした。本来どうすべきだったかについてちょっとアドバイスいただきたいです！
ちょっとコード見たのですが、これ複雑なものを使っていますね。他人に見せる用のコードじゃない考え方で、jQuery minというもので作成されています。具体的には条件分岐の式が、三項演算子というもので書かれています。
現在までのプログラム
完成したプログラム
実行結果、完成形（色がやっぱり気持ち悪い）
2.PHPの第16章課題ふたつについて解説
第16章では、PHPによるDB操作を勉強しています。
今までDBであるSQL側の管理画面で直接データを加工することについて勉強していましたが、PHP上でDBの操作をしつつ、ウェブにまたデータを引っ張ってきて表示するプログラムなどの書き方を勉強しています。
基本の説明に関してはすらすら理解することができていましたが、実際に一からプログラムを書くとなるとなかなかうまく実行することができませんでした。予習は章末課題3つのうち、2つに取り組んでいます。
課題1の要件
自力で、DBへの接続と表示するところまでPHPで書いてみて、その他HTMLのselectメソッドで選択肢を表示、送信する機能を書いてみました。
おそらくこのデータを元にHTML上でデータの出し分けをするのかなと思ってちょっとプログラムしてみたのですが、あまりうまくいかなかったです…解決に向けてヒントください！！
あとはデータの出し分けのための手順か…まずデータを出し分けるときは、HTMLの方をいじるのではなく、データベース側で取ってくるデータを指定する時に条件分岐をします。
form完成プログラム
9行目以降がデータ取得のプログラム
完成したDB操作のプログラム
プレミアムコース10日目の成果と課題｜CodeCamp（コードキャンプ）
第10回を受講して学んだことと、次回に向けた課題について整理します。
- jQueryの使い方
- PHPでのDB操作、条件分岐の方法
- 課題：PHPからINSERT、DELETE、UPDATEする方法
今回は、jQueryでの九九表作成を勉強しながら、CSSの付け方、またPHPでのDB操作について一部勉強することができました。次回、第１１回に向けて、PHP第16章の残りの課題と、17章の勉強に取り組みます。
第１６章 課題2
第１６章 中級課題
プレミアムコース10日目の感想｜CodeCamp（コードキャンプ）
今回の授業では、ちゃんと一からわからないことを潰していくことに注力しました。特にjQueryでは人から教わったことであまり理解できていなかった部分だったので、ちゃんと理解できるプログラムに書き換えることができて、とてもスッキリしたと同時に良い勉強になりました。
PHPの勉強に関しては、前回の学習から結構経っており、DB操作はもちろんのこと変数を使ったHTMLの情報の受け取り方など、複雑で理解できていない部分を復習し、少し理解することができました。
引き続き、PHPのDB操作について課題に取り組む中で理解を深めていくと同時に、学習のスピードを上げていければと思います。
CodeCamp（コードキャンプ）の「プレミアムコース」とは
CodeCamp（コードキャンプ）の「プレミアムコース」は、CodeCamp（コードキャンプ）で学習できるすべての言語を選べるコースです。学習の方法（どの言語をどれだけ学ぶのか）についても自分で決められることもあり、複数コースを受講するよりも断然お得な価格設定となっています。
CodeCamp（コードキャンプ）「プレミアムコース」の料金
| ２ヶ月 |
|
| ４ヶ月 |
|
| ６ヶ月 |
|
CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜記事一覧
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜1日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜2日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜3日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜4日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜5日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜6日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜7日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜8日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜9日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜10日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜11日目
- CodeCamp（コードキャンプ）のプレミアムコースレビュー・感想｜12日目
これから就職した際など、webデザインやエンジニアとしての知識を身に付けたいと思いCodeCamp（コードキャンプ）で必死に勉強中。
オンラインプログラミングスクールでどれだけ力がつき、どのような成果物を作れるようになるのか、日々ワクワクしながらプログラミングの勉強をしています。