ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2022/06/23
NEW
週刊ドットインストール(2022/06/23号)を更新しました!
PREMIUM
HTML5で作るシンプルメモ帳
HTML5のlocalStorageを使ってシンプルなメモ帳を作ってみます。自動保存機能などもつけてみます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(8)
未完了
#01 メモ帳の画面を作る
(01:58)
無料公開中
画面の作成。
未完了
#02 localStorageの説明
(02:20)
無料公開中
localStorage.setItemについて。
localStorage.getItemについて。
localStorage.removeItemについて。
localStorage.clearについて。
未完了
#03 保存ボタンを実装する
(01:52)
保存ボタンの実装。
未完了
#04 ページ読み込み後にデータを表示
(01:26)
ページ表示後にlocalStorageの内容を表示。
未完了
#05 消去ボタンを実装する
(01:31)
localStorage.removeItemについて。
未完了
#06 一定時間ごとに自動保存する
(01:46)
setTimeoutを使って自動保存。
未完了
#07 自動保存時にメッセージを出す
(01:34)
jQueryを使ってメッセージを表示。
未完了
#08 キー入力毎に自動保存
(02:48)
bind('keyup', ...)を使って自動保存を実装。
ギャラリー
このレッスンについて
最終更新日
2011年12月15日
バージョン情報
jQuery 1.6.4
関連キーワード
(5)
ミニプログラム
(136)
初心者向け
(343)
HTML
(96)
jQuery
(34)
Ajax
(6)
このレッスンを共有する