JavaScript
きっかけ 公式サイト 実装内容・説明 完成イメージ html typescript webpack 参考サイト 雑記 きっかけ カルーセルスライダーでリストを表示したかったので調査した結果、swiperってライブラリが良さそうだったので、使ってみた。 公式サイト swiperjs.com …
参考サイト 経緯 内容の超要約 個人的見解 参考サイト dev.to 経緯 typescriptよく使っているので、改めて違いを把握しておきたく読んだ 内容の超要約 JavaScriptとは? Webページに機能を実装できるプログラミング/スクリプト言語 Typescriptとは? すべて…
きっかけ Githubにてセキュリティアラート(dependency alert)が来てたので、「対応してみっか!」と思い、まずは現時点のバージョンを知りたいのだが、どうしたらいいのか分からなかったので調べた 環境 バージョン: 1.63.2 (system setup) コミット: 899d…
きっかけ 自動生成について curlconverter 解説 感想 きっかけ curlコマンドでAPI叩くのを試し終えた。 コマンドからプログラミングに落とすのが面倒になったので、いろいろ調べていたら、良さげなツールがあったので、使い方を自分用にメモ 自動生成につい…
きっかけ 環境 サンプルソース 実行方法 参考サイト 感想 きっかけ node.jsのモジュール使った簡単なAPIバッチを叩くスクリプトを作ったんだけど、どう実行したらいいんだ?ってなって調べた。 すでにプロジェクトがあるやつに対してやったので、package.jso…
業務こなしての問題・気づき 自動生成 生産性向上するとあるが、実際は微妙である。 制約を内包しているので、制約沼にハマる可能性が高い。 管理者は辛いよ。。。 課題管理担当をしているのだが、結構辛い。 外部の人とやり取りしたり、内部に情報展開した…
業務こなしての問題・気づき 定義ファイルは少ないほうがいい 今の現場で結合テストしているのだが、設定ファイルがやたらと多い。。。 どこに何があって、どう作用するのか、覚えるのが辛すぎる。。。 定義ファイルがありすぎるのは、問題だと感じている。 …
背景 bootstrap5に移行をしていたが、どうもwebpack絡みで問題があって、解決できなかった。 electron-fogeでビルドプロセスが楽になるという噂を小耳にし、bootstrap5乗せたやつが動いたので、まずは、既知のelectronプロジェクトをelectron-fogeに移行しよ…
経緯 js→tsへの移行がやっと終わって、mainブランチに統合できたから、これまでの経緯を振り返って見ようと思い書いた。 移行話 とりあえず、移行を思い立ってから、移行が完結するまでを物語風でまとめておく。 内容 一章 決意 最初の段階で、tsにするかjs…
経緯 js→tsへの移行をしているのだが、掲題の通り'x' is not definedが発生していて、かなり悩んだ。。。 ts移行の記事は以下 suzaku-tec.hatenadiary.jp suzaku-tec.hatenadiary.jp suzaku-tec.hatenadiary.jp 内容 htmlからtsで定義したfunctionを呼び出し…
経緯 個人で開発してるプロジェクトで、どうしても型を使えたほうが開発効率が上がりそうというのが見えてきたので、一旦挫折したTypescriptへの移行を四苦八苦しながら調査した 対応方法 いろいろ調べた結果、どうやらts-migrateを使えば、比較的、低労力で…
業務こなしての問題・気づき git ブランチをマージしたら削除 ブランチ対応が終わり、マージが終わったのにブランチを残したままにするのは、良くない。 なんでこのブランチ残ってるんだっけ?って調査するのが辛い。。。 運用次第ではあるが、不要になった…
背景 Javascriptでコードを読んでいる際に、var a = test ?? "empty"みたいなコードに出会った。 三項演算子でもないし、一体何なんだ?ってのが疑問になったので調べた。 調査結果 Null合体演算子 というものらしい。 左辺が null または undefined の場合…
現象 modalを用途によって表示するために、複数定義をしたあと、動作確認のためにmodalの表示を行ったら、既存のmodalが動かなくなった。。。 環境 jQuery v3.3.1 bootstrap v4.3.1 原因 おそらく、下記の箇所の記述で、画面上で1度に1個までが引っかかって…
背景 JSでデバックのためにJSON.stringify()を使ったら発生した。 printデバックの是非は置いておいて、この事象の意味と、なぜ発症したのか、対象方法についてメモする。 意味 「循環参照しているJSONを変換しようとしている」って意味らしい。 Google翻訳…
業務こなしての問題・気づき c# 「throw e」と「throw」 違い トレース情報がリセットされるかされないか。 リセットされるのは、「throw e」 なぜリセットする言語仕様なのかは分からない。。。 基本的に、リセットしたいときってないと思うのだが。。。 …
発端 環境 問題 解決方法 npm updateで失敗 nodistで最新バージョンを挿れて優勝していく nodeのバージョン確認 使えるnodeのバージョンを調査 nodeをインストール npmをnodeに合わせる 雑記 参考サイト 発端 久々にnpmで何か作ろうとして、npm init -y した…
Advent Calendar きっかけ 感想 【超初心者向け】javascriptとjQueryの違いは何?5分で解説。 JavaScript における配列コピー JS直書きでGoogle DoodleのCanvasを録画してGifに JavaScriptの非同期処理を制御する方法 プログラミング初学者の現役医師が、fir…
発生に至った経緯 electronで、canvas-datagridを使おうとしていたら発生した。 発生時の環境 $ electron -v v1.4.13 発生の原因 electronのベースであるchromiumeがshadow domをサポートしているバージョンではなかったので、発生していた。 canvas-datagri…
きっかけ npxって初めて知って、いろいろ調べたりして紆余曲折をまとめる。 環境 vscodeのバージョン情報より。 バージョン: 1.47.3 (system setup) コミット: 91899dcef7b8110878ea59626991a18c8a6a1b3e 日付: 2020-07-23T13:12:49.994Z Electron: 7.3.2 Ch…
きっかけ github やれること 使ってるもの 悩んだこと 作ってみての感想 きっかけ electron使ってnedbでデータを永続化しているのだが、現在のnedbの状態を見るのが面倒になったので作った。 github GitHub - suzaku-tec/nedb-viewer やれること nedbのファ…
まとめメモ Web Componentsとは 基本概念 構成技術 感想 まとめメモ Web Componentsとは 基本概念 Web Componentsとは、アプリ内でよく使うコンポーネントを、独自定義したHTMLを使っていつでも呼び出せる技術 HTML/CSS/JavaScriptを含めてコンポーネント化…
きっかけ npm install して、何度かUnexpected end of JSON input while parsing near が発生してドツボにハマったので、記録に残す。 対処方法 TypeScript - npm install が必ず失敗する|teratail 上記記事にある通り、npm cache clean --forceでキャッシ…
きっかけ 環境 Visual Studio Code npm 前準備 環境構築 プロジェクト作成 electron-builderの追加 動作確認 その他オススメの設定 element-uiの導入 設定ファイルを導入したい 感想 参考サイト きっかけ react + electronにしようか、angular + electronに…
業務こなしての問題・気づき その他 雑記 業務こなしての問題・気づき なし というか、ほとんど作業してない。 むしろ、こっそり寝てるかゲームしてた時間が長いと思う。 その他 業務と関係ない場所でコード書いていたが、npmのFile systemでexistって非推奨…
きっかけ 環境 詳細 Vue cliのインストール プロジェクト用意 とりあえず実行 バインディング appにApp.vueを設定している。 感想 きっかけ UI周りの実装が楽にならないか探して、vue.jsを知ったので試してみる。 react.jsも試したことはあるんだけど、覚え…
業務こなしての問題・気づき 週次リリースの廃止 JNINativeMethod 雑記 業務こなしての問題・気づき 週次リリースの廃止 週次リリースが廃止されてからしばらくたつが、なんか、メリハリがなくなった感がする。 どうも、ダラダラ開発してしまう。 危機感が、…
業務こなしての問題・気づき printデバッグ 戦略と作戦と戦術と兵站 戦略 作戦 戦術 兵站 雑記 メガネ プリン 業務こなしての問題・気づき printデバッグ たしかに回避するべきだが、デバック起動でパフォーマンスが落ちて、動作確認に時間がかかっては意味…
業務こなしての問題 WebviewでUnable to open asset URL 雑記 縦長ディスプレイ 業務こなしての問題 WebviewでUnable to open asset URL 読み込もうとするHTMLがないから起こってるっぽい。 原因がよく分からないが、Android Studioのインスタントランが原因…
業務こなしての問題 Android で webviewによるアプリ開発 Android webviewのリモートデバッグ 雑記 開発環境 ipad落としたのが 業務こなしての問題 Android で webviewによるアプリ開発 webアプリで開発した資産を、Androidへ簡易的に移植するためwebviewを…