0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】 海外Teck系YouTuberを真似てみた!(part 2) ToDoList App | No Frameworks

Last updated at Posted at 2021-02-26

#1,はじめに
この記事は、海外Teck系YouTuberの動画を参考に、同じプロジェクトを作成してみたものになります!

簡単にですが、動画を通して学べた技術や知識をまとめました!

➡**partⅠでは、JavaScriptでBookList**を作成しています:book:
今回の完成品は、下記に載せています:bangbang:

#2,学んだこと
ゴール:triangular_flag_on_post:が見えているので、完成させたい意欲で一気に進めてしまいますね:v:
前回の**BookList**との共通するソースコードが登場したときには、こういった場面ではこう書けばいいんだと記憶に定着するし、作品を見直せばすぐ応用がきくのでいろいろとメリットがたくさんあります:blush:

ぜひ、ハンズオンでトライしてみてください:star:

今回は、新たに

① DOMContentLoaded がドキュメントを起動したときに読み込まれる
② e.preventDefault(); を記述する理由
③ JavaScriptでhtmlを生成する方法
④ e.target();
⑤ localStorageの保存と削除方法
⑥ JSON.stringify();

を学ぶことができました!
localStorageに保存する場合は、JSON形式で保存することが大きな収穫でした:blush:

完成品では、localStorageの様子も見れるので下記にその動画を載せておきます:star:

#3,参考動画
IMAGE ALT TEXT HERE

#4,完成:tada:
localStorageの様子も見れるようにしました:star:

2021-02-26_23h31_01.gif

#4,次回は、
Reactを使った、プロジェクトにトライしてみます:bangbang:

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?