OGPタグ 記事をシェアする時のOGPタグについてのメモ書きです。 サイト作成する際にページがシェアされることを想定します。 その際、ページの情報を要約を指定してあげたいときに使うのがOGPタグです。 呼ばれ方は「OG... 2019-10-29 16:02:04
CSS 要素の可変の制御 要素の大きさや縦横のサイズをCSSで変更するサンプルです。 トリミングしたり、ユーザーがカスタマイズするような場面で、要素を可変にしたいときがあるとします。 そんなときはCSSで制御できます。 以下の画像の右... 2019-10-29 16:00:46
HTML 幅やズームのviewportの設定 viewportの設定のデバイスに対してコンテンツの幅やズーム操作をどう扱うか設定をするサンプルです。 HTMLのmeta情報にviewportというコンテンツをデバイスに対してどう扱うか設定する機能があります。 [[<meta name="viewport" content="wid... 2019-10-29 15:35:35
css3 計算した値をスタイルに使う CSSのcalcを使って計算結果の値でデザインするサンプルです。 CSSで値を記入する際、レスポンシブを意識してパーセントで書くことがよくあります。 例えば「左右に余白をとりたい」とき余白もパーセントでします。 そ... 2019-10-29 15:35:02
Laravel 非同期通信 LaravelでjQueryのajaxを使うときのメモです。 クロス・サイト・リクエスト・フォージェリ(CSRF)の対策を忘れてハマるのでメモしておきます。 以下はボ... 2019-08-27 23:21:23
Laravel php artisan一覧 Laravelのコマンドのサンプルです。 php artisan ***でいろんなことができるのでよく使うものをメモしていきます。 [[php artisan list]] artisanの... 2019-08-25 21:30:25
Laravel データのキャッシュ Laravelで用意されているサーバーサイドのキャッシュのサンプルです。 キャッシュを使う時の一例です。 Laravelで用意されているサーバーサイドのキャッシュを使います。 キャッシュのファサードを利用します。 [[ names... 2019-08-25 14:49:24
Laravel ベーシック認証 laravelのルートディレクトリにて、composerコマンドでパッケージの取り込みます l5-very-basic-authというパッケージを利用する例です。 [[composer... 2019-08-25 14:17:25
git addのいろいろな用途 よく使うgit addに関するメモです。 ファイルの登録 [[git add [ファイル名]]] アスタリスク(*)の利用も可能。特に"クオーテーション"もいらない。 ディレクトリ内のファイルの登録 [... 2019-08-23 11:01:49
CSS 画像の切り取り 画像をCSSで四角く切り抜くサンプルです。 画像の編集ソフトは不要です。 CSSの「clip」を使います。 加工した画像と切り抜いた画像を重ねると目を引く演出ができます。 CSS下記にまとめて記... 2019-08-22 15:46:12