Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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
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
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 を触ってみたJavaScriptNode.jsnpmFullCalendarReact Glideでカレンダー形式の予約アプリを作ったら紙以下と言われた 詳しくは書きませんが、 会社の会議室予約管理を紙でやっていて、テレワークの促進とともにに紙の弊害が目立ち始めたので、Glideでサクッとアプリ化してみました 見出しの通りで激おこなので、フルスクラッチで作ることに決めました。 画像は紙以下で検索して出てきたイメージ画像です。 React + FullCalendarというありきたりなライブラリではありますが、 既存の記事がTypeScript向けのものが多かった 本当の初心者はどこにソースを追加すれば良いのかわからない 忘備録 以上の理由で記事を執筆します。 Reactを触ったことがなくても
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などから始めた人 ・JavaScriptにほぼ触れていないけれど、React、Next.jsなどのJavaScriptフレームワーク・ライブラリを実務で挑戦してみたい人 ・今現在、React、Next.jsで仕事をしているけど、ちんぷんかんぷんになって困っている人 この記事を読むメリット ・心の底から、「生のJavaScriptを学ばなきゃな!(汗)」ってなれる ・ReactやNext.jsで仕事をし始めてぶつかる壁を事前に知れる ・なんでReactでうまいこと実装が進まないのかが腑に落ちる 結論 ・ライブラリ(React)やフレームワーク(Next.js)で、いきなりJavaScriptを始めるのではなく、まずは、最低限はJavaScriptの文法や簡単な実装はやっておくべし 生のJavaScriptをまず
例えば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を次のように指定すると、特定のドメインとポートだけのアクセスを許可で
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を使う必要がなくなるのか、フロントエンドからビルドステップを完全に消し去ることはできるのか。 そもそもなぜフロントエンドを「ビルド」していたのか そもそもなぜ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
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
PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCSSを使って、ユーザーがページをスクロールした際にオブジェクトのスケールを操作することでオブジェクトが前方や後方に移動するような錯覚を生み出す、というシンプルな仕様となっています。 各ブラウザに組み込まれたrequestAnimationFrameメソッドでクロスブラウザに対応したパフォーマンスの高いエクスペリエンスを提供しています。シンプル故に応用も効くのが良いですね。特にCSSが得意な方ならいろいろ作れそうです。ライセンスはMITです。 PushIn.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く