エンターテイメント!!

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

JavaScript

【翻訳+意訳・要約】フロントエンド開発をマスターする: 包括的なロードマップ

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 フロントエンド開発をマスターする: 包括的なロードマップ ChatGPTさんに聞いてみた Q:パフォーマンス最適化は、どのように学べばい…

【翻訳+意訳・要約】ウェブ開発におけるレイジー・ローディングの仕組み

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 ウェブ開発におけるレイジー・ローディングの仕組み Bardさんに聞いてみた Q:なぜユーザーエクスペリエンスが向上するのでしょうか? Q…

【翻訳+意訳・要約】ジュニアフロントエンド開発者に必要なスキルとは?✅ 👩‍💻

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 ジュニアフロントエンド開発者に必要なスキルとは?✅ ‍ フロントエンドエンジニアに必要なスキル 基礎スキル 応用スキル 特に重要なスキル…

【翻訳+意訳・要約】さようなら、Node.jsバッファ

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 Node.js の Buffer について Buffer の問題点 代替手段 まとめ Bardさんに聞いてみた Q:いつごろから、その問題が検知されたのでしょう…

【翻訳+意訳・要約】JavascriptのObject.groupBy()は宣伝する価値があるのか?

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JavascriptのObject.groupBy()は宣伝する価値があるのか? ChatGPTさんに聞いてみた Q:どういうケースの時が"Object.groupBy"使うの…

【意訳+要約】ウェブ・アニメーション・テクニック - CSS vs JavaScript

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 CSS と JavaScript による Web アニメーションの比較 CSS による Web アニメーション JavaScript による Web アニメーション 比較 結論 重…

【意訳+要約】JSDoc: a solid alternative to TypeScript

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JSDoc:TypeScriptに代わる確かな選択肢 JSDoc とは JSDoc のメリット JSDoc の使用方法 JSDoc を活用する方法 結論 重要な部分 Bardさん…

【意訳+要約】Node.js アプリ開発で人気の 6 つの ORM

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 Node.js アプリ開発で人気の 6 つの ORM 1. Sequelize 2. TypeORM 3. Prisma 4. Objection.js 5. Bookshelf.js 6. Mikro-ORM まとめ 重要…

【意訳+要約】The Rise of TypeScript: A Strongly Typed JavaScript Superset

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 TypeScriptの台頭 TypeScriptの台頭の背景 TypeScriptのメリット TypeScriptの今後 まとめ 特に重要な部分 感想 原文 The Rise of TypeScr…

【意訳+要約】Java vs. JavaScript: Understanding Their Distinctions

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JavaとJavaScriptの違い 開発環境 実行環境 文法 用途 まとめ 特に重要な部分 感想 原文 Java vs. JavaScript: Understanding Their Disti…

Top 7 JavaScript One-Liners: Your Path to Cleaner, Readable Code 見て思ったこと

経緯 サイト見てて思うところがあったから 原本 Top 7 JavaScript One-Liners: Your Path to Cleaner, Readable Code - DEV Community 思うところ 1) Sum of an array of elements は、よく使う。 何かの合計が欲しいときって、結構ある。 別言語でも、redu…

esbuildをtypescriptで使ってみた

経緯 webpackがメンテ終了していると聞いて、いろいろ探してesbuildにたどり着いた Turbopackってのが後継らしいけど、今回はesbuildを利用 利用方法 インストール npm install --save-dev esbuild 自分の適用方法 ビルドスクリプトを用意して、npm scripts…

typescriptでjsonファイルを利用する

経緯 typescriptで、configファイルやpropertiesファイルとしてjsonファイルを利用しようとしたが、コンパイル時にエラーが出てきて困ったので、メモ書きするに至る 環境 $ npm -v 9.6.6 $ tsc -v Version 5.0.4 内容 該当ソース import * as dictJson from …

Typescriptでオブジェクトからキーを抜き出して一括操作する

経緯 Typescriptでオブジェクトがもつキーにすべてアクセスしようとしたときに、ちょっとハマったのでメモ 実装 最初に作ったコード for (let key in params) { console.log(key, params[key]); } ts7053のエラーが出てくる。 indexの型が特定できないために…

翻訳API:みんなの自動翻訳をJavaScriptから呼び出して使ってみた

経緯 環境 実装 感想 公式サイト 参考サイト 経緯 RSSリーダー作ったのだが、英語サイトも購読している。 その際、英語だと視認性が悪いので、翻訳したいと考えて、翻訳のAPIがないか探したら、"みんなの自動翻訳"ってAPIが無料で使えるらしいので、使うこと…

2023/02/13週 気づきと振り返り

業務こなしての問題・気づき サクラエディタの短形貼り付け その他雑記 chat-GPT 気になった記事 ChatGPTが賢くなる!noteの深津さん考案「深津式汎用プロンプト」でChatGPTが劇的に使いやすくなった! 100% Code Coverage is a Lie - DEV Community ‍‍ 【…

【翻訳&お試し】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を呼び出し…