ONE NOTES

AMPコンポーネントのamp-youtubeを利用してAMPページ内でYouTube動画の埋め込み表示を実装するサンプルコードです See the Pen AMP-YouTube by yochans (@yochans) on CodeP ...

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Accordion by yochans (@yochans) on CodePen. amp-car ...

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Carousel by yochans (@yochans) on CodePen. amp-caro ...

AMPコンポーネントのamp-selectorを利用してタブメニューでの表示切り替えを実装するサンプルコードです See the Pen AMP-Selector by yochans (@yochans) on CodePen. amp- ...

AMPはモバイル専用という訳ではなく、PCやタブレット用のページもAMP構成で作成可能で、AMP広告（amp-ad）もまたモバイル以外の表示にも対応しています AMP広告を画面幅で振り分けて表示する方法 AMP広告タグ内にてCSSのmedi ...

AMP広告に使われる主なlayoutの種類一覧 AMP広告を設置する際に迷ってしまうlayoutと横幅、高さの設定 AMPの要素デザイン用のlayoutの種類は多いですが、AMP広告に使われるlayoutにはどんな種類があるのか一覧にしてみ ...

AMP-FormでのPOST送信する際、action-xhrではなく通常のHTMLフォーム同様にactionでページ移動（ページ遷移）させたい場合があります 主に、パスワードなどのURLに含めたくない情報の送信やテキストエリアを用いたデータ ...

AMP-FormでのPOST送信はGET送信とは違い通常のHTML記述では動かず、AMP Formコンポーネントを使った機能が多くあります AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、AMP Formコン ...

簡単に使おうと思ってもAMP-FormでのPOST送信はちょっとややこしいですが、GET送信は通常のWEBページと同じ感じで使えます AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、単純なGET送信であっても ...

AMPテストツール AMPサイト作成時は、AMPページが有効か確かめる為にgoogleのAMPテス またブラウザのデロペッパーツールも確認作業で重要になってきます AMPページに最低限必要なサンプルコード AMPページに最低限必要なサンプル ...

ウィジェットなどで記事ページにだけウィジェット等でPHP処理を読み込むショートカットの作成方法です 記事ページでのみ読み込みさせるにはis_single()を利用しての条件分岐が可能です サンプルコードではWordPressデフォルトである ...

ウィジェット内やカテゴリページの説明文でショートコードを使ってPHPを動かす方法です ウィジェット内でショートコードが動く様にする WordPress独自関数のadd_filter()を利用してwidget_textを対象にdo_short ...

記事内、カテゴリページやウィジェットでPHPなんかを動かしたい時に利用できるショートコードの使い方です。 ショートコードの登録 WordPressのショートコードを登録する関数add_shortcode()を利用します。今回はサンプルとして ...

Phaser3のGraphicsを利用して簡単な図形を描画する方法です Graphicsの基本コード graphics()を利用します 全てではないと思いますが、graphics()内に配列にて指定していく事が可能 let graphics ...

Phaser3で各ファイルタイプ別プリロードの実装方法です 単一画像ファイルのプリロード 画像ファイルのプリロードはload.image()で利用します preload() { this.load.image('image', 'image ...

phaser3のadd.text()で作成・表示したテキストにクリックイベントを実装する方法です See the Pen Phaser 3 text set touch events by yochans (@yochans) on Cod ...

テキストを指定範囲内で中央揃えさせる方法は色々ありますがadd.text()でのoriginパラメータの指定やsetOrigin()で基準値を利用するのが簡単です X軸とY軸で指定する基準値を変える場合はsetOrigin(0.5,1)での ...

単純なテキストの表示 Phaser 3でテキストを表示するにはadd.text()を利用します。 let text = this.add.text(X座標, Y座標, 文字列); 必須因数として、第一因数にX座標、第二因数にY座標、第三因数 ...

PHPでMySQLiデータベースへの接続と切断する方法です MySQLiデータベースへの接続方法（手続き型） 手続き型でMySQLiデータベースへ接続するにはmysqli_connect()を利用することができます 接続サーバーホスト名はデ ...

PHPにて画像ファイルの横幅と縦幅を取得する方法です PHPで画像ファイルの横幅と縦幅を取得するにはgetimagesize()関数を利用します getimagesize()はGDライブラリを必要としません getimagesize(ファイ ...

HTMLのFORMで画像をPOST送信する方法 HTMLのFORMで画像ファイルをPOST送信するには、formに『enctype="multipart/form-data"』を記述し『input type="file"』を利用する事で実装 ...

MySQLiで実行するUPDATEの基本サンプルコードと指定した条件下の複数の条件やカラムを同時に更新するサンプルコードです UPDATEの基本sql文 UPDATEはWHEREで指定した条件に一致する対象データを更新します $sql = ...

PHPで配列の繰り返し処理を行うにはforeach()が利用できます 値だけを必要とする場合 $data = foreach ($data as $value) { echo $value; } //applebananagrape 連想配 ...

mysqli_num_rows()を利用します テーブル内のデータ総数を取得するサンプルコード $sql = "select * from `テーブル名`"; $res = $mysqli->query($sql); if (!$re ...

$_SERVERを利用します $_SERVERはそのページがhttpsであった場合「on」、それ以外では空の値を返します if($_SERVER !== 'on'){ //httpの場合の処理 }else{ //httpsの場合の処理 } ...