Twitterでお菓子と一緒にメッセージを送れるサービスを二週間で開発、リリースした【個人開発】 - Qiita
こんにちは、Qiitaに初めて投稿するG4RDSと申します。 一年半前からWebを触り始めて、最近はVue.js/Nuxt.jsを使ってFirebaseをバックにWebサービスを作るのを趣味にしています。 今年度が大学一年生です。 今回、メッセージをお菓子のイラストと一緒にTwitterのリプライやDMで贈れる「chocotto」というサービスをリリースしました。 これが僕が作ったWebサービス二作目です。 サービス開始しました！ chocottoは無料で使えるギフトメッセージサービスです💌 メッセージをチョコなどのお菓子のイラストと一緒に贈れます🍪 もうすぐバレンタイン🍫 遠くてチョコを渡せない人にも、chocottoで想いを届けてみませんか？#chocottohttps://t.co/J3ONNEpKwu — chocotto (@chocotto_co) 2019年2月11日
SNS映えするWebアプリを...！FirebaseとVue.jsでSPAのOGP画像の動的生成をやってみたら案外楽だった - Qiita
SNS映えするWebアプリを...！FirebaseとVue.jsでSPAのOGP画像の動的生成をやってみたら案外楽だったOGPSPAVue.jsFirebaseFirebaseCloudFunctions この記事はFirebase Advent Calendar 2018 6日目の記事です。 はじめまして、ゆき(@twitter:yuneco)です。日頃は絵を描いたりちょっとしたWebアプリを個人開発したりして遊んでいます。今日は個人でTwitter連携アプリを開発した際に悩んだSPAの動的な（ページごとの）OGP生成について情報をまとめてみたいと思います。NuxtやSSRは使いません。 作ったもの＆OGPのイメージ 今回作った colorinco*カラーインコ はTwitter連携したユーザの投稿画像やお気に入り画像を表示し、そこから自動的にカラーパレットを生成、Twitterでシェ
Flutter と Firebase と Cloud Functions - Intelligent Technology's Technical Blog
こんにちは。中山です。 Google 社が提供するサーバレス技術である、 Cloud Functions 。 今回は、 Cloud Functions for Firebase を用いて、Clound Functions の機能を Firebase 経由で利用し、さらにそれを Flutter で作成したモバイルアプリから呼び出すことで、Flutter と Firebase 、そして Cloud Functions の連携を、お手軽に試してみたいと思います。 目次： 時代はサーバレス、なのか Flutter と Firebase の連携 Cloud Functions 利用時の Firebase 料金プラン Cloud Functions の実装 Flutter アプリの実装 プロジェクトの作成と登録 プラグインの導入 コードの実装 アプリの実行 Cloud Functions のメリット・
CODER.comを使って、ブラウザだけでGoogle Cloud Functionsの開発する
ここ数年、Cloud9やCodenvyを始めとしてブラウザだけでフロントやサーバサイドの開発を行えるCloudIDEが複数リリースされています。 そもそもAtomやVSCodeなどのエディタがElectronなどを使ったWeb技術の上で作られていることもあり、ここ数年で凄まじい進化を遂げ、いくつかの環境では本当にブラウザだけで開発できる様になってきました。 いま個人的なプロジェクトのフロントエンド(React)はCodeSandboxで開発していますが、MacbookでもiPadでも同じように開発ができ、非常に便利です。 次にサーバサイドとしてCloud Functionsを使いたく、この開発環境もブラウザだけで構築するのを試してみました。 まずは直接Cloud Functionsとの連携をサポートしているCloudIDEを探したけど見つからず、コンソールをサポートしていて使いやすいものを
Firebase HostingにIPでアクセス制限をかける。そして少し妥協する。 - Qiita
本記事はLIFULL Advent Calendar 2017の16日目の記事です。 昨日は@watanataの「passenger-statusを監視するMackerelのプラグイン」でした。 Firebase Hostingにアクセス制限かけたい ご存知の方も多いと思いますが、FirebaseにはWEB Hostingの機能が無料で公開されています。 デプロイの手順もCLIツールでかんたんにでき、公開されたWEBページはhttpsになっているという大変ありがたい機能です。サクッと作ったWEBを公開するのにもってこいですね。 しかしこのサービスにはアクセス制限の機能がなく、一度deployしてしまうと全世界に配信されてしまいます。 もちろん本番サイトであればそれで良いのですが、開発環境や社内ツールとして利用したい場合1 にはアクセスを制限できないのは少し困ります。 そこで、今回は今年のG
[Firebase Hosting,Functions] basic認証付きでサイトを公開する
firebase.json p�,��U �)��U { "hosting": { "public": "public", "rewrites": [ { "source": "**", "function": "app" } ], "redirects": [{ "source": "/", "destination": "/auth" }], "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ] } } functions_index.js p�,��U # functions/index.js const functions = require('firebase-functions') const express = require('express') const basicAuth = require('bas
![[Firebase Hosting,Functions] basic認証付きでサイトを公開する](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
Firebase HostingからFirebase Functions を使ってGKEのアプリケーションにプロキシする - GAミント至上主義
Firebase Hostingを使ったサイトで、一部のパス（/api以下等）へのリクエストを別サーバーに投げられる仕組みを考えた。 別サーバーでCloud Functions（Node.js）で出来ないことをしたかった。 結果として動いてしまったけどなぜこんなことしてるのか分からなくなってきたのでまず整理。 １、アプリケーション概要 フロントエンド Vue.jsでビルドしたSPA（Firebase Hostingで配信） バックエンド GKEで動いているヘッドレスChromeやDjango等を使ったAPIサーバー。Cloud Functionsじゃむりぽ。 ２、動機 上記構成を普通につくるとホスト名やSSL証明を分ける必要があり、下記のデメリットが発生する バックエンドではHTTPS Load Balancerを立てる必要があり、SSL証明書の設定が必要 フロントエンドからAPIにリクエ
ローカルでの関数の実行 | Cloud Functions for Firebase
フィードバックを送信 ローカルでの関数の実行 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase CLI には、次のタイプの関数をエミュレートできる Cloud Functions エミュレータが含まれています。 HTTPS 関数 呼び出し可能関数 Firebase Authentication、Realtime Database、Cloud Firestore、Cloud Storage、Cloud Pub/Sub からトリガーされるバックグラウンド関数 関数を本番環境にデプロイする前に、ローカルで実行してテストできます。 Firebase CLI をインストールする Cloud Functions エミュレータを使用するには、まず Firebase CLI をインストールします。 npm install -g firebase-tools
Twilio+CloudFunctions+Stackdriverで障害アラートを電話で通知してみる - Qiita
はじめに(モチベーション) 商用環境だけど、外部委託とかの大した監視いらないからURLの疎通が出来なかったらアラート飛ばしたいってときがある。 イベントログとかパフォーマンスとかどうでもいいから、サービスが本当に使えなくなったときだけアラートがほしい。 かといって、深夜にslackとかメールで気づけるわけがないから、電話がほしい。 でも、stackdriverとかだとメールとかslackにしか通知できない。 URLの疎通が出来なかったら電話かけてきてほしい。 twilio(トゥイリオ)って何？ webAPIによって自動で電話をかけたり、SMS送ったりするやつ。 本社はアメリカのtwilio社がやっていて、日本ではKDDIが代理店としてサービスを提供している。 用途としては、自動の音声案内とかにも使われてたりする。 料金はざっくり以下となる。がトライアルで500円分が最初にもらえる。 電話番
Nuxt.js を Google Cloud Functions ベータ node 8で動かしてみた。 - Qiita
Nuxt.js を Google Cloud Functions ベータ node 8で動かしてみた。Vue.jsFirebaseFunctionsNuxtgooglecloud はじめに 用語として、node.js v8をnode8と言っています。 つまり、node.js v6はnode6とここでは書かせてもらっています。 試行錯誤の流れを垂れ流しています。 firebaseのプロジェクトを使いまわしている場合のFunctionsのnodeバージョンを変更する方法がキモだと考えています。最後の方に書いています。 2018/08/25追記 書いた後に気づきましたが、Google App Engine（GAE)でもNode 8 が動くようになりました。こちらでNuxt.jsを動かす方が現実的ですね。 その場合は、以下を参照されるとよいです！ Nuxt.js on Google App Eng
firebaseでサーバレスなSPAアプリを作った話 - Qiita
はじめに Firebase使ってみて便利さに感動したのでポイントまとめてみました Reactとかフロントエンドのフレームワーク使ってSPA作る分には結構戦えますね とはいえ最終的に細かい作り込みをすると辛いところは出てきそう… 作ったもの https://喫煙所.net 見たまんまですが、喫煙所の共有サービスです 喫煙者の皆様は是非使ってみてくださいｗ 使ったもの Firebase Hosting Reactでbuildした静的ページの配信 Authentication 非ログイン時は匿名認証 SNS認証使ってログイン時にグレードアップ Cloud Firestore 喫煙所情報の保存 いいね情報の保存 公開用のユーザ名の保存 Cloud Functions for Firebase Firestoreの更新をトリガーにAlgoliaのインデックス更新を実行 Algolia 主に喫煙所の検
光学式文字認識（OCR）のチュートリアル（第 2 世代） | Cloud Functions Documentation | Google Cloud
フィードバックを送信 光学式文字認識（OCR）のチュートリアル（第 2 世代） コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google Cloud Platform での光学式文字認識（OCR）の実行方法について学びます。このチュートリアルでは、画像ファイルを Cloud Storage へアップロードし、Cloud Vision を使用して画像ファイルからテキストを抽出して、Cloud Translation API を使用してテキストを翻訳し、翻訳を Cloud Storage に保存する方法を説明します。Pub/Sub を使って、さまざまなタスクをキューに入れ、適切な Cloud Functions を使いこれらを実行していきます。 テキスト検出（OCR）リクエストの送信については、画像内のテキストを検出する、画像内の手書き入力を検出する、また
Cloud Functions | Google Cloud
スケーラブルな従量課金制 Functions as a Service（FaaS）プロダクトにより、サーバーやコンテナによる管理なしでクラウド上でコードを実行します。 新規のお客様には、Functions で使用できる無料クレジット $300 分を差し上げます。すべてのお客様は毎月 200 万回の呼び出しを無料でご利用いただけます。クレジットに対する課金はありません。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Full-text search | Firestore | Firebase
Optical Character Recognition (OCR) Tutorial (2nd gen) | Cloud Functions Documentation | Google Cloud
Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside