JavaScript
※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 フロントエンド開発をマスターする: 包括的なロードマップ ChatGPTさんに聞いてみた Q:パフォーマンス最適化は、どのように学べばい…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 ウェブ開発におけるレイジー・ローディングの仕組み Bardさんに聞いてみた Q:なぜユーザーエクスペリエンスが向上するのでしょうか? Q…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 ジュニアフロントエンド開発者に必要なスキルとは?✅ フロントエンドエンジニアに必要なスキル 基礎スキル 応用スキル 特に重要なスキル…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 Node.js の Buffer について Buffer の問題点 代替手段 まとめ Bardさんに聞いてみた Q:いつごろから、その問題が検知されたのでしょう…
※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JavascriptのObject.groupBy()は宣伝する価値があるのか? ChatGPTさんに聞いてみた Q:どういうケースの時が"Object.groupBy"使うの…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 CSS と JavaScript による Web アニメーションの比較 CSS による Web アニメーション JavaScript による Web アニメーション 比較 結論 重…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JSDoc:TypeScriptに代わる確かな選択肢 JSDoc とは JSDoc のメリット JSDoc の使用方法 JSDoc を活用する方法 結論 重要な部分 Bardさん…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 Node.js アプリ開発で人気の 6 つの ORM 1. Sequelize 2. TypeORM 3. Prisma 4. Objection.js 5. Bookshelf.js 6. Mikro-ORM まとめ 重要…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 TypeScriptの台頭 TypeScriptの台頭の背景 TypeScriptのメリット TypeScriptの今後 まとめ 特に重要な部分 感想 原文 The Rise of TypeScr…
※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 JavaとJavaScriptの違い 開発環境 実行環境 文法 用途 まとめ 特に重要な部分 感想 原文 Java vs. JavaScript: Understanding Their Disti…
経緯 サイト見てて思うところがあったから 原本 Top 7 JavaScript One-Liners: Your Path to Cleaner, Readable Code - DEV Community 思うところ 1) Sum of an array of elements は、よく使う。 何かの合計が欲しいときって、結構ある。 別言語でも、redu…
経緯 webpackがメンテ終了していると聞いて、いろいろ探してesbuildにたどり着いた Turbopackってのが後継らしいけど、今回はesbuildを利用 利用方法 インストール npm install --save-dev esbuild 自分の適用方法 ビルドスクリプトを用意して、npm scripts…
経緯 typescriptで、configファイルやpropertiesファイルとしてjsonファイルを利用しようとしたが、コンパイル時にエラーが出てきて困ったので、メモ書きするに至る 環境 $ npm -v 9.6.6 $ tsc -v Version 5.0.4 内容 該当ソース import * as dictJson from …
経緯 Typescriptでオブジェクトがもつキーにすべてアクセスしようとしたときに、ちょっとハマったのでメモ 実装 最初に作ったコード for (let key in params) { console.log(key, params[key]); } ts7053のエラーが出てくる。 indexの型が特定できないために…
経緯 環境 実装 感想 公式サイト 参考サイト 経緯 RSSリーダー作ったのだが、英語サイトも購読している。 その際、英語だと視認性が悪いので、翻訳したいと考えて、翻訳のAPIがないか探したら、"みんなの自動翻訳"ってAPIが無料で使えるらしいので、使うこと…
業務こなしての問題・気づき サクラエディタの短形貼り付け その他雑記 chat-GPT 気になった記事 ChatGPTが賢くなる!noteの深津さん考案「深津式汎用プロンプト」でChatGPTが劇的に使いやすくなった! 100% Code Coverage is a Lie - DEV Community 【…
きっかけ 技術系のサイト見てて目に入ったから、試してみたくなった。 あと、個人開発しているやつでロギングどうしようか悩んでいるから 開発環境 vscodeの情報そのまま バージョン: 1.69.2 (system setup) コミット: 3b889b090b5ad5793f524b5d1d39fda662b9…
経緯 環境準備 rustインストール https://www.rust-lang.org/tools/install/ から落としてきて入れる 入れたら rustup 最新化しておく nodeインストール nvm使って最新のやつを入れた create-tauri-app をnodeインストール後に入れておく C++ build toolイン…
経緯 以下のエラーが出てきて、理由を調べると、どうもシンボリックリンクが機能してないのが問題らしい。 nodistはメンテされてないようなので、これを機にnvm-windows に移行しようと思い、記事を書くに至る。 $ npm update -g npm ERR! code MODULE_NOT_F…
経緯 目に止まって、内容見たら、新しい発見があったので、残す 元記事 JavaScript Visualizer - DEV Community 翻訳 DeepL翻訳より もしあなたがJavaScriptがどのように動作するかに興味があるなら、私はこのオンライン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を呼び出し…