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

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

ユーザ用ツール

サイト用ツール

現在位置: index.html » elm » port
トレース:
elm:port


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
elm:port [2019/05/05] – [Elmでportのリンク] adash333elm:port [2019/05/07] (現在) – [リンク] adash333
行 3: 行 3:
 elmアプリでデータをlocalStorageに保存したい場合は、portというものを利用して、index.html（JavaScript）を介して elmアプリでデータをlocalStorageに保存したい場合は、portというものを利用して、index.html（JavaScript）を介して
 localStorageにデータを保存します。 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 https://hackernoon.com/how-elm-ports-work-with-a-picture-just-one-25144ba43cdd
 elm0.18のときのものですが、絵がすごく分かりやすいので、絵だけでも一見の価値ありです。 elm0.18のときのものですが、絵がすごく分かりやすいので、絵だけでも一見の価値ありです。
-” %% is code %% ” 
  
 ===== Elmでlocalstorage利用のtodoアプリのリンク ===== ===== Elmでlocalstorage利用のtodoアプリのリンク =====
行 33: 行 45:
 https://github.com/bryanjenningz/25-elm-examples/blob/master/21-localstorage-editable-todos.html https://github.com/bryanjenningz/25-elm-examples/blob/master/21-localstorage-editable-todos.html
 上記を少し変更してから、 上記を少し変更してから、
-"%%elm make src/Main.elm --output=main.js%%"+''%%elm make src/Main.elm --output=main.js%%''
  
  
行 60: 行 72:
 前:[[elm:time|elm:time]] 前:[[elm:time|elm:time]]
  
-次:+次:[[elm:elm-todo-localstorage|ElmでlocalStorageでTodoアプリ]]
  
 目次:[[elm:index.html|Elm]] 目次:[[elm:index.html|Elm]]
  
  


elm/port.1557048376.txt.gz · 最終更新: 2019/05/05 by adash333
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki