NRK

通信キャリアの会社とスポーツテック系ベンチャーを兼業中。 本業ではインフラ・バックエン…

NRK

通信キャリアの会社とスポーツテック系ベンチャーを兼業中。 本業ではインフラ・バックエンド、副業ではフロントエンドを中心に活動しています。 AWS, Firebase, React, Vue.js, Javascript, TypeScript, Pythonなどなど

  • Firebase

  • Vue.js

  • css

LINEログインとFirebase Authenticationを連携した話

これまで兼業中のベンチャーの方では、ユーザー認証をFirebase Authenticationのメールアドレス・パスワード認証に全て任せていたのですが、ここにきてLINEログインを使用…

NRK
NRK
3年前
4

CSSで画像を丸く(正円)表示したい

CSSでSNSアイコンのように画像を正円表示しようとしたとき、長方形画像の時どうすんの？ってなったので残しておきます。 結論widthとheightを指定した上でobject-fitを使…

NRK
NRK
3年前
1
NRK

NRK

LINEログインとFirebase Authenticationを連携した話

これまで兼業中のベンチャーの方では、ユーザー認証をFirebase Authenticationのメールアドレス・パスワード認証に全て任せていたのですが、ここにきてLINEログインを使用したいとの要望があったので、対応を記録に残してみます。

前提Googleやfacebookなどの主要プロバイダを使った認証システムはFirebase Authenticationで速攻導入ができるのですが、残念な

もっとみる
NRK

NRK

CSSで画像を丸く(正円)表示したい

CSSでSNSアイコンのように画像を正円表示しようとしたとき、長方形画像の時どうすんの？ってなったので残しておきます。

結論widthとheightを指定した上でobject-fitを使用して画像をトリミングするといい。

img { width: 200px; height: 200px; object-fit: cover; /* 縦横比維持しつつトリミング */ b

もっとみる