javascript

【Javascript】配列要素をループする際のasyncとawaitで困った話

IT

タイトルの通り。
正直に言うとasyncやawaitはどうにも知識が表面的で、なんとなくでやってる部分があったのだが、というか今もあるので実際こうして困った事例が出てきたわけだが、とにかく未来の自分が同じ問題に遭遇する場合に備えてまとめておく。

【Javascript】でJavaのStream APIでいうcollectみたいなことをやりたかったんだがreduceしかなかったので仕方なくreduceでやったら思いのほかあっさり出来た上にJavaも結局collectなんか使わなかった件

IT

タイトルの通りなのだが…

仕事の都合でJavascriptで集約処理みたいなことをする必要が出てきて、JavaのStream APIみたいのないかな、というのを探したのがスタートだった。
最初パっと思いついたのは、「JavaのStream APIでいうところのcollectみたいなやつ、javascriptにもないかな」だった。
ちょっとググってみるとMozillaのサイトにJavaのStream APIっぽい関数群がいくつか並んでいるのだが（reduce、join、filter、flatMap、forEachなどなど）、collectが見当たらない。
で、reduceはあったので、これ使って頑張るしかないのか、と思って挑んでみたら、思いのほかあっさりできた、という話。
そして、そのあと結局Javaにも手を出してやってみたら、collectなんか使わなくてもやりたいことが実現できました、という苦労話。。

【CSS】【jQuery】ストレイテナー公式サイトのシュビッて素早く動く黒い物体の正体を追跡してみた

IT

２０１８年４月現在の、ストレイテナーの公式ホームページにおける、
リンク部分にマウスオーバーしたときに黒い物体が素早くシュビッ（？）って動くやつの正体を追跡してみた。
（「黒い物体が素早くシュビッて動く」ってゴキ○リみたいだな…まあいいか）

 


 

【jQuery】特定の要素をマウスオーバー（hover）したときに、その要素の隣にその要素に応じた画像を動的に出現させる

IT

特定の要素をマウスオーバー（hover）したときに、その要素の隣にその要素に応じた画像を動的に出現させる。
ググってみたものの、あるようでなかったので備忘録を兼ねてここでまとめる。
ちなみに姉妹サイトにおいて採用した実装です（大した話ではないがｗ）

 

【javascript】文字列変数に改行をいれるとイカれる

IT

javascriptの文字列変数にソースコード上でそれとわかるような形で改行いれるとページ全体がなんかおかしなことになる。
少なくとも、その変数使ってるjavascriptは動かなくなるようだ。
まあ普通に考えるとそういうもんだろう。
個人的な感覚でいうと、変数に固定の文字列埋め込むケースではコーディングミス（誤記、というか）以外に考えられらない。
だから普通発生しないはずである。
ただ実際に発生して困ったので備忘録として残す。