# 【第26週】流麗なJavaScript輪読会 (2022\-08\-22~2022\-08\-26)

[](https://hackmd.io/4Du58OV5T2GWXYCfEtkffw)

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

- [**流麗なJavaScript 輪読会ノートまとめ \- HackMD**](https://hackmd.io/4rF1R6DgQger1ldnC4xbZQ)
- [公式の課題コードSANDBOX](https://eloquentjavascript.net/code/)
- [fjord\-ryureijs\-rinndokukai/eloquent\-javascript: 流麗なJavaScript輪読会用リポジトリ](https://github.com/fjord-ryureijs-rinndokukai/eloquent-javascript)

## 目次

[TOC]

## 2022\-08\-22

### 司会
- @cafedomancer

### ドライバー
- @yatsuhashi

### スタート地点
- p.346 フォームフィールド

### 疑問点・気づき

#### チェックボックスとラジオボタン p352まで

- @yatsuhashi
- フォームの送信が行われる前に、submitイベントが発生する
- テキストフィールドのchangeイベントは、内容が変更された後にフィールドがフォーカスを失った時に発生する

- @cafedomancer
- 知らなかったやーつ
- `document.activeElement`
- `form.elements`
- `selectionStart`
- `selectionEnd`

- @eatplaynap
- focusメソッドとblurメソッドでフォーカスを制御する
- blurはどういう意味かな
- ぼんやりさせるという意味みたいです

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

- @eatplaynap
- 起きられてよかった
- 職務経歴書書くのがつらい

- @cafedomancer
- haruguchi さん来なかった
- 本持っていくか悩むな...

## 2022\-08\-23

### 司会
- @eatplaynap

### ドライバー
- @yatsuhashi

### スタート地点
- p.346 フォームフィールド

### 疑問点・気づき

#### チェックボックスとラジオボタンp352→17章練習問題ボールの跳ね返り p336まで

- @haruguchi
- `querySelectorAll("[name=hoge]")`みたいな感じで角かっこ使うことで属性を指定できる

- @yatsuhashi
- `querySelectorAll`で取れるのはArrayではないNodelist
- Array.fromでArrayにできる

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

- @eatplaynap
- 1時間で雑談してラジオボタンのところ読んで練習問題やって忙しかった

- @haruguchi
- jQueryを滅殺して素のJavaScriptを書いてるので18章頑張りたい
- 朝何とか起きれてよかった

## 2022\-08\-24

### 司会
- @eatplaynap

### ドライバー
- @yatsuhashi

### スタート地点
- ボールの跳ね返り(p.336)

### 疑問点・気づき

#### ファイルフィールド(p.356)まで

- @haruguchi
- input要素にはfilesプロパティがある。配列風。multipleに対応。
- ファイルの中身を出力するには読み込みがあるので非同期で行う

- @yatsuhashi
- FileReader初めて知った。
- selectはmultipleに対応するかしないかで全然見た目が違う

- @eatplaynap
- 私の入力欄がなぜか作られている
- [FileReader \- Web APIs \| MDN](https://developer.mozilla.org/en-US/docs/Web/API/FileReader)

- @cafedomancer
- `FileReader` は Java にもあるけど Java 由来なのかな？

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

- @eatplaynap
- 伊藤さんがおすすめしてくれたPracticing Railsという本読んでるんですけど面白いです！

- @cafedomancer
- 本を持っていくかまだ悩み中... スペースが空いていたら持っていこう... (DRM フリーの電子書籍ほしい)
- Killer Sudoku とかいうのにハマって時間が溶けていく
- 数独？
- @haruguchi
- 目が痒くて鼻水が出る。これはもしや、、
- イネ科の花粉？
- そうですね。ブタクサとかイネあたりですかね〜

## 2022\-08\-26

### 司会
- @yatsuhashi

### ドライバー
- @eatplaynap

### スタート地点
- クライアントサイドでのデータ保存

### 疑問点・気づき

#### 練習問題 コンテントネゴシエーション(p.359) まで

- @cafedomancer
- うーんとくになさそう
- 前の state から次の state を作るような immutable なスタイルは筆者のお気に入りなんだな
- これが出てくるのかと思ったけど出てこなかった 

- @yatsuhashi
- `localStorage.setItem`でセッションを跨いでも残るデータが保存できる

- @eatplaynap
- `application/rainbows+unicorns`は無効なメディアタイプなのでNot Acceptableが返ってくる:rainbow: :unicorn_face:

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

- @haruguchi
- 7:00起床→二度寝→8:40起床　ゴミ出し（なんとか間に合った）

- @eatplaynap
- 皆さん私の卒業式にも来てほしい

- @cafedomancer
- 4 時に起きました。ねむい
- 最寄りのコンビニが徒歩 15 分