📘

javascript いいと思ったチュートリアル一覧 そのいち

2024/04/27に公開

春!気が狂う!

なので大人しくお家でパソコンと向かい合って、屋外でトラブルを起こす可能性を極力減らしましょう。
私はjavascript/typescriptの記述力が著しく低いので、脳内コードスニペット語彙を増やすべくYouTubeにある tutorial(とそれに関連した面白そうな記事)を片っ端からやっていくことにしました。

「JavaScriptの「基礎」が1時間で分かる「超」入門講座【初心者向け】」
チャンネル:だれでもエンジニア / 山浦清透
https://youtu.be/E08jeQBa1D0?si=Q5u1meB0V3zypKTH
感想:お恥ずかしながらローカルストレージへのアクセスも右クリックによるDOM操作もやったことがなかった(!?)ので勉強になりました。
関係ないですが、私はJSONを渡すべきところでキー名を忘れ15分無駄にしました。

Title:React(JavaScript)の分割代入は何をしているのか?
channel : Code Tips
https://lorem-co-ltd.com/array-assignment/

reactやってくまえに分割代入(デストラクティング アサインメント)とスプレッド構文に惑わされないような目(め)作りをしたいものです。あと「オブジェクトと配列は(Freeze使ったりしない限り)constでも変更できてしまうから気をつけよう」みたいこともあるので目をとおしておくといいかも?

title:【最新版】JavaScriptにおけるmapの基本的な使い方
Channel: Code Tips
https://www.youtube.com/watch?v=6OtDnwc9CIY&list=WL&index=93&t=630s
MapとforEachの基本的な使い方と違いをやってる

title:[JavaScript] 分割代入の小ネタ
Author:shikatan 氏
https://zenn.dev/shikatan/articles/855a7205f275f9

Title: console.logだけではないconsoleの使い方
Author : @asameshiCode (ナカトシ ダン)
https://qiita.com/asameshiCode/items/6fd893cf99647d13654c

Title: まだまだ知らない console の世界
Author: https://zenn.dev/izuchy
https://zenn.dev/izuchy/articles/0288c3c3a5af1b0da1a3

Title:JavaScriptのスプレッド構文が便利すぎて人生変わる話【React、Vueでも使える!】
Author:Code Tips
https://www.youtube.com/watch?v=S-Zf7m9btcM&list=WL&index=4&t=62s
Reactの学習に進むと出てくる「...」という記号の解説。
objectの重複したプロパティは後からきたやつ優先だったり、分割代入との合わせ技だったり、関数の引数にスプレッド構文を使ったら引数の数が決められなくても配列で渡せるよということをを説明してくれる動画。

Title:分割代入とスプレッドをまとめてみる
Author: @BlueSilverCat
https://qiita.com/BlueSilverCat/items/8ae270450b28ee70ca70

Title:JavaScriptを使った動的なウェブサイトの作り方 | ウェブデザインチュートリアル
Channel: プログラミングチュートリアル
https://www.youtube.com/watch?v=IlOhmnCrMog&list=WL&index=8&t=548s

ほとんどCSSで苦しむことになるけど、documentで要素取ってきて変数に入れて、onclickでで関数を設定して、style.transformでいじる練習にはなった。 
CSSを動画見ながらやるとどっかで、絶対どっかでスタックするからお気をつけて

書いているうちにヒステリー球がデカくなってきて心なしかごはん食べにくくなってきたので安静にします。おやすみなさい。

Discussion