elm:elm-json
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
elm:elm-json [2019/05/17] – [Jsonを扱う際のJavaScriptとElmの型] adash333 | elm:elm-json [2019/05/18] (現在) – [FirebaseからElmにデータを送るときのおおまかな流れ] adash333 | ||
---|---|---|---|
行 12: | 行 12: | ||
elm install elm/json | elm install elm/json | ||
+ | |||
+ | ===== JSONって何? ===== | ||
+ | |||
+ | 異なる言語、異なる場所でのデータをやり取りをするための記述方法の一つです。 | ||
+ | { ... } の中に、 | ||
+ | |||
+ | -ダブルクォーテーション(" | ||
+ | -値 | ||
+ | をコロン(: | ||
+ | |||
+ | < | ||
+ | { " | ||
+ | </ | ||
+ | |||
+ | JSONデータは『文字列』です。 | ||
+ | |||
+ | http:// | ||
+ | JSONとは | ||
+ | |||
+ | |||
+ | |||
+ | https:// | ||
+ | JavaScriptのjson stringifyを完全に理解しよう! | ||
+ | かい | ||
+ | 2018/11/27 | ||
+ | |||
+ | |||
+ | |||
+ | |||
===== Jsonを扱う際のJavaScriptとElmの型 ===== | ===== Jsonを扱う際のJavaScriptとElmの型 ===== | ||
+ | 連想配列っぽいものを、 | ||
+ | *JavaScriptでは『オブジェクト』 | ||
+ | *Elmでは『レコード』 | ||
+ | と呼びます。微妙に書き方や使用方法が異なります。 | ||
オブジェクト / レコード | オブジェクト / レコード | ||
行 23: | 行 56: | ||
point.x = 42 { point | x = 42 } | point.x = 42 { point | x = 42 } | ||
</ | </ | ||
- | |||
- | |||
- | |||
以下のまとめが、非常に参考になります。 | 以下のまとめが、非常に参考になります。 | ||
行 33: | 行 63: | ||
2017年02月27日に更新 | 2017年02月27日に更新 | ||
ElmとJavaScriptのシンタックス比較表 | ElmとJavaScriptのシンタックス比較表 | ||
+ | |||
+ | |||
+ | ===== FirebaseからElmにデータを送るときのおおまかな流れ ===== | ||
+ | |||
+ | elmアプリ(をJavaScriptにコンパイルしたファイル)からは直接、Firebaseとデータのやり取りをすることができません。 | ||
+ | |||
+ | そのため、src/ | ||
+ | |||
+ | Firebase -> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== 参考リンク ===== | ||
+ | |||
+ | |||
+ | |||
+ | https:// | ||
+ | @A_kirisaki | ||
+ | 2017年12月15日に更新 | ||
+ | ElmでTodoリストを作る | ||
+ | →elm 0.18ですが、ほぼ同じにできそうです。 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
elm/elm-json.1558072261.txt.gz · 最終更新: 2019/05/17 by adash333