11 月 11 日に、以前から一部で注目されていたある Pull Request が tc39/ecma262 にマージされました。 この Pull Request がマージされたことで、識別子ではなく文字列リテラルを使った import/export が可能になりました。 この仕様変更はプロポーザルという形で扱われてはいませんが、構文上の影響があるので、JavaS…
JavaScript | 関数の引数にデフォルト値を指定する方法
関数の引数にデフォルト値を指定する方法を紹介しています。 引数にデフォルト値を指定する 引数には=でデフォルト値を指定する事が可能です。デフォルト値を指定した場合、呼び出し元から引数を受け取らなかった場合に指定した値が代 […]…
JavaScript | argumentsオブジェクトで関数で引数を順番で取得する方法
JavaScriptでargumentsオブジェクトを使って関数で引数名ではなく引数に指定した順番を利用して取得する方法を紹介しています。 余談ですが「arguments」は日本語訳で「引数」という意味でした。 argu […]…
JavaScript | オブジェクトのキー名から配列を作成する方法
JavaScriptでオブジェクトのキー名から配列を作成する方法を紹介しています。 オブジェクトのキー名から配列を作成する オブジェクトの値から配列を作成するにはObject.keys()メゾットを使う事で簡単に実装する […]…
JavaScript | オブジェクトの値から配列を作成する方法
JavaScriptでオブジェクトの値から配列を作成する方法を紹介しています。 オブジェクトの値から配列を作成する オブジェクトの値から配列を作成するにはObject.values()メゾットを使う事で簡単に実装する事が […]…
JavaScript | 配列の値をランダムにシャッフルする方法
JavaScriptで配列の要素、値をランダムに並び替える（シャッフルする）方法を紹介しています。 JavaScriptにはshuffle関数はないので、用途に合わせてコードを書くか、配列やオブジェクトのランダムな並び替 […]…
Three.js(WebGL)で一年以上学習した成果と便利なクラス/ライブラリを紹介
こんにちは、うえむーです。 今回はThree.js(WebGL)で一年以上勉強した成果と便利なクラス/ライブラリを紹介したいと思います。 Three.js(WebGL)とは？ Three.jsは、少しでも簡単にWebサイト上に3Dのコンテンツを表示するライブラリです。 ライブラリなしでカメラ・影・ライト・メッシュ実装する場合はそれなりの高度な…
JavaScript の正規表現で複数文字からなる絵文字を扱えるようにする提案: Days on the Moon
この記事は JavaScript アドベントカレンダーの 4 日目の分です。 今やあちこちで使われている絵文字ですが、その中には 1 文字に見えるのに複数の文字 (符号位置) から構成されるものがあります。例えば「👨👩」という男女が並んだ絵文字は、U+1F468 MAN、U+200D ZERO WIDTH JOINER、U+1F469 WOMAN の 3 つの符号位置から…
【JS】アンカーへの画面遷移時に表示位置がズレてしまうときの対策
アンカーポイントがずれてしまう
ハッシュタグを使用してアンカーの位置にジャンプしようとしたとき、LazyloadやSlick.jsなどのSliderを使っているせいか、画像表示ページが伸縮するために、意図する位置で表示されないことが起こりました。
具体的には画像スライダーのあるページに<form>でお問合せフォームを設置していて、actionには自らのページにハッシュタグを付けており、submitで送信後に戻ってきたときにスクロール位置がずれました。しかも、パソコンとスマホ（iPhone…
AWS Amplify Studio パブリックプレビュー版をさわってみた
[速報] AWS上でWeb/モバイル開発をローコードで実現する AWS Amplify Studio が発表されました！(パブリックプレビュー) #reInvent Amplify StudioはFigmaと連携しており […]