Vue と Firebase / Firestore で CRUD 操作を行う Web アプリを作る最短のコード - Qiita
はじめに すいません、最短は煽りですw 簡単な連絡帳みたいなものを作るサンプルを通して、Vue と Firebase / Firestore の組み合わせの開発コストが低いかを紹介したいと思います。 最初は、アクセス制御をかけずに作成し、次に Firebase の auth を使って認証をかけてみます。 最終形を以下でホスティングしてあります。適当にサインアップして試してみてもらってかまいません。 ロジックに集中するために、デザインはほぼあてていません。見た目悪いのは気にしないでください。 準備 Node.js と npm をインストールしてください。 https://nodejs.org/en/ この記事は、8.10.0 LTS で検証しています。 vue-cli をインストールしてください。 Firebase / Firestore をセッティング 公式ドキュメントにのっとればプロジェ
Google ログインと Unity を使用して認証する | Firebase
フィードバックを送信 Google ログインと Unity を使用して認証する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google ログインをアプリに統合して、ユーザーが Firebase での認証に Google アカウントを使用できるようにすることができます。 始める前に Firebase Authentication を使用するには、次の作業が必要です。 Firebase を使用するように Unity プロジェクトを登録して構成する。 Unity プロジェクトですでに Firebase を使用している場合、この登録と構成はすでに行われています。 Unity プロジェクトがない場合は、サンプルアプリをダウンロードできます。 Unity プロジェクトに Firebase Unity SDK（具体的には FirebaseAuth.unitypac
2週間半のReact Nativeアプリ開発を振り返る - c-bata web
React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ 作者: 松澤太郎出版社/メーカー: マイナビ出版発売日: 2018/08/29メディア: 単行本（ソフトカバー）この商品を含むブログを見る ここ2週間ちょっとReact NativeでiOSアプリ書いてました。 サーバサイドをメインでやってきた自分にとって面白い技術で、今後も趣味で使ってみたいなと思えているのでTipsや所感を残しておきます。 目次 選定理由 Tips エラーハンドリング・状態管理 入力欄をキーボードの出現に合わせて動かすアニメーション 今回使ったライブラリ react-native-focus-scroll react-navigation react-native-vector-icons react-native-camera react-native-vid
ツイキャス主専用マッチングiOSアプリ「キャスコン」をつくってリリースしてみた - mazeltov7のweb断片
今年1月くらいにツイキャス新APIが公開され、それに伴って先日開かれたツイキャスハッカソンを遠くから見ていて感化されてしまい、ついかっとなって作って、リリースしました。 ツイキャスAPIを使ったものだったらネタは何でも良かったんですが、ツイキャス主が配信をしていない配信外の時間に新しいキャス主を見つけて仲良くなってもらえるといいかなと思って、マッチングアプリにしてみました。 キャスコン ダウンロードはこちら 構成 Swift3 Firebase Node.js 開発中のトピック ツイキャスAPI ツイキャスアカウントでログインして、ユーザーのプロフィールや過去の配信画像を取得するのに利用しました。APIv2はまだベータ版で、これからも更新ありそうな気がするけど、ツイキャス配信用のURL(RTMP)を取得できたり、新着のライブをリアルタイムに WebSocket 経由で取得もできたりと、実は
Authentication in React Native with Firebase — SitePoint
This article was peer reviewed by Adrian Sandu. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! React Native is one of the most popular choices for creating cross-platform mobile apps with JavaScript and React. Essential for many apps is registering and authenticating users, and in this tutorial I’m going to use Firebase to implement authentication in a
node.js+express+PassportでOAuth認証 | Tech-Sketch
軽めの話題を 毎回割と「濃い目」の記事が多いこのTech-Sketchですが、今回は軽めの内容として、nodejsとそのモジュールであるPassportを利用した他サービスとの認証連携を説明しようと思います。 PassportはConnectやExpressベースのWebアプリケーションに認証の仕組みを組み込むことができるモジュールです。単純なローカルでのユーザ名・パスワードによる認証から、OpenIDやOAuthを利用した認証もカバーしています。それぞれの認証の方式はstrategyとして選択することが可能で、簡単に認証に関する実装を追加することができます。OpenID/OAuthで認証を行う場合のstrategyは、メジャーなサービスに対してのものはnpmでインストールできる形ですでに多数用意されています。 具体的にどのようなstrategyが用意されているかは、以下のリンク先を参照し
新 Firebase を React Native で使うためのまとめ - Qiita
新 Firebase のどの機能を React Native で使えるのか調べてみた。 現在使える機能 基本的に次のページで Web で使える機能は React Native でも使えるよう。 Realtime Database 以外は未検証。 Cloud Messaging Authentication Realtime Database Storage Hosting その他の機能は bridge 経由になる。 Analytics はすでに bridge がある。 それ以外はいまのところ自前で bridge を書く必要がある。 セットアップ方法 Firebase プロジェクト作成 次のボタンを押して新しいプロジェクトを作成する。 config の情報を次の位置から取得する。 次の apiKey, authDoamin, databaseURL, storageBucket の値をひかえ
💫Tumblrクライアントを作りはじめた - みずぴー日記
記事の投稿に特化したTumblrクライアントを作りはじめた。 レポジトリ https://github.com/mzp/tumblotte 動機 TumblrはリブログするだけのWebサービスでもなく、高機能なブログサービスでもあることに気がついた。 Markdownで書ける。 独自ドメインでの運用もできる。 複数のブログも管理できる。 テーマも多数存在する。 しかし、TumblrのWebUIは長文を書くのには向いていないので、Tumblrのクライアントを作りはじめた。 ElectronやReact.js等のJavaScriptまわりの技術にキャッチアップしたかった、という理由もある。 機能 Tumblrへの投稿・更新 Markdownのライブプレビュー 既存の投稿記事の取得 投稿先のブログの切り替え 投稿した記事をWebブラウザで開く Kobitoを意識しながら作りはじめた。 が、インタ
【Node.js】Jasmine/Frisbyで はじめる ガチのWebAPIテスト入門 - ttr-hamasaki's blog
はじめに 仕事で社内MBaaSのメンテを任されているのですが、そのインタフェースは何かというとWebAPIなわけです。そのWebAPIが糞みたいな状態だったので、絶賛リファクタ祭り中です。・・・ただ、やみくもなリファクタ祭りをするとデグレがひどいので、WebAPI外部仕様が守られていることを担保する、WebAPIテストコードを本腰入れて書くことにしました。 「WebAPI テスト」でパッと検索してみた感じ "Frisby" というやつがあったので、それをもとにテストコードを書いてみました。その備忘録です。 Jasmine/Frisbyって？ Frisbyは、Jasmineを前提としたWebAPIテストフレームワークです。Jasmineを使って、Frisbyで書かれたテストコードを実行します。Jasmineというのは、BDDライクなテストコードが書けるJavaScriptテストフレームワーク
IoTの扉を開く？ヘルシンキ発『bt.tn』がIFTTTと連携して未来すぎる！(でも活かしきれない) | MAKKYON WEB
はるばるヘルシンキから荷物が届きました。今回のガジェットは何かと言うと…… グリーンの天面が印象的な「bt.tn」……ってなんだ？ 正解はこのボタン。トリビアの泉に出てきたへぇボタンのよう。 公式サイトはこちら。 Patented IoT button solution for businesses. With bttn you can create shortcuts to your products and services and turn them on-demand. bttn – The IoT button for businesses 探りようもないほどに、ただのボタン。それ以上でもそれ以下でもない。シンプル。 なお、でかいです。手で持つとこれくらい。 乾電池で動作します。単三電池が4本。意外と電池を喰うのか？ 設定は無線LANで行う。bttnを押しっぱなしにして、探索モー
LINE DEVELOPER DAY 2016 開催のお知らせ « LINE Engineers' Blog
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog saegusa2017-04-16Yoshihiro was a network engineer at LINE, responsible for all levels of LINE's infrastructure. Since being named Infra Platform Department manager, he is finding ways to apply LINE's technology and business goals to the platform. こんにちは。LINEでネットワークやデータセンターを担当している三枝です。2017年1月にJANOG39で登壇する機会を頂きましたので、今回
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタル認証アプリをリリースします｜デジタル庁
対話式のコマンドをスクリプト化する方法 - Qiita