elm:elm-spa
差分
このページの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で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:// | ||
行 44: | 行 97: | ||
+ | 参考:https:// | ||
行 51: | 行 105: | ||
===== netlifyにデプロイのリンク ===== | ===== netlifyにデプロイのリンク ===== | ||
+ | |||
+ | ElmによるSPA(Single Page Application)をNetlifyにデプロイする方法を、以下に記載させていただきましたので、もしよろしければご覧ください。 | ||
+ | |||
+ | http:// | ||
+ | Elmで複数ページのアプリ(2)SPA(Single Page Application)をNetlifyにデプロイ | ||
+ | 2019年5月29日2019年5月31日 | ||
+ | |||
https:// | https:// | ||
行 56: | 行 117: | ||
https:// | https:// | ||
- | spaは、アドレスが全てindex.html | + | SPAは、アドレスが全てindex.htmlとなるので、Netlifyにデプロイするときは、netlify.tomlを作成して、以下のように記載する。 |
- | ? | + | netlify.toml |
< | < | ||
[[redirects]] | [[redirects]] | ||
行 72: | 行 133: | ||
- | ==== リンク ==== | + | ===== リンク |
目次:[[elm: | 目次:[[elm: | ||
elm/elm-spa.1559347149.txt.gz · 最終更新: 2019/05/31 by adash333