pickup– tag –
-
【Next.js】ライブラリ使わないでカルーセルスライダー
demo（Next.jsの静的ビルドファイルをiframeで表示したもの） Next.jsを使って無限ループ機能付きのシンプルなカルーセルを実装します（画像スライドショーの基本的な機能をおさえつつ、メンテナンスしやすいコードを目指します） このカルーセルには以下... -
「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法
Google Tag Manager（GTM）とは Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです Googleアナリティクス、Google広告など、、 <script></script>のような形式で記述される場合が多い... -
PHPサンプルコード
標準入力 <?php // 標準入力がHelloの場合こんにちはを出力 $greeting = trim(fgets(STDIN)); if ($greeting == "Hello") { echo "こんにちは\n"; } ?> <?php // 1. 標準入力から文字列を 1 個受け取る // 2. その文字列が「... -
WordPress自作、カスタマイズ
便利なプラグイン WP Multibyte Patch https://ja.wordpress.org/plugins/wp-multibyte-patch Show Current Template https://ja.wordpress.org/plugins/show-current-template テンプレートタグ テンプレートタグとはWordPressで用意されたカスタマイズす... -
CSS
CSSの基礎知識 セレクタ セレクタ { プロパティ名 : 値 ;} link要素 <!doctype html> <html> <head> ..... <link rel="stylesheet" href="style.css"> </head> ..... style要素 <!doctype html> <html> <hea... -
【WordPress】オリジナルテーマ作成手順
1）テーマのディレクトリ作成する wp-content/themes/ ディレクトリ内にテーマ名のディレクトリを作成します。 public\wp-content\themes\テーマ名 2）テーマに必要なファイルの作成（最小構成） 最小構成 テーマ名ディレクトリ直下にstyle.cssとindex.php... -
Web制作便利ツール
ダミーテキスト https://webtools.dounokouno.com/dummytext この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミー... -
【WordPress】Search Everythingプラグイン代替え
オリジナルプラグイン作成 ソースファイル wp-content/ ┣ plugins/ ┣ simple-image-search/ ┣ simple-image-search.php ┣ js/search.js ┗ css/style.css simple-image-search.php 下記のように... -
NextAuth Githubアカウントを利用
そもそも認証とは 認証とは、「あなたが本当にあなたであること」を確認するプロセスです。 ユーザー アプリ 認証プロバイダー (GitHub/Google/Email等) 1. ログイン要求 2. 認証リクエスト 3. 認証情報返却 主な認証方式: - ソーシャルログイン: GitHub, ... -
ローカル、グローバルIPアドレスの違いと確認手順
ローカルIPアドレスとグローバルIPアドレスの違い インターネットに接続したことがある人なら、「IPアドレス」という言葉を目にしたことがあるでしょう。しかし、ローカルIPとグローバルIPの違いは何なのか、そしてどうやって確認するのかわからない人も多...
1