2019年10月30日 アイコン画像を含めたWebサイトのダークモード対応を実現するCSSの話 こんにちは、鴨田です。 最近、仕事でダークモード対応することがあり、各種アイコンなどの対応で行ったことを書き記します。 1. ダークモード対応のCSSの基本 まずは、普通にダークモード対応のCSSを作成しましょう。 必要最小限のHTML(とCSS)のサンプルです。 <!DOCTYPE html> <html> <head> &n …
2019年10月20日 Vue TypeScript SpeechRecognitionAPIで作った議事録WEBアプリをNetlifyで公開した話 こんにちは江口です。 今回はネタでこんなWEBアプリ作ってみました。 frosty-pare-b67ea5.netlify.com ※後述しますが、PC Chromeでのみ確認可能です。私はmacOS Mojave 10.14.6のChrome version: 77.0.3865.120で確認しました。 「録音」ボタンを押すと、マイクを通して音声を認識・取得します。 取得された音声は文字に起こさ …
2019年10月7日 NuxtとAMPでアプリを作ってみた！ 皆さん、こんにちは！ニコラです。 フロントエンドもバックエンドも両方とも好きで、フルスタックエンジニアとして、さまざまな開発に取り組んでいます。 今回のブログでは、Nuxt.jsで開発したプロジェクトのAMP対応について書きました。 デモアプリを作りながらNuxtにAMPを導入する記事を『The Web Tub』で作成しましたので、お楽しみください！ 記事では、次の内容を説明します。 Nuxtプロ …
