すべてのブログから「#Firebase」タグの検索結果

みなさんこんにちは。イプシロンです。Firebaseに関するお話をさせていただきます。どれだけかんたんか、どれだけハードルが低いかを知っていただけると嬉しいです。それではいってみましょう！！用意するものFirebase とは、Google が提供している、モバイルや Web アプリケーションを構築するプラットフォームです。そのため、Googleアカウントが必須になります。・Googleアカウント手順1.Firebaseにアクセスしてログインします。。(ココナラブログの特性上、外部リンクを貼り付けられないのがつらい。。。)2.画面右上の「コンソールへ移動」をクリックします。3.「プロジェクトの追加」をクリックします。4.プロジェクトのタイトルを入力し、「続行」ボタンをクリックします。5.アナリティクスは必要ないので、無効を選択して、『プロジェクトを作成』をクリックします。6.「日本」を選択して、「プロジェクトを作成」をクリックします。7.少し待ちます。8.「続行」をクリックします。9.完成！！！プロジェクト一覧画面にも、先ほど作成したプロジェクトが追加されています。う～ん。。。かんたん！！！Hello World！！これだけですw最後にFirebaseを使用したサービスを出品しております。webアプリのスモールスケール開発サービスです。 販促、集客目的でwebアプリを作ってみたいけど、 まずは、小さな一歩から踏み出したいというお客様に向けたサービスです。 もちろんそうでないお客様も大歓迎！！！最後まで読んでいただきありがとうございます。では ﾉｼ

みなさんこんにちは。イプシロンです。最近は、VBAやSeleniumに関する記事ばかり書いているので、気分転換にFirebaseについても触れていきたいと思います。それでは、いってみましょう！！！Firebaseとは？Firebaseとは、Google社が提供している、スマートフォンアプリやWebアプリケーションにおける「バックエンド開発」において、スピードの向上とコスト削減を可能にするプラットフォームです。私も、ココナラでwebアプリケーション開発のサービスを出品させていただいておりますが、バックエンドにはこのFirebaseを使用しております。バックエンド環境とは？ちなみに、バックエンド環境とは、ユーザーには見えない、アプリの裏側の動作のことを指します。SNSアプリでユーザー情報の管理、「お気に入り登録」機能や、「いいね」機能、「コメント」機能なんかでこのバックエンド環境が活用されています。Firebaseを利用するメリットざっくりですがメリットは下記のとおりです。・サーバー管理や保守が不要になる。・エンジニアの負担を大きく軽減できる。・規模に応じた従量課金性のためリーズナブル(勉強、お遊び程度なら無料の範囲でできる。)・アナリティクスやデータベース、クラウドメッセージング、クラッシュレポートなど複数の機能が提供されている。といったところでしょうか。Firebaseで出来ること&機能Firebaseの主な機能と概要、できること、そしてメリットについてなど、各機能をご紹介します。・Firebase Realtime Databaseクラウドホスト型NoSQLデータベー

Firebasestoreはとても優秀なNosqlですが、検索がいまいち・・・・・そこで紹介するのがFirebaseからも連携をお勧めされているAlgolia!!こちらはとても優秀性で全検索、クエリ検索、何でもできちゃいます。。。。fieldでクエリしているそこのあなた、Algolia の　API を使って連携しましょう！！

アプリを公開した。ダウンロード数も見られる。それでも、「どこで人が離れたか」は何も分からなかった。今回、Firebase Analytics（アプリ内で起きた行動を記録・分析する仕組み）をStepLockへ組み込んだ。実装には当時最新のChatGPTとCodexを使ったが、テストと修正のチャットラリーは20回を超えた。この記事では、AIを使っても詰まった理由と、同じ作業をするときに使えるプロンプト、公開前チェックリストをまとめる。公開しただけでは、何も分からなかったStepLockは、歩いた分だけスマホを使えるAndroidアプリだ。Google Playで一般公開したあと、学んだマーケティングの考え方を実際の数字で検証したくなった。届いた→認知した→ダウンロードした→継続した→なくてはならない存在になった→口コミしたこの流れのどこまで進んでいるのか。Google Playの数字だけでも、ダウンロードされたことは分かる。しかし、ダウンロードした人が初期設定を終えたのか、権限設定で離脱したのか、実際にロック機能を使ったのかまでは見えない。そこでFirebase Analyticsを導入した。最初に必要だったのは、コードではなく翻訳だった「継続した人を測りたい」とAIに伝えても、そのままでは計測できない。“継続”という人間の言葉を、アプリ内で観測できる行動へ翻訳する必要がある。StepLockでは、次の7種類の行動を記録する設計にした。・初期設定を始めた・権限設定に成功・失敗した・初期設定を完了した・ロック画面が表示された・歩いて利用時間を獲得した・獲得した時間を消費した・主要機能

みなさんこんにちは。 小学2年生になる息子がいるのですが、 ポケモンが大好きです。 かつ、今後のICT教育を見据え、パソコンにはどんどん触れてほしいと思い、ポケモンアプリを開発しました。アプリの詳細については過去のブログで紹介させていただいております。また、アプリの中でポケモンのBGMを流しているのですが、 そちらの再生方法、停止方法については以下で解説しております。今回はPokemon APIを使用してポケモンの画像やポケモンの名前の取得方法について解説していきたいと思います。この記事がおすすめな人 今回の記事は以下の人に特におすすめです。　・React：初学者、初級者～中級者 　・アプリを開発したい人 　・手順だけを知りたい人 　・コードだけを知りたい人コンポーネントを作成するテキストボックスに任意の数字を入れて、 「ポケモンを取得」ボタンをクリックするとポケモンの画像と名前を取得する仕組みを作ります。 画面構成としては以下のようなコードになります。=============================<Container maxWidth="sm">   <Box sx={{ flexGrow: 1,                bgcolor: '#f5f5f5' }}>       {/* テキスト表示領域 */}       <Grid container spacing={2}>         <Grid item xs={12} align="center">           <Typograp

はじめまして。イプシロンと申します。ココナラブログはじめました。まずは、自己紹介をします！！・・・と、言いたいところですが、自己紹介については、ココナラのプロフィールをご参照ください(笑)↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓https://coconala.com/users/2549559さて、このブログでは以下のカテゴリーに分けて、技術的なコラムや、独り言を徒然なるままに書いていこうかと考えています。①Excel/VBAに関するブログ②Reactに関するブログ③firebaseに関するブログ④コラム的なブログ※カテゴリーは今後変更するかもしれませんが、、、wなぜこのカテゴリーにしているかというと、、、好き！！！だからです。VBAに関してはプログラミングの基本的な構造を学びつつ、Excelを自動化したり、webスクレイピングをしたりと遊べる範囲が広いですし、Reactに関しては、コードにかなりクセがありますが、webアプリをサクサク作れる点に魅力を感じます。どちらの言語も習得するまでに私はかなり時間がかかりましたが、自分に対する備忘録的な意味合いも含めて、少しでも面白可笑しく綴っていこうかと思います！なお、私のサービスにもExcel/VBA、React/firebaseを利用したサービスを展開しておりますので、一度足をお運びくださいwExcel&VBAを活用したスクレイピングサービスになります。サイトの情報をExcelに抽出したり、入力したり、単純作業を自動化するサービスです。BUYMAのバイヤー様必見のサービスです。最近TVCMも放送していて盛り上がってきてますね！

毎度様でした。お久しぶりです。（旧名Taxintianです。）前回ブログを書いたのは1/28。 そこから約2ヶ月、地に足つけて積み上げた結果、 クラウド同期付きのWebアプリを作れるようになりました。その名も、「人生クエスト」！！！ネーミングセンスがベタすぎるって？まあまあ、そこは大目に見てくださいｗ今回作ったのは、習慣を「クエスト」として管理するWebアプリです。やるべきことをゲーム感覚でこなしていくことで、自然と継続できるように設計しました。僕、今まで継続して何かをこなしていくっていうことがとても苦手だったんです。地味だし、なかなか成長してきた実感は可視化されるものじゃないし。ただ、毎日少しずつでもクエスト消化して、それを継続していくことによって、Expゲージを少しずつ伸ばしていけるUIを見て、「あぁ、成長したな！」って少しでも思えるようになったらいいんじゃないかな？って思ったんです。それで作り始めたのが、この「人生クエスト」でした。↓経験値ゲージが、水が流れるように動くUIにも凝りました＾ω＾また、今回行ったアップデートで、 ただのローカル管理アプリから、 「クラウド同期できるアプリ」 へ進化しました。・Googleアカウントを使ってログインできる機能・自動でクラウド同期できる機能などを実装することが出来ました。正直、一番苦戦したのは 「ローカルとクラウドの扱い」でした。 どのタイミングで保存するか、 どうすれば自然に同期されるか、 ここをかなり試行錯誤しましたね。特に意識したのは、 「ユーザーが不安にならないこと」です。 ・同期中の表示 ・最終同期時刻の表示 などを

こんにちは！身近なDXを提供しているkanehara32です。お力添えできる、企業様や技術者、プロジェクトに出会えるかと思い記事を記載しております。 最近、新規事業を検討している企業の方々からこんなご相談をよく受けます。 「新しいサービスのアイデアがあるけど、成功するか分からない...」 「いきなり数百万かけて開発して、失敗したらどうしよう」 「まずは小さく始めて反応を見たいけど、どうすれば？」 「ユーザーの声を聞いてから本格的に作りたい」 こんな想いを抱えている経営者・事業担当者の方、実はとても賢明な判断をされています。 なぜなら、MVP（Minimum Viable Product：実用最小限の製品）で検証してから本格開発に進むことが、現代のサービス開発では最も成功確率が高い方法だからです。 今日は、なぜ MVP による検証が重要なのか、そして Next.js × Firebase でどのように最速で MVP を作れるのかについて、技術的な根拠も交えながらお話ししたいと思います。 新規事業を検討されている方に、少しでも参考になれば幸いです。 ■なぜ多くの新規サービスが失敗するのか ▼スタートアップの厳しい現実 CB Insights の調査によると、スタートアップの失敗理由の上位は以下の通りです： 1. 市場ニーズがない（42%） 2. 資金不足（29%） 3. 適切なチームがない（23%） 最も多いのが「市場ニーズがない」こと。つまり、作る前にユーザーが本当に欲しがっているかを確認することが最も重要なのです。 ▼「大きく作って失敗」の典型パターン よくある失敗の流れ： 1

理学療法士として専門的知識と責任感を持ち「ひとりひとりの患者さん」と丁寧に向き合った経験と、サービス／アプリ開発で「何万人ものユーザー」に価値を届ける挑戦。その 二つのフィールドを融合 させながら、“人に寄り添うテクノロジー” を形にしている開発者です。🌱 原点 ―― 理学療法士で得た“寄り添う力”リハビリの現場で「痛みが軽くなった！」という笑顔に出会うたび、次の改善アイデアが湧いてきました。しかし 一対一では支援できる人数に限界 があります。“もっと多くの人を同時にサポートしたい”──その想いが私をITの世界へ導きました。🚀 開発者への転身 ―― コードで広がる可能性コードが動き、ユーザーの体験や指標がすぐに変わる。理学療法士時代に直接フィードバックを受け取っていた感覚が、開発の高速 PDCA に引き継がれています。ユーザーの声を吸い上げ、次のリリースに活かすことこそ私の原動力です。◇提供できること • Web／モバイルアプリ開発企画からリリース・運用までワンストップで対応します。React／Next.js ／TypeScript／Firebase／AWS／Teraformなどフルスタックで実装可能です。 • 既存サービス改善データ解析で課題を洗い出し、UX 診断から機能追加・パフォーマンス最適化まで伴走します。 • 業務効率化ツールの開発公開APIを統合したウェブサイトや、事務系の定型作業を自動化・半自動化いたします。使い方が不明な場合は、使い方サポートまで行えます。また、運用においてもご依頼いただける体制を整えております。• プロトタイプ開発企画したアプリケーションのプロ

みなさんこんにちは。小学2年生になる息子がいるのですが、ポケモンが大好きです。かつ、今後のICT教育を見据え、パソコンにはどんどん触れてほしいと思い、ポケモンアプリを開発することにしました。ゲームボーイカラー風ポケモンアプリ(エイチ)ttps://pokemon-app-ff27a.web.app/※リンクが貼れない仕様なので頭文字をカタカナにしてます。見た目はこんな感じです。仕様の詳細は以下の通りです。前提条件小学2年生だとPCでのマウス操作やキーボード入力もこれから頑張って習得していく時期かと思います。ですので、あくまでも子供たちに対してPCの操作に慣れてもらうことを目的としています。主な操作はクリック操作、テンキー入力、エンターキー入力をベースに作成しています。実装環境React × firebaseで実装しております。UIについてゲームボーイ世代大興奮(?)なゲームボーイカラーを模倣しております。画像は使用しておらず、フォントの選定からすべて実装で表現しております。ポケモンの情報についてPokemonAPIを使用してポケモンの画像と名前をランダムに表示しています。ポケモンのBGMについてPokemon Game Sound Libraryから音楽データを取得しています。初代ポケモン世代としては開発していく中でBGMを聞くのが一番楽しかったですｗフォントについてゲームボーイのフォントに近いDotGothic16を採用しています。ゲームの内容について小学2年生でも簡単な1桁同士のたしざん、ひきざん、かけざんを使用しています。ポケモンが大好きなお子様をお持ちのお父さんお母さん

みなさんこんにちは。 小学2年生になる息子がいるのですが、 ポケモンが大好きです。 かつ、今後のICT教育を見据え、パソコンにはどんどん触れてほしいと思い、ポケモンアプリを開発しました。アプリのご紹介については過去のブログをご参考ください。今回はその中で、Pokemon Game Sound Libraryからのダウンロード方法、取得した音楽ファイルを再生するための実装方法など解説したいと思います。Pokemon Game Sound Libraryから音楽データを取得するまずは、Pokemon Game Sound Libraryにアクセスします。オープニング画面からBGMが流れます。(この時点でテンションが上がりませんか？w なお、常にサイトを開いている間は音楽が流れますのでPCの音量にはご注意ください！ダウンロードをクリックします。説明をよく読んで一番下の「ご利用のガイドラインはこちら」をクリックします。ガイドラインをよく読んで「ダウンロードはこちら」をクリックします。最後までスクロールすると、「利用規約に同意してダウンロードする」がアクティブになるのでクリックします。「ポケットモンスター　赤・緑」をクリックします。こちらの画面から好きな音楽をダウンロードします。開発環境についてまずは、開発環境については、過去ブログで触れてますのでそちらをご参考ください。実装についてまずは音楽ファイルの定数を宣言します。const OpeningMusic = "＜音楽ファイルの格納先＞" const GameMusic = "＜音楽ファイルの格納先＞" const Pok