2020-08-01から1ヶ月間の記事一覧

【Next.js】React Hooksライブラリ「Vercel/SWR」でdata fetchしてみた

はじめに こんにちは、がんがんです。皆さんはSWRというライブラリをご存知ですか? Next.jsを作っているVercel社(旧Zeit)が作られているライブラリです。 SWRの特徴はfetchしたデータのキャッシュを行えることです。 今回は実際に使ってみて備忘録としてま…

【メモ】JavaScriptで0から10までの連番配列がほしくなった

はじめに こんにちは、がんがんです。 Next.jsアプリのコーディング中にふと0から10の連番配列がほしいタイミングがありました。 Pythonのrange()のようなものがあるのかなと思って調べてみたら、どうやらJavaScriptにはないようです。 しかし、連番配列を実…

【GitHub Actions】GitHub Actionsを使ってFirebase HostingへNext.jsアプリを簡単デプロイ

はじめに こんにちは、がんがんです。 最近はNext.jsを用いた開発をよく行っています。Next.jsで何か作るときは無料で使えるということもあり、Hosting先やFunctionsとしてFirebaseを用いることが多々あります。 しかし、クラウドサービスを使用するときのあ…

【メモ】「Json.NET」を使ってXamarin.FormsでJSONデータを扱う

はじめに こんにちは、がんがんです。 以前Xamarin.Formsを用いたモバイルアプリ開発を行っていた際の備忘録記事になっています。 本記事では、Json.NETを用いたJSONデータの扱いに関するメモを残しておきます。 ちょっとずつ過去の下書きの供養を行っていき…

【Next.js】Next.jsでFirebase Authentication + FirebaseUI React Componentsを試す

はじめに こんにちは、がんがんです。 Webアプリを作っていて面倒な実装といえば、「認証機能」が挙げられるかと思います。Auth0を使用したり、Firebase Authenticationを使用したり、はたまたフルスクラッチで実装したり... セキュリティの面も考慮すると非…

【Next.js】Next.js + React Hooks + Cloud Functions for Firebaseでお問い合わせフォームを実装

こんにちは、がんがんです。 Webアプリとかを作っているとお問い合わせフォームが必要になることがあるかと思います。簡単に実装できればいいものの、環境に合わせてお問い合わせフォームの実装は様々なやり方が存在しています。 そこで、今回はCloud Functi…

【Next.js@9.4↑】Next.jsにおける環境変数(.env)の取り扱いについて

こんにちは、がんがんです。 最近はNext.js + Material-uiのアプリを作っております。前述のアプリ実験にてFirebaseのAuthenticationを試してみると、後述するようなエラーが起きたため原因を調査しました。 その際に、Next.jsにおける環境変数(.env)につい…