2024-07-11のJS: esbuild v0.22/0.23、Node.js 22.4.0、pnpm 9.5 Catalogs
JSer.info #699 - esbuild v0.22.0 がリリースされました。 Release v0.22.0 · evanw/esbuild Release v0.23.0 · evanw/esbuild v0.22 では--platform=nodeを指定した時に--package=externalをデフォルトにする変更を行いましたが、AWS CDK などが0.xの最新をインストールする仕組みなっていて問題が起きたため 0.23.0 では元の挙動へと revert されています。(AWS CDK 側も修正されています) また、Windows7,8 など古い OS のサポート終了、es2024のサポート、@esbuild/wasi-preview1パッケージの公開など Node.js v22.4.0 がリリースされました。 Release 2024-07-02, Version
MySQL 9.0登場。 JavaScriptストアドプログラムが利用可能に、ベクトル型もサポート
オラクルはリレーショナルデータベース「MySQL」の新バージョンとなる「MySQL 9.0」をリリースしました。 MySQLは現在、数カ月ごとにリリースされ積極的に新機能が追加されるイノベーションリリース（Innovation Release）と、長期で安定して利用されることを想定して2年ごとにリリースされる長期サポート（LTS：Long Term Support）版の2つに分かれてリリースされています。 現在のLTS版は今年（2024年）4月に登場したMySQL 8.4です。 そして今回リリースされたMySQL 9.0はイノベーションリリースに該当します。最新機能をいちはやく試したい開発者やユーザーのためのリリースです。 MySQL 9.0の主な新機能 MySQL 9.0のドキュメント「What Is New in MySQL 9.0」から、新機能「JavaScriptストアドプログラム
TypeScript 5.5で導入されたisolatedDeclarationsは、JavaScriptエコシステムを大きく変えるゲームチェンジャーかもしれない
7月7日、Denoの開発者マーヴィン・H氏が「JavaScriptエコシステムを加速する（Speeding up the JavaScript ecosystem）」と題した記事を公開した。この記事では、TypeScriptの新機能「isolatedDeclaration」が、JavaScript / TypeScriptエコシステムを変革する可能性について詳細に紹介されている。本記事ではその内容を簡単に紹介する。 本記事は、以下のエキスパートの皆様に監修していただきました: 古川陽介さん（Japan Node.js Association代表理事） うひょさん（株式会社カオナビ フロントエンドエンジニア） npmパッケージングの問題点 現在npmでのパッケージングプロセスは相当に複雑である。モジュールをnpmに公開しようとする開発者は、CommonJS対ESMの問題や、多くの設定調整を行
ヒートマップの決定版、Heat.jsが公開 ー TypeScriptで完全に書き直され、React/Angularなどのライブラリ対応も強化
このバージョン4.0.0では、全プロジェクトがTypeScriptで書き直されており、ReactやAngularなどのライブラリへの対応が強化された。以下に新バージョンの主な特徴を示す。 TypeScript対応: プロジェクト全体がTypeScriptで書き直され、全てのコンポーネントがエクスポート可能になった。これにより、ReactやAngularなどのライブラリへのサポートが向上した。 CDNリンク追加: 最小化されたファイルのCDNリンクが追加された。 ES2016へのコンパイル: TypeScriptコードはES2016にコンパイルされ、古いブラウザ（例：IE）はサポートされなくなった。 ビルドの分離: CJS、ESM、最小化されたプロジェクトバージョンを個別にビルドできるようになった。 不要ファイルの除外: NPMパッケージに必要のない全てのファイルが除外された。 テストの改善
2024-07-01のJS: ES2024、Playwright v1.45.0、e18e(Ecosystem Performance)
JSer.info #698 - ECMAScript 2024が正式にリリースされました。 Release ES2024 Candidate February 28th 2024 · tc39/ecma262 ES2024では、Object.groupBy/Map.groupBy、Promise.withResolvers、ArrayBuffers.prototype.resize、Atomics.waitAsyncなどが追加されています。 次の記事でも詳しく解説されています。 Ecma International approves ECMAScript 2024: What’s new? Playwright v1.45.0がリリースされました。 Release v1.45.0 · microsoft/playwright 時間を操作できるClock APIの追加、--fail-on-
新たな関数型プログラミング言語「Gleam」が話題 ー 型安全、並行システムに最適化、ErlangとJavaScriptにコンパイル可能
6月23日、海外のエンジニア向けメディア「The New Stack」に「Introduction to Gleam, a New Functional Programming Language」と題した記事が公開された。この記事では、新しい関数型プログラミング言語であるGleamについて詳しく紹介されている。 以下に、その内容を簡潔にまとめて紹介する。 Gleamはスケーラブルな並行システムを構築するための型安全な関数型プログラミング言語である。ErlangとJavaScriptにコンパイルされるため、ErlangやElixirなどの他の「BEAM」言語との相互運用性がある。Erlangは初期の通信業界で使用された言語であり、その並行性とフォールトトレランスの特性が今でも尊重されている。 以下にGleamの特徴をまとめる。 シンプルな構文 Gleamの構文は非常にシンプルであり、初心者で
「State of JavaScript 2023」公開。フロントエンドライブラリ利用率1位はReact、メタフレームワークはNext.jsなど、2万3500人のエンジニアが回答
JavaScriptに興味を持つ世界中のIT技術者2万3540人が回答したアンケートの結果をまとめた「State of JavaScript 2023」が公開されました。 回答者の国別分布を見ると米国が16％、フランスが7％、ドイツも7％、イギリス（UK）が5％、ポーランドが4％、ロシアが3％、カナダが3％などで、日本は2％（回答者280人）でした。 ここでは発表された内容から、多くの読者が興味を持つであろう、JavaScriptライブラリの人気など、結果の一部を紹介してみます。 フロントエンドフレームワークはReactが1位、2位にVue.js フロントエンドフレームワークの利用率ランキングはReactで、2位以下を引き離して8年連続1位、しかも利用率を伸ばしています。2位にはAngularを抜いてVue.jsが初めて入り、3位は昨年よりランクも利用率も落としたAngularとなりました
【海外記事紹介】2024年に使うべきJavaScriptライブラリ10選
6月19日、The New Stackに「Top 10 JavaScript Libraries To Use in 2024」と題した記事が公開された。この記事では、2024年に利用すべきJavaScriptライブラリのトップ10について紹介されている。 以下に、その内容を簡潔に紹介する。 React 強力なコンポーネントベースのアーキテクチャにより、複雑なユーザーインターフェースの開発が容易。 仮想DOMの実装により、パフォーマンスが向上。 豊富なエコシステムとコミュニティのサポートがあり、継続的な改善が期待できる。 Redux 予測可能な状態コンテナで、アプリケーションの一貫性を確保。 一方向のデータフローにより、状態管理がシンプルになり、デバッグが容易。 大規模なアプリケーションでのスケーラビリティとメンテナンス性を向上。 D3.js データをDOMにバインドし、データ駆動の変換を
Chrome/Edgeが実装したクロスドキュメントビュー遷移APIを用いて、Astroが「JavaScriptなしのビュー遷移」を実現
6月12日、The Astro Blogで「JavaScript を使わないビュー遷移(Zero-JavaScript View Transitions)」と題した記事が公開された。この記事では、Astroが提供する新しい機能であるJavaScriptを使わないビュー遷移について詳しく紹介されている。以下に、その内容を簡潔にまとめて紹介する。 ビュー遷移APIとは？ ビュー遷移APIは、ネイティブブラウザ遷移を実現するための新しいAPIのセットである。Webの標準技術として実装が進んでいるため、近い将来すべてのブラウザ上で利用可能になる。従来、この機能はJavaScriptを多用するシングルページアプリケーション（SPA）でしか実現できなかったが、最近の進歩により、ネイティブページ遷移がウェブプラットフォームにもたらされた。 クロスドキュメントビュー遷移とは、ウェブブラウザにおいてページ間
JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介
JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介 2024年6月5日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な
ESLint 9.4.0リリース
このリリースは、いくつかの新機能追加とバグ修正を含むマイナーアップグレードである。 ハイライト no-loop-funcルールはIIFE（即時関数）に対して報告しなくなった。 --inspect-config CLIフラグは最新バージョンのESLint Config Inspectorを起動するようになった。 no-constructor-returnルールは、コンストラクタ内で値を持たないreturn文を許可するようになった。 新機能 89a4a0a: no-loop-funcルールでIIFEを無視するようになった（#17528 Nitin Kumar）。 バグ修正 f6534d1: 普遍的なパターンのみに一致するプロセッサコードブロックをスキップするように修正（#18507 Milos Djermanovic）。 7226ebd: no-constructor-returnルールで暗黙
koba04さんが語るReact最新動向。v.19に備えよう — TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線
本記事は、TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 よろしくお願いします。「Ready for React v.19」というタイトルで発表したいと思います。 最初に簡単に自己紹介です。@koba04というアカウントでXなどをやっています。 今年の1月からメルカリのフロントエンジニアとして働いていて、並行して引き続きSmartHRのフロントエンドの技術顧問をしています。React関連のOSSのコントリビュータやメンテナ、Reactの日本語サイトのメンテナもやっています。 今日は、次のメジャーバージョンに入りそうな機能を大きく3つに分けて簡単に紹介しま
2024-05-26のJS: Next.js 15 RC、SolidStart 1.0、Angular v18(zoneless)
JSer.info #694 - Next.js 15 RCがリリースされました。 Next.js 15 RC | Next.js React 19 RCに対応、React Compilerを実験的にサポート、Hydration Error表示の改善が行われています。 また、Fetch/GET Route Handler/Client Routerをデフォルトでキャッシュしないように変更、Partial Prerenderingのincrementalオプションを追加などの変更も行われています。 そのほかには、遅延処理をするnext/afterを追加、create-next-appのアップデート、非推奨だった@next/fontのサポート削除などが行われています。 SolidStart 1.0がリリースされました。 SolidStart 1.0: The Shape of Framewor
Denoが標準ライブラリを「JSR」に移行 ー JavaScriptパッケージの配布を異なる環境間で統一するために設計された先進的なレジストリ
5月15日、DenoチームはJSR（JavaScript package registry）にDeno Standard Libraryを正式に移行したと発表した。このライブラリは高品質のTypeScriptパッケージの充実したコレクションであり、これまで<https://deno.land/std>で基本的なパッケージとして提供されていた。ファイルシステム管理から高度な暗号化機能まで、すべてのパッケージはDenoチームによって監査され、Denoとの互換性が保証されている。 JSRは単なる別のパッケージマネージャではなく、JavaScriptパッケージの配布を異なる環境間で統一し、簡素化するために設計された先進的なレジストリだ。Denoおよび他のJavaScriptランタイムとシームレスに統合され、JavaScriptエコシステムを大幅に強化する機能を多数導入している。その互換性は、Nod
スマートフォンで写真を大きく表示させる SmartPhoto.js をリリースしました | JavaScript | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
スマートフォンで写真をタップすると、もともと表示されているサイズより小さく表示されるような体験をしたことはありませんか？ 2017年にリリースした SmartPhoto.js は、スマートフォンで写真を大きく見たいを実現するために用意したライブラリーです。 弊社の Github 公開しているライブラリの中では、一番 ★ の多いライブラリーで、2024年5月6日現在で 894 となっています。よろしければ https://github.com/appleple/SmartPhoto の右上にある ★ のクリックをお願いします。 SmartPhoto.js では、大きく表示させることを一番に考え、写真の短辺側が画面の最大になるところまで拡大表示されるフォトビューアーとして作られました。下のデモコンテンツでは、長辺側ははみ出して表示されることになりますが、ドラッグして動かしたり、ピンチイン・ピン
2024-05-03のJS: Bun v1.1.5(cross compile)、React 18.3.0、Svelte 5 RC
JSer.info #691 - Bun v1.1.5がリリースされました。 Bun v1.1.5 | Bun Blog bun build --compileがクロスコンパイルに対応し、Windows/Linux/macOSに対応したSingle Executable Binaryを出力できるようになっています。 また、package.jsonの末尾カンマを許可するようになる変更やbun.reportが追加されています。 その他には、Import Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるといった変更があります。 React v18.3.0がリリースされました。 Release 18.3.0 (April 25, 2024) · facebook/react React 19 Betaもリリースされていますが、React 1
フロントエンドアーキテクチャがまた進化する ー Angular、Wizとの統合により「ハイドレーション完了後にイベントをリプレイ可能」に
4月23日、Angularチームが「Event Dispatch in Angular」と題した記事を公開した。この記事では、Angularの新しいイベントディスパッチシステムの裏側の詳細について詳しく紹介されている。 4月23日、Angularチームが「Event Dispatch in Angular」と題した記事を公開した。この記事では、Angularの新しいイベントディスパッチシステムの裏側の詳細について詳しく紹介されている。 イベントディスパッチの導入 Angularは、 JSAction というライブラリを使用して、 発生したイベントをアプリケーションのルートで捕捉し、完全なハイドレーションが完了したあとに再生する 機能を導入した。この機能により、ページがインタラクティブに見えるが反応しないという問題を解決している。 例えば、クリック時に onSave() を呼び出す、以下のよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【初心者向け】Reactでよく使うJavaScriptのメソッドや構文13選とReact Hooks(プチ紹介) - Qiita
「HTMLのスーパーセット」Svelteはこんなに進化している — TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線
Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみた | DevelopersIO
