プログラミングElm
書籍情報
発売日 : 2021年03月01日
著者/編集 : Jeremy Fairbank/ヤギのさくらちゃん
出版社 : マイナビ出版
発行形態 : 単行本
書籍説明
内容紹介
ウェブアプリケーションのフロントエンド部分を堅牢に開発できる、静的型付けの関数型プログラミング言語Elm。最小限のJavaScriptへコンパイルされ、アプリケーションをウェブへ簡単にデプロイできます。Elmを全く知らない方でも、本書をマスターすれば柔軟でメンテナンスしやすいウェブアプリケーションを構築できるようになるでしょう。Elmがはじめてのフロントエンド開発者を対象に、構文や関数の作り方の基礎から解説します。書籍の後半では既存のJavaScriptアプリケーションにElmのコードを追加していきます。
目次
1章 Elmをはじめよう
1.1 関数の基礎
1.2 静的型を使う
1.3 静的なアプリを構築する
1.4 学んだことのまとめ
2章 状態を持つElmアプリケーションを作成する
2.1 The Elm Architectureを適用する
2.2 ビューを作成する
2.3 状態の変更を扱う
2.4 The Elm Architectureのライフサイクル
2.5 学んだことのまとめ
3章 Elmアプリケーションをリファクタリングしたり改良したりする
3.1 うまいやり方でリファクタリングする
3.2 写真にコメントを付ける
3.3 学んだことのまとめ
4章 サーバーと通信する
4.1 JSONを安全にデコードする
4.2 HTTP APIからデータを取得する
4.3 学んだことのまとめ
5章 WebSocketでリアルタイム通信を行う
5.1 複数の写真データを読み込む
5.2 WebSocketから写真データを受け取る
5.3 学んだことのまとめ
6章 さらに大きなアプリケーションを作る
6.1 ビューを整理する
6.2 メッセージをもっとシンプルにする
6.3 モデルの状態を入れ子にする
6.4 拡張可能レコードを使う
6.5 ビューの重複コードを取り除く
6.6 ありえない状態をとれないようにする
6.7 学んだことのまとめ
7章 強力なツールを使って開発やデバッグ、デプロイをする
7.1 Debugモジュールを使ってデバッグする
7.2 Elmアプリケーションの開発やデプロイを高速化する
7.3 学んだことのまとめ
8章 JavaScriptとの共生
8.1 Elmアプリケーションを組み込む
8.2 ポートを使って画像をアップロードする
8.3 アップロードされた画像を表示する
8.4 学んだことのまとめ
9章 Elmアプリケーションをテストする
9.1 Elmにおけるテスト駆動開発
9.2 検証用関数の使い方
9.3 ファズテストを行う
9.4 アプリケーションをテストする
9.5 学んだことのまとめ
10章 シングルページアプリケーションを構築する
10.1 SPAの骨格を構築する
10.2 各ページ用のコンポーネントにルーティングする
10.3 Picshareふたたび
10.4 動的なルーティングを扱う
10.5 学んだことのまとめ
11章 アプリケーションを高速化する
11.1 コードのベンチマークをとる
11.2 サイズが大きいリストを走査する
11.3 遅延評価を活用する
11.4 アプリケーションに遅延デザインパターンを取り入れる
11.5 学んだことのまとめ
付録A Elmをインストールする
A.1 すべての道はNodeに通ず
A.2 Elmコンパイラーをインストールする
A.3 開発ツールをインストールする
付録B ローカルサーバーを実行する
B.1 サーバーをインストールして起動する
付録C Elmパッケージのバージョンについて
C.1 古いバージョンのパッケージをインストールする
1.1 関数の基礎
1.2 静的型を使う
1.3 静的なアプリを構築する
1.4 学んだことのまとめ
2章 状態を持つElmアプリケーションを作成する
2.1 The Elm Architectureを適用する
2.2 ビューを作成する
2.3 状態の変更を扱う
2.4 The Elm Architectureのライフサイクル
2.5 学んだことのまとめ
3章 Elmアプリケーションをリファクタリングしたり改良したりする
3.1 うまいやり方でリファクタリングする
3.2 写真にコメントを付ける
3.3 学んだことのまとめ
4章 サーバーと通信する
4.1 JSONを安全にデコードする
4.2 HTTP APIからデータを取得する
4.3 学んだことのまとめ
5章 WebSocketでリアルタイム通信を行う
5.1 複数の写真データを読み込む
5.2 WebSocketから写真データを受け取る
5.3 学んだことのまとめ
6章 さらに大きなアプリケーションを作る
6.1 ビューを整理する
6.2 メッセージをもっとシンプルにする
6.3 モデルの状態を入れ子にする
6.4 拡張可能レコードを使う
6.5 ビューの重複コードを取り除く
6.6 ありえない状態をとれないようにする
6.7 学んだことのまとめ
7章 強力なツールを使って開発やデバッグ、デプロイをする
7.1 Debugモジュールを使ってデバッグする
7.2 Elmアプリケーションの開発やデプロイを高速化する
7.3 学んだことのまとめ
8章 JavaScriptとの共生
8.1 Elmアプリケーションを組み込む
8.2 ポートを使って画像をアップロードする
8.3 アップロードされた画像を表示する
8.4 学んだことのまとめ
9章 Elmアプリケーションをテストする
9.1 Elmにおけるテスト駆動開発
9.2 検証用関数の使い方
9.3 ファズテストを行う
9.4 アプリケーションをテストする
9.5 学んだことのまとめ
10章 シングルページアプリケーションを構築する
10.1 SPAの骨格を構築する
10.2 各ページ用のコンポーネントにルーティングする
10.3 Picshareふたたび
10.4 動的なルーティングを扱う
10.5 学んだことのまとめ
11章 アプリケーションを高速化する
11.1 コードのベンチマークをとる
11.2 サイズが大きいリストを走査する
11.3 遅延評価を活用する
11.4 アプリケーションに遅延デザインパターンを取り入れる
11.5 学んだことのまとめ
付録A Elmをインストールする
A.1 すべての道はNodeに通ず
A.2 Elmコンパイラーをインストールする
A.3 開発ツールをインストールする
付録B ローカルサーバーを実行する
B.1 サーバーをインストールして起動する
付録C Elmパッケージのバージョンについて
C.1 古いバージョンのパッケージをインストールする
著者情報
Fairbank, Jeremy
jeremy fairbank
著者:Jeremy Fairbank(ジェレミー・フェアバンク)
ハワイ在住、Test Doubleのソフトウェアエンジニアおよびコンサルタントで、Elmのエキスパート。ジョージア工科大学(Georgia Institute of Technology)でコンピューターサイエンスの修士号(Master of Science inComputer Science)を取得。長年のウェブ開発の経験を活かし、数多くのカンファレンスなどに登壇し、フロントエンド開発のためのElmの使い方を伝授している。
ヤギのさくらちゃん