◀︎STUDY JavaScript_029-1 CDN(Content Delivery Network)

1

-----

-----

-----

-----

CDN(Content Delivery Network)

CDN(Content Delivery Network: コンテンツデリバリーネットワーク)
jQueryプラグイン bxSlider
https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css
https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js
https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js

▼ Download: ■ sample_JS_029-0_ABCDE

CDN Open Source

実装には2パターンある
1, CDN を利用した実装
2, ファイルをダウンロードして実装する
onLoad で jQueryを使用 → $(document).ready() イベント
▶︎ https://jquery.com/download/

▶︎ https://www.jsdelivr.com/documentation/
▶︎ https://www.jsdelivr.com/

サンプル - 1

ヘ長調として作曲 / トニック・コードからスタート / ケーデンスを3つ使用する / 四声体を使用する.

サンプル - 2

ニ短調として作曲 / トニック・コードからスタート.

サンプル - 3

F が中心音の Ionian Mode として作曲 / 三和音のコードで, Primary からスタートする. メロディに Pentatonic Scale の要素を取り入れる.

サンプル - 4

F が中心音の Ionian Mode として作曲 / 四和音のコードで, Secondary からスタートする. メロディに Tension Note (Jazz理論)の要素を取り入れる.

STUDY JavaScript_026-5 (CSS / JavaScript の記述)

<script>　〜　</script>
for(愛=0;愛<すこあ.length;愛++)
document.getElementsByClassName("大楽譜")[0].appendChild(総譜);
取り替え=false;
function すらいだー(ばりゅー)
{if(取り替え)
移動=setTimeout(function()
{取り替え=false;},600);}
document.getElementById("左矢印").addEventListener("click",function()
document.getElementById("右矢印").addEventListener("click",function()
if(学習>length)学習=0;
for(合=0;合<ちょいす.length;合++)

jquery.bxslider を利用した場合

jquery.bxslider.css
jquery.min.js
jquery.bxslider.min.js
<script>　〜　</script>
$(document).ready 〜

1

-----

-----

-----

-----

◀︎Contents　　　　　STUDY JavaScript_029-1