はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 久しぶりの投稿です。 はじめに 昨今、様々なサイトがどんどんパスキーに対応しはじめてきました。 まだまだパスキーがデフォルトになっていくには時間が掛かりそうですが、どのような仕組みでパスキーを実装するのか、早めにキャッチアップしておくのも悪くないと思い、パスキーについて色々と調べてみました。 パスキーとは? パスワードの代わりに、自分の持つデバイスによる生体認証やパターンを用いて認証を行う方法のことです。 次世代認証技術であるFIDO(Fast IDentity Onlineの略で、「ファイド」と呼びます)を使った認証方式(詳細は後述)

はじめに そういえば・・・と、AWS Cognitoをあまり使ったことが無かったなぁと思ったので、AWS Cognitoを使って認証画面を作ってみることにしました。 AWS Amplifyを使えば楽に作ることができますが、今回はスクラッチで作ろうと思います。 スクラッチで作る理由は以下2つ。 1人で作るならAWS Amplifyで良いのですが、フロントエンド、バックエンドで分業するとAWS Cognito単体を使うことになりそう。 スクラッチで作ると、どうやって認証の仕組みを作れば良いか個人的な学びになりそう。 というわけで、作成してきます。 AWS 構成図 AWSの構成図を書くと認証の仕組みは、大体このようなイメージ。 Lambda@Edgeを使って、Cookieに保存してあるidTokenを参照してプライベートページの閲覧許可を出しています。 idTokenの取得は、APIで行います。

はじめに WordPress 5.0からGutenbergと呼ばれるブロックエディターがデフォルトのエディターとして採用されました。 そのため、今後はこのブロックエディターによる開発が増えてくると思われます。 個人的には、今までのWysiWygエディターに不満を感じていたわけではありませんが、ブロックエディターという選択肢が増えたことで、できる事の幅が増えてくる と思います。 本記事では、このブロックエディターの新規ブロック(以降、カスタムブロック)の作り方を記載して行きます。 ブロックエディターとは? ブロックエディターは、名前の通り、HTMLをブロックように積み上げてHTMLを作成していくエディターです。 詳細は、以下を参照ください。 ブロックエディターの特徴の1つとして、上記リンク先のページにも記載がありますが、 実際のサイトと同様に表示されるエディター。 であることです。 これから

RubyやRailsを使って開発を行う上で、複数のバージョンを使いたい&管理したい時がある。 そんな時、rbenvを使うと便利だ。 rbenv Rubyのバージョンを簡単に切り替えてくれるツール。 rbenvのインストール→指定したRubyのバージョンをインストールする手順 // 1.初期化設定 $ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile // 2.初期化設定の反映 $ source ~/.bash_profile // 3.rbenvのインストール: $ brew install rbenv ruby-build // 4.インストール可能なRubyのバージョン一覧の表示 $ rbenv install -l // 5.指定したRubyのバージョンをインストール $ rbenv install 2.3.5 // 6.インストールし

はじめに 以下本(Vue.js入門 基礎から実践アプリケーション開発まで)の8章以降の「中規模・大規模向けのアプリケーション開発」で挫折してしまったので、「スロットゲーム」を作り、知識を深める事にした。(ただ、誤解のないように言うと、この本自体は素晴らしい本で、私がこの本を手にするには、レベルが低すぎたという話) この試みが、思っていた以上に良かったので記事にしたいと思う。 Vueに苦手意識や本を読んでもイマイチよくわからなかった人は、是非「スロットゲーム」作りにチャレンジしてみて欲しい。 ちなみに、私が作った「スロットゲーム」は以下技術を使用している。 コンポーネントの再利用 コンポーネント間の連携(Vuex) ルーティング(Vue-Router) 作ったもの 以下、設計と実装について、個人的な感想も含めて書いていく。 あくまで個人的な感想であること、今回作成したスロットゲームは、あくま