学習内容

▶︎ 001:

JavaScript とは / function ぼたん() / Source Code 読み上げ / クラシック JavaScript ( 初期の ECMAScript ) / モダン JavaScript ( 現在の ECMAScript )

▶︎ 002:

HTML: <input> タグ + JavaScript / HTML: <input type="checkbox"> / CSSチルダ( 〜 tilde)の使い方 / 動的 CS / <input> タグ + CSS / function ぼたん(複数)

▶︎ 003:

HTML: <a> タグ + JavaScript / function りんく() / 画像ファイル / pdf をダウンロードする / function くりえいと() / function だうんろーど()

▶︎ 004:

<input type="○"> 種類と使い方の確認 / <input type="○"> タグ + JavaScript / function かくにん() / function まだ() / function ちぇんじ() / post.html → get.html / parameter の受け渡し

▶︎ 005:

HTML: <input type="color"> / function いろ() / function 色選択() / CSS プロパティ outline:none; について / function からー() / const 色 / Mail-Form

▶︎ 006:

CSS: border プロパティ + JavaScript / function ぼたん()　追加のプロパティ / function かーそる() / function ぽじしょん_上中央() / function わく_上_すたいる() / function わく_右_すたいる() / function わく_下_すたいる() / function わく_左_すたいる() / function わく色(わく色_ちぇんじ) / function わく太さ(太さ_ちぇんじ) / function みっくす_01()

▶︎ 007:

input[type="text"]:focus フォーカスを当てる / getElementById("目印").focus() / JavaScript: focus() メソッド / フォーカス・イン / フォーカス・アウト / jquery: $(function(){$(".ぷるだうん")

▶︎ 008:

function ねくすと() / function ばっく() / function すらいど() / JavaScript Event: mouseenter / mouseleave / function りさいず(表示) / function りさいず_幅(表示) / function ういんどう_さいず()

▶︎ 009:

回転.addEventListener("click") / function 画面_横幅() / function 右_移動() /function げーむ_とっぷ100px() / function まうす_おふ() / function まうす_移動距離() / function ぱずる()

▶︎ 010:

CSS: Filter:Opacity(%) / function すらいどしょー() / function たいまー() / function おぱしてぃ() / function お絵かき(横,縦) / function 始まり() / function 終わり() / event.currentTarget.getBoundingClientRect(); / globalCompositeOperation="destination-out"; / function 連続_スロー / function 連続_ファースト / function あーと() / function 読み込み() / function まあ() / function まうす_むーぶ(event) / function まうす_あっぷ(event) / function ふぁいる() / getAttribute("width") / function すくりーん(key,val) / function まうす_おん(event)

▶︎ 011:

マウス・ホイールの操作 / scroll=window.pageYOffset / scrollLeft / deltaY / scrollLeft=this.scrollLeft / textContent=scrollTop / event.wheelDelta / function とらんすふぁ() / function どらっぐ() / function どろっぷ(配置)

▶︎ 012:

棒グラフ / カスタム・プロパティ / CSS: psedo-class / writing-mode:vertical-rl / align-items:flex-end / flex-diection:column / jquery-3.4.1.min.js / chart.js / RGB to RGBA 変換 / function 太線() / function 細線() / vertical_bar_chart_01.js / function 太線() / function 細線() / function 伸び縮み() / function 上下入れ替え()

▶︎ 013:

折れ線グラフ / CSS:transform:rotate() / 折れ線=function() / ちゃーと=new ちゃーと() / new Chart(表示).Line(ぐらふ_らいん) / chart=年代.ちゃーと() / Chart_Open.js / Chart_Line_01.js / Chart_Line_02.js / chart.min.js / Chart.min_01.js / Chart.min_02.js / line_graph_chart_01.js / line_graph_chart_02.js

▶︎ 014:

円グラフ / CSS: background-image:conic-gradient / Pie Chart の作り方 / HTML と CSS だけの円グラフ / アニメーションする円グラフ / ちゃーと.makeChart("円ぐらふ")

▶︎ 015:

function 平行線 / abcjs の特徴 / Octaves / Staves / Clef change / Sixteenth Note / Tie / Slur / Staccato / Repeat / function あくしでんたるす() / 音部記号 / 調号 / 拍子記号 / コモン・タイム / カット・タイム / 無拍子 / 基準のピッチ / オクターブ上下の音符 / 16分音符 / 音部記号の変更 / 臨時記号 / リピート / スラー / タイ / トレモロ / スタカート / リズム音符 / 打楽器用音符 / トリル / 連符 / 2段セットの譜表 / 3段セットの譜表 / 4段セットの譜表 / 休符 / 縦線 / 複縦線 / 終止線 / コマンド (M: L: K: V:)/ 24平均律四分音(クオーター・トーン)

▶︎ 016:

音符の左右に追加 / エラー(undefined) / !accent! / "_D.C." / !coda! / !emphasis! / !downbow! / !upbow! / !fermata! / !invertedfermata! / %%staves{(Treble)(Bass)} / 装飾音符

▶︎ 017:

Score / Great Staff / Accellerando / Ritardando / %%staves{1 2} / %%score(1 2) / Accidental Command / U:n=!style=normal! / Title / Subtitle / lyrics / Copyright

▶︎ 018:

004 Foxy Rock / 【Arabesque No.1】Debussy / %%staffsep 20 / Q:"Andantino Con Moto" / 譜間の設定 %%staffsep 200 / stem=up / stem=down / %%vocalfont / %%text ○○注釈/ %○○コメント・アウト / %%measurenb 1 小節番号 / middle=c ~ b 音符のポジション移動 / function かくだい(ぼたん,くりっく)

▶︎ 019:

Non-Stem Note / リズム・スラッシュ / style=nomal / harmonic / rhythm / x(エックス) / !style=nomal! / !style=harmonic! / !style=rhythm! / !style=x! / Repeat Mambo Rhythm-Pattern / Esque の設定 / Nicolas Slonimsky / リード・シート Autumn Leaves

▶︎ 020:

ôtez les Sourdines: 弱音器をはずす / Rhapsodie Espagnole / Violin のチューニングとハーモニックス / %%titlespace / %%subtitlespace / %%composerspace / %%sysstaffsep / Double Staff Layout / abcjs_midi.js

▶︎ 021:

%%annotationfont / その他のフォント指定 / Mozart Sonata 12 / 部品(section)の分割 / N_12.png / staves.png /ページ全体をPDFとして書き出す

▶︎ 022:

pedal_on / _off / _off / _v / _h / _center / arpeggio (アルペジオ) / Damper Pedal (ダンパー・ペダル)の記号 / brackets_up / _middle / _down / brackets (ブラケット) / section ごとにパーツの確認 / 譜表の縮小表示 / Ledger Line

▶︎ 023:

Appoggiatura / Acciaccatura Slash / American & British Rest Writing Styles / Grace Note / trill.png / quarter_rest.png / セクションの結合

▶︎ 024:

オーディオ・ファイルと楽譜3ページ / JavaScript を読み上げて解説してみよう! / 「▶︎ボタン」 と 「開く」ボタン / 「選択」ボタンと「画像クリック」 / 二つのインデックスを活用する

▶︎ 025:

Ravel String Quartet In F Major / String Quartet 情報の確認 / Ravel_01.png / onclick="slideshow() / meta http-equiv="refresh" / 画像インデックス
　　　▶︎ W_index(画像で検索)

▶︎ 026:

formSwitch() / unpkg.com/boxicons@2.1.4 / https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css/ https://fonts.googleapis.com/css / キー・ワードで検索 / 画像を入れ替えるレイアウト / マウス・ホバーで画像を入れ替え / ボタン・クリックで画像の表示サイズを変更 / Ravel_s_01.png / http-equiv="refresh"とリンクの組み合わせ / createElement("li") / Ravel_String_Quartet.mp3 /

▶︎ 027:

animation:アクション 4s / linear forwards / @keyframes アクション / {to{transform:translateX(760px) / transform="translateX()" / Ravel_01-A.png / R_piano_001.jpg / R_01_piano-A.png / R_01_piano-AA.png / jquery-3.7.1.min.js / ready(function() / click(function() / Ravel_String_to_piano-1.png / Ravel_String_to_piano.pdf

▶︎ 028:

Chordal / Modal / Cadence / Tonally / Phrygian Mode / Modal Interchange / Diminished Mode / Piano_Ravel_String_Quartet.mp4

▶︎ 029:

CDN(Content Delivery Network) / jquery.bxslider.css / jquery.min.js / jquery.bxslider.min.js / $(document).ready / $("#楽譜").bxSlider / mode: vertical / horizontal / Piano_Ravel_String_Quartet.mp3 / function(){$(".めくる") / WOW Slider / #わうわう

▶︎ 030:

AOS.js / AOS.css / Animate on scroll library / Discern The Mode / Mode の種類と中心音 / Modal Melody と Color /

▶︎ 031:

Element (Factor) 名 / Lower Camel Case / Reserved Word / JavaScript の Reserved Word(予約語) / beginPath() / arc() / stroke() / Literal (リテラル) / jQuery を利用するメリット / function 写真() くるっと / クイズ / function どろっぷ()

▶︎ 032:

遅延とクッキー / setTimeout() / cookie / Cache (キャッシュ) / Literal (リテラル) / Global Function / 無名関数 / Combination of Diminished Scale / Meter Change 4/4 to 4/6 / Web Audio API / AudioContext

▶︎ 033:

モダン・ブラウザ: SASS / LESS 危うし / CSSは大きく進化している / 2n+1 解説 / CSS を nth-child 偶数番号 / 奇数番号に指定 / :root 擬似クラス / カスタム・プロパティの宣言 / playbackRate / Combination of Diminish Mode

▶︎ 034:

CSS で五角形を描く / @keyframes サイン / Mode の確認 / Church Mode / Mode of Harmonic minor / Mode of Jazz minor / Mode of Jazz minor / Combination Of Diminished / Pivot E for Transportation / fancybox で画像をソートさせる

▶︎ 035:

　　　▶︎ border_radius_ジェネレーター

Triangle を描く方法 / svg 解説 / CSS / トライアングル の設定 / CSS: transform:scale について / CSS tan(60deg) / シェイプ_モーフィング / 四角形の四隅に円形の曲率を持たせている / Solo Violin Articulation / Pitch_Shifter / Vienna 音源

▶︎ 036:

いろいろなレイアウト / Table レイアウト / Inline-block レイアウト / Float レイアウト / Flexboxレイアウト / Position レイアウト / Grid レイアウト / Position + Flex レイアウト例 / function 目印() / position:absolute / position:relative / position:sticky / position:fixed / position:static / display:inline-block / display:flex / display:none / display:block / float:right / float:none / float:left / svg / float:left / table / tr / td / Calendar レイアウト / Excel レイアウト / calendar.js / excel.js