JavaScriptとjQuery
スクールも基本から応用カリキュラムへ。
なかなか手強くなってきました。笑
1. 簡単日記
今日、やっとバイクが届きました。愛しのNinja250r！勉強しすぎて発狂する前にバイクに乗ってストレス発散しよう。 これで足もできたし、周辺も探索しやすくなった！まぁ勉強してるからそんな時間はありませんが。笑
内定が決まったらどこかツーリングして写真を撮る旅に出たいな。出るぞ！
2.今日の学び
◆#jQuery での要素の表示非表示
— ShowGoGoGo＠プログラミング勉強中 (@shshsshsh8) 2019年7月18日
HTML要素を表示、非表示させる方法としてhide()、show()、fadeIn(msec)、fadeOut(msec)等がある。
CSS要素の追加廃止の方法としてaddClass("classname")、removeClass("classname")等がある。
要素にアニメーション付与や着色等ができる。#プログラミング初心者
#jQuery #HTML 要素の属性の操作
— ShowGoGoGo＠プログラミング勉強中 (@shshsshsh8) 2019年7月18日
$(selector).attr("element", "hogehoge")
これでselector要素のelementをhogehogeに変更できる。第二引数がなかったらただ要素の中身を取得できる。
これらをどうやってRailsに組み込むのか、使えるようにするのかを知りたい。#プログラミング初心者
◆#JavaScript の.eachメソッド
— ShowGoGoGo＠プログラミング勉強中 (@shshsshsh8) 2019年7月18日
配列の繰り返し処理として
$.each(array, function(index, an_array){
hogehoge;
};
がある。これはhogehoge内の変数an_arrayに配列の各要素を入力していく。この際indexはその配列の要素番号を取得する。
ん〜…！Rubyだったらかける…！笑#プログラミング初心者
◆#javascript map()
— ShowGoGoGo＠プログラミング勉強中 (@shshsshsh8) 2019年7月18日
map()で配列の要素を加工した配列を作成することができる。使い方はhttps://t.co/l3c2UKUuLC(function)
でarrayの要素に対してfuncitonで加工した新しい配列を作成することができる。
そういえばRubyでもmapってあったな…。やはり使わないと身につかん!#プログラミング初心者
◆#JavaScript のHTML要素の取得方法
— ShowGoGoGo＠プログラミング勉強中 (@shshsshsh8) 2019年7月18日
HTMLの様々な要素取得方法。
parent()…親要素取得。
find()…子孫要素取得。引数にselectorで指定可。
siblings()…兄弟要素取得。引数にselectorで指定可。
next()…次の要素取得。引数にselectorで指定した要素の次の要素を取得可。#プログラミング初心者
えぇ、なかなかこいつは手強いぞ、と。
Rubyの様な構文や考え方で行けるのかと思いきやそう簡単には行かない。悔しい。絶対マスターして変幻自在なサイトをつくってやる。
3.明日やりたいこと
jQueryの非同期通信、復習、GitとGtihubをやりたい！
デプロイの方法を知りたい！
作りたいウェブサービスも思いついたから後は形にしていくだけ！
早く取り掛かりたい〜！
しかし今日も成長できた。
明日も一日充実させましょ＾＾
ありがとうございます(^o^)
