エンターテイメント!!

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

JavaScript

【翻訳+意訳・要約】なぜ TypeScript を学び、JavaScript を捨てるべきか? TypeScript vs JavaScript

※本記事は、Geminiによる意訳+翻訳を活用し、レイアウト調整したものです。 ※元記事を見て、内容がズレていないか査読するようにしています。 ※感想は、オリジナルです。 原文 意訳+要約 なぜ TypeScript を学び、JavaScript を捨てるべきか? TypeScript vs …

【翻訳+意訳・要約】フロントエンドの現状 2024

※本記事は、ChatGPTによる意訳+翻訳を活用し、文章に手を加えたものです ※元記事を見て、内容がズレていないか査読するようにしています。 ※感想は、オリジナルです。 原文 意訳+要約 フロントエンドの現状2024 チームとテクノロジー チーム構成 フレームワ…

【小ネタ】不要コード検出ツール knip を試した

知ったきっかけ はてブかなんかで流れてきたサイトを見て知った。 Knipの紹介 Knip とは Githubのreadme.mdからの転記※google翻訳使ってます Knip は、 JavaScript および TypeScript プロジェクト内の未使用のファイル、依存関係、エクスポートを検出します…

【翻訳+意訳・要約】ウェブパフォーマンスの最適化: テクニックとツール

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※元記事を見て、内容がズレていないか査読するようにしています。 ※感想は、オリジナルです。 原文 意訳+要約 ウェブパフォーマンスの最適化: テクニックとツール HTTPリクエスト…

【試行】Joiを触ってみる

きっかけ Top 5 Validation Libraries for JavaScript in 2024 - DEV Community 上記サイトを見て、気になったから。 あと、日本語発音の"ジョイ"で俺が知ってる"ジョイ"といえば、地球圏最強の洗剤"JOY"。 きっと、validator界でも最強のはずという妄想もあ…

【翻訳+意訳・要約】フロントエンド開発の究極ガイド: 最高のウェブサイトを構築するためのベストプラクティス

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 フロントエンド開発の究極ガイド: 最高のウェブサイトを構築するためのベストプラクティス ChatGPTへのQA Q:CSSプリプロセッサのメ…

【試してみた】Fastifyを触ってみる

きっかけ Fastify 公式サイト Fastifyとは? サンプル実装 実行 サンプル実装その2(入力チェック試す) 実装 アピールポイントのまとめ 感想など きっかけ 以下の記事でFastifyの説明を見て気になったので、調べてみた。 触れ込み的には、Expressの上位互…

【翻訳+意訳・要約】なぜJavaScriptよりTypescriptが優れているのか

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 なぜJavaScriptよりTypescriptが優れているのか ChatGPTへのQA Q:一概にTypescriptが優れているとは言えないのではないでしょうか? …

【翻訳+意訳・要約】Typescript にうんざりしていませんか? ReScript をチェックしてください!

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 Typescript にうんざりしていませんか? ReScript をチェックしてください! ChatGPTへのQA Q:Typescrptへの不満は、どんなものがあり…

【翻訳+意訳・要約】NodeJSは具体的にどのようにV8エンジンを使っているのですか?

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 NodeJSは具体的にどのようにV8エンジンを使っているのですか? ChatGPTへのQA Q:V8エンジンが出る前は、何を使っていたのでしょうか…

【翻訳+意訳・要約】もしやり直すなら、JavaScriptをどう学ぶか

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 もしやり直すなら、JavaScriptをどう学ぶか ChatGPTへのQA Q:javascriptは柔軟性が高すぎるがゆえに、初学者が混乱しがちなイメージ…

【翻訳+意訳・要約】JSライブラリーの構築中に学んだこと

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JSライブラリーの構築中に学んだこと ChatGPTへのQA Q:APIの使いやすさは、どうやって測ればいいでしょうか? Q:目標や目的がブレ…

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

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

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

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

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

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

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

原文 意訳+要約 原文 Goodbye, Node.js Buffer — Sindre Sorhus 意訳+要約 コメント指摘と原文を読み直して、余計な情報が混じっているのが分かったので、内容は一旦消します。 裏取りが甘かった。

【翻訳+意訳・要約】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イン…