ToDoList-template

【概要】
このTo Do Listテンプレートは、
スマホでも見やすく快適に使える
「やること」「買うもの」がパッとわかるシンプル設計
温かみのある優しいデザイン
ユーザー自身がリストや見出しを自由に編集・カスタマイズできる
ことを目的に作成しました。

【主な特徴】
レスポンシブ対応でスマホやタブレットでも快適に閲覧・操作可能
チェックボックスで完了タスクを管理しやすい
見出し（h2）は編集可能（contenteditable属性）で自由に名称変更が可能
完了したリストアイテムはワンクリックで削除可能
シンプルなHTML・CSS・JavaScriptで軽量かつ扱いやすい設計

【カスタマイズ方法】
色の変更はCSSのカラーパターン変数を使って簡単に変更可能（color-patern.txt内のコメント参照）
見出しの文言やリストの内容は、ページ上で直接編集できます
JavaScriptの関数は必要に応じて拡張や調整が可能です

【ファイル構成】
index.html : メインのHTMLファイル
style.css : デザイン・レイアウトを管理するCSSファイル
js/javascript.js : 追加・削除などの動的動作を制御するJavaScriptファイル
README.txt : この説明ファイル
color-patern.txt：　オレンジ系、ブルー系、イエロー系のカラーパターンを提案

💰 価格：500円（税込）

📥 購入はこちら → https://achshcode.gumroad.com/l/bcpsv

☝️ 無料デモ版はこちら → https://codeachsh.github.io/ToDoList-Demo/


【注意事項】
テンプレートにはGoogle Tag Managerなどの解析タグは含まれていません。
SEOタグは必要に応じて追加してください。
ご自身のプロジェクトに合わせて自由に改変してご利用ください。

【サポート】
ご質問やカスタマイズのご相談があれば、お気軽にご連絡ください。
皆様のタスク管理がより快適になることを願っています！

================================================================
テンプレートの使い方（購入者向け）
ファイルをダウンロード・解凍
　購入後に提供されたZIPファイルをパソコンに保存し、解凍してください。

ファイル構成を確認
　index.html（メイン画面）
　style.css（デザイン用CSS）
　js/javascript.js（動作制御用JS）
　などが含まれています。

ローカルで動作確認
　ブラウザ（Google ChromeやEdgeなど）でindex.htmlを開き、表示と動作を確認してください。

内容のカスタマイズ
　- ページ上の見出し（🛒買い物メモ、🧹家事リスト）をクリックして自由に名前を変えられます。
　- 項目を追加したい場合は入力欄にテキストを入れて「追加」ボタンを押してください。
　- 完了した項目はチェックを入れ、不要なら削除ボタンでリストから消せます。

公開や保存方法
　- ご自身のWebサイトで使いたい場合は、ファイル一式をサーバーにアップロードしてください。
　- ローカルで使う場合はブラウザで開くだけでも使えますが、保存はブラウザの保存機能や別途ファイル管理が必要です。
　- オフラインでも使えますが、JavaScriptの動作が必要なためブラウザ上で開く形になります。

カスタマイズの拡張
　- CSSを編集して色やデザインを変えられます。
　- JavaScriptを編集して機能を増やすことも可能です。

追加のヒント
テキストエディタ（Visual Studio Codeなど）を使うと編集がしやすいです。

スマホでの表示も考慮して作られているので、実機でも動作確認すると良いでしょう。