memo メモ [AG2WORKS]

JavaScript

2023.04.23

(ネイティブJavaScript版) 現地時間での指定日時までのカウントダウン。

#091

オリンピックの開催日までのカウントダウンを実装することがあったので、開催地時間で指定日時までのカウントダウンを、動作するデバイスのローカルタイムに依らずに正しい残り時間でサイト表示されるようにJava...

Others

2023.04.21

UTC(協定世界時)の基礎知識。

#090

時刻を扱うときに出てくる「GMT」(グリニッジ標準時)と「UTC」(協定世界時)の違いなど、詳細がよく分からなかったので調べた基礎知識のメモ。 ※ 現在は基本的に「UTC」(協定世界時)が世界の標準...

JavaScript

2023.03.25

npmの基本的な操作コマンド。

#089

Node.jsのパッケージマネージャーのnpmの基本的な操作コマンドのチートシート。忘れるのでメモ。 [ パッケージ ] 何らかの機能を持ったプログラム(コマンドラインツールやアプリケーシ...

Mac
Others

2023.01.09

VSCodeのショートカットとコマンドパレットまとめ。

#088

テキストエディターのVSCode(Visual Studio Code)でよく使うショートカットとコマンドパレットのメモ。 macOS Big Sur バージョン 1...

Mac
Others

2023.01.08

VSCodeの初期設定とプラグイン。

#087

テキストエディターのVSCode(Visual Studio Code)の初期設定とプラグインのメモ。 ※ VSCodeの公式ドキュメント。 macOS Big S...

Mac

2022.12.30

macOSでスクリーンショットの撮り方。

#086

macOSで、デスクトップの状態やブラウザで閲覧しているWebサイトの一部や全体をスクリーンショットとして撮る方法。忘れるのでメモ。ブラウザのスクショ機能でWebサ...

Google

2022.12.04

Google Analytics(GA4)で自分のIPアドレスを解析から除外。

#085

Google Analytics(GA4)で自分のアクセスはカウントしたくなかったので、指定したIPアドレスは解析から除外するようにフィルターを設定する方法。忘れるのでメモ。 &nb...

PHP

2022.11.27

外部サイトのRSSを取得して自サイトに一覧で表示。

#084

外部サイトのRSSを取得して、自サイト内に一覧で表示したかったので、PHPで実装した方法のメモ。 [ JavaScriptで実装する場合 ] (PHPなどサーバーサイドでの実装ではな...

HTML / CSS

2022.10.19

CSSの詳細度(複数のCSS宣言がひとつの要素に競合した場合の優先順位の規則)の基礎知識。

#083

HTML内の同一の要素に対して、CSSセレクターが色々な書き方で指定されて複数のCSS宣言が記述されているとき、どの記述のプロパティー値を適用するか決定するCSSの規則(詳細度)についての基礎知識のメ...

JavaScript

2022.10.02

(jQuery版) video要素にマウスオンで動画を自動再生。

#082

HTMLのvideo要素でmp4などの動画ファイルをサイトに埋め込み表示させているとき、jQueryを使って、マウスオーバーで再生、マウスアウトで停止させる方法のメモ。 ※ ライブラリーを使わずにネ...

JavaScript

2022.09.30

(ネイティブJavaScript版) video要素にマウスオンで動画を自動再生。

#081

HTMLのvideo要素でmp4などの動画ファイルをサイトに埋め込み表示させているとき、動画上にマウスオンで自動再生させたかったので、マウスオーバーで再生、マウスアウトで停止させる方法のメモ。 ※ ...

HTML / CSS

2022.08.07

video要素で動画を埋め込み表示するときの記述方法。

#080

YouTubeなど外部の動画配信サイトの埋め込みではなく、自分でサーバーにアップロードしてあるmp4などの動画ファイルをHTMLのvideo要素でサイトに埋め込み表示させるときの記述方法のメモ。 &...

HTML / CSS

2022.08.06

HTMLだけでレスポンシブ対応させる画像要素の記述方法。

#079

HTMLに画像の要素を記述するとき、レスポンシブ対応やブラウザ互換性のために、サイズ違いの画像や拡張子違いの画像など複数のリソースをpicture要素とsource要素を使って設定する記述の方法。忘れ...

API
Google

2022.07.08

YouTube Data APIでYouTubeのチャンネルのJSONデータを取得。

#078

YouTube Data APIを利用して、任意のYouTubeのチャンネルのJSONデータをPHPで取得する方法。忘れるのでメモ。 ※ 「APIキー」の取得方法は前の記事を参照。 ...

API
Google

2022.06.19

YouTube Data APIのAPIキーの取得とクォータの確認方法。

#077

YouTubeのチャンネルや動画のJSONデータ取得などの機能を提供するYouTube Data APIを利用するためのAPIキーの取得方法と、呼び出し制限の割り当て量(クォータ : Quota)の確...

JavaScript
PHP

2022.06.17

桁の大きな数値を万進の表記に変換して表示。

#076

SNSなどのAPIから取得したフォロワー数や再生数などを表示するときに、「123456789」を「1億2345万6789」など、桁数が多い場合に日本の命数法である万進の形式で表示したかったので、Jav...

JavaScript
PHP

2022.06.13

byte単位のファイルサイズの表記をKBやMBに変換。

#075

任意のファイルから取得したファイルサイズのバイト数が大きい場合、桁数に応じてKBやMBに単位を変換してサイズを表示したかったので、指定した数値をJavaScriptかPHPで変換する方法のメモ。 &...

PHP

2022.05.30

画像アップローダーの実装。(サーバーサイド)

#074

CMSは必要ない仕様で画像アップローダーだけ実装したかったので、JavaScirptとPHPで実装した方法のメモ。(サーバーサイドの処理。) ※ クライアントサイドの処理は前の記事を参照。 &nb...

JavaScript

2022.05.29

画像アップローダーの実装。(クライアントサイド)

#073

CMSは必要ない仕様で画像アップローダーだけ実装したかったので、JavaScirptとPHPで実装した方法のメモ。(クライアントサイドの処理のメモ。) ※ サーバーサイドの処理は別記事を参照。 ※...

JavaScript

2022.05.28

サイト上でデバイスのローカルから画像ファイルを選択して画像を表示。

#072

画像アップローダーを実装したときに、選択した画像ファイルが分かるようにサイト上にimg要素として画像を表示したかったので、File APIを利用して、OSからファイルのドラッグ・ドロップかフォームのi...

JavaScript

2022.05.27

FetchとXMLHttpRequestの基礎知識。

#071

JavaScriptでクライアントサイドからサーバーサイドへ非同期にHTTP通信を実行して別ベージのコンテンツやリソースの取得ができるFetchとXMLHttpRequestについての基礎知識のメモ。...

JavaScript

2022.04.08

Blobの基礎知識。

#070

サーバーにあるファイルや、PCなどクライアント内のローカルファイルなどをバイナリーデータとして、JavaScriptのBlobを利用してブラウザ上で扱うための基礎知識のメモ。 ※ バイナリーデータの...

JavaScript

2022.03.19

バイナリーデータの基礎知識。

#069

JavaScriptでバイナリーデータの扱い方がよく分からなかったので、バイナリーデータ、メモリ、バッファーについて調べた基礎知識のメモ。 ※ JavaScriptでバイナリーデータ...

Mac

2022.03.14

Boot CampでインストールしたWindows 10のMac用キーボード対応。

#068

Boot CampアシスタントでインストールしたWindows 10ではmacOSでのキーボードとはキー割り当てが微妙に違うため、コピペのショートカットなどがやりづらかったので、Windows上でキー...

Mac

2022.03.07

MacにBoot CampアシスタントでWindows 10をインストール。

#067

macOSがHigh SierraのMac Book ProにBoot CampアシスタントでWindows 10をインストールしようとしたらエラーが出たので、macOSをMojaveにバージョンアッ...

JavaScript

2022.02.07

(jQuery版) マウスオンでカーソルに追従するツールチップを表示。

#066

jQueryを使って、マウスオンでツールチップを表示、表示エリア内ではマウスポインタに追従するツールチップを表示させる方法のメモ。 ※ ライブラリーを使わずにネイティブJavaScript(Vani...

JavaScript

2022.02.06

(ネイティブJavaScript版) マウスオンでカーソルに追従するツールチップを表示。

#065

マウスオンでツールチップを表示するようにしたかったので、表示エリア内にマウスが入ったらマウスポインタに追従するツールチップを表示させる方法のメモ。 ※ jQueryを使った方法は別記事を参照。 &...

JavaScript

2022.02.03

要素の横幅と高さ、位置座標の取得。

#064

JavaScriptでドキュメント内にある任意の要素の縦横サイズと位置座標を取得する方法。忘れるのでメモ。ネイティヴJavaScriptで取得する場合ライブラリ...

JavaScript

2022.01.09

ブラウザのウィンドウ高さの取得方法と動作デモ。

#063

スマホブラウザ固有のメニューバーの高さが縦スクロールで変化することでブラウザのウィンドウ高さも変動するので、要素を全画面表示したい場合などでJavaScriptのどのプロパティーを参照してwindow...

JavaScript
PHP

2021.12.12

テキストを1文字ずつ任意のHTMLのタグで囲うコーディングの一括処理。

#062

見出しなどにCSSでアニメーションを付けるためにテキストを1文字ずつ任意のHTMLタグで囲いたかったので、一括でまとめて1文字ずつをコーディングする方法のメモ。 WordPressな...

JavaScript

2021.12.10

フォームのフィールドに入力された内容を正規表現でバリデーション。

#061

フォームのフィールドに入力された内容を、JavaScriptの正規表現を使って色々な条件判定でバリデーションする方法のメモ。入力が空(未入力)ではないかのチェック。入力が空白文字(スペ...

Mac

2021.11.13

OpenSSLで証明書を作成してMAMPのローカル環境にSSL設定。

#060

MAMPのローカル環境でSSLを有効化する設定の作業で色々とエラーが出たので、Google Chrome、Firefox、Safariで動作確認した方法のメモ。ターミナルでコマンド...

SEO

2021.11.07

SSL/TLSの基礎知識。

#059

SSLの仕組みや用語の詳細がよく分からなかったので、SSL/TLSを設定するときに最低限必要な前提知識をまとめたメモ。 SSL(Secure Sockets Layer) : Web...

Mac

2021.11.05

Homebrewのインストール方法と基本操作のコマンド。

#058

macOS用のパッケージマネージャーのHomebrewのインストール方法と、基本的な操作コマンドのチートシート。忘れるのでメモ。 [ パッケージ ] 何らかの機能を持ったプログラム(コマン...

Mac

2021.10.30

MAMPでバーチャルホスト機能を有効にしてlocalhost以外のドメインをURLに使用。

#057

MAMPのローカル環境ではURLがすべて「localhost」からのサブディレクトリ構造で、アドレスバーでの視認性が悪いと感じてきたので、バーチャルホスト(Virtual Host)の機能を使って、好...

Mac
PHP

2021.10.22

MAMP環境でPHPのタイムゾーン設定の確認と変更。

#056

MAMPの新規インストールやPHPのバージョンアップをしたとき、タイムゾーンの設定値が「no value」(未設定)の状態で、デフォルトタイムゾーンとして「UTC」(協定世界時)の時刻が適用されるので...

HTML / CSS
JavaScript

2021.10.15

サイト上で右クリックなどを禁止設定にする方法と禁止設定を一括解除する方法。

#055

ユーザーの利便性を損なう以外に意味が無いと思う右クリック禁止を撲滅したいので、サイト上で右クリックや要素の範囲選択を禁止にする方法と、禁止にされている場合に一括で解除する方法のメモ。 ...

JavaScript

2021.09.30

JavaScriptで任意のテキストをデバイスのクリップボードにコピーする方法。

#054

ページのタイトルやURLなどをコピーするボタンの挙動の詳細が知りたかったので、JavaScriptで任意のテキストをデバイスのシステムクリップボードにコピーの実装方法のメモ。 Jav...

Others

2021.08.31

各SNSのロゴアイコンの公式ダウンロードページとカラーコード。

#053

Apple、Google、各SNSの公式サイト内からダウンロードできるロゴやアイコン画像を毎回検索するのが面倒なので、ダウンロードページとカラーコードのメモ。 (基本的に「eps」と「svg」のファ...

API
Google

2021.08.09

フォーム送信にGoogleのreCAPTCHA v3を実装する方法。

#052

詳細が明確なreCAPTCHA v3の導入方法が見つからなかったので試作した方法のメモ。スパム対策として、サイト内に設置したフォームからの送信をGoogleのreCAPTCHA v3で検証して、ユ...

JavaScript

2021.08.04

(jQuery版) フォームの入力内容をチェックしてエラーメッセージ表示。

#051

jQueryを使って、フォームのinput要素とtextarea要素の入力内容をチェックしてエラーメッセージを表示する方法。(必須フィールドが未入力ならエラーにする。) フィールドが...

JavaScript

2021.08.02

(ネイティブJavaScript版) フォームの入力内容をチェックしてエラーメッセージ表示。

#050

HTML5でフォーム内の要素に付加したrequired属性でのバリデーションが効かないことがあったので、JavaScriptでバリデーションする方法のメモ。(JavaScriptでフォームの入力内容を...

JavaScript

2021.07.08

ページをスクロールしてサイドバーが下端まで来たら固定して追従。

#049

サイトのレイアウトが2カラムのときに、ページをスクロールしてサイドバーが下端まで来たら固定して追従させる方法。ページのスクロール位置に応じてJavaScriptでサイドバーに任意の...

HTML / CSS

2021.07.05

サイトのレイアウトを2カラム(メインカラムとサイドバー)にするCSSの記述。

#048

サイトのレイアウトを、サイドバー(横幅固定)とメインカラム(レスポンシブに横幅は可変)の2カラム表示にしたかったので、CSSの「flex」と「grid」の記述で実装する方法のメモ。 ※ CSSプロパ...

JavaScript
PHP

2021.06.25

ページ移動のときにGET送信かPOST送信を使って任意の値を2ページ間で受け渡す方法。

#047

サイト内で別のページに移動をするときに、セッションやクッキーで実装するほどでもない簡単な値の送受信をしたかったので、HTTPリクエストのGETメソッドまたはPOSTメソッドを使って任意の値を受け渡す方...

Mac

2021.06.13

bashを使っているターミナルのプロンプトの表示内容と色を変更。

#046

初期状態では「ホスト名:カレントディレクトリユーザー名＄」で表示されるmacOSのターミナルのプロンプトが見づらいので、プロンプトの表示内容と色を変更する方法のメモ。(ログインシェルにbashを使っ...

Vim

2021.06.05

Vimでカラースキームの変更と新しく追加する方法。

#045

CUI(Character User Interface)エディターのVimでカラースキームの変更の仕方、新しくダウンロードして追加、部分的に色の設定を変更する方法のメモ。 ma...

Vim

2021.06.01

Vimの初期設定をまとめた「.vimrc」ファイルの記述方法と記述内容。

#044

CUI(Character User Interface)エディターのVimの初期設定をまとめた「.vimrc」ファイルの記述方法と一般的な記述内容のメモ。 ※ Vimの基礎知識は前の記事を参照。 ...

Vim

2021.05.28

Vimの基本的な操作のチートシート。

#043

CUI(Character User Interface)エディターのVimの基本的な操作方法のチートシート。ノーマルモード(Normal mode)、インサートモード(Insert mode) ...

Vim

2021.05.27

Vimの基礎知識。

#042

Unix系OS標準のCUI(Character User Interface)エディターのVimの基礎知識と初歩的な使い方(Vimのバージョンアップ、ファイルの開き方、ヘルプ参照、モードの概念、初期設...

Mac

2021.05.18

Shairport Syncを使ってAirPlayでiPhoneの音声をMacBookで受信して出力。

#041

iPhoneで再生している音声をAirPlayで飛ばしてMacBook Proに繋いでいるスピーカーから出力したかったので、オープンソースのAirPlayオーディオプレイヤーのShairport Sy...

Mac

2021.05.15

ターミナルでdefaultsコマンドを使ってマウスとトラックパッドのカーソル反応速度の最大値を変更。

#040

macOSの「システム環境」にある「マウス」の設定で最速にしてもMagic Mouse 2のカーソル移動速度が遅かったので最大値の変更方法のメモ。 macOSは、マウスの移動速...

Google
SEO

2021.05.13

リッチリザルトに対応したローカルビジネスの構造化データのマークアップ。

#039

検索サイトの検索結果やGoogle Mapで、ナレッジグラフカードのリッチリザルトに対応させるためのローカルビジネスの構造化データをJSON-LDでマークアップする方法のメモ。リ...

Google
SEO

2021.04.29

リッチリザルトに対応したパンくずリストの構造化データのマークアップ。

#038

検索サイトの検索結果での見栄えを変えるリッチリザルトに対応させるためのパンくずリストの構造化データを、JSON-LDの書式でマークアップする方法のメモ。リッチリザルトと構造化データ...

Google
SEO

2021.04.29

検索結果の見栄えを変えるリッチリザルトに対応する構造化データの記述方法。

#037

構造化データ(検索サイトの検索結果での見栄えを変えるリッチリザルトに対応させるために記述するページ情報)のマークアップ方法に関する基礎知識のメモ。構造化データに関するGoogle公...

JavaScript

2021.04.22

別のページからの流入時に自ページのURLのアンカーリンク(フラグメント識別子)を取得。

#036

別ページから流入してきた自ページのURLが「#」付きのページ内のアンカーリンク(URL fragment)だった場合に、特定のアンカーリンクで特定の処理をしたいときのメモ。 wind...

JavaScript

2021.04.22

(ネイティブJavaScript版) ページ内リンクをクリックでスクロール移動。

#035

ライブラリーを使いたくなかったので、ネイティブJavaScript(Vanilla JavaScript)だけで、アンカーリンクでページ内の任意の位置にアニメーションスクロールの動作を実装する方法のメ...

JavaScript

2021.04.22

(jQuery版) ページ内リンクをクリックでスクロール移動。

#034

jQueryを使って、アンカーリンクがクリックされたらページ内の任意の位置にスクロールアニメーションで移動させる方法。 HTMLのマークアップ移動したい位置にある...

JavaScript

2021.04.17

JavaScriptでオブジェクトの持つ全てのプロパティーと値の調べ方。

#033

JavaScriptで、オブジェクトがどんなプロパティーと値を持っているか調べたいことがあったのでメモ。 prototypeまで遡って参照する場合は「for-in」文を使う。 ...

PHP
WordPress

2021.04.02

cssやjsファイルのキャッシュ対策として更新日時のタイムスタンプをクリエとして自動付加。

#032

cssやjsファイルがブラウザのキャッシュから読み込まれて更新が効かないときの対策として、PHPでファイル更新日時のタイムスタンプをクエリとしてファイル名に自動付加させる方法。 &n...

WordPress

2021.03.07

WordPressで記事投稿日の色々な形式の出力フォーマット。

#031

WordPressの記事投稿日の日本語表記、英語表記での色々な形式の出力フォーマット。忘れるのでメモ。 the_系の日付取得のテンプレートタグ「the_time()」は汎用性が無いの...

Mac
WordPress

2021.03.04

MAMP環境のWordPressサイトをLAN内の別デバイスで閲覧。

#030

MAMP環境にインストールしたWordPressサイトを、同一LAN内にあるiPhoneなど別のデバイスのブラウザから「http://MacのローカルIPアドレス」にアクセスして閲覧できるようにする方...

Mac

2021.03.04

MAMPのURLを「localhost:8888」から「localhost」に変更。

#029

MAMPの初期設定のWebサイトのURL「http://localhost:8888/」からポート番号を外したループバックアドレス(ホスト名なら「http://localhost/」、IPアドレスなら...

API
Google

2021.02.09

Google Calendar APIのAPIキーとカレンダーIDでGoogleカレンダーのJSONデータを取得。

#028

Google Calendar APIのAPIキーを利用して、カレンダーIDで指定したGoogleカレンダーのJSONデータをPHPで取得する方法のメモ。 ※ 「APIキー」と「カレンダーID」の取...

API
Google

2021.02.09

GoogleカレンダーのカレンダーIDとAPIキーの取得方法。

#027

GoogleカレンダーのカレンダーIDと、Google Calendar APIのAPIキーの取得・設定のメモ。カレンダーIDの取得既存のGoogleカレンダー...

API
Google
JavaScript

2021.02.06

iframeで埋め込んだYouTube動画をJavaScriptで操作。

#026

iframeで埋め込んだYouTube動画の再生・停止などを、自サイトにはIFrame Player APIのファイルを組み込まずにJavaScriptで動的に操作する方法のメモ。 ...

Google

2021.02.05

YouTubeのサムネイル画像のURLと画像サイズの種類。

#025

YouTubeのサムネイル画像のURLと種類のメモ。 (サムネイル画像の取得には、その動画のIDが必要。) サムネイル画像のURLのドメインはいくつかあるが、どれでも同じ画像が返っ...

Google
JavaScript
PHP

2021.01.30

正規表現でテキスト文内のYouTubeの動画URLを埋め込みコードに自動置換。

#024

正規表現でテキスト文の中にあるYouTubeの動画のURLを取得、URLから動画IDを抽出して<iframe>の埋め込みコードに自動置換する関数の作成。テキスト内...

JavaScript

2021.01.29

JavaScriptをページ読み込みの任意のタイミングで実行。

#023

ブラウザがサーバーからレスポンスを受け取ったあと、ページ読み込みが完了するまでの間のJavaScriptの実行タイミングの指定方法。忘れるのでメモ。 DOMの解析の途中で任意に実行する。 ...

PHP
WordPress

2021.01.23

PHPの$_COOKIE(クッキー変数)または$_SESSION(セッション変数)でWordPressに閲覧履歴を表示。

#022

PHPのスーパーグローバル変数の$_COOKIE(クッキー変数)とsetcookie()関数を使ってWordPressで閲覧履歴の表示を実装。 (クライアント側のクッキーにデータを保持させたくない場...

API

2021.01.17

InstagramグラフAPIでハッシュタグやアカウント名を指定して投稿の取得。

#021

InstagramグラフAPIで、ハッシュタグまたは自分以外のアカウント名を指定してInstagramの投稿をJSONデータで取得する方法のメモ。 (アカウント名指定の場合、対象アカウントがビジネス...

API
PHP

2021.01.16

InstagramグラフAPIで取得したJSONデータを整形して自分のインスタグラムの投稿をサイトで表示。

#020

サイト上に自分のInstagramの投稿を表示させるためのJSONデータの取得方法とPHPでのJSONデータの整形方法のメモ。 ※ InstagramグラフAPIの有効期限の無いアクセストークンが事...

API

2021.01.15

InstagramグラフAPIで無期限アクセストークンの発行とインスタグラムのビジネスアカウントIDを取得。

#019

InstagramグラフAPIの無期限アクセストークンの発行と、InstagramのビジネスアカウントIDなどのJSONデータを取得する方法のメモ。 ※ アクセストークンを取得するに...

WordPress

2021.01.12

hetemlのサーバーでWordPressプラグインの設定変更が403 error(Forbidden)になるときの対処。

#018

heteml(ヘテムル)のサーバーでWordPress運用時に、WordPress管理画面でプラグイン設定を変更しようとするとHTTPステータス403でエラーになることがあったので対処方法のメモ。 ...

WordPress

2021.01.12

WordpressのプラグインYARPPで関連スコア設定が変更できないときの対処。

#017

Wordpressの関連記事表示プラグインYARPP(Yet Another Related Posts Plugin)の関連スコアの設定で「検討する」が選択できないときの対処方法のメモ。 &nbs...

WordPress

2021.01.12

XbitのサーバーでWordpress運用時の必須設定。

#016

Xbit(エクスビット)のサーバーでWordpress運用時にFTP接続のアラートが表示されるなどの問題があったのでメモ。 XbitではPHPのセーフモードがONなので、サーバー設定...

.htaccess
PHP
WordPress

2021.01.12

Wordpressのメディアの最大アップロードサイズを変更。

#015

さくらのレンタルサーバに入れたWordpressで、アップロードするメディアのファイルサイズ上限値が低かったので、変更方法のメモ。レンタルサーバーではPHPの設定でアップロード上限...

.htaccess
WordPress

2021.01.11

サブディレクトリにインストールしたWordPressのURLをルートディレクトリに変更。

#014

さくらのレンタルサーバのコントロールパネルにあるクイックインストールではルートディレクトリにWordPressをインストールできなかったので、サブディレクトリにインストールした場合のサイトURLの最適...

WordPress

2021.01.11

WordPressのプラグインまとめ。

#013

管理画面系 Classic Editor ブロックエディターを旧エディターに戻す。 Advanced Editor Tools (previously TinyMCE Advanced)...

PHP

2021.01.03

PHPでベーシック認証。

#012

PHPで、HTTPヘッダーを送信するheader()関数と、Webサーバーのヘッダー情報が取得できるマジック定数の$_SERVER(サーバー変数)を使用したベーシック認証の実装方法のメモ。 ※ ベー...

.htaccess

2021.01.02

.htaccessでベーシック認証。

#011

サーバーに設置した「.htaccess」ファイルでベーシック認証する方法。以下の2つのファイルをサーバーの認証を掛けたいディレクトリに設置しておく。「.htaccess」...

.htaccess

2020.12.30

サイトメンテナンス用にIPアドレスで振り分けてリダイレクト。

#010

Apacheのモジュール「mod_rewrite」を.htaccessに記述して、アクセス元のIPアドレスによって条件分岐し、許可しないIPアドレスの場合にはHTTPステータスコード503でメンテナン...

.htaccess
SEO

2020.12.29

.htaccessでリダイレクトしてURLを正規化。

#009

Apacheのモジュールである「mod_rewrite」を.htaccessに記述して、リクエストされたURLを書き換えてHTTPステータスコード301でリダイレクトさせる方法のメモ。(301は恒久移...

Google
Mac

2020.12.29

MAMPのメール送信を有効化してローカル環境でフォームから送信。

#008

Macに元々インストールされているメール転送エージェント(MTA : Mail Transfer Agent)のPostfixでSMTP(Simple Mail Transfer Protocol)に...

Mac

2020.12.28

MacからWindows Vistaのリモートデスクトップ。

#007

Macのアプリケーション「Microsoft Remote Desktop」からWindows Vista BusinessのPCはリモートできるのにVista Home PremiumのPCがリモー...

Mac
Others

2020.12.27

Atomのショートカットとコマンドパレットまとめ。

#006

テキストエディターのAtomでよく使うショートカットとコマンドパレットのメモ。 macOS High Sierra バージョン 10.13.6 ATOM 1.53.0で確認。 &...

Mac
Others

2020.12.27

Atomのカスタマイズ。

#005

テキストエディターのAtomのカスタマイズのメモ。 macOS High Sierra バージョン 10.13.6 ATOM 1.53.0で確認。 Atomのコア...

Mac
Others

2020.12.26

Sublime Text 3のカスタマイズ。

#004

テキストエディターのSublime Text 3にパッケージマネージャーを入れて、カラースキームや編集補助の機能をカスタマイズする方法のメモ。 macOS High Sierra バ...

AppleScript
Mac

2020.12.26

Macの右クリックメニューに「新規txtファイル作成」を追加。

#003

macOSでマウスの右クリックのメニュー項目に「新規txtファイル作成」を追加する方法のメモ。アプリケーションのAutomatorで、「現在開いているFinderのフォルダ上にtx...

Mac

2020.12.26

MacのFinderに隠しファイル表示とタイトルバーにパス表示。

#002

Finderの設定を変更して、隠しファイルの表示と、タイトルバーに現在のパスを表示する方法のメモ。ターミナルで「defaults」コマンドを実行してFinderの設定を変更する。 ...

Mac

2020.12.26

Macの初期設定とアプリケーション。

#001

Macを新調したりOSをクリーンインストールしたりしたときのために、Macの初期設定と常用アプリケーションのメモ。 Finderの設定変更 Finderの基本設定変...

(ネイティブJavaScript版) 現地時間での指定日時までのカウントダウン。

UTC(協定世界時)の基礎知識。

npmの基本的な操作コマンド。

VSCodeのショートカットとコマンドパレットまとめ。

VSCodeの初期設定とプラグイン。

macOSでスクリーンショットの撮り方。

Google Analytics(GA4)で自分のIPアドレスを解析から除外。

外部サイトのRSSを取得して自サイトに一覧で表示。

CSSの詳細度(複数のCSS宣言がひとつの要素に競合した場合の優先順位の規則)の基礎知識。

(jQuery版) video要素にマウスオンで動画を自動再生。

(ネイティブJavaScript版) video要素にマウスオンで動画を自動再生。

video要素で動画を埋め込み表示するときの記述方法。

HTMLだけでレスポンシブ対応させる画像要素の記述方法。

YouTube Data APIでYouTubeのチャンネルのJSONデータを取得。

YouTube Data APIのAPIキーの取得とクォータの確認方法。

桁の大きな数値を万進の表記に変換して表示。

byte単位のファイルサイズの表記をKBやMBに変換。

画像アップローダーの実装。(サーバーサイド)

画像アップローダーの実装。(クライアントサイド)

サイト上でデバイスのローカルから画像ファイルを選択して画像を表示。

FetchとXMLHttpRequestの基礎知識。

Blobの基礎知識。

バイナリーデータの基礎知識。

Boot CampでインストールしたWindows 10のMac用キーボード対応。

MacにBoot CampアシスタントでWindows 10をインストール。

(jQuery版) マウスオンでカーソルに追従するツールチップを表示。

(ネイティブJavaScript版) マウスオンでカーソルに追従するツールチップを表示。

要素の横幅と高さ、位置座標の取得。

ブラウザのウィンドウ高さの取得方法と動作デモ。

テキストを1文字ずつ任意のHTMLのタグで囲うコーディングの一括処理。

フォームのフィールドに入力された内容を正規表現でバリデーション。

OpenSSLで証明書を作成してMAMPのローカル環境にSSL設定。

SSL/TLSの基礎知識。

Homebrewのインストール方法と基本操作のコマンド。

MAMPでバーチャルホスト機能を有効にしてlocalhost以外のドメインをURLに使用。

MAMP環境でPHPのタイムゾーン設定の確認と変更。

サイト上で右クリックなどを禁止設定にする方法と禁止設定を一括解除する方法。

JavaScriptで任意のテキストをデバイスのクリップボードにコピーする方法。

各SNSのロゴアイコンの公式ダウンロードページとカラーコード。

フォーム送信にGoogleのreCAPTCHA v3を実装する方法。

(jQuery版) フォームの入力内容をチェックしてエラーメッセージ表示。

(ネイティブJavaScript版) フォームの入力内容をチェックしてエラーメッセージ表示。

ページをスクロールしてサイドバーが下端まで来たら固定して追従。

サイトのレイアウトを2カラム(メインカラムとサイドバー)にするCSSの記述。

ページ移動のときにGET送信かPOST送信を使って任意の値を2ページ間で受け渡す方法。

bashを使っているターミナルのプロンプトの表示内容と色を変更。

Vimでカラースキームの変更と新しく追加する方法。

Vimの初期設定をまとめた「.vimrc」ファイルの記述方法と記述内容。

Vimの基本的な操作のチートシート。

Vimの基礎知識。

Shairport Syncを使ってAirPlayでiPhoneの音声をMacBookで受信して出力。

ターミナルでdefaultsコマンドを使ってマウスとトラックパッドのカーソル反応速度の最大値を変更。

リッチリザルトに対応したローカル ビジネスの構造化データのマークアップ。

リッチリザルトに対応したパンくずリストの構造化データのマークアップ。

検索結果の見栄えを変えるリッチリザルトに対応する構造化データの記述方法。

別のページからの流入時に自ページのURLのアンカーリンク(フラグメント識別子)を取得。

(ネイティブJavaScript版) ページ内リンクをクリックでスクロール移動。

(jQuery版) ページ内リンクをクリックでスクロール移動。

JavaScriptでオブジェクトの持つ全てのプロパティーと値の調べ方。

cssやjsファイルのキャッシュ対策として更新日時のタイムスタンプをクリエとして自動付加。

WordPressで記事投稿日の色々な形式の出力フォーマット。

MAMP環境のWordPressサイトをLAN内の別デバイスで閲覧。

MAMPのURLを「localhost:8888」から「localhost」に変更。

Google Calendar APIのAPIキーとカレンダーIDでGoogleカレンダーのJSONデータを取得。

GoogleカレンダーのカレンダーIDとAPIキーの取得方法。

iframeで埋め込んだYouTube動画をJavaScriptで操作。

YouTubeのサムネイル画像のURLと画像サイズの種類。

正規表現でテキスト文内のYouTubeの動画URLを埋め込みコードに自動置換。

JavaScriptをページ読み込みの任意のタイミングで実行。

PHPの$_COOKIE(クッキー変数)または$_SESSION(セッション変数)でWordPressに閲覧履歴を表示。

InstagramグラフAPIでハッシュタグやアカウント名を指定して投稿の取得。

InstagramグラフAPIで取得したJSONデータを整形して自分のインスタグラムの投稿をサイトで表示。

InstagramグラフAPIで無期限アクセストークンの発行とインスタグラムのビジネスアカウントIDを取得。

hetemlのサーバーでWordPressプラグインの設定変更が403 error(Forbidden)になるときの対処。

WordpressのプラグインYARPPで関連スコア設定が変更できないときの対処。

XbitのサーバーでWordpress運用時の必須設定。

Wordpressのメディアの最大アップロードサイズを変更。

サブディレクトリにインストールしたWordPressのURLをルートディレクトリに変更。

WordPressのプラグインまとめ。

PHPでベーシック認証。

リッチリザルトに対応したローカルビジネスの構造化データのマークアップ。