エンターテイメント!!

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

JavaScript

【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も試したことはあるんだけど、覚え…

2019/04/015週 気づきと振り返り

業務こなしての問題・気づき 週次リリースの廃止 JNINativeMethod 雑記 業務こなしての問題・気づき 週次リリースの廃止 週次リリースが廃止されてからしばらくたつが、なんか、メリハリがなくなった感がする。 どうも、ダラダラ開発してしまう。 危機感が、…

2019/04/08週 気づきと振り返り

業務こなしての問題・気づき printデバッグ 戦略と作戦と戦術と兵站 戦略 作戦 戦術 兵站 雑記 メガネ プリン 業務こなしての問題・気づき printデバッグ たしかに回避するべきだが、デバック起動でパフォーマンスが落ちて、動作確認に時間がかかっては意味…

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

業務こなしての問題 WebviewでUnable to open asset URL 雑記 縦長ディスプレイ 業務こなしての問題 WebviewでUnable to open asset URL 読み込もうとするHTMLがないから起こってるっぽい。 原因がよく分からないが、Android Studioのインスタントランが原因…

2019/02/18週 気づきと振り返り

業務こなしての問題 Android で webviewによるアプリ開発 Android webviewのリモートデバッグ 雑記 開発環境 ipad落としたのが 業務こなしての問題 Android で webviewによるアプリ開発 webアプリで開発した資産を、Androidへ簡易的に移植するためwebviewを…

【小ネタ】JavaScriptでJsonファイルを読み込む

きっかけ 簡単にできるだろうと思ってたことで、結構つまづいたので、晒す。 普段、仕事でJavaScript使ってるけど、どっちかというとネットワーク関連のことばっかりやっている。 プロキシ食わしたり、リトライ処理やったり、Oauth認証したり。。。 ファイル…

【書評】最新JavaScript開発〜ES2017対応モダンプログラミング

まとメモ JavaScript解説 ECMAScript JavaScriptから言語仕様を抽出した規格。 ブラウザ操作のAPIであるDOM等を除いたものが定義されている。 Node.js 非同期 Google V8 Node.jsの登場でJavaScriptがCLIとして動くようになった。 JavaScriptの使われ方とその…

2019/01/07週 気づきと振り返り

業務こなしての問題 Androidのprogaurd package.jsonのdependenciyの削除 Androidのログ getter/setterの価値 無力感 個人的に思いついた名言 業務こなしての問題 Androidのprogaurd 年を跨いで対応していたが、いろいろひどい目にあった。 いじっていたが、…

Advent Calendar 2018 JavaScriptまとめ

感想・まとめ・メモ 12月1日 JavaScript JavaScript2 12月2日 JavaScript JavaScript2 12月3日 JavaScript JavaScript2 12月4日 JavaScript JavaScript2 12月5日 JavaScript JavaScript2 12月6日 JavaScript JavaScript2 12月7日 JavaScript JavaScript2 12…

Advent Calendar 2018 Javaまとめ

感想・まとめ・メモ 12月1日 12月2日 12月3日 12月4日 12月5日 12月6日 12月7日 12月8日 12月9日 12月10日 12月11日 12月12日 12月13日 12月14日 12月16日 12月17日 12月18日 12月19日 12月20日 12月21日 12月22日 12月23日 12月24日 12月25日 タスク 感想・…

2018/11/26週 気づきと振り返り

業務こなして思ったこと Object.assignの副作用 ハンドリング複数は辞めるべき windowsでIntelliJの参照先から戻るショートカット やり方 業務こなして思ったこと Object.assignの副作用 const a = { a: 1, b: 2, c: 3, f: 5 } const b = { c: 4, e: 6 } con…

Advent Calendar 2018 Node.jsまとめ

感想・まとめ・メモ 12月1日 12月2日 12月3日 12月4日 12月5日 12月6日 12月7日 12月8日 12月9日 12月10日 12月11日 12月12日 12月13日 12月14日 12月15日 12月16日 12月17日 12月18日 12月19日 12月20日 12月21日 12月22日 12月23日 12月24日 タスク Node.j…

JavaからTypeScript、そしてJavaScriptへ…

書くに至ったきっかけ 最近、JavaScript書くようになって、Javaやってた頃より読めるようになったので、自分の中の考えを吐き出したくなったから Javaエンジニアだったころ JavaScriptは、触ってはいたが、本格的にイジったりはしてなかった。 何というか、…