javascript

---

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

---

---

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

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

---

---

---

javascriptで日付を判定する方法のメモ

---

 

---

---

画像内の特定の箇所をマウスオーバーすると、説明文が表示されるコードのサンプル
areaタグの押下をjQueryで捉え、divタグをoffsetで移動させて動的に文章を表示させます。

---

 

---

---

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

 

---

 

---

---

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

---

 

---

---

jqueryによる非同期通信（Ajax）の基本的な実装サンプル

---

 

---

---

javascript,jqueryによるオブジェクト表示非表示制御に関する個人的なメモ

---

 

---

---

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

---

 

---