hatopukuの日記

筋トレしか取り柄がない人の形をした生物ハトプクです。よろしくお願いいたします！

「確かな力が身につくJavascript「超」入門」について！

本
皆さんどうも！ハトプクです！
 
去年の1月1日「今年は必ず副業で収入を得る」と目標をたて
今年の1月1日「今年は必ず副業で収入を得る」と目標をたてました(-_-;)
何も変わっていない自分がとても悔しく
いっそのことバクテリアに生まり変わりたい気分です........
 
本題に入っていきたいと思います！
今回は、これからjavascriptの勉強を始めていきたいと考えている方に
是非ともお勧めしたい一冊の本を紹介します！
 
この本について、ハトプク自身が学べた！と思った事を
大きく分けて3つの項目に分けて紹介していきます！
・JQueryについて
・Ajaxについて
・APIについて
 
JQueryについて
JQuery　→　javascriptプログラミングを簡単に書くために設計されたライブラリのこと
※ライブラリ：野菜の詰め合わせパックのように、あらかじめ加工された機能のこと
 
javascriptでJQueryを使うには
事前にJQueryプログラム本体のファイルを読み込む必要があり
JQueryのサイトからダウンロードが可能になっています！
 
ダウンロードしたファイルを、リンクタグを使ってそのページと関連付けさせ
初めてJQueryを使えます！
記述方法は様々ですが、一部記述例を紹介します！
 
//ここでJQueryファイルをダウンロードする
<script src="jqueryファイルパス"></script>
//処理内容
<script>
$(document).ready(function() {
　　//何かしらの処理
　});
</script>
 
意味は、「HTMLが読み込まれたらfunctionの｛～｝の処理を実行する」
という意味です！
 
 
このような感じの記述で
webサイトのこのボタンがクリックされたら、こういう処理をする
というプログラムも記載可能です！
 
 
Ajaxについて
「asyncronous Javascript and XHL」の略で
非同期でサーバーとのデータ通信を行って、webサイトの表示をすることです！
 
 
主な例として、地図で使われていたりします
（表示されていない地図情報があっても画面上の操作ができるのはAjaxのおかげです)
記述方法は
 
$.ajax {
　url: アクセス先のパス
　type: データタイプ
　・
　・
.done {
　//通信成功した時の処理
}
.fail {
　//通信失敗した時の処理
}
 
少し複雑ですね(^^;)
 
 
APIについて
アプリケーションの一部の機能をプログラムをとおして利用する「仕組み」のことです！
 
 
例えば、あなたの友達が愛着している服を、あなたが借りるみたいな感じです
（本当にざっくりなため、参考程度にしてくださいww）
 
 
この本では、この機能を使って現在地の天気予報をwebサイトに表示させたり、郵便番号か住所を取得できたりといったことが出来るようになります！
以上で今回の記事は終了にしたいと思います！
 
 
自分自身Javascriptの学習は初めてで、わからないところもいくつかはありましたが、自分のように初心者の人でもプログラムの流れがわかりやすく理解できるように説明がされていたため、しっかりとインプットできました！
 
 
本の表紙にも「超入門」と記載されている通り、初めてjavascriptを学習する人には
とてもお勧めできる一冊だと思います！
ではまた次回！