WordPressの記事が正しく表示されない!更新が途絶えたプラグインを更新【Crayon Syntax Highlighter】

ある日、このブログの記事が表示されなくなってしまいました!
こんな感じ↓

きっとどれかのプラグインが悪さをしてると思い、一つずつ無効にして確認してみたら、原因は「Crayon Syntax Highlighter」というプラグインでした。「Crayon Syntax Highlighter」はソースコードをキレイに表示してくれるプラグインで、このブログでも大変お世話になっています。↓こんな感じでソースコードを見栄え良くしてくれます。

しかし、このプラグインなんと3年以上まえに更新が止まっていました。WordPressのバージョンアップに追いついて更新しなくなってしまっていました。そういえば、長らくプラグインの更新画面にでていなかったな ( ;´Д`)  かといって記事を100本以上書いている手前、今更このプラグインを削除することもできず。。。。

有志で更新されたプラグインを入手!

「Crayon Syntax Highlighter」プラグインは、GitHubで、有志の方が現在も更新しています。ありがたやありがたや。
いくつかforkされているようですが、私はここのリポジトリから拝借させていただきました。ありがたやありがたや。
https://github.com/Crunchify/crayon-syntax-highlighter/releases

インストール手順

まずは、上記URLにアクセスしてプラグインをダウンロードします。以下の赤枠部分です。

そして、WordPressの管理画面で以下のボタンからプラグインのZIPファイルをアップロードするだけです。

自分も何か役に立つものを作ってGitHubで公開して貢献したいなと思った出来事でした σ(‘v`◎)


[JavaScript] ブラウザの戻るボタンを無効化する

ブラウザの戻るボタンを無効化する方法を調査したので、そのときのメモ。

クライアントサーバシステムだった社内システムをWEBシステムにリプレースする案件でこういった要件を見かける。顧客は、クラサバのときの使い心地をそのままにWEBシステムにしようとするので、こんな要件がでてしまう。

少し前まで完璧にはできなかったようだが、最近になってHTML5+jQueryの組みあわせでできるようになったみたい。

〇サンプルソースはこちら

https://jsfiddle.net/saimjcf/5atzrp26/

「RUN」を押下すると、JavaScriptがロードされるので、ブラウザの戻るボタンを押してみてください。無効になっていて、画面遷移が発生しないはず。

この中でブラウザの戻るボタンを無効化しているのは以下の部分です。

〇仕組みの話

まず、上記サンプルソースが画面上にロードされると、history.pushState(null, null, null)メソッドでブラウザの履歴の先頭に新しい履歴を一つ追加します。このとき第3引数がnullなので、追加された履歴は自分自身を指していることになります。

そして、戻るボタンが押下されたら”popstate”イベントが発生しますので、その”popstate”イベントが発生したときの処理として、再度history.pushState(null, null, null)を実行して、ブラウザの履歴の先頭に新しい履歴を一つ追加します。要は、ブラウザの履歴を操作しています。

hisotry APIの詳細はこちら
https://developer.mozilla.org/ja/docs/Web/Guide/DOM/Manipulating_the_browser_history

※サンプルソースは、Firefox、Google Chrome、IEのみで動作確認しました。


2019/5/20(月) Mr.Children Dome Tour 2019 “Against All GRAVITY”

セットリスト

2019.5.20 東京ドーム

1.Your song
2.Starting Over
3.himawari
4.everybody goes ~秩序のない現代にドロップキック~
5.HANABI
6.Sign
7.名もなき詩
8.CANDY
9.旅立ちの唄
10.ロードムービー
11.addiction
12.Dance Dance Dance
13.Monster
14.SUNRISE
15.Tomorrow never knows
16.Prelude
17.innocent world
18.海にて、心は裸になりたがる

【アンコール】
19.SINGLES
20.Worlds end
21.皮膚呼吸

月曜でも東京ドームをパンパンにしてしまうミスチルさすが!

生で聞いたことの無い曲が多く(特にSUNRISE)、個人的に大満足のセトリでした~

http://tour.mrchildren.jp/dome_stadium/