ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/09/17
NEW
【週刊ドットインストール】 学習ロードマップにPHP/Laravelを追加、最近のAI使いこなしTips
866
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
246
件のレッスンと
620
件のレッスン動画が見つかりました。
#16 完成したアプリを振り返ろう
JavaScriptでスライドショーを作ろう
完成したアプリを振り返りながら、アプリ開発のコツについてお話していきます。
#01 メモ帳アプリを作ってみよう
JavaScriptでメモ帳を作ろう
完成版を確認したあとに、ひな形となるHTMLファイルを作っていきます。
#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でメモ帳を作ろう
保存されたことがわかりやすいように、ボタンを押したらテキストがふわっと表示されるようにしていきます。
前へ
54
55
56
57
58
59
60
61
62
63
64
次へ