ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/05
NEW
【週刊ドットインストール】 レッスン制作の進捗、256timesのエディター更新、メンタリングの現場から
PREMIUM
【旧版】HTML5で作るシンプルメモ帳
HTML5のlocalStorageを使ってシンプルなメモ帳を作ってみます。自動保存機能などもつけてみます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでメモ帳を作ろう
シンプルなメモ帳アプリを作りながら、JavaScriptの実践的な書き方について学んでいきます。
0%
動画レッスン一覧
(8)
#01 メモ帳の画面を作る
(01:59)
無料公開中
画面の作成。
未完了
#02 localStorageの説明
(02:21)
無料公開中
localStorage.setItemについて。
localStorage.getItemについて。
localStorage.removeItemについて。
localStorage.clearについて。
未完了
#03 保存ボタンを実装する
(01:52)
保存ボタンの実装。
未完了
#04 ページ読み込み後にデータを表示
(01:26)
ページ表示後にlocalStorageの内容を表示。
未完了
#05 消去ボタンを実装する
(01:32)
localStorage.removeItemについて。
未完了
#06 一定時間ごとに自動保存する
(01:47)
setTimeoutを使って自動保存。
未完了
#07 自動保存時にメッセージを出す
(01:35)
jQueryを使ってメッセージを表示。
未完了
#08 キー入力毎に自動保存
(02:49)
bind('keyup', ...)を使って自動保存を実装。
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2011年12月15日
バージョン情報
jQuery 1.6.4