向後とも利用中のlivedoorブログを使用すると決め、https化された環境が提供される事が待ち遠しい。
過日05/27、livedoorブログが最新テンプレートとして「デフォルト2019」を公開したので、利用中のテンプレートとの突合を行ったりの暇つぶしをしていた。
PC版デザインテンプレート「デフォルト2019」を改修しました|ライブドアブログ スタッフブログ
過去記事:livedoorブログ残留:決定 / 新旧テンプレート比較:学 / livedoorブログ整理 / :livedoorブログ:雑感 / livedoorブログのjQuery
 そのアナウンス記事に別件だが「reCAPTCHAを使いたい」的な事をコメントするべく出かけたところ、通りすがり氏のjQueryに関するコメントを拝読した。以下に、一部転記。
<$HeadSectionCommon$>でjquery-1.11.1.min.js をロードしているが、その後の import.js で jquery-1.7.1.min.js をまたロード
<script src="https://parts.blog.livedoor.jp/js/usr/import.js"></script>
との事。livedoorブログに限らず、レンタルブログの殆どでは自社方針でjQueryのバージョンを組み込んでいるようだ。その組み込み方は、各社それぞれの様だが、livedoorブログでは「①.HTMLタグに記述」「②.独自タグから引用する」「③.カスタムJSに書く」という3つの方法があると眺めてきた。
俺のテンプレート改造でjQueryを用いている記述は少なく、影響があるとするならば「上に戻る・下に進むボタンをコピペで設置する方法 - ごろごろし鯛よね~」で利用している程度である。
これまで「②.独自タグから引用する」場合、該当タグを知らずにいたが、通りすがり氏の前記コメントにより解ったので、利用するjQueryを最新バージョンで統一する工事を行ってみた。

しかし以前、大手Webブラウザでは「JavaScriptの廃止」と聞いたが(過去記事:ブラウザ&日本語入力)

.livedoorブログで、jQuery設定をしていると推察する独自タグは<$HeadSectionCommon$>と
.20/06/08時点で、jQuery最新のバージョンは「3.4.1」3.5.0である。
.「上に戻る・下に進むボタン」利用の為、「①.HTMLタグに以下を記述」している(過去記事:新旧テンプレート比較:学)。なお、::beforeごろごろし鯛よね~の記述の儘、::afterはjQueryの版を変更。
::after
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
::before
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
なお、<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">は「出典:うっすら透明な「上に戻る」ボタンのはてなブログ設置法 - あざなえるなわのごとし」のとおり、『アイコンにFontAwesomeを使うので入れる』との事で、以下に使い方。
一行追加するだけ!CSSのみで使えるフォントアイコン【Font Awesome】の使い方とサンプル | はぴすぷ
なお、【保存版】Font Awesomeの使い方:Webアイコンフォントを使おう(19/05/24)によれば「2017年末にリリースされたFontAwesome5」が最新らしく、以下の記述らしいが、俺の環境では不動作也。
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
FontAwesomeは、4.5.0、4.6.1、4.6.3、4.7.0、v5.1.1、v5.6.1と続くらしいが、以下のとおりとした。なお、jQueryの記述は以下の通りカスタムJS内にのみ書くので、HTMLタグとしては不要である。
::最終
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
.カスタムJS内の「head内 … ここに書いた内容は </head>の直前 に追記されます」の設定。
<script src="https://code.jquery.com/jquery-3.4.0.min.js" type="text/javascript"></script>
.俺が現在使用中のlivedoorブログで作動しているjQueryの版を調べた結果、「3.4.0」であった。
という事は、のlivedoorブログ「カスタムJS内」の記述が優先されているという事を承知した。

.以上の試行から、「①.HTMLタグに記述」「②.独自タグから引用する」したjQueryより、「③.カスタムJSに書く」物の方が優先されると独断し、20/06/08、カスタムJS内の「head内」に以下を記述するのみとし、①のHTMLタグは削除した。カスタムJS内での設定は、他よりも優先すると推察する。
.利用中のテンプレート内で「①.HTMLタグに記述」によりjQueryが読みだされている箇所は
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script> (※jQuery 1.11.1)
コメントの設定 - ライブドアブログのヘルプ(PC向け)
によれば「リアクション機能」を利用する為の物らしい。俺は使わない。
参考、ライブドアブログで jQuery がロードされる場合
<!--[if lt IE 9]>
<script src="<$PartsBaseUrl$>/js/html5.js"></script>
<![endif]-->
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>
<script src="https://parts.blog.livedoor.jp/js/usr/import.js"></script> (※jQuery 1.7.1.min.js)

ここまで学習した後WikiPediaのJQuery#リリース履歴を確認したところ(20/04/10)に3.5.0 が公開されている事を知った。しかし、JavaScript#バージョンとブラウザの対応表を見ると古いブラウザは対応していないかも。とは言うものの、livedoorブログのように陳腐化している IE 9 とかをフォローする気にはならない。ということで、一般的に流通している3.4.1にする。CDNの利用先はGoogleにする。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript"></script> ※旧の記述?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

関連記事:livedoorブログに残留:決 / 収録写真の引越し完了 / 混在コンテンツ壊滅作戦 / livedoorブログ整理 / FC2ブログに引越し再考 / https://の信頼度:考 / ブログ引越は見送り / 新旧テンプレート比較:学 / livedoorブログ残留:決定 / :livedoorブログ:雑感 / livedoorブログのjQuery


関連記事(上に戻る・下に進むボタンを新しくした):
CSS:新 / トップページ:新 / 個別記事ページ:新 / カテゴリアーカイブ:新 / 月別アーカイブ:新
上に戻る・下に進むボタンをコピペで設置する方法 - ごろごろし鯛よね~ ※パクリ移し
関連記事(「新デフォルト(3カラム)」の真似をした)
CSS:20 / トップページ:20 / 個別記事ページ:20 / カテゴリアーカイブ:20 / 月別アーカイブ:20 / カスタムJS head内:20