8月の出来事ですが、jQueryのCDNやAWS (Amazon Web Service) の東京リージョンに障害が起きていました。
タイトルはなんか仰々しいですが、とくに解決もしていませんし参考にもなりません。
どちらも衝撃の出来事で特にAWSの大規模障害は様々なサービスが影響を受けました。
jQueryは当サイトもCDNを利用していたので影響を受けたのですが...
クラウドやCDNが落ちてしまうならどうするべきか
Amazonアソシエイトのアカウント閉鎖からの復活
先日、Amazonアソシエイトのアカウントが閉鎖されたことをお伝えしました。
「アクセスのみでリンクをクリックした状態になっている」というやつです。
その件の原因がようやくわかりまして、修正をして再開することができました。
状態が明確に分かるまでにはそんなにかからなかったのですが、どこが悪いかが全然手付かず状態だったんですよね・・・
LightboxからPhotoSwipeに乗り換え
当サイトはHTML5やCSS3、レスポンシブデザインに対応するなど時代の流れに沿ってきた中、画像の拡大表示には依然としてLightboxを使ってきました。
ここだけはずっとデザインを初期から変えてなかったいなかったのですが、「時代遅れなのでは？」と最近考えるようになり、色々と同じようなスクリプトを漁っていました。
そこで見つけたのがPhotoSwipeというスクリプトです。
jQuery 3.x系でeasingが動かない
jQuery3.x系に乗り換える試みをしている最中なのですが、easingプラグインがそのままでは動きません。
jQueryの公式ページで詳細が書いてあるのですが・・・。
jQueryのスクリプトタグが指定してないのになぜかフッターへ行ってしまう現象
jQuery3.x系に乗り換えようとfuctions.phpにwp_enqueue_scriptを記述しました。
特に何も指定してないのにbody終了タグの前に行ってしまったのです。
プラグインかテーマに原因があると考えて色々探しましたよ、ほんと。
jQuery3.x系に対応させたいのですが
WordPressで標準のjQueryのバージョンは1.x系で、この記事を書いている現在は1.12.4です。
でもjQueryの最新バージョンはというと3系がありまして、ちょっと試したい気持ちになりました。
WordPress自体は互換性を重視して1.x系を使っているのかもしれませんが、これからは3.x系が主流になりそうなで早めに試験的に導入してみようと思います。
PC用とスマホ用のレイアウト切り替えボタンをつくる
WPtouchを使っていた頃にはPC用とスマホ用のレイアウトを切り替えるボタンがありました。
レスポンシブデザインにしてからはいらないかなと思ったんですが、スマホ用のレイアウトではどうしても情報量が少なくなってしまいがちです。
そこでレイアウト切り替えボタンをjQueryで実装してみました。
jQuery slideUp slideDownがうまく動かない現象
個人的に結構悩んだので、そのメモです。
WordPressのカスタムメニューのドロップダウンメニューをslideUpとslideDownでアニメーションにしようと思ったんです。
セレクタが少し違ってたりしますが、コードはだいたいこんな感じです。
HTMLタグを無視して文字列を丸めたい
ブログいじり中に文字列を丸めたいところがありました。
しかし、その文字列にはHTMLタグが含んでいるという。
普通に丸めるとHTMLタグがおかしくなったり、消えちゃったり・・・
ここではそんなことがないようにうまく丸める方法を紹介します。（大嘘）
