CSS,CSS デザイン

CSSだけで要素のサイズに合わせてテキストを丸めて(省略して)末尾に3点リーダーを付与する方法の紹介です。 テキストを丸める処理は、head内のdescriptionに使う事も多くPHPの出力で行うケースもありますが、コンテンツ要素内であれ ...

CSS,CSS デザイン

CSSだけで実装するスワイプ(フリック)で横スクロールするスライドメニューの実装サンプルです。 スワイプで横スクロールするメニューの動作サンプル スワイプで横スクロールするメニューを実装した動作サンプルです。 See the Pen MEN ...

PHP ファイル操作,PHP

PHPのfilemtime()でファイルの更新時間を取得する方法の紹介です。 filemtime()でファイルの更新時間を取得する PHPのfilemtime()はサーバー内にあるファイルの更新時間を取得します。 返り値はUnixタイムスタ ...

googleアドセンス

Googleアドセンスの自動広告は、広告枠のことを考えなくて良くなるのが大きなメリットですが、予期せぬ場所にも広告が表示されてしまうのが悩みのタネとなっています。 そう思っていた頃が私にもありました。 この記事では、表示したくない場所に表示 ...

2020-06-22PHP ファイル操作,PHP

PHPのunlink()とforeach()、glob()を使って指定したディレクトリ内の画像ファイルのみを削除する方法の紹介です。 ディレクトリ内の画像ファイルのみを削除 PHPのunlink()とforeach()、glob()を使って ...

Search Console

2020年、Search Consoleに追加された指標に「ウェブに関する主な指標」というのがあります。 これは、LCP、 FID、 CLSという3つの指標からサイトの状態をレポートしてくれる機能で、検索エンジンによる評価ではなくユーザーが ...

PHP ファイル操作,PHP

PHPのunlink()を使ってファイルまたは複数のファイルを削除する方法の紹介です。 unlink()について PHPのunlink()は引数に削除するファイルのパスを指定することで、そのパスにある特定のファイルを削除することができます。 ...

PHP,PHP 配列

PHPのjson_encode()とjson_decode()を使ってJSONを配列にエンコード、配列をJSONにデコードする方法の紹介です。 json_encode()で配列をJSONにエンコード json_encode()で配列をJSO ...

2020-06-22PHP 文字列,PHP

PHPのmb_strimwidth()を使って、文字列を指定文字数で丸めて、末尾に三点リーダー(…)を追加する方法の紹介です。 mb_strimwidth()の基本サンプル mb_strimwidth(文字列. 開始位置, 文字数, 追加文 ...

PHP,PHP 配列,PHP 判別・検索

PHPのin_array()やarray_intersect()を使って、複数の指定文字で配列を検索して判別する方法の紹介です。 in_array()を使って複数の値で配列を検索 in_array()では、第1引数に指定する文字列や数値の検 ...

PHP GD,PHP

PHPのGDライブラリを利用して簡単に透過背景の文字画像を作成する方法の紹介です。 背景透過のテキスト画像 透過背景のテキスト画像を作成するサンプルコード PHPのGDライブラリで透過背景のテキスト画像を作成するサンプルコードになります。 ...

PHP GD,PHP

GDでWebPに変換した場合のファイルサイズを比較してみました。 また、元ファイルを圧縮しておくべきか、しなくても変わらないのか気になっていたので、元ファイルにする画像を圧縮済み、非圧縮でWebPに変換して比較してみました。 品質設定オプシ ...

PHP GD,PHP

PHPのGDライブラリでjpeg画像やpng画像をWebPファイルへ変換する方法の紹介です。 サーバーのPHP-GDライブラリがWebPに対応している必要はありますが、利用方法は他ファイルタイプと同様にimagecreatefromwebp ...

2020-06-19PHP GD,PHP

PHPのGDライブラリを使って、元画像の縦横中央を視点にしたサムネイル画像を作成する方法の紹介です。 この記事の内容は、元画像のアスペクト比に関係なく縦横の中央を視点に切り出し、サムネイルサイズは固定の正方形または長方形となるようにするが画 ...

2020-06-18PHP GD,PHP

PHPのGDライブラリを使って、pngやjpg、gifなどのファイルのフォーマットを変換する方法の紹介です。 ファイルの実寸サイズを変更しない場合 ファイルの実寸サイズを変更しない前提であれば、imagecopyresampled()などを ...

2020-07-17Windows10 操作・設定,Windows10

Windows10を利用中、画面右下にWindowsやMicrosoft、PCメーカーや各アプリケーション、WEBプッシュなどから届いたポップアップ通知が届きます。 届いた通知は、一定時間で消えるもの、ちょっとした操作で消えてしまう場合もあ ...

2020-06-23Windows Terminal,Windows10

Windows Terminalで設定されているデフォルトのショートカットキー一覧とショートカットキーの変更方法です。 Windows Terminal ショートカットキーの一覧 動作コマンド名デフォルト設定ファイルを開くopenSetti ...

2020-06-23Windows Terminal,Windows10

Windows Terminalの起動時や新規タブを開いたときに、起動するデフォルトのシェルを変更する方法の紹介です。 Windows Terminalでは「Windows PowerShell」「コマンドプロンプト」「Azure Clou ...

2020-06-23Windows Terminal,Windows10

Windows Terminal起動時に最新のPowerShellがアップデートされていると「新しいクロスプラットフォームの PowerShellをお試しください」と表示されました。 2020年6月現在、PowerShellの最新バージョン ...

2020-06-23Windows10 OneDrive,Windows10

デスクトップやドキュメント、ピクチャー(写真)フォルダがOneDrive以下にあるのを変更したい時用の記事になります。 デスクトップやドキュメントフォルダがOneDrive以下にある理由 多くのケースは、Windows10にてOneDriv ...

2020-06-23Windows10 操作・設定,Windows10

ファイルの貼り付けや移動先に、重複するファイル名があった場合、連番付与による両方のファイルを保持する方法は、Windows10になって、わかりにくくなった機能のひとつです。 Windows7までであればファイルを移動させた際に同じファイル名 ...

JavaScript,JavaScript 配列

JavaScriptで配列をJSONコードにエンコード、JSONコードを配列にデコードする方法の紹介です。 JSON.stringify()で配列をJSONにエンコードする JavaScriptで配列をJSONに変換するにはJSON.str ...

JavaScript,JavaScript 配列,Other

JavaScriptのfilter()関数のオプションにBooleanを指定して配列から空値を削除する方法の紹介です。 filter(Boolean)の基本 filter()関数の引数にBooleanを指定することで、配列の値から空の値、0 ...

JavaScript,JavaScript 配列

JavaScriptのpush()、unshift()で配列の先頭と末尾にデータを追加する方法の紹介です。 push()関数で配列の末尾に値を追加する push()関数は引数に追加する値を指定することで、配列の末尾に新しくデータを追加します ...

JavaScript,JavaScript 文字列

JavaScriptのtrim()関数を使って文字列の先頭、末尾から空白文字を除去する方法のサンプルコードです。 trim()は文字列の先頭と末尾から「半角スペース」「全角スペース」「タブ」「すべての改行文字」を取り除いた結果を返します。 ...