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)を介して | elmアプリでデータをlocalStorageに保存したい場合は、portというものを利用して、index.html(JavaScript)を介して | ||
localStorageにデータを保存します。 | localStorageにデータを保存します。 | ||
+ | |||
+ | ===== Elmでのflagsとportのイメージ ===== | ||
+ | 間違っていたらすみません! | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ===== Elmでflagsとportを用いてlocalStorage利用のTODOアプリ ===== | ||
+ | |||
+ | 以下に記載させていただきましたので、もしよろしければご覧ください。 | ||
+ | |||
+ | -[[http:// | ||
+ | -[[http:// | ||
+ | -[[http:// | ||
行 9: | 行 22: | ||
https:// | https:// | ||
ポート | ポート | ||
+ | |||
+ | |||
+ | https:// | ||
+ | 2018-11-24 | ||
+ | We Are JavaScripters! @26th で Elm と Firebase の連携について話してきました | ||
+ | →ソースコード | ||
+ | https:// | ||
+ | |||
+ | https:// | ||
+ | @boiyaa | ||
+ | 2017年08月22日に投稿 | ||
+ | ElmとJavaScriptを組み合わせたアプリケーションの作り方 | ||
+ | →elm0.18のときのものなので、Html.programWithFlags を、Browser.element に変更にする必要あり。 | ||
https:// | https:// | ||
elm0.18のときのものですが、絵がすごく分かりやすいので、絵だけでも一見の価値ありです。 | elm0.18のときのものですが、絵がすごく分かりやすいので、絵だけでも一見の価値ありです。 | ||
+ | |||
+ | ===== Elmでlocalstorage利用のtodoアプリのリンク ===== | ||
+ | |||
+ | https:// | ||
+ | 2つのファイルの組み合わせ | ||
+ | https:// | ||
+ | 上記を少し変更してから、 | ||
+ | '' | ||
+ | |||
+ | |||
+ | https:// | ||
+ | こちらの方では、index.htmlを見ると、 | ||
+ | -初期化するときに、flagsでlocalStorageの内容をelmに送信 | ||
+ | -elmアプリで変更があれば、portを介してindex.htmlにデータを送り、index.htmlでsubscribeしてlocalstorageに保存する | ||
+ | というやり方をしているようです。 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
行 25: | 行 72: | ||
前: | 前: | ||
- | 次: | + | 次:[[elm: |
目次: | 目次: | ||
elm/port.1557031398.txt.gz · 最終更新: 2019/05/05 by adash333