ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
Basic認証でプロテクトされているコンテンツにアクセスする際に、認証ダイアログを表示せずに自動認証させる試みです。 匿名アクセス機能が無く、ゲストアカウントのあるシステムで、ゲストユーザが認証操作をせずにコンテンツを表示させることを目的とします。
上記のようにユーザ名とパスワードを書いたURLにアクセスすれば、Basic認証のパスワード入力を求められません。 以下はpugiemonn.com/hogeにBasic認証がかかっている場合、ユーザ名がpugi、パスワードがpasswordの例です。
今回、初めて、usersテーブル以外の別のテーブルで認証をする機能を作成したので、メモがてら記事にしておきます。 今回やろうとしたことは、laravelが標準で用意してくれているusersテーブルではなく、自分で作成したaccountsテーブルで認証することです。 テーブルの中身は結果的に標準装備のusersテーブルと同じになってしまいました。（標準のusersテーブルは別で使いました） マイグレーションファイルと、モデルを作成 Modelとマイグレーションファイルを同時に作成していきます。 <?php use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; use Illuminate\Support\Facades\Schema; class CreateAccoun
Apache 2.2 を使用している Web サーバで、 .htaccess のみを使い特定の URL のみ Basic 認証を外す必要があり調べた。 特定の URL のみ Basic 認証をかける ## Allow と Require のいずれかの許可があればアクセス可能にする Satisfy Any ## /members/ で始まる URL へのアクセスを禁止する SetEnvIf REQUEST_URI "^/members/" restricted_url Order allow,deny Allow from all Deny from env=restricted_url ## /members/ 以下でも Basic 認証を通過すればアクセスできる AuthUserFile "/path/to/.htpasswd" AuthGroupFile /dev/null AuthN
ワードプレスを使って商品一覧ページを作っているけれど、 商品ページが変更になった、商品がなくなった。 商品一覧ページから該当ページを削除すればよいのですが、・・・・・ やり方がわからない。 理由：作った人がやめた。ワードプレスよくわからない。 ※依頼理由のNO1です。 で、 1 商品一覧ページのうち、すでにない商品のページをクリックしたときだけ、ベーシック認証をかけてほしい 2 商品一覧ページのうち、作成中のページをクリックしたときもベーシック認証をかけてよしい こんなときは 特定のURLを含むページのみベーシック認証をかけるで対応しました。 前提 ・環境はさくらのレンタルサーバー ・.htaccessを使う ・ワードプレスでURLが自動生成されている 結論 URLにmenuとdevが含まれているときはベーシック認証がかかる 1 DirectoryIndex index.html inde
Apache2.4からアクセス制御の方法が、RequireAnyとかを使った方法になっているよう。 ちょっとよくわからなかったので調べて整理してみたメモ。 基本 基本は、以下の３つのタグで囲って条件付けしていく。 RequireAny – どれか一つでも当てはまれば許可 RequireAll – 全てに当てはまれば許可 RequireNone – どれか一つでも当てはまれば拒否 デフォルト、何も囲わなければ RequireAny となるよう。 1 2 3 4 <RequireAny> Require {判定する内容} Require {判定する内容} </RequireAny> 判定文基本 1 2 3 4 5 6 7 8 9 10 11 # xxのとき許可 Require xx # xxでないとき許可 Require not xx # 全て許可 Require all granted #
概要 mod_setenvif モジュールは、リクエストのある側面が指定された正規表現 に合うかどうかによって環境変数を設定する機能を提供します。 これらの環境変数を使用して、サーバの他の部分がどのような動作をするかを 決定することができます。 このモジュールが提供するディレクティブは、 設定ファイルに現れる順番に適用されます。 それを使って、次の例のようにより複雑な設定をすることができます。 これは、ブラウザが mozilla ではあるけれど、MSIE ではないときに netscape を設定します。
概要 mod_setenvif モジュールは、リクエストのある側面が指定された正規表現 に合うかどうかによって環境変数を設定する機能を提供します。 これらの環境変数を使用して、サーバの他の部分がどのような動作をするかを 決定することができます。 このモジュールが提供するディレクティブは、 設定ファイルに現れる順番に適用されます。 それを使って、次の例のようにより複雑な設定をすることができます。 これは、ブラウザが mozilla ではあるけれど、MSIE ではないときに netscape を設定します。
Summary The mod_rewrite module uses a rule-based rewriting engine, based on a PCRE regular-expression parser, to rewrite requested URLs on the fly. By default, mod_rewrite maps a URL to a filesystem path. However, it can also be used to redirect one URL to another URL, or to invoke an internal proxy fetch. mod_rewrite provides a flexible and powerful way to manipulate URLs using an unlimited numbe
概要 外部ライブラリをcomposerなどでインストールして使っていると、 $_SERVERなどの値が必要とのエラーが出たりした。 そういった場合の対応として調べたことをメモしておく。 $_SERVERの値を追加する $_SERVERの値をsetUpメソッドで定義する namespace Tests\Feature; use Tests\TestCase; class hogeTest extends TestCase { /** * テスト前の準備作業 * * @access public * @return void */ public function setUp() { $_SERVER['HTTP_HOST'] = 'www.example.com'; $_SERVER['REQUEST_URI'] = 'http://www.exsample.com/mypage'; pare
「htaccessで特定環境の時だけBASIC認証をかけたい」 「htaccessで複雑なリクエストURIの時だけBASIC認証をかけたい」 こんにちは、タカフです。 .htaccess便利ですよね。 Webアプリケーションを色々カスタマイズするときに欠かせない.htaccessですが、いかんせん記述ルールが覚えづらい！！ その独特な記述ルールから、覚えても実装する時は不安だったりするので結局毎回ググってはいる気がします。 そんな中、Apache2.4になってより細かい制御も出来るようになり、ちょっと目から鱗のコードがあったので紹介します。 環境毎にBASIC認証をかける Apache2.4からはIfディレクティブが使えるようになり、より細かい制御が出来るようになりました。 例えば開発環境の時だけBASIC認証をかけたい時などは次のように記述します。 <If "%{HTTP_HOST} =
以前、Laravel5でベーシック認証を作成したのですが、Laravel6では使えなくなりました。 ただ、Laravel6ではデフォルトでベーシック認証が用意されているので、今回はそちらを使ってみます。 デモ デモサイト 【ベーシック認証】id:test@example.com / pass: testtest 手順 1．ログイン認証機能の作成 ベーシック認証を通すアカウントとパスワードはDBテーブルの usersテーブル のレコードになります。 デフォルトでusersテーブルを生成するマイグレーションファイルがあるので php artisan migrateコマンドを実行すると生成されます。 ただ、ベーシック認証用のレコードを挿入する必要があるので、今回はログイン認証機能を作成することにします。（※シーダーで挿入してもOK） Laravel6のログイン機能の作成は以前にエントリーしました
質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう！新規登録して質問してみよう
Files ディレクティブは、他のディレクティブを使った設定が適用されるファイルを指定するときに使用します。また FilesMatch ディレクティブは正規表現を使って適用するファイルを指定することができます。ここでは Apache の Files ディレクティブおよび FilesMatch ディレクティブの使い方について解説します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く