awe.jsを使用したブラウザの拡張現実-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

awe.jsを使用したブラウザの拡張現実

尊渡假赌尊渡假赌尊渡假赌

Feb 19, 2025 pm 12:07 PM

awe.jsを使用したブラウザの拡張現実

キーテイクアウト

拡張現実（AR）は、AWE.JSライブラリを使用してモバイルブラウザに実装できます。これは、ARエクスペリエンスを作成するためにデバイスのカメラと3.JSを活用します。
デモには、モバイル用のGoogle Chrome、IFTTTアカウント、および印刷されたARマーカーが必要です。デモは、ChromeやOperaなどのいくつかのデスクトップブラウザでも動作します。
awe.jsでは、ブラウザのデバイスタイプ、カメラの位置、ライト設定などのさまざまなパラメーターを設定する必要があり、興味のあるポイント（POI）とプロジェクションを使用してAR要素を管理します。
私は以前、Google CardboardとThree.jsを使用してVRをWebに持ち込み、JavaScriptとGoogle Cardboardで現実をフィルタリングすることについて、私の記事のSitePointで、JavaScriptとThree.jsを使用して、他の種類の現実の作成と操作を取り上げました。この記事では、awe.jsというJavaScriptライブラリを使用して、モバイルWebで拡張現実体験を作成する方法を示します。紙マーカーの上に開く3Dコントロールボードを作成します。 JavaScript HTTPリクエストを介して有効にできるほとんどすべてのことを行うことができるので、IFTTTを使用してLIFXライトバルブの色を変更するように設定します。
このデモでは、現在、モバイル用のGoogle Chromeが必要になります。潜在的にモバイルのFirefoxで動作する可能性がありますが、HTC One M9で試したときにクリックイベントがトリガーされなかったことがわかりました。また、一部のデスクトップブラウザー（ChromeとOperaがMACで非常にうまく機能しました）で動作しますが、タッチイベントを備えたスマートフォンとはまったく同じではありません。タブレットではきちんとしている可能性がありますまた、httpリクエストをトリガーするルールを使用して、IFTTTアカウントとメーカーチャネルをセットアップする方法の知識も必要です。 IFTTTを初めて使用する場合は、以前にIFTTTを使用してLIFX電球をIoTに接続するという記事の基本を調べました。 Makerチャンネルに新しい人のために、IoTとnode.jsをIFTTTに接続する際にも説明しました。
最後に、マーカーを紙に印刷する必要があります。私たちが使用するマーカーはこれです：

コード
コードにまっすぐに入って試してみたい場合は、すべてgithubで利用できます。

awe.js

awe.jsは、3つのjs、お使いのデバイスのカメラ、いくつかのかなりスマートなテクニックを使用して、ブラウザで拡張現実を作成するJavaScriptライブラリです。 awe.js githubリポジトリにライブラリといくつかのサンプルをダウンロードできます。それは4つの異なる種類のARエクスペリエンスを提供し、それぞれがリポジトリに独自の例を持っています：

geo_ar - コンパスポイントの設定されたオブジェクトを配置できます。
- Grift_ar - Oculus Riftと互換性があります
- marker_ar - 拡張現実マーカーに位置するエクスペリエンスを作成できます。これは私たちがこのデモで協力するものです。
- 拡張現実デモコード
- デモコードの長さは300行を超えていますが、その多くは同様のオブジェクトのコードを繰り返します。デモのGitHubリポジトリからデモコードをダウンロードし、ここで説明されている説明とともにフォローすることをお勧めします。すべてがどのように機能するかについてのアイデアが得られたら、いじくり回して自分のものを構築してみてください。
次に、awe.jsライブラリの使用を開始します。私たちが行うすべては、window.awe.init（）関数内で定義されます。 ARシーンのグローバルな設定から始めます。
```
window.addEventListener('load', function() {
 var menu_open = false;
 
 // Our code continues here
 });
```
- device_type - すべての例は、これをawe.auto_detect_device_typeに設定します。これは、デバイスを自動的に検出するように要求します。これまでのところ、これを変更する必要はありません。
- - default_lights - シーンに異なる3.jsライトの配列を設定し、それぞれがIDを与え、その種類の光とその色を定義できます。私たちのデモには、白い3.jsポイントライトが1つしかありません。さまざまなタイプの3つのライトに対応する光の種類には、さまざまなオプションがあります。
 設定が整ったら、awe.jsが初期化されたときに何をすべきかを定義します。すべてがwee.util.require（）関数に包まれています。これは、必要な追加のJavaScriptファイルをロードする前に必要なブラウザ機能を定義します。デモに必要なブラウザ機能のみを定義するように注意してください。他のGitHubの例にリストされている機能を使用してこれらを誤って定義する場合、ARアプリが一部のブラウザで動作することを不必要に防ぐことができるためです。たとえば、コンパスポイントに基づいて要素を配置するには、「ジャイロ」機能にアクセスする必要があります。ほとんどのデスクトップブラウザーでは機能しません。このデモではそれを必要としないので、除外します。
定義されているファイルは、awe.js - lib/awe-standand-dependencies.js、lib/awe-standard.js、lib/awe-standard-window_resized.jsの特定の機能をプルします。 awe.jsの標準的なビットとピースとウィンドウのハンドリングのサイズ変更。デモはマーカーを使用しています。これには、以下にリストされている他の2つのファイルが必要です。

これらすべてのファイルが正常にロードされたら、適切な名前のsuccess（）awe.js関数を実行します。要素の表示を開始する準備ができたときに常に実行される最初の関数は、awe.jsシーンをセットアップします。
```
window.awe.init({
 device_type: awe.AUTO_DETECT_DEVICE_TYPE,
 settings: {
 container_id: 'container',
 fps: 30,
 default_camera_position: { x:0, y:0, z:0 },
 default_lights: [{
 id: 'point_light',
 type: 'point',
 color: 0xFFFFFF
 }]
 },
```
awe.jsのすべての要素は、「関心のあるポイント」（POI）内に配置されます。これらは、オブジェクトを内部に配置できる座標を介してマークされたシーン内の特定のポイントです。 awe.js内だけでなく、要素自体もPoisを移動できます。特定の紙マーカーが見られる場所に配置される単一のPOIを作成します。 POIを作成するには、awe.pois.add（）のawe.js関数を使用します。

「マーカー」のIDを与えましたが、コード内のこのPOIへの他の参照全体で一貫している限り、あなたはそれをあなたが望むものを何でも呼ぶことができます。初期位置を（0,0,10000）に設定し、使用する準備ができるまで少し離れたところに配置します。また、マーカーを見つけるまで目に見えないように設定します。
ポイに追加する
```
window.addEventListener('load', function() {
 var menu_open = false;
 
 // Our code continues here
 });
```
要素は、awe.js内の「投影」と呼ばれます。私たちが「ワームホール」と呼んだシーンに追加する最初のプロジェクションは、これはメニュー項目が魔法のように表示される平らな黒い正方形です。 POIのIDと同じように、コード内の他の参照と一致している限り、あなたは絶対に何でも名前を付けることができます。 function awe.projections.add（）を使用してPOIに追加します。

プロジェクションとして追加できるオブジェクトにはかなりの数のオプションがあるため、詳細に説明します。注意してください - ここでは、ポジショニングと回転のためのすべてのx、y、z値がそのpoiに関連しています。そのpoiは、そのIDによって{poi_id： 'marker'}。
```
window.awe.init({
 device_type: awe.AUTO_DETECT_DEVICE_TYPE,
 settings: {
 container_id: 'container',
 fps: 30,
 default_camera_position: { x:0, y:0, z:0 },
 default_lights: [{
 id: 'point_light',
 type: 'point',
 color: 0xFFFFFF
 }]
 },
```
ジオメトリ - これは、投影の3.jsジオメトリオプションを指します。各タイプのジオメトリに必要なオプションは、awe.jsで提供されるジオメトリと一致します。たとえば、Three.jsの球体測定は{shape： 'Sphere'、radius：10}として表現されます。現在入手可能なawe.jsの最新の3.jsを使用している人に注意すべきことの1つは、Boxgeometryがまだキューブジオメトリを使用しています。したがって、ボックスを作成するには、フォーマット{shape： 'cube'、x：20、y：30、z：5}を使用します（名前にもかかわらず、「キューブ」である必要はありません）。
位置 - POIに関連してアイテムのx、y、z軸を調整できます。
- 回転 - POIに関連して、x、y、z軸でアイテムを回転させることができます。 X軸でワームホールを90度回転させて、テーブルの上に平らになり、Z軸によって45度が自然に見えると思ったので、マーカーとは完全に並んでいないので、対角線上でこれはそれほど明白ではありません。
- マテリアル - これにより、投影の3.jsマテリアルが定義されます。「Phong」（Three.jsのMeshphongMaterial）を使用することに固執しましたが、「Lambert」、「Shader」、「Sprite」、「Sprite_Canvas」もオプションとして利用できるように見えます。また、その色を16進数で定義することもできます
```
window.addEventListener('load', function() {
 var menu_open = false;
 
 // Our code continues here
 });
```
これらのそれぞれには、「ar_button_ {number}」のIDがあり、数字はメニューボタンのインデックスです。 IFTTTへのHTTP呼び出しでこのIDを使用するので、これらを一貫して正確に保つことが重要です！

投影が定義された後、ARパズルのかなり重要な部分であるマーカー検出イベントを定義します。これを、wee.events.add（）。

awe.jsイベントは1つしかないので、ここには1つのイベントだけがあります。イベントは、何でも呼び出すことができるIDで定義されています。「ar_tracking_marker」と呼びました。適用可能なデバイスの種類を定義します。これは、これまでのすべてのawe.jsの例でも同じように思われます。そのため、PCとAndroidが1に設定されているように、
```
window.awe.init({
 device_type: awe.AUTO_DETECT_DEVICE_TYPE,
 settings: {
 container_id: 'container',
 fps: 30,
 default_camera_position: { x:0, y:0, z:0 },
 default_lights: [{
 id: 'point_light',
 type: 'point',
 color: 0xFFFFFF
 }]
 },
```
に設定されているように残しました。

その後、登録（）およびunregister（）関数があり、マーカーを監視しているイベントリスナーを追加および削除します。
```
ready: function() {
 awe.util.require([
 {
 capabilities: ['gum','webgl'],
```
次に、マーカーを見つけたら実行するイベントハンドラーを定義します。「64」マーカーに注目し、見つけたときにのみ応答を実行します。
マーカーを見つけることへの応答の中で、私たちは物理的な紙マーカーで「マーカー」と呼んだPOIをその場に移動し、それを見やすくしたいと考えています。 event.detail ['64 ']を使用して物理マーカーに合わせるように変換します。
また、「ワームホール」投影を目に見えるように設定します。
```
files: [ 
 ['lib/awe-standard-dependencies.js', 'lib/awe-standard.js'],
 'lib/awe-standard-window_resized.js',
 'lib/awe-standard-object_clicked.js',
 'lib/awe-jsartoolkit-dependencies.js',
 'lib/awe.marker_ar.js'
 ],
```
マーカーが表示されないが、メニューが開いている場合は、開いたままにしますが、ワームホールを隠すように設定します。これの主な理由は、いくつかの光の変化があれば、マーカーが判読できなくなる可能性があることです。私たちは、戻る方法なしで特定の色の光に自分自身を閉じ込めたくありません！
```
success: function() {
 window.awe.setup_scene();
```
マーカーがなく、メニューが開いていない場合、POI全体が隠れているのを待っています。
```
awe.pois.add({id: 'marker', position: {x: 0, y: 0, z: 10000}, visible: false});
```
awe.jsにシーンを更新するように言って終了します。
```
awe.projections.add({ 
 id: 'wormhole',
 geometry: {shape: 'plane', height: 400, width: 400},
 position: {x: 0, y: 0, z: 0},
 rotation: {x: 90, z: 45},
 material: {
 type: 'phong',
 color: 0x000000
 }
 }, {poi_id: 'marker'});
```
設定する実際の機能の最後のビットは、クリックイベントです。これらはすべて、object_clickedイベント内にあります。
```
awe.projections.add({
 id: 'ar_button_one',
 geometry: {shape: 'cube', x: 60, y: 30, z: 5},
 rotation: {y: 45},
 position: {x: -5, y: -31, z: -5},
 material: {
 type: 'phong',
 color: 0xFF0000
 }
 }, {poi_id: 'marker'});
```
クリックイベントには、e.detail.projection_id内でクリックされた投影のIDが含まれています。スイッチステートメントを使用して、クリックに反応する方法を決定します。ワームホールをクリックして、仮想メニューを開いて閉じます。仮想メニューボタンをクリックすると、明るい色がトリガーされます。各ボタンが同じ応答コードを実行するため、スイッチステートメントを使用します。
```
window.addEventListener('load', function() {
 var menu_open = false;
 
 // Our code continues here
 });
```
Wormholeクリックイベントをクリックして、menu_openが真かfalsであるかどうかに応じてメニューを開きます。偽の場合は、awe.js awe.projections.update（）関数を使用して、y軸の各ボタンアップを1秒以上アニメーション化します。それはそれをワームホールから上に動かします。各投影の動きの唯一の違いは、各オブジェクトがy軸上でどれだけ移動するかです。
それ以外の場合は、メニューが開いている場合、ワームホールの下で最初の位置に戻り、視界から隠されています。
```
window.awe.init({
 device_type: awe.AUTO_DETECT_DEVICE_TYPE,
 settings: {
 container_id: 'container',
 fps: 30,
 default_camera_position: { x:0, y:0, z:0 },
 default_lights: [{
 id: 'point_light',
 type: 'point',
 color: 0xFFFFFF
 }]
 },
```
else他のステートメントの後、私たちはそれが何であるかの反対にmenu_openを切り替えるので、私たちはそれがどこにいるのかを追跡します。
```
ready: function() {
 awe.util.require([
 {
 capabilities: ['gum','webgl'],
```
ボタンクリックイベント内で、イベント名としてボタンのIDとIFTTTサービスにアクセスするキーを含むIFTTTへのHTTPリクエストを行います。戻ってくるデータは実際には使用していません。デバッグの目的でコンソールにログインしますが、実際の結果は、HTTPコールに反応するIFTTTからの結果が発生します。

このすべての後、awe.jsが非互換性などのためにロードされない場合、エラーメッセージを表示するためにロードされる代替スクリプトがあります。
```
files: [ 
 ['lib/awe-standard-dependencies.js', 'lib/awe-standard.js'],
 'lib/awe-standard-window_resized.js',
 'lib/awe-standard-object_clicked.js',
 'lib/awe-jsartoolkit-dependencies.js',
 'lib/awe.marker_ar.js'
 ],
```
それはhttps time
です
```
success: function() {
 window.awe.setup_scene();
```
2015年後半の更新 - この記事に戻って、かなり重要な情報の新しいビットを追加します。Chromeでは、カメラを使用したWebページがHTTPSで提供されることが必要です。したがって、これを実行しようとする前に、HTTPSを介してサービスを実行する方法を見つける必要があります。これまでにテストに使用した方法の1つは、Ngrokです。これは、LocalHostにHTTPSトンネルを提供できます。 SitePointのどこからでもローカルホストにアクセスするガイドがあります。
アクションのデモ
```
awe.pois.add({id: 'marker', position: {x: 0, y: 0, z: 10000}, visible: false});
```
このコードをGoogle Chromeでモバイル用に実行し、マーカーに向けると、ワームホールが表示されるはずです。

ワームホールをクリックすると、メニューボタンは正しいスポットにアニメーション化する必要があります。

メニュー項目のいずれかをクリックすると…

lifxライトの色を変更するはずです！

結論

それは、awe.jsを使用してブラウザで拡張現実を始めるためにあなたが知っておくべきすべてのものです。最近のテクノロジーの世界で多くの開発が行っているように、それは多くの可能性を秘めています！ AWE.JSチームは常にプラグインに取り組んでおり、近日公開予定の新しい、さらに完全に機能するバージョンが必要です！また、Google Cardboardで使用するために3.JSの立体効果を設定し、AWE.JSのいくつかの機能と組み合わせてARヘッドセットエクスペリエンスを構築することも可能です。私はそれが1つの記事にとって少しかもしれないと思ったので、その記事に関する将来の記事に注目してください！

このコードを使用してARマジックを試したり、さらに進めたりする場合は、コメントにメモを残すか、Twitter（@ThatPatrickGuy）で私と連絡を取ります。
awe.jsを使用したブラウザの拡張現実に関するよくある質問

awe.jsは機能とパフォーマンスの点でar.jsとどのように異なりますか？
awe.jsとar.jsはどちらもブラウザで拡張現実体験を作成するための強力なツールです。ただし、いくつかの点で異なります。 AWE.JSは、没入型ARエクスペリエンスを作成するための幅広い機能を提供する、より包括的なフレームワークです。 GPS、コンパス、ジャイロスコープトラッキングなど、複数の追跡方法をサポートし、3Dモデルもサポートしています。一方、AR.JSはマーカーベースの追跡により焦点を合わせており、その高性能と効率で知られています。また、初心者には使いやすいですが、awe.jsと同じレベルの柔軟性を提供しない場合があります。 awe.jsを使用して、AR Webアプリを開発できます。 awe.jsは、追加のプラグインやダウンロードを必要とせずに、ブラウザでARエクスペリエンスを直接作成できるJavaScriptライブラリです。これにより、WebベースのARアプリケーションの開発に最適です。これを使用して、単純な2Dオーバーレイから複雑な3Dシーンまで、幅広いARエクスペリエンスを作成できます。 JS、まず公式のGithubリポジトリからライブラリをダウンロードする必要があります。それを完了したら、JavaScriptコードを書くことでARシーンの作成を開始できます。 awe.jsは、オブジェクトの作成、カメラの制御、ユーザー入力の処理など、ARエクスペリエンスを制御するために使用できるさまざまなAPIと機能を提供します。
awe.jsを使用して構築できるアプリケーションの例は何ですか？たとえば、ARツアーガイドアプリを作成するために使用できます。ユーザーは、さまざまなランドマークで携帯電話を向けて情報を入手できます。また、ユーザーが現実世界の仮想オブジェクトと対話できるARゲームを作成するために使用することもできます。他の可能なアプリケーションには、ARショッピングアプリ、AR教育アプリなどが含まれます。可能。ただし、WebGLやWeBRTCなどの高度なWebテクノロジーを使用しているため、これらのテクノロジーをサポートしていない古いブラウザーでは機能しない可能性があります。最良の結果を得るには、Chrome、Firefox、Safariなどのモダンで最新のブラウザでawe.jsを使用することをお勧めします。はい、はい、他のJavaScriptライブラリまたはフレームワークと一緒にawe.jsを使用できます。 AWE.JSは柔軟でモジュール式になるように設計されているため、既存のJavaScriptプロジェクトに簡単に統合できます。ただし、awe.jsの一部の機能は特定のライブラリやフレームワークと互換性がない場合があるため、コードを徹底的にテストすることをお勧めします。

awe.jsで問題が発生している場合は、助けを求めることができるいくつかのリソースがあります。 awe.jsの公式Githubリポジトリには、ライブラリのすべての側面をカバーする包括的なドキュメントが含まれています。 GitHubの問題トラッカーをチェックして、他の誰かが同じ問題に遭遇したかどうかを確認することもできます。そこに解決策が見つからない場合は、Stack Overflowまたは他のオンライン開発者コミュニティでヘルプを求めてみてください。オープンソースプロジェクト。これは、ライセンスの条件に準拠している限り、コードを自由に使用、変更、および配布できることを意味します。 awe.jsのソースコードはGithubで入手できます。そのため、バグレポートを提出したり、新機能を提案したり、独自のコードを送信したりすることで、プロジェクトに貢献することもできます。 .js？

オープンソースプロジェクトとして、awe.jsは主にユーザーと開発者のコミュニティによってサポートされています。 awe.jsのサポートが必要な場合は、プロジェクトのgithubページまたは他のオンライン開発者コミュニティでサポートを求めることができます。また、awe.jsを始めるのに役立つオンラインで利用可能な多くのチュートリアルやガイドもあります。
awe.jsプロジェクトに貢献するにはどうすればよいですか？

awe.jsプロジェクトに貢献する方法はたくさんあります。開発者の場合は、バグレポートを送信したり、新機能を提案したり、コードを書いたりすることで貢献できます。開発者でない場合でも、ドキュメントを作成したり、チュートリアルを作成したり、awe.jsについての言葉を広めるのを手伝っても貢献できます。どんな貢献も大歓迎であり、awe.jsをすべての人にとってより良いツールにするのに役立ちます。

以上がawe.jsを使用したブラウザの拡張現実の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

JavaScript in Action：実際の例とプロジェクトApr 19, 2025 am 12:13 AM

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1）DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2）node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

JavaScriptとWeb：コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1）DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2）ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3）サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解：実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1）エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2）実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3）ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript：学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript：コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1）Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2）Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3）どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ：すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1）C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2）C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3）JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン：実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析：ソースコードを語彙ユニットに変換します。 2。文法分析：抽象的な構文ツリーを生成します。 3。最適化とコンパイル：JITコンパイラを介してマシンコードを生成します。 4。実行：マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて：現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

See all articles