TODOリスト

TODOリストを作る部 最終章

nekoroll.hatenablog.com 途中でJSONデコードをはさみましたが最終章 CSSを適用します ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すことでリストに追加 [x] TODO横に削除ボタンを…

portから受け取るJSONをデコードしてみようの巻

nekoroll.hatenablog.com の続き 完成品はコチラ ellie-app.com guide.elm-lang.jp 「受け取る値を厳密にするためにJSON.Decode.Value使えって書いてるな…」 「今回やりたいのは受け取るだけだしMaybeだけやっちゃおw」 「なんかここだけ厳密じゃないどまあ…

TODOリストを作る部 その5

nekoroll.hatenablog.com の続き 前回はlocalStorageに保存する所まで実装したので 起動時にlocalStorageに保存してあるTODOリストを読み込むようにした ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力し…

TODOリストを作る部 その4

nekoroll.hatenablog.com の続き 基本的な構文とかは慣れてきたのでjavascriptとの通信を行う portを扱ってみる guide.elm-lang.jp ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すこ…

TODOリストを作る部 その3

nekoroll.hatenablog.com の続き 編集→更新ができるようにした ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すことでリストに追加 [x] TODO横に削除ボタンを作成、押したら消せるよ…

TODOリストを作る部 その2

nekoroll.hatenablog.com の続き ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すことでリストに追加 [x] TODO横に削除ボタンを作成、押したら消せるように [ ] TODOをダブルクリック…

TODOリストを作る部 その1

日本人の朝食といえば白米 犬といえば柴犬 日本の山といえば富士山 プログラミング言語の学習といえば…? そうだね、TODOリストだね なのでTODOリスト作ります ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに…