「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！
対象読者 RemixがNext.jsなどとはどんなところが違うのか知りたいJavaScriptエンジニア WebブラウザとNode.jsという異なるランタイムをそれぞれキャッチアップするのが辛くなってきたエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Monterey 12.5.1 Remix 1.7.1 Webフロントエンド技術の広がり Webブラウザ上で動くアプリケーション周辺のエンジニアリング分野は、JavaScriptの進化とともにサーバーサイドの責務から分離され、「Webフロントエンド」という名前で呼ばれることが多くなりました。この分野は、Webブラウザをランタイムとしてリッチなアプリケーションを効率良く開発し、ユーザーに良い体験を与えることを主な目的としていると、筆者は認識しています。 ここで着目したいのが、このWebフロントエンド分野においては「Webブラ
ゼロからはじめるJavaScript(15) CDNを利用して爆速Webアプリ - 無料CDNを使ってみよう その1
昨今のWeb開発ではさまざまなライブラリを利用してアプリが開発されます。その際、汎用的なライブラリであれば、敢えて自分のサーバーに配置せず、CDNを活用することも多いものです。今回は無料のCDNを利用して自作のJavaScriptライブラリを配布する方法を紹介します。また、無料CDNを使う場合に大切な改ざんチェックの方法なども紹介します。 CDNとは何か 多くの便利なJavaScriptライブラリがCDNを利用して配信されています。自前のサーバーにそのライブラリをコピーして配信するよりも、CDNを使った方が高速にライブラリを配信できます。なぜでしょうか。最初にCDNについて紹介します。 CDNとはコンテンツ配信ネットワークのことです。英語のContent Delivery Networkの頭文字です。CDNを使うと、複数の地域に配置されたサーバーを利用して、各ユーザーに最も近いサーバーから
Cloudflare、オープンソースコミュニティと連携して3大JavaScript環境を統合するAPI標準の策定を目指す
同計画では、柔軟性と選択肢がある開発環境を提供するとともに、未来のエッジコンピューティングの標準を策定し、ある環境で開発されたコードが他の環境でも動作することを目指しており、NearFormやVercelといった主要な企業と協力して、既存の標準化団体内で活動する新しいコミュニティグループ、Web-interoperable Runtimes Community Group（WinterCG）が創設されている。 同グループは、3大JavaScript環境であるCloudflare、Deno、Node.jsのAPIがサーバ上でどのように動作するかを定義し、ランタイム間の相互運用性を向上させることを目標に掲げており、API標準によってランタイム間でコミュニティから提供されるツールや統合を簡単に活用でき、作業に最適なツールを使用することが可能になる。 また、プラットフォーム特有のニュアンスや異なる
V8エンジンによる内部変換コードでasync/awaitの挙動を理解する
はじめに JavaScript の「非同期処理」ってやっぱりかなり難しくないですか？ 自分も色々試行錯誤しましたが、結局「完全に理解した🤓」→「やっぱり何も分からん😭」っていうループの中で泥臭く理解を深めていくしかないようです。 さて、非同期処理の制御をある程度予測できるようになるには、非同期 API を提供する環境のことやイベントループ、マイクロタスクなどの仕組みについて理解する必要があります。 そして環境に埋め込まれた JavaScript Engine のことも理解する必要があります。 今回の記事では、JavaScript Engine の１つである V8 が内部で変換するコードから async/await の挙動を理解するための解説を試みたいと思います。V8 エンジンからアプローチすることで async/await の分かりづらい挙動を掌握して非同期処理を打倒します。 今回の記
JavaScriptの演算子の優先順位と「禁止ルール」の一覧
ただし、種別は以下の通りです。 prefix (前置演算子) …… もとの式の手前に何個でもつけられる演算子。 例: -~-~x postfix (後置演算子) …… もとの式の直後に何個でもつけられる演算子。 例: x.foo()`bar`[0] postfix once …… もとの式の直後に1個だけつけられる演算子。 例: x++ は可能だが x++-- はパースされない。 逆に ++--x はパースされるが、構文とは別のルールで禁止される。 (後述) infixL …… 中置演算子で左結合 (演算子の優先度が同じ場合は左側にあるほうが優先される) 例: 0.1 + 1.0 - 1.0 は (0.1 + 1.0) - 1.0 になる infixR …… 中置演算子で左結合 (演算子の優先度が同じ場合は右側にあるほうが優先される) 例: 2 ** 2 ** 3 は 2 ** (2 **
利用者調査「State of JavaScript」最新版が公開、2万人強が参加
JavaScriptの利用動向に関する年次調査「State of JavaScript Survey」（2019年版）が発表された。JavaScriptを開発に利用する2万1717人の回答を集計、分析したものだ。全世界の100以上の国から回答を得た。回答が多かった上位5カ国は米国（23.7％）、英国（6.4％）、フランス（5.5％）、ドイツ（5.1％）、カナダ（4.0％）。日本からも118人が回答した。 開発者の属性は4種類に分かれている。フルスタック（48.3％）、フロントエンド（36.6％）、Web（11.7％）、バックエンド（3.4％）だ。 勢いのあるフレームワークやツールは？ 調査結果のハイライトは次の通り。レポートでは、2019年のJavaScriptエコシステムの全体像をさまざまな角度から示している。 図中の個々の線は、JavaScriptのフレームワークやツール、拡張について
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptで「そうはならんやろ」「なっとるやろがい！」という事例が見つかる／割と古典的な罠らしい【やじうまの杜】
Google製のJavaScript教育ツール「Grasshopper」は基礎から学べて初心者に優しい！【どれ使う？プログラミング教育ツール】
めっちゃすげえセキュリティモード、「Microsoft Edge 96」で秘かにリリース／パフォーマンスを犠牲にセキュリティを強化するJavaScriptの動作モード