Wake lock APIってなに？ | DevelopersIO
CX事業本部の熊膳です。 先日リリースされたGoogle Chrome 84のリリースノートをよんでると、Wake lock APIに対応をという記述を見つけました。 Wake lock APIって何？ってことで調べてみました。 Wake lock APIとは Wake lock APIは、簡単に言うとスリープしないようにできる機能のようです。 W3C : Wake lock API A wake lock prevents some aspect of the device from entering a power-saving state (e.g., preventing the system from turning off the screen). Wake lock は、デバイスの一部の側面が省電力状態に入るのを防ぎます（たとえば、システムが画面をオフにするのを防ぎます）。（
初心者がなにこれ(´・ω・｀)？ってなりそうな新しめのJavaScript文法まとめ | Hypertext Candy
この記事では、JavaScript 初学者の方が ES2015 以降のコードを見たときに戸惑いそうな文法を紹介します。メソッドなどとは異なり、記号の羅列でどうやってググればいいか分からないような文法をチョイスしました。 ブラウザによってはサポートされていない（主に IE11 ）記法もあるので、実際に試してみたい場合は Babel の Try it out ページがオススメです。リアルタイムでレガシーな JavaScript への変換結果が表示されるので アロー関数 まずはアロー関数です。アロー関数は ES2015 の目玉機能だったのでご存知の方も多いかもしれません。ただ最近でも初心者向けの入門書では紹介されていなかったりしますね。 アロー（矢印）関数は「矢印関数」の名前の通り、function キーワードの代わりに矢印を使った無名関数の定義記法です。以下の2つは同じ意味です。
Storybook 7 を Vue 3 + TypeScript ではじめよう！
想定読者や使い方などについては「はじめに」の章をご覧ください。
ReactとVueの比較 | 完全に同じアプリのコードの書き方の違い - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに JavaScript フロンエンドフレームワークは 2014 年ごろから本格的に使用され始め、従来のサーバーサイドテンプレートに対し、現代では一般的な Web 技術としてすっかり定着し、シェアとしては React、Vue が 2 強状態になっています。本稿では、最初に過去から現在の状況を俯瞰した後、React と Vue の関数コンポーネントを使用して、同じ画面と機能を持つコードの書き方を比較していきます。 過去から現在の状況 フロントエンド MVC の衰退 10 年前、フロントエンド MVC を標榜していた Angular
NestJSのススメ ～Expressを超えてゆけ～ - Qiita
この記事は､今年イチ！お勧めしたいテクニック by ゆめみ feat.やめ太郎 Advent Calendar 2019 23日目の記事です｡ 導入 皆さんこんにちは。らいパン粉という者です。twitter→https://twitter.com/elipmoc101 さて、皆さんはバックエンドのプログラミング言語に何を選ぶでしょうか。 PHP？Ruby？JavaScript(Node.js)？ それともElixir、Scala、Go、Rust、Haskell等でしょうか。Coolですね。 最近、フロントエンドではTypeScriptが有名です。 この際、バックエンドもフロントエンドもTypeScriptでサクッと開発してみたいと思いません？僕は思いませんけど。(Ebio Syntax) そんなわけで、TypeScriptでサクッとバックエンド開発ができるNestJSを紹介していきます。
React | Redux(Actions, Reducers, Store)による状態管理 - わくわくBank
Reduxによる状態管理の動作確認を行います。Actions, Reducers, Storeなどの役割を実際の処理を通じて確認します。 Reduxの3原則 動作確認をする前に、Reduxの3原則を復習しておきます。 https://redux.js.org/introduction/three-principles にてReduxの3原則が説明されいています。 Single source of truth State is read-only Changes are made with pure functions Reducerは純粋関数でなければならないなどのReduxを利用する上での注意点が述べられています。
モダンフロント開発に必須の知識(ES2015~ES2023まとめ + 高階関数) - Qiita
はじめに モダンフロント開発に必須の知識であるES2015〜以降の記法と、実務でよく使用される高階関数について、自分の中で改めて復習、整理しておきたいと思います。 それぞれの項目に★~★★★の重要度も記述しています。 ★★★ => 必ず覚えておくべき ★★ => 覚えておくべきだが、使う場面が限られる ★ => 知識としては知っておいた方が良い 現在フロントエンドエンジニアの方やフロントエンジニアになりたての方、フロントエンドエンジニアを目指して勉強中の方に読んでいただけたら幸いです。 ES(ECMAScript)とは？ JavaScriptの標準仕様。 現在ブラウザで使われているJavaScriptは、ECMAScriptの仕様に則って開発されています。 JavaScriptは他の言語のようにversionなどが存在せず、「ECMAScriptのversion~~に対応しているJavaS
OpenCV.jsをサクッと試す - Qiita
OpenCVがブラウザから利用できるようになったので試してみました。 OpenCV.js をちょっとだけ試してみた openCV.js を使ってスマホ上で画像処理をしてみた 先人たちの話によるとOpenCV.jsのビルドが必要だそうです。面倒くさい とりあえずサクッと試せる方法がないか探してみました。 TL;DR https://docs.opencv.org にあるので拝借 <script src="https://docs.opencv.org/3.4.1/opencv.js"></script>を追加 NPM それっぽいパッケージはありますが、Node.js用なので違いますね... https://www.npmjs.com/package/opencv4nodejs 公式が提供するパッケージは無さそうでした。 公式ドキュメント とりあえずドキュメント見ると何かわかるかもしれません。
JavaScriptの非同期処理をできる限り正確に理解する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? プログラミング初心者が詰まりやすいポイントとして、非同期処理はよくあげられるかと思います。実際初心者にとっては概念自体もわかりにくいし、なぜか記事によって言い回しやら説明の仕方やらが違うので調べれば調べるほど混乱してきて、心が折れそうになります。 そもそも言語によってシングルスレッドだったりマルチスレッドだったりと仕様は大きく異なっています。それによって非同期処理の仕組みだって異なってくるのに、全てをまとめて説明するのは無理があります。 そこで今回は、言語をJavaScriptに絞り、なるべく公式リファレンスに基づいた解説記事を書いてい
WebRTCのサンプル一覧｜npaka
以下の記事を参考に書いてます。 ・WebRTC samples 1. WebRTC「WebRTC」を使用すると、オープンスタンダード上で動作するリアルタイム通信機能をアプリケーションに追加できます。ピア間で送信されるビデオ、音声、および一般的なデータをサポートしているため、開発者は強力な音声およびビデオ通信ソリューションを構築できます。 このテクノロジーは、すべての主要なプラットフォームのネイティブクライアントだけでなく、最新のすべてのブラウザで使用できます。「WebRTC」の背後にあるテクノロジーは、オープンWeb標準として実装されており、すべての主要なブラウザで通常の「JavaScript API」として使用できます。 AndroidやiOSなどのネイティブクライアントの場合、同じ機能を提供するライブラリを利用できます。 「WebRTC」プロジェクトはオープンソースであり、Apple、
Peer connection
WebRTC samples Peer connection This sample shows how to setup a connection between two peers using RTCPeerConnection. View the console to see logging. The MediaStream object localStream, and the RTCPeerConnection objects pc1 and pc2 are in global scope, so you can inspect them in the console as well. For more information about RTCPeerConnection, see Getting Started With WebRTC. View source on GitH
Channel APIによるクライアント=サーバー双方向通信(1/5):Google App Engine for Java(GAE/J)プログラミング入門 - libro
HTMLはさまざまな使われ方をされるようになってきていますが、しかし苦手なものというのはあります。その一つが「連続した接続を維持すること」でしょう。HTMLは、１回毎にサーバーにアクセスしては接続が切れる、といったことを繰り返していますので、サーバーとクライアントの間での通信を維持し続けることはできないのです。これができないと、いわゆるPUSH配信（サーバーから必要に応じてクライアントに送信をする方式）などが行えません。 Ajax技術の発達により、擬似的にPUSH通信を可能にするものも登場するようになりました。HTML5では、これを更に進めたServer-Sent Eventや、新たなプロトコルを利用するWeb Socketといった技術も登場しました。 が、こうした技術は、まだ完全には広まっていません。IEが対応していないということもありますし、Web SocketなどはHTTPサーバーと
Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
getDisplayMedia()でブラウザから画面をキャプチャーする方法。 - Qiita
目的 getDisplayMedia()でブラウザから画面をキャプチャーする。 概要 getDisplayMedia()を使うと、ディスプレイまるごとやChromeのタブ、起動しているアプリ画面をキャプチャーできる。 取得したキャプチャーはMediaStream Recording APIを使用して録画したり、WebRTCセッションとして送信できる。 ゴール 開発環境 OS: macOS Mojave 10.14.4 ブラウザ: Google Chrome 73.0.3683.103 エディター: Visual Studio Code 1.33.0 ローカルサーバー: Live Server（VSCode拡張機能） 対応ブラウザ 参照:MediaDevices.getDisplayMedia() サンプルソース javascript "user strict"; const med
WebRTCコトハジメ - Qiita
本日から「WebRTC Advent Calendar 2014」始まりました。 初日は入門編ということで、これからWebRTCを利用したアプリを開発したいと思っている方向けに、参考になるスライドやサイトをまとめます。 1. まずは動かしてみる まずは、Googleが公開しているWebRTC Reference Appをご紹介します。開発者の間では通称apprtcと言われる、WebRTCのデモアプリで、プログラミングで言えば「Hello World」のような位置づけです。 WebRTC Reference App - https://apprtc.appspot.com/ アプリを開くとURLの末尾に r=15075904 というようなルームナンバーが発行されます。 このURLを接続したい人にシェアすることでビデオチャットを行うことが出来ます。 2. WebRTCの概要をさっと理解する ざ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES6モジュールのインポートとエクスポート
TypeScriptとNode.jsでWebRTCを実装してみた
https://riptutorial.com/Download/webrtc-ja.pdf
JavaScript省略形多すぎ問題 - Qiita
ES6オブジェクトリテラルの拡張 - Qiita
