比較演算子の『==』と『===』の違い
- 2017.08.18
- 比較演算子
比較を行う時に間違えやすい記述。 なお、イコール2個・イコール3個と同様に、「等しくない」比較である「!=」にも型を含めて比較を行う「!==」が存在します。 $hoge = 10; //変数「$hoge」は「文字列」ではなく「整数」 //イコール2個の場合 if($hoge == '10'){ //「文字列」の10と比較 echo "$hogeは文字列の10です。"; } //実行結果 //「$h […]
Coding
要素の数によってbxSliderの挙動を変更する
- 2017.08.18
- bxSlider
【挙動について】 １、共通設定となる（infiniteLoopを設定していない状態）bxSliderを定義 ２、要素の数によって挙動の出し分け ３、bxSliderをリロードする // 共通の初期設定の配列 var defaultOpt = { speed: 900, minSlides: 3, maxSlides: 3, moveSlides: 1, slideWidth: 270, slide […]
毎週、特定の時間にのみコンテンツを表示させるphp
簡易的なものなので、運用時には要検証。 サーバー時間によりずれる可能性があるのでその際は調整。 <?php $timer = date("DHi"); ?> <?php echo '現在の時刻変数は【'.$timer.'】'; ?> <hr> 結果:<br> <?php if ($timer >= 'Fri1045' && […]
IE11対応 jsによるIEブラウザとバージョンの判別
var userAgent = window.navigator.userAgent.toLowerCase(); if( userAgent.match(/(msie|MSIE)/) || userAgent.match(/(T|t)rident/) ) { var isIE = true; var ieVersion = userAgent.match(/((msie|MSIE)\s|rv:) […]
WPの記事をjsonで書出して、別サイトで使用する
【セットアップ】 別ドメイン、別サーバーでWPのデータを使用したい場合、WP REST APIを使用する。 データを出力するために下記のプラグインを導入する ・WP REST API (WP API)・・・WordPress 4.7以前のバージョンで必要。4.7以降はコア機能として元から導入されている ・ACF to REST API・・・カスタムフィールドの値をjsonデータに含める プラグイン […]
ウィンドウのスクロール位置をjs+Cookieで保存する
ページをまたいだ場合、ページでリロードを行う処理をする場合に表示位置を固定したい場合に用いる。 記述例）Cookieを保存するjsにより、変数指定が若干変わる。下記はそれぞれ案件に併せて若干修正済。 ■https://github.com/js-cookie/js-cookie を使用する場合 <script> $(function(){ var key = 'keep-positio […]
特定の文字列に対して自動でリンクを作成する
<?php //元となる文章 $str = "ウェブブラウザとはウェブサイトを閲覧するためのソフトウェアです"; //単語とURLのリスト $wordlist = array( "ウェブ" => "http://en.wikipedia.org/wiki/Web", "ウェブブラウザ" => "http://en.wikipedia.org/wiki/Web_browser", […]
AMPページ作成後のチェックリスト
基本情報と構築についての説明はAMPについての情報まとめを参照してください。 ——————————– ※文中のコード入力指定が効かなかったので、ページ内のタグは＜＞で括っています。 ・＜!doctype html＞が入っているか ・＜html＞は＜html AMP l […]
AMPについての情報まとめ
※文中のコード入力指定が効かなかったので、ページ内のタグは＜＞で括っています。 ◯AMPとは AMPは「AMP HTML」「AMP JS」「Google AMP Cache」で構成する ・AMP HTML：既存のHTML／CSS／JavaScriptの一部を制限することで、高いパフォーマンスを実現。 ・AMP JS：高速レンダリングを実現するためのJavaScriptライブラリ。 ・Google […]
fixedした要素の横スクロールに対応する
- 2017.03.29
- position:fixed
ヘッダーを固定したい場合、position: fixed;を使用するが、position: fixed;をかけた要素は横方向にも固定され、スクロールバーでの移動に対応できない。 その為、JavaScriptでウィンドウのスクロールを監視し、fixedした要素のleftを設定する。 スタイルシート(ヘッダー固定) body { min-width: 980px; } #header { positi […]