文書の過去の版を表示しています。

ElmでSPA(Single Page Application)

Elmで複数ページからなるサイトを作る方法

以下に記載させていただきました。2パートからなります。

http://i-doctor.sakura.ne.jp/font/?p=38434
『基礎からわかるElm』を写経してみる（７）実践３：ナビゲーションとテスト（複数ページのElmアプリの作り方）
2019年6月2日

http://i-doctor.sakura.ne.jp/font/?p=38522
『基礎からわかるElm』を写経してみる（８）SPAを設計する（複数ページのElmアプリの作り方part2 : ページごとにelmファイルを作成する）
2019年6月2日2019年6月3日

https://qiita.com/takmatsukawa/items/daed519ec3a1d3e3555d
@takmatsukawa
2018年12月05日に更新
Elm SPA テンプレートを作った 1

https://qiita.com/hiruberuto/items/0b92bca97632bad9a3b8
@hiruberuto
2019年04月30日に更新
複数ページのSPAをElmで書くときのボイラープレート部分をalchelmyで自動的に†錬成†する

を見ると、開発環境では、

npm i -g elm-live

してから、

elm-live src/Main.elm --pushstate -- --output=elm.js

がよさそう。

index.htmlは、以下をコピペか？

ElmによるSPA（Single Page Application）をNetlifyにデプロイする方法を、以下に記載させていただきましたので、もしよろしければご覧ください。

http://i-doctor.sakura.ne.jp/font/?p=38321
Elmで複数ページのアプリ（２）SPA（Single Page Application）をNetlifyにデプロイ
2019年5月29日2019年5月31日

SPAは、アドレスが全てindex.htmlとなるので、Netlifyにデプロイするときは、netlify.tomlを作成して、以下のように記載する。

netlify.toml

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

目次：Elm