朝日ネット 開発者ブログ

朝日ネットのエンジニアによるリレーブログ。今、自分が一番気になるテーマについて書きます。

JavaScript

PWAでwebプッシュ通知を作る (3) - ブラウザのデバッグ機能を使用してプッシュ通知を受け取る

はじめに watanabeです。 前回の記事でWebページをPWA化しましたが、今回の記事ではプッシュ通知を受け取りその処理をする部分を実装します。 はじめに プッシュ通知のAPIについて 実装する 1. ユーザの許可を得る部分 2. プッシュ通知を受け取る部分 3. プ…

オリジナルの音声アシスタントを作ろう (2) - Media Capture and Streams API

前回は Web Speech API を使ってブラウザで音声認識をやってみました。 ただし、現状では対応ブラウザが少ない上に、まだ不安定という問題がありました。 そのため、今回はブラウザでマイクの音を拾うことができる API の Media Capture and Streams を使っ…

PWAでwebプッシュ通知を作る (2) - 簡単なwebページをPWA化してみる

今回のテーマ:PWA化の具体的なコードの書き方 watanabeです。 前回触れたとおり、PWA化に必要な具体的なコードの書き方を説明します。 今回のテーマ:PWA化の具体的なコードの書き方 PWA化に最低限必要なコードと具体的な記述方法 1 アイコンを作成する 2 Ser…

PWAでwebプッシュ通知を作る (1)

PWAとは どのようにPWA化するのか PWA化されたwebページの例 採用情報 朝日ネットの開発チームでサービスの企画やUIデザイン、HTML+CSSでの実装を主に担当している watanabeです。 今回技術テーマとしてwebページをネイティブアプリのように見せる「PWA(Prog…