[B! JavaScript] poad1010のブックマーク

「ES Modules仕様、わけわからんくなってる」を整理する「Module Harmony」とは？

本記事は、TechFeed Experts Night#31 〜フロントエンドアーキテクチャの現状と未来のセッション書き起こし記事になります。イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。本セッションの登壇者セッション動画﹁Module Harmonyについて﹂ということで発表を始めさせていただきます。﹁フロントエンドアーキテクチャーの現状と未来﹂というイベントタイトルからは少し外れますが、モジュールと言われるJavaScriptの1つの仕様の中で、こういうことが起きてるんだよという、少し角度を変えた話をさせていただければと思います。

poad1010 2024/07/18

この記事をおすすめしました

リンク

ESLintがJavaScript以外にも対応言語を広げるとの方針を説明。まずはJSON、Markdownへの対応プラグインを開発

ESLintがJavaScript以外にも対応言語を広げるとの方針を説明。まずはJSON、Markdownへの対応プラグインを開発 JavaScriptコードの構文やスタイルをチェックできる﹁ESLint﹂の開発者であるNicholas C. Zakas氏は、ESLintのブログに投稿した記事﹁What's coming next for ESLint﹂で、今後ESLintをJavaScriptだけでなく他の言語にも対応させていく方針を説明しました。 We're excited to share our plans for the future of ESLint:https://t.co/4joAwfRqkR — ESLint (@geteslint) July 5, 2024 ESLintはJavaScriptの構文やスタイルなどをチェックESLintはその名前にあるように、いわゆる

poad1010 2024/07/12

この記事をおすすめしました

リンク

「Web開発における近年最も重要な進歩の1つ」ー JavaScriptを使わないビュー遷移を実現するView Transition APIをAstroがサポート

6月12日、The Astro Blogで﹁JavaScript を使わないビュー遷移(Zero-JavaScript View Transitions)﹂と題した記事が公開された。この記事では、JavaScriptを使用せずに、ネイティブアプリライクなビュー遷移を実現するための新しいプラットフォームAPIについて詳しく紹介されている。 Zero-JavaScript View Transitions View TransitionsAPIは、ページ間のネイティブなブラウザ遷移を可能にするAPIのセットである。歴史的には、これが可能だったのはJavaScriptを多用するシングルページアプリケーション(SPA)だけだったが、最近の進歩により、ネイティブなページ遷移がウェブプラットフォームに導入されている。 AstroユーザーはAstro 2.9以来、ビュー遷移への早期アクセスが可能となっ

poad1010 2024/07/12

この記事をおすすめしました

リンク

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

poad1010 2024/07/12

この記事をおすすめしました

リンク

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ストアドプログラム

poad1010 2024/07/08

この記事をおすすめしました

リンク

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の問題や、多くの設定調整を行

poad1010 2024/07/08

この記事をおすすめしました

リンク

ヒートマップの決定版、Heat.jsが公開ー TypeScriptで完全に書き直され、React/Angularなどのライブラリ対応も強化

このバージョン4.0.0では、全プロジェクトがTypeScriptで書き直されており、ReactやAngularなどのライブラリへの対応が強化された。以下に新バージョンの主な特徴を示す。 TypeScript対応: プロジェクト全体がTypeScriptで書き直され、全てのコンポーネントがエクスポート可能になった。これにより、ReactやAngularなどのライブラリへのサポートが向上した。 CDNリンク追加: 最小化されたファイルのCDNリンクが追加された。 ES2016へのコンパイル: TypeScriptコードはES2016にコンパイルされ、古いブラウザ︵例‥IE︶はサポートされなくなった。ビルドの分離: CJS、ESM、最小化されたプロジェクトバージョンを個別にビルドできるようになった。不要ファイルの除外: NPMパッケージに必要のない全てのファイルが除外された。テストの改善

poad1010 2024/07/04

この記事をおすすめしました

リンク

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-

poad1010 2024/07/02

この記事をおすすめしました

リンク

新たな関数型プログラミング言語「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の構文は非常にシンプルであり、初心者で

poad1010 2024/06/30

リンク

「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となりました

poad1010 2024/06/24

この記事をおすすめしました

リンク

【海外記事紹介】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にバインドし、データ駆動の変換を

poad1010 2024/06/20

リンク

Chrome/Edgeが実装したクロスドキュメントビュー遷移APIを用いて、Astroが「JavaScriptなしのビュー遷移」を実現

6月12日、The Astro Blogで﹁JavaScript を使わないビュー遷移(Zero-JavaScript View Transitions)﹂と題した記事が公開された。この記事では、Astroが提供する新しい機能であるJavaScriptを使わないビュー遷移について詳しく紹介されている。以下に、その内容を簡潔にまとめて紹介する。ビュー遷移APIとは？ビュー遷移APIは、ネイティブブラウザ遷移を実現するための新しいAPIのセットである。Webの標準技術として実装が進んでいるため、近い将来すべてのブラウザ上で利用可能になる。従来、この機能はJavaScriptを多用するシングルページアプリケーション︵SPA︶でしか実現できなかったが、最近の進歩により、ネイティブページ遷移がウェブプラットフォームにもたらされた。クロスドキュメントビュー遷移とは、ウェブブラウザにおいてページ間

poad1010 2024/06/12

この記事をおすすめしました

リンク

【初心者向け】Reactでよく使うJavaScriptのメソッドや構文13選とReact Hooks(プチ紹介) - Qiita

はじめに最近、ひょんなことから初学者向けのReactアプリをレベル別に10個くらい開発しながら、ハンズオンで学べる教材的なものを作成する機会があり、それを実施する前に最低限理解していたら学習がスムーズに進むだろうと思われるものをまとめました。また、予習編としてReact専用で使用されるものも簡単に紹介します。ちなみに、すでに﹁基本編くらいわかるわ！﹂って方は予習編はみなくていいので、以下のリファレンスのチュートリアルをやっちゃってください。Udemyなんかでもいいと思いますのでどんどん手を動かすフェーズに入っていきましょう。 https://ja.react.dev/ 基本編(JavaScript) mapメソッド配列内の全ての要素に対して関数を適用し、新しい配列を作成します。 const it ems = ['apple', 'banana', 'cherry']; const l

poad1010 2024/06/08

この記事をおすすめしました

リンク

JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介

JavaScriptの標準規格﹁ECMAScript﹂を見直す。これからの注目機能も紹介 2024年6月5日執筆山内直有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ︵代表山田祥寛︶に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は﹁たまデジ。﹂。著書に﹃Bootstrap5フロントエンド開発の教科書﹄、﹃作って学べるHTML＋JavaScriptの基本﹄など。監修山田祥寛静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Techno logies。執筆コミュニティ﹁WINGSプロジェクト﹂代表。主な

poad1010 2024/06/08

この記事をおすすめしました

リンク

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ルールで暗黙

poad1010 2024/06/04

この記事をおすすめしました

リンク

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つに分けて簡単に紹介しま

poad1010 2024/05/28

リンク

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

poad1010 2024/05/28

この記事をおすすめしました

リンク

「HTMLのスーパーセット」Svelteはこんなに進化している — TechFeed Experts Night#27 〜フロントエンドフレームワーク最前線

本記事は、TechFeed Experts Night#27 〜フロントエンドフレームワーク最前線のセッション書き起こし記事になります。イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。本セッションの登壇者セッション動画では始めさせていただきます。今日はSvelteのこの1年の最新情報をキャッチアップできるということをゴールに発表します。

poad1010 2024/05/22

リンク

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

poad1010 2024/05/16

リンク

Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみた | DevelopersIO

Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみたどうも！オペレーション部の西村祐二です。 APIを作るときにHono + Cloudflare Workersの構成は開発体験もよく、この構成で検証をおこなっております。 AWSの環境もよく利用しており、AWSのサービスと連携するためにはSDKの利用がほぼ必須になってます。最近、AIのサービスも利用する機会もあるので、Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみました。その手順などを備忘録のためにまとめておきたいと思います。環境 Hono: 4.3.4 AWS SDK for JavaScriptv

poad1010 2024/05/12

リンク

はてなブックマーク

タグ

関連タグで絞り込む (725)

JavaScriptに関するpoad1010のブックマーク (1,177)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス