【第4回】パチ飯マップ — Cloud Functions + Twitter API で新着投稿を自動ツイート
前回は、Firebase の名前付きデータベースとサブドメインを組み合わせて複数エリアのデータを完全に分離する設計を紹介しました。今回は最終回として、Firestore に新しい投稿が書き込まれた瞬間に
【第3回】パチ飯マップ — Firebase × サブドメインでエリアを分割する設計
前回は、Google Maps + Places API を使って地図タップや検索バーからお店を探す仕組みを紹介しました。
今回は、このアプリが複数のエリアに対応する
【第2回】パチ飯マップ — Google Maps + Places API でお店を探す仕組み
前回は、React + TypeScript + Firebase + Google Maps API を使ったクローズドコミュニティ向けのグルメ共有マップアプリの概要・主要機能・技術スタックを紹介しま
【第1回】クローズドコミュニティ向けグルメ共有マップを作った — 概要・機能・技術スタック
「友人や知人など、限られたメンバーの間で『行ってよかった飲食店』を気軽に共有したい」——そんな思いから、React + TypeScript + Firebase + Google Maps API を
【第3回】路線バス乗り換え PWA — Cloud Functions でバス時刻表 URL を取得する
前回(第2回)は、BusTime を支える Firestore のデータ設計と Firebase Auth の認証フローを解説しました。今回はシリーズ最終回として、Cloud Functions でバス
【第2回】路線バス乗り換え PWA — Firestore のデータ設計と Firebase Auth の実装
前回は、React + TypeScript + Firebase で自作した路線バス乗り換え PWA「BusTime」の概要・主要機能・技術スタックを紹介しました。今回は、このアプリを支える Fire
Firebaseによるユーザー認証機能を実装する
本記事ではFirebaseを使用したユーザー認証機能の実装を行います。言語はTypescriptを使用していきます。
そもそもFirebaseってどういうものか、よくあるメールアドレスとパスワードによるユーザー認証 ...
OpenWetherのAPIを使って天気情報を取得する
本記事では、OpenWetherのAPIを使って世界の天気情報を取得する方法について説明していきます。正確には、実際に手を動かしながらやってみます。
OpenWetherのWebサイトはこちら:
実TypeScript/Reactを使ったWebアプリケーションを作る [第1回]
「そろそろ TypeScript をちゃんと書けるようになりたい」——そう思って本を買ったものの、最初の環境構築でつまずいて止まってしまう、というのはよくある話です。特に普段の作業マシンが Window








