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

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

ユーザ用ツール

サイト用ツール


z_blog:2019:190319_elm2


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2019:190319_elm2 [2019/03/19] – [Elmコードの実行] adash333z_blog:2019:190319_elm2 [2019/03/23] (現在) – [Elmリンク2] adash333
行 2: 行 2:
  
 ===== Elmって何? ===== ===== Elmって何? =====
-Elm は JavaScript にコンパイルできる関数型プログラミング言語だそうです。+Elm は、Webページの表示に用いる、 JavaScript にコンパイルできる関数型プログラミング言語だそうです。
  
 Elmで書いて、Javascriptに変換して、WEBページを作成することができるということになります。 Elmで書いて、Javascriptに変換して、WEBページを作成することができるということになります。
行 38: 行 38:
 {{:z_blog:2019:pasted:20190319-150229.png}} {{:z_blog:2019:pasted:20190319-150229.png}}
  
-===== Windows10にVisualStudioCodeでElm開発環境構築手順 =====+===== Windows10にVisualStudioCodeでElm0.19開発環境構築手順 =====
 VisualStudioCodeとnode.jsはインストール済みとします。 VisualStudioCodeとnode.jsはインストール済みとします。
  
行 162: 行 162:
   -elm reactor stopと打ち込んで、Enterを押します   -elm reactor stopと打ち込んで、Enterを押します
  
 +==== Elmコードの実行 その2 ====
 +こちらの方が簡単です。
  
 +VisualStudioCode上でCtrl+@で、コマンドプロンプトを表示し、以下を入力
  
 +<code>
 +elm reactor
 +</code>
  
 +その後、ChromeなどのWEBブラウザで、
  
 +http://localhost:8000/
  
 +にアクセスします。
  
 +サーバを止めるときは、コマンドプロンプト上で、Ctrl+C を押します。
  
  
行 181: 行 191:
  
  
-===== リンク =====+ 
 + 
 + 
 + 
 + 
 + 
 +===== Elmリンク ===== 
 + 
 +https://qiita.com/kawauso7/items/fc42fc3e252d88d73f3c 
 +@kawauso7 
 +2018年12月05日に更新 
 +Elm3(予備) Advent Calendar 20183日目 
 +Elm を実戦投入した話 2018年冬 
 + 
 +https://gitpitch.com/ababup1192/elm-handson2 
 +Elm入門ハンズオン 
 + 
 +https://syossan.hateblo.jp/entry/2018/12/17/000000 
 +初心者Elmerがクソアプリを作った時に気付いたこと 
 + 
 + 
 +https://gist.github.com/ababup1192/a1a091bcc0e535d180544639f531302c 
 +ElmのHello Worldができるまで (2018 10/25) 
 +→Atomでの環境構築の方法 
 + 
 +https://mbylstra.github.io/html-to-elm/ 
 +{{:z_blog:2019:pasted:20190322-132953.png}} 
 + 
 +http://elmrepl.cuberoot.in/ 
 +{{:z_blog:2019:pasted:20190322-133013.png}} 
 + 
 + 
 + 
 + 
 + 
 +===== Elmリンク2 =====
  
 [[z_blog:2019:190318_elm|190318 Elm]] [[z_blog:2019:190318_elm|190318 Elm]]
  
 +[[z_blog:2019:190323_elmでbulmaを利用|z_blog:2019:190323_elmでbulmaを利用]]
 +
 +http://i-doctor.sakura.ne.jp/font/?p=35237
 +『基礎からわかるElm』を写経してみる(2)Elmアーキテクチャ
 +2019年3月23日
 +
 +http://i-doctor.sakura.ne.jp/font/?p=35219
 +『基礎からわかるElm』を写経してみる(1)Html
 +2019年3月23日
 +
 +http://i-doctor.sakura.ne.jp/font/?p=35192
 +Elm入門ハンズオンを読んでみる(1)
 +2019年3月22日
 +
 +http://i-doctor.sakura.ne.jp/font/?p=35162
 +Windows8.1ProにVisualStudioCodeでElm0.19開発環境を構築
 +2019年3月22日
 +
 +http://i-doctor.sakura.ne.jp/font/?p=35151
 +Elmを試してみる
 +2019年3月21日
 +===== Elm0.19でお勧めの本 =====
 +2019年3月時点で、elmに関する本は以下の1冊のみです。
 +
 +ちょっと読んだ感じですと、まず、環境構築でつまずきかけ、しかも何だか難しくてチンプンカンプンに感じましたが、これから、繰り返し写経していきたいと思います。
 +
 +ソースコード
 +https://github.com/jinjor/elm-book
  
 +<html>
 +<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=i-doctor-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B07P253FPG&linkId=c86139085c12c8a0e00a34193ff00d20"></iframe>
 +</html>
  


z_blog/2019/190319_elm2.1553030615.txt.gz · 最終更新: 2019/03/19 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki