プログラミング初心者の方向けにJavaScriptを解説します

こんにちは、DAIKIです。
今回はコーディングのJavaScriptについてまとめてみました。
現在コーディングされている方はもちろんこれからプログラミング始めてみようかなという方向けにこの記事を書きました。

[JavaScriptとは?]
そもそもJavaScriptとは、ブラウザ（ネット上で公開されているwebページ等を閲覧・操作する時に使うソフトウェア）で動くプログラムです。
ブラウザにサーバーとやりとりさせる事なく、HTMLの要素に変化を加える事ができます。
例えば、「ボタンがクリックされたらメニューを表示」、「画像をクリックしたら画像を拡大して表示」等。
また、下記の物を作る時にも使用します。

・メッセージBOXの表示
・カレンダー
・地図
・ゲーム

[コードについて]
まずは、下記のコードをHTMLファイルに書き込んでファイルの内容を反映させます。
<script src = "ファイル名.js"></script>

次にRubyと比較してコードを確認していきます。

<Rubyとの違い>
①返り値がRubyが「nill」に対して「undefined」
②末尾は;(セミコロン)を付ける
③括弧はRubyでは省略可能だが、JavaScriptは不可能。
④下記の通りです。

(Rubyの場合)
・出力
puts "Hello World"

・変数
x= 1
x= 5
name= "daiki"
array=[1,2,"a"]

・関数
def 関数名(引数)
処理内容
end

・オブジェクト
hash = (key1:"value1")
hash[:key2]="value2"

(JavaScriptの場合)
・出力
console.log("Hello World");

・変数
var x= 1;
var x= 5;
var name= "daiki";
var array=[1,2,"a"];

・関数
function 関数名(引数){
処理内容
}

・オブジェクト
var hash = {key1:"value1"};
hash key2="value2";

次回の記事では、もう少し掘り下げてJavaScriptのライブラリであるjQueryについて説明をしたいと思います。
最後までお読み頂きありがとうございました!
もし良かったらTwitter(@CIVA_daiking)もしているので、フォローをポチッと押して頂けると嬉しいです。

プログラミングスクール「TECH CAMP」では無料説明会・無料体験会を行なっていますので気になった方はぜひ!→https://tech-camp.in/briefings
入学希望の方は紹介欄に「b0d390」と入力すると割り引きを受ける事ができます→https://tech-camp.in/proposals/new

・エンジニア転職コースの受講確定で受講料が10,000円OFF
・プログラミング教養コースの受講確定で受講料が5%OFF

※実際に入力すると送信前の確認画面で金額が安くなっている事が確認できるのでお気軽にお試し下さい。

プログラミング学習者におすすめの技術書

[Rails編]
現場で使える Ruby on Rails 5速習実践ガイド

概要
Railsアプリケーションの受託を行なっている、株式会社万葉が監修した解説書です。タスク管理アプリを作りながらスキルを身につけるチュートリアル形式になっています。また、開発現場で必要となる知識にも多く触れられています。
オススメポイント
アプリ開発の現場で必要なスキルについても解説されているため、Railsの基礎を終えてもう一歩詳しく学びたい方に適しています。
・slim（ビューをコンパクトに記述できるGem）・エラーメッセージの表示の仕方・アプリが大きくなるにつれてコードが複雑になりがちなことにどう対処するか・Rspec（コードの正しさをチェックするツール）の使い方あ
など大事なテーマについてわかりやすく解説されています。

[HTML/CSS編]
HTML5/CSS3モダンコーディング

概要
見本サイトを作る中で、作成手順を学ぶチュートリアル形式の書籍です。・スタンダードレイアウト・グリッドレイアウト・シングルページレイアウトこの3つのスタイルのサイトを作成することができるようになります。
おすすめポイント
非常に実践的なサイトを作成できるようになります。サイト作成の方法がわかるだけでなく、随所にどうしてそう書くかなどの補足もしてあるため仕組みの理解もできるようになっています。

[デザイン編]

『ノンデザイナーズ・デザインブック』 Robin Williams (著)

デザインはセンスでなく、技術です。この本に書かれた技術を使えばデザイナーでなくても、基本を押さえた美しいサイトを作ることができるようになります。

[AI編]
［第2版］Python機械学習プログラミング 達人データサイエンティストによる理論と実践

分類、回帰問題から深層学習までは幅広く取り扱っている図書です。内容には数学的な理論もかなり多いですが、全ての理論に対して実践であるPythonのコードが付随しているのでコードを書きながら更に深く機械学習を学ぶことができます。

戦略的データサイエンス入門 ―ビジネスに活かすコンセプトとテクニック

機械学習をビジネスの場面で利用するにはデータサイエンスの基礎的な知識が必要です。この本はデータサイエンスの初学者でも分かりやすいように丁寧にデータサイエンスについて書かれている本です。

[その他]
『リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック』Dustin Boswell (著), Trevor Foucher (著)

プログラミングの時間の大半は「いかに綺麗で読みやすいソースコード」を書くかを考える作業になります。リーダブルコードにはそんな誰もが読みやすいコードを書くためのエッセンスが詰まっています。

プログラミング初心者やこれから始めたい方におすすめのMacbook一覧

2017年発売のMacbook Air(中古で付属品一部なし傷あり、残り1台)
2020年発売のMacbook Air(新品、送料無料)
2016年発売のMacbook Pro(中古で傷あり)
2019年発売のMacbook Pro(新品、送料無料)