はてぶ・Qiita・Zennのトレンド記事を紹介
JavaScriptはWebページに動きを加えるためのプログラミング言語です。フロントエンド開発やサーバーサイドでも利用されています。
【海外ニュース】ES2025対応の詳しすぎるJavaScript解説書が無料公開され全プログラマ大歓喜 🔖 184
6月14日、Axel Rauschmayer氏は新刊書籍「Exploring JavaScript (ES2025 Edition)」を公開した。 本書は、モダン JavaScript の習得を容易にし、初学者から上級者までを対象に ES2025 までの全機能を体系的に解説するも
JavaScriptのforEach内でbreakができない理由【備忘録】 🔖 3
背景社内でJavaScriptの反復処理について話が上がった際に、「forEach は break を使って抜けることができない」と聞きました。なんとなくの理解しか持ち合わせていなかったため、こ…
新・JavaScript文法（6）：スコープとクロージャ 🔖 2
前回の記事 では、JavaScriptの関数について、従来の関数宣言から最新のアロー関数までを扱いました。今回は、JavaScriptのスコープとクロージャについて、基本的な概念から実践的な活用方法…
全世界のソフトウェア開発者は4700万人。最も多いのがJavaScript開発者で2800万人、Java、Pythonが続く。スラッシュデータの調査 🔖 182
全世界のソフトウェア開発者は4700万人。最も多いのがJavaScript開発者で2800万人、Java、Pythonが続く。スラッシュデータの調査 IT業界に関する調査を行っているSlash Dataは、全世界のソフトウェア開発者に関する調査結果を発表しました。 発表によると、
JavaScript PrimerのNotebookLMで利用可能になりました！ 🔖 154
JavaScript PrimerのNotebookLMが利用可能になりました。 NotebookLMは、Googleが提供するAIを活用したノートブック環境で、登録したソースに対して質問をしたり、情報を検索したりすることができます。 次のリンクから、JavaScript Pri
JavaScriptジェネレータ関数とユーティリティで楽に配列を生成する 🔖 22
uhyo さんのジェネレータ関数についての記事に触発されました。https://qiita.com/uhyo/items/ee7fb36c050a934a345f僕もたびたび実務でジェネレータ関…
Google Gen AI TypeScript/JavaScript SDK の使用方法 🔖 1
Google Gen AI SDK for TypeScript and JavaScript は、開発者が Gemini モデルの最先端機能をアプリケーションにシームレスに統合することを可能にしま…
JavaScriptを書かない2025年のモーダルの実装方法 – TAKLOG 🔖 239
2025年のモーダルの実装方法のメモ書き。 <dialog> 要素の利用を前提とします。 Web アプリケーションで UI ライブラリを利用する場合は話が変わってきます。 1年前にdialog要素を使用したモーダルウィンドウの実装例を投稿しましたが、大幅にアップデートされているた
モバイルアプリ開発におけるJavaScript CallbackのWebとの定義共通化 🔖 4
目次 はじめに JavaScript Callback の課題 TypeSpec とは プロジェクト ...
SDK for JavaScriptで発生したInvalidChunkSizeErrorを解消する 🔖 1
はじめにDockerのversionを18から20にアップグレードしたところ、SDK for JavaScript v3でS3へアップロードする際に、InvalidChunkSizeErrorのエラーが発生したため、その解消方法について記事にしていきます。InvalidChu
自分がやってよかったweb製作でのJavaScriptの勉強方法 🔖 6
はじめに現在web制作の勉強として、jQueryの勉強をしているのですが、jQueryの学習が楽に感じたJavaScriptの勉強法を紹介します！JavaScriptの勉強方法web制作のため…
JavaScriptのジェネレータ関数を実務で使った話 🔖 39
ジェネレータ関数はJavaScriptの機能の中でもマイナーな機能で、functionの代わりにfunction*で関数を作るのが特徴です（アロー関数版のジェネレータ関数式はありません）。また、その中ではyieid式が使用可能になります。 ジェネレータ関数については、存在は知って
JavaScriptのジェネレータ関数を実務で使った話 🔖 39
ジェネレータ関数はJavaScriptの機能の中でもマイナーな機能で、functionの代わりにfunction*で関数を作るのが特徴です（アロー関数版のジェネレータ関数式はありません）。また、その…
【JavaScript/HTML】4x4ミニオセロゲームを作ってみた 🔖 3
こんにちは！今回は4x4のミニオセロゲームをHTML、CSS、JavaScriptのみで実装する方法をご紹介します。盤面が小さいミニオセロは通常の8x8オセロよりも戦略が単純でわかりやすく、Java…
JavaScript不要! HTMLとCSSでつくるカルーセルUI - ICS MEDIA 🔖 150
2025年4月にリリースされたChrome 135、Edge 135からHTMLとCSSのみでカルーセルUIがつくれるようになりました。新たに追加された::scroll-button()、::scroll-marker疑似要素を使用して、ボタンやインジケーターが実装可能です。 ▼
WebAssemblyはJavaScriptの何倍速く動くのかベンチマークしてみた。 🔖 35
近年のWebアプリケーションは、単なる情報表示にとどまらず、複雑なデータ処理や高度な計算処理を必要とするケースが増えています。TypeScriptは型安全性と優れた開発体験でフロントエンド開発の標準となりつつありますが、パフォーマンスが重要な処理においては限界に直面することもあり
WebAssemblyはJavaScriptの何倍速く動くのかベンチマークしてみた。 🔖 35
近年のWebアプリケーションは、単なる情報表示にとどまらず、複雑なデータ処理や高度な計算処理を必要とするケースが増えています。TypeScriptは型安全性と優れた開発体験でフロントエンド開発の標準となりつつありますが、パフォーマンスが重要な処理においては限界に直面することもあり
JavaScript フロントエンド開発入門 - 簡単Todoアプリを作ろう (１回目) 🔖 2
はじめにHI Engineer Collegeでは、実務未経験のエンジニアの方や、エンジニアに興味がある方を募集したおります、まずはお気軽にお問い合わせください。※ (株)G&T（【内々定まで最…
JavaScript PrimerのES2025対応を手伝ってくれるContributorとSponsorを募集しています 🔖 11
JavaScript Primer (https://jsprimer.net/) では、毎年ECMAScriptの新しい仕様への追従を行っています。 ES2025はもうすでにリリース候補が公開されていて、2025年6月に正式リリースされる予定です。 Release ES2025
JavaScript or TypeScriptで大きい数字を扱うときは罠がいっぱい。 🔖 3
はじめにどうもこんにちは torihaziです。今日はTypeScriptのnumberを扱っていた時に少し詰まったのでその備忘録になります。特に formで大きな数値を扱ったり、表示したり…
JavaScript のサンプルコードの作成ガイドライン - MDN Web Docs | MDN 🔖 45
この節では、 JavaScript のサンプルコードを書く際に留意すべき一般的なガイドラインを説明します。後の節では、より具体的な詳細について説明します。 正しいインデント、ホワイトスペース、行の長さに関する意見は常に論争の的となってきました。このようなトピックに関するディスカッ
【JavaScript】MDNが推奨する最強の書き方 🔖 78
はじめに MDNのドキュメントを眺めていたら、JavaScript のサンプルコードの作成ガイドラインという章を見つけました。第三者にコードを公開するような人向けにまとめられたものですが、正しい書き方の実践としてみることができるので、クローズドなプロジェクトの中でも使えるかもしれ
【JavaScript】MDNが推奨する最強の書き方 🔖 78
はじめにMDNのドキュメントを眺めていたら、JavaScript のサンプルコードの作成ガイドラインという章を見つけました。第三者にコードを公開するような人向けにまとめられたものですが、正しい書き…
応用情報に合格したあと、どうしても作りたかった「過去問演習サイト」をHTML＋JavaScriptで自作した話 🔖 3
応用情報に合格したあと、どうしても作りたかった「過去問演習サイト」をHTML＋JavaScriptで自作した話はじめに2024年春、応用情報技術者試験に独学で合格しました。そのときずっと思って…
あらためて理解するArrayBuffer - JavaScriptでバイナリデータを扱う方法 - ICS MEDIA 🔖 101
配列（Array）との比較 JavaScriptにはTypedArrayとは別に配列（Array）の違いを説明します。 ArrayはTypedArrayと比べると柔軟で汎用性が高いです。しかし、Arrayは内部で動的なメモリー管理を行うため、データ処理や転送を高い頻度で行う場合に
【悲報】`JavaScript`のスペルが難しすぎる（根拠あり） 🔖 2
【悲報】JavaScriptのスペルが難しすぎる（根拠あり）これが根拠だ⸺一文字目（J）をミスしたタグavaScript https://qiita.com/tags/avascript 記事…
JavaScriptの ||・?? の違い、Rubyの ||を解説 🔖 4
truthy / falsy とは？JavaScript（や Ruby などの動的型付け言語）では、値を論理的に評価（Boolean評価）したときに true になるか false になるかによっ…
ライブラリ依存せずyyyy-MM-ddの日付文字列を取得する最短のJavaScriptコード 🔖 2
date-fnsなど流行なライブラリを使えば、yyyy-MM-dd日付文字列を簡単に取得できるが、たまに外部依存をしたくない場合もある。実装例new Date('2025-04-02 07:00…
JavaScriptのPromiseがモナドではない2つの理由 🔖 2
モチベーションJavaScriptのPromiseがモナドではないという指摘は検索すればいくつか見つかるのだが、(個人的に)完全に納得できる説明は見つからなかった。細かい指摘はしないが、いずれの記事においてもやや厳密性が欠けているような気がしたからだ。また、もう一つのモチベー
mono-event: TypeScript / JavaScriptのイベント処理をシンプルで安全にする 🔖 3
こんにちは！ 普段お仕事でWeb開発をしてるみいぬです。最近、長らく「こんなのがあったらな…」と温めていたイベント管理ライブラリ mono-event を作ってみました。最近のフロントエンド界隈はReactなどのフレームワーク中心で、イベント管理ライブラリはちょっと地味な印象か
JavaScriptの非同期処理を調べていると、度々イベントループという用語を目にします。なんとなく概要は知っていても、具体的に何が行われているのかといった仕組みを詳細に理解しているとは言い切れませんでした。そもそもJavaScriptがどのように実行されているかがあやふやです。
JavaScriptのnull/undefined判定の仕方いろいろ 🔖 1
なんの記事？JavaScript で null/undefined 判定の書き方がいろいろあってコードレビューとか説明するとき用に改めてまとめてみた。どちらかというと普段 JavaScript をあまり書かない人が読むことを想定して書く予定。 前提知識JavaScrip
JavaScriptで配列を非破壊的に変更するならこうしよう2025 🔖 8
はじめにJavaScriptの配列操作には、元の配列を直接変更する「破壊的（destructive）」なメソッドと、元の配列は変更せず、一部が元と異なる《新しい》配列を生成する「非破壊的（non-…
【JavaScript】日付の存在チェックにおけるタイムゾーンの影響 🔖 3
はじめにWebページの制作で「年」「月」「日」で入力欄が分かれているようなフォームを設置した経験がある方も多いのではないでしょうか。こうしたフォームだと「11月31日」のような存在しない日付を入力…
JavaScriptで型を書いたことがありますか？この記事は、型を利用して安全に開発ができるようになるための方法をご紹介します。この記事で得られることJavaScriptの開発で型を利用できる…
多数の制約をかいくぐって JavaScript で FizzBuzz 🔖 2
某SNSで、こんな興味深い投稿があった。弊社のコーディング規約で FizzBuzz を書ける人はおりまするか？?＜規約＞(1) else if を含む nested if 禁止(2) switch…