このすみノート

Webエンジニアが技術や趣味を書くブログです。

JavaScript

AWS CDK v2は、現時点でnodeのv16 ,18, 19が推奨されている

仕事でAWS CDK (Cloud Development Kit)を、v1からv2にバージョンアップする業務をやっています。 単にNode.jsを最新に更新すればいいという話ではなさそうだったので、メモします。 AWS CDKが推奨するNode.jsバージョンについて 最初は何も考えずに、現時点…

HTML5のデータ属性をjQueryで扱う

業務で久しぶりにjQueryを使っているのですが、最近のフロントエンドJSに染まってしまったせいか、うまい具合に操作できなくて悩んでました。 ところが調べた結果、HTML5のデータ属性を使うとjQueryでも柔軟に対象を特定できることがわかったので、紹介しま…

JavaScriptでiframeとやりとりするためにpostMessageを使う

仕事での話ですが、とある画面からロードしたiframeと呼び出し元との間で、イベントをやり取りしたいケースがありました。 これがなかなかに上手く行かなかったので、最終的にどう解決したのか共有します。 イベントのやり取りが出来なかった理由 クロスドメ…

WSL2環境のUbuntuに、aptでNode.jsとnpmをインストールした

プライベートのパソコンはWindowsを使っているのですが、ちょっとした理由でnodeコマンドが必要になったため、WSL2環境にインストールしました。 先に結論から言ってしまうと、普通にaptコマンド経由でインストールできました。 $ sudo apt update $ sudo ap…

nodeの公式イメージはyarnも標準で使えるらしい

久しぶりにフロントエンドの開発をすることになり、node周りの整備をしています。 私は個人的にnpmよりyarnのほうが気に入っているのですが、今までは普通にyarnを追加インストールしていました。 npm install --global yarn https://classic.yarnpkg.com/en…

TypeScriptにおけるenumとconst enumの違いを、tscのコンパイル結果から確認してみる

オライリーの『プログラミングTypeScript』を読んでいるのですが、その中でenumとconst enumの違いが述べられています。 内容が気になったので、実際にプログラムを書いて実験してみました。 実験内容 サンプルコード 次のサンプルコードを作成しました。 こ…