---
# System prepended metadata

title: 勉強会フィードバック

---

# 勉強会フィードバック

## jQuery試験1回目

#### 【谷さん】
・検証モードのコンソールを使うともう少しdebugが早くできそう
・ページに反映したコードの中ではconsole.logなどを用いてデバッグは出来ていたが、
　コンソールに直接１行ずつコードを書いて、きちんと動作ができているかを確かめていけば、もう少しスムーズに解けたと思います
・もうちょいコード(メソッドの動作まで)を理解しておくと尚良し

#### 【諸熊さん】
・debugが上手にできているところもあり、逆につまずいているときにできていなかったりしていた
・インデントがずれており動かないコードがあった
・console.logなどで、どこまでできているのかなどこまめに確認必要
・promiseのthenの中にfunctionが二つ書いてあったりしていて、動作がうまくいってない部分があった。こういう部分はpromiseやthenの使い方をしっかり調べることでエラー回避できていたと思います。なので、仕様用途にあったメソッドにたどりついたときは詳しくその使い方まで調べられればスムーズにコードが書けると思います。
・ちょっと検討違いな検索もあったため、やりたいことや目的をしっかりイメージして検索ワードを考えたほうが良いと思いました。

#### 【上妻さん】
・タイピングミス多め、javascriptに対する理解は少し高まった気がする
・少し落ち着いてコードをよんでいくとよい
・インデントをそろえるときにはエディターを使うとベター
・検索の仕方で「jQuery for メソッド」と調べていて、forのメソッドについて調べたかったのかと思うんですが、jQueryのメソッド一覧みたいなページが表示していたのを見ました。検索のワードをいろいろ変えて、検索結果をたくさん見ていたのは良かったのですが、検索でどのような結果がほしいのかもう少しイメージを持って、イメージと違ったらすぐ違うサイトを見るということをすれば、ほしい検索結果を早く見つけられたと思います。

#### 【角田さん】
・やりたいことを理解して調べて検索ができていた
・debugがあまりできておらず調べたコードをうまく扱えていなかった
・インデントのずれあり
・調べて初めて見た関数などは一度検証モードのコンソールなどで使ってみるとベター
・意図したことが出来ていない場面があったので、一度完成のイメージをしっかり思い描いて、TODOリストなどを作ってからコードを書いた方がもう少しスムーズに書けると思いました。
・javascriptのコードを多く書かれていたので、jQueryならもう少し簡潔に書けると思いました。検索内容に 「jQuery」の文字を付けて、検索するといいと思います。jQueryで出来なさそうなことはjavascriptを使う方がいいと思います。

#### 【山下さん】
・まずはHTML、CSS、Javascriptの役割を想像しながら進めていくと理解しやすいかも？
・頭の中でどのように進めていけばいいかまだ組み立てられていない、TODOリストから作られていないのではないかと感じました。今回の勉強会でjQuery・javascriptで出来ることはイメージがついたと思うので、完成までのイメージに必要な動作をTODOリストとして細分化してそれに必要なjQueryをひとつずつ検索していけばコードが書けるのではないかと思います。

## jQuery試験2回目
 
### 杉本

#### 【勝又さん】
検索からすぐに使いたいメソッドが調べられていたため、大まかな感性イメージはすぐに建てられていたと思う。
基本的なjQueryの使い方が分かっていて、コードからどこが間違っていそうか検討がついていそう。
コンソールでのデバッグが少しすくなく、出来上がったコードをまとめてコンソールに流し確かめることがあったが、１行１行確かめられていないのではないかと感じた

●的確な目標を立てられているか
　検索からすぐに使いたいメソッドが調べられていたため、大まかな完成イメージはすぐに建てられていたと思う。
●的確な検索ができているか
　イメージしているメソッドは調べられていた様子。
●検索がうまくいかなかった場合に検索ワードを変更して検索出来ているか
　的確に検索ワードを調べられていたが、違えば別のワードで調べられていた。
●検索結果を理解できているか
　メソッドの使い方から理解できてそうだった。
●デバッグができているか
　どこまで動いているのか、判断できるようにコンソールなどを使用して確認する必要があると思った。
●インデントを合わせられているか
　インデントミスなく入れられていた。
●スペースを適度に入れられているか（見やすいか）
　スペースを適宜入れてあり、見やすいコードが心がけられていた。


#### 【中浜さん】
検索で使いたいメソッドはすぐに検索できていた。
インデントが合っておらず、括弧が足りていなくてエラーが起き、コードがスムーズにかけていなかった
メソッド一つ一つの使い方まで詳しく調べる必要があると思う。
変数名が合っていない場所、変数に$がついている場所、引数に関数が使ってあり、その関数を使っていない場所などが合った。一つ一つ確かめることや、変数や関数などの理解も必要だと思った。

●的確な目標を立てられているか
　使いたいメソッドを調べるためにすぐに検索ワードが浮かんでいたので、大まかな流れはイメージで来ていたと思う
●的確な検索ができているか
　ほしいメソッドまで検索で行きつくことが出来ていた。
●検索がうまくいかなかった場合に検索ワードを変更して検索出来ているか
　何度も検索ワードを変えて、メソッドを見つけられていた。　
●検索結果を理解できているか
　一つ一つのメソッドの使い方まで理解できていない様子。
●デバッグができているか
　デバッグも少なく、どこまでコードが動いているのか確かめられていなかった。
●インデントを合わせられているか
　インデントのズレがあり、括弧が足りなかったりしていた。
●スペースを適度に入れられているか（見やすいか）
　要らないスペースは特になかった




#### 【松本さん】
使いたいメソッドの検索がすぐにできているので、大まかなイメージはすぐに建てられていると思う
一つ一つメソッドを調べて、使い方まで調べられていそう。検索ワードをいろいろと変えて、調べているのは良かった
デバッグが少なく、惜しいところまでかけているのに一つ一つデバッグをしてないせいで複数のエラーが起きてしまっている。

●的確な目標を立てられているか
　使いたいメソッドの検索がすぐにできているので、大まかなイメージはすぐに建てられていると思う
●的確な検索ができているか
　検索ワードは的確なものが入れられていそうだった。
●検索がうまくいかなかった場合に検索ワードを変更して検索出来ているか
　使いたいメソッドの検索がすぐにできているので、大まかなイメージはすぐに建てられていると思う
●検索結果を理解できているか
　一つ一つのメソッドを調べられていたが、若干の使い方の違いがありエラーがあったりしていた、。
●デバッグができているか
　デバッグが少なく、エラーにどこのエラーなのか気づけていない様子だった。
●インデントを合わせられているか
　合わせられていない場所多い。
●スペースを適度に入れられているか（見やすいか）
　要らないスペースが多い。

#### 【北原さん】
使いたいメソッドの検索がすぐにできているので、大まかなイメージはすぐに建てられていると思う。
時間はかかっていたが、一つの動作ごとにコンソールで確かめられていた。
今のまま、一つ一つの動作を確かめながらメソッドも一つ一つ調べて確認することを行っていけば徐々にコードを書く速度も速くなると思う。何度もコードを書いて、慣れていくことが必要だと思う。
インデントは合っていなくて修正が必要。


●的確な目標を立てられているか
使いたいメソッドの検索がすぐにできているので、大まかなイメージはすぐに建てられていると思う。
●的確な検索ができているか
欲しいメソッドまで検索できていた様子。
●検索がうまくいかなかった場合に検索ワードを変更して検索出来ているか
何度も検索ワードを変えて検索できていた。
●検索結果を理解できているか
一つ一つの動作を確かめながらメソッドも一つ一つ調べて確認しており、理解までできているのではないかと思う。
●デバッグができているか
細かくデバッグできていたと思う。
●インデントを合わせられているか
インデントは合っていなくて修正が必要。
●スペースを適度に入れられているか（見やすいか）




#### 【御厨さん】
インデントが合っておらず、括弧の数などの把握に時間がかかっていそう。
検索で思ったコードが調べられていそうなので、完成図などはすぐにイメージができていた様子。
使用用途がやや違うメソッドを使っていたり、一つ一つのメソッドの理解が足りていない様子。
メソッドの動作、使い方まで調べてゆっくりと確実にコードを書いていけば理解も深まって、結果的にコードを書く時間も短くなると思う。

●的確な目標を立てられているか
　検索で思ったコードが調べられていそうなので、完成図などはすぐにイメージができていた様子。
●的確な検索ができているか
　使いたいメソッドなどの検索はすぐにできていた様子。
●検索がうまくいかなかった場合に検索ワードを変更して検索出来ているか
　検索ワードを変えて、検索することができていた。
●検索結果を理解いできているか
　深い理解までできておらず、メソッドを使った際に引数が違いエラーが起きている場面があった。
●デバッグができているか
　細かくデバッグが足りていない様子。コンソール上で少しずつコードを確認していくことが必要だと思う。
●インデントを合わせられているか
　インデントのズレが多くあり。
●スペースを適度に入れられているか（見やすいか）
　要らないスペース多くあり。
 
 
 ---
 
### 山崎
 
#### 【中浜さん】
良かった点：
勉強した内容がしっかりと吸収できてそうだった
自分がやりたいことの把握ができており、検索がスムーズだった

改善点：
使えるかな？と思ったら、すぐに検証モードなどで試すべき
インデント・スペースをうまく活用して記述することを意識するべき（コピペで作成するのは◎）

#### 【松本さん】
良かった点：
やりたいことが明確なときにはそれに合った検索ができている
逆引きjqueryやconsole.logなどの活用ができていた

改善点：
「変数〇〇を出力すれば△△が返ってきそう」のような大体の予測すると良い
理解してコードを記述できるようになると、より成長できそう

#### 【勝又さん】
良かった点：
全体的に記述するスクリプトの動きが予期できていた
順序を考え実行できていた

改善点：
コピペした際にインデントの数が不規則になっていた点を直すとミスしたときに気づきやすくなる
似たようなスクリプトを記述していることが多いので、関数化などを行いオブジェクト思考をみにつけると良い

#### 【北原さん】
良かった点：
関数など、目的に合わせた検索ができていた
コードを奇麗にまとめられているので、かっこの閉じ忘れ等がほとんどなかった。

改善点：
一度失敗すると、どこが間違っているか把握するまでにすこし時間がかかっていたので細かいデバッグ作業ができると良い

#### 【御厨さん】
良かった点：
全体的にやりたいことがプログラムに反映できていた

改善点：
インデントを合わせることで閉じかっこもれなどを防げるので、エディターの機能などで補えると良い
記述している内容がHTMLなのかJavascriptなのか把握をするべき

---

## jQuery試験3回目

### 杉本

#### 【玉城さん】
良かった点：
　TODOリストを作ってそれに沿ってコードを書いていたので良かったと思います。
　デバッグをconsole.logなどを用いて行っていたのはとても良かったと思います。
　インデント・スペースは適宜入れられていて見やすいコードになっていました。
改善点：
　もっと細かく、書いたコードを試しても良いと思いました。仕事で使ったことのあるメソッドについては、理解されていたが新しいメソッドは使い方が違ったり理解が足りていないと感じました。よく調べることや何度も試してみるなどのことが必要だと思います。最初は時間がかかっても良いと思うので理解するようにしていきましょう。
　コメントアウト前に改行を入れたりコメントアウトの位置を変えたりなどのことをするともっと見やすくなりそう。例 var nowTime = Date.now(); //時間分秒の計算


#### 【吉田さん】
良かった点：
　課題にすぐとりかかれていて、頭の中でイメージ(目標)がすぐに建てられていそう。
　今回のモブプログラミング中、理解が早いなと感じました。
　コンソールで何度もデバッグを行い、動作を確かめられていました。
　比較演算子、論理演算子などの前後や関数の引数などにスペースが入っていて、見やすくなっていた。
改善点：
　検索をしてしっかりそのメソッド１つ１つをもっと調べてみるということが足りていないのかなと感じました。もっとメソッドひとつひとつの使い方から理解することをやっていきましょう。時間がかかっても良いので、一つ一つメソッドの使い方を理解していけば応用した考え方も出来るようになると思います。
　急ぐと？コード量が多くなると？インデントがずれていたのが気になりました。インデントのズレで括弧が足りなかったりなどのミスも発生するためインデントには気を付けて書きましょう
　少し要らない改行が多いなとかんじました。処理が変わったタイミング、関数の前、コメントアウトの前ぐらいで改行はいいのかなと思います。


#### 【山田さん】
良かった点：
　やることのイメージは建てられていそうでした。
　インデントは合わせられており、見やすいコードになっていた。
　比較演算子、論理演算子などの前後にはスペースが入っており見やすかった。
改善点：
　メソッドの使い方が合っていなくてエラーが出てたりしていました。時間がかかっても良いと思うのでメソッドの使い方を調べてコンソールで何度か試してみて、理解ができるまで試してみましょう。また、変数の使い方や配列、連想配列などの基礎的なところも少し調べてみてください。
　２行改行が入っていたり、要らない改行が多くあった。
　console.logなどを使って、変数の中身を確認したりは出来ていた。メソッドの使い方を試してみたり、書いたコードを1行ずつ動作しているのか試したりなどもっとデバッグを増やした方がよいと思いました。



#### 【陣内さん】
良かった点：
　デバッグもできていて、動作確認もしっかりされていたのでとても良かったと思います。
　比較演算子、論理演算子の前後や関数の引数などにもスペースが入っており見やすくなっていた。
　処理が変わる場所や関数前に改行が入っており見やすかった。コメントアウトの位置も良かったと思います。
　一つ一つメソッドを理解して、理解したメソッドを使ってコードが書けていたと思います。
改善点：
　３問目が解けていなかったですが、jQueryのメソッドを一つずつ調べて理解してjQueryの出来ることのイメージがついていけば応用したコードの書き方ができるようになっていろんなコードが書けると思います。
　新しく使うメソッドなどは使い方があってるかコンソールで試してみて、理解するといいと思います。


#### 【山北さん】
良かった点：
　デバッグの仕方や検索の仕方などとても良かったと思います。
　インデントは合わせられており、見やすいコードになっていた。
　比較演算子、論理演算子の前後や関数の引数などにもスペースが入っており見やすくなっていた。
改善点：
　最後の動作確認を怠ったためか、１問目のコードが何度もページ更新を繰り返していました。デバッグをした後でも最後に実際にページの動作を目で見て確認することを忘れないようにしてください。
　setInterval、setTimeoutの使い方が惜しい場面があった。理解には時間がかかっていいと思うので使い方をじっくり調べてそれで合ってるのかコンソールで何度か試すことをしていいと思います。新しく使うメソッドなどは使い方があってるかコンソールで試してみて、理解するといいと思います。
　いらない改行などがあった。関数や処理が変わるタイミング、コメントアウト前などに開業すると見やすくなると思います。


#### 【高巣さん】
良かった点：
　検索ワードは何度も変えていて、複数サイトを見れていた。
改善点：
　 抽象的な検索が多くあり、jQueryの動作のイメージがまだついていなさそう。
 　まだ細かく頭の中でTODOリストなどのイメージが組み立てられていないように感じました。完成までに必要なjQueryの動作をTODOリストとして自分の頭の中でイメージして(書いてみるでも良い)から問題を解いていった方が良いと思いました。そうすると検索ワードもイメージしやすくなると思います。
　検索で出てきたコードをそのまま書くことがみられました。メソッドの使い方から1つずつ調べて、理解しコードを書くようにすれば徐々にコードが書けるようになると思います。
　インデントが合っていない場所も多くありました。括弧内はインデントを付けるようにすることで括弧の数が足りていないなどのミスにも気づけて、最終的にコードを書く時間が短縮できるのでインデントには気を付けましょう。



---

### 山崎

#### 【玉城さん】
良かった点：
目標だてがしっかりできており、問題をどのように進めていくかをぶれずに解けていた。

改善点：
メモ書き程度の物でもインデントをそろえたり、見やすく書くことで些細なミスを防ぐことができそうです。
記述したコードの結果を予想し、予期した結果が返ってくるかなどの検証ができるとGood!


#### 【吉田さん】
良かった点：
全体的に迷わずコードが記述できており、検証も上手に行えていた。

改善点：
「カンマの後はスペースをあける」「処理の区切り」などを意識し可読性を向上させましょう。
可読性が向上することでケアレスミスが減ってくると思います。


#### 【山田さん】
良かった点：
迅速にやるべきことを把握し検索もスムーズに行うことができていたところが良かったです。

改善点：
検索したコードは扱うことができているので、jQuery集などを使い逆引きができれば効率が上がりそうです。実際に記述したコードが理解できていると尚良し。わからないコードはさらに調べましょう！
console.logなどdebugの処理が記述もできていましたが、実際にどこが動かないか調べる際はいろいろなタイミングで発火するconsole.logを置いておくと便利
例）
console.log('start');
console.log('A処理が始まり');
A処理
console.log('A処理が終わり:', resultA);
console.log('B処理が始まり');
B処理
console.log('B処理が終わり:', resultB);
console.log('C処理が始まり');
C処理
console.log('C処理が終わり:', resultC);
console.log('end');


#### 【陣内さん】
良かった点：
モブプログラミングでおこなった内容がしっかり身についているように見えました。
記述したコードもきれいに整えられていたので見やすくてGood！

改善点：
検索していた文字を見る限りですが、オブジェクトの型（property）についての理解がまだ浅い気がしました。
例1 ）$.grepの第一引数は配列である
例2）オブジェクトとは…
など関数に対応するpropertyやその扱い方などを勉強するとよいと思います。


#### 【山北さん】
良かった点：
問題解決をシンプルに考えることができていた。
コードの動きを予期し記述ができていた。

改善点：
記述したコードを過信せず、一つ一つ動きを確認することを覚えると良いと思います。
記述したコードを確認する際は、「発火順序（タイミング）」「コールバック（次動作）」などに気を付け、
動作検証する際は、console.logなどを発火順序ごとに設置し、「順序があっているか」「予期した通りに動作しているか」などが必要です。不安なうちはこちらを心がけると良いと思います。


#### 【高巣さん】
良かった点：
jQueryの基本である、セレクターをpickしactionするという流れが身についている

改善点：
検索した内容が実際にどう動くのか試すまでに時間がかかっていたように思います。
コードだけを見てすべてを理解するのは難しいため、「実際に動かしてみる」「調査した際にわからないものが出た時はそれをピックアップして調べる」などをすると学習スピードが上がると思いました。
多種ループや起動タイミングの指定など、いろんな関数を覚えると幅が広がると思います。

---



## Aチーム
### コード記述MVP（記述がよかった、短くかけた、みやすかったなど..）
- 谷さん
    #### 記述のときに気を付けること
        インデントをそろえるなどして可読性をよくする
### 検索MVP
- 上妻さん
    #### 検索
        やりたいことを単語にして調べる
        
## Bチーム
### コード記述MVP（記述がよかった、短くかけた、みやすかったなど..）
- 北原さん
    #### 記述のときに気を付けること
        インデント・参考演算子
### 検索MVP
- 勝又さん
    #### 検索のときに気を付けること
        調べたいことを言葉にして検索する
        
## Cチーム
### コード記述MVP（記述がよかった、短くかけた、みやすかったなど..）
- 吉田さん
    #### 記述のときに気を付けること
        debugを一つ一つの記述でやっていく
### 検索MVP
- 山北さん
    #### 検索のときに気を付けること
        ヒントに対してなぜなぜを深めていく

### 使い方が分からなかった、難しかったメソッド
- Promise
    - 何のために使うのかよく理解できなかった
- $.grep
    - こんなメソッドがあることを知らなかった
- map
    - 難しかった
- 時間の計算（形をそろえる）
    - テンプレートがあれば使えることができるようになった。克服できた
- Date.parse
    - 難しかった
- ajax
    - 勉強会の復習問題で克服することができた。使えるようになった。
- グリッドレイアウト

## Bチーム
- foreach
    - ループはforしか使っていなかったが、もっとスマートに書けることに気づき使うようになった
- map
    - 難しかった
- Promise
    - そもそも、知らなかったが、調べながら使えるとこまでは理解が深まった
- grid
    - 要勉強！
- ajax
    - そもそも、知らなかったが、調べながら使えるとこまでは理解が深まった

## Cチーム
- window
    - セキュリティ大丈夫？
### 使い方が分からなかった、難しかったメソッド
- promise
    - シンプルなものはできるようになった
- selectorの参照の仕方
    - contains 
- ajax
- $.grep, map
- 時間の計算
- 参考演算子
    - if 文を1行で書くのが慣れない
- setInterval

### 業務でやったjQueryで難しかったメソッド
- validationエンジン(正規表現記述を含む)
- charset
- ボタンタイプのタイムシフト有効のときにウェブアナ使えるようにする機能
    - 質問フォームを上書きさせないといけないような機能
- 画面更新を本番ページにいれるとき（location.reload setTimeout）
- selector（:not）


``` sql:yashun.sql
select
    *
from
    users
where
    id = 1
;
```