Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアHub > 記事一覧 > Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓（@_sgr_ksmt）さんが、実践的に解説します。
はじめにGoogle Apps Script は無料で色んなことが実現できるため、ついつい「全て GAS でやっちゃおう」みたいな話になりがちです。Google Apps Script も万能ではないので、強み・弱みを理解した上で他の選択肢と比較して使うのをお勧めします。 Google Apps Script のプロジェクトを 2–30 個作ってきた中で、自分なりのプラクティスをまとめてみます。 この内容は Cloud Next ’18 in Tokyo で登壇したときの内容を含んでいます。この登壇から半年以上経ったのでアップデート部分も以下にまとめています。 Google Apps Script の強み・弱みまず、強みと弱みについてまとめてみます。 強み 1. Google Apps の API を簡単に呼び出すことができる一番の強みはこれだと思います。Google Apps Scrip
CDNのエッジで実行する系が面白い
先日の Next.js Conf で Vercel は Next.js の新しいバージョン「12」をリリースした。 興味深いのは、Vercel は同時にEdge Functionsというサービスを開始したことだ。 Edge Functions – Vercel 謳い文句のひとつに Push your functions to the edge とあるように、「エッジ」で実行される「関数」を提供するプラットフォームである。 ここで言うエッジとはなにかというと、Vercel は明言していないが CDN のエッジのことだ。 Vercel の例のように「CDN のエッジで実行する系」が増えている。例えば以下の 7 つだ。 Cloudflare Workers Fastly Compute@Edge AWS CloudFront Functions AWS Lambda@Edge Deno Depl
はじめに 基本的にAWSエンジニアとして仕事していて、Azureは未経験でしたが案件で採用されて触れる事になりました。 Azure Functionsで処理する所があって私に一任という感じだったのですが、まぁAWS Lambdaみたいなもんでしょと（恐らく他の人も）思ってました。 それがこんな事になろうとは… 必要なリソースが多い まず戸惑ったのがこれです。 関数を書くまでに以下のリソースが必要です。 Azure Functionsのインスタンス（という表現が正確か不明ですが。） Lambdaと違って１つのインスタンスに複数の関数を乗せる形になります（１つ１つ作ってもいいですが…） プラン 料金プランの事だと思えば良いかと。なんですが、プランも１つのリソースなんです。。 Azure Storage アカウント コードや一部の設定情報などが保存されています。 Application Insi
AWS、ローコード開発ツール「AWS Step Functions Workflow Studio」リリース。サーバレスアプリをビジュアルプログラミング
AWS、ローコード開発ツール「AWS Step Functions Workflow Studio」リリース。サーバレスアプリをビジュアルプログラミング AWSは、AWS Lambda関数やAWSのサービスなどをフローチャートのようにアイコンを組み合わせることでプログラミングを行える、ローコードビジュアル開発ツール「AWS Step Functions Workflow Studio」（以下、Workflow Studio）をリリースしました。 Workflow StudioはWebブラウザから利用する開発環境です。左側にAWS Lambda関数の呼び出しやAWSのさまざまなサービスがアイコンとして並んでいます。 Workflow Studioで開発された内容は、最終的にJSONベースのコード「Amazon States Language」( ASL）として出力されます。 Amazon S
エッジで爆速コード実行！CloudFront Functionsがリリースされました！ | DevelopersIO
珍しく早起きをしてRSSを眺めてるとアッツアッツなアップデートが来ていました。 Amazon CloudFront announces CloudFront Functions, a lightweight edge compute capability 今回はCloudFront Functionsをご紹介していきます。 CloudFront Functionsとは？ CloudFront Functions(CF2)はLambda@Edgeより手前で、シンプルな処理をより高速に、素早く、安価に実行できるサービスです。 CloudFront Functionsを使うことでこれまでLambda@Edgeで実行していたシンプルな処理をよりユーザーに近いEdge Locationで実行しつつ、高速に処理を行う事ができます。 また、CloudFront FunctionsとLambda@Edge
Google Cloud FunctionsがPHPをサポート開始。PHPでサーバレスの関数が記述可能に Google Cloud Platformにおけるサーバレスコンピューティング環境を提供するGoogle Cloud Functionsで、PHP言語のサポートがプレビューとして開始されることが発表されました。 Today we’re bringing support for PHP, a popular general-purpose programming language, to Cloud Functions. With the Functions Framework for PHP, learn how you can write idiomatic PHP functions to build business-critical applications & integra
Next.jsのホスティング先といえば、Vercelという認識は結構多くの人の中での共通認識になりつつあると思う。実際にVercelは特に難しいことをする必要もなく、また月額＄20の課金（Proプラン）でのできる範囲はかなり広いと思う。 私も普段作っているサービスのDeploy先の1つとしてVercelを持っているが、今回はFirebaseもかなり良いと言う話をしていきたいと思う。 2022年5月、FirebaseHostingがNext.jsに対応した 実はGoogleI/Oの中で、こっそりとFirebaseHostingがNext.jsに対応していたのだ GoogleI/Oの記事はこちら 厳密には、Next.jsのプロジェクトを FirebaseHosting+FirebaseFuncitons(裏側でゴニョゴニョやってくれて第二世代のFunctionsにdeployされている)にfi
広告配信を支えるバッチ基盤をサーバーレス移行した話（ECS Fargate, Step Functions）@ Serverless Meetup Tokyo #16
Zucks inc. (VOYAGE GROUP inc.) https://serverless.connpass.com/event/165352/ https://youtu.be/dSoIQhobDb8?t=8021
ここ数年は Azure Functions をフルに活用したアプリケーションを実装することが多かったのですが、同時に Azure Functions を失敗しないように使う方法も分かってくるので、ここらでちゃんと言語化しておきます。 最近は特に Azure Light-up というハッカソンを行うことが多いのですが、Azure Functions を使う場合には必ずこの辺りは毎回説明するようにしています。要するに Azure Functions の利点・特性を理解して賢く使いこなそうという話です。 Binding / Trigger で実現出来ないか考える Function の実装は出来る限り小さく保つ リトライのしやすい実装を重視する 最新の .NET での作法に沿ったコードを書く Graceful Shutdown に対応したコードを書く 機能単位で Function App プロジェ
AWS、エッジにおけるJavaScript実行環境に本格参入。Cloudflare WorkersやDeno Deployなどと競合へ
AWS、エッジにおけるJavaScript実行環境に本格参入。Cloudflare WorkersやDeno Deployなどと競合へ Amazon Web Services（AWS）は、エッジ環境で軽量なJavaScriptによる処理を実行可能な新サービス「Amazon CloudFront Functions」を発表しました。 AWSではすでにエッジで処理を行う「Lambda@Edge」を提供しており、そこでNode.jsとPythonによるコードを実行可能です。 しかしLambda@Edgeは13カ所のリージョナルエッジキャッシュにおいて処理が行われるのに対し、CloudFront Functionsは218カ所以上のCloudFront Edge Locationsにおいて処理が行われるため、よりユーザーに近い広範囲なロケーションで実行されます。 また、実行時間もLambda@Ed
KomercoとFirebaseの話【前編】 - Firestoreの設計パターン - クックパッド開発者ブログ
こんにちは。Komercoの高橋です。 Komercoがリリースされてからもうすぐ3年が経とうとしています。 クックパッドの新規事業「Komerco」ではバックエンドのほぼ全てをFirebaseで運用してします。 新規事業のためエンジニアの数はまだ少ないものの、Firebaseのおかげでエンジニアはサービス開発に専念できている状況で、昨年はWeb版のリリースや送料無料イベントもあり、ユーザ数がさらに増加してきています。 これまで多くの機能を開発してきましたが、その中でFirebaseをより有効に使えるよう試行錯誤してきました。 これからFirebaseを使おうか考えている人にも、今現在Firebaseを使っている人にも参考になるよう、Komercoで得た知見を書いていこうと思います。 前後編となっており、前半はFirestoreの設計についてお話しようと思います。 当たり前の機能だけどFi
Firebase HostingがNext.jsのデプロイに対応した[1] と聞きつけ、Next.jsビルドツール好き[2] [3] なので様子を見てきました。 のリポジトリを中心に調べてみます。 Firebase CLI framework-awareness とは フレームワークサポートを付与するためのFirebase CLI のアドオン。 Firebaseプロジェクトの構成に応じて、Google Cloudのリソースを構築する。 現在Next, Nuxt2/3, AngularをサポートしていてCloud Functionsにこれからのフレームワーク機能をサポートするエンドポイントを自動でデプロイしてくれる。 内部アーキテクチャ next export で .next/ ディレクトリができる firebase-frameworks.build() がプロジェクト構造を解析してフレーム
Azure Cosmos DB の無料版が出たので相性最高の Azure Functions と合わせて使ってみた - Qiita
無料版が出ましたね！！ Publickey さんでも取り上げてもらってます。 マイクロソフト、「Azure Cosmos DB」がずっと無料で使える「Free Tier」を発表。地球規模の分散データベースを最大5GBまで Cosmos DB とは Azure で一番強い NoSQL DB だと思ってます。色々な DB のモードがあって SQL API Cssandra API MongoDB API Gremlin API テーブル API etcd API の中から選べます。私は SQL API が好きというか基本的に SQL API しか使ったことない感じです。 SQL API は JSON でデータが格納されて SQL で問い合わせ出来る感じです。（雑な説明） 作ってみよう Azure ポータル から Cosmos DB を作成します。作成するときに「Apply Free Tier
Google Cloud FunctionsやCloud Runのコールドスタートを高速化する「startup CPU boost」登場
Google Cloudは、Cloud FunctionsやCloud Runにおけるコールドスタートで時間がかかる起動時間を短縮する「startup CPU boost」を発表しました。 Cloud RunやCloud Functionsなどの、いわゆるサーバレス基盤により提供されるサービスでは、まったくインスタンスが存在しない状態から、リクエストの発生によりインスタンスを起動する、「コールドスタート」が発生する場面がしばしばあります。 サーバレスであってもあらかじめ最小のインスタンス数を指定しておき、リクエストがない状態でも最小インスタンスでリクエストを待ち構えていれば、リクエストがあったときに瞬時にインスタンスの処理を開始させることは可能です。 この状態をウォームスタートと一般に呼びますが、ウォームスタートは迅速なレスポンスの一方で待ち時間にもインスタンスを起動しておくため、そのコン
CloudFront FunctionsはLambda@Edgeより安い。それ本当？！ | DevelopersIO
CX事業本部@大阪の岩田です。先月GAされたCloudFront Functions(以後CF2とします)ですが、従来から利用できたLambda@Edge(以後L@Eとします)と比較して、高速かつ低コストというのがウリの1つになっています。最大実行時間や最大メモリといった制約はありますが、レスポンスヘッダを固定付与するようなライトな処理はCF2のユースケースとしてAWSの公式ドキュメントでも紹介されています。 Customizing at the edge with CloudFront Functions では今後はレスポンスヘッダの固定付与のような処理は全てCF2で実装すべきなのでしょうか？基本的にはCF2で良いと思いますが、使い方次第ではCF2よりもL@Eの方が低コストになることも考えられるので、なぜこのようなケースが起こり得るのかをご紹介します。 CF2とL@Eの料金体系比較 まず
はじめに こんにちは！！@Sicut_studyです！ クラウド破産しかけました！ギリギリ払えるくらいやばかったです！！ 普段サービスを Firbese でデプロイしているのですが、この度自分でサービスをリリースした時に破産しそうになった話を共有していきます。 自分が使うためのサービスとみんなに利用してもらうためのサービスではこの点が大きく違うんだなとしみじみ感じたので、自分以外が使うサービスをリリースする方には参考になるかと思います 0. アラートは突然に とあるメールが自分のもとに届きました !?!??!??!??!?!!!?? やばいまだ11月始まって6日なのに予算の半分を使ってしまっただと！？！ とくにリリースなどは行っていなかったのでなぜか今月になって請求額があがるようになっていました 仕事中にメールが来たのですが、気になりすぎてまったく集中できませんでした😅😅😅😅 1.
Microsoft Build 2020 で、Azure App Service の新たなオプションとして 静的サイトのホスティング を実現する Static Web Apps が発表になりました（執筆時点で Public Preview）。JavaScript で開発する Web フロントエンドのメインストリームである SPA（Single Page Application)）や 静的サイトジェネレータを使う JAMstack の運用に最適化されているそうです。 詳細は 公式アナウンス や 公式ドキュメント: Azure Static Web Apps documentation を読んだ方がいいですが、ざっと現在わかっている機能や特徴を書いておきます。 App Service Static Web Apps の概要App Service Static Web Apps（名前が長いので以
本記事の目的 Azure Data Factoryの前処理で、MeCabを利用した簡単な自然言語処理（形態素解析＋α程度）をしたい。 関数として実装して、後々LogicAppsとか色々なサービスから呼び出せれば便利そう。ということで2つの実装方法を検討した。 Azure Functions（本記事） Azure DataBricks（Azure DatabricksでPythonとMeCabを使う） 機械学習のように重たい処理を行うわけではないのでAzure Functionsで十分だろう、ということで実装してみた。 先に結論を書くと ・Azure FunctionsのHTTP Requestをトリガーとする関数は以下のURLを参考にすれば実装できる Visual Studio Code を使用して Azure Functions プロジェクトを作成する https://docs.micr
functions.phpでカスタム投稿とカスタムタクソノミーを作成する方法｜WordPress特化型メディアサイト【WPWeb】
改造する Release | 2021.10.01 Updated | 2022.07.28 functions.phpでカスタム投稿とカスタムタクソノミーを作成する方法functions.phpカスタムタクソノミーカスタム投稿タイプ この記事の概要この記事でできることカスタム投稿タイプの追加カスタム投稿タイプへのカスタムタクソノミー（カテゴリー、category）の追加カスタム投稿タイプへのカスタムタクソノミー（タグ、post_tag）の追加この記事で利用するものfunctions.php※別の方法として、WordPressのプラグイン「Custom Post Type UI」を使った方法もあります。functions.phpへ書き込むことなくカスタム投稿を作成することが可能ですが、こちらの方法は割愛します。 カスタム投稿を追加する方法のコード全体像まずは、今回ご紹介するコードの全体像で
Next.jsを使ってCloud FunctionsとFirebase HostingでSSRする - Qiita
Next.js 9を使ってCloud FunctionsとFirebase HostingでSSRする 皆さんこんにちは、noriです。 FirebaseSummitのレジストレーションがオープンしましたね。僕は今年も参加しますよ！! 今年はスペインの開催ですねー 楽しみ。 最近フロントの環境設定をする機会があったので、登場したばかりのNext.js 9をCloud Functionsにのせてみました。 Cloud Functionsにのせるところまでは、すぐだったんですがReactの扱いが初めてだった僕にとってつまりどころがあったので、同じことをしようとしている人たちのためにこの記事を書くことにしました。 先にサンプルコードを置いておきます。 Firebase HostingとしてNext.jsを動かす まず今回やったことを図として示します。 ポイントは以下の2つです。 Next.jsを
Azure Functions をデプロイする GitHub Actions の仕組みを理解する - Qiita
Microsoft Azure Tech Advent Calendar 2019 の21日目です。 Intro パイプラインを実現する様々な GitHub Actions の開発がオープンソースで進んでいますが、利用するだけでなく独自の Actions を作成することができます。 GitHub アクションでワークフローを自動化する アクションのビルド この記事では、まずは Azure Functions を GitHub Actions でデプロイしたうえで、パイプラインの動きをログで確認しながら、Actions のソースコードを見ていきたいと思います。 Azure Functions を GitHub Actions でデプロイする 正式な手順やドキュメントは以下に情報があります。 Docs: Continuous delivery by using GitHub Action htt
レンダリングを妨げるリソースの除外/CSSを非同期で読み込む PageSpeed Insights や Chrome の拡張機能 Lighthouse を使ってページをテストすると「レンダリングを妨げるリソースの除外」という項目が表示されることがあります。 この項目が表示される原因の1つは CSS ファイルの読み込みなどのレンダリングブロックによる表示の遅延です。 以下はレンダリングをブロックする CSS ファイルの読み込みを最適化してページの表示速度を改善させる方法と WordPress で CSS を非同期で読み込む方法の覚書です。 レンダリングのブロック 以下はあるサイトのページを PageSpeed Insights でテストした結果の一部抜粋です（同様のテストは Chrome の拡張機能 Lighthouse でも可能です）。 「改善できる項目」が複数表示されていて、その中に「レ
CSS min(), max(), and clamp() Stay organized with collections Save and categorize content based on your preferences. Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS functions. As responsive design becomes more nuanced, CSS is constantly evolving to give authors increased control. The min(), max(), and clamp() functions, no
Send feedback Schedule functions Stay organized with collections Save and categorize content based on your preferences. If you want to schedule functions to run at specified times, use the onSchedule handler to create a Pub/Sub topic that uses Cloud Scheduler to trigger events on that topic. Before you begin To use this solution in your Firebase project, your project must be on the Blaze pricing p
Firebase 使用上の注意(Functions 編) - LegalOn Technologies Engineering Blog
初めに こんにちは、株式会社 LegalOn Technologies の LegalForceキャビネ開発部でテックリードを務めている横道と申します。 私たちのプロダクト、「LegalForceキャビネ(以下キャビネ)」では Google Firebase を使用しています。 この Google Firebase を、実際のプロダクト開発と運用で使用した際に生じた課題と対応ついて、「Firebase 使用上の注意 Functions 編」「同 Firestore 編」の 2 つに分けてお送りします。 今回は Functions 編として、Firebase Functions を使ったプロダクトが、規模の増大と機能が増加していった際に、どのような課題が生じ、そしてどのような対応を行ったかを共有します。 スタートした段階では、キャビネの開発チームも小さく、サービス自体もどれくらい普及するのか
Summit2019で発表されたFirebase Extensions 今年のFirebaseSummit2019で発表されたFirebase Extensions! 生放送を見る前にFirebase Consoleに追加されておりなんだこれ？！と心踊る追加内容でした Firebase Extensionsの特徴として公式の言葉を借りると以下2つの特徴があります。 ユースケースに合わせて拡張機能を構成する 今回リリースされているのは9つの機能 Translate Textについてはすでに記事になってましたのでリンク付けさせていただきました 簡単にインストール 左下のExtensionsをクリックして使いたい機能をinstallしたら使えるようになるイメージです ボタンぽちぽちで画像のリサイズなどが可能になります。 便利なCloud Functionsのメソッドが誰でも使えるようになった感じ
![[Firebase Extensions] Resize Images - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/884bb16a80d6ed4cab9504f89e7c510c2adc3ce0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCRmlyZWJhc2UlMjBFeHRlbnNpb25zJTVEJTIwUmVzaXplJTIwSW1hZ2VzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04MzUyYTFiODQyNDE4ZjhlYzEwYmYzMmNjYTU2MzgwOQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZ2lpaWl0YSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ODQxZTJhMWMzZjJiN2YwNjg0MzMxYTBiM2JlNDA1MDg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Db58ce989e69468148eb0e425aa071287)
MW WP Formで作成されたフォーム内で、ラジオボタンやチェックボックスの選択によって、必須項目を切り替える方法をご紹介いたします。 例えば、「その他」というラジオボタンが選択された場合のみ、特定のテキストフィールドを必須項目に変更するといったことが可能です。 MW WP Formで選択肢によって必須項目を切り替える方法 ラジオボタンやチェックボックスの選択項目によって必須を切り替えるには、mwform_validation_mw-wp-formというフックを使って制御します。 やり方については、NxWorldさんのこちらの記事で紹介されている通りなのですが、この方法に加えて必須を切り替える対象がチェックボックスやラジオボタンだった場合の対応方法もご紹介します。 ラジオボタンの選択項目によって必須を切り替える場合 ラジオボタンの選択項目によって必須を切り替えるには、適用しているテーマの
Custom Post Type UIなどを使ってカスタム投稿タイプを追加した場合、管理画面でカスタム投稿の一覧を開くとタイトル順で投稿が並びます。 通常の投稿だと日付の降順に並んでいて、新しい記事が上にくるのでわかりやすいですね。 カスタム投稿でも日付の列をクリックすれば日付順にソートされるのですが、一覧を開き直すとまたタイトル順に戻ります。 そこで今回は、カスタム投稿も通常の投稿と同じように、デフォルトで日付順に並べ替える方法をご紹介したいと思います。 WordPress管理画面上でカスタム投稿一覧の並びを日付順に変更する方法 管理画面上の投稿一覧もpre_get_postsを使って簡単に並び替えすることができます。 具体的には、適用しているテーマのfunctions.phpに以下を追加します。 function admin_custom_posttype_order($wp_quer
Azure のサーバーレスの代名詞の Azure Functions でリアルタイム監視してみよう - Qiita
さて、個人的に気に入ってるというか手間も少なくそれっぽいデモとして気に入ってる Azure Functions から Cosmos DB にデータを登録して、CosmosDB Trigger で登録されたデータを確認して条件を満たしたら SignalR で接続しているクライアントにメッセージを投げて画面を更新するみたいなことをよくやってます。 こんな感じのイメージです。 Azure Functions Azure のサーバーレスの代名詞。C# や JavaScript などで開発した関数を実行できる。 CosmosDB Azure で一番強い NoSQL データベース SignalR Service WebSocket で双方向にリアルタイムにメッセージをやり取りできる ここでは、そのデモの作り方の手順を紹介しようと思います！あと Azure Functions と CosmosDB は割
ローカルでの開発 Cloud Functions は、標準のデプロイ環境の外部で関数を実行する複数のメソッドをサポートしています。これは、反復型開発や、デプロイ前に関数をテストする必要がある状況で特に有用です。 ユースケース 関数をデプロイすることなく実行できる機能により、ローカルテスト、データの局所性の制限の遵守、マルチクラウド デプロイを簡素化できます。 ローカルテスト 変更のたびに関数を再デプロイしてテストするには、毎回デプロイを待つ必要があります。一方、開発環境で関数を直接テストすると、反復テストサイクルを短縮できます。 テスト実施の詳細については、デプロイ前に Cloud Functions の関数をテストするページをご覧ください。 データの局所性の制限 規制やポリシーによって、Cloud Functions 自体からはアクセスできない特定の地域、組織、ネットワーク境界にデータを
はじめに 2020 年 12 月 22 日に、Azure Functions の新たなトリガーである RabbitMQ の Extension が GA (Generally Available: 一般公開) されました。この拡張機能を使用することにより、Azure Functions は、RabbitMQ の Queue へ入っているキューを取り出しての処理や、メッセージを作成して、別の Queue へ格納することができます。 RabbitMQ Extension for Windows and Linux is now generally available 現時点で使用できる App Service Plan は、Premium, Dedicated (App Service) Plan となっており、Consumption Plan は対応しておりませんので注意が必要です。 詳しい
はじめに はじめまして！！！ 結.JAPAN でみんなで共同編集できる旅行計画アプリnicody のiOSアプリとWebアプリの開発を行なっている、にーの（@n_shhhin）といいます！ 元々、nicodyのiOSアプリの方をメインで開発してたのですが、最近になってWeb周りも担当することになり、初Reactサービス開発ということもあり苦戦しつつ勉強しながら開発しているところです...！👨💻 そんな中、最近 「既存ReactサービスをOGP対応する」 という初心者にはなかなか重めの要件が降ってきて、Web周りは右も左もわからない状態だったのでかなーーーり苦戦しました...！！！ そこで本記事では、今後自分みたいなWeb見習いｴﾝｼﾞﾆｬｰがOGP対応を苦しまずにサクッと実装できるように、OGPを動的に変える方法をつまづいたポイントなどを含め解説してみたいと思います。 この手のOGP
先日参加させてもらった「スマートスピーカーを遊びたおす会大阪 vol.1」で、多くの方がAzure Functionsを利用していました。 kotodama.connpass.com Azure Functionsを使ったことが無かったので使ってみました。 今日いろんな人が使ってたのでazure functions便利なんだろうなぁ。試してみよう。— kapiecii / かぴし (@kapiecii) 2019年8月1日 目次 環境 手順 Azure Portalにログイン PortalでFunction App を作成する ローカルの環境を整える Python Azure CLI Azure Functions Core Tools ローカルにプロジェクトを作成 プロジェクトにFunctionを追加 Functionをローカルで実行する Azure環境に公開 感じたメリット 料金 最後
投稿や固定ページ内で使われているブロックのスタイルのみを読み込む方法 should_load_separate_core_block_assetsを使って、投稿や固定ページ内で使われているブロックのスタイルのみを読み込むには、適用しているテーマのfunctions.phpに以下1行を追加するだけでOKです。 <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-reso
![[WordPress] 投稿や固定ページ内で使われているブロックのスタイルのみを読み込む方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a3d6af65bfffba191be0409da7f6c66593d388f/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2021%2F08%2Fshould_load_separate_core_block_assets.jpg)
<body class="home blog logged-in admin-bar wp-embed-responsive enable-search-modal has-no-pagination showing-comments show-avatars footer-top-visible customize-support"> ※Twenty Twentyのトップページ(投稿一覧)のソースです。ソースを確認すると、投稿一覧なので”home”というクラスが追加されていたり、ログイン中なので”logged-in”というクラスが付いていることがわかります。 このように、body_class()を入れるだけで、ページによって異なるクラスを追加してくれるようになります。 ただ、自動で追加されるクラスだけでなく、独自のクラスを追加したいというケースがあるかもしれません。また、逆に既存のクラス
はじめに あけましておめでとうございます!学生アルバイトのkoyamaです。 今回ご紹介するのはFirebaseで関数をCronのように定期実行させるための方法です。 定期実行関数の設定自体はGoogle Cloud PlatformからPub/Subを設定することで可能ではあるものの、設定が複雑なためあまり使い勝手の良いものではありませんでした。 しかし、今回ご紹介する方法は関数をデプロイするだけでPub/Subでの定期実行を自動で設定してもらえるので楽々です！ 本編 今回使用するのはscheduledFuncionという関数を設定して定期実行を行うという方法です。 scehduledFunctionとしてデプロイされた関数は定期実行関数としてFirebase Functionsに登録されます。また、デプロイ時には同時にPub/Subを自動で設定してくれます。 これを設定するために、まず
Angular サーバーサイドレンダリング を Firebase Cloud Functions で動かす 2019.06.21 Angular Angular, Firebase, サーバーサイドレンダリング, サーバーレス Angular でサーバーサイドレンダリング Angular でサーバーサイドレンダリングを行う方法をまとめます。 基本 この記事 を参考にしていますが、うまくいかない個所もあったので、備忘録がてらやり方をまとめておきます。やり方も少しだけかえています。 Firebase を使ってサービスを構築する予定だったので、サーバーサイドには Firebase Cloud Functions を利用します。元記事には GCP のサービスを使う方法もあります。 Firebase の無料枠で試せます。 Firebase のアカウントの用意、NodeJS & Angular のイン
WordPress管理画面の「投稿」という名前を変更する方法
WordPressはブログに最適化されたツールです。 そのため、管理画面に表示されるブログ記事投稿メニューは、デフォルトでは「投稿」となっています。 WordPressに慣れている方ならば、「投稿」＝「ブログ記事」なのだと迷うことはありませんが、例えばWEB初心者のクライアントのためにWordPressによるWEB制作代行を行なっている場合は、この「投稿」という表記を適切に変更してあげるとより親切でしょう。 ここでは、WordPress管理画面の「投稿」という名前を任意の名前に変更する方法について見ていきましょう。 管理画面の「投稿」を別の名前に変更する方法 管理画面の「投稿」という名前を別のものに変更する時には、function.phpへの記述が必要になります。 PHPに明るくない人は、記述を間違えて表示が壊れてしまった時にちゃんと元に戻せるように、function.phpのバックアップ
What's new at Google I/O 2023
Introducing the Extensions publishing experience If you’re a developer with an idea for a new extension - or if you want to help people get started with your business’ API - you can now use the Extensions publishing experience to build, publish, and share your own extensions with millions of Firebase and Google Cloud developers across the world. This is the first step towards building a thriving e
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Apps Script は何が強くてどんなときに使うべきかプラクティスをまとめてみた
Azure Functionsが辛すぎて泣きそうになった話
Google Cloud FunctionsがPHPをサポート開始。PHPでサーバレスの関数が記述可能に
Next.jsのホスティング先としてFirebaseは『かなりアリ』な選択肢になっている
私が Azure Functions アプリケーションの開発時に意識していること - しばやん雑記
Firebase CLIのNext.jsデプロイ対応について調べる
Next.jsをFirebaseにデプロイしたら高額請求がきて貯金がなくなりかけた話 - Qiita
Azure App Service に Static Web Apps が登場！
Azure FunctionsでPythonとMeCabを使う - Qiita
レンダリングを妨げるリソースの除外/CSSを非同期で読み込む
CSS min(), max(), and clamp() | Articles | web.dev
Schedule functions | Cloud Functions for Firebase
[Firebase Extensions] Resize Images - Qiita
MW WP Formで選択されたラジオボタンやチェックボックスの項目によって必須項目を切り替える方法
WordPress管理画面上でカスタム投稿一覧の並びを日付順に変更する方法
ローカルでの開発 | Google Cloud Functions に関するドキュメント
【ローカル環境編】Azure Functions RabbitMQ Extension を使用してみる - Qiita
React製WebサービスにFirebaseをフル活用して動的なOGP生成を実現した話
Azure FunctionsでPythonを使ってみた - kapieciiのブログ
[WordPress] 投稿や固定ページ内で使われているブロックのスタイルのみを読み込む方法
WordPressのbody_class()に独自のクラスを追加したり既存のクラスを削除する方法
Firebase Functionsでcronのような定期実行を簡単に設定する方法
Angular サーバーサイドレンダリング を Firebase Cloud Functions で動かす
%25E6%2588%2591%25E3%2581%258C%25E5%25AE%25B6%25E3%2581%25AE%25E5%25AD%2590%25E4%25BE%259B%25E3%2581%259F%25E3%2581%25A1%25E3%2581%25AF%25E3%2580%2581%25E4%25BA%2594%25E6%259C%2588%25E7%2594%259F%25E3%2581%25BE)
maikalfujio.hatenablog.com
yuri5.oa.gob.jp
realsound.jp
www.lib.u-tokyo.ac.jp
park.itc.u-tokyo.ac.jp
aimi0.oa.gob.jp