Vanilla Javascriptでメモアプリを自作してみよう
フレームワークを一切に使用せずにVanilla Javascriptのみでメモアプリを構築する講座です。 生のJavascriptでアプリを作ることでJavascriptの基礎と本質をより理解することが可能になります。 クラスやコンストラクタ等が登場しますので、難しいと感じた場合は休憩を入れて楽しんで学習しましょう🚀
メモアプリの雛形を作成しよう
メモを保存するAPIを構築しよう
メモを取得するAPIを構築しよう
メモを削除するAPIを自作しよう
メモアプリのViewを構築しよう
無料プレビューメモの追加、選択、保存の関数の呼び出し時を定義しよう
ストレージに保存したメモをサイドバーに出力する関数を作ってみよう
実際にサイドバーにメモを出力してみよう
メモの選択と削除ができるようにしよう
最初のメモをプレビューに表示させてみよう
App.jsを作ってコードのリファクタリングをしよう
ストレージからサイドバーにメモを出力する関数を作成しよう
メモをクリックしてハイライトさせよう
前のハイライトが消えないバグを修正しよう
メモを編集して保存してみよう
無料プレビューメモを追加し、編集して保存のバグを修正しよう
メモを削除してみよう
お疲れ様でした!