基礎からわかるElm

Program ＞ JavaScript ＞ AltJS ＞ Elm ＞ 参考書

基礎からわかるElm†

#html{{

table border="0" cellpadding="5"><tr><td valign="top"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/4863542224/vertex9-22/" target="_blank"><img src="" border="0"></a></td><td>　</td><td valign="top"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/4863542224/vertex9-22/" target="_blank">基礎からわかる Elm</a><br>鳥居 陽介<br>シーアンドアール研究所<br>2019-02-27<br>￥ 2,840</td></tr></table>
}}

目次†

●CHAPTER 01　Elmをはじめよう†

001　背景とElmの誕生
002　Elmの概要
003　インストールと環境構築
004　Hello, world!

●CHAPTER 02　Elmの基礎文法†

005　準備
006　基本文法ひとめぐり
007　型を読む
008　型を書く
009　カスタム型とパターンマッチ
010　演算子とパイプ
011　再代入の禁止と再帰
012　Maybe
013　リスト
014　その他のデータ構造
015　Debug
016　モジュールとパッケージ

●CHAPTER 03　アプリケーションの作成†

017　HTML
018　Elmアーキテクチャ
019　実践１：フォーム入力
020　コマンドとサブスクリプション
021　コマンド
022　JSON
023　実践２：検索ボックス
024　サブスクリプション
025　Task
026　描画の仕組みと高速化

●CHAPTER 04　Webアプリ開発の実践†

027　プロジェクトの管理
028　ElmからJavaScriptを生成する
029　フラグとポート
030　ナビゲーション
031　URLのパース
032　ユニットテスト
033　実践３：ナビゲーションとテスト
034　ビルドの最適化

●CHAPTER 05　設計パターン†

035　ビューを再利用する
036　UIの状態を管理する
037　SPAを設計する

●CHAPTER 06　一歩先のトピック†

038　コミュニティとOSS
039　ライブラリの公開
040　開発ツールの紹介
041　CSSの管理テクニック
042　特殊なモジュール

索引

出版社情報†

基礎からわかる Elm｜株式会社 C&R研究所
https://www.c-r.com/book/detail/1299

著者紹介†

鳥居 陽介（とりい・ようすけ）
Webフロントエンドエンジニア。
高機能なGUIが好物で、常に手を動かしては怪しげなものを作ったり試したりしている。
Idein株式会社勤務。
プログラミング以外では作曲が趣味。

• Yosuke Torii / ジンジャー（@jinjor）さん / Twitter https://twitter.com/jinjor
• jinjor (Yosuke Torii) · GitHub https://github.com/jinjor
• ジンジャー研究室 http://jinjor-labo.hatenablog.com/
• 鳥居 陽介（株式会社ワークスアプリケーションズ） https://codezine.jp/author/1515

書評†

Elmは、Haskellに似たAltJSの１つです。
コンパイルして使えばランタイムエラーが発生しないという堅牢性が特徴です。
Reduxの設計の元になっているので、React等のJSフレームワークを使う時にも、Elmの作法や考え方は参考になります。
Elmを利用して、安全なWebフロントエンドの開発に取り組んでみましょう。

#html{{

h3 class="well">メニュー</h3>
}}

• 記事一覧
• 書籍紹介
• アイデア

• デザイン
• プログラミング
• ネットワーク・インフラ
• IoT (電子工作)
• ビジネス

#html{{

h3 class="well">まとめ</h3>
}}

• IT用語集
• ネットワーク用語
• ネットワーク講座
• ネットワークスペシャリスト

• DApps (Web 3.0)
• Haskell
• OCaml

• JavaScript
• Elm
• React
• PHP
• CodeIgniter
• WordPress

#html{{

!-- Google Ads -->

script type="text/javascript"><!--
google_ad_client = "ca-pub-1656096348298445";
/* sagasite.info_250x250_20110808 */
google_ad_slot = "6542397273";
google_ad_width = 250;
google_ad_height = 250;

/script>

script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

/script>
}}

最新の10件

人気の10件

#html{{

p align="center">

a href="http://s09.flagcounter.com/more/lQC"><img src="http://s09.flagcounter.com/count/lQC/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=20/viewers=0/labels=1/" alt="free counters" border="0"></a>

/p>
}}

#html{{

p align="center">

a href="http://px.a8.net/svt/ejp?a8mat=1O73NW+3B2PRM+D8Y+BXYE9" target="_blank">

img border="0" width="125" height="125" alt="" src="http://www28.a8.net/svt/bgt?aid=101108300200&wid=001&eno=01&mid=s00000001717002006000&mc=1"></a>

img border="0" width="1" height="1" src="http://www11.a8.net/0.gif?a8mat=1O73NW+3B2PRM+D8Y+BXYE9" alt="">

/p>
}}

#html{{

!-- X:S ZenBackWidget -->

!--

script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//program.sagasite.info/wiki/&nsid=94351984097772224%3A%3A95034570365255946&rand="+Math.ceil*1+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script>

• >

  !-- X:E ZenBackWidget -->
  }}