NRK

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

NRK

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

  • Firebase

  • Vue.js

  • css

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

これまで兼業中のベンチャーの方では、ユーザー認証をFirebase Authenticationのメールアドレス・パスワード認証に全て任せていたのですが、ここにきてLINEログインを使用したいとの要望があったので、対応を記録に残してみます。 前提Googleやfacebookなどの主要プロバイダを使った認証システムはFirebase Authenticationで速攻導入ができるのですが、残念なことにLINEログインはサポートされていません。 サポートされていると具体的に

NRK

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

      CSSでSNSアイコンのように画像を正円表示しようとしたとき、長方形画像の時どうすんの？ってなったので残しておきます。 結論widthとheightを指定した上でobject-fitを使用して画像をトリミングするといい。 img { width: 200px; height: 200px; object-fit: cover; /* 縦横比維持しつつトリミング */ border-radius: 50%;} 大きさを可変にしたいちなみに縦横比を維

      NRK

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

    NRK

    マガジン

    • Vue.js
      1本
    • Firebase
      1本
    • css
      0本