Laravelで独自認証ロジックを追加する Laravelで独自認証ロジックを追加する方法を探してみたところ、バージョンの古いものは見つかるのだけど、新しいもの(2018/12現在は、Laravel 5.7)にそのまま入れてもうまくいかなかったので、こうやったらうまくいったというのをメモ。 何をしたかったか APIを実装するにあたって、認証をBearer Tokenを使って、認証後はLaravelの標準処理に任せたかった。 やろうと試みたこと(実装にあたって試みたこと) config/auth.php のguards、providersに適当なクラスを入れ込んで確認 どうやってもセッションで認証をしようとする。 app/Providers/AuthServiceProvider.php 追加はなんとなく出来たが、カスタマイズがしにくく、さらにroutes/api.phpでコントロールがしに
翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。 ユーザープールのパスワードの追加要件 強力で複雑なパスワードは、ユーザープールのセキュリティのベストプラクティスです。特にインターネットに公開されているアプリケーションでは、弱いパスワードにより、ユーザーの認証情報がパスワードを推測してデータにアクセスしようとするシステムに公開される可能性があります。パスワードが複雑なほど、推測が困難になります。Amazon Cognito には、アドバンストセキュリティ機能やAWS WAFウェブ ACLs など、セキュリティを重視する管理者向けの追加のツールがありますが、パスワードポリシーはユーザーディレクトリのセキュリティの中心的な要素です。 Amazon Cognito ユーザープールのローカルユーザーのパスワードは、自動的に
はじめに よくあるファイルアップロードの仕組みをLaravelとS3で作ってみたいと思います 前提 Laravel version 5.6 のプロジェクトは作成済み AWSアカウントは作成済み S3用のIAMを作成 まずはAWSのコンソールの右上から、自分のアカウントをクリックしアコーディオンを開き、「My Security Credentisals」をクリック 遷移したら、左側のメニューから「Users」をクリック 遷移したら、「Add User」をクリック 遷移したら、「User name」に適当な名前を入力し、「Select AWS access type」は「Programmatic access」を選択し、「Next: Permissions」をクリック 遷移したら、「Attach existing policies directly」をクリック 検索画面が表示されるので、S3を
2011/04/20JavaScript,プログラミング ひょんな事からテーブルの列の幅をマウスで動的に変更することを考えたので、メモしとく事に。 なかなかややこしいと思ってたけど、HTML+JavaScriptを書いてみたところ、こんな感じでできた。 <head> <title>sampel</title> <script type="text/javascript"> <!-- var target = null; // クリックしたタグ // マウスボタンを押したとき function mousedown() { sx = event.x; // マウスボタンを押した位置を覚えておく } // マウスボタンを離したとき function mouseup() { // タグを取得していない場合は処理をスキップする if( target == null ) { return; } //
やりたいこと 黒のみで書かれている下記png透過画像をcssのみを利用して色変更させたい やったこと filterでがんばってもらう <hr> <div> <img src="/img/test.png"/>元画像 </div> <hr> <div class="red"> <img src="/img/test.png"/>赤 </div> <hr> <div class="green"> <img src="/img/test.png"/>緑 </div> <hr> <div class="blue"> <img src="/img/test.png"/>青 </div> <hr> .red { filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%)
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
filterプロパティとは filterプロパティは、視覚効果として簡単に画像などの要素をぼかしたり、明るさ・彩度・色相などを変化させることが可能です。 これらの加工は、Photoshopなどの画像編集ソフト等でも可能です。しかし、filterプロパティではそうしたソフトを使用せず、様々な変化を加えることができます。 マウスオンとマウスアウトで画像の色を変化させたり、画像ギャラリーなどで、選択中の画像の色を変化させたいときなどに便利です。 filterプロパティの使い方 filterプロパティは以下のように記述します。 img{ filter:フィルターの種類(変化量); } 実際に変化を確認してみましょう。 HTML <div class="original"> <img src="./images/banana.jpg"> <p>元画像</p> </div> <div class="b
filter は多重がけできない? 例えば下記のような CSS でblurとdrop-shadowを2つ適用しようとしてもうまくいきません。 <img class="cat center dbl-filter" src="/images/site/cat.svg" title="SVGねこ" /> /* ぼかしと影を同時適用できず、最後のフィルタが有効となる */ .dbl-filter { filter: blur(3px); filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.6)); } 最後に定義したフィルタが適用されます。 これはfilterという属性を 2 回定義したことと同じなので、CSS のルールに従って最後に定義されたものが有効になります。 1 つの filter 属性に複数の関数を渡す 上記の例は「複数の filter
明度や彩度の調整から、ぼかしやグレースケール化まで。CSSフィルターを使えば、Photoshopを使わなくても簡単なコードで画像の調整ができちゃいます。しかも動画にも使える……これは便利です! フィルターはもともとSVG仕様の一部でしたが、使い勝手がよいので、W3Cは共通のフィルター効果をCSSにも追加する取り組みを始めました。CSSフィルターはとてもパワフルで、しかも信じられないほど簡単に使えます。CSSフィルターを使えば、画像のぼかし、明るさ・彩度の調整などのほかにもいろいろなことができます。CSSフィルターは単独で使っても、組み合わせて使ってもOKです。次の構文を使ってCSSにフィルターを追加できます。 filter: <filter-function> [<filter-function>]* | none では、CSSフィルターを簡単に説明します。 明るさ 明るさ(Brightn
以前に別の記事で Laravelのセッション管理をデータベースに変更する手順 をご紹介しましたが、今回はその派生でインメモリデータベースであるRedisを利用する手順をご紹介致します。 基本的にはLaravelの公式ドキュメントに記載されている通りです。 Laravelに、利用するRedisへの接続情報を定義し、セッション管理の設定をRedisに変更します。 https://readouble.com/laravel/5.5/ja/redis.html なお、今回使用するRedisはAWSのElastiCacheで構築します。 https://aws.amazon.com/jp/elasticache/ 手順 ElastiCacheの構築 ElastiCacheの利用手順 の記事でElastiCacheの構築の流れをご紹介しておりますので、流れに沿って構築します。 Predisのインストー
プログラムを学んでいると、色々な耳にしない単語を聞くことも多いです。 シリアライズもその一つ。 今回は、PHPのシリアライズについて以下の内容でお話します。 【基本】シリアライズについて 【実践】シリアライズを行う 【実践】アンシリアライズを行う わかりやすく解説しますので是非ご覧になってください。 シリアライズとは シリアライズとは、配列などをそのまま配列として保存しておきたい場合などに使用します。 また、保存だけではなく送受信にも使えます。 通常、配列をデータベースに保存するとどうなるでしょうか。 試しにデータベースに以下の配列を登録してみてください。 ["samurai1", "samurai2", "samurai3"] [su_spacer size=”20″] そして、再度取得してみます。 結果 'Array("samurai1", "samurai2", "samurai3"
DynamoDBには以下の単語が登場します。 パーティションキー ソートキー プライマリキー ローカルセカンダリインデックス グローバルセカンダリインデックス これらのキー・インデックスについて改めて整理してみました。 まず「パーティション」「データの読み書きを行うAPIの種類」について整理します。その後、キーの種類について整理します。 パーティション DynamoDBのデータは複数のパーティションに分散して保存されます。このときデータがどのパーティションに保存されるかは パーティションキー を元に決定されます。 また ソートキー が設定されている場合、データはパーティション内でソートキーを元に並べ替えられて物理的に近くに配置されます。 例として、AnimalType(パーティションキー)とName(ソートキー)で構成されるPetsテーブルのデータは以下のように分散して保存されます。 (図
Amazon Web Services ブログ ソートキーを使用して、Amazon DynamoDB でデータを編成する Amazon DynamoDB テーブルにデータを入力することは難しくありません。さらにデータの整理に頭を悩ませることなく、データ検索オプションを後で制限することができます。 データ検索のためのデータの編成とプランニングは、テーブルを設計する際に大切な手順のうちの一つです。適切なデータ編成がない場合、データを取得するための唯一のオプションは、パーティションキーによる検索かテーブルのフルスキャンしかありません。これらの検索方法では、テーブルは高価となり、パフォーマンスは限られたものになります。 この記事では、ソートキーを使用した、データを取得するための最適化テーブルの実際の例について検討します。ソートキーを使用すると、データをグループ化し編成するだけでなく、テーブル内
本連載では、様々な AWS サービスをグラフィックレコーディングで紹介する awsgeek.com を、日本語に翻訳し、図の解説をしていきます。 ※ awsgeek.com は Amazon Web Services, Inc. プリンシパル・テクニカル・エバンジェリスト、ジェリー・ハーグローブが運営しているサイトです。 AWS では、「Amazon API Gateway」という、誰でも簡単に API の作成、公開、保守、モニタリング、保護が行えるフルマネージド型サービスを提供しています。 今回は、「Amazon API Gateway でできる事」と、「動作する仕組み」を図とともに見ていきましょう。 API とは、 「Application Programming Interface」の略で、サービスの提供者が自身のサービスを外部の利用者が使えるようにするために提供するインタフェース(
アプリケーションをユーザに公開する場合, それがGUIであってもCUIであってもインタフェースが必要になります. Webアプリケーションを公開する場合にはWeb APIを利用するのが一般的であり, AWSもAPIをフルマネージドで活用するためのAPI Gatewayを提供しています. 非常に簡単に活用できるのですが細かい機能などを今一度洗い直す機会があればと思っており, 社内勉強会の機会があったのでAPI Gatewayについて話しました. 今回の記事では社内向け勉強会で登壇した内容をブログ向けに再編しています. 資料はSpeakerDeckで公開していますが, 内容についてより細かくこのブログで説明しますので, 是非ご閲覧ください. What is API まず最初にAPIが何かを確認します. 大雑把に伝えるとアプリケーションが呼び出せば予期した結果を返されるような仕組みです. 名前にあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く