サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


elm:elm-spa


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
elm:elm-spa [2019/06/07] – [その他のサイトのリンク] adash333elm: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://qiita.com/ababup1192/items/eb7dec810a3173683b06 
 +@ababup1192 
 +2019年06月11日に更新 
 +elmでSPAをわかってしまおう 
 + 
 +===== Elmで複数ページからなるサイトを作る方法(1) ===== 
 + 
 +以下の方法が一番単純なSPAの作り方かなと思います。(もっとも、このくらいのアプリだと、SPAである必要がありませんが、、、) 
 + 
 +http://i-doctor.sakura.ne.jp/font/?p=38672 
 +Elmで複数ページからなる極簡単なSPA(シングルページアプリケーション)を作成(ソースコードあり) 
 +2019年6月7日 
 + 
 + 
 +===== Elmで複数ページからなるサイトを作る方法(2) =====
  
 以下に記載させていただきました。2パートからなります。 以下に記載させていただきました。2パートからなります。
行 20: 行 36:
 {{:elm:pasted:20190602-164858.png}} {{:elm:pasted:20190602-164858.png}}
  
-===== その他のサイトのリンク =====+===== elm公式サイトのNavigation関連のリンク =====
  
 https://guide.elm-lang.jp/webapps/navigation.html https://guide.elm-lang.jp/webapps/navigation.html
 An Introduction to Elm An Introduction to Elm
 ナビゲーション ナビゲーション
 +
 +http://i-doctor.sakura.ne.jp/font/?p=38382
 +『基礎からわかるElm』を写経してみる(5)ナビゲーション
 +2019年6月3日
 +→ソースコード:https://github.com/adash333/elm-navigation
 +→Demoサイト:https://hungry-easley-7d0cf8.netlify.com/
  
 https://gist.github.com/yuizho/c0b08ee59d3da81891426b17209fff4d https://gist.github.com/yuizho/c0b08ee59d3da81891426b17209fff4d
行 31: 行 53:
 公式ガイドのナビゲーションのサンプルコードに画面遷移を加えた感じのものになります 公式ガイドのナビゲーションのサンプルコードに画面遷移を加えた感じのものになります
  
 +===== その他のサイトのリンク =====
  
  


elm/elm-spa.1559895801.txt.gz · 最終更新: 2019/06/07 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki