JavaScript関連のことを調べてみた2021年08月29日

JavaScript for..in, for..of チートシート

# for…in for…of

配列も、オブジェクトも、for 文で回せるのが JavaScript のいいところなんだけど、in と of の２種類があって、どっちがどっちなのか忘れちゃうので、自分のためのチートシートを作った。

|for| in | of |
|:–|:–:|:–:|
|Array| index | value |
|Object| key | SyntaxError |

### for…in + Array -> index

“`js
for ( const i in [ 111, 222, 333 ] ) // for…in + Array -> index
{
console.log( i ) // ‘0’ ‘1’ ‘2’
}
“`

ここでの注意点は、なんと`i`には数値(number)ではなく数字(string)がくるところ（なんでやねん！まぁ、気にせず計算はできちゃうんだけどね）

### for…of + Array -> value

ニコニコ動画風コメント+アンケートアプリをnode.jsとElectronで作ってみた

# はじめに
– 作成の動機はプレゼンやセミナーがWeb会議にシフトし、会場の空気感を感じない、発表時一人で話してる気がすることから、インタラクティブにしたいと思ったことです。
– この手のアプリでは[CommentScreen](https://commentscreen.com/)があるけど、無料版だと人数やアンケート回数の制限があったり、有料版の社内利用は決裁取得やらが面倒。
– ネットで探してみると似たようなものを開発されてる記事があったので自分なりにカスタマイズして開発してみました。
– Javascriptやnode.jsを扱うのは初めてでしたが、部署内のプレゼンや会議を盛り上げるツールができました。
– 本アプリの作成、記事執筆にあたり非常に参考にさせていただきました。ありがとうございます。[heroku + electron でニコニコメソッドを作ってみました。その２（ルーム分け機能追加）](https://qiita.com/UC-SADA/items/39c43a1b196391a3e9e7)
– 本記事ではアプリの紹介と利用方法を説明します。後日に別の記事で実装し

【Ruby on Rails】Rate.jsを使ったときに星が増えるバグの解消法（jQuery）

#対象者

* レビュー評価を実装している方
* 星が増える不具合を実装している方


#目的

* 星が増える不具合を解消して、星を5個で収める

#実際の手順と実例
###1.結論（解決策）

**scriptタグに$(”).empty();を追加すればOK！**

下記例です
div.rateの部分は人によって違うと思います。

“`

```

---
# 以下 説明(試したこと)
### 普通の渡し方
普通にやると

```javascript
var text = <%= markdown %>
```

ですが改行や"

"/"を忘れたかっただけなのに

こんにちは。つんあーです。

みなさん、JS（あるいはTS）でファイルパスを操作する時、どうしていますか？
（紛らわしいのですが、今回はブラウザが対象の話です。Node.jsはそんなに悩まないですからね）

パスの末尾の`/`の扱いって、なかなか困りますよね。
こんなのとか、

```javascript
const url = location.href;
fetch(url + '/data.json').then(... // /は必要なんだっけ?

// => 404 : http://localhost/page//data.json
// 違う、そうじゃないの
```

あるいはこんなのとか、

```javascript
const url = location.hostname;
fetch(url + 'data.json').then(... // /は必要なんだっけ?

// => 404 : http://localhostdata.json
// お゛お゛お゛お゛ん
```

みたいなやつです。
私はよくこんなことをやってます。きっとあなたも1度はやった

[JS]簡単なフォームバリデーション

##この記事について
JavaScriptの学習の記録。
学習している書籍の演習問題をヒントにBMI測定プログラムを作りました。
(掲載のコードは書籍に記載のコードではありません。)
フォームのバリデーションや正規表現について記載しています。

学習書籍
[いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017（ES8）対応 人気講師が教えるWebプログラミング入門 「いちばんやさしい教本」](https://www.amazon.co.jp/dp/B07RPT6K35/ref=sspa_dk_detail_1?psc=1&pd_rd_i=B07RPT6K35p13NParams&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUEyTk1QUjdHNFdHTVY1JmVuY3J5cHRlZElkPUExMDE3MDYzMjBZQUFLUURLNDRJWSZlbmNyeXB0ZWRBZElkPUEzOUszUExMMEJXMTVUJndpZGdldE5hbWU9c3BfZGV0YWlsJmFjdGlvbj1jbGlja1JlZGlyZWN0JmR