エンターテイメント!!

遊戯王好きのJavaエンジニアのブログ。バーニングソウルを会得する特訓中。

JavaScript

【翻訳&お試し】Implement NodeJS Logging like a Pro!

きっかけ 技術系のサイト見てて目に入ったから、試してみたくなった。 あと、個人開発しているやつでロギングどうしようか悩んでいるから 開発環境 vscodeの情報そのまま バージョン: 1.69.2 (system setup) コミット: 3b889b090b5ad5793f524b5d1d39fda662b9…

Electron代価のTauriの開発環境作って動かしてみる

経緯 環境準備 rustインストール https://www.rust-lang.org/tools/install/ から落としてきて入れる 入れたら rustup 最新化しておく nodeインストール nvm使って最新のやつを入れた create-tauri-app をnodeインストール後に入れておく C++ build toolイン…

nodist から nvm-windows へ移行

経緯 以下のエラーが出てきて、理由を調べると、どうもシンボリックリンクが機能してないのが問題らしい。 nodistはメンテされてないようなので、これを機にnvm-windows に移行しようと思い、記事を書くに至る。 $ npm update -g npm ERR! code MODULE_NOT_F…

【翻訳】JavaScript Visualizer

経緯 目に止まって、内容見たら、新しい発見があったので、残す 元記事 JavaScript Visualizer - DEV Community 翻訳 DeepL翻訳より もしあなたがJavaScriptがどのように動作するかに興味があるなら、私はこのオンラインJavaScriptツールをお勧めします、そ…

Swiperを使ってみた

きっかけ 公式サイト 実装内容・説明 完成イメージ html typescript webpack 参考サイト 雑記 きっかけ カルーセルスライダーでリストを表示したかったので調査した結果、swiperってライブラリが良さそうだったので、使ってみた。 公式サイト swiperjs.com …

【翻訳・要約】Javascript vs Typescript

参考サイト 経緯 内容の超要約 個人的見解 参考サイト dev.to 経緯 typescriptよく使っているので、改めて違いを把握しておきたく読んだ 内容の超要約 JavaScriptとは? Webページに機能を実装できるプログラミング/スクリプト言語 Typescriptとは? すべて…

npm-check-updatesでGithubのDependabot alertsに対応する

きっかけ Githubにてセキュリティアラート(dependency alert)が来てたので、「対応してみっか!」と思い、まずは現時点のバージョンを知りたいのだが、どうしたらいいのか分からなかったので調べた 環境 バージョン: 1.63.2 (system setup) コミット: 899d…

curlコマンドからソース生成できるcurlconverter

きっかけ 自動生成について curlconverter 解説 感想 きっかけ curlコマンドでAPI叩くのを試し終えた。 コマンドからプログラミングに落とすのが面倒になったので、いろいろ調べていたら、良さげなツールがあったので、使い方を自分用にメモ 自動生成につい…

nodeモジュールを使ったJSファイルをnodeコマンドで実行する方法

きっかけ 環境 サンプルソース 実行方法 参考サイト 感想 きっかけ node.jsのモジュール使った簡単なAPIバッチを叩くスクリプトを作ったんだけど、どう実行したらいいんだ?ってなって調べた。 すでにプロジェクトがあるやつに対してやったので、package.jso…

2021/11/29週 気づきと振り返り 将来ハゲるんだろうなぁ。。。

業務こなしての問題・気づき 自動生成 生産性向上するとあるが、実際は微妙である。 制約を内包しているので、制約沼にハマる可能性が高い。 管理者は辛いよ。。。 課題管理担当をしているのだが、結構辛い。 外部の人とやり取りしたり、内部に情報展開した…

2021/09/06週 気づきと振り返り 生きるのつら谷園

業務こなしての問題・気づき 定義ファイルは少ないほうがいい 今の現場で結合テストしているのだが、設定ファイルがやたらと多い。。。 どこに何があって、どう作用するのか、覚えるのが辛すぎる。。。 定義ファイルがありすぎるのは、問題だと感じている。 …

electron-forgeで画面起動後のコンソールに`Unable to load preload script`

背景 bootstrap5に移行をしていたが、どうもwebpack絡みで問題があって、解決できなかった。 electron-fogeでビルドプロセスが楽になるという噂を小耳にし、bootstrap5乗せたやつが動いたので、まずは、既知のelectronプロジェクトをelectron-fogeに移行しよ…

【Typescript移行】完結編 ~そして静的型の世界へ~

経緯 js→tsへの移行がやっと終わって、mainブランチに統合できたから、これまでの経緯を振り返って見ようと思い書いた。 移行話 とりあえず、移行を思い立ってから、移行が完結するまでを物語風でまとめておく。 内容 一章 決意 最初の段階で、tsにするかjs…

【typescript移行】Typescriptで`'x' is not defined`

経緯 js→tsへの移行をしているのだが、掲題の通り'x' is not definedが発生していて、かなり悩んだ。。。 ts移行の記事は以下 suzaku-tec.hatenadiary.jp suzaku-tec.hatenadiary.jp suzaku-tec.hatenadiary.jp 内容 htmlからtsで定義したfunctionを呼び出し…

JavascriptからTypesctiptへの移行~ts-migrateを活用

経緯 個人で開発してるプロジェクトで、どうしても型を使えたほうが開発効率が上がりそうというのが見えてきたので、一旦挫折したTypescriptへの移行を四苦八苦しながら調査した 対応方法 いろいろ調べた結果、どうやらts-migrateを使えば、比較的、低労力で…

2021/06/28週 気づきと振り返り

業務こなしての問題・気づき git ブランチをマージしたら削除 ブランチ対応が終わり、マージが終わったのにブランチを残したままにするのは、良くない。 なんでこのブランチ残ってるんだっけ?って調査するのが辛い。。。 運用次第ではあるが、不要になった…

Javascriptの構文に出てくる「??」って何?

背景 Javascriptでコードを読んでいる際に、var a = test ?? "empty"みたいなコードに出会った。 三項演算子でもないし、一体何なんだ?ってのが疑問になったので調べた。 調査結果 Null合体演算子 というものらしい。 左辺が null または undefined の場合…

Bootstrap4でModalが表示されなくなった

現象 modalを用途によって表示するために、複数定義をしたあと、動作確認のためにmodalの表示を行ったら、既存のmodalが動かなくなった。。。 環境 jQuery v3.3.1 bootstrap v4.3.1 原因 おそらく、下記の箇所の記述で、画面上で1度に1個までが引っかかって…

`TypeError: Converting circular structure to JSON`の意味と対処

背景 JSでデバックのためにJSON.stringify()を使ったら発生した。 printデバックの是非は置いておいて、この事象の意味と、なぜ発症したのか、対象方法についてメモする。 意味 「循環参照しているJSONを変換しようとしている」って意味らしい。 Google翻訳…

2021/05/24週 気づきと振り返り 「throw e」でなんでトレース情報が消えるねん!!

業務こなしての問題・気づき c# 「throw e」と「throw」 違い トレース情報がリセットされるかされないか。 リセットされるのは、「throw e」 なぜリセットする言語仕様なのかは分からない。。。 基本的に、リセットしたいときってないと思うのだが。。。 …

windowsでnpmの更新に失敗していたので解消して優勝する

発端 環境 問題 解決方法 npm updateで失敗 nodistで最新バージョンを挿れて優勝していく nodeのバージョン確認 使えるnodeのバージョンを調査 nodeをインストール npmをnodeに合わせる 雑記 参考サイト 発端 久々にnpmで何か作ろうとして、npm init -y した…

JavaScript Advent Calendar 2020 まとメモ

Advent Calendar きっかけ 感想 【超初心者向け】javascriptとjQueryの違いは何?5分で解説。 JavaScript における配列コピー JS直書きでGoogle DoodleのCanvasを録画してGifに JavaScriptの非同期処理を制御する方法 プログラミング初学者の現役医師が、fir…

electron実行時に`'attachShadow' on 'Element': This element does not support attachShadow`

発生に至った経緯 electronで、canvas-datagridを使おうとしていたら発生した。 発生時の環境 $ electron -v v1.4.13 発生の原因 electronのベースであるchromiumeがshadow domをサポートしているバージョンではなかったので、発生していた。 canvas-datagri…

npxを使おうとしてハマった件について

きっかけ npxって初めて知って、いろいろ調べたりして紆余曲折をまとめる。 環境 vscodeのバージョン情報より。 バージョン: 1.47.3 (system setup) コミット: 91899dcef7b8110878ea59626991a18c8a6a1b3e 日付: 2020-07-23T13:12:49.994Z Electron: 7.3.2 Ch…

nedbのビュアーを作った

きっかけ github やれること 使ってるもの 悩んだこと 作ってみての感想 きっかけ electron使ってnedbでデータを永続化しているのだが、現在のnedbの状態を見るのが面倒になったので作った。 github GitHub - suzaku-tec/nedb-viewer やれること nedbのファ…

【読書ノート】やさしく学べるWeb Components

まとめメモ Web Componentsとは 基本概念 構成技術 感想 まとめメモ Web Componentsとは 基本概念 Web Componentsとは、アプリ内でよく使うコンポーネントを、独自定義したHTMLを使っていつでも呼び出せる技術 HTML/CSS/JavaScriptを含めてコンポーネント化…

npm installで Unexpected end of JSON input while parsing near が発生する

きっかけ npm install して、何度かUnexpected end of JSON input while parsing near が発生してドツボにハマったので、記録に残す。 対処方法 TypeScript - npm install が必ず失敗する|teratail 上記記事にある通り、npm cache clean --forceでキャッシ…

Vue.js + electron + その他もろもろの環境の構築

きっかけ 環境 Visual Studio Code npm 前準備 環境構築 プロジェクト作成 electron-builderの追加 動作確認 その他オススメの設定 element-uiの導入 設定ファイルを導入したい 感想 参考サイト きっかけ react + electronにしようか、angular + electronに…

2019/06/03週 気づきと振り返り

業務こなしての問題・気づき その他 雑記 業務こなしての問題・気づき なし というか、ほとんど作業してない。 むしろ、こっそり寝てるかゲームしてた時間が長いと思う。 その他 業務と関係ない場所でコード書いていたが、npmのFile systemでexistって非推奨…

Vue.jsをvue-cliで試してみる

きっかけ 環境 詳細 Vue cliのインストール プロジェクト用意 とりあえず実行 バインディング appにApp.vueを設定している。 感想 きっかけ UI周りの実装が楽にならないか探して、vue.jsを知ったので試してみる。 react.jsも試したことはあるんだけど、覚え…