CodeCamp（コードキャンプ）のデザインマスターコースレビュー・感想｜5日目

こんにちは。コードキャンプ株式会社が運営するプログラミングスクール「CodeCamp（コードキャンプ）」でプログラミングを学習している永尾です。

初めまして。永尾圭と申します。

オンラインでプログラミングのレッスンが受けられるコードキャンプでは、現在７種類の講義を扱っています。おしゃれなWEBサイトを作ってみたいと思っていた私は、７種の講義の中でも、PhotoshopやIllutrator、HTML &CSS、さらにはJavaScriptまで学習できる「デザインマスターコース」を受講することにしました。

私が受けているコースは「デザインマスターコース」です。HTML/CSSなどWebデザインを行う上では欠かせないコーディングの知識に加えて、PhotoshopやIllustratorの使い方までマスターできる内容です。

引用：CodeCamp（コードキャンプ）

受講回数は2ヶ月（20回）、4ヶ月（40回）、6ヶ月（60回）の３つから選べます（今回は2ヶ月間受講します）。

引用：CodeCamp（コードキャンプ）

さらに、CodeCamp（コードキャンプ）の「デザインマスターコース」には厚生労働省の「教育訓練給付制度」が適用されるため、最大6万円のキャッシュバックが受けられる可能性もあり、非常にお得です！！

引用：CodeCamp（コードキャンプ）

それでは、2018年10月11日に受講した、Codecamp（コードキャンプ）「デザインマスターコース」第5回目の学習内容をレビューします。

デザインマスターコース5日目｜CodeCamp（コードキャンプ）

本日の講師： 石川　博子先生

こんにちは。私は、エンジニア歴２５年ほどある石川と申します。

大手ゲーム会社でエンジニアのキャリアをスタートし、フリーランスを経て、ベンチャー企業を立ち上げています。制御系のシステムからWeb系のシステムまで幅広い開発経験があり、プロジェクトマネージメントなどの経験も豊富です。

開発業務のほかに、最近は、新人研修の技術研修や初心者向けのシステム設計研修など、担当しております。休日はアウトドアでジョギングなど、体を動かしていることが好きです。よろしくお願いいたします。

第5回目のレッスンで学んだことは以下の内容です。

1.第５章（関数）「 return」についての説明

石川先生、本日はよろしくお願いします。

よろしくお願いいたします。本日はどのように授業を進めて行きたいかのご希望はありますか？

はい、５章から８章の途中まで自分で学習したのですが、その中でいくつか疑問点があったので、まずはそちらをお聞きしたいです。

まず、第５章（関数）で「return」というコードが出てきているのですが、教科書の説明ではいまいち意味が理解できませんでした。

第５章（関数）「return」の説明

教科書には”関数を実行した際に値を返す”とありますが、値を返すとは具体的にどういう意味ですか？

わかりました、「return」ですね。「return」とはわかりやすく言うと「function」の外に値を出してあげるコードなんです。

「function」は基本的に「function」の中でコードが完結しています。だから「return」がないと「function」で発生した値を外に出すことができないんです。

教科書のコードで「return」がなくなるととどうなりますか？

第５章（関数）「return」を含むコード

このコードで「return」がないと、「function」を実行しても「str」に情報を入れただけで終わってしまい、「str」の値は使えず、何も動かないはずです。

そう言うことなんですね、納得できました。「function」内で定義した値を「function」の外で使う場合「return」が必要になるということですね。

2.「;（セミコロン）」についての解説

次の質問をさせてください。教科書の序章で、JavaScriptでは行の最後に「；（セミコロン）」をつけると習ったのですが

０章　序章　alert()の書き方

文末にセミコロンをつけ忘れてもJavaScriptが正常に動作しているのですが、結局セミコロンは必須ではないのですか？

；（セミコロン）が抜けているコード

セミコロンがなくても動作するのは、実はコンピューターが気を効かせて、セミコロンを忘れてもセミコロンがあるものとして判断してくれているからなんです。

複雑なコードになってくると、セミコロンをつけ忘れるとエラーを起こすこともあるので、セミコロンをつける癖は必ずつけましょう。

セミコロンは必要ないと思っているのは間違いなんですね。ありがとうございました。自分はセミコロンをよくつけ忘れるので気をつけます。

そうですね。

今回はセミコロンがなくてもたまたまうまくいったんだと思っていた方がいいですね。相手がコンピューターであることを忘れず、コンピューターが理解しやすい正確なコードを書くことを心がけましょう。

3.８−６課題（初級）についての質問

８−６課題初級

８章の課題がいまいちよくわかわかりません。最初の方から教えていただけますか？

８−６課題初級で作成したコード

これが、黒いボタンを押すと背景が黒くなるコードなのですが、うまく動きません。

そうですね、まずはよりコードをわかりやすくするために１１行目の「if分」を非表示にしましょうか。

１０行、１１行、１５行に「//」を入れてあげると非表示になります。また、８行目の（）のなかの「color」も消しましょう。まずはそれで実行してみてください。

８−６課題初級で作成したコード　修正後

実行したのですが、うまく動作していません！

わかりました。それでは「別タブ」を押してみましょう。

別タブを開くボタン

別タブで開いたページに行ったら、右クリックから「検証」を押しましょう。そうすると画面表示が変わるので、画面右上の「Console」をクリックしてください。そうすればエラー箇所が表示されます。

Console画面

何も表示されていないみたいです。

おかしいですね、確かにコードを見ても合っているように見えるのですが。おそらく、単語のスペルミスでしょう。

大変申し訳ないのですが今回はお時間がなくなってきたので、この課題は後ほど私の方でも作成してどこが間違っているか見つけておきますね。後ほどコメントでわかったことを共有させていただきますね。

わかりました。お待ちしてます。その間にできるだけ課題を進めておきます。

デザインマスターコース5日目の成果と課題｜CodeCamp（コードキャンプ）

第5回を受講して学んだことと、次回に向けた課題について整理します。

今回は、疑問に思っていたことが解決できました。しかし、８章課題をレッスン内で終わらせられなかったのが残念です。

８章課題の進め方のアドバイスは頂けたので、次回までに８−６課題（初級）に加え、他の８−５課題、８−７課題（中級）も終わらせたいです。

８−５課題

８−７課題（中級）

デザインマスターコース5日目の感想｜CodeCamp（コードキャンプ）

第５回のレッスンが終わりました。JavaScriptが８章に入ると急に難しくなったので少しびっくりしました。

いい機会なので、土日を使ってJavaScriptの第１章から復習しなおそうかなと思います。

今回のレッスンではコードが動かないことがありましたが、後ほど石川先生から間違いの箇所について以下のメッセージが来ました。

石川先生のレッスン後のメッセージ

やはり問題は単純なスペルミスだったようです。

ちょっとしたミスで、うまくコードが動作しなくなるプログラミングの怖さを学べたレッスンだったのかなと思います。次回以降は気をつけるようにしたいです。

CodeCampの無料体験を申し込む

CodeCamp（コードキャンプ）の「デザインマスターコース」とは

CodeCamp（コードキャンプ）の「デザインマスターコース」は、Webデザイナーになるために必要な知識を基礎から実践まで学べるコースです。

＞＞無料体験レッスン受講で10,000円OFFクーポンプレゼントキャンペーン実施中

引用：CodeCamp（コードキャンプ）

CodeCamp（コードキャンプ）「デザインマスターコース」の料金

CodeCampの無料体験を申し込む