Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
immutable-js ことはじめ
K.Matsumura (@zuckey_17)
We are JavaScripters! :)) @5th
2017.03.27
簡単に自己紹介
ファストメディア株式会社 所属
フロントエンドとサーバーサイド
React + Reduxで現行の管理画面をリプレース中
immutable-jsは主にReduxの部分で利用
松村 和輝 (@zuckey_17)
(主に)こんな人に向けて話します
• ES6普段書いてるけどもっと安心して書きたい
• Reactとか使ってないんだけど自分に関係あるの?
こんなことは話しません
• ES6の文法の細かいところ
• immutableとReact + Reduxとの関係性
import
※以降のコードでは省略します
fromJS と toJS
get と set
ネストしている場合は
第一引数が配列もしくはImmutable.Listでアクセス可能
const の罠
• 破壊的なメソッドで変更される
• プロパティへの値の代入は可能
コードが大きくなるとどんどん不安になるので
immutable-jsを使ってそれを防止します
Immutable.List
Immutable.List
Immutable.Map
Immutable.Map
Immutable.Record
• デフォルト値を表すオブジェクトを引数として
コンストラクタ関数を返す関数
• ’.’ でプロパティにアクセスできる
• setで変更済みの新しいオブジェクトを返す
• デフォルト値で設定した値以外は受け付け...
constructorにないプロパティにも値を
入れることができる
まとめ
• 名前の通りimmutable(不変)なオブジェクトによって
安心してコーディングができる
• 他にも多くの便利なメソッドがある
• 素のJavaScriptと同じ書き方で違う挙動になることが
あるのでデザイナーの方などに理解を得るの...
ちょっと個人的に宣伝させてください
• 友人とpodcastをはじめました
• “楽しくて仕方がないラジオ”
Immutable-jsことはじめ
Immutable-jsことはじめ
Immutable-jsことはじめ
Upcoming SlideShare
Loading in …5
×

Immutable-jsことはじめ

297 views

Published on

We Are JavaScripters :) 第5回LT会での発表資料です。

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Immutable-jsことはじめ

  1. 1. immutable-js ことはじめ K.Matsumura (@zuckey_17) We are JavaScripters! :)) @5th 2017.03.27
  2. 2. 簡単に自己紹介 ファストメディア株式会社 所属 フロントエンドとサーバーサイド React + Reduxで現行の管理画面をリプレース中 immutable-jsは主にReduxの部分で利用 松村 和輝 (@zuckey_17)
  3. 3. (主に)こんな人に向けて話します • ES6普段書いてるけどもっと安心して書きたい • Reactとか使ってないんだけど自分に関係あるの?
  4. 4. こんなことは話しません • ES6の文法の細かいところ • immutableとReact + Reduxとの関係性
  5. 5. import ※以降のコードでは省略します
  6. 6. fromJS と toJS
  7. 7. get と set ネストしている場合は 第一引数が配列もしくはImmutable.Listでアクセス可能
  8. 8. const の罠 • 破壊的なメソッドで変更される • プロパティへの値の代入は可能 コードが大きくなるとどんどん不安になるので immutable-jsを使ってそれを防止します
  9. 9. Immutable.List
  10. 10. Immutable.List
  11. 11. Immutable.Map
  12. 12. Immutable.Map
  13. 13. Immutable.Record • デフォルト値を表すオブジェクトを引数として コンストラクタ関数を返す関数 • ’.’ でプロパティにアクセスできる • setで変更済みの新しいオブジェクトを返す • デフォルト値で設定した値以外は受け付けない
  14. 14. constructorにないプロパティにも値を 入れることができる
  15. 15. まとめ • 名前の通りimmutable(不変)なオブジェクトによって 安心してコーディングができる • 他にも多くの便利なメソッドがある • 素のJavaScriptと同じ書き方で違う挙動になることが あるのでデザイナーの方などに理解を得るのが難し かったりする
  16. 16. ちょっと個人的に宣伝させてください • 友人とpodcastをはじめました • “楽しくて仕方がないラジオ”

×