並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 328件

新着順 人気順

Firestoreの検索結果281 - 320 件 / 328件

  • 効率的なデータ活用を実現!データマートの作り方を7ステップでご紹介! | 株式会社トップゲート

    削除する Google Service TGカルチャー アプリケーション開発 コンサルティング セミナー テックブログ デザイン デジタルプロダクト開発 開発実績 ニュース 2025年の崖(1) 5G(1) AI(39) AI Hub(1) AI Platform(1) AlloyDB(12) AlloyDB for PostgreSQL(6) AlphaZero(1) Analytics HUB(1) Android(11) Android アプリ(1) Anthos(6) API(12) API エコノミー(1) APP(2) App Engine(2) App Maker(2) AppServer(1) AppSheet(3) arduino(1) Authentication(1) AutoML(4) AWS(12) AWS (Amazon Web Services)(1) AWS

      効率的なデータ活用を実現!データマートの作り方を7ステップでご紹介! | 株式会社トップゲート
    • 旧会社を解散しました。 |yusukeoshiro

      つい最近新しい会社を設立しましたが、ほぼ同時に古い会社を解散してようやく清算結了が終わりました。会社は設立するよりも解散するほうが大変です。 社長をやっていると会社は本当に自分の子供のような存在です。不出来な親のせいで我が子があまり輝くこと無く亡くなってしまった事に純粋に悲しい気持ちになり反省をしています。 亡くなった子の弔いとして僕は何をしてきて、何を失敗したのかを書いてみようと思います。(次回は新しい会社への決意表明的なものにしようかなと。) どんなプロダクトを作ったのかもともとは交通費精算をほぼ全自動でするためのアプリを作っていましたが、コロナ禍ということもあり、交通費精算業務自体が社会で行われなくなったので、Time Insightsという別製品を2020年11月に開発スタートしました。 僕が事業撤退を判断した2022年3月には以下のような製品になっていました。 ユーザーはカレンダ

        旧会社を解散しました。 |yusukeoshiro
      • 【GCP入門編・第23回】 Stackdriver Error Reporting でアプリケーションのエラーを収集しよう! | 株式会社トップゲート

        削除する Google Service TGカルチャー アプリケーション開発 コンサルティング セミナー テックブログ デザイン デジタルプロダクト開発 開発実績 ニュース 2025年の崖(1) 5G(1) AI(39) AI Hub(1) AI Platform(1) AlloyDB(12) AlloyDB for PostgreSQL(6) AlphaZero(1) Analytics HUB(1) Android(11) Android アプリ(1) Anthos(6) API(12) API エコノミー(1) APP(2) App Engine(2) App Maker(2) AppServer(1) AppSheet(3) arduino(1) Authentication(1) AutoML(4) AWS(12) AWS (Amazon Web Services)(1) AWS

          【GCP入門編・第23回】 Stackdriver Error Reporting でアプリケーションのエラーを収集しよう! | 株式会社トップゲート
        • web サイトのセキュリティ対策「 reCAPTCHA Enterprise 」とは?概要、メリット、料金体系、ユースケースまで徹底解説! | 株式会社トップゲート

          削除する Google Service TGカルチャー アプリケーション開発 コンサルティング セミナー テックブログ デザイン デジタルプロダクト開発 開発実績 ニュース 2025年の崖(1) 5G(1) AI(39) AI Hub(1) AI Platform(1) AlloyDB(12) AlloyDB for PostgreSQL(6) AlphaZero(1) Analytics HUB(1) Android(11) Android アプリ(1) Anthos(6) API(12) API エコノミー(1) APP(2) App Engine(2) App Maker(2) AppServer(1) AppSheet(3) arduino(1) Authentication(1) AutoML(4) AWS(12) AWS (Amazon Web Services)(1) AWS

          • ビブルカードっぽいアプリを作りました。 - Qiita

            「クソアプリ Advent Calendar 2023」の22日目の記事です。 昨日の記事はKorangeさんの インターネット上のすべてのサイトの文末に「知らんけど」を追加してデマ情報から身を守ろうです。 1. 作ったもの ビブルカードっぽいアプリを作りました。 (開発者とワンピースとは一切関係がありません。) (このアプリはしょーもないですが、ビブルカードにはロマンがあります。) 2. 機能紹介 端末を近づけるだけでカードの交換ができます。 ユーザーのいる方向にカードが動きます。 ユーザーの調子が悪いとカードが燃えます。(明示的に設定) 3. 技術的な部分 アプリ 交換部分 MultipeerConnectivity バックエンド BFF Vercel + Next.js (無料) データベース FireStore (無料) イラスト DALL·E 3 5. ちょっと頑張ったところ ユ

              ビブルカードっぽいアプリを作りました。 - Qiita
            • Cloud Firestore でリアルタイム アップデートを入手する  |  Firebase

              フィードバックを送信 Cloud Firestore でリアルタイム アップデートを入手する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 onSnapshot() メソッドを使用すると、ドキュメントをリッスンできます。コールバックを使用した最初の呼び出しでは、単一のドキュメントの現在のコンテンツですぐにドキュメント スナップショットが作成されます。次に、コンテンツが変更されるたびに、別の呼び出しによってドキュメント スナップショットが更新されます。 ウェブ向けのモジュラー API import { doc, onSnapshot } from "firebase/firestore"; const unsub = onSnapshot(doc(db, "cities", "SF"), (doc) => { console.log("Current da

              • Google Cloud Next '24 で発表した内容、全 218 件 まとめ | Google Cloud 公式ブログ

                Try Gemini 1.5 ProGoogle's most advanced multimodal model in Vertex AI Try it ※この投稿は米国時間 2024 年 4 月 13 日に、Google Cloud blog に投稿されたものの抄訳です。 今週ラスベガスで開催された Google Cloud Next が大きな注目を浴びました。お客様の驚くべき躍進を伝えるオープニングの基調講演から刺激的なプロダクト発表にいたるまで、AI が企業の働き方をどのように変革しているかが話題となりました。14 分間の基調講演のまとめで要点をご覧になれます。 デベロッパー基調講演と Expo フロア(今年は広さが 3 倍になりました)の活気ある Innovators Hive では、デベロッパーが中心的な役割を担いました。400 近いパートナー スポンサーも Next 全体に深

                  Google Cloud Next '24 で発表した内容、全 218 件 まとめ | Google Cloud 公式ブログ
                • POS レジで飲食店を支えるダイニーの障害対策:第二回 データ永続化で実現する React Native 製レジのオフライン対策|whatasoda

                  POS レジで飲食店を支えるダイニーの障害対策:第二回 データ永続化で実現する React Native 製レジのオフライン対策 ダイニーの whatasoda です。 前回記事に続いて、第二回となる今回はデータ永続化で実現する React Native 製レジのオフライン対策と題して、システムに障害が発生しても最低限のオペレーションをレジ単体で実現するガチャレジ機能についてご紹介します。 ガチャレジとは、レジとして最低限の機能であるお金の管理に対応しているレジのことを指す俗称です。ダイニーがサービスを提供する飲食店ではお金の管理だけの機能では満足な営業を行うには不十分なため、この連載の中での「ガチャレジ」という表現は最低限の注文管理と会計機能を備えたレジまたはそのような振る舞いをする機能のことを指します。 なぜお金の管理だけでは営業できないのか、どうしてガチャレジ対応が必要なのかについて

                    POS レジで飲食店を支えるダイニーの障害対策:第二回 データ永続化で実現する React Native 製レジのオフライン対策|whatasoda
                  • Firebase App Hosting

                    Firebase App Hosting は、動的な Next.js と Angular アプリケーションの開発とデプロイを合理化します。組み込みフレームワークのサポート、GitHub インテグレーション、他の Firebase プロダクト(Authentication、Cloud Firestore、Vertex AI for Firebase など)との統合を提供します。 使ってみる 主な機能

                    • 【Next Tokyo ’24】基調講演とセッション発表!生成 AI からアプリ開発まで - 注目セッションのご案内

                      .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                        【Next Tokyo ’24】基調講演とセッション発表!生成 AI からアプリ開発まで - 注目セッションのご案内
                      • ReactとFirebaseを使ってチャットアプリにアイコン画像を追加する方法

                        はじめに 名前とメッセージのみ表示されるチャットアプリに、アイコン画像を追加したいと思ったところ、意外と躓いたので私なりの方法を紹介します。 手順は以下の通りです。 <input type="file" />を使いフォームで画像を送信する FirebaseのStorageで画像を参照、アップロードする Storageからダウンロードし、Authenticationのユーザー情報を更新する Firestoreのコレクションにユーザー情報の画像を追加する Firestoreからデータを取得する データを画面上にレンダリングする 前提:追加前のコード アイコン画像追加前の処理は以下のようになっています。 SignUp.jsにてサインアップフォームにて入力したメールアドレスとパスワードを元に、

                          ReactとFirebaseを使ってチャットアプリにアイコン画像を追加する方法
                        • Flutter ビルド中の pod install が終わらない

                          Flutter プロジェクトに Firebase SDK を導入したアプリを作っているときに長いビルド待ちがあったので調べてみました。 pod install が終わらない Flutter launching... でずっと止まっていたから何事かと調べたら pod install でかなり時間を使うようになっていました。 $ flutter run --verbose ... [ +394 ms] 1.15.2 [ ] Running pod install... // ここで数分待っている・・・ Firebase SDK のビルドが原因 先人の知恵をいろいろ見てみると、今回のビルドの遅延の原因は「Firebase SDKのサイズが大きいこと」にあることがわかりました。 注意点として、Firebase導入後に初回ビルドすると、プリコンパイルが実行されないようです。2回目以降のビルドから実行

                            Flutter ビルド中の pod install が終わらない
                          • Vercelに Firebase Admin SDK の秘密鍵の情報を設定する

                            ローカル環境での開発などではFirebaseのコンソールから作成・ダウンロードした秘密鍵(JSONファイル)をルートなどに配置して以下のように読み込んで秘密鍵を使える。。 const admin = require("firebase-admin"); if (!admin.apps.length) { const serviceAccount = require("path/to/serviceAccountKey.json"); firebaseApp = admin.initializeApp({ credential: admin.credential.cert(serviceAccount), databaseURL: process.env.FIREBASE_DATABASE_URL, storageBucket: process.env.FIREBASE_STORAGE_BU

                              Vercelに Firebase Admin SDK の秘密鍵の情報を設定する
                            • 効率的なリアルタイム分析を実現! BigQuery を活用したレプリケーションのやり方とは? | 株式会社トップゲート

                              削除する Google Service TGカルチャー アプリケーション開発 コンサルティング セミナー テックブログ デザイン デジタルプロダクト開発 開発実績 ニュース 2025年の崖(1) 5G(1) AI(39) AI Hub(1) AI Platform(1) AlloyDB(12) AlloyDB for PostgreSQL(6) AlphaZero(1) Analytics HUB(1) Android(11) Android アプリ(1) Anthos(6) API(12) API エコノミー(1) APP(2) App Engine(2) App Maker(2) AppServer(1) AppSheet(3) arduino(1) Authentication(1) AutoML(4) AWS(12) AWS (Amazon Web Services)(1) AWS

                              • カスタムトークンによる Firebase Authentication と LINE ログインの連携

                                カスタムトークンによる Firebase Authentication と LINE ログインの連携 この記事は、2023-07-07 PORT Firebase meetup の登壇資料です。 カスタムトークンによる、Firebase Authentication と LINE ログインの連携について、サンプルコードと一緒に解説します。 Firebase Authentication のカスタムトークン認証について はじめに、Firebase Authentication のカスタムトークンについての公式ドキュメントを掲載します。詳細はこちらをご確認ください。 Firebase Authentication は様々な認証プロバイダをネイティブにサポートしています。下記はその一例です。Firebase コンソールの Authentication > Sign-in method からその一

                                  カスタムトークンによる Firebase Authentication と LINE ログインの連携
                                • これを見れば分かる!Google Cloud データベース選定 | クラウドエース株式会社

                                  これを見れば分かる!Google Cloud データベース選定 こんにちは、Google Cloud Database Champion Innovator の高島です。 昔から Google Cloud のデータベース製品は種類が多く 「いっぱいあるけど、どれがいいの?違いは何?」という質問をよくもらいます。 本記事では、リレーショナルデータベース(以下、RDB)に焦点を当て、詳しく解説していきます。 Google Cloud データベース製品一覧 各プロダクトを 4 つのカテゴリ「RDB」「NoSQL」「インメモリ」「データウェアハウス」に分類し、特徴とユースケースを記載した早見表です。 今回は、この中から最も利用される、3 つの RDB の特徴と違いを見ていきます。 Cloud SQL AlloyDB for PostgreSQL(以下、AlloyDB) Cloud Spanner(

                                    これを見れば分かる!Google Cloud データベース選定 | クラウドエース株式会社
                                  • RDB脳からNoSQL脳に切り替える非正規化の思想 | ニフティライフスタイル Tech Blog

                                    followings 投稿の一覧を取得したい場合はテーブル同士をJOINします。 -- ある特定のユーザーの投稿を取得 SELECT posts.post_id, users.user_id, users.user_name, posts.text FROM users INNER JOIN posts ON users.user_id = posts.posted_user_id AND users.user_id = 12345 ORDER BY posts.created_at DESC LIMIT 100; -- フォロー中のユーザーの投稿を取得 SELECT posts.post_id, users.user_id, users.user_name, posts.text FROM users INNER JOIN posts ON users.user_id = posts.p

                                      RDB脳からNoSQL脳に切り替える非正規化の思想 | ニフティライフスタイル Tech Blog
                                    • PipeCD, ECS, Datadog で実現するプログレッシブデリバリー - READYFOR Tech Blog

                                      こんにちは @jedipunkz 🚀 です。 READYFOR では AWS ECS を用いてサービスを提供しています。非常に安定して運用出来ているのですが、ここ数年でプログレッシブデリバリーというデプロイ方式が登場して気になっていました。そしてこれを ECS でも実践出来ないか検討している中で PipeCD を見つけました。CNCF にジョインしているプロジェクトで AWS ECS 以外にも Kubernetes を用いることが出来る OSS になっていて、Prometheus や Datadog のメトリクスを利用することでプログレッシブデリバリーを実現しています。 PipeCD の情報はまだ少なく、特に ECS や Datadog 前提の構成を説明したドキュメントが非常に少ないので何かの役に立てばいいなと思い記事にします。 個人ブログに書いた内容との差異 個人ブログの記事 ECS

                                        PipeCD, ECS, Datadog で実現するプログレッシブデリバリー - READYFOR Tech Blog
                                      • Firestoreの設計ノウハウ

                                        Firestoreでサービスを設計するときに事前に知っておくと良いポイントです。 indexに使えそうなデータは、documentに入れておく document pathで指定できるデータもdocumentにデータとして入れておくと、collectionGroupでデータを取得するときに役に立つ事がある。 また、当初は表示等で使わない関連するidもdocumentに入れておくと、後でspecが変更になった時にデータ取得に役に立つことがある。 特にdocumentのdocument.idをデータに入れておくとよい。collectionGroupに対しては、firestore.FieldPath.documentId()が使えないので、collectionGroupに対してid指定で多くのデータを取る場合にin Arrayのクエリが使えるようになる。 addDoc (firebase 8以下で

                                          Firestoreの設計ノウハウ
                                        • 技術スペックを大公開〜no plan株式会社〜2024年からの取り組み - Qiita

                                          これはno plan inc.の Advent Calendar 2023の6日目の記事です。 どうも〜!no plan株式会社 代表のおかむーです。 この記事では弊社の2024年からの取り組み技術スペックについて書かせていただきます。 (この記事は2023年12月時点でのことなので、時代の流れによっては異なることが予想されますので、そのつもりで見ていただければと思います) no plan株式会社の技術スペック 基本的には技術スペックは統一しています。主に以下の8つの項目について書きます。 web3, Blockchain Web2.0 インフラ デザイン 言語 フレームワーク エンジニアリング/チーム育成 その他ツールなど 1. web3, Blockchain Ethereum(EVM) モジュラーブロックチェーン DA Celestia Avali EVMベースをメインにブロックチェ

                                            技術スペックを大公開〜no plan株式会社〜2024年からの取り組み - Qiita
                                          • functions を使って firestore のGETをキャッシュしてコストを抑える #GameWith #TechWith #firebase - GameWith Developer Blog

                                            こんばんは! @peka3 です 今回の内容は、firestoreの読み込み結果をキャッシュしてインフラコストも抑えましょう、という話です 今回もfunctionsを利用します firestoreと利用料と怖いところ 2022/12現在の東京リージョンのfirestoreの利用料は以下のような従量制になっています 簡単に概算すると、ドキュメント20件が表示される一覧ページがあったとして、そのページのPVが100万PVあったとすると (0.038/100,000) * 20 * 1,000,000 = $7.6 となります(無料枠除く) これでも十分安いのですが、即時性が大切なコンテンツではユーザーが更新を連打することもありますし、一覧画面で20件以上のドキュメントを表示したいケースも多いと思います また、何かのイベントなどで急激にユーザーが流入してきたとして、不意にPVが跳ね上がっても、実

                                              functions を使って firestore のGETをキャッシュしてコストを抑える #GameWith #TechWith #firebase - GameWith Developer Blog
                                            • [セッションレポート][DEV100] Firebase と Cloud Run を使用して、高速でスケーラブルで信頼性の高いアプリを構築する #GoogleCloudNext | DevelopersIO

                                              [セッションレポート][DEV100] Firebase と Cloud Run を使用して、高速でスケーラブルで信頼性の高いアプリを構築する #GoogleCloudNext はじめに Google Cloud Next '23 現地参加組の田中孝明です。 Google Cloud Next はクラスメソッドからは初参加らしいので現地の雰囲気も合わせてお伝えできればと思います。 お知らせ 9/4(月) 帰国後すぐにクラスメソッド日比谷オフィスにて recap イベント開催します。ビアバッシュ交えながら現地の熱狂をお伝えできればと思いますので是非ご参加お願いします。 セッション概要 Firebase と Cloud Run は、高速でスケーラブルで信頼性の高いフルスタックのウェブアプリやモバイルアプリを提供するための強力な組み合わせです。Cloud Run を使用すると、任意のプログラミン

                                                [セッションレポート][DEV100] Firebase と Cloud Run を使用して、高速でスケーラブルで信頼性の高いアプリを構築する #GoogleCloudNext | DevelopersIO
                                              • Supabaseのリアルタイムリスナーを使ってToDoアプリ作ってみた

                                                タイトルの通り、Supabaseのリアルタイムリスナーを使ってToDoアプリを作成してみました。Next.jsで作成しています。 Supabase今後ますますシェアを伸ばしていくと予想されるBaasの1つです。 ちなみに読み方は「スーパベース」らしい。スパベースだと思ってた。。 今回は、Supabaseとは何か?の説明は省きます。 公式ドキュメントや、Discordが充実していますのでぜひ参考にしてみてください! 背景なぜSupabaseを使用したかというと、 ・FirebaseのCloud FirestoreはNoSQLなので、NoSQLを卒業して(?)RDBに慣れたい ・GUIで操作も可能なので、テーブル設計から徐々にPostgreSQLも触れるようになりたい ・Next.jsでの開発が主なので、得意なBaaSを持っておいてサクッとDB周りを開発してフロントに専念したい などの理由があ

                                                  Supabaseのリアルタイムリスナーを使ってToDoアプリ作ってみた
                                                • 【Cursorエディタ】Interpreter Modeで1コミット分の作業をまとめて指示する|lilacs2039

                                                  動機:なぜInterpreter Mode?Cursorエディタの良く使う機能は「Ctrl+K」だと思う。編集したい箇所と編集内容を指示すると、AIがコードを修正してくれる。 AI編集のdiffが表示されるしかし、Ctrl+Kでは1ファイルのある部分しか編集できない。 リポジトリを整えて開発体制ができると、1コミットずつ作業単位を分けて考えることが多い。しかし、その作業を実現するために、ファイルのどの部分をどう作業するか自分で考えて、それぞれのファイルを開いてCtrl+Kする必要がある。 できれば、1コミット単位ぐらいをAIに指示してまとめて編集してほしい。 実は、ChatのInterpreter Modeを使うと実現できる。 なお、Interpreter Modeを使うには、Cursor Pro($20/月)プランが必要である。 Interpreter Modeはどのように革新的か ~

                                                    【Cursorエディタ】Interpreter Modeで1コミット分の作業をまとめて指示する|lilacs2039
                                                  • 【コピーで使える】短縮URLサイト作ったので使ってくれ【自社ホスティング】 - Qiita

                                                    はじめに 最近短縮URLの事故とかよく見るので、エンジニアとしてなんだかなあと思っていて、Firebaseで短縮URLサービス作ったので、クローンして使ってほしいです。 よいと思ったらいいね、保存、同僚とかに拡散していただけると。。。 2023年11月現在、短縮URLを取り巻く現状 フィッシング詐欺に利用された?として世間を騒がせた 現状フリーの短縮URLサイト使って多くの被害事例が出ている状況で、多くの人に見てほしいので拡散されやすそうなタイトルになってます。 原因は「短縮URL」か? QRコードから不正サイトへ誘導される事例が相次ぐ オートバックスセブン、学習院大学も SNS利用上の注意点|国民のためのサイバーセキュリティサイト 今回の先日起きたフィッシング詐欺の問題は短縮URLそのものではなく、短縮URLを運営しているサイトさんが「サーバー費用捻出などのため」などに利用していたGoo

                                                      【コピーで使える】短縮URLサイト作ったので使ってくれ【自社ホスティング】 - Qiita
                                                    • Riverpodの各Providerに再入門する(3度目) - くらげになりたい。

                                                      Flutterの状態管理ライブラリのRiverpod。 いつも迷うので、再度入門してみたときの備忘録(*´ω`*) プロバイダの一覧 プロバイダの種類 生成されるステートの型 具体例 StateNotifierProvider StateNotifierのサブクラス イミュータブルで複雑なステートオブジェクト Provider 任意 サービスクラス / 算出プロパティ(リストのフィルタなど) FutureProvider 任意のFuture API の呼び出し結果 StreamProvider 任意のStream API の呼び出し結果のStream StateProvider 任意 フィルタの条件 / シンプルなステートオブジェクト ChangeNotifierProvider ChangeNotifier のサブクラス ミュータブルで複雑なステートオブジェクト プロバイダの種類 | プ

                                                        Riverpodの各Providerに再入門する(3度目) - くらげになりたい。
                                                      • Firestore をTDDできるようにする【セキュリティールール・単体テスト編】 - Qiita

                                                        Firestoreにおけるテストの概要 普段の業務では、TDDでの開発をベースにしているため、個人開発でよく利用するFirestoreを使った開発でもテストをきっちり書けるようになりたいと思い、今回まとめてみました。 Firestoreに関連するテスト対象は大きく2つあります。 Firestore Security Rules単体テスト ← 本記事🚀🚀🚀 Firestore 更新に伴い起動するCloud Functions の単体テスト ← COMMING SOON... 本記事では、前者の「Firestore Security Rules単体テスト」をご紹介します。 この記事で紹介したサンプルコード全体は、以下のGitHubリポジトリにアップロードしてあります。 全体を俯瞰したい場合や、細かい確認をされたい方はこちらをご覧ください。 前提 Firebaseの基本的な設定は済んでいる

                                                          Firestore をTDDできるようにする【セキュリティールール・単体テスト編】 - Qiita
                                                        • クリップボードにコピーすることに特化したメモアプリを作った

                                                          何を作ったのか Google Keepのコピペ特化したみたいなサービス なんで作ったのか よく使う単語って単語登録とかするかもですが、変換が汚れるの嫌だったのと、住所が覚えられなかったので、、。 できること 認証 メモの保存 クリップボードにコピー 保存したメモのアーカイブ メモのラベル付け グルーピング だいたいこの手順で作りました💪 ✌ ソースコード Nextjs/TS + Firestore(v9) + Vercelでの最小構成で実装してます。参考まで✌

                                                            クリップボードにコピーすることに特化したメモアプリを作った
                                                          • reactで作る todo アプリ 4/4|TANALIB

                                                            この記事では、図で示したような ToDo アプリの開発手順について全 4 部構成で詳しく解説しています。React の基礎から応用までを実際のコーディングを通じて学ぶことに焦点を当てています。初心者から中級者向けの内容となっており、ToDo アプリの開発は、実践的な技能の習得とポートフォリオ作成のための具体的な例として最適だと考えています。 この第 4 部では、Firebase による認証機能の実装を行います。 想定読者 react の初学者から中級者 react を触ったことはあるが、なにかポートフォリオ的な物を作りたい人 記事構成 ToDo アプリの概要と開発環境の構築 json-server の導入とレイアウトの定義 ToDo アプリの機能と API リクエストの実装 Firebase による認証機能の実装 Firebase Authentication とは Firebase Au

                                                            • DevFest 2023 メモ

                                                              😈DevFest 2023 メモDevFest 2023 リアタイできなかったので、取り急ぎ気になるポストを整理してみました。 By jiyuujin at12/11/2023 この記事は jiyuujin Advent Calendar 2023 の 11 日目の記事になります。 X (Twitter) の #DevFest2023 や #gdgtokyo を確認させていただきました。 Track 1。 Track 2。 登壇スライド一覧 他、分かり次第更新させていただきます。 Google Cloud の GenAI サービスで「AI にファッションを褒めてもらうアプリ」を作ってみよう (TBD) 「AI にファッションを褒めてもらう」アプリケーションのサンプル。 個人アプリ開発 (メンテナンス) 14 年の歴史 大画面デバイスにどう向き合えば良いのか? (TBD) Vertex A

                                                              • Google Cloud Next '24 振り返り - FLINTERS Engineer's Blog

                                                                はじめに Google Cloud Next '24 まとめ記事からピックアップ データベース データ分析 開発者とオペレーター、移行 まとめ おわりに はじめに こんにちは。 株式会社FLINTERS に出向中の無事プラチナサービスを取得したおのきです。 今回もFLINTERSブログ祭りと題して、それぞれ思い思いの内容でブログを投稿することで会社を盛り上げよう!という企画で他社イベント記事の個人的振り返りを投稿させていただこうと思います。 この記事のテーマは #Google Cloud #Next #AI になります。 Google Cloud Next '24 google cloud nextとは何ですか? Next Tokyo '24 は、ビジネス リーダー、イノベーター、エンジニアのためのクラウド カンファレンスです。 生成 AI やセキュリティをはじめ、ビジネスに欠かせないテー

                                                                  Google Cloud Next '24 振り返り - FLINTERS Engineer's Blog
                                                                • エンジニアは全員おうちKubernetesをやるべし【Part 1:なぜやるのか】 - Qiita

                                                                  こんにちは。おうちKubernetesを勧めるためにやってきました。 このシリーズでは、Part 1で「なぜやるのか」、Part 2で「どうやるのか」について話します。 この記事は自宅サーバー上のKubernetesで不特定多数向けのサービスを展開することを勧めるものではなく、自分用・身内用のアプリを自宅サーバー上のKubernetesで運用することを勧めるものです。 エンジニアは全員おうちKubernetesをやるべき絶対的な理由 自己研鑽のために (鑽←この字「研鑽」と「大鑽井盆地」でしか見ない) 企業がKubernetesを採用する場合、ほとんどがEKSやGKEといったクラウド上で動作するマネージドKubernetesサービスを使用すると思います。ただ、Kubernetesであればコマンドやマニフェストファイルの書き方は共通なので、おうちKubernetesで学んだことがそのまま業務

                                                                    エンジニアは全員おうちKubernetesをやるべし【Part 1:なぜやるのか】 - Qiita
                                                                  • Firestore の ベクトル検索を試す|npaka

                                                                    「Firestore」の「ベクトル検索」を試したので、まとめました。 1. Firestore の ベクトル検索「Firestore」にプレビュー版ですが、「ベクトル検索」の機能が付きました。 2. ベクトルインデックスの作成と削除2-1. ベクトルインデックスの作成(1) ローカルマシンで「gcloud CLU」をセットアップ。 (2) 以下のコマンドを実行。 コレクショングループを「sample」、埋め込みの次元を「1536」(OpenAIの埋め込みの次元数)、データベースIDを「(default)」としています。 $ gcloud alpha firestore indexes composite create \ --collection-group=sample \ --query-scope=COLLECTION \ --field-config field-path=embe

                                                                      Firestore の ベクトル検索を試す|npaka
                                                                    • セルフチェックとプルリクを同時に!効率的なプロンプト活用法

                                                                      PRを書く際にどう書けばいいのか? 情報が過不足なくreviewerに伝えられているか不安になる。 PRの構成は決まっているけど内容書くのが少し面倒 PRを出す際に上記を感じた経験はありませんか。 そういった悩みを解決するべく、ある程度Chatgptに叩きを作ってくれるような構成でテンプレートを考えました。 主に、「セルフチェック」と「PR内容の記載」を同時にやってくれるものになっています。 テンプレート構成について OSSのCONTRIBUTED.mdを参考にしたり、普段の開発業務の中で欲しいと思う項目をまとめました。 また、Chatgpt4に叩きを作ってくれやすい構成であることを意識ましした。 テンプレートの構成は下記になります プロンプトへの指示 実施したこと 出力のテンプレート あなたはプロのエンジニアです。 タスク1 * 実施したことの内容に、不備や気になる点があれば指摘してくだ

                                                                        セルフチェックとプルリクを同時に!効率的なプロンプト活用法
                                                                      • 機能要件と非機能要件の違いとは?それぞれの要件定義の流れや重要なポイントを徹底解説! | 株式会社G-gen(旧 株式会社トップゲート)

                                                                        削除する Google Service TGカルチャー アプリケーション開発 コンサルティング セミナー テックブログ デザイン デジタルプロダクト開発 開発実績 ニュース 2025年の崖(1) 5G(1) AI(39) AI Hub(1) AI Platform(1) AlloyDB(12) AlloyDB for PostgreSQL(6) AlphaZero(1) Analytics HUB(1) Android(11) Android アプリ(1) Anthos(6) API(12) API エコノミー(1) APP(2) App Engine(2) App Maker(2) AppServer(1) AppSheet(3) arduino(1) Authentication(1) AutoML(4) AWS(12) AWS (Amazon Web Services)(1) AWS

                                                                        • Cloud Load Balancer × Cloud Runの3-Tier構成で構築してみた|Hide Yuda

                                                                          今回は、Google Cloud(通称GCP)の「Cloud Load Balancer」「Cloud Storage」「Cloud Run 」「Cloud SQL」を使ってWebアプリケーションを構築してみました。 設計は、以下のGoogle Cloud Japanさんの記事内で紹介されている「Web アプリケーション + API の 3-Tier 構成 (SPA)」を参考にしました。 SPA (Single Page Application) がフロントになり、バックエンドの API サーバーとして Cloud Run を使用するアーキテクチャです。SPA は Next.js > や Vue.js、Angular などを想定していただければ良いかと思います。 SPA は静的コンテンツになるので Cloud Storage に置き、Cloud Storage と Cloud Run を

                                                                            Cloud Load Balancer × Cloud Runの3-Tier構成で構築してみた|Hide Yuda
                                                                          • T3 Stack + Supabase なら認証機能と RDBMS を構成した Web アプリを簡単に作れる

                                                                            流行りの技術に乗っかってアプリを作ってみようと思い立ち T3 Stack + Supabase を使ってみました。 セットアップは非常に簡単でしたが、ドキュメントを行ったり来たりするのが意外と手間でしたので、一箇所にまとめたメモを残しました。 これからプロジェクトを立ち上げようという方の参考になれば幸いです。 自分が作ったサンプルは以下になりますので、合わせてご覧ください。 用語解説 今回採用した T3 Stack と Supabase についての概要となります。 それぞれより詳しい解説記事がありますので、もっと知りたい方はそちらをご覧ください。 T3 Stack The “T3 Stack” is a web development stack made by Theo↗ focused on simplicity, modularity, and full-stack typesafe

                                                                              T3 Stack + Supabase なら認証機能と RDBMS を構成した Web アプリを簡単に作れる
                                                                            • 個人開発でやってはいけないことを全制覇しつつもダイエットアプリをリリースできた話 - Qiita

                                                                              はじめに smakと申します。 初めてWebサービスをリリースしたのでその奮闘をここに記します。 作ったもの アプリとは言っていますがWebアプリです。 ダイエットアプリですがサボりを提案してくるようになってます。 気になる人は試してみてください〜 個人開発でやってはいけないこと いきなり作り始める 新しい技術を3つ以上使う 開発に3ヶ月以上かける 完璧にできるまでリリースしない 必要以上に機能を盛り込む 1人で全部やる 自分が使わないサービスを作ってしまう 全制覇 上のものはすべてやってしまいまいした。 だからといって後悔してるとかは無いですし、逆になにか戦略があるのかというとそうでもないです。 成り行きに任せていたらこうなっていました。 開発スタート いきなり作り始める 2022年5月ごろだったと思います。 そもそもの開発テーマは昔からあったので何年も前から頭の中では考えていましたが

                                                                                個人開発でやってはいけないことを全制覇しつつもダイエットアプリをリリースできた話 - Qiita
                                                                              • Firestoreでシーディング(初期データの一括書き込み)

                                                                                はじめに LaravelのようなWebフレームワークを利用していると、RDBへの初期データの登録はSeederを作成して実施するかと思います。 このような初期データの登録をFirestoreでどのようにするかのメモです。 JavaScriptを利用した例(サブコレクションなしの場合) プロジェクトフォルダ作成 Firebaseの秘密鍵を取得 Firebaseのコンソール上で、 プロジェクトの設定>サービスアカウント>Firebase Admin SDK>新しい秘密鍵の生成 すると、jsonファイルがダウンロードされますので、こちらをプロジェクトに追加してください。

                                                                                  Firestoreでシーディング(初期データの一括書き込み)
                                                                                • App Routerでfetchを使えない場合のISRについて

                                                                                  はじめに App RouterでISRができるfetch関数が用意されていますが、HTTPベースのリクエストにしか対応していません。firestoreやsupabaseからデータを取得したい場合にどうすべきかという記事が見当たらなかったので、投稿しました。 もっといい方法を知っている方がいれば、教えていただきたいです。(こっちが本題) export default async function Page() { const res = await fetch('https://api.example.com/...', { next: { revalidate: 3600 } }) const data = res.json() return <Home data={data} /> }

                                                                                    App Routerでfetchを使えない場合のISRについて