HTML: 「JavaScriptなし」で動く最新の多機能確認ダイアログを構築する（翻訳）｜TechRacho by BPS株式会社 🔖 17

概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Stylish dialogs | Fractaled Mind 原文公開日: 2025/12/18 原著者: Stephen Margheim 日本語タイトルは内容に即したものにしました。 以下のような複雑なスタイル

HTML: 「JavaScriptなし」で動く最新の多機能確認ダイアログを構築する（翻訳） 🔖 17

304 Not Modified は JavaScript も速くする？ 🔖 30

はじめに こんにちは、Repro Booster のプロダクトマネージャーの Edward Fox（@edwardkenfox）です。 HTTP 304 Not Modified というステータスコードをご存知でしょうか。ブラウザがキャッシュ済みのリソースを再検証する際、サーバー

Pythonの勉強を始めたところ標準ライブラリが強力すぎて（Javascript比較）驚きました。Pythonからプログラムの勉強を始めると多言語学習に苦労するのでは無いでしょうか？ 🔖 30

Pythonの勉強を始めたところ標準ライブラリが強力すぎて（Javascript比較）驚きました。Pythonからプログラムの勉強を始めると多言語学習に苦労するのでは無いでしょうか？PythonJavaScriptプログラミング初心者独学 そういう驚きを感じられるのは、プログラマ

なぜJavaScriptのfetchはawaitを2回しないとレスポンスを取れないのか | maguro​.dev 🔖 313

const resp = await fetch("https://api.example.com/data"); await を2回書いているのが気になったことはありませんか？1回の await で一気にレスポンスボディまで取れたら楽なのに、と思ったことはないでしょうか。 とあ

Streaming JSON in just 200 lines of JavaScript 🔖 41

【Crank.js】リアクティブという欠陥を完全解決したJavaScriptフレームワーク、Crank.jsの思想と信条 🔖 46

ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。 またなんか無限レンダリングされるとかなんか2回計算さ

【TypeScript】AWS SDK for JavaScript v2からv3への移行ガイド：S3・Lambda・Secrets Managerのコード比較 🔖 1

はじめにプロジェクトで使用している AWS SDK を v2 から v3 へと移行しました。v3 はモジュラアーキテクチャを採用しており、必要なパッケージのみをバンドルできるため、アプリケーションのサイズの削減やTypeScriptとの親和性向上が期待できます！しかし...

【Crank.js】リアクティブという欠陥を完全解決したJavaScriptフレームワーク、Crank.jsの思想と信条 🔖 46

ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。またなんか無限レンダリングされるとかなんか2回...

わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」 🔖 36

家電製品や産業機器などを制御するための組み込みシステムでは、コスト削減のためメモリの容量が限られています。近年ハードウェアの性能が向上したことにより一部でJavaScriptやPythonなどスクリプト言語がCやC++の代わり、もしくは補助として利用できるようになりました。そこで

50種類以上の商用JavaScript UIコンポーネントがオープンソースに、React、Angular、Blazor、Web Components対応。インフラジスティックスが公開 🔖 44

50種類以上の商用JavaScript UIコンポーネントがオープンソースに、React、Angular、Blazor、Web Components対応。インフラジスティックスが公開 ビジネス向けUIライブラリを提供しているインフラジスティックスは、同社が提供しているUIライブラ

2025 JavaScript Rising Stars 🔖 31

JavaScript engines zoo 🔖 16

Rails: 最新のブラウザ機能で「JavaScriptなし」のスタイル付き確認ダイアログを構築する（翻訳） 🔖 4

2026年版：JavaScript/TypeScriptのロギング入門 🔖 170

本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨

2026年版：JavaScript/TypeScriptのロギング入門 🔖 170

本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨

【JavaScript】jQuery.ajaxでFormDataを送信する際の注意点 🔖 2

ajax通信で少しハマったajax通信を使ってデータをバックエンドに送信する際、少し仕様でハマった話です。はじめにjQueryの$.ajaxを使ってFormDataオブジェクトを送信する際に、クエリパラメータが正しく送信されない問題に遭遇したので、その原因と解決方...

Vue Fes Japan 2025レポート ～Evan Youが描く、JavaScript開発ツールの理想郷 | gihyo.jp 🔖 13

Vue Fes Japan 2025レポート ～Evan Youが描く⁠⁠、JavaScript開発ツールの理想郷 2025年11月、東京で開催された「Vue Fes Japan 2025⁠」⁠。7回目を迎える日本最大のVueカンファレンスには、過去最多となる800人超の開発者が

第三者のJavaScriptをセキュアに実行するには？― exaBase Studio のプラグイン機能 🔖 19

メリークリスマス🎄 Studio Application 開発グループの吉田です。 エクサウィザーズのAdvent Calendar 25日目、最終日です！ exaBase Studio に Figma みたいなプラグイン機能を入れたい これはけっこう前からずっと頭の片隅にあった

イベントループを裏側から腹落ちさせる：JavaScriptエンジンとブラウザの役割、TaskとMicrotaskの正体 🔖 3

!この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint 123週目の記事です！3年間連続達成まで残り36週となりました！ 3行まとめ：この記事で書いていること実行の順序制御はJavaScriptエンジンではなく、ホスト環境（ブラ

JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう - iimon TECH BLOG 🔖 38

こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025　14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい

JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう 🔖 38

こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025 14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい

V8 JavaScript engineで寒い冬を暖かく過ごしたい - iimon TECH BLOG 🔖 35

はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして

【超わかりやすい】fetch + then + mapで擬似的なAPIを取得してTodoを表示する処理を分解して解説してみた【JavaScript】 🔖 1

はじめにJavaScript の fetch を使って API からデータを取得し、それを HTML に描画するコードの動きがよく分からなかったので、詳しく解説してみました。対象コードはこちらfunction todo() { fetch('/serv/api/...

V8 JavaScript engineで寒い冬を暖かく過ごしたい 🔖 35

はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして

Web制作者は腕試し！ JavaScriptやReactなどのコードでキーボードのタイピング練習ができるAIアプリ -TypeQuicker 🔖 15

キーボードで文書や単語のタイピング練習をはじめ、JavaScriptやReactなどのコードでもタイピング練習ができるオンラインツールを紹介します。 タイピング練習できるサイトはたくさんありますが、本ツールはAIによる詳細な解析が大きな特徴で、単語による入力速度、誤入力のパターン

【JavaScript】単位をJSで取り扱えるようにしようという提案 🔖 40

【JavaScript】単位をJSで取り扱えるようにしようという提案 🔖 40

たとえば1t + 2kg + 3g + 4mgみたいなことはJavaScriptではできません。単位変換ができない以前に、単位という概念がありません。例外は暦くらいで、それ以外の値については値しか扱うことができません。ということでJavaScriptで単位を扱えるよう...

Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session 🔖 43

Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session

JavaScriptにおけるasync/await呼び出しのスタックトレースの困難と実装 🔖 163

ついにyt-dlpのYouTubeダウンロード機能をフル活用するにはDenoなどのJavaScriptランタイムが必要に、インストール手順はこんな感じ 🔖 63

メディアダウンローダー「yt-dlp」でYouTubeの動画をダウンロードする場合、「Deno」などの外部JavaScriptランタイムを別途用意することが強く推奨されるようになりました。JavaScriptランタイムを用意しないと、YouTubeのダウンロードをうまく実行できな

"use client" は JavaScript 標準ではない - 「出所不明」な文字列が隠すリスク 🔖 28

はじめに "use client" や "use server" といったディレクティブは、React Server Components（RSC）の普及とともに広く使われるようになりました。一見すると、これらは JavaScript の標準機能である "use strict"

【JavaScript】配列を二重配列に分解する提案 🔖 15

これはなに？Iterator Chunking[1, 2, 3, 4, 5, 6, 7, 8]　↓[ [1, 2, 3], [4, 5, 6], [7, 8] ] // chunking[ [1, 2, 3], [2, 3, 4], [3, 4, 5], [...

"use client" は JavaScript 標準ではない - 「出所不明」な文字列が隠すリスク 🔖 28

はじめに"use client" や "use server" といったディレクティブは、React Server Components（RSC）の普及とともに広く使われるようになりました。一見すると、これらは JavaScript の標準機能である "use strict"

JavaScriptなしで使える！Popover APIの基本的な使い方 🔖 1

はじめにどうもどうも。最近めっきり寒くなりましたねぇ。さて、今回はPopover API（ポップオーバー API）について書いていきたいと思います。Webサイトでツールチップやドロップダウンメニューを実装する時は、JavaScriptライブラリに頼ることが多かったと思いま

【JavaScript】オブジェクトをfreezeした後でもprivateプロパティを変更できるし生やすこともできる 🔖 3

Object.freezeObject.freezeすると、そのオブジェクト直下のプロパティを作成変更削除することができなくなります。class HOGE { publicProperty; setPublicProperty(val) { th...

Rails: Inertia.jsでRailsのJavaScript開発にシンプルさを取り戻そう（翻訳） 🔖 8

JavaScriptでハングルを分解してタイピングソフトを作る 🔖 1

はじめに過去に 自作の「かな入力」のタイピングソフト を作成しました。そこで気になったのが、韓国語（ハングル）のキーボードってどんなのなんだろうと思い、ハングル配列のキーボードを作ってみました。ハングルの仕組みについてハングル文字も母音と子音があるようです...

【初心者歓迎】C#だけでWebゲームを1時間で作る javascriptやAJAX不要！Blazorの凄さを体験する 🔖 65

yt-dlpでYouTube動画をダウンロードするにはDenoなどのJavaScriptランタイムのインストールが必須になる予定 🔖 65

yt-dlpはYouTubeやニコニコ動画など数多くの配信サイトに対応したメディアダウンローダーです。新たに、yt-dlpでYouTubeの動画をダウンロードするには将来的にDenoなどのJavaScriptランタイムが必要になることが発表されました。 [Announcement

GraalVMは今後Javaとは独立してバージョンアップへ。Java以外のPythonやJavaScriptに注力する方針を発表 🔖 57

GraalVMは今後Javaとは独立してバージョンアップへ。Java以外のPythonやJavaScriptに注力する方針を発表 オラクルはGraalVMの新たな方向性として、これまでJavaと同期させていたバージョンアップのタイミングを見直してGraalVM単独のタイミングでバ

そのJavaScript、V8が泣いてます。V8の気持ちを理解して書くパフォーマンス最適化 🔖 215

このスライドはSlidevで作られており、以下のレポジトリで公開しています https://github.com/riya-amemiya/amemiya_riya_slide_data/tree/main/frontend_conf_tokyo_2025

GitHub - embedpdf/embed-pdf-viewer: A PDF viewer that seamlessly integrates with any JavaScript project 🔖 39

AIに「React使って」と言う前に　2025年Web標準技術Vanilla HTML CSS JavaScriptでここまでできる 🔖 72

AIに「React使って」と言う前に 2025年Web標準技術Vanilla HTML CSS JavaScriptでここまでできる はじめに フロントエンド開発において、React、Vue.js、jQueryなどのライブラリやフレームワークが当たり前のように使われている現在です

JavaScript/TypeScript実力強化書 | 技術評論社 🔖 42

概要 一気にJavaScript・TypeScriptのエキスパートへ！ Software Design本誌再編集シリーズ、今度はWeb開発者の必修科目であるJavaScriptとTypeScriptがテーマです。第一線のエンジニアが現場で培った、JavaScript・TypeS

JavaScriptビルドツール徹底ガイド──歴史と進化、LINEヤフーの技術選定 - Findy Tools 🔖 59

公開日 2025/09/09更新日 2025/09/08 JavaScriptビルドツール徹底ガイド──歴史と進化、LINEヤフーの技術選定 本記事は、LINEヤフー株式会社のフロントエンドスペシャリスト、浜田真成さんによる寄稿です。 JavaScriptのビルドツールについて、

JavaScript三十六景Tips集 🔖 70

[背景] このようなまとめが欲しかった。 LeetCodeを解きながら長い間書き留めてきたJavaScript Tips集です。 チーム開発ではもちろん可読性が重視されますので、その点もご留意ください。 elseブロックを段落で表現する if(!l1) return l2 els

【JavaScript】おおよその位置情報を取得できるようにしようという提案 🔖 4

現在、JavaScriptで位置情報APIを使用すると、周囲の環境や引数にもよりますがメートル単位で正確な値を取得することができます。つまり、自宅や職場や通勤通学路やその他入り浸っている宗教病院風俗など全てを正確に把握されてしまうということです。しかし天気予報など、そこ...

JavaScriptのプロトタイプとクラス 🔖 1

JavaScriptのプロトタイプとクラスプロトタイプとはプロトタイプは、JavaScriptオブジェクトが互いに機能を継承するための仕組みですすべての関数は prototypeオブジェクト を持つことができ、作成したオブジェクトはこのプロトタイプ経由でメソッ...

JavaScriptのコールバック関数を理解する - Express.jsの実装から学ぶ非同期処理の基本 🔖 1

JavaScript のコールバック関数を理解する - Express.js の実装から学ぶ非同期処理の基本Express.js でシンプルな API を作りながら、コールバック関数の仕組みとJavaScript の非同期処理について深く理解していきます。 はじめにクラウ