2022-08-02のJS: Privacy Sandboxのロードマップ更新、Docusaurus 2.0、Electron v20.0.0
JSer.info #603 - Google Chromeでのサードパーティクッキー廃止に代わるAPIとしてPrivacy Sandboxという一連のAPIが提案されています。 元々は2023年半ばからサードパーティクッキー廃止を段階的に進める予定でしたが、今回このロードマップが更新されています。 Expanding testing for the Privacy Sandbox for the Web Privacy Sandbox APIのリリースは2023年Q3まで延期され、サードパーティクッキーの段階的な廃止は2024年後半まで延期されています。 詳しいロードマップは次のサイトで公開されています。 How We’re Protecting Your Online Privacy - The Privacy Sandbox 静的サイトジェネレータのDocusaurus v2リリース
Rustとdeno_coreを使って、独自のJavaScriptランタイムを作ってみる
Node.js、Denoに続いて、Bunという新たなJavaScriptランタイムが登場していますが、Denoの7月29日のブログにて、"Roll your own JavaScript runtime"という記事が投稿されていたので紹介します。 タイトルの通り、自分のJavaScriptランタイムを作ってみよう！という記事です。 作り方は元記事に載っているのでここでは省略して、掻い摘んだ内容をまとめていきます。 JavaScriptランタイムの材料 Rust deno_core tokio Rustのdeno_coreとtokioというクレートを使って作っていきます。 deno_core deno_coreって、もうそれdenoじゃんと思いましたが、こちらのクレートはJavaScriptエンジンであるV8との橋渡し的な役割を持つようです。 deno_coreは、複雑で大量のAPIを持つV
Roll your own JavaScript runtime | Deno
In this post we’ll walk through creating a custom JavaScript runtime. Let’s call it runjs. Think of it as building a (much) simplified version of deno itself. A goal of this post is to create a CLI that can execute local JavaScript files, read a file, write a file, remove a file and has simplified console API. Let’s get started. Update 2022-12-04: updated the code samples to the latest version of
2022-07-20のJS: Node.js 18.6.0、React NativeのHermesデフォルト化、AWSのデザインシステム
JSer.info #601 - Node.js 18.6.0がリリースされました。 Node v18.6.0 (Current) | Node.js Node.js 18.6.0ではexperimentalで実装されている--loaderの挙動の変更が含まれています。 複数の--loaderを指定した場合の順番を変更。またloaderの実装はshortCircuitを返すのが必須となっています。 そのため、すでに公開されているloaderが動かなくなっている場合があります。 詳しくは、次のIssueと記事で解説されています。 esm: add chaining to loaders by JakobJingleheimer · Pull Request #42623 · nodejs/node Custom ESM loaders: Who, what, when, where, why
みんなが簡単簡単書いているので、React + JavaScript + FullCalendar を触ってみた - Qiita
みんなが簡単簡単書いているので、React + JavaScript + FullCalendar を触ってみたJavaScriptNode.jsnpmFullCalendarReact Glideでカレンダー形式の予約アプリを作ったら紙以下と言われた 詳しくは書きませんが、 会社の会議室予約管理を紙でやっていて、テレワークの促進とともにに紙の弊害が目立ち始めたので、Glideでサクッとアプリ化してみました 見出しの通りで激おこなので、フルスクラッチで作ることに決めました。 画像は紙以下で検索して出てきたイメージ画像です。 React + FullCalendarというありきたりなライブラリではありますが、 既存の記事がTypeScript向けのものが多かった 本当の初心者はどこにソースを追加すれば良いのかわからない 忘備録 以上の理由で記事を執筆します。 Reactを触ったことがなくても
2022-06-28のJS: ECMAScript 2022、TypeScript 4.8 Beta、CodeMirror 6
JSer.info #598 - ECMAScript 2022が、2022-06のEcma International GA(総会)で承認され、正式にリリースされました。 Ecma International approves new standards - Ecma International ES2022では、クラスにPublic/Privateクラスフィールド、Top-Level await、StringとArrayにat()、Error Causeなどが追加されています。追加された機能については、次の記事で解説されています。 Ecma International approves ECMAScript 2022: What’s new? 正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能 また、同じくJavaScriptの入門書であるjspri
JavaScriptの基礎をすっ飛ばして、React,Next.jsを使うとハマりがちなエラー3選 - Qiita
この記事の対象者 ・JavaScriptを学び切らずに、ReactやNext.jsなどから始めた人 ・JavaScriptにほぼ触れていないけれど、React、Next.jsなどのJavaScriptフレームワーク・ライブラリを実務で挑戦してみたい人 ・今現在、React、Next.jsで仕事をしているけど、ちんぷんかんぷんになって困っている人 この記事を読むメリット ・心の底から、「生のJavaScriptを学ばなきゃな！（汗）」ってなれる ・ReactやNext.jsで仕事をし始めてぶつかる壁を事前に知れる ・なんでReactでうまいこと実装が進まないのかが腑に落ちる 結論 ・ライブラリ(React)やフレームワーク（Next.js）で、いきなりJavaScriptを始めるのではなく、まずは、最低限はJavaScriptの文法や簡単な実装はやっておくべし 生のJavaScriptをまず
Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト アンビ（AMBI）
例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます（--allow-writeフラグも同様）。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で
2022-06-21のJS: Internet Explorer 11のサポート終了、Vue 2.7 Beta、社内のReactコンポーネントのメンテナンス
JSer.info #597 - エンタープライズやWindows Serverなどの特定のOSを除いて、Internet Explorer 11のサポートが2022年6月15日で終了されました。 Internet Explorer 11 has retired and is officially out of support—what you need to know | Windows Experience Blog サポート終了となったOSでIEのアプリケーションを開くと、MSEdgeにリダイレクトされるようになっていきます。 また、MSEdgeのIEモード(下位互換モード)は、2029 年までサポートされる予定となっています。 ライフサイクルに関する FAQ - Internet Explorer および Microsoft Edge | Microsoft Docs Vue 2系
IEが終了したので、webpackやbabelは不要？ - Qiita
IE終了により、webpackやbabelを使う必要がなくなるのか、フロントエンドからビルドステップを完全に消し去ることはできるのか。 そもそもなぜフロントエンドを「ビルド」していたのか そもそもなぜwebpackやbabelを使ってJavaScriptをバンドル（1ファイルにまとめる）していたのか 1. HTTP/1.1とモジュールシステムの相性の悪さ ブラウザにはES Moduleというモジュールシステムが導入されています。これはimport文で他のファイルを読み込むことができるシステムです。 HTTP/1.1については、ブラウザ側で同時接続数制限があります。これは、ファイルを多数読み込む必要があるES Modulesには不向きでした。 2. ブラウザのES Module対応率の低さ ES ModulesはIE非対応です。開発するWebサイトがIEをターゲットにしたい場合、ES Mod
Learn JavaScript and Front-End Web Development to Backend and Full-Stack Development | Frontend Masters
Frontend & Fullstack Engineering CoursesNot sure where to start? Check out our Learning Paths! JavaScript React Frameworks Full Stack TypeScript State Management CSS Databases Server-Side JavaScript APIs Programming Language Performance Node.js Functional JavaScript Fundamentals Build Tools Responsive Design Asynchronous Design Testing Dev Tools Angular Object Oriented Enterprise Next.js Projects
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScript(JavaScript)によるカタカナ五十音順の行を判定 - Qiita
Language I/O Runs React-Based Javascript with Java Backend
@stencil/core vs lit-html vs preact vs solid-js vs svelte | npm trends
Starting Out in Software Engineering? Don’t Bother Learning React JS. | Built In
Alternatives to React: Inferno.JS
Install a Next.js and a Vite.js Applications Into a Monorepo
@stencil/core vs lit-element vs lit-html vs preact vs solid-js vs svelte | npm trends
A new OAuth2 client for Javascript
ESLint and TypeScript with Josh Goldberg (JS Party #230)