elm:elm-todo-localstorage

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- elm:elm-todo-localstorage [2019/05/04] – [Elmでtodoアプリのリンク] adash333
+++ elm:elm-todo-localstorage [2019/06/02] (現在) – [ElmでlocalStorageでTodoアプリ] adash333
@@ 行 5: / 行 5: @@
 index.htmlでJavaScriptでlocalStorageへの書き込み、読み込みを行い、main.js（Main.elmをJavaScriptにコンパイルしたもの）とそのデータの通信を行います。
+どこか間違っているかもしれませんが、以下に記載させていただきます。
+http://i-doctor.sakura.ne.jp/font/?p=37627
+Elm0.19でlocalStorage利用のTODOアプリ（３）port
+年5月6日
+ソースコード
+https://github.com/adash333/elm-todo-localstorage2
+DEMOサイト
+https://modest-noether-b47b5e.netlify.com/
+{{:elm:pasted:20190602-165347.png}}
 ===== Elmでtodoアプリのリンク =====
@@ 行 17: / 行 29: @@
 .04.22
 【elm】2019年にわざわざ学ばなくてもいい言語でTodoアプリを作る
+https://qiita.com/A_kirisaki/items/4c5343426d9de976ac72
+@A_kirisaki
+年12月15日に更新
+ElmでTodoリストを作る
+===== Elmでlocalstorageでtodo =====
+https://github.com/evancz/elm-todomvc
+===== Elm0.19アプリの初期化方法 =====
+https://qiita.com/jinjor/items/245959d2da710eda18fa
+{{:elm:pasted:20190506-011023.png}}
+個人的には、Browser.elementを使うことが多いです。
+<code>
+element :
+    { init : flags -> ( model, Cmd msg )
+    , view : model -> Html msg
+    , update : msg -> model -> ( model, Cmd msg )
+    , subscriptions : model -> Sub msg
+    }
+    -> Program flags model msg
+</code>
+index.html
+<html>
+<script src="https://gist.github.com/adash333/ab93b0cc6648fde606b990752844ca87.js"></script>
+</html>
+===== Enterを押したときに、Submitボタンを押したときと同じ挙動にできないか。。。 =====
+https://stackoverflow.com/questions/40113213/how-to-handle-enter-key-press-in-input-field
+→このやり方でいけました！感謝！
+{{:elm:pasted:20190508-084425.png}}
+さらに、テキスト入力欄に最初からカーソルを入れてほしい。。。
+《2017年6月9日 12:00 PM 公開/更新》
+テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)方法
+https://www.nishishi.com/javascript-tips/form-focus.html
+https://stackoverflow.com/questions/31901397/how-to-set-focus-on-an-element-in-elm
+{{:elm:pasted:20190508-084807.png}}
+https://package.elm-lang.org/packages/elm/html/1.0.0/Html-Attributes#autofocus
@@ 行 32: / 行 99: @@
 前：[[elm:port|Elmでポートport]]
-次：
+次：[[elm:elm-firebase|elm:elm-firebase]]
 目次：[[elm:index.html|Elm]]

elm/elm-todo-localstorage.1557008915.txt.gz · 最終更新: 2019/05/04 by adash333