サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

現在位置: index.html » elm » port

トレース:

elm:port

差分

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

この比較画面へのリンク

--- elm:port [2019/05/05] – [Elmでportのリンク] adash333
+++ elm:port [2019/05/07] (現在) – [リンク] adash333
@@ 行 3: / 行 3: @@
 elmアプリでデータをlocalStorageに保存したい場合は、portというものを利用して、index.html（JavaScript）を介して
 localStorageにデータを保存します。
+===== Elmでのflagsとportのイメージ =====
+間違っていたらすみません！
+{{:elm:pasted:20190506-235436.png}}
+===== Elmでflagsとportを用いてlocalStorage利用のTODOアプリ =====
+以下に記載させていただきましたので、もしよろしければご覧ください。
+  -[[http://i-doctor.sakura.ne.jp/font/?p=37457|Elm0.19でlocalStorage利用のTODOアプリ（１）フラグflags]]
+  -[[http://i-doctor.sakura.ne.jp/font/?p=37545|Elm0.19でlocalStorage利用のTODOアプリ（２）elm/timeでMonthの表示]]
+  -[[http://i-doctor.sakura.ne.jp/font/?p=37627|Elm0.19でlocalStorage利用のTODOアプリ（３）port]]
@@ 行 25: / 行 38: @@
 https://hackernoon.com/how-elm-ports-work-with-a-picture-just-one-25144ba43cdd
 elm0.18のときのものですが、絵がすごく分かりやすいので、絵だけでも一見の価値ありです。
+===== Elmでlocalstorage利用のtodoアプリのリンク =====
+https://github.com/bryanjenningz/25-elm-examples/blob/master/21-localstorage-editable-todos.elm
+つのファイルの組み合わせ
+https://github.com/bryanjenningz/25-elm-examples/blob/master/21-localstorage-editable-todos.html
+上記を少し変更してから、
+''%%elm make src/Main.elm --output=main.js%%''
+https://github.com/evancz/elm-todomvc
+こちらの方では、index.htmlを見ると、
+  -初期化するときに、flagsでlocalStorageの内容をelmに送信
+  -elmアプリで変更があれば、portを介してindex.htmlにデータを送り、index.htmlでsubscribeしてlocalstorageに保存する
+というやり方をしているようです。
@@ 行 38: / 行 72: @@
 前:[[elm:time|elm:time]]
-次:
+次:[[elm:elm-todo-localstorage|ElmでlocalStorageでTodoアプリ]]
 目次:[[elm:index.html|Elm]]

elm/port.1557038210.txt.gz · 最終更新: 2019/05/05 by adash333