はじめまして、開発部の8lukaです。小ネタですが便利なテクニックのご紹介です。 はじめに：大きな対応表を画面におさめたい 列見出しを縦に回転させる CSSのtransform インラインSVG JavaScriptにサイズを設定させる おわりに 採用情報

こんにちは。株式会社朝日ネット開発部のxfuzzyです。 JavaScriptで非同期プログラムを書くためのasync/awaitについて考えてみました。 また、プログラムを使って同期的なコードを非同期なコードに変換する方法も考えてみました。

はじめに watanabeです。 前回の予告では今回の記事でバックグラウンドで通知を受け取れるように実装する予定でしたが FCM用のJSをインポートする部分でバージョンを統一したところ ブラウザ上だと、ウェブページを閉じた状態 スマホだとブラウザを閉じた状…

はじめに watanabeです。 前回の記事ではデバッグ機能からプッシュ通知を送信して受け取ったときの処理を実装しましたが 今回は受信する端末ごとに異なるトークンを取得して、特定の端末にプッシュ通知を送れるようにします。 はじめに 実装の手順 1.Firebas…

はじめに こんにちは。朝日ネットでWebアプリケーションの開発を行っている tommy です。 前回 は Media Capture and Streams を使ってブラウザで音声を録音しファイルでダウンロードするところまで作ってみました。 今回はそのファイルをサーバにアップロー…

Web フロントエンド（というより Node.js + npm）のエコシステムでは他のエコシステムと比較して大量の細かいパッケージを作成する傾向にあります。 TypeScript + React + Redux + react-redux + react-router + redux-form + ... などとを組み合わせていっ…

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

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

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

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