20210309

関連記事

デフォルト画像
2018.02.07
hiraku.jsでダメになった

大人しく他のを使いたい 世のHPでは、大抵ドロワーメニューが使われています。 大体上の画像みたいなやつです。 多分、スマホ用のデザインには大抵出現してるんじゃないですかね。 所謂「ハンバーガー」なボタンをタップするとにゅっと出てくるの。 横とか縦とか、色んな方向から現れますね。 その「ドロワーメニュー」を実装する方法は結構あります。 自前で作ることも可能なのですが、ほとんどはプラグインに頼ることが多いでしょう。 簡単ですからね、プラグイン。 ドロワーメニューは自前で用意しようとすると、中々に面倒事が多い気がします。 ・横から出てきたときに現在の位置を記憶する ・メニュー出現中は、メニュー背後が動かないようにする というのが特に厄介。 この辺は「メニュー操作してるときに後ろを動かさないで!」というクライアントが多いせいです。 気持ちはわかるんですけど、面倒なんですよね、基本的に。 そういうのを大体なんとかしてくれるのがプラグインという存在です。 今日ぼくが扱ったのが、人からおすすめされた「hiraku.js」というもの。 こいつが厄介過ぎて、小一時間悩んで他のを使うことに決めました。 なんで? 理由は明快、スマホでの動作が微妙だったから。 気になる人は以下のURLをスマホで見てくださいな。 多分iPhoneじゃないと出ない現象だと思います。 hiraku.jsをテストするページ ※上記ページは2018年10月に見れなくなります。  サーバーが死ぬからです。 公式の基本通りに記述してあります。 特に何をいじってるわけでもないです。 何が悪いの? それは、途中での開閉で「チカッ」とするからです。 わかります? 一瞬画面全体が白くなるんですよね、タップしてメニュー開くと。 これがどうしても直らなくて、結局諦めました。 それ以外は非常に優秀なプラグインだと思ったんですけどね。 もしかして直し方知ってる方とかいますか? いたら教えてください!!!!!!!!!!!!!!!! で、原因がなんなのかと言えば。 恐らくは画面固定のためにwidthとheightを指定しているせい。 iPhoneでタップすると、上下のsafari自身のメニューが出るかと思います。 そこをよーく見ると、白くなってるはず。 要するに、縦幅と横幅を決めてそれ以外をhiddenしてるわけですね。 そのhiddenする瞬間、iPhoneでは一瞬画面に現れてしまうらしい? それのせいで開くたびにチカッとなってしまうってことなんですかね。 これが案外死活問題で、直せないとユーザー的に非常に気になる。 「この程度?」かと思うかもしれませんが、なんとかしてほしいと言われることもあるんですよね。 なのでコイツを泣く泣く諦め、他のプラグインを使うしかなくなったってわけです。 個人的に、上からの距離を取るのにネガティブマージンが使われるのも気になる所。 いや別に悪いわけじゃないんでしょうが、なんとなく気になる。 そもそもネガティブマージンってあんまり使いたくない要素なような。 結論 結論を言えば、他のプラグインを使います!ってことです。 例えばDrawerとかならこの症状なしでちゃんと動いてくれるでしょうし。 チカッとする現象もないはずです。 なんとなくおすすめされて使いましたが、個人的にあんまり使いたくないかなーって。 そんなhiraku.jsくんに殺された2時間。 返して!!!!!!!!!!!!!!!!!!!! それでは今日はここらでサヨウナラー

2019.08.16
wordpressで起きた「更新に失敗しました」問題

hetemlに対してブチ切れる午後5時 今日もせこせこしこしこお仕事三昧。納期が目前に迫っている案件をやっている中突如現れる、「更新に失敗しました」! 失敗しました、じゃねーんだよ。せめて何がエラー起こしているのか原因を記述せよって言うんだよ。その辺親切じゃねえのどうにかしろよ!!! 【事件概要】・WordPress 5.0.2を利用中のサイトにおいて、固定ページの更新が失敗する減少が発生・PHPのバージョンは5.4と古いもので、それが理由でWordPressも古いものを利用していた・hetemlではエラーログを見ることができるが、PHPエラーログには何も表示されず 【行った対応】・hetemlでは特定の記述を.htaccessにすることでPHPバージョンを管理することができるので、7.0に上げてアップデートを実施・原因と思われるプラグイン等を停止、削除 以上が事件の概要です。新規作成は上手くいくのですが、過去の固定ページを更新等しようとするとなぜか「更新に失敗しました」と表示されて更新がされませんでした。記述を削除していってもなぜか失敗するので、実質更新が不可能に。 調査結果と対応策について 結論としては、hetemlが常備しているWAFが原因だったみたいです。以下、原因と対策です。 【根本的な原因】hetemlのWAFが、WordPress5.0以上で実装されたGutenbergの更新機能を攻撃とみなしていたことが原因でした。Gutenbergのみ?更新などの際にJSを使って非同期にしている?らしく、それに使うJSがエラーを吐いていたみたいです。そのため、開発者ツールでconsoleを見てみたら、 api-fetch.min.js ってやつがエラーを起こしていました。ここで止まっていたということですね。 【対応策】調べてみたら過去に記述していた人がいて、hetemlのWAFを通らせるようにしたら直りました。 https://heteml.jp/support/manual/waf/ 上記はhetemlのWAF設定についてです。 hetemlでWAFログを見てみるとわかるのですが、恐らくWordPressの更新処理が攻撃性のあるものとして弾かれてると思います。そのため、その処理を「攻撃ではありません!」と設定する必要があります。 ログに何の処理がエラーになっているか記述されていましたので、それを.htaccessの一番下に記述したら更新できるようになりました。 以上 それでは今日はここらでサヨウナラー

2019.12.19
iosも無事エターナルタワー開幕 #pso2es

Appleの不手際らしい https://twitter.com/sega_pso2es/status/1207263997684146176 公式の情報もそうですが、他のアプリでもアップデート配信が遅れていて色々と影響が出ていた模様。pso2esも例にもれずしてやられてたみたいです。有名所だとぷよクエとかがめちゃくちゃ待たされたとかなんとか。 これだからAppleってやつはいけ好かねえんだ!!!(自分もiPhone) 無事開幕 それはさておき、本日明朝にios版のアップデートも無事配信されました。おかげでエターナルタワーを開幕させることができましたとさ。 仕事が妙に長引いたりデュエプレが始まったりと色々あった関係であまりできていませんが、とりあえず第2層までは終わりました。エターナルタワーのほうは基本的に簡単なステージばかりだと思うので、さっさと終わらせたい所…。 今回のエタワ、悲しいことにサイカ・ヒョウリじゃなくなってました。でもカザミノタチなのでどっちにせよエタワ限定で最大1110%。正直アビリティMAXとか地獄でしかないので多分そこまで頑張りませんが。レベル9くらいまで上げれば他の☆13と同じ性能になるとかなんとか。 というわけで今回の目標はカザミアビ9ということで。 よろしくおねがいたします。