npmでインストールするNodeパッケージには、先頭に@（アットマーク）があるパッケージと、ないパッケージが存在します。 @babel/preset-typescript @ampproject/remapping 先頭に@があるパッケージはたくさん存在し、上に挙げたパッケージは一例となります。…

新規にElectronを作る場合、チュートリアルに従うと、素のプロジェクトにnpm installすることになります。 mkdir my-electron-app && cd my-electron-app npm init npm install electron --save-dev www.electronjs.org Electron Forge チュートリアルを進め…

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

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

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

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

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

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