SPA認証トークンはlocalStorageでもCookieでもない、Auth0方式はいいねというお話 - @mizumotokのブログ
SPA認証トークンをどこに保存するかは論争が絶えません。localStorageやCookieがよく使われますが、Auth0は違う方法を採用しています。この記事では、Auth0のトークン管理の方式を理解でき、トークン管理上のセキュリティへの理解を深めることができます。 SPAの認証トークンをどこに保存するか ブラウザでトークンを保存できる場所 保存場所の比較 メリット・デメリット Auth0のアプローチ トークンはインメモリに保存 OpenID Connect準拠とトークン取得のUI/UXの悪化回避を両立 Auth0のjsライブラリ ログイン アクセストークンの（再）取得 図解 ログイン アクセストークンの（再）取得 自サービス内の認証だけのもっと簡易な構成 ログイン IDトークン取得 まとめ SPAの認証トークンをどこに保存するか React やVueで認証付きSPA（Single Pa
Chromeの拡張機能を自作する - 虎の穴開発室ブログ
こんにちは。虎の穴ラボのH.Hです。 突然ですが、皆さんは普段使っているブラウザは何でしょうか？ 私は普段からChromeを使っており、このブログもChromeを使って書いています。 先日ある拡張機能をChromeに入れるにため機能の説明を読んでいました。 説明の中にGithubのURLが記載され拡張機能のソースコードが公開されており、JavaScriptなどの知識があれば作成可能とわかりました。 またGoogleから簡単な拡張機能を作成するチュートリアルも公開されていました。 そこで、チュートリアルで公開されている拡張機能の実際に作ってみることにしました。 今回は拡張機能の作成した時の手順とデバッグの方法を説明していきます。 Chromeの拡張機能とは Chrome機能はChromeウェブストアなどからChromeに追加することで、標準には無い機能の追加を行うものです。 chrome.g
【前編】Webコードエディタ「Cloud9」で、Hexoを使ったブログ作成術を大公開！ : うえぶはっく
これからブログを作ろうを思っている人で、こんな人はいませんか？ とにかく完全無料で運営したい デザインやレイアウトなど、自由自在にいじりたい ソースコードは全部いじりたい できるだけシンプル・ミニマムでブログを作りたい 好きな広告を自由に貼りたい バックアップを簡単にしたい…など これらの条件をすべて満たしてくれるブログ作成術を、今回はご紹介しようと思います！ そこで登場するのが、JavaScriptで作られたブログ作成ツール「Hexo」と、Webコードエディタ「Cloud9」です。 「Hexo」とは？ Hexoは「マークダウン」で簡単に記事を作成し、静的なHTMLファイルに書き出したあと、サーバーへのアップロードまで完結してくれるツールです。 わずかなコマンドを実行するだけなので、非常にお手軽なブログ運営を行えますが、Hexoを動かすための環境作りがちょっと面倒でもあります。 そこで、あ
ブログをノベルゲーム風に表示する - 日直地獄
ノベルゲーム風に日記を書いてみたいと思ったことはないでしょうか。 書けたら面白いかもと思うけれども、特にそんな需要は無いんじゃない？くらいでしょうか。 私もそう思います。 とはいえ、実際に見てみないと評価できない、と思ったので作りました 機能紹介 テキストの表示 このように一文字毎に表示されます テキストのスキップ 文字送り中にマウスをクリックすると、パラグラフ全体が表示されます 背景画像の設定 文章中にimgタグがあると、自動でbackground-imageに設定されます フルスクリーン表示モード フルスクリーンで表示することが出来ます。人の日記をフルスクリーンで読みたいという需要はあるでしょうか ブラウザで可能な表現が可能！ HTML読み込んでいるだけなのでだいたいなんでもできるはず!! やったね！！！ 以上です。おわり。ところで、完成して色々な文章で試していたら、読みやすいのでは？
JavaScriptで非WYGIWYGな軽量HTMLエディタを作ろう（最終回） - Born Neet
What You Code Is What You Get. 実は地味に進めてました。 めんどくさいのでまとめて投稿、すいません。。。 [実装2-1 入力補完候補表示] 手始めにカーソル位置の文字を取得して、補完候補を選ぶとこまでやりました。 結果がこちら→Editor2.1 <aと入力すれば、<a>、<adress>等と表示されます。 ※ 候補が貧弱なのはキーワードを少ししか登録していないからです。 お世話になったサイトをあげておきます。 textareaの選択範囲を取得し、前後に文字列を挿入する - Archiva 前回以上にこのエントリに頼りっぱなしでした。 上のエントリを理解するために見たMSDN達。 duplicate moveToElementText setEndPoint [実装2-2 カーソル座標にBOX表示] 2-1の候補をカーソル位置に表示しなくちゃだめなので、 まず
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
