Thingy:52 Polymer および React Web アプリ
このリポジトリには、Thingy:52 の機能を紹介する Polymer および React Web アプリを構築するためのソース コードと手順が含まれています。 Polymer Web アプリのライブ バージョンを表示するには、ここをクリックしてください。React Web アプリのライブ バージョンを表示するには、ここをクリックしてください。
アプリ
ポリマー
Web アプリは Polymer 1.0 で構築されており、Web Bluetooth API を使用して Thingy:52 と通信します。 Web Bluetooth API は、Android、Windows、Linux、Chrome OS、OS X 上の Chrome および Opera の最新バージョンでサポートされています。さまざまなブラウザでの実装ステータスの最新リストを確認してください。
推奨事項
- Web Bluetooth API については、François Beaufort による「Web 上の Bluetooth デバイスとの対話」ガイドを読んで学習してください。
- 公式の Polymer 1.0 スタート ガイドを読んで、Polymer について学びましょう。
前提条件
Node.js
Node.js のアクティブな LTS バージョン (4.x または 6.x) をインストールします。現在のバージョン (7.x) は動作するはずですが、正式にはサポートされていません。
Git
Gitをインストールする
バウアー
ポリマー-CLI
npm install -g polymer-cli
インストール手順
- このリポジトリのクローンを作成します
- すべての前提条件を満たしていることを確認してください
- webapp-nordic-thingy フォルダー内を参照し、bower で依存関係をダウンロードします。
- ローカル Web サーバーを起動してプロジェクトをテストする
Web アプリはデフォルトのブラウザで自動的に開きます。
プロジェクトをビルドする
プロジェクト内を参照し、polymer-cli を使用してビルドします。
これにより、新しいビルドフォルダーが作成されます。中にはバンドルされたフォルダーとバンドルされていないフォルダーがあります。ビルド プロセスと出力の詳細については、公式の Polymer-cli ドキュメントを参照してください。
サードパーティライセンス
スリー.js
MITライセンス
チャート.js
MITライセンス
ポリマー
著作権 (c) 2017 ポリマー著者。無断転載を禁じます。
以下の条件が満たされる場合、修正の有無にかかわらず、ソースおよびバイナリ形式での再配布および使用が許可されます。
- ソース コードを再配布する場合は、上記の著作権表示、この条件リスト、および次の免責事項を保持する必要があります。
- バイナリ形式で再配布する場合は、上記の著作権表示、この条件リスト、および次の免責事項を、配布物とともに提供されるドキュメントおよび/またはその他の資料に複製する必要があります。
- Google Inc. の名前もその貢献者の名前も、書面による事前の許可がない限り、このソフトウェアから派生した製品を推奨または宣伝するために使用することはできません。
反応する
推奨事項
- この Web アプリは、Thingy:52 を使用して Web Bluetooth アプリケーションの開発を簡単に開始できるようにすることを目的とした Web Bluetooth API を使用して構築されました。この API について詳しくは、ここをクリックしてください。
- Web Bluetooth API については、François Beaufort による「Web 上の Bluetooth デバイスとの対話」ガイドを読んで学習してください。
- 公式 React 入門ガイドを読んで React について学びましょう。
- React アプリをすばやく簡単に作成する方法の概要については、「Create React App」を参照してください。
前提条件
- Node.js - Node.js のアクティブな LTS バージョン (v8.11.3 など) をインストールします。現在のバージョン (10.6.0) は動作するはずですが、正式にはサポートされていません。
- Git - このリポジトリのクローンを作成する場合は、Git をインストールする必要があります。あるいは、「クローンまたはダウンロード」をクリックしてから「ZIP をダウンロード」をクリックしてリポジトリをダウンロードすることもできます。
- Google Chrome - Google Chrome は現在 Web Blueooth をサポートする唯一のブラウザであるため、Web アプリを使用するには Google Chrome が必要です。
- Windows 10 用 Web Bluetooth ポリフィル- Windows を使用している場合は、Web Bluetooth を有効にするためにポリフィルをインストールする必要があります。ダウンロードとセットアップの手順が記載されたガイドは、こちらからご覧いただけます。注: 2019 年 1 月の時点で、このポリフィルは古いため、代わりに Chrome Canary を使用することをお勧めします。これは、Chrome Canary がネイティブ Web Bluetooth サポートを備えているためです。
注意事項
- Windows - Web Bluetooth API が正しく動作するには、Windows 10 バージョン 1706 (Creators Update) 以降が必要です。
インストール手順
- このリポジトリを複製またはダウンロードします。
- すべての前提条件を満たしていることを確認してください。
- コマンド ライン ツールを開き、リポジトリのルート フォルダーに移動し、次のように入力して依存関係をダウンロードします。
- プロジェクトをテストするには、次のように入力します。
プロジェクトをビルドする
プロジェクトのルート フォルダーから、コマンド ライン ツールで次のように記述します。
これにより、新しいビルドフォルダーが作成されます。中にはウェブサイトのバンドルパッケージが入っています。静的ファイルを提供できる任意のサーバーでビルドをホストできるようになりました。
注: ルート フォルダー以外のフォルダーからビルドを提供する場合は、package.json ファイルを開き、目的のパスに一致するように「ホームページ」フィールドを変更します。
サードパーティライセンス
- React - MIT ライセンス
- three.js - MIT ライセンス
- リチャート- MIT ライセンス
- Redux - MIT ライセンス
- React-toastify - MIT ライセンス
- React-redux - MIT ライセンス
- React-three-renderer - MIT ライセンス
- React-syntax-highlighter - MIT ライセンス
- 反応アプリの作成- MIT ライセンス
- React-router - MIT ライセンス
- React 対応- MIT ライセンス
- Redux - MIT ライセンス
- React-router - MIT ライセンス
- マテリアル ui - MIT ライセンス
- Babel-eslint - MIT ライセンス
- Eslint - MIT ライセンス
- Eslint-config-google - MIT ライセンス
- Eslint-plugin-react - MIT ライセンス
- React-emojione - MIT ライセンス
このソフトウェアは著作権者および寄稿者によって「現状のまま」提供され、商品性および特定目的への適合性の暗黙の保証を含むがこれに限定されない、明示的または黙示的な保証は一切否認されます。いかなる場合においても、著作権所有者または寄稿者は、直接的、間接的、偶発的、特別、例示的、または結果的損害（代替品またはサービスの調達、使用、データ、またはデータの損失を含みますがこれらに限定されません）に対して責任を負わないものとします。たとえその可能性について知らされていたとしても、契約上、厳格責任、または不法行為（過失またはその他を含む）のいずれかに起因するものであれ、いかなる責任理論に基づくものでも、 ダメージ。
