差分

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

--- elm:elm-spa [2019/05/31] – [netlifyにデプロイのリンク] adash333
+++ elm:elm-spa [2019/06/11] (現在) – [ElmでSPA(Single Page Application)] adash333
@@ 行 1: / 行 1: @@
 ====== ElmでSPA(Single Page Application) ======
-===== Elmで複数ページからなるサイトを作りたい =====
+以下の記事がお勧めです。
+https://qiita.com/ababup1192/items/eb7dec810a3173683b06
+@ababup1192
+年06月11日に更新
+elmでSPAをわかってしまおう
+===== Elmで複数ページからなるサイトを作る方法（1） =====
+以下の方法が一番単純なSPAの作り方かなと思います。（もっとも、このくらいのアプリだと、SPAである必要がありませんが、、、）
+http://i-doctor.sakura.ne.jp/font/?p=38672
+Elmで複数ページからなる極簡単なSPA（シングルページアプリケーション）を作成（ソースコードあり）
+年6月7日
+===== Elmで複数ページからなるサイトを作る方法（2） =====
+以下に記載させていただきました。2パートからなります。
+http://i-doctor.sakura.ne.jp/font/?p=38434
+『基礎からわかるElm』を写経してみる（７）実践３：ナビゲーションとテスト（複数ページのElmアプリの作り方）
+年6月2日
+http://i-doctor.sakura.ne.jp/font/?p=38522
+『基礎からわかるElm』を写経してみる（８）SPAを設計する（複数ページのElmアプリの作り方part2 : ページごとにelmファイルを作成する）
+年6月2日2019年6月3日
+ソースコード
+https://github.com/adash333/elm-github-viewer2
+DEMOサイト
+https://admiring-brattain-8251ca.netlify.com/
+{{:elm:pasted:20190602-164858.png}}
+===== elm公式サイトのNavigation関連のリンク =====
+https://guide.elm-lang.jp/webapps/navigation.html
+An Introduction to Elm
+ナビゲーション
+http://i-doctor.sakura.ne.jp/font/?p=38382
+『基礎からわかるElm』を写経してみる（５）ナビゲーション
+年6月3日
+→ソースコード:https://github.com/adash333/elm-navigation
+→Demoサイト:https://hungry-easley-7d0cf8.netlify.com/
+https://gist.github.com/yuizho/c0b08ee59d3da81891426b17209fff4d
+yuizho
+commented 2019 Jan
+公式ガイドのナビゲーションのサンプルコードに画面遷移を加えた感じのものになります
+===== その他のサイトのリンク =====
 https://qiita.com/takmatsukawa/items/daed519ec3a1d3e3555d
@@ 行 18: / 行 71: @@
 https://tech.515hikaru.net/2019-04-10-elm-static-site/
-==== netlifyにデプロイのリンク ====
+===== Elm本 ナビゲーション =====
+https://github.com/jinjor/elm-book/blob/master/4_7_navigation-github/package.json
+を見ると、開発環境では、
+<code>
+npm i -g elm-live
+</code>
+してから、
+<code>
+elm-live src/Main.elm --pushstate -- --output=elm.js
+</code>
+がよさそう。
+index.htmlは、以下をコピペか？
+https://github.com/jinjor/elm-book/blob/master/4_7_navigation-github/index.html
+参考：https://qiita.com/miyamo_madoka/items/704dd4c4f6756265e3a5
+===== netlifyにデプロイのリンク =====
+ElmによるSPA（Single Page Application）をNetlifyにデプロイする方法を、以下に記載させていただきましたので、もしよろしければご覧ください。
+http://i-doctor.sakura.ne.jp/font/?p=38321
+Elmで複数ページのアプリ（２）SPA（Single Page Application）をNetlifyにデプロイ
+年5月29日2019年5月31日
 https://github.com/netlify/netlify-playground/blob/master/netlify.toml
@@ 行 24: / 行 117: @@
 https://www.netlify.com/blog/2016/10/25/netlify-playground-our-first-elm-application-in-production/
-spaは、アドレスが全てindex.html
+SPAは、アドレスが全てindex.htmlとなるので、Netlifyにデプロイするときは、netlify.tomlを作成して、以下のように記載する。
-?
+netlify.toml
 <code>
 [[redirects]]
@@ 行 40: / 行 133: @@
-==== リンク ====
+===== リンク =====
 目次：[[elm:index.html|Elm]]