ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/07/23
NEW
【週刊ドットインストール】 AI関連レッスンの次回作を準備中
864
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
245
件のレッスンと
619
件のレッスン動画が見つかりました。
#02 HTMLでマークアップしていこう
JavaScriptでメモ帳を作ろう
必要な部品を揃えるため、HTMLでマークアップをしていきます。
#03 CSSでスタイリングをしていこう
JavaScriptでメモ帳を作ろう
CSSファイルを作ったあとに、main要素とh1要素のスタイルを整えていきます。
#04 テキストボックスのスタイルを整えよう
JavaScriptでメモ帳を作ろう
textarea要素のスタイルを整えていきます。
#05 ボタンとテキストのスタイルを整えよう
JavaScriptでメモ帳を作ろう
button要素とspan要素のスタイルを整えていきます。
#06 フレックスボックスでレイアウトを整えよう
JavaScriptでメモ帳を作ろう
containerクラスをスタイリングし、メモ帳の見た目を完成させます。
#08 localStorageの仕組みを知ろう
JavaScriptでメモ帳を作ろう
ブラウザ側で用意されているlocalStorageという機能について、図を使って解説していきます。
#09 ブラウザにデータを保存しよう
JavaScriptでメモ帳を作ろう
保存ボタンを押したらlocalStorageにデータが保存されるようにしていきます。
#10 保存ボタンを完成させよう
JavaScriptでメモ帳を作ろう
保存されたことがわかりやすいように、ボタンを押したらテキストがふわっと表示されるようにしていきます。
#11 localStorageからデータを取得しよう
JavaScriptでメモ帳を作ろう
localStorageに保存されているデータをテキストボックスに表示させます。
#12 localStorageからデータを削除しよう
JavaScriptでメモ帳を作ろう
削除ボタンを押したら、localStorageに保存されているデータが削除されるようにします。
前へ
54
55
56
57
58
59
60
61
62
63
64
次へ