2019-04-08AMPAMPコンポーネント

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

2019-04-13AMPAMPコンポーネント

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

2019-04-13AMPAMPコンポーネント

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

2019-04-13AMPAMPコンポーネント

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

2019-04-11AMPAMP広告

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

2019-04-11AMPAMP広告

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

2019-04-08AMPAMPフォーム

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

2019-04-08AMPAMPフォーム

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

2019-04-08AMPAMPフォーム

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

2019-04-11AMP

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

2019-04-23WordPressWordPressショートコード

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

2019-04-23WordPressWordPressショートコード

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

2019-05-15WordPressWordPressショートコード

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

2019-04-11Phaser

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

2019-04-11Phaser

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

2019-04-11PhaserPhaserテキスト

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

2019-04-11PhaserPhaserテキスト

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

2019-05-23PhaserPhaserテキスト

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

2019-04-23PHPMySQL

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

2019-04-23PHP画像処理

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

2019-04-11PHP画像処理

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

2019-04-23PHPMySQL

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

2019-04-14PHP配列

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

2019-04-11PHPMySQL

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

2019-04-11PHP取得

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