Firebase

materializecssのSelectを入れたい。 https://materializecss.com/select.html selectは初期化が必要らしいのだが、next.jsからだと呼べない。 https://materializecss.com/select.html#initialization materialize-cssっていうnpmがあるので入れてみたけど、importで怒られる。 ReferenceError: window is not defined This error happened while generating the page. Any conso…

今回は、Firestore に保存されているデータで、該当する月のデータのみを取得してくる方法のサンプルを紹介していきたいと思います。 結論 サンプル実装は、Ballcap という Firestore のラッパーライブラリを使っていますが、基本的にやることは同じで isGreaterThanOrEqualTo と isLessThanOrEqualTo で Date の範囲を指定してあげます。今回の場合は、該当する月の範囲でデータを取得したいので、Calendar.current.dateComponents([.year, .month], from: date) で date が該当する月…

みなさん、Firestore は使っていますか？僕は、個人で開発中のアプリでがっつり利用させてもらっている(Firebase信者)ので日々 Firestore と格闘しています🤺 今回はそんな Firestore で複合インデックスを作成する機会があったのでメモしておきます。 複合インデックスってなんぞや？ 複合インデックス とは、複数のフィールドの条件に応じて並べ替えられ、マッピングされたもののことを指します。Firestore では、単一のフィールドに対するインデックスである 単一フィールドインデックス は Firestore の自動インデックスという機能によって保持されます。ちなみに、自…

はじめに 開発環境 本題 おわりに 参考 はじめに 【Firebase Cloud Messaging】導入の手順 - Swift・iOSの続きです。今回は受信したプッシュ通知のメッセージを処理する方法について記事にします。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 CocoaPods 1.10.0 FirebaseMessaging 7.3.0 本題 以下のように、AppDelegate.swiftにメソッドを追加する。 AppDelegate.swift // 通知が到着した時の挙動 func userNotificationCe…

はじめに 開発環境 手順 おわりに 参考 はじめに 【Firebase Cloud Messaging】導入の手順 - Swift・iOSの続きです。今回はFirebase Cloud Messagingを導入したアプリに、Firebaseコンソールからプッシュ通知をテスト配信する手順について記事にしました。 開発環境 ・macOS Catalina 10.15.7 ・Xcode 12.2 ・Swift 5.3.1 ・CocoaPods 1.10.0 ・FirebaseMessaging 7.3.0 手順 Firebaseコンソールを開く。 コンソールの下にスクロールして、Cloud Mess…

学習開始の経緯 フリーランスの仕事で大きなアプリの設計をすることになりました。 バックエンドには慣れた技術を使って良いと言われているので、もし何も気にしなくて良ければデータベースには RDB を使いたいところです。 しかし同社からいただくお仕事は基本的に Firebase 利用です。 RDB なら API サーバなど一体的な開発になり、保守できる人の確保が難しいかもしれません。 費用面では RDB は高額になる可能性があります。 そんなわけで Firestore に決めました。 目標 問題は、私自身は Firestore のモバイルアプリのクライアント側しか経験がないことです。 下記のような不…

2日前の記事「販促、一つ改善に取り組んでみましたが・・・」の中で課題になって先送りにした「FireBaseプロジェクト管理」の続きです。 Google先生に「使ってないプロジェクトを管理しておけ」と叱られたのですが、雑務と苦情処理に追われていた後に時間が少し出来たのと、ずっと気になったので再度整理を試行。前回で既に、FireBaseプロジェクトを消去する上で問題となっているDialogflowプロジェクトは消去していたのだが、リーエンは生き残っていたらしい。正直、このリーエンなるものはよく理解できていない。Google Cloud Platformより表記されたリンクを辿って再度削除とシャット…

ひょんなことからタイトルにあるようなことをやってみたので、その作業ログを残しておきます。 *作業ログを残すのは途中でなにか煮詰まったときに思考を客観視できたり、後々役に立つことがあるので習慣にしています。 やりたいこと Markdownで書いているドキュメント（GitHubで管理している）をWebで見れるようにしたい 不特定多数に公開するものではないので、簡易的な認証も欲しい 無料で試したい Markdownで書いているドキュメントをWebで見れるようにするためにHonKitを使うことはすぐに決められたのですが、認証をかけるためにどこにホスティングするかちょっと迷いました。 はじめはHerok…

zenn.dev 2年前に書いたVue vuexでfirebaseのログイン保持を、Vue3+Composition APIで書き直したものです。 未だにちょくちょく読まれているようなのですが、流石に2年前のバージョンのチュートリアルは申し訳ないと感じたので書き直すことにしました。 需要があるかはさておき。 1年ぶりくらいにVueを書きましたが、やっぱり書きやすいですね。 TypeScriptから逃げられないのでReactを選んでいますが、Vueが完全に対応したらVueを選んでもいいかもしれない。

こういう風に投稿すると(左)、esa.ioにこういう感じ(右)で投稿される分報風のアプリを自分用に年末年始に作りました。 作った動機 使った要素技術 Firebase Authentication Firebase Hosting + React Firebase Cloud Functions デプロイ自動化 所感 作った動機 きっと皆さんそうしているように、私も日々ログを残しながら作業をしている。仕事ではscrapboxを使っているが、プライベートではesa.ioを愛用している。プレビューを見つつmarkdownで書けたり、タグとカテゴリがいい感じに使えたりするところが気に入っている。あと…

はじめに Firebase でチャットアプリを作成するチュートリアル（Firebase web codelab）を試してみました。 チュートリアルでは、以下のことが学べます。 Cloud Firestore と Cloud Storage のデータ同期 Firebase Authentication のユーザー認証 Web アプリケーションのデプロイ Firebase Cloud Messaging の通知送信 Web アプリケーションのパフォーマンスデータ収集 環境 ・Firebase 8.2.1 ・openSUSE Tumbleweed 20201229 ・Virtual Machine：…

Firebase とは Google が提供しているモバイルおよび Web アプリケーションの BaaS（バックエンドサービス） Firebase を使うことで、開発者はアプリケーションの開発に専念でき、バックエンドで動くサービスを作成・管理する必要がありません。 Firebase の機能 Firebase では主に以下の機能が提供されています。（2020年12月31日時点） 参考：株式会社トップゲートRealtime Database オブジェクト型のデータベースで、リアルタイムでクライアント全体の状態を同期します。 出典：Md Munir Hossain – Medium Cloud Fi…

更新日時 2021/01/24/07:00 Qiita Trends Daily 1位 ※前日4位 TypeScript,Firebase,React,react-hooks Qiita Trends Daily 2位 ※前日3位 Qt,Line,TWELite,RaspberryPiZeroW Qiita Trends Daily 3位 [New] WordPress,サーバー管理,サイト制作,WordPressプラグイン Qiita Trends Daily 4位 ※前日2位 機械学習,MCMC,時系列解析,統計学,ベイズ統計学 Qiita Trends Daily 5位 [New] 転職…

*再掲載 コンテンツアイデアの見つけ方 この動画で紹介されていたこのサービス↓ How to Find Endless Content Ideas キーワードを打ち込むとユーザーの検索ワード(ニーズ)が様々な観点からビジュアルでわかるサービス。日本向けには作られていないけれど、アイデアを得ることを目的にするなら素晴らしいサービス。「Slack」で調べた結果↓ スタートアップ系 thebridge.jp 友人や家族・知人などと一緒に購入する「シェア買い」をすることで最大で7割引きの特典が受けられるソーシャルeコマースサービス。コミュニケーションしながら友人と一緒に購入するという、ウィンドウショッ…

*再掲載 微妙な1ヶ月。某漫画サイトにハマり、鬼滅の刃だけ読めば良かったものを他にも大量に漫画を読んでしまい、かなりの時間を無駄にした。漫画は素晴らしいエンターテイメントでだし、時に教養になるけど、何事もやりすぎは毒になりますねと。 今月最大の収穫 3月の目標確認 やったこと インターン 週末(デート) 個人的な時間 使ってみた新しいサービス 観た映画・ドラマ 読んだマンガ 今月のNo.1書籍 総括 今月最大の収穫 非同期処理の理解とDB設計の本格的な実践 3月の目標確認 達成したものは打ち消し線で表示 Flutterエンジニアとして仕事ができるレベルに達する(未達) Qiita 4記事執筆 …

*再掲載今月から毎月振り返りをする。これをすることで年始に立てた目標も毎月疎かにすることなく、達成していけるはず。 今月最大の収穫 やったこと インターン 情報発信 読書 使ってみた新しいサービス 観た映画・ドラマ 読んだマンガ 新しく始めたこと 反省点 今月のNo.1サービス 今月のNo.1書籍 総括 今月最大の収穫 全くの0からFlutterを書きまくり、Flutterでの開発に多少は慣れたこと やったこと インターン Flutter 環境構築&チュートリアル Flutter入門読破 Firebase チュートリアル Flutter×FirebaseでAuthenticationの実装 ロ…

この記事はcloud.config tech blogにマルチポストしています。 tech-blog.cloud-config.jp Google Developer Profileっていうのがあるんだって 最近Google技術のコミュニティの勉強会で教えてもらって知ったのですが、GoogleのサイトでGoogle Developer Profileというものがあるみたいです。 これはGoogle版の開発者向けサイトで、登録することで学習コンテンツの学習状況やコミュニティへの参加状況を保存できるサービスみたいです。 去年の10月ごろにオープンされたようなのですが、今もBeta版で機能は開発中み…

おはこんばんちはaomaです。 記念日を通知する『KINENBI』というサービスを作ってます！当日だけでなく○ヶ月記念日や777日記念日といったキリ番にも対応しています！現在事前登録受付中です！よろしくお願いします！#KINENBI#拡散希望 https://t.co/0deleLPFQA— aoma23 (@aoma23) 2021年1月22日 この物語はそんなaomaがはじめてのFirebaseに挑む壮大なアクションアドベンチャーである！第6話！ 第6話の内容 本番では送信できていなかったメールを送れるようになる（NodeMailerとGmailの設定見直し） エミュレーターのテストデータ…

こんにちは、MA基盤チームの田島です。ZOZOTOWNでは、ユーザコミュニケーションの手段としてLINE、MAIL、アプリへのPUSH通知を利用しユーザへのお知らせを実現しています。 その中でも、現在ユーザへのコミュニケーション強化の一環としてアプリPUSH通知（以降、PUSH通知）の強化をしようと考えています。ZOZOTOWNのPUSH通知は今まで、とある外部SaaS（本記事で出てくるSaaSはすべてこの外部SaaSを表します）を利用していました。しかし、PUSH通知チャネルの強化をする上で、利用していたSaaSでは要件を満たせない部分がありました。そこでPUSH通知のためのツールとしてFi…

こんにちは！エンジニアの中村(@chibiprogrammer)です！ 去年の12月末にUUUMでオンラインハッカソンを行いました！ ハッカソンの概要 今回のハッカソンのテーマは、「今年話題だったもの」 タイムスケジュール 参加チーム一覧 成果物の紹介 発表 投票基準 賞の種類 結果発表 参加した人のコメント まとめ ハッカソンの概要 本来であれば半年に1回こんな感じで開発合宿をするのですが・・・ system.blog.uuum.jp 今回は情勢的に厳しいこともあり、 何かコロナ禍の中でも出来るイベントはないだろうかと考え、 リモートでハッカソンならできるのでは？という流れになり、 開催する…

おはこんばんちはaomaです。 記念日を通知する『KINENBI』というサービスを作ってます！当日だけでなく○ヶ月記念日や777日記念日といったキリ番にも対応しています！現在事前登録受付中です！よろしくお願いします！#KINENBI#拡散希望 https://t.co/0deleLPFQA— aoma23 (@aoma23) 2021年1月22日 この物語はそんなaomaがはじめてのFirebaseに挑む壮大なアクションアドベンチャーである！第5話！ 第5話の内容 firestoreのセキュリティルールを設定できるようになる 本編 セキュリティルールやっていくぞ！やばいんでね。 pic.twi…

Firebaseの続きです。前回はRealtime DatabaseにFetch APIでCRUD操作しました。作ってみて気がついたがこのままだと誰でもデータを編集できちゃう。そうなってくると必要なのはユーザー認証設定。Authenticationで実現できるようなのでトライ。ドキュメキュメントにはなかったリダイレクト設定も調べて実現しました。それではいきましょう！

ここ何年かは抱負を立てるやつをやってなかったので、今年はやろうかと思います。 2020年は全世界の人々にとって大変な年でしたが、それの影響もあって、個人的には大変空虚な一年でありました。 １１月にようやくゲームマーケットが開催されるまでは、春のゲムマやコミケなどはお休みでしたし、ボードゲーム会も全然できませんでした。 とはいっても、いくつかクリエイティブの仕込みはしてあったので、それをどんどん世に出して、今年中に2年分の成果を出す方針で行きたいと思います。さて、今年の抱負ですが、気軽に、半分備忘録くらいの気持ちで、去年（あるいはそのさらに前から）やろうやろうと思って出来なかったことを列挙してい…