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

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

ユーザ用ツール

サイト用ツール


elm:elm-spa


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
elm:elm-spa [2019/06/02] – [その他のサイトのリンク] 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パートからなります。
行 12: 行 28:
 『基礎からわかるElm』を写経してみる(8)SPAを設計する(複数ページのElmアプリの作り方part2 : ページごとにelmファイルを作成する) 『基礎からわかるElm』を写経してみる(8)SPAを設計する(複数ページのElmアプリの作り方part2 : ページごとにelmファイルを作成する)
 2019年6月2日2019年6月3日 2019年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』を写経してみる(5)ナビゲーション
 +2019年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
 +公式ガイドのナビゲーションのサンプルコードに画面遷移を加えた感じのものになります
  
 ===== その他のサイトのリンク ===== ===== その他のサイトのリンク =====


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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki