Learn React for free | Scrimba.comWelcome to the ultimate React 101 course! Designed with MDN Web Docs, it’s the perfect place to learn modern React basics interactively. You’ll t
Rust Is The Future of JavaScript Infrastructure
Rust is a fast, reliable, and memory-efficient programming language. It's been voted the most loved programming language six years in a row (survey). Created by Mozilla, it's now used at Facebook, Apple, Amazon, Microsoft, and Google for systems infrastructure, encryption, virtualization, and more low-level programming. Why is Rust now being used to replace parts of the JavaScript web ecosystem li
最近webpackで環境構築したので利用したプラグインまとめてみた - Qiita
はじめに こんにちは〜 最近フロントエンドの環境構築の勉強でwebpackを利用しました。 その際、プラグイン多いな！！！ と感じたので、自分なりにプラグインをまとめてみました！ そもそもwebpackって？ コンポーネント化が進む時代・・・build時に各種ファイルを1つにバンドルしてくれるプリプロセッサがwebpackです。 公式の画像がわかりやすいので添付します。 このように、webpackが依存関係も込でいい感じにファイルを1つにまとめてくれます。 あとは、バンドルしてくれたファイルを読み込めば解決になります。 素晴らしいですね！ このバンドル時に数々あるプラグインを利用することでより便利になりますので、今回はそちらを紹介いたします。 プラグイン一覧 プラグイン名 プラグインの特徴
JavaScriptフレームワーク「Next.js 12」リリース、Rustコンパイラによる高速化やミドルウェアのベータ提供など
「Next.js 12」は、これまでで最大のリリースであり、Rustコンパイラにおけるバンドルとコンパイルの最適化によって、ローカルでの更新を最大3倍、本番環境でのビルドを最大5倍高速化するとともに、認証やボット保護、リダイレクトや書き換えなど一連のページロジックを共有するあらゆるものに使用できる、ミドルウェアがベータ提供されている。 さらに、FacebookのReactチームとの協力によって、「React 18」用の「Next.js 12」を実験的に試せるようになり、「React 18」のサーバ側Suspenseの組み込みサポートと、SSRストリーミングサポートによって、HTTPストリーミングを使用してページをサーバ側でレンダリングできるようになるとともに、Reactのサーバコンポーネントを使用した、コンポーネント自体を含むすべての、サーバ上でのレンダリングが可能になった。 ほかにも、「
2021-10-27のJS: Yarn 3.1、Node.js 16.13.0(LTS)、Next.js 12
JSer.info #563 - Yarn 3.1がリリースされました。 Yarn 3.1 🎃👻 Corepack, ESM, pnpm, Optional Packages ... - DEV Community 👩💻👨💻 berry/CHANGELOG.md at master · yarnpkg/berry yarn init -2でNode v16.9.0からサポートされたCorepackのpackageManagerフィールドに対応しています。 また、PnPでのEMSサポート、新しいインストールモードとしてnodeLinker: pnpmのサポートしています。 また、optionalDependenciesで指定したアーキテクチャだけをダウンロードするsupportedArchitecturesの設定を追加しています。いままでのYarnはoptionalDepen
JavaScriptの非同期処理をじっくり理解する (4) AbortSignal, Event, Async Context
対象読者と目的 非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある 実行順序の保証がよくわからないので自信をもってデプロイできない変更がある より詳しい仕組みを理解することでより計画的な実装をできるようになりたい という動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。 目次 実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定 中止処理 並行処理ではしばしば実行中の処理を中止したい場合があります。 古典的なキャンセル処理 Webブラウザ/Node.jsともに、 setTimeout の中止が可能です。 const timeout = setTimeo
JavaScript／TypeScript実行環境「Deno 1.15」がリリース
開発チームは、2021年末までにWeb Crypto APIの完成を目標に掲げており、今回リリースした「Deno 1.15」では、それに向けてRSAキーをspki形式でエクスポートできるようにしたほか、ECDSAキーのraw形式でのインポート、ECDH派生のサポート、キーラッピングにおけるcrypto.subtle.exportKey()でサポートされているすべてのキーとフォーマットの組み合わせのサポート、AES-CBC暗号化のサポート、AES-CBC復号化のサポートが行われている。 さらに、「Deno 1.13」で追加されたFFI APIに、ノンブロッキング呼び出しとバッファ引数のサポートを追加するとともに、deno uninstallサブコマンドが導入され、以前にdeno installでインストールされたコマンドの削除が可能になった。 ほかにも、deno lintに診断の表示後もプロ
JavaScript解析ツール「ESLint 8.0.0」がリリース
「ESLint 8.0.0」では、デフォルトのパーサとすべてのコアルールが次期ES2022構文をサポートし、クラスパブリックインスタンスフィールドとプライベートインスタンスフィールド、クラスパブリック静的フィールドとプライベート静的フィールド、クラスプライベートインスタンスメソッドとアクセサ、クラスプライベート静的メソッドとアクセサ、正規表現マッチインデックス、トップレベルのawaitに対応している。 --fixと--report-unused-disable-directivesが一緒に使用されている場合、Autofixで未使用の無効化ディレクティブを削除できるようになったほか、class-methods-use-thisルールにenforceForClassFieldsオプションが追加され、max-classes-per-fileルールにignoreExpressionsオプションが追
最近のTypeScriptのES Modules対応事情
ブックマークサービスQiNeel関連の記事や身の回りのよしなしごとをそこはかとなく書きつくっています。 コロナの影響で中止となった幻のTSConf 2020で、TypeScriptとES Modulesについて登壇する予定でした。 最近のTypeScriptは、モジュール関連で新たな仕様が出てきたようなので簡単にまとめておきます。前職同僚でNode.js Core Collaboratorのshisamaおよびdeno-ja Slackコミュニティーからの情報を勝手に集約しました。みなさんありがとうございます。 背景 JavaScript同様、TypeScriptでもimport構文（ES Modules）をサポートしています。しかし、ES ModulesではCommonJS形式のrequire()と異なり拡張子を省略できないという制約があります。 フロントエンド開発では、ほとんどの場合で
モダンJavaScriptを基礎からしっかり学びたい人、Reactを身につけたい人に最高の入門書 -React実践の教科書
モダンJavaScriptの基本からTypeScriptの実践的な内容まで、Reactを一から学び、しっかりと身につけたい人にお勧めの解説書を紹介します。 Reactを身につける上で、これだけは知っておいた方がよいというJavaScriptの知識も分かりやすく解説されており、基礎からしっかり身につきます。 本書はUdemyのReactコースで最高評価を獲得し、ベストセラーでもある著者がモダンJavaScriptの基本からTypeScriptの実務で役立つ内容まで詳しく解説した解説書です。著者が開催している勉強会で初学者がReactのつまづきやすい挫折ポイントをやさしく、分かりやすく導いてくれる解説書です。 発売して間もないですが、Amazonでは早くも高評価がたくさんついています。
今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？
概要 Partytownというプロジェクトが先月発表された。このプロジェクト自体はWebのパフォーマンス向上(3rd Party Scriptによるブロッキングの低減)を主目的としているが、実質ブラウザにおけるJavaScript Sandboxの方向性に一石を投じるものであるとして自分は理解した。本稿ではこちらについて背景とともに解説を試みる。 WebブラウザにおけるJavaScript Sandbox JavaScriptで記述されたWebアプリケーションにおいて、たとえばプラグイン機構を実現したいなど、他Partyが提供あるいはユーザ自身が記述したスクリプトを、ホストとなるアプリケーションに影響を与えることなく実行することを許可したい、というケースはままある。2000年代に跋扈したブログパーツの類はWebコンテンツに対するプラグインの代表例とも言えるが、埋め込み先ページに対しての全権
JavaScriptの非同期処理をじっくり理解する (2) Promise
対象読者と目的 非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある 実行順序の保証がよくわからないので自信をもってデプロイできない変更がある より詳しい仕組みを理解することでより計画的な実装をできるようになりたい という動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。 目次 実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定 用語に関する注意 前回定義した以下の用語を今回も使います。 1 tick ... タスクキューが1周すること。 1 microtick ... マイクロタスクキューが1周すること。 これらの単位は非同期処理の間の相対的な優先順
無料でJavaScriptによるトラッキングを防げるマルウェア対策拡張機能「JShelter」をフリーソフトウェア財団が発表
フリーソフトウェア財団が2021年9月30日に、トラッキングやデータ収集などJavaScriptを悪用したマルウェアによるリスクを軽減するブラウザ拡張機能「JShelter」を発表しました。 JShelter: Home https://jshelter.org/ FSF announces JShelter browser add-on to combat threats from nonfree JavaScript — Free Software Foundation — Working together for free software https://www.fsf.org/news/fsf-announces-jshelter-browser-add-on-to-combat-threats-from-nonfree-javascript JavaScriptを使えば、ブラウ
【Rome】RomeはJavaScriptをやめてRustにするってよ - Qiita
RomeはLinterでありCompilerでありBundlerでありFormatterでありTesterでありMinifierであり…… ともかく、フロントエンドの統合ツールチェーンです。 これまでBabel、ESLint、webpack、Prettier、Jestなど様々なツールでバラバラに行っていた作業が、Romeひとつ使うだけで完結するようになるという、これまで何度再発明されてきたかわからない究極のフロントエンドツールです。 まあ、今のところ日本での知名度はさっぱりなのですがね。 で、これまでRomeはJavaScriptで書かれていたのですが、これをRustで書き直すことが発表されました。 以下はRome公式サイトの記事、Rome will be written in Rustの日本語訳です。 Rome will be written in Rust 🦀 RomeはJavaSc
ゼロからはじめるJavaScript(11) JavaScriptで手軽に文章校正textlintを使おう
プログラミングの世界で「リント」と言えば、プログラムの文法チェックや改行など綺麗にプログラムを整形してくれる便利なツールのことです。そして、JavaScriptで作られたリントの一つに、日本語の文章をチェックしてくれるtextlintなるツールがあります。この便利なツールを使う方法を紹介します。 textlintとは textlint(テキストリント)というのは、日本語に限らず、英語や中国語にも対応したテキストの確認ツールです。簡単な間違いであれば自動で修正してくれる機能もあります。さまざまなプラグインが提供されており、チェックに必要なルールを追加していくことで、自分にぴったり合った校正ツールになります。オープンソースの形態で開発、配布されているため、誰でも気軽に利用できます。また、日本人の方が開発しているため、その点でも安心です。 textlintのWebサイト - サイトは英語だが日本
Blazor Developers Can Now Create Custom Elements, Render Components from JavaScript -- Visual Studio Magazine
News Blazor Developers Can Now Create Custom Elements, Render Components from JavaScript By David Ramel09/16/2021 Microsoft's Blazor web-dev tech received a raft of improvements in the new .NET 6 Release Candidate 1, including the ability to create custom elements, render components from JavaScript and even generate Angular and React components. Blazor, which allows for web projects coded primaril
スマートフォン向けゲームエンジン「ngCore」とは？ ～ JavaScriptでiOS／Android向け開発を共通化
ngCoreとは何か？ Mobageプラットフォーム ngCoreとは何かを説明する前に、まずはMobage（モバゲー）とは何かを簡単に説明しましょう。MobageはDeNAが提供しているソーシャルゲームプラットフォームであり、オンライン上の友人達と一緒にゲームを楽しむことができます。 現在、アプリケーションの開発者はMobageのAPIを利用してゲームを開発し、Mobageプラットフォームを利用している数多くのユーザーにサービスを提供できるようになっています。 多様化するプラットフォーム 当初、Mobageはフィーチャーフォンに利用環境が絞られていましたがYahoo! MobageのようにPC上でも楽しめるようになり、現在ではその領域をさらにスマートフォン環境にまで拡大しています。 スマートフォンでは、フィーチャーフォンでは実現できなかったマルチタッチなどを利用した入力方法やサウンドが可
オリジナル楽曲を作りながらプログラミングを学べる「Ongaq JS Web School」 | Techable(テッカブル)
株式会社コードナインスは、オリジナル楽曲を作りながら本格的なプログラミングを楽しく学べるオンライン学習サービス「 Ongaq JS Web School 」を公開しました。 未経験でも学習可能学校でのプログラミング必修化が進む中、ビジュアル・プログラミング等でプログラミングに親しんだ学生がより実用的なプログラミングを学ぶ手法が重要になっている昨今。理数系の知識を課題解決や芸術活動に活かす力を育む「Ongaq JS Web School」は、若い世代にも適したサービスと言えます。 「Ongaq JS Web School」は、コードナインス社が公開しているJavaScriptライブラリ「 Ongaq JS 」を題材に、未経験者でもプログラミング学習を楽しみ、プログラミングの自由さと創造性を実感できるように開発されたサービス。プログラマーや就職希望者だけでなく、教養としてプログラミングを学びた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
S3 + CloudFront の環境下で、JavaScriptファイルが読み込まれない時の解決方法 - Qiita
3 TypeScript Tricks You Can Use in JavaScript