Firebaseの人気記事 633件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 40 件 / 633件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

Firebaseの検索結果1 - 40 件 / 633件

Firebaseに関するエントリは633件あります。開発、 firebase、技術などが関連タグです。人気エントリには﹃ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう﹄などがあります。

ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう

● 1223 users ● mizchi.dev ● テクノロジー ●2020/08/17 note のやらかしのあのへんについて。認証自作、 Rails 、 Devise - Diary パーフェクト Rails 著者が解説する devise の現代的なユーザー認証のモデル構成について - joker1007’s diary 認証サーバーの実装は本質的に難しいです。セキュリティが絡むものは﹁簡単な実装﹂などなく、プロアマ個人法人問わず、個人情報を守るという点で、同じ水準を要求されます。悪意あるハッカーは常にカモを探していて、もし認証が破られた場合、自分だけではなく大多数に迷惑が掛かります。初心者だから免責されるといったこともありません。全員が同じ土俵に立たされています。とはいえ、認証基盤を作らないといろんなサービスが成立しません。そういうときにどうするか。 Firebase Authentication で、タイトルの件なんですが、 Firebase Authenticat ●firebase ●セキュリティ ●あとで読む ●認証 ●OAuth ●security ●サービス ●開発 ●サーバ ●authentication

﹁有能なバカ﹂ChatGPTを使って1週間でiOSアプリを公開する方法

● 1124 users ● zenn.dev/niwatoro ● テクノロジー ●2023/03/12 初めまして、にわとろです。さて今回は、ChatGPTを使ってiOSアプリをイチから作ってみました。ChatGPTの記事なんてもうオーバーフローするほどあるのですが、今のところiOSアプリを最後まで作り通した記事はありません。理由は簡単で、ChatGPTは﹁バカ﹂なのでiOSアプリなんて複雑なモノを完成させられないからです。しかしバカも使いようです。上手く使いこなしてやれば、アプリだって作ることができます。ChatGPTはバカですが、有能なバカです。でもあなたがヤツをわかっていなければ、やっぱり無能のままです。だから、この記事を読んで理解してあげないといけません。それじゃあ、ChatGPTと仲良くなりにいきましょう。 ChatGPTを使う極意早速ChatGPTを使う極意を教えます。全部読み通せなくても、これだけは覚えてください。いい上司になれ。何を言っているかというと、Chat ●ChatGPT ●あとで読む ●AI ●プログラミング ●iOS ●アプリ ●エンジニア ●言語 ●programming ●機械学習

︻夫婦で開発︼1年かけて1週間を振り返えるアプリを本気で開発してみた

● 924 users ● zenn.dev/wheatandcat ● テクノロジー ●2022/05/04 1年と2ヶ月かけて開発していたアプリがリリースできたので記事にしました。詳しい開発のログは以下のスクラップにまとめています 👌 リリースしたアプリダウンロードはこちら。 ■ iOS ■ Android LPサイトアプリを開発したきっかけ以前から週1で家族の振り返りの時間を設けていて、今週あった出来事を互いに共有して議事録に残すことを習慣にしていました。ただ、上記の運用をしている間に以下のような問題があることに気づきました。振り返りの際に、今週の出来事を思い出せないまとまった期間の振り返りたいときに、テキスト情報のみだとピックアップしづらい良かった出来事のみピックアップしたい振り返りを開催する時間が毎回ズレる日付を忘れてスキップしてしまうそこで、上記を改善するためアプリを家族で開発しようという話になりました。どんなアプリ？ memoirは1週間を振り替えるアプリとし ●開発 ●あとで読む ●アプリ ●個人開発 ●development ●app ●react ●プログラミング ●タスク ●夫婦

文春オンラインの記事分析を支える爆速ダッシュボードを作るまで｜Shota Tajima

● 908 users ● note.com/shota_tjm ● テクノロジー ●2022/04/04 従来のGoogleアナリティクスである、ユニバーサルアナリティクス︵以下UA︶のサポートがいよいよ2023年7月に終了することが、先日アナウンスされました︵※︶。昨年対比やトレンドをチェックすることを考えると、2022年内できるだけ早めに次世代のGoogleアナリティクス︵以下GA4︶へ移行したいWebメディア運営者も多いかと思います。新しいツールの勉強や、既存システムの改修が必要な問題ではありますが、この機会を、データ収集・可視化の設計を見直し、日々の意思決定の共通言語としてデータを使いやすくするチャンスと捉えてみてはいかがでしょうか。 ※ Google、ユニバーサルアナリティクスのサポートを2023年7月1日に終了。早めのGA4移行を推奨このnoteでは、前半でダッシュボードによるデータの可視化にコストをかけるべき理由を整理します。後半では、2021年秋に文春オンラインのダッシュ ●アクセス解析 ●あとで読む ●分析 ●analytics ●データ ●google ●マーケティング ●Google Analytics ●GA ●GA4

レガシーおじさん、SPAを始めてみた。そして限界を知る

● 852 users ● zenn.dev/koduki ● テクノロジー ●2020/10/19 はじめに最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係ない領域を見る事が多いので、ちょっとキャッチアップを兼ねていくつかの個人プロダクトにVue.jsを採用してみました。 jQueryくらいで頭が止まってたので。サーバサイドもマイクロサービスでAPI化が進んでるのでフロントもそれに合った技術を選ばないとですしね。というわけで、今回はその中で得た知見というか、従来型のサーバサイドでのWeb開発をしていた人の視点でVue.jsをキャッチアップする流れで書いていきたいと思います。まあ最終的な結論は正直﹁これすごく ●SPA ●あとで読む ●Vue ●vue.js ●フロントエンド ●javascript ●web ●programming ●プログラミング ●frontend

個人開発を黒字にする技術 - k0kubun's blog

● 755 users ● k0kubun.hatenablog.com ● テクノロジー ●2022/05/06 最近は個人開発は自分のOSSのメンテで手がいっぱいになってしまったのでサービス開発のようなものは普段あまりやらないのだが、大学院*1で今学期、何作ってもよいという感じの授業を取ってWeb/iOS/Androidアプリ*2を全て作るという体験をする中で、たまたま個人開発のコストを抑える活動をしたので、その時に調べたり考えたりしたことを書いておく。 Herokuで無料にする Herokuでは毎月550時間free dynoが使え、クレジットカードを登録しておくと更に450時間、合計1000時間無料で使える。Herokuは30分アクセスがないと一旦停止するが、今回授業で作ったサービスでこれを使い切らないことは明らかだったので最初はこれでセットアップした。セットアップも簡単だし、PostgreSQLも無料でついてくる。ただ、コールドスタートに10秒くらいかかり、これがこのサービスではUX的に致命 ●開発 ●あとで読む ●個人開発 ●技術 ●サーバ ●VPS ●アプリ ●コスト ●development ●サービス

20年代のフロントエンド.md

● 731 users ● gist.github.com/mizchi ● テクノロジー ●2020/01/29 You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert ●フロントエンド ●frontend ●あとで読む ●javascript ●webpack ●アーキテクチャ ●node ●ライブラリ ●サーバ ●Firebase

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

● 715 users ● mizchi.hatenablog.com ● テクノロジー ●2020/01/04 なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から5年経ち、仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず80点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の6個の技術を紹介 ●react ●あとで読む ●firebase ●フロントエンド ●frontend ●javascript ●js ●技術 ●ReactNative ●techfeed

スケールする組織を支えるドキュメンテーションの技術を”GitLab Handbook”から学ぶ｜Anno Takahiro

● 692 users ● note.com/takahiroanno ● テクノロジー ●2020/02/14 ドキュメント文化は健全な組織のスケールのために必要　組織の中でドキュメント/文章を残し活用していくことはとても重要だ。クオリティの高いドキュメントがあることで、組織に情報が流通し、透明性を確保できるようになる。情報を流通させるためにいちいち口頭の説明がいらないから、メンバーの数が増えた時でもスケールしやすくなる。過去の結論にアクセス可能になるので、議論を積み上げていき、意思決定のクオリティを高めることにもつながる。そもそも何かを読むということは何かを聞いて教わるよりも時間あたりの処理量が多いし、非同期に実施できる。良いドキュメントをアセットとして社内に蓄積していくことはスタートアップのみならず、ありとあらゆる組織が成長していく上でとても重要であると言える。しかしその一方で、良質なドキュメント文化を徹底できている会社は多くないように見える。例えば、社内のドキュメントを蓄積させていく場所とし ●gitlab ●ドキュメント ●組織 ●あとで読む ●document ●マネジメント ●技術 ●git ●documentation ●management

Google Analytics 4 ガイド

● 684 users ● www.ga4.guide ● テクノロジー ●2022/03/30 アクセス解析ツール﹁Google Analytics 4﹂の実装・設定・活用のための情報サイト株式会社HAPPY ANALYTICSの代表、小川卓によって個人運営されています。 ●GA4 ●Google Analytics ●google ●あとで読む ●analytics ●アクセス解析 ●GA ●Webマーケティング ●seo ●GoogleAnalytics

ブラウザで動くサービスを作るときの技術選定

● 659 users ● zenn.dev/moga ● テクノロジー ●2022/02/10 はじめに私の仕事は、新規サービスをまるっといい感じに開発するのを委託されることがほとんどです。最近はネイティブアプリを作ることよりもブラウザで動くWebサービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。﹁こういうときはこう﹂みたいに一概には言えないのですが、普段使う構成を紹介します。誰かの参考になれば幸いです。 2022/02/10 現在での内容です。前提開発を委託される場合の運用費をどうするの問題があります。クライアントにクレカ登録をしてもらうか、こちらで支払って毎月請求するかになります。僕は毎月やるのがめんどくさいのでできるだけ前者に倒している関係上、あまりいろいろなSaaSを組み合わせて作ることをなるべく避けています。規模感によらず使っているもの私の場合、以下が使えるとめちゃくちゃ効率よく開発できます。 GCP 好きだから ●GCP ●あとで読む ●開発 ●GraphQL ●技術 ●TypeScript ●サービス ●webサービス ●firebase ●development

Udemyで新春セール開催！ 2020年にUdemyで最も興味を集めたカテゴリートップ5と人気コースを紹介 - はてなニュース

● 610 users ● hatenanews.com ● テクノロジー ●2020/12/30 2020年は新型コロナウイルスの流行、それに伴うリモートワーク︵テレワーク︶やワーケーション、オンライン授業での学習といった大きな社会的変化がありました。意図せず起きた変化ではありましたが、働き方や学び方の変化は、自分次第で何かを大きく変えられるチャンスでもあります。内閣府の調査*1によると、在宅勤務などで生じた空き時間を新たな挑戦に充て、オンライン学習でプログラミングなどIT関連の学習に取り組む社会人が増えているとのこと。めまぐるしく変わる社会へ適応するためには、自分にとって必要な情報を見極めるだけでなく、時代と共に学び続ける姿勢も必要。新しい学びはきっとあなたの強い味方になってくれることでしょう。ちょうどオンライン学習プラットフォーム﹁Udemy﹂では、2020年12月30日︵水︶～2021年1月7日︵木︶の間、対象の講座を1,200円から受講できる新春セールを開催。講座は買い切り ●学習 ●あとで読む ●udemy ●開発 ●エンジニア ●プログラミング ●知識 ●study ●勉強 ●javascript

コードの健全性: 礼儀正しいレビュー == 役立つレビュー

● 602 users ● developers-jp.googleblog.com ● テクノロジー ●2019/12/02 .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 ●コードレビュー ●あとで読む ●google ●review ●programming ●codereview ●development ●コード ●開発 ●プログラミング

︻React+TypeScript︼Netflixのクローンを作るチュートリアル

● 600 users ● zenn.dev/gunners6518 ● テクノロジー ●2021/01/22 ︻注意！︼ 2024年4月末にこちらの本の内容を大幅リニューアルしました！ https://note.com/terry10/n/nf0674af97617 ※こちらのZennのBookも5/7を目安にリニューアル内容を反映する予定です多くの人に手に取って欲しいので、リニューアル後は期間限定で無料配布も検討しています。こちらのツイートで無料配布について告知しています！ ↓ https://x.com/teriteri_code/status/1783358352447414464 --- React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。学べる事 - ReactのFunctionComponent︵関数コンポーネント︶とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外 ●react ●TypeScript ●あとで読む ●チュートリアル ●firebase ●tutorial ●javascript ●入門 ●プログラミング ●programming

GA4がよくわからん。となってしまう5つの理由。

● 582 users ● www.uneidou.com ● テクノロジー ●2022/06/28 GA4、導入しないといけないと思っていても、さっぱりわからんからやる気がしなくてどうしよう？ってなる時がありますよね。私も数か月前まではそんな感じでした。正直なところギリギリまで逃げ回りたかったんですが、そうもいかなくなったので勉強することに。ではなんで﹁わからん﹂となってしまうのでしょうか？そこがわかれば対応もできるので﹁わからん﹂理由と解消法をまとめてみました。﹁Google アナリティクス﹂と名乗っているところここがわからなくしている一番の原因です。Google アナリティクスと名乗っているので、今までのGoogle アナリティクスの延長線上にあるものだと思ってしまうんですが、全くの別物で生まれも育ちも違っています。今までのGoogle アナリティクス UrchinはGoogleアナリティクスの元となった製品。グーグルに買収されGoogleアナリティクスがリリースされた後も、 ●analytics ●あとで読む ●google ●GA4 ●ツール ●google analytics ●データ ●GA ●アクセス解析 ●webサービス

しずかなインターネットの技術構成

● 557 users ● zenn.dev/catnose99 ● テクノロジー ●2023/11/29 こんなWebサービスをリリースしたので、技術的な話をまとめておこうと思います。元々このサービスは、趣味の延長線のような感じで開発を始めました。競合にあたるnoteやはてなブログなどのサービスが確固たる地位を築いているということもあり、﹁お金にはならないだろうけど、自分の趣味を詰め込んだものにしよう﹂というゆるい気持ちで開発を続けています︵楽しい︶。選定の方針趣味と言っても文章投稿サービスなので、ユーザーが少数であったとしても長期間運営しなければなりません。そのため、ユーザー数が少なければランニングコストが数千円/月以下、ユーザー数が増えたときは段階的にコストが上がるように選定を行いました。アプリケーションフルスタックNext.jsアプリケーションをCloud Runにデプロイしています。各APIエンドポイントはNext.jsのAPI Routesで生やしています。 Next.js ●webサービス ●あとで読む ●技術選定 ●個人開発 ●開発 ●アーキテクチャ ●サービス ●architecture ●技術 ●インターネット

2020年のフロントエンドエンジニアの技術スタックの一例

● 555 users ● d.potato4d.me ● テクノロジー ●2020/11/29 年の瀬なので、私自身が今年利用した技術をベースに技術スタックをまとめてみようと思います。とはいえ Web Standard といった広い対象から、フレームワークやライブラリまで、粒度の違うものを全て言及するのは無理があるというもの。特に強く言及できるものは個別で説明しつつ、最後に利用する機会がなかったものも最後に記載する形で。以下常体。追記: マイナー企業のようなので一応書いておきますが、筆者は本業ではLINE株式会社という組織でいわゆるエンジニアリングマネージャーと言われるような業務とその採用に関わる仕事をしています。利用した技術一覧 HTML/CSS/JS みたいなことを書いてるとキリがないので、独断と偏見で区分けして適宜漉いています。特に利用する機会が多かったものは太字でピックアップ。 Frontend Language/Platform TypeScript JavaScr ●フロントエンド ●あとで読む ●frontend ●開発 ●技術 ●javascript ●firebase ●node ●development ●cloud

高校生が作った有料サービスがちょっと儲かったのでいろいろ書く

● 544 users ● zenn.dev/sizumita ● テクノロジー ●2021/11/11 Discordの有料読み上げBotを運営している高校3年生です。公開2年目で月に12kほど利益が出ています。最大4つのボイスチャットで読み上げ可能可用性99% Webダッシュボードなどの機能があります。Discordを使っている方がいれば、ぜひ導入していただけるとうれしいです。コミュニティの宣伝未踏ジュニアに採択された採択者で、未踏ジュニアに挑戦したい方向けのコミュニティを始めました！約12人の採択者と話をしたり、質問できます！ぜひ共有していただけると幸いです🙏 なぜ作ることにしたのか？昔︵4年前︶頃から無料のDiscordの読み上げBotは存在していましたが、どれも使う人数が多すぎて制限があったり、読み上げが遅くなったりするという問題がありました。そこで、有料の読み上げBotを運営することにしました。料金体系一律で月500円/20万文字のサブスクリプションにしました。g ●webサービス ●あとで読む ●bot ●サービス ●開発 ●ビジネス ●Firebase ●api ●Rust ●システム開発

熱量を失ったサーバーレスという世界︵個人の所感︶ - Sweet Escape

● 527 users ● www.keisuke69.net ● テクノロジー ●2022/12/29 はじめに先日、エンジニア界隈では有名なポッドキャストであるfukabori.fmに出させていただきまして、そのときのトピックがサーバーレスでした。ポッドキャストはこちらで聞けますのでぜひどうぞ。 fukabori.fm そこでもいろいろお話ししたのですが改めて話せなかったことなども含めて書こうかなと。つまり、ポエムです。散らかった文章な上に少し長めなのでお時間のある方だけどうぞ。なお、サーバーレスの黎明期の話とかそういう思い出話は以前に書いたこちらの投稿があります。サーバーレスと僕のこれまでとこれから - Sweet Escape 今回は思い出話ではなく、サーバーレスに個人として魅力を感じ、仕事としてその良さを広めたり、実装のお手伝いをし続けてきた自分がそういった仕事から離れた2022年現在どういう風に向き合ってるかについてのポエムです。前提現在の自分は株式会社Singular ●serverless ●あとで読む ●aws ●サーバ ●サーバーレス ●cloud ●FaaS ●Firebase ●Lambda ●google

とりあえずWebサービス作る時の私の技術選定ポイント@2022/02

● 525 users ● zenn.dev/moya_dev ● テクノロジー ●2022/02/12 はじめに inspired mogaさんのブラウザで動くサービスを作るときの技術選定が素晴らしい記事だったので、自分も書いてみる事にしました。幸いにも技術選定からのお仕事をする機会が多くて、自分の中でパターンが大体決まってきているので言語化してみます。前提が同じサービスは無いので絶対的な正解は無いですが、なんかしらの参考になれば幸いです。 ※2022/02時点私/よくあるお仕事について Web系のサービスなんかいい感じにするマンとして、フリーランスとして働いています。準委任という形でスタートアップ企業をお手伝いする事が多いです。 MVPを作りたい、もしくはMVPは行けたのでちゃんと作り直したい、という要望があって参画して、まるっと作ってそのまま運用をします。作って終わりではなくて、運用や拡張性を考えてやってます︵サービスに必要なのはもちろん、運用する自分が楽だから︶。前提エンジニ ●GCP ●あとで読む ●技術 ●webサービス ●開発 ●技術選定 ●サービス ●typescript ●Firebase ●web

君はまだ平成のアーキテクチャを使ってるのか？僕はFirebaseと令和の時代に行くぞ。 - Qiita

● 520 users ● qiita.com ● テクノロジー ●2019/12/25 Help us understand the problem. What is going on with this article? メリークリスマス！この記事はFirebase Advent Calendar 2019の25日目の記事です。これはなに？この1年、本を書いたり勉強会で登壇したりいろいろやってみた結果を振り返ってみると、本当に多くの人がFirebaseにふれるようになったなぁと思います。圧倒的な開発者体験の良さをもってバックエンドの関心事を一手に引き受け、アプリケーション開発を劇的に高速化してくれるソリューションとして、Webアプリでもモバイルアプリでもバックエンド第一の選択肢として確固たる地位を確立しつつあるのではないでしょうか。それ自体はとてもいいことなのですが、Firebaseの強さを活かすためのアーキテクチャに関するアイデアはあまり表に出てきていないのではな ●firebase ●あとで読む ●アーキテクチャ ●サーバ ●Qiita ●web ●アプリ ●システム ●architecture ●firestore

今からVue.jsを始める人のための﹁知るのを後回しにしてよい﹂n個のこと - Qiita

● 514 users ● qiita.com/fruitriin ● テクノロジー ●2020/03/07 ＊この記事は2020年3月頭に書かれている記事ですどうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を増やしていくスタイルにマッチしている)ものとして、フロントエンド初学者の皆さんにもおすすめしたい代物です。しかし、現在までに様々なプラクティスが考案されたがゆえに、﹁最初からベストな方法で始めたい﹂という思いから一度にたくさんのことに挑戦してしまいたくなりがちです。そしてそれはプログレッシブという思想に反するもので、結果として挫折を生んでしまっているのではないかと思いました。そこで今回は﹁知るのを後回ししてよいこと﹂として、Vue.jsへの入門する方へのアドバイスを独断と偏見で不要度という指標でまとめてみました。不要度というネガティブな指 ●Vue.js ●あとで読む ●Vue ●javascript ●NuxtJS ●Vuex ●Qiita ●入門 ●Nuxt.js ●study

Webフロントエンド入門

● 498 users ● zenn.dev/y_ta ● テクノロジー ●2024/01/05 まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解したモダンなWeb制作を行いたいこれから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。作成するものによっ ●フロントエンド ●あとで読む ●react ●web ●css ●開発 ●UI ●js ●web制作 ●javascript

コーポレートサイトを誰にも気づかれず静的化したときの技術選択について - Hatena Developer Blog

● 455 users ● developer.hatenastaff.com ● テクノロジー ●2020/07/22 こんにちは〜。チーフエンジニアのid:cockscombです。最近、同僚のid:yashigani_wとともに、はてなのコーポレートサイトを静的サイトとして再構築しました。ちょっとした仕事ではありますが、経験によって得られた暗黙知を形式知へ昇華するため、ここに紹介します。はてなのコーポレートサイトとはサイトを静的化するメリットどのようにサイトの静的化を進めたか 1. 静的ファイルをNext.jsで生成 2. 運用を自動化したい 3. ホスティングサービスを選択する 4. 動的なコンテンツを表示するリリースと振り返りホスティングサービスに関する補足はてなのコーポレートサイトとは弊社のコーポレートサイトは一般的なそれと同様に、株式会社としての﹁はてな﹂に関心を持っていただいた方々とコミュニケーションするための窓口です。会社情報を提供したり、あるいはプレスリリースなどの情報を公開 ●Next.js ●あとで読む ●技術 ●静的サイト ●はてな ●aws ●Amplify ●運用 ●web制作 ●js

Google純正の構成図作成ツールが登場したので早速使ってみた

● 447 users ● gigazine.net ● テクノロジー ●2022/02/18 クラウドサービスでは大量の機能が多種多様に提供されており、簡単なアプリでも複数のサービスを組み合わせて利用することも珍しくありません。そうしたバックグラウンドのサービスを設計する際に役立つのがサービス間の構造を図に落とし込んだ﹁アーキテクチャ図﹂です。これまでもサードパーティーからさまざまなアーキテクチャ図作成ツールが提供されてきましたが、2022年2月17日にGoogleが自社クラウド向けの公式アーキテクチャ図作成ツールをリリースしたので、早速使い勝手を試してみました。 Google Cloud Developer Cheat Sheet https://googlecloudcheatsheet.withgoogle.com/architecture Introducing a Google Cloud architecture diagramming tool | Google Cl ●google ●あとで読む ●ツール ●cloud ●サービス ●GCP ●アーキテクチャ ●作図 ●設計 ●構成

Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd︵フュード︶powered by キカガク

● 432 users ● fwywd.com ● テクノロジー ●2021/05/25 2021 年から React ベースのフレームワークである Next.js を本格的に学び始めました。昨年 2020 年は Vue.js ベースのフレームワークである Nuxt.js にどっぷりと使った1年であり、昨年リリースしたキカガク (kikagaku.ai) など、本運用に乗せるところまでプロダクト開発チームで学びながら進めていきました。その昨年に1年間もかけて知見を貯めた Vue.js & Nuxt.js を離れて、React & Next.js へ移行した背景を紹介します。 ●react ●vue.js ●javascript ●あとで読む ●Next.js ●Vue ●開発 ●nuxt.js ●Firebase ●js

無料プランのはずがたった1日の利用で750万円をGoogleから請求された企業が破産寸前に

● 429 users ● gigazine.net ● テクノロジー ●2020/12/11 ウェブサイトやアプリケーションを簡単に構築できるクラウドサービスは便利なものですが、その課金システムは非常に複雑です。通信量や利用した計算リソースに応じて課金する従量課金制のサービスもあれば、条件を満たすことで無料で利用できるサービスもあります。そんなクラウドサービスの無料プランを利用したつもりが、7万2000ドル(約750万円)を請求され倒産寸前に追い込まれたと、ベンチャー企業の創設者が当時の状況をブログに吐露しています。 We Burnt $72K testing Firebase + Cloud Run and almost went Bankrupt [Part 1] | Milkie Way https://blog.tomilkieway.com/72k-1/ We Burnt $72K testing Firebase - Cloud Run and almost went ●google ●あとで読む ●gigazine ●トラブル ●firebase ●webサービス ●cloud ●クラウド ●ビジネス ●security

なるべくお金をかけずに個人アプリを運用したい - くりにっき

● 420 users ● sue445.hatenablog.com ● テクノロジー ●2022/05/06 前々からこの手のことを書きたいとは思ってたけど id:k0kubun さんの下記エントリに触発されて書きました。 k0kubun.hatenablog.com tl;dr; 個人アプリ開発歴前提 Heroku GCP Google App Engine Cloud Run Firebase Cloud Functions GitHub Pages 2022/8/14追記 GitLab Pages 2022/5/7 17:00追記‥ブコメレス tl;dr; HerokuやFirebaseを駆使すれば割と無料でいける若干お金を払えばもっと選択肢は増える個人アプリ開発歴 2001～2002年あたりから個人HPでアプリを公開。後にVectorにも公開アカウントは残ってるのでいまだにVectorからのレポートメールが毎月届いてます 2009年くらいから色々ウェブアプリを開発 Google A ●開発 ●あとで読む ●個人開発 ●アプリ ●cloud ●firebase ●GCP ●無料 ●運用 ●お金

Angular と Firebase で月間 3.5億PVになった PWA の収益性改善とコストカット - Qiita

● 380 users ● qiita.com/MasanobuAkiba ● テクノロジー ●2020/12/07 と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。︵流石に来年はきついと思います＾＾‥ 今回は、そんなサービスを拡大する上で欠かせない収益の話と成長したからこそ表面化したコストの話をまとめていきたいと思います。収益の話参照‥https://jp.freepik.com PWA は稼げない昨年の Advent Calendar にて、私はたいそう嘆いておりました︵ＴДＴ︶ Web 側の広告は MPA︵マルチページアプリ︶を前提にしているものがほとんど Web 側では広告の表示を最適化できない︵MPA 前提の規約上バックグラウンドで読み込んでおけないそれに加えて、SPA のページ遷移が早すぎて広告が表示される前に通過してしまうアプリ側にはインタースティシャル広告やリワード広告といった単価の高い広告商材が豊富に存在するそういった要因から、PWA におけるページ ●PWA ●firebase ●あとで読む ●広告 ●angular ●frontend ●ad ●マーケティング ●ネットワーク ●Qiita

﹁これは革命﹂とまでは言わないけれど、Webサービスへのサブスク導入がめちゃめちゃ楽なのでぜひ知って欲しいStripeのFirebase Extensions - nabettu

● 373 users ● nabettu.com ● テクノロジー ●2020/09/04 トップ/ブログ記事一覧/﹁これは革命﹂とまでは言わないけれど、Webサービスへのサブスク導入がめちゃめちゃ楽なのでぜひ知って欲しいStripeのFirebase Extensions ﹁これは革命﹂とまでは言わないけれど、Webサービスへのサブスク導入がめちゃめちゃ楽なのでぜひ知って欲しいStripeのFirebase Extensions ●stripe ●firebase ●あとで読む ●webサービス ●subscription ●決済 ●サブスク ●web ●開発 ●サービス

安く早く開発するための個人開発アーキテクチャ

● 369 users ● zenn.dev/kazu777 ● テクノロジー ●2022/12/28 はじめに最近趣味で個人開発をしながらアーキテクチャの検討を行なっていたのですが、自分なりにいい感じの結論に辿り着いたので今回はそのアーキテクチャの紹介しようと思います！インフラ、バックエンド、フロントエンドの各セクションに自分が使用しているテンプレートのリポジトリのリンクを載せてあるので興味のある方は参考にしてください。また今回紹介するアーキテクチャはあくまで一例なので、間違いや不備などがあればご指摘いただければ幸いです。前提条件個人開発で使用するアーキテクチャを考える上で、自分の中でいくつか前提条件があります。ランニングコストを抑えるいくつか前提条件がある中で、個人的に一番重要な要素になります。バズるサービスを作りたいという気持ちはありますが、そのためにいくらでもコストをかけられるかと言われるとそうではありません。むしろ個人開発となると、抑えられるコストはできる限り抑えた ●個人開発 ●あとで読む ●開発 ●アーキテクチャ ●Terraform ●GCP ●development ●Hasura ●GraphQL ●cloud

個人開発で参考になるNext.jsリポジトリ10選

● 364 users ● zenn.dev/ya_s_u ● テクノロジー ●2023/10/14 OpenStatus - ステータスページ App Router Turborepo Drizzle Clerk tRPC Tailwind shadcn/ui LLM Report - OpenAI モニタリング App Router Prisma NextAuth shadcn/ui Stripe Dub - URL 短縮 App Router Turborepo Prisma NextAuth Tailwind Stripe slug - URL 短縮 Prisma NextAuth tRPC Tailwind Cal.com - 日程調整 Turborepo Prisma NextAuth tRPC Tailwind Taxonomy - ブログ App Router Prisma NextAuth Tailwind Rowy - ローコード GUI Firebase Dorf - ●next.js ●あとで読む ●react ●開発 ●js ●development ●javascript ●app ●nextjs ●Stripe

Flutter実践入門

● 360 users ● zenn.dev/kazutxt ● テクノロジー ●2021/04/05 📕書籍化お知らせ📕 本書が翔泳社様から﹁動かして学ぶ!Flutter開発入門﹂として出版されることになりました!! https://www.shoeisha.co.jp/book/detail/9784798177731 書籍化できましたのは、読者の皆様のご高評のおかげです。いつもご利用本当にありがとうございます！書籍の内容は、2023年4月15日の内容と概ね同じになっています。ただし、書籍の方は、イラスト/手順の項番/キャプションなどが非常にわかりやすくなっており、プロジェクト形式でのサンプルソースコードも提供されます。 🚨有料化のお知らせ🚨 書籍化に伴う諸般の都合により、出版された部分の削除や非公開などはしないのですが、出版日に有料化をさせて頂く予定です。今まで2年以上無料で公開をさせて頂いた状況もあり心苦しいのですが、ご理解頂けますと幸いです ⚠️⚠️⚠️翔泳社様の書籍 ●flutter ●あとで読む ●iOS ●開発 ●入門 ●android ●Firebase ●アプリ ●dart ●チュートリアル

小さいプロダクト開発におけるGCP利用の勘どころ - 個人的なプロダクトを三日でローンチした話 - Lean Baseball

● 349 users ● shinyorke.hatenablog.com ● テクノロジー ●2020/03/15 私個人の話なのですが. 最近は仕事でAWSやGCPのサーバレスアーキテクチャにふれる機会が増えた*1と同時に, 自分が気になる世の中のニュース︵グルメとかいろいろ︶だけをいい感じに集めてまとめて読みたいその中でも特に⚾, 速報とかいい感じに通知させたいという怠け者欲ライフハック欲が高まってきたので, GCP︵とちょっとしたPythonスクリプト︶でSlack Botを作りました. 趣味開発で雑にはじめた結果, 三日程度でできちゃった*2のでその知見をメモ代わりに残します. おしながきおしながき TL;DR 対象読者作ったもの GCPをフル活用して実質三日でBotをローンチした Bot本体の開発 GCPの何を使うかで試行錯誤プランA﹁GCEを使う﹂プランB﹁Cloud Run + Cloud Scheduler﹂採用した構成﹁Cloud Functions + Cloud Sc ●GCP ●あとで読む ●開発 ●slack ●python ●個人開発 ●cloud ●アーキテクチャ ●docker ●bot

Herokuの代替サービス30選、使ってみた参考記事リンク付き - Qiita

● 345 users ● qiita.com/rana_kualu ● テクノロジー ●2022/10/25 先日Herokuの完全有償化が発表されて以降、蜘蛛の子を散らすようにHerokuからの脱出が図られています。そんなわけで概ねHerokuの代替となりそうな無料サービスを紹介していきます。ほとんどの代替サービスは完全無料というわけではなく、機能の少ない無料プランと高機能の有料プランが存在します。有料化前のHerokuと同じということですね。各サービスについて、実際に使ってみたという参考記事を貼っておくので、実際の使い勝手等はそちらを参照してください(他力本願︶ Qiita内に使ってみた記事が見つからなかったサービスは、日本では人気がないのだろうということで選外にしました。また概要は、各サービスの説明やドキュメントに記載されているものです。代替サービス一覧 FLy Flyはグローバルなアプリケーション配布プラットフォームです。 Turbokuを使えばHerokuアプリをFly.io ●heroku ●あとで読む ●サーバ ●サービス ●webサービス ●Docker ●アプリ ●web ●firebase ●プロジェクト

Firebase Authentication 7つの落とし穴 - 脆弱性を生むIDaaSの不適切な利用 - Flatt Security Blog

● 340 users ● blog.flatt.tech ● テクノロジー ●2022/04/19 はじめにこんにちは、株式会社 Flatt Security セキュリティエンジニアのぴざきゃっと (@pizzacat83) です。認証機構を自作せずに導入できる Firebase Authentication は様々なアプリケーションにて利用されていますが、その特性を十分に理解せずに導入すると、実は不具合や脆弱性が生じることがあります。そこで本稿では Firebase Authentication を利用するうえで、注意しなければ不具合や脆弱性に繋がりうる7個の﹁落とし穴﹂について解説します。はじめに IDaaS の利点と欠点落とし穴 1. 自己サインアップリスク対策不十分な対策落とし穴 2. ユーザーが自身を削除できる対策落とし穴 3. 他人のメールアドレスを用いたユーザー登録リスクリスク 3-1. メールアドレス誤入力によるユーザー乗っ取りリスク 3-2 ●Firebase ●認証 ●security ●セキュリティ ●あとで読む ●authentication ●パスワード ●メール ●auth ●api

﹁しずかなインターネット﹂の技術スタックを調べる - laiso

● 340 users ● laiso.hatenablog.com ● テクノロジー ●2023/11/23 ポエム特化のZenn2との噂の﹁しずかなインターネット﹂を使いはじめたので、ユーザーとしてどんな技術が使われているのかを確認していく。 sizu.me おもむろにbuiltwith.comにかけてみる。 builtwith.com ここで分かる情報はブラウザのDevTools眺めてても得られるのであまり収穫はない。前段にCloudflareのCDNサーバーがいて Next.jsで生成されたレスポンスを返していることがわかる。この時点ではキャッシュのみCloudflareなのか、Pages/WorkersでNext.jsのSSRごと動かしているのかは判断できない。認証 Set-Cookie: __Secure-next-auth.session-token=が含まれているのでNextAuth.jsを使っているのが分かる。 next-auth.js.org Emailでサインアップする ●技術 ●あとで読む ●設計 ●開発 ●インターネット ●webサービス ●API ●js ●cloud ●architecture

Firebaseの存在をフロントエンドから隠蔽するために

● 326 users ● blog.ojisan.io ● テクノロジー ●2020/07/27 ﹁Firebase は安いし楽だしマジ最高﹂という一心で技術選定してしまったプロダクトが成功して見えてきた課題、割高なコスト・権限管理・カスタマイズ性、そして︵特性やスキルセット的に︶RDB 製品が適していたのに無理やり Firestore を採用したことによるデータ不整合。その結果チーム内で Firebase を抜ける機運が高まるも、Firebase べっとりなアプリケーションすぎて移行しづらいといった問題に出会うかもしれません。そのような場合に備え、Firebase の存在を隠蔽して開発することに挑戦してみましょう。注意: Firebase を剥がしているときに﹁俺、次は絶対そうするわ﹂と感じたものを書いているだけであり、まだ実際にはこのパターンでプロダクション導入していません。あくまで個人開発で試してみていけそうと思ったので、提案しますという体です。また Firebase ●firebase ●あとで読む ●設計 ●react ●開発 ●インフラ ●firestore ●コード ●フロントエンド ●frontend

SIerの輪廻から解脱するための技術｜はまあ

● 317 users ● note.com/motekawa ● テクノロジー ●2020/10/10 モチベーション最近﹁SIer界の輪廻からどうやって解脱したらいいですか？﹂という話をちょくちょく耳にすることが増えた。それに対する"解答"というわけではないのだけど、輪廻からの解脱を目指すにあたり、どんな要素技術を学ぶべきかについてはある程度指針を示せると思ったので今回は、選ぶべき技術と、その理由について解説していきます。 SIer界で輪廻転生を繰り返したい人はジャバ言語のラムダ式を禁止にすべきか議論するほうが大事だと思うので、こんな記事にクソリプする前にさっさと帰って、どうぞ。 TypeScript解脱への第一歩は、なにはともあれTypeScriptだろう。正直、この言語だけ覚えておけば、FaaS(Lambda, Cloud Functions)も書けるし、ReactによるSPAとか、なんならReact Nativeでアプリも書けるし、モダンな開発環境に必要なスキルセットがすべてま ●技術 ●あとで読む ●SIer ●TypeScript ●開発 ●react ●プログラミング ●仕事 ●firebase ●FaaS

最近のモダンなWebサービス開発の構成について調べるメモ

● 308 users ● zenn.dev/razokulover ● テクノロジー ●2021/01/31 ここのところ雑にWebサービスをリリースする機会が減って最近はFlutterでネイティブアプリばかり書いてるのでWebの最新に追いつけてない。最近の流行りのWebサービス開発について自分の必要そうな範囲でちょっと調べてみる。自分の場合、フロントエンドはTypeScript+(Vue or Nuxt)でやって、サーバーサイドはRailsで書いちゃうことがまだ多い。これでもなんとかなるけど、もうどうせならJSで一気通貫でフロントエンドとサーバーサイドを書ければ楽なのにと思いつつある。パッと思いつくのはTypeScriptでフロントエンドをNext,Nuxtあたりでやって、バックエンドAPIをexpressとかサーバーレスAPIを適当に書くとかだけど、今だともっと良い方法ありそう。本当はDartでサーバーサイド、FlutterでwebまでいければDart統一時代になって願ったり叶ったり ●開発 ●あとで読む ●web ●webサービス ●サービス ●Firebase ●typescript ●development ●frontend ●programming

1 2 3 4 5 6 7 8 9 10

検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

Firebaseの検索結果1 - 40 件 / 633件

Firebaseの関連エントリー

Firebaseの関連エントリー

新着記事

キーボードショートカット一覧

公式Twitter

はてなのサービス