ESLintがメジャーバージョンアップしてv9.0.0に ー Flat configがデフォルトに、新たなルール導入、Node.js v19以前のサポート終了
4月6日、JavaScriptのコード品質管理ツールであるESLintは、その最新版バージョン9.0.0をリリースした。このアップデートでは、新機能の導入、バグ修正、そしていくつかの重大な変更が行われた。 4月6日、JavaScriptのコード品質管理ツールであるESLintは、その最新版バージョン9.0.0をリリースした。このアップデートでは、新機能の導入、バグ修正、そしていくつかの重大な変更が行われた。 新しいバージョンをインストールするには、以下のコマンドを実行するだけでよい。 npm i eslint@9.0.0 --save-dev 主な変更点を以下に挙げる。 Node.jsサポートの更新 主要な変更点の一つとして、Node.jsのサポートが更新された。これにより、Node.js v18.18.0未満およびv19のサポートが終了し、Node.js v20.xが現在のLTSリリース
MochaからNode.jsテストランナーへの移行で何が起きたか ー Astroチームが解説
3月26日、Astroチームが「MochaからNode.jsへの500以上のテストの移行」と題した記事を公開した。この記事では、AstroのテストランナーをNode.jsに移行する過程での詳細な経験が紹介されている。 3月26日、Astroチームが「MochaからNode.jsへの500以上のテストの移行」と題した記事を公開した。この記事では、AstroのテストランナーをNode.jsに移行する過程での詳細な経験が紹介されている。 Astroチームは、開発環境の最適化を図るため、MochaからNode.jsへのテストランナーの移行を検討していた。その理由の一つとして、CIのジョブの高速化を挙げており、Mochaには十分な満足感があったものの、常に改善を模索していた。 具体的な利点として、AstroのメインモノレポであるAstro monorepoにおいて、MochaとChaiの2つの依存関
Node.js v20がVercelで利用可能に ー 新規プロジェクトのデフォルトバージョンへ
2024/03/26、VercelがNode.js v20 LTSを利用可能になったと発表した。 Node.js 20は、BuildsとVercel Functionsで完全にサポートされる。 Builds は、Vercelでのデプロイメントプロセスを管理し、アプリケーションのビルド、バンドル、最適化を行う機能である。Vercel Functions は、サーバーレス関数をホストするための機能であり、バックエンドのロジックを処理するために使用される。 Node.js 20をVercelで利用するのは簡単だ。プロジェクトの設定ページで、「一般」セクションにある「Node.jsバージョン」にて 20.xを選択できる。また、Vercelでの新規プロジェクトのデフォルトバージョンはNode.js 20となる。 Node.js 20は、パフォーマンスの向上やプロジェクト内のサードパーティライブラリへ
JavaScript なしでインタラクションを追加する Invokers
JavaScript なしでインタラクションを追加する Invokers 2023.10.22 Invokers は JavaScript なしでインタラクションを追加するための提案です。`<button>` 要素に `invoketarget` 属性を指定することで、値として指定した id を持つ `<dialog>` などの要素の開閉状態を切り替えることが可能となります。
2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0
JSer.info #664 - Rollup 4.0.0がリリースされました。 Release v4.0.0 · rollup/rollup Node.js 14/16のサポート終了、Acornの代わりにSWCをパーサに使うように変更されています。 SWC利用に伴うオプションの削除や非推奨なオプションの削除などが含まれています。 Viteの現在と今後についてがViteConfで発表されています。 動画: https://viteconf.org/23/replay/vite_keynote スライド: State of Vite (ViteConf 2023) ViteはDevビルドにesbuild、ProdビルドにRollupを使うためビルド結果に差異が出やすいなどの問題があります。 そのため、Rollup互換を意識したRolldownというBundlerをRustで開発するという話。
ブラウザ上のJavaScriptでの非同期処理を、今までどのように実現してきたか 「コールバック地獄」なども乗り越えてきた歴史 | ログミーBusiness
Go、Python、Kotlin、Rust、TypeScript の5つの言語について「並列処理、並行処理の手法」というテーマに絞り解説する「並列処理をGo/Rust/Kotlin/Python/JSで解説！思想の違いを体感しよう」。JavaScript編では橘氏が登壇。JavaScriptが疑似的な非同期処理をどう実現しているのかと、JavaScriptの非同期処理の歴史について紹介します。 橘氏の自己紹介橘ゆう氏（以下、橘）：よろしくお願いします。風邪でめちゃくちゃ顔が死んでいるので、カメラオフでいきます。橘です。今日は「JSの非同期処理パターン Promise、async/awaitを理解する」というテーマについて話していきたいと思います。 簡単な自己紹介ですが、もともとDeNAにいて事業統合でそのままGOに移り、今は森下さん（森下篤氏）と同じチームで、主にサーバーサイドやMLOps
学んでみたいプログラミング言語ランキング 3位「C言語」、2位「JavaScript」、1位は？
Textrade運営事務局はインターネットアンケートにて200名を対象として調査・分析をおこない、学んでみたいプログラミング言語ランキングを作成しました。 アンケート概要 調査概要：学んでみたいプログラミング言語ランキング 調査対象：日本全国の男女 対象人数：200名 調査方法：インターネットアンケート調査 調査媒体：クラウドワークス 調査期間：2023年9月29日 ＊アンケートの調査結果の詳細はこちらの記事に公開しています。 https://wagtechblog.com/programing/press-release04 学んでみたいプログラミング言語ランキングの調査結果 学んでみたいプログラミング言語ランキングの結果は以下のようになりました。 それではプログラミング言語ごとに詳細を解説していきます。 1位：Python Pythonはシンプルで読みやすいプログラミング言語で、多用途
Cloudflare、CDNエッジのJavaScriptから生成AIを実行できる「Workers AI」を発表。GPUで高速処理を実現
Cloudflare、CDNエッジのJavaScriptから生成AIを実行できる「Workers AI」を発表。GPUで高速処理を実現 Cloudflareは、同社のグローバルネットワークのエッジにおけるアプリケーション実行基盤「Cloudflare Workers」で、生成AIを実行できる新サービス「Workers AI」を発表しました。 Workers AIは同社のグローバルネットワーク上で提供されるGPUを用いて、高速な処理が可能だと説明されています。 We are excited to launch Workers AI - an AI inference as a service platform, empowering developers to run AI models with just a few lines of code, all powered by our gl
フロントエンド開発の変遷① JavaScriptの黎明期とjQuey - Qiita
もっと技術の歴史や生まれた背景を知るべく、今回はフロントエンド開発の変遷について学びました。今回は第1回「JacaScriptの黎明期とjQueryです」 書籍「TypeScriptとReact/Next.jsで作る実践Webアプリケーション開発」を参考にしています。 JavaScriptの黎明期とjQueryの人気 JavaScriptは1995年に誕生します。JavaScriptはNetscape社が開発したブラウザ上で動くスクリプト言語として登場。同時期にMicrosoftもWindowsにInternet Exploerを搭載し、JavaScriptに似ている言語JScriptが動作するブラウザを実装しましたが、JavaScriptと非互換な部分も多く、ブラウザ間で挙動が異なる開発者の頭を悩ませていた。 そのような背景でECMAという標準化団体によるJavaScriptの標準化策定
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more. https://t.co/vOi44246Hg — Astro (@astrodotbuild) August 30, 2023 Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライ
フロントエンド領域でチームをリードしたいエンジニア募集中！
フロントエンド領域でチームをリードしたいエンジニア募集中！ 株式会社カオナビ @kaonavi React TypeScript Web Standards / Browsers CSS JavaScript I want to hear a detailed 株式会社カオナビでは、場所と時間に縛られない、新たな働き方制度「MY WORK STYLE」を始めています。 働く場所の選択（出社 or 自宅 or 許可された就業スペース） スーパーフレックス制度 スイッチワーク制度 などなど、詳しくはこちらをご確認ください！ 「場所と時間に縛られない、新たな働き方制度 MY WORK STYLE を開始」 https://corp.kaonavi.jp/news/pr_20201201/ 【募集概要】 自社サービスのタレントマネジメントシステム「カオナビ」において、新機能開発や機能拡張の実装、パ
JavaScriptのアンチデバッグ技術をシンプルな発想で回避する方法
JavaScriptは実行するコードそのものをユーザーに公開してしまう仕様のため、リバースエンジニアリング対策のために難読化されていたり、アンチデバッガーが搭載されていたりします。そうしたアンチデバッグへのシンプルで効果的な対抗策がJavaScriptの解析技術を掲載しているブログ「nullpt.rs」にまとめられています。 Evading JavaScript Anti-Debugging Techniques https://www.nullpt.rs/evading-anti-debugging-techniques JavaScriptの動作を解析するためのデバッグツールは多くのブラウザに搭載されており、例えばGoogle Chromeの場合は開発者ツールの「ソース」タブからアクセスすることが可能です。解析したいJavaScriptを開き、コードの左側の部分をクリックすることでブレ
TypeScript 5.2 RCがリリース ー usingキーワード、デコレーターメタデータなど多くの新機能
8月10日、TypeScriptは5.2のリリース候補版を発表しました。 このバージョンでは、新機能や変更点がいくつか追加されており、TypeScriptユーザーにとって注目すべき内容となっています。 詳細は以下の通りです。 TypeScript 5.2 リリース候補の発表 8月10日、TypeScriptチームはTypeScript 5.2のリリース候補（RC）を発表した。 TypeScript 5.2の新機能の一覧は以下の通り。 using宣言と明示的リソース管理の使用 デコレータメタデータ 名前付きと匿名のタプル要素 ユニオン配列のより簡単なメソッド使用 TypeScript実装ファイル拡張子を使用した型のみのインポートパス オブジェクトメンバーのコンマ補完 インライン変数のリファクタリング 継続的な型互換性の最適化チェック 互換性のない変更と正確性の修正 using宣言と明示的リソ
SOLID原則を理解し、JavaScriptで実践するためのガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
ソフトウェア開発者にとって、堅牢でテスト可能で拡張性があり、保守性の高いオブジェクト指向のソフトウェアシステムを設計することは重要です。 そこで登場するのがSOLID原則です。 SOLIDは、ソフトウェア開発中に生じるかもしれない特定の問題を解決するために5つの設計原則が組み合わさったセットです。 この記事では、SOLID設計の原則について詳しく学んでいきます。 具体的には、SOLID原則が何を意味しているのか、各部分がそれぞれ何を表しているのか、また実際のプログラム例を挙げながら現役のプログラマーが説明します。 さらに、JavaScriptを使ってこれらの原則を実装する方法も紹介します。 SOLID設計原則とは？ 単一責任原則 (SRP) Open/Closed原則 リスコフ置換原理 (LSP) インターフェース分離原則 (ISP) 依存関係逆転の原則 最後に SOLID設計原則とは？
Reactパフォーマンスを最大70%向上させる!? Million.js入門 - Qiita
3. Million.jsの基本的な使い方 Million.jsの基本的な使用方法は、Reactのコンポーネントをblockという関数で包むだけです。以下に例を示します。 import { block } from "million"; function Lion() { return ( <img src="https://million.dev/lion.svg" /> ); } const LionBlock = block(Lion); 上記のように、Million.jsを使用すると、Reactのコンポーネントを高速化できます。 ただし、現時点ではUIコンポーネントライブラリと一緒に使うことはできず、またコンポーネントにpropsを渡す際にスプレッド構文が使えないなど、まだいくつかの制約が存在します[^1^]。 4. Million.jsでのパフォーマンス向上 Million.js
React 18で使える新たなCSSユーティリティ「CSS Components」が公開 ー React 18以降主流になりつつあるサーバーコンポーネントに対応、CSS-in-JSのDX課題を解決
8月1日、React向けの組み合わせ可能なCSSコンポーネントの作成について発表がありました。 React 18のリリースにより、サーバーコンポーネントが一般的になり、Reactアプリを作成するためのデフォルトの方法になりました。 [LogRocketのブログ](https://blog.logrocket.com/writing-composable-css-components-react/)で、ReactとCSSを組み合わせるための新たな選択肢 「CSS Components」に関する解説記事が公開されています。 本稿では、日本のエンジニア向けに記事を要約して紹介します。詳しくは原文を参照してください。 CSS Componentsは、ReactコンポーネントにCSSクラスの組み合わせを行うための小型（2.3Kb）なモダンユーティリティです。このユーティリティは、開発者エクスペリエン
JavaScriptデザインパターン入門 - Qiita
1. はじめに JavaScriptデザインパターンは、JavaScriptを使ってプログラムを書くときによく出くわす問題を解決するためのガイドです。これらのパターンの背後にある考え方を理解することで、自分の問題に適用することができます。また、これらのパターンが自分のコードに役立つ場合を見つけることもできます。 2. モジュールパターン モジュールパターンは、JavaScriptのモジュールシステムの一部で、データを保護する方法を提供します。これは、モジュール内のプライベートなデータと動作を保護し、一方で公開APIを提供する方法です。これにより、プライベートとパブリックのアクセスレベルを持つ自己完結型のモジュールオブジェクトを作成することができます。 これは、JavaやC++のような言語でクラスにアクセス修飾子を使用するのに似ています。 JavaScriptでは、クロージャを使用してモジュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】onClick= () => hoge()とonClick={hoge}の違い - Qiita
【TypeScript / JavaScript】this = "これ" ← どれ？ 【備忘録】 - Qiita
JavaScriptのmapメソッドは、オブジェクトの複数のkeyを指定して、valueにアクセスできる - Qiita
