【D76】JavaScript(jQuery)

JavaScriptとは

JavaScriptは、プログラミング言語であり、HTMLやCSSと並ぶ World Wide Webの中核技術の一つ。

JavaScriptはJSと呼ばれ、Javaとは全く別の言語。

JavaScript どんな時に使う?

JavaScript は、クロスプラットフォームで動作するオブジェクト指向のスクリプト言語で、ウェブページをインタラクティブにするために使用されます(例えば、複雑なアニメーション、押下可能なボタン、ポップアップメニューなどを設けることです)。

JavaScript 何のために?

JavaScriptは主にWebシステムの開発に用いられます。 例えばユーザーが見ているWebコンテンツを動的に生成したり、フォームに入力された情報をチェックしたりするなど、WebブラウザとWebサービスとのやりとりを円滑にするためのフロントエンド言語として使われています。

JavaScript 何が難しい?

HTML/CSS・JavaScriptはWebサイトの見える部分を作るために用いられます。 HTMLに構造、CSSに装飾、JavaScriptに動的な処理を記述。
JavaScriptにはHTML/CSSが大きく関わるため、まったく知識がない状態では学習が難しいです。

JavaScriptのメリットは?

JavaScriptのメリットとして大きく「環境構築が必要ない」・「フロントエンド開発とバックエンド開発どちらとも可能」・「フレームワークが豊富」の3つがあげられます。 プログラミング言語を利用するには環境構築を必要とする場合がほとんど。 JavaScriptに関しては、環境構築が不要です。

jQueryとは

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリ.

多くのWebページではJavaScriptのライブラリであるjQueryが利用されている。

まずは、これだけ覚えよう!jQueryの読み込み方法

【その1】一番上にjQueryの本体を読み込む(記述する。)

jQueryの公式サイトからダウンロードしたりCDNで直接読み込みましょう。
※要するにJavascriptの難しいのをまとめているファイルを読み込みます。

て読み込む方法は2つあります。
1.CDNで読み込む
2.ファイルをダウンロードして読み込む
※どちらでも大丈夫ですが、一般的にはCDNの方が多い

【その2】自作の「コード」を読み込む(記述する。)

まず覚えておくのはこの3点

【その1】一番上にjQueryの本体を読み込む(記述する。)
【その2】自作の「コード」を読み込む(記述する。)
【その3】動きに該当する要素(HTMLのタグ+IDなど)と連動させる
この3点に注意しながら色々なサイトを見てみよう!

単純に言ってしまうと、ここまで学んだ、「HTML」と「CSS」の他には、この「Javascript」しか無いと考えても良いです。
今後開発される可能性はありますが、いま世の中にある多くのWebページはこの「HTML」「CSS」「Javascript」で作られてい
ると考えて頂いて大丈夫です。まずは様々なWebページに組み込まれている「Javascript」を見てみてください。

jQueryの利用方法(復習)

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。

  • スライダー
  • カルーセル
  • ハンバーガーメニュー
  • ライトボックス
  • ドリルダウン
  • フェード
  • スクロール など

現場で求められること

必要とされるのは、「間違い探し」修復する為の「HTML」「CSS」「Javascript」の知識と経験が必要となるでしょう。
当然その知識と経験を得るには、多くの作品を作成する事と、作品に携わる事です。
ここから多くのお仕事が経験できるようにしっかりと一つ一つの技術の制度上げていきましょう。

Jqueryダウンロード

多くの人はjsという名前のフォルダを作成し、HTMLから読み込めるようにする

JQueryのバージョンについて

昔のバージョンじゃないとダメな時は、前のバージョンをダウンロードすることが必要。

今のところCDN読み込むはGoogleのCDNを引っ張ってくるのが一番良い。

所感

サイトに動きが出ると、魅力的に表現できると思う。

HTMLとCSSがわかってできるコーディングとなるので、今のところちょっとまだ私には危ないかな?とは感じるが、すでに存在しているサイトの分析などから勉強ができるかと思った。

理解と自分のスキルにしていくのには時間がかかるので、慣れていきたい。

Categories