バグ備忘録

コーディングしていますか?私はぼちぼちさせてももらっています。
コーダーの方だったら共感いただけると思うのですが、日々小さなバグと戦っています。
知識不足な時もあるし、え?のときなど、様々です。

これは覚えておこうというものをいつもEvernoteにメモしているのですが、記事にしようと思いました。

目次

1)jQuery3系でon(‘load’)  の動作が安定しない
2)お名前.comのサーバでphpMyAdminの導入を公式サイト通りにしてるのに入らない
3)position: stickyがIEで効かない
4)IOSで残像発生
5)WordPressのリピーターフィールドのサブフィールドが取得できない

1)jQuery3系で0n(‘load’)  の動作が安定しない

$(window).on( ‘load’, function(){});
よく使います。
ある時からできたりできなかったり、動作が安定しなくなりました。

【結論】

今まで

$(function(){
$(window).on('load', function(){
//ページ全体が読み込まれた時の処理
});
});

と書いていました。これすら間違ってたのかもなのですが、ちゃんと動いてました。
jQuery3系からこの形が許されなくなり、

$(function(){
//htmlロード時の処理
});
$(window).on('load', function(){
//ページ全体が読み込まれた時の処理
});

になったみたいです。
いつから自分がjQuery3系にしていたかも覚えていなかったので、詰みました。
メジャーアップデートの時はちゃんと確認しないとと、反省しました。

救世主

2)お名前.comのサーバでphpMyAdminの導入を公式サイト通りにしてるのに入らない

サーバはクライアントによってバラバラです。
多いのはやっぱりXserver、ロリポップ、さくらサーバが多い気がします。
そんな中つい最近お名前.comのサーバを触ることがありました。

WordPressのDBを当たり前のようにphpMyAdminからインポートしようとしたら、お名前.comにそもそもphpMyAdminが入っていませんでした。
う、うそやん。と思いました。
公式サイトを確認したところ「ああ、phpMyAdmin?自分で入れたら?」でした。
幸い、公式サイトにphpMyAdminの導入方法が載っていましたのでその通りに行いました。

公式導入方法

しかし、エラー発生。うんともすんとも動きません。
詰みました。

【結論】

公式サイトではphpMyAdmin 4.6.4入れてね!って書いてあるんです。
でもphpMyAdmin 4.6.6でないと動きません。(ちなみに最新は4.9.1)
え???????????????

事前にサーバを確認しないとと反省しました。
無事導入はできましたが、1日ぐらい詰みました。

救世主

 

3)position: stickyがIEで効かない

あんまりこのプロパティは使うことがないのですが、最近使いました。
IE11対応していません。対応お願いいたします。

【結論】

天才の方がgitを公開されていました。
導入はとても簡単でした。jsを入れ込んで、該当要素で実行です。

救世主

 

4)IOSで残像発生

スマホの時、ナビゲーションを非表示にしておいて、
ある程度スクロールしたら下からフェードインしながら登場。
を実装しました。jsとCSSのtransitionを使っていました。
そしてスマホで確認すると、そのナビの残像のようなものが発生しました。
奇妙でした。

【結論】

IOSのバグっぽい・・・?です。
アニメーションをつけている要素に対して

transform: translate3d(0,0,0);

をつけておくと直りました。
理由はわかりません。。

救世主

5)WordPressのリピーターフィールドのサブフィールドが取得できない

ACF Pro好きです。
リピーターフィールドがあるからです。
ある時、リピーターフィールドのサブフィールドを取得して、条件分岐をしようとしました。

<?php $TEST = the_sub_field('サブフィールド');
if($TEST):?>
<?php endif;?>

といった感じです。
できませんでした。

【結論】

完全に知識不足ですが、代入演算子の時は

the_sub_field()

ではなく、

get_sub_field()

じゃないと取得できないみたいです。
こうです。

<?php $TEST = get_sub_field('サブフィールド');
if($TEST):?>
<?php endif;?>

知りませんでした。

公式サイト

さいごに

これまでどれぐらいの救世主の方に助けてもらったんだろうかと思います。
この記事も誰かの救世主になりますように・・・・・

Blogs List

CONTACT

当事務所にご関心をお持ちいただきまして、ありがとうございます。
ご意見・ご相談等、お気軽に下記よりお問合わせください。

© Copyright 2019 NIAR All rights reserved.