ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/09/04
NEW
【週刊ドットインストール】 Seoul Startup Hubがおすすめ、レッスン制作・256timesの進捗
860
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
242
件のレッスンと
618
件のレッスン動画が見つかりました。
#05 ボタンとテキストのスタイルを整えよう
JavaScriptでメモ帳を作ろう
button要素とspan要素のスタイルを整えていきます。
#06 フレックスボックスでレイアウトを整えよう
JavaScriptでメモ帳を作ろう
containerクラスをスタイリングし、メモ帳の見た目を完成させます。
#08 localStorageの仕組みを知ろう
JavaScriptでメモ帳を作ろう
ブラウザ側で用意されているlocalStorageという機能について、図を使って解説していきます。
#09 ブラウザにデータを保存しよう
JavaScriptでメモ帳を作ろう
保存ボタンを押したらlocalStorageにデータが保存されるようにしていきます。
#10 保存ボタンを完成させよう
JavaScriptでメモ帳を作ろう
保存されたことがわかりやすいように、ボタンを押したらテキストがふわっと表示されるようにしていきます。
#11 localStorageからデータを取得しよう
JavaScriptでメモ帳を作ろう
localStorageに保存されているデータをテキストボックスに表示させます。
#12 localStorageからデータを削除しよう
JavaScriptでメモ帳を作ろう
削除ボタンを押したら、localStorageに保存されているデータが削除されるようにします。
#13 完成したアプリを振り返ろう
JavaScriptでメモ帳を作ろう
完成したアプリを振り返りながら、開発のコツについてお話していきます。
#03 ハートをクリックして数値を増やそう
はじめてのJavaScript
ハートアイコンをクリックしたら数値が増えていく機能を実装するためのコードを紹介していきます。
#02 alert()で値を表示してみよう
JavaScript入門 基礎文法編
VS Codeにプロジェクトフォルダを設定したあとに、scriptタグを使ってalert()を実行してみます。
前へ
54
55
56
57
58
59
60
61
62
63
64
次へ