elm:elm-spa
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
elm:elm-spa [2019/05/29] – adash333 | elm:elm-spa [2019/06/11] (現在) – [ElmでSPA(Single Page Application)] adash333 | ||
---|---|---|---|
行 1: | 行 1: | ||
====== ElmでSPA(Single Page Application) ====== | ====== ElmでSPA(Single Page Application) ====== | ||
- | ===== Elmで複数ページからなるサイトを作りたい ===== | + | 以下の記事がお勧めです。 |
+ | |||
+ | https:// | ||
+ | @ababup1192 | ||
+ | 2019年06月11日に更新 | ||
+ | elmでSPAをわかってしまおう | ||
+ | |||
+ | ===== Elmで複数ページからなるサイトを作る方法(1) ===== | ||
+ | |||
+ | 以下の方法が一番単純なSPAの作り方かなと思います。(もっとも、このくらいのアプリだと、SPAである必要がありませんが、、、) | ||
+ | |||
+ | http:// | ||
+ | Elmで複数ページからなる極簡単なSPA(シングルページアプリケーション)を作成(ソースコードあり) | ||
+ | 2019年6月7日 | ||
+ | |||
+ | |||
+ | ===== Elmで複数ページからなるサイトを作る方法(2) ===== | ||
+ | |||
+ | 以下に記載させていただきました。2パートからなります。 | ||
+ | |||
+ | http:// | ||
+ | 『基礎からわかるElm』を写経してみる(7)実践3:ナビゲーションとテスト(複数ページのElmアプリの作り方) | ||
+ | 2019年6月2日 | ||
+ | |||
+ | http:// | ||
+ | 『基礎からわかるElm』を写経してみる(8)SPAを設計する(複数ページのElmアプリの作り方part2 : ページごとにelmファイルを作成する) | ||
+ | 2019年6月2日2019年6月3日 | ||
+ | |||
+ | ソースコード | ||
+ | https:// | ||
+ | |||
+ | DEMOサイト | ||
+ | https:// | ||
+ | {{: | ||
+ | |||
+ | ===== elm公式サイトのNavigation関連のリンク ===== | ||
+ | |||
+ | https:// | ||
+ | An Introduction to Elm | ||
+ | ナビゲーション | ||
+ | |||
+ | http:// | ||
+ | 『基礎からわかるElm』を写経してみる(5)ナビゲーション | ||
+ | 2019年6月3日 | ||
+ | →ソースコード: | ||
+ | →Demoサイト: | ||
+ | |||
+ | https:// | ||
+ | yuizho | ||
+ | commented 2019 Jan | ||
+ | 公式ガイドのナビゲーションのサンプルコードに画面遷移を加えた感じのものになります | ||
+ | |||
+ | ===== その他のサイトのリンク | ||
https:// | https:// | ||
行 17: | 行 70: | ||
https:// | https:// | ||
+ | |||
+ | |||
+ | ===== Elm本 ナビゲーション ===== | ||
+ | |||
+ | |||
+ | |||
+ | https:// | ||
+ | |||
+ | を見ると、開発環境では、 | ||
+ | |||
+ | < | ||
+ | npm i -g elm-live | ||
+ | </ | ||
+ | |||
+ | してから、 | ||
+ | |||
+ | |||
+ | < | ||
+ | elm-live src/ | ||
+ | </ | ||
+ | がよさそう。 | ||
+ | |||
+ | index.htmlは、以下をコピペか? | ||
+ | |||
+ | https:// | ||
+ | |||
+ | |||
+ | 参考:https:// | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== netlifyにデプロイのリンク ===== | ||
+ | |||
+ | ElmによるSPA(Single Page Application)をNetlifyにデプロイする方法を、以下に記載させていただきましたので、もしよろしければご覧ください。 | ||
+ | |||
+ | http:// | ||
+ | Elmで複数ページのアプリ(2)SPA(Single Page Application)をNetlifyにデプロイ | ||
+ | 2019年5月29日2019年5月31日 | ||
+ | |||
+ | |||
+ | https:// | ||
+ | |||
+ | https:// | ||
+ | |||
+ | SPAは、アドレスが全てindex.htmlとなるので、Netlifyにデプロイするときは、netlify.tomlを作成して、以下のように記載する。 | ||
+ | |||
+ | netlify.toml | ||
+ | < | ||
+ | [[redirects]] | ||
+ | from = "/ | ||
+ | to = "/ | ||
+ | status = 200 | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== リンク ===== | ||
+ | 目次:[[elm: | ||
+ | |||
elm/elm-spa.1559111145.txt.gz · 最終更新: 2019/05/29 by adash333