【Nuxt.js】アプリ開発基礎編：Nuxt + Vuex + firebaseでシンプルToDoリスト - Qiita
前置き 本格的なTODOリストを作っていきます！ すっごく簡単なTODOリストは以前やりましたが、 一時的な物なのでリロードしたら消えます💥😲 https://qiita.com/aLiz/items/7d9e907850c15cc546a6 今回はfirebaseとVuexで 本格的TODOリストを作成します✨🎈 ・firebaseでデータ管理 ・Vuexで状態を保持 内容が濃いのでお知らせした通り、 有料記事になりました💰 https://note.com/aliz/n/n8411db2c9a20 まずは基本のTODOリスト、 次回以降のカスタマイズとして ・ログイン機能の追加 ・リストに画像機能の追加 も公開していきますよ！ CSSも追加したりして 自分好みのリストにしてみてください💕🥤☺️ Stepについて いつも通り超簡単なところから だんだんと肉付けをしていきます。
firebaseでファイルをストレージに送ってもらう＋送信されたらsmtp.jsをつかってメールを送信して通知する - Qiita
Email.send({ Host : "smtp.gmail.com", Username : "Gmailアカウント", Password : "Gmailパスワード", To : '送りたいアドレス', From : "Gmailならアカウントのアドレス", Subject : "件名", Body : "本文" }).then( message => alert(message) ); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>docs portal</title> <script defer src="/__/firebase/5.3.1/firebase-app.j
React Native for Web + TypeScript + Firebase + PWAを調べたのでまとめておく - gibachan's blog
動機 きっかけはこの記事。ちょっと前にこれを読んで、 「モバイルネイティブアプリに慣れた開発者が、React Native for Webを利用することで手軽にWebアプリ開発できないか？」と思ってたので調べてみました。 iOSについて言えばSwiftUI登場後、宣言的にUIを構築するということが自然となり、Webアプリの各種FW（Reactなど）との距離感が縮まっていること。前述の記事にあるように、ネイティブ開発で馴染みのあるコンポーネントをReact Nativeを経由してWebの世界に持っていけるなら、Webアプリ開発の敷居が下げられるんじゃないかと思って調べてみました。 先に結論 React Native for Webを使って簡単なTODOアプリを作ってみました。 一応Firebase Hostingに置いてPWAとしてモバイルにインストールするところまで試しました。 githu
AWSの新サービス「Amazon AppFlow」でSaaS-AWS間のデータ連携を試してみた - Qiita
はじめに 2020/4/23にAWSの新たなサービスとしてAmazon AppFlowなるものが登場しました。 このサービスを検証し、どんな使い道やメリットがあるのかを探ってみました。 更新履歴 2020/4/23 : 初版。サービスリリースに合わせて執筆 2020/9/15 : 更新。S3に出力可能なファイルのフォーマットに、JSONに加えて新たにCSVとParquetが指定可能に Amazon AppFlowとは? まずは、公式サイトの英文を翻訳して紐解いてみます。 https://aws.amazon.com/jp/appflow/ ※引用 Amazon AppFlowは、Salesforce、Marketo、Slack、ServiceNowなどのSoftware-as-a-Service（SaaS）アプリケーションと、Amazon S3やAmazon RedshiftなどのAWSサ
Firebaseにおけるセキュリティの概要と実践 - Flatt Security Blog
こんにちは。株式会社 Flatt Security セキュリティエンジニアの梅内(@Sz4rny)です。 本記事では、主にFirebaseの概要やセキュリティルールを用いた堅牢なCloud Firestore環境の構築について説明します。本記事を読むことで、Firebaseに関する基礎知識やデータベースにおけるセキュリティ上の懸念事項について理解するとともに、セキュリティルールを用いて堅牢なCloud Firestore環境を構築するための初歩を身につけることができるでしょう。 また、Flatt Securityでは開発/運用中のプロダクトにおいて、Firebaseをセキュアに活用できているか診断することも可能です。 Firebase を用いた開発におけるセキュリティ上の懸念事項が気になる場合や、実際に診断について相談したいという場合は、ぜひ下記バナーからお問い合わせください。 Fireb
【Nuxt.js】firebase導入編(firestore版)：データの追加 取得をしよう - Qiita
前置き 便利なfirebase！ シンプルに導入の仕方を解説していきます😉 簡単なデータの書き込みと取得をしてみます🍒 ❓そもそもfirebaseとは 簡単に言うと オンラインにデータを保存できて 取得もできる優れものです！ 自分で1から作るとなると大変ですが firebaseを使えば簡単ですね🌟 https://firebase.google.com/docs/database ❓どんな時に使うか 例えば、チャットアプリ！ リアルタイムにデータを保存・同期できるので メッセージを送り合うことが簡単になります💌 例えば、フリマサイト！👕👖 会員情報とその会員が出品した商品が DBに保存されていきます。 それを会員はいつでも編集でき、 反映したらすぐ表示が変わるわけです💡 会員自身でデータが作れて編集もできる！ といった感じです🌟 ❓Referenceの読み方 基本的にfir
nuxt.ts(nuxt.js+Typescript)でfirebaseをインジェクションしたい。 - Qiita
前書き nuxt.jsとFirebaseの組み合わせでなにか作るというのは結構ポピュラーらしく、qiitaでも検索するといろいろな記事が出てきます。私も大変お世話になりました。 nuxt.jsでFirebaseSDKを使う場合、多くはpluginディレクトリ内でfirebase.jsを用意してFirebase SDKを初期化し、各々のVueファイル内でimportするというのが定番のようです。 一方でnuxt.jsのインジェクションという機能を使うことで、いちいちvueファイル内でimportせずにFirebaseを呼び出せるようにする方法もあります。importの方がどこで何を使っているのか明示されてわかりやすいのですが、私は横着なのでインジェクションを使っています。 今回はそれをTypeScript導入済みのnuxt.jsでやってみようと思い、（警告が出ていますが）実際に動作させること
FlutterとFirebaseで開発した 英語の瞬間翻訳トレーニングアプリ Lala の技術 - Qiita
どうも、shoheiです。 株式会社Neverの代表です。 今回はFlutterとFirebaseで開発した英語の瞬間翻訳トレーニングアプリ Lala の技術を紹介します。 アプリはこちらからダウンロードできます（無料でご利用できます）。 ・iOS https://apps.apple.com/jp/app/id1493691416 ・Android https://play.google.com/store/apps/details?id=com.gmail.hukusuke1007.lala 目次 概要 開発期間 設計 主な機能 UI/UXデザイン ユーザーレビュー マーケティング その他 終わりに 概要 まずはLalaの概要を紹介します。アプリストアの情報をそのまま掲載します。 Lalaは英語の会話力向上を目的とした瞬間翻訳トレーニングアプリです。 次々と出題される文章を瞬間的に翻訳
「現場が使ってくれない」壁をどう越える？ 1カ月で社員1000人にZoomを広めた情シスに聞いた
松平 知氏： これまでサイボウズは、テレビ会議、IP電話、チャットなどのUC（ユニファイドコミュニケーション）としてCisco製品を利用していました。このうちオンプレミスの多地点接続システム（MCU）がEoS（サポート終了）になるということで、テレビ会議システムのリプレースを検討し始めました。 Ciscoから乗り換えず、MCUの後継となる機材を導入する選択肢もありました。しかし「社外とも接続したい」「録画をしたい」といったMCUで対応できない要望が社内で上がっていたこともあり、より広い目線で探したところ「Zoom」が今のサイボウズの働き方に合っていると判断したのです。 大前提は、これまでCiscoでできていたことはリプレース後もできること。その上でユーザーが使いやすいようにしたいと思いました。また、テレビ会議の端末などは引き続きCiscoの機材を使うので、それを生かしつつZoomを導入しな
Firebase を利用したプッシュ通知の実装 - Qiita
はじめに 仕事で解決したいことがあり、Web Push と Service Worker（以下 SW）の利用を検討しようかなと思っています 調べると Firebase Cloud Messaging（以下 FCM）を使うと簡単に実装できそうだったので、サンプルアプリを作成してみようと思います 今回実装したコードは以下です https://github.com/kurosame/glossary FCM の設定（管理画面） 以下から初期設定を行う 管理画面上での設定は以上で、その後実装する上で必要な情報は「プロジェクトの設定」で確認できます Firebase の初期設定 以下の情報は「プロジェクトの設定」で見れます 隠してますけど、これらの情報は公開してもセキュアです ただし、Firestore などのリソースにアクセスできてしまうと思うので、使っている場合は適切なルールを設定しておく必要は
Firestore エミュレータのデータをローカル環境で import/export する - Qiita
概要 Firebase エミュレータで Firestore の import/export ができるようになったので、導入方法について紹介します。これまで、エミュレータを再起動する度にデータが初期化されていていましたが、特定のタイミングで export して起動時に import できるので、毎回テストデータを取り込む作業がなくなるなど、開発効率が上がります。 導入方法 本機能は firebase-tools の 7.14.0 で対応したので、 firebase-tools を再インストールして firebase のバージョンが 7.14.0 以上であることを確認します。 firebase emulators:export --help Usage: firebase emulators:export [options] <path> export data from running em
Cloud Run × Flaskでお手軽にマイクロサービスを実現する - Qiita
はじめに 個人開発でアプリ作成中なんですが、バックエンドをrailsで作っていました。 そんなある日。。。 こんな記事を見ました。 Firebaseでバックエンドエンジニア不在のアプリ開発 クックパッドが体感した、メリットと課題 Firebaseならバックエンドエンジニアを必要としない開発ができる ( ﾟдﾟ) ... マジカ これに感化されてCloud Functionでバックエンドを作ってました。 が ある理由でそれは辞めました。 なぜ、Cloud Functionを採用しなかったか 今回マイクロサービスをアーキテクチャとして採用し、さらに各機能を自分が作るのは嫌なので、BaaSをサービスと定義して自分はBFFだけ作ってやろうという腹でした。 それだったら、BaaS単位で共通のライブラリファイル作ったほうが、他のプロジェクトを立ち上げる時に楽だよね？となり、クラウドファンクションにそう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『Nuxt.js + Firebaseで釣具の管理サービスを作った - to-R Media』へのコメント