# 【第1週】流麗なJavaScript輪読会 (2022\-02\-21\~2022\-02\-25)

[](https://hackmd.io/thecAj5WSqOqTedQSLsOYA)

###### tags: `流麗なJS`

[**流麗なJS 輪読会ノートまとめ**](https://hackmd.io/4rF1R6DgQger1ldnC4xbZQ)
[公式の課題コードSANDBOX](https://eloquentjavascript.net/code/)

## 目次

[TOC]

## 2022\-02\-21

### 司会
- @yatsuhashi

[タイマー](https://timer.onl.jp/)

### ドライバー
- なし

### スタート地点
- はじめに

### 疑問点・気づき
#### なぜ言語が重要なのか（p18） まで

- @eatplaynap
- 先週まで読んでいた現場Railsで「規約に則って書くのがよい」という考えに染まっていたけど、この本だと「ベストプラクティスの安全地帯に留まらずに実践の中で自ら学ぶべき」と書かれてて、get hands dirtyに演習問題に取り組めそうでちょっとワクワクする
- 「機械に近い」とは…？
- どこだろう？
- Close to the Machine だからそのままっぽいな...
- なんかプログレっぽいですねぇ

- @haruguchi
- kasaiさんの好きな著者がアーシュラ・K・ルグインということがわかった
- わりと難解なのでおすすめではないです。
- 「プログラミングの技術とは複雑さをコントロールする技術です」というのがなんとなく、おおー！って思った。
- 途中に出てきたやつで、原始的なコンピュータだから11かどうか判断するのではなく11引いて0かどうかを判断するとあったけど、11を判断することはできなくても11を引くことはできるというのが不思議だった。
- 原始的なコンピュータは加算器だから加算しかできないのかも。減算は加算と桁あふれで実現される。でもゼロかどうかはわかるんだな。

- @kasai441
- 機械語からJavaScriptまで４回くらい同じ意味のコードが出てきて、どんどん人間が読みやすくなるのが面白い
- 後の方を見たらゲームとかをつくってておもしろそう

- @yatsuhashi
- ちょっと前までは機械語でやってたと思うとプログラミングの発展速度は速い

- @cafedomancer
- 冒頭の引用の内容がナゾ (他の章も同様)
- ずっと分からないので分からなくても気にしないでください

- @daisuke-kikukawa
- 引用が多くてさすが外国の本という感じでとても面白かった（言い回しが難しくてほとんど理解できていない）
-

### 振り返り(よかった点・次回に向けての改善点等)
- @yatsuhashi
- 皆さんと一緒に流麗になりたいです

- @fugakkbn
- JavaScriptを流麗にかけるようになれたらいいなあ。

- @ajitama6
- はじめにから読んでくときのワクワク感は毎回好きです。
- Javascriptを使いこなせるように頑張ります〜

- @eatplaynap
- 新しい本の輪読会はフレッシュでいいですね！チェリー本輪読会から残ってるメンバーが自分とYatzだけになっちゃって感慨深い！

- @haruguchi
- この本は簡単なのか難しいのかまだわかってないけど、ついていけるように頑張っていきたい！

- @daisuke-kikukawa
- JavaScriptと早く仲良くなりたい！

## 2022\-02\-22

### 司会
- @yatsuhashi

[タイマー](https://timer.onl.jp/)

### ドライバー
- なし

### スタート地点
- JavaScriptとは(p.19)

### 疑問点・気づき
#### Chapter1 数値まで(p.27)

- @kasai441
- ００００１１０１(2)は13(10)
- ひとつの値が６４ビットメモリを確保している、という考え方でいいのかな？
- Yatuhasiさんのパズドラの例が面白かった

- @haruguchi
- コードを試すサイト？みたいなのを用意してくれていて手厚いなと思った。
- ビットは0か1の2進数で表されている
- JSでは数値は64ビットで管理
- 10進数は1がいくつ10がいくつ100がいくつ1000が、、、となるけど
- 2進数は1がいくつ2がいくつ4(2^2)がいくつ8(2^3)がいくつと重みづけされている

- @yatsuhashi
- 再帰はパッと見で理解できないのが面倒臭い

- @daisuke-kiku
- 再帰の考え方を使うとメソッドを使わずに階乗のような難しいことも実現できる！ただ、パット見何やってるのか理解するのが難しい。。
- 2進数や16進数は何度やっても忘れてしまう。。

- @eatplaynap
- 2進数のこと勉強したそのときは理解できるのに、毎回ウ〜分からんってなるのでちゃんとまとめて理解しよう
- 揮発性のデータストレージ: 電源切ったらなくなるもの。ワーキングメモリなど
- 不揮発性のデータストレージ: 電源切ってもなくならない。ハードディスクなど

### 振り返り(よかった点・次回に向けての改善点等)

- @yatsuhashi
- やっと本編入った

- @haruguchi-yuma
- 最近基本情報のテキストを読んだのですが、今日はそういう話が続いていった。
- sorena
- ゲームの数値管理の話が面白かった。32ビットなので〜でカンスト

- @daisuke-kiku
- パズドラをやってみたくなった。。
-

- @eatplaynap
- みそさんが仰ってたとおり、海外のプログラミング入門書はCSの基礎知識を身につけることを求められてる感じがある
- むずかしいよお🥺
- :pien:

- @kasai441
- ↑ 上に公式のコードサンドボックス？のリンクを貼りました。
- Githubでみんなでプルリク作っていくやり方をやってみたい気もします

## 2022\-02\-23
### 司会
- @eatplaynap

[タイマー](https://timer.onl.jp/)

### ドライバー
- undefined

### スタート地点
- 算術(p27)から

### 疑問点・気づき
#### Boolean値　比較(p.31真ん中）まで

- @fugakkbn
- 表記揺れとか変な訳に気をつけながら読まないといけない本だということがわかった。
- ある意味勉強になるのかも？🤔

- @eatplaynap
- 剰余演算子はmodulo
- モジュロぅ！！
- バッククオートはbacktick
- 表記ゆれから原文を見るので英語の勉強になる
- 後方引用符
- `Infinity`はJS Primerで読んだ記憶がないけど無限大を表す特殊な数値

- @haruguchi
- Infinityが無限大を表すということで`→∞`に置き換えたら数学と同じ動きだと理解できた。（極限）
- 表記揺れは自分で読んだ時はあんまり気にならなかったけど、もう意識せずにはいられない体になってしまった。
- 自分自身と等しくないのはNaNだけ

- @yatsuhashi
- 表記揺れ警察👮‍♀️
- rubyと違ってダブルクォートで囲んだ時とシングルクォートで囲んだ時で違いがない

- @kasai441
- データ型は言語によって全然違うので興味深いです。
- 0/0をやってもエラーが出ず、NaNを返す
- ""のエスケープの仕方はrubyと全く同じ（console.logを使うこと）
- 文字列の比較で、文字コードを比較するのもrubyとjsは同じっぽい。

- @cafedomancer
- 1人で読んでいたときは表記揺れにぜんぜん気付かなかった
- 意味がわかればいいと思ってるのであまり気にしてないのかも
- `NaN` って JavaScript 以外で見たことないなあ

- @misosoup160
- 英語で見てるとこう言う単語なんだなという気づきがあるけどすぐわすれそう
- 表記揺れ残念だよなー…もう少しだけ校正がんばってほしかった…

### 振り返り(よかった点・次回に向けての改善点等)
- @fugakkbn
- 今日ちゃんと本をかいました👏
- :tada:

- @ajitama6
- 電子版で買ったけど今のところ大丈夫そう・・・？
- 表記ゆれ警察のおかげで気づきが増えた(?) :cop:
- 毎日開催に今日気づいたので明日からちゃんときます。

- @misosoup160
- 今日は輪読会のお知らせが目覚ましになってくれて起きれて良かったです
- 明日日本語版がとどくはずだ…

- @haruguchi
- 翻訳はアレだけど、翻訳してもらっていることには感謝したい。
- :sorehaaru:

- @eatplaynap
- 表記ゆれがつらい
- 今までの本と別の意味で輪読会で読んで意味わからないところが解消できるのでいいかも

- @cafedomancer
- 寝る前に毎日ちょっとずつ読んでいます
- 発破解体爆発解散 bot 仕上げなきゃ

## 2022\-02\-24
### 司会
- @yatsuhashi
[タイマー](https://timer.onl.jp/)

### ドライバー
-

### スタート地点
- boolean値　論理演算子(p31真ん中)から

### 疑問点・気づき
#### 式とステートメント (p38上部)まで

- @eatplaynap
- 暗黙的な型変換はVue.jsでメモアプリを作っているときにずっと悩まされた思い出
- ↓もハマった

  null >= 0
  // => true
  undefined >= 0
  // => false

- @kasai
- `==`と`===`の違いがいまいちわからなかったけど、とりあえず`===`を使うということで...
- `??`を初めて知った（nullとundefinedだけ疑とする）

- @haruguchi
- `"5" * 2 //=> 10`
- `"five" * 2 //=> NaN`
- ショートサーキットはRubyと同じtrueかfalseが確定したら評価を止める　戻り値は確定した時点の値
- `==`は型が違っていても暗黙的な型変換を行なってから等値かどうか評価する
- `===`は型が違っていたらfalseがかえる

- @yatsuahshi
- `===`を使う方が無難(`==`は暗黙的な型変換が入る)

### 振り返り(よかった点・次回に向けての改善点等)
- @ajitama6
- 自動型変換に悩まされそうな予感。。
- この章は特に式中の翻訳まで突っ込みどころがあって見比べながら読む重要性の再認識
- そして〜..Javascriptを10cc投与し〜..(なんだこれは...?)

- @yatsuhashi
- 赤ペン先生になった気分
- JavaScript10cc投与してくれ！

- @haruguchi
- WhyのRubyガイド何言ってるかわかんなかったの自分だけじゃなくてよかった
- 昨日うめもとさんも何言ってるか全くわからん本って言ってました ww

- @eatplaynap
- 自分が当たってるとき以外はみそさんスタイルで英語の方を読むことにした(コードまで誤訳されてるなんてひどい:sob:)

## 2022\-02\-25
### 司会
- @fugakkbn

[タイマー](https://timer.onl.jp/)

### ドライバー
- undefined

### スタート地点
- バインディング(p38)から

### 疑問点・気づき
#### whileとdoのループ(p46)まで

- @kasai441
- variableをbindingというの、初めて聞きました。
- isNaNは便利そう。

- @cafedomancer
- const は定数じゃない (ひどい名前だ)
- いわゆる定数はたぶん `const MY_CONST = ...` なんだよな
- 使い方の問題なのかな。定数を勝手に書き換え不能な変数として使っている？
- NaN かどうかを考慮してプログラムを書かないといけないの大変そう...
- why's poignant guide to ruby の話が上に見える
- `===` を使うのじゃ！！！

- @yatsuhashi
- バインディングは値を含むものではなく、値を参照するもの

- @eatplaynap
- この本での「バインディング」は「変数」と読み替えてもいい？
- よさそう
- 関数呼び出しを表す英語としてinvoke call applyが紹介されててapply以外は見たことある
- do whileについてのビャーネ・ストロヴストルップのことば
- > In my experience, the do-statement is a source of errors and confusion. … I prefer the condition “up front where I can see it.” Consequently, I tend to avoid do-statements.
*Boswell, Dustin; Foucher, Trevor. The Art of Readable Code (p.104). O'Reilly Media. Kindle 版.*

int theNumber;
while (!(theNumber = prompt('...')));

- @fugakkbn
- constは再代入できない変数であって定数ではない。
- バインディングは「変数に値を代入する行為」と捉えて良さそう。
- Number型を扱うときは、NaNかどうかを考慮する必要がありそう。

### 振り返り(よかった点・次回に向けての改善点等)

- @ajitama6
- 触手の表現がいまいち掴みかねる。
- 参照？ということ？
- そうです！ 変数から値に矢印が伸びていると思ってもらえると。矢印が触手。
- なるほど！　変数側が値を掴みに行ってる、というイメージを書いているのか。理解できましたー。

- @eatplaynap
- 今日は英語の方を見ながら読み上げを聞いているので誤表記で具合が悪くならなくて済んだのでHappy

- @kasai441
- 説明のクセが強い
- バインディング
- 触手 🐙🦑
- ➡●➡

- @fugakkbn
- 文意を汲むのにけっこう力を使うので、その分ちゃんと内容を読める気がする。
- 英語版を見（てもらい）ながらだと「？」と思うところも補完できるのでありがたい。