Logto ブログ
Logto を発見し、認証、認可、アイデンティティ管理、オープンスタンダード（OAuth、OpenID Connect、SAML）などの豊富なリソースを探索しましょう。
チュートリアル
- カスタム UI
- 独自の UI を持ち込む
- カスタムサインイン
- カスタム認証フロー
Logto Cloud に独自のサインイン UI を持ち込む
このチュートリアルでは、独自のカスタムサインイン UI を Logto Cloud に作成してデプロイするプロセスをご案内します。
すべての投稿
続きを読む技術
- oidc
- oauth
- authentication
- authorization
- jwt
プロジェクトに OIDC サーバーを統合するための完全ガイド
プロジェクトに OIDC (OpenID Connect) サーバーを統合するためのベストプラクティスを学び、ステージ上でのコンポーネントの相互作用を理解しましょう。
続きを読む技術
- SAML
- SSO
- authentication
SAML セキュリティ チート シート
セキュリティ アサーション マークアップ ランゲージ (SAML) とそのセキュリティ機能に関するクイックリファレンス ガイド。エンタープライズ環境での SAML ベースの認証と認可を保護するための重要な用語、実装のヒント、およびベスト プラクティスを理解します。
続きを読む技術
- chatgpt
- ai
- prompt
- i18n
ChatGPT を使った長いコンテキスト JSON 翻訳
最新の ChatGPT モデルと JSON モードを使用して、長いコンテキストを持つ JSON オブジェクトを翻訳し、出力を JSON にストリームバックする方法を学びます。
続きを読む技術
- oauth 2.0
- トークン内省
- アクセストークン
- リフレッシュトークン
- 不透明なトークン
OAuth 2.0 トークン内省
この記事では、OAuth 2.0 トークン内省について探ります。これは、保護されたリソースがトークンメタデータを確認するために認可サーバーに問い合わせ、アクセストークンまたはリフレッシュトークンが有効であるかどうかを判断する方法です。
続きを読む技術
- if-elseを除去
- コードの最適化
- クリーンコード
- インターフェース指向プログラミング
- 条件ロジック
乱雑な条件文を取り除くための3つの強力なコーディング技術
複雑な条件構造を最適化して簡素化し、コードの品質と保守性を向上させる3つの強力なコーディング技術を紹介します。
続きを読む技術
- oidc
- oauth
- token-exchange
- openid
OAuth/OIDC におけるトークンエクスチェンジの理解
トークンエクスチェンジは、信頼されたクライアントがユーザーのインタラクションなしに新しいトークンを取得できる OAuth 拡張機能であり、偽装、自動化、クロスシステム統合、さまざまなシナリオでのトークン移行に役立ちます。
続きを読む技術
- HTTP プロトコル
- WebSocket プロトコル
- ウェブアプリケーション
- TCP
- クライアントサーバー通信
HTTP と WebSocket
この記事では、HTTP と WebSocket プロトコルを比較し、それらの主要な違い、特徴、および理想的な使用ケースを説明しています。開発者が自分のウェブアプリケーションに適したプロトコルを選択するための重要な洞察を提供し、HTTP のリクエスト-レスポンスモデルと WebSocket のリアルタイムで双方向の通信機能を対比しています。
続きを読む技術
- アニメーション
- モーション
- ユーザーエクスペリエンス
- React
なぜ GitHub の読み込み進捗バーは見栄えが良いのか、そしてそれをどのように作るのか
この記事では、GitHub の読み込み進捗バーのユーザーエクスペリエンスについて議論し、React で同様のものを構築します。
続きを読む技術
- コミットメッセージ
- 従来のコミット
- git コミット
- commitlint
従来のコミットはあなたのコミットメッセージを救わない
従来のコミットをただ追うだけでは良いコミットメッセージを書くのに十分でない理由を探り、開発プロセスを改善し、意味のあるコミットを自然に作成するための重要な思考戦略を紹介します。
続きを読む技術
- ソーシャルメディア
- Open Graph
- オープンスタンダード
あなたの Web サイトの Open Graph と Twitter カード メタデータの設定方法
Open Graph と Twitter（現在は X）カード メタデータは、ソーシャルメディアであなたの Web サイトを共有するために不可欠です。 これらは、Web サイトの美しいプレビューを表示し、さらに多くの注目を集めるのに役立ちます。
続きを読む技術
- jwt
- 認証
- セキュリティ
- OIDC
JWT を利用するべきタイミングは？
JWT を認証に利用する際の長所と短所について、Logto のような認証プロバイダーサービスに焦点を当てた包括的なガイドです。
続きを読む技術
- リマーク
- mdx
- 読書時間
- esm
MDX 読書時間を抽出するリマークプラグインを作成
MDX ファイルを ES モジュールとしてインポートする際に読書時間データを利用可能にするリマークプラグインを作成するためのガイド。
続きを読む技術
- css
- アニメーション
- 無限スクロール
- カルーセル
CSS だけで無限スクロールのカルーセルアニメーション
CSS のみを使用して、ホバーで一時停止する無限スクロールのカルーセルアニメーションを作成します。JavaScript は不要です。
続きを読む技術
- ブラウザ
- URL
- プロセス
- ドメインネームサービス
- DNS
- IP アドレス
ブラウザはアドレスバーに入力された URL をどのように処理しますか？
特定の URL をブラウザで開くとき、ブラウザはどのようにコンテンツを読み込み表示するのでしょうか？イベントが発生する順序に従って、ブラウザが行ったことを順を追って説明します。
続きを読む技術
- base64
- エンコーディング
Base64 に関して知っておくべきすべて
Base64 エンコーディングの世界に深く飛び込もう。その歴史、仕組み、使用のタイミング、そして制限について学ぼう。データのエンコーディングや送信を行うすべての開発者にとって必須の知識です。
続きを読む技術
- parcel
- vite
- js
- esbuild
- bundler
- monorepo
Parcel から Vite へ： 100K LOC の移行に関する短編
3 つのフロントエンドプロジェクトを Parcel から Vite に移行しましたが、そのプロセスは… 滞りなく進みました。
続きを読む技術
- react
- lazy
- suspense
React.lazy を安心して使用する方法: 高速なイテレーション中にコンポーネントを安全に読み込む
React.lazy は、オンデマンドでコンポーネントを読み込み、アプリのパフォーマンスを向上させるための素晴らしい方法です。しかし、時には "ChunkLoadError" や "Loading chunk failed" といった問題が発生することがあります。
続きを読む技術
- ウェブフック
- ポーリング
- API
Webhooksとポーリング
この記事では、ウェブフックとポーリングを比較し、それぞれのアプローチの利点と欠点を分析し、どのような場合にどちらを使用すべきかを議論します。
続きを読む技術
- ポストモーテム
- クラウドサービス
- インシデント
ポストモーテム: ユーザーサインイン中に予期しない 500 エラーが発生
2024年7月18日に認証サービスから返された予期しない 500 エラーに関するインシデントレポート。
