並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 2078件

新着順 人気順

JavaScriptの検索結果81 - 120 件 / 2078件

  • Webページ用UIフレームワーク「Svelte」とは? プレーンで軽量なJavaScript生成を体験しよう!

    「Svelte」はWebページ用UIフレームワークで、コンパイル時にプレーンなJavaScriptを生成するといった特徴があります。本連載ではSvelteの活用方法を順を追って説明していきます。初回となる今回は、Svelteの概要と特徴を説明するとともに、実際にプロジェクトを作成して実行させ、Svelteを体験します。 はじめに WebページのUIを構築するためのライブラリやフレームワークは、ReactやVue.js、Angularといったさまざまなものが存在します。本記事で取り上げるSvelteも、そのようなフレームワークの1つです。 図1 Svelteの公式ページ 他のライブラリやフレームワークでは、それ自体のコードがブラウザーに読み込まれて実行されるのに対して、Svelteでは、Svelte自身のコードを含まないプレーンなJavaScriptをコンパイルで生成するため、実行ファイルサ

      Webページ用UIフレームワーク「Svelte」とは? プレーンで軽量なJavaScript生成を体験しよう!
    • JavaScript/TypeScriptからWebAssemblyやネイティブバイナリを生成するコンパイラ「Porffor」の開発が加速へ、開発者がフルタイムで取り組み

      「Porffor」は、JavaScript/TypeScriptをWebAssemblyバイナリやネイティブバイナリへとコンパイルする実験的なツールであり、これまでにない2つの特徴を備えています。 1つ目はJavaScript/TypeScriptをコンパイルしてWebAssemblyバイナリやネイティブバイナリを生成しようとしている点です。 これまでもJavaScript/TypeScriptをWebAssemblyに変換するツールは存在していましたが、JavaScriptのコードとWebAssembly版のJavaScriptエンジンを1つにパッケージングするという手段で実現していました。 実行時には、パッケージ内部のJavaScriptコードをWebAssembly版JavaScriptエンジンで実行していたのです。そのため生成されたバイナリの大きさは比較的大きく、また実行速度はあく

        JavaScript/TypeScriptからWebAssemblyやネイティブバイナリを生成するコンパイラ「Porffor」の開発が加速へ、開発者がフルタイムで取り組み
      • GitHubで最も使われている言語、PythonがJavaScriptを抜いて1位に。生成AI関連プロジェクト急増で。GitHubが年次調査「Octoverse 2024」発表

        GitHubで最も使われている言語、PythonがJavaScriptを抜いて1位に。生成AI関連プロジェクト急増で。GitHubが年次調査「Octoverse 2024」発表 GitHubは、この1年のGitHubにおけるGitHubの利用動向やオープンソースの動向などをまとめた年次レポート「Octoverse 2024」を発表しました。 コミュニティ参加者はインドが2028年に米国を抜いてトップに 発表によると、2024年のGitHub上のプロジェクト総数は1年前から25%増加して5億1800万。コントリビューションの総数は52億。GitHubの規模は継続して急速に拡大していることが分かります。 そして下図の右下にあるように今回最大のトピックは、PythonがJavaScriptを抜いてGitHubでもっとも使われている言語の1位となったことです。その背景には後述するように、生成AI関

          GitHubで最も使われている言語、PythonがJavaScriptを抜いて1位に。生成AI関連プロジェクト急増で。GitHubが年次調査「Octoverse 2024」発表
        • わずか数行のコードで1つの要素を別の要素にスムーズに遷移させる、フレームワークに依存しないJavaScript -Blendy

          数行のコードと外部スクリプトを記述するだけで、1つの要素を別の要素にスムーズに遷移させるJavaScriptを紹介します。 フレームワークやライブラリなど他のスクリプトに依存することなく、単体で動作し、もちろん他のフレームワークと一緒でも動作します。 Blendy Blendy -GitHub Blendyとは Blendyのデモ Blendyの使い方 Blendyとは Blendyはわずか数行のコードを記述するだけで、1つの要素を別の要素にスムーズに遷移させるJavaScriptです。依存関係はなく、単体で動作し、React, Vue.js, Angularをはじめ、ほぼすべてのフレームワークと一緒でも動作します。 MITライセンスで、商用プロジェクトでも無料で利用できます。

            わずか数行のコードで1つの要素を別の要素にスムーズに遷移させる、フレームワークに依存しないJavaScript -Blendy
          • JavaScriptの識別子に中黒が使えるようになった: Days on the Moon

            JavaScriptの識別子(変数名、関数名、プロパティ名など)の2文字目以降に中黒「・」(U+30FB KATAKANA MIDDLE DOT)が使えるようになりました。以下のコードはChrome 124では構文エラーになりますが、Chrome 125では問題なく実行できます。 const シン・ゴジラ = 2016; JavaScriptの識別子 中黒が使えるようになったのは、JavaScript(ECMAScript)の仕様が変わったからではありません。変わったのはUnicodeの仕様のほうです。Unicode 15.1.0(2023年9月)においてOther_ID_Continueプロパティ(を持つ文字の集まり)に中黒が追加されました。 そもそもJavaScriptの識別子に使える文字は、Unicodeを参照して定義されています。ECMAScript 2023(2023年6月)では

            • Get the screen width & height without JavaScript

              July 16, 2024 Get the screen width and height as pixel values using a few lines of CSS. Powered by @property & trigonometric functions Unitless values so you can easily use them inside any formula Updates on screen resize (No need for JavaScript) @property --_w { syntax: '<length>'; inherits: true; initial-value: 100vw; } @property --_h { syntax: '<length>'; inherits: true; initial-value: 100vh; }

              • JavaScriptエンジンから見るランタイム / 2024-04-25

                - 近年、ランタイム(サーバサイド)が増えている - Cloudflare Workers (workerd), Bun, LLRT, WinterJS, … - これまでは採用されるエンジンV8が支配的だった(Node, Deno) - 実行パフォーマンス、セキュリティ、 API、... - 目的に照らして最適なエンジンを選択する時代に(?) - 起動時間、メモリフットプリント、ポータビリティ、カスタム性、 ... - エンジンの観点からランタイムを見てみる 👀 はじめに・まとめ

                  JavaScriptエンジンから見るランタイム / 2024-04-25
                • 新たなJavaScript RPCライブラリをCloudflareがオープンソースで提供 ー Web開発・マイクロサービス開発を進化させる可能性も

                  4月6日、CloudflareはCloudflare WorkersにJavaScriptネイティブのRPC(Remote Procedure Call)システムを追加した。 4月6日、CloudflareはCloudflare WorkersにJavaScriptネイティブのRPC(Remote Procedure Call)システムを追加した。 この新機能により、クライアント・サーバー間はもちろん、Worker間の通信も、ほぼボイラープレートなしでシームレスに行えるようになる。 ※RPC(Remote Procedure Call)とは、異なるコンピュータシステム間、または同一システム内の異なるプロセス間で、あたかもローカルのプロシージャ(関数やメソッド)呼び出しのように通信を行う手法。この手法を用いることで、開発者はネットワークの詳細を意識することなく、簡単にシステム間でデータを交換

                    新たなJavaScript RPCライブラリをCloudflareがオープンソースで提供 ー Web開発・マイクロサービス開発を進化させる可能性も
                  • 歴史を感じつつ、クロージャで遊んでみた(JavaScript編) - iimon TECH BLOG

                    こんにちは!株式会社iimonでフロントエンジニアをしている「ひが」です! 本記事はアドベントカレンダー19日目の記事になります! 先日夢で「メリークロージャマス!!!」と叫んでスベる夢を見ました。 冬だからか、みなさん冷たかったです(現実では暖かいです) そのようなこともあり、思い切って記事にしてみようと思いました! どうか、暖かい目で見守っていただけると嬉しく思います!! 本題 本題ですが、みなさんはクロージャをご存知でしょうか。 MDNよりお言葉を借りると クロージャは、組み合わされた(囲まれた)関数と、その周囲の状態(レキシカル環境)への参照の組み合わせ です! 初見だと何言ってるかよくわからないですよね。 本記事でざっくり掘っていきますので、是非一緒に見ていただければ幸いです! ※ 本記事は基本的にMDNの内容に沿う形で進めつつ、たまに脱線したり小ネタを挟んだりします ※ コード

                      歴史を感じつつ、クロージャで遊んでみた(JavaScript編) - iimon TECH BLOG
                    • JavaScriptの多用はSEOに悪影響なのか?Vercelが徹底的に調査、結果は?

                      8月1日、Vercel Newsで「Google がインデックス作成プロセスで JavaScript を処理する方法 – Vercel」と題した記事が公開された。この記事では、Googleがインデックス作成プロセスでJavaScriptをどのように処理しているかについて詳しく紹介されている。 以下に、その内容を簡潔にまとめて紹介する。 まず、Googleがインデックス作成プロセスでJavaScriptをどのように扱うかについて、以下の主要な誤解があることが指摘されている。 「GoogleはクライアントサイドのJavaScriptをレンダリングできない」 「GoogleはJavaScriptページを異なる扱いをする」 「レンダリングキューとタイミングがSEOに大きく影響する」 「JavaScriptを多用するサイトはページ発見が遅くなる」 これらの誤解を解消するため、VercelはSEOおよ

                        JavaScriptの多用はSEOに悪影響なのか?Vercelが徹底的に調査、結果は?
                      • 進化した正規表現:JavaScriptの正規表現の歴史と未来 | POSTD

                        クイックサマリー:以前は、JavaScriptの正規表現は他の言語の正規表現に比べてパフォーマンスが劣っていたものの、近年改良が重ねられ、他の言語に見劣りしなくなっています。この記事では、Steven Levithan氏がJavaScriptの正規表現の歴史と現状を評価し、より読みやすく、保守性とレジリエンスに優れた正規表現の書き方をアドバイスします。 モダンJavaScriptの正規表現は、皆さんがよく知っている従来の正規表現と比べると随分進化しました。正規表現はテキストを検索して置き換えるツールとして非常に優れている一方で、書くのも理解するのも難しいという根強い評判があります(しかし今から説明するように、この認識は時代遅れかもしれません)。 正規表現に関するこの認識は、JavaScriptに特に当てはまります。PCREやPerl、.NET、Java、Ruby、C++、Pythonといっ

                          進化した正規表現:JavaScriptの正規表現の歴史と未来 | POSTD
                        • 【海外記事紹介】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にバインドし、データ駆動の変換を

                            【海外記事紹介】2024年に使うべきJavaScriptライブラリ10選
                          • WasmerでJavaScriptやブラウザからCプログラムをコンパイル可能に ローカルで試せるデモも公開

                            Wasmerは、clangを実行することで可能になるユースケースの例として、以下を挙げている。 Wasmer CLI(コマンドラインインタフェース)を使用するだけで、CコードをWebAssemblyに簡単にコンパイルできる。ツールチェーンや複雑なインストールは不要で、Wasmerをインストールするだけで準備が完了する 「WASIX」がセルフホストされるようになり、WASIX自身と任意のCプログラムをコンパイルできる。WASIXは、WebAssemblyでネットワークやファイル、メモリなどのシステムリソースを抽象化するAPI仕様である「WASI」を拡張し、POSIX(Portable Operating System Interface)に対応させたものだ JavaScriptから直接Cプロジェクトをコンパイルできる(Wasmer JS SDKでclangを使用する方法については後述) ビル

                              WasmerでJavaScriptやブラウザからCプログラムをコンパイル可能に ローカルで試せるデモも公開
                            • JavaScript配列の重複削除でつまづかない!Set・Mapを徹底比較(Lodash・Ramdaも少し紹介) - iimon TECH BLOG

                              こんにちは!株式会社iimonでエンジニアをしている、Javascript勉強中の「まるお」です。 本記事はアドベントカレンダー20日目の記事になります! 📚 本記事の内容 filter・Set・Mapを使った重複削除の方法 オブジェクト配列の重複削除の実装方法 パフォーマンス比較と便利なライブラリの紹介 📚 本記事の内容 はじめに 🔍 1. 重複削除したい!配列メソッドの課題… 🚀 filter() と indexOf() を使った重複削除 ❗️ 問題点 🛠 2. Set による重複削除 ✅ Setの特徴 ✨ シンプルな重複削除の例 ⚠️ 注意点: オブジェクトや配列の扱い 実務で重複削除したかったコード 💡 3. Map による重複削除 ✨ 実務で重複削除したかったコード キーが重複した場合の挙動 🚀 4. 大規模データでのパフォーマンス比較 📈 結果の比較 🔧 5.

                                JavaScript配列の重複削除でつまづかない!Set・Mapを徹底比較(Lodash・Ramdaも少し紹介) - iimon TECH BLOG
                              • JavaScript™

                                Update 11/22/2024: We’ve filed a petition to cancel with the USPTO. Read more Deliver to: Oracle Corporation 2300 Oracle Way Austin, TX 78741 United States of America You have long ago abandoned the JavaScript trademark, and it is causing widespread, unwarranted confusion and disruption. JavaScript is the world’s most popular programming language, powering websites everywhere. Yet, few of the mill

                                  JavaScript™
                                • A virtual DOM in 200 lines of JavaScript

                                  In this post I’ll walk through the full implementation of a Virtual DOM in a bit over 200 lines of JavaScript. The result is a full-featured and sufficiently performant virtual DOM library (demos). It’s available on NPM as the smvc package. The main goal is to illustrate the fundamental technique behind tools like React. React, Vue and the Elm language all simplify the creation of interactive web

                                  • JavaScriptのProxy(Reflect)と 昨日より仲良くなる20分 | ドクセル

                                    JavaScriptのProxy(Reflect) JavaScriptのProxy(Reflect)と 昨日より仲良くなる20分 2024.05.24 JavaScript祭り hiroko_ino ※掲載させていただいているOSSのコードは 発表現在のものです 自己紹介 猪野 浩子 / hiroko_ino 所属:RUN.EDGE株式会社 Web Front-end Engineer, Designe Vue.jsやFlutterでの開発や、UIデザインを時にはやっ たりしま 神奈川在 趣味はゲームのRTA

                                      JavaScriptのProxy(Reflect)と 昨日より仲良くなる20分 | ドクセル
                                    • The JavaScript Oxidation Compiler

                                      For more detailed instructions on how to use Oxlint and integrate it with your project or editor, check out the installation guide. Highlight of new features since general availability ​Significant performance improvements, up to twice as fast compared to the previous releaseIncludes over 500 rules built-in, with no extra installation requiredMany rules from the typescript, unicorn, react, react-p

                                        The JavaScript Oxidation Compiler
                                      • Behind VS Code Extensions for JavaScript / TypeScript Linting and Formatting

                                        # Behind VS Code Extensions for JavaScript / TypeScript Linting and Formatting This slides are used at VS Code Conference Japan 2024 https://vscodejp…

                                          Behind VS Code Extensions for JavaScript / TypeScript Linting and Formatting
                                        • 【Bun】JavaScriptをC言語で書けるようになったよ - Qiita

                                          Twitterでは多くの質問が殺到しました。 「どうしてJavaScriptでC言語を書きたいんだ?」 これまで、JavaScriptからシステムライブラリを呼び出す方法は2種類がありました。 ・N-APIアドオンもしくはV8 C++ APIアドオンの利用。 ・emscriptenもしくはwasm-packでWASMにコンパイル。 What's wrong with N-API (napi)? どうしてN-APIではだめなのか。 N-APIはネイティブライブラリをJavaScriptから使えるようにする、ランタイムに依存しないC APIです。 BunとNode.jsはこれを実装しています。 N-API以前はV8 C++ APIを使っていましたが、Node.jsがV8を更新するたびに互換性の問題が発生する可能性がありました。 Compiling native addons breaks CI

                                            【Bun】JavaScriptをC言語で書けるようになったよ - Qiita
                                          • 【JavaScript】オブジェクトの存在チェックの方法アイデア - Qiita

                                            背景 JavaScriptを書いていて、オブェクトが存在しないうちに要素を参照してエラーになってしまう。そういった事態を避けるためには、存在チェックをする必要があります。今回は、バグ修正を行う中で存在チェックの方法について調べたので、それらの方法と使うべき場面について私見を述べます。 目次 前提 falsy(偽値) 論理積 等価演算子と厳密等価演算子 判定方法アイデア 1.undefinedとの比較 2.undefinedがfalsyであることを利用 3.オプショナルチェーンを利用 まとめ 前提となるJavaScriptの仕様 falsy(偽値) JavaScriptでは、条件文や繰り返し文などの場面で、強制的に論理型に型変換して偽となる値(falsy)という概念があります。以下はMDNに書かれているfalsyのリストです。 null undefined false NaN 0 -0 0n

                                              【JavaScript】オブジェクトの存在チェックの方法アイデア - Qiita
                                            • JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介

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

                                                JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介
                                              • What's coming next for ESLint - ESLint - Pluggable JavaScript Linter

                                                When we released ESLint v9.0.0 in April, it was the first major release in 30 months and formally introduced the new configuration system. ESLint v9.0.0 also made some rule API changes to prepare the core for what’s coming next. After the release, we spent a lot of time creating compatibility utilities, a configuration migration tool, and a rule API transform utility to help the ecosystem move to

                                                  What's coming next for ESLint - ESLint - Pluggable JavaScript Linter
                                                • GitHub - puffinsoft/jscanify: The Javascript document scanning library.

                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                    GitHub - puffinsoft/jscanify: The Javascript document scanning library.
                                                  • 【JavaScript】console.logの3段活用で開発効率UP

                                                    JavaScript開発において、console.logはデバッグや情報表示に欠かせないツールです。本記事では、console.logの基本的な使い方から、スタイリッシュな出力方法、そして構造化データの確認まで、3つの活用法を紹介します。 その1 基本ログ:デバッグの最初の一歩 console.logは、変数や関数の結果を確認する基本的な方法です。コードがどのように動作しているかを追跡するのに便利です。 例: const userName = "Alice"; console.log("User Name:", userName); // User Name: Alice ポイント: 複数の値をカンマで区切ることで、コンパクトに情報を表示可能。 エラーが発生している箇所を特定するための第一歩として役立つ。 console.error()やconsole.warn()を使うと強調できたりする

                                                      【JavaScript】console.logの3段活用で開発効率UP
                                                    • We've added JavaScript-native RPC to Cloudflare Workers

                                                      We've added JavaScript-native RPC to Cloudflare Workers2024-04-05 Cloudflare Workers now features a built-in RPC (Remote Procedure Call) system enabling seamless Worker-to-Worker and Worker-to-Durable Object communication, with almost no boilerplate. You just define a class: export class MyService extends WorkerEntrypoint { sum(a, b) { return a + b; } } And then you call it: let three = await env.

                                                        We've added JavaScript-native RPC to Cloudflare Workers
                                                      • VSCodeでJavaScript / TypeScirptの未使用import文を自動で削除する - Qiita

                                                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                          VSCodeでJavaScript / TypeScirptの未使用import文を自動で削除する - Qiita
                                                        • Temporalで変わるJavaScriptの日時操作 [JS Modern Features no.1] | gihyo.jp

                                                          乗りこなせ! モダンフロントエンド Temporalで変わるJavaScriptの日時操作 [JS Modern Features no.1] 本連載について はじめまして! サイボウズ フロントエンドエキスパートチームの左治木です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズフロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載しています。前回までの記事では「CSS Modern Features」と題して、CSSの比較的新しい機能の中でインパクトの大きいものをピックアップして弊チームの麦島が解説してくれました。 JS Modern Features / JavaScriptの進歩 この記事からは「JS Modern Features」と題して、JavaScriptに関するコンテンツを数回に分けてお届けします。 JavaScrip

                                                            Temporalで変わるJavaScriptの日時操作 [JS Modern Features no.1] | gihyo.jp
                                                          • Object Structure in JavaScript Engines

                                                            Object Structure in JavaScript EnginesFrom a developer's perspective, objects in JavaScript are quite flexible and understandable. We can add, remove, and modify object properties on our own. However, few people think about how objects are stored in memory and processed by JS engines. Can a developer's actions, directly or indirectly, impact performance and memory consumption? Let's try to delve i

                                                              Object Structure in JavaScript Engines
                                                            • GitHub - drogus/jawsm: JavaScript to WASM compiler

                                                              I started this project while working on a stress testing tool called Crows that runs WebAssembly scenarios. At the moment it only supports code compiled from Rust to WASM. As much as I love writing Rust, I also know it's not a widely popular language and besides, small tests are often easier to write in interpreted languages. The problem is, running scripting languages on top of WASM is not ideal

                                                                GitHub - drogus/jawsm: JavaScript to WASM compiler
                                                              • Compile and run C in JavaScript | Bun Blog

                                                                From compression to cryptography to networking to the web browser you're reading this on, the world runs on C. If it's not written in C, it speaks the C ABI (C++, Rust, Zig, etc) and is available as a C library. C and the C ABI are the past, present, and future of systems programming. That's why in Bun v1.1.28, we introduced experimental support for compiling and running native C from JavaScript

                                                                • JetBrains、JavaScript/TypeScriptのためのIDE「WebStorm」と.NETのためのIDE「Rider」、非商用利用ならば無償で利用可能に。RustRoverやAquaに続き

                                                                  JetBrains、JavaScript/TypeScriptのためのIDE「WebStorm」と.NETのためのIDE「Rider」、非商用利用ならば無償で利用可能に。RustRoverやAquaに続き IntelliJ IDEAなどの統合開発ツールやKotlin言語の開発などで知られるJetBrainsは、JavaScript/TypeScriptのためのIDE「WebStorm」と.NETおよびゲーム開発のためのIDE「Rider」を、非商用利用ならば無償で利用可能にすることを発表しました。 @WebStormIDE と @JetBrainsRider をご利用の皆様へ嬉しいお知らせです!WebStorm と Rider の非商用利用が無料になりました。 詳しい内容はブログ記事をご覧くださいhttps://t.co/U45rZKvIrm#JavaScript #TypeScript

                                                                    JetBrains、JavaScript/TypeScriptのためのIDE「WebStorm」と.NETのためのIDE「Rider」、非商用利用ならば無償で利用可能に。RustRoverやAquaに続き
                                                                  • JavaScript Primer v6.0.0リリース: ES2024の対応とNode.jsのユースケースを刷新

                                                                    JavaScript Primer v6.0.0をリリースしました 🎉 JavaScript Primer v6.0.0では、ECMAScript 2024の対応とNode.jsのユースケースを新たに増えたnode:utilのparseArgs関数やnode:testを使うように書き直しています。 JavaScript Primer Sponsors JavaScript Primer(jsprimer)では、Open Collectiveを通じてプロジェクトの更新に関わる資金を募っています。 JavaScript Primer - Open Collective 今回のv6リリースにおいては、次の方々にご支援いただきました! 株式会社コクチョウさんは、Yearly Gold Sponsorとしてご支援いただいています。 ご支援ありがとうございます! JavaScript Primerス

                                                                      JavaScript Primer v6.0.0リリース: ES2024の対応とNode.jsのユースケースを刷新
                                                                    • JavaScript/TypeScript Tech Feed (2025/1/3号) - Qiita

                                                                      TL;DR honojs/hono Release v4.6.15 web-infra-dev/rspack Release v1.2.0-alpha.0 vitejs/vite v6.0.7 withastro/astro Release astro@5.1.2 Node.js 23 からデフォルトでTypeScriptをサポートするようになるかも? Ghostty のリリース AI エージェントがウェブブラウザを操作できるようにするためのライブラリ、browser-useが注目されています リリース情報 honojs/hono Release v4.6.15 c.json()、c.text()、またはc.html()がコンテンツを返すときに、204のような無内容なステータスコードを指定すると、typecheckでエラーになるようになりました。 実際にソースを見てみると、 export

                                                                        JavaScript/TypeScript Tech Feed (2025/1/3号) - Qiita
                                                                      • 広告ブロッカーをJavaScriptオフでも検知する「103 Early Anti Adblock」

                                                                        HTTP通信では、数字3桁を使用して通信の意味を伝える「ステータスコード」という仕組みが存在しています。そのうち「103 Early Hints」というレスポンスで広告ブロックを検知する仕組みが考案され、「103 Early Anti Adblock」という名前で概念実証が公開されました。 GitHub - Mechazawa/103-early-anti-adblock: Detect adblockers without Javascript by abusing early hints https://github.com/Mechazawa/103-early-anti-adblock 「103 Early Hints」は、サーバーがレスポンスを準備する前に先にブラウザに対してリソースをプリロードできるようにURLを伝えるため、主にLinkヘッダーと共に使用されます。 今回の概念実

                                                                          広告ブロッカーをJavaScriptオフでも検知する「103 Early Anti Adblock」
                                                                        • 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の問題や、多くの設定調整を行

                                                                            TypeScript 5.5で導入されたisolatedDeclarationsは、JavaScriptエコシステムを大きく変えるゲームチェンジャーかもしれない
                                                                          • Speeding up the JavaScript ecosystem - Rust and JavaScript Plugins

                                                                            Over the past year (2024) there has been a strong movement to rewrite JavaScript tools in Rust to make them faster. Rust is well suited for this as it runs much closer to hardware and doesn't rely on garbage collection. This makes it an ideal candidate for computationally intensive tasks. Linting in its basic form is such a task, as it involves parsing and traversing lots of source code. But there

                                                                              Speeding up the JavaScript ecosystem - Rust and JavaScript Plugins
                                                                            • Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter

                                                                              We’ve heard you: One of the biggest reasons ESLint users haven’t upgraded to ESLint v9.x is migrating a configuration file seems difficult and complicated. Some plugins support flat config and the ESLint v9.x rule APIs and some don’t. Sometimes you need to use FlatCompat and sometimes you need to use the compatibility utilities. While we cover as much as we can in the migration guide, it can take

                                                                                Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter
                                                                              • ESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript Linter

                                                                                Back in July of 2024 we announced our plan to make ESLint a more general-purpose linter that is capable of linting any language. In October 2024, we announced linting support for JSON and Markdown, delivering on that vision. Today, we’re excited to add to the list of supported languages with the introduction of CSS support. CSS linting with @eslint/css CSS linting is accomplished using the @eslint

                                                                                  ESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript Linter
                                                                                • ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter

                                                                                  Highlights This is a summary of the significant changes, both breaking and non-breaking, you need to know about when upgrading from ESLint v8.x to ESLint v9.0.0. Installing Because this is a major release, you may not automatically be upgraded by npm. To ensure you are using this version, run: npm i eslint@9.0.0 --save-dev Copy code to clipboard Migration Guide As there are a lot of changes, we’ve

                                                                                    ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter