Todoリスト
作品・ソースコードを見る
以下、「制作のポイント」もぜひご覧ください。
制作のポイント
このTodoリストは、2つのテーマを掲げて制作を開始しました。
1つめのテーマは、jQueryからの卒業です。
私はこれまで、制作業務ではチームの方針もあり、ずっとjQueryを使用していました。
しかし、今後のスキルの幅を広げるためにも、jQueryからの卒業をしたいと考え、vanillaJSの勉強を始めています。
このToDoリストは、vanillaJSで制作しています。
2つめのテーマは、「クラスとインスタンス」を使った制作です。
学習を進めるうち、クラスとインスタンスを全く使ってこなかったことに改めて気づかされました。
色々調べながらなんとか動くTodoアプリを作ることができました。
まだまだ理解できていないことも多いので、段階を踏みながら、1日1つはクラスとインスタンスを使ったプログラムを書いて理解を深めていく計画を立てています。
こちらはデザインもオリジナルで制作しています。
Bootstrapを使用していますが、基本スタイルのほか、見出しやボタンはオリジナルのスタイルを当てています。 機能性を考えてあまり派手な装飾にしない代わりに、グラデーションやパステルカラーなどを使用して飽きない見た目を目指しています。
淡い色合いのため、文字色と背景色のコントラスト比が低くなりすぎないように注意しました。