脱jQuery!jQueryの書き方とJavaScriptに書き換える手順の動画リスト
今やモダンなWeb開発では、純粋なJavaScriptの力が求められています。この動画リストでは、jQueryからJavaScriptへとスムーズに移行する方法を分かりやすく解説します。
それぞれの動画では、まず一般的なjQueryの書き方を紹介し、その後、同じ機能をJavaScriptだけで実現するためのコードとその説明を提供します。DOM操作、イベント処理、アニメーションなど、jQueryでよく使われる機能のJavaScriptへの書き換えを網羅的にカバーしています。
この動画リストは、既にjQueryを使いこなしている方や、JavaScriptの基本的な知識はあるがモダンなJavaScript開発に移行したい方を対象としています。プログラミングの新しい可能性を開く一歩を踏み出しましょう。
-
15:35
jQuery(ジェイクエリー)とは何か?なぜjQueryは不要になったのか?
動画内で説明していた記事はこちらhttps://factory-programming-mv.com/posts/about-jquery/今回の動画では、以前よく使われていたjQueryについて説…
-
11:21
jQueryでDOM(HTML)の読み込み後に処理をする、$(function) についてと、JSでの書き方について
jQueryを学ぶとおそらく最初に学ぶことになる、$(function){}などについての説明と、それをJSで書き換えることについて説明しています。現代においてはdefer属性をJSの読み込み時につ…
-
13:57
jQueryでの要素の取得と、JavaScriptでの書き換え方について解説
jQueryからJavaScriptに移行するときに最初につまづくのが要素の取得です。そもそも取得のされ方が若干違うので、それぞれの要素の取得の流れと書き方の違いを見ていきましょう!動画内で紹介して…
-
09:02
jQueryにおける兄弟要素・親要素の取得とJavaScriptにおける書き方
jQueryで兄弟要素や親要素を取得する際には、next, prev, parentsなどのメソッドを使って取得することができましたが、JavaScriptでも簡単に書くことができますので、見てみま…
-
11:19
jQueryでクリックイベントなどの処理とJavaScriptでの書き方について。thisの意味と使い方も
このYouTube動画は、jQueryを使用してイベント処理(特にクリックイベント)を行う方法と、それをJavaScriptに書き換える方法について解説しています。また、動画では「this」の使い方…
-
09:26
jQueryでのクラスの切り替えとJavaScriptでの書き換えについて
この動画では、jQueryとJavaScriptのクラスの切り替え方法について説明しています。クラスを追加、削除、切り替える方法をデモンストレーションしています。クラスを追加するためには、'…
-
12:24
jQueryでのテキストとHTMLの挿入・取得・書き換えと、JavaScriptでの書き方について
この動画では、「jQueryを用いたテキストやHTMLの操作方法」について詳しく解説しています。特に、テキストやHTML要素の取得、挿入、そして書き換えに重点を置いています。動画の初めでは、jQue…
-
12:24
jQueryでのCSSの書き換えとJSでの記述方法について
この動画は、jQueryを使ったCSSの追加・削除・書き換え、そしてJavaScriptでの記述方法について説明しています。主な内容は以下のとおりです。1. jQueryを使ったCSSの追加、削除、…
-
11:50
jQueryで表示の切り替えとshow・hideメソッドの紹介。それぞれのJSでの書き換え
この動画では、jQueryとJavaScriptを使ったウェブページの要素の表示・非表示(表示切替・表示非表示・視覚表現の切り替え)の操作と、jQueryのshow・hideメソッド(表示・非表示メ…
-
09:34
jQueryで簡単にフェードイン・フェードアウトができる、fadeIn・fadeOut・fadeToggleとJSでの書き換え 前編
後半の動画はこちらです。https://factory-programming-mv.com/video/vu2hvAWuq5Q/この動画では、jQueryのフェードエフェクト(フェードイン、フェー…
-
21:32
jQueryで簡単にフェードイン・フェードアウトができる、fadeIn・fadeOut・fadeToggleとJSでの書き換え 後編
前半の動画はこちらですhttps://factory-programming-mv.com/video/mKlK9jy8Ieo/この動画では、前回の続編として、フェードイン・フェードアウト・フェード…
-
07:53
jQueryのslideUp, slideDown, slideToggleについてと、JSでの書き換え 前編
この動画の後編はこちらhttps://factory-programming-mv.com/video/gNn-1dErYAk/この動画では、ウェブページ上の要素の表示切り替えをスライドの形式で行う…
-
22:55
jQueryのslideUp, slideDown, slideToggleについてと、JSでの書き換え 後編
※お知らせとお詫び動画内で、Web Animation APIの説明で、ease: 'ease-in-out'と紹介している部分がありますが。正しくはeasing: '…
ダウンロード有 -
08:19
jQueryでの属性値の取得・設定・変更とJSでの記述方法
この動画では、Webフロントエンド開発におけるjQueryとJavaScriptでの属性値の取得、設定、変更方法について解説しています。まず、HTML要素の属性値(属性: "attr&qu…
-
17:35
jQueryのeach文の書き方と、JSでの書き換え方について解説!
JSの配列の動画はこちらhttps://factory-programming-mv.com/video/nFggLCIvC1k/JSのオブジェクトについてはこちらhttps://factory-p…
-
09:08
jQueryのAjax(非同期通信)とJSでの書き換え(Fetch API)について解説!
JSのfecth APIについてはこちらhttps://www.youtube.com/watch?v=pzIxzegWVu8&t=537sJSONの解説についてはこちらhttps://fa…