javascript:正規化された(canonical)URLを取得する - サンプルコードと使用例

イントロダクション

Webページの URL をブラウザ側で動的に取得しようとした場合、考慮すべきことがあります。

url:webページの同一性を考える-同じコンテンツでもURLに複数のバリエーションが出来てしまう!
http://upa-pc.blogspot.com/2015/03/url-same-content-or-different.html

javascript:WebページのURLをlocationからではなく、HTML文書中のcanonicalから取得する理由
http://upa-pc.blogspot.com/2015/03/javascript-why-should-get-the-url-from-canonical.html


それを考慮すると、正規化されたURL(link タグの ref 属性に "canonical" が指定されているものの、href 属性の値)を取得したいケースがあります。

Blogger:コード解説：検索キーワードを自動でセット - 検索ページにのみ検索ボックスを表示(display:none方式)

イントロダクション

「Blogger:検索キーワードを自動でセット - 検索ページにのみ検索ボックスを表示(display:none方式)」のソースコードについて解説します。

Blogger:コード解説：検索ページに検索ボックスを表示(display:none方式)

イントロダクション

「Blogger:検索ページにのみ検索ボックスを表示(display:none方式)」で使用したソースコードについて、解説します。

ソースコード解説：文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ

イントロダクション

「文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ」の JavaScript コードについて解説します。


ソースコードの全文は、以下のページに記載してあります。

ソースコード：文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ
http://upa-pc.blogspot.com/2015/02/anime-css-code.html

生成コード解説：文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ

イントロダクション

「文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ」で生成される JavaScript コードについて解説します。


「文字へのスタイルシートの適用結果を、アニメーションで表示するJavaScriptコードジェネレータ」で生成したコードのプレビュー：

こんにちは！

ソースコード解説：スタイル付きテキストを、コピーでブログに張り付け

イントロダクション

スタイルシートによってスタイルを適用した文字を、コピーによってブログに張り付けることのできるサービスのソースコードの解説を記載しました。

スタイル付きテキストを、コピーでブログに張り付けすることのできるサービスを作成しました！
http://upa-pc.blogspot.com/2015/02/css-copy-to-blog.html


そのままのソースコードは、以下のページで公開しています。

ソースコード：スタイル付きテキストを、コピーでブログに張り付け
http://upa-pc.blogspot.com/2015/02/src-css-copy-to-blog-v1.0.html


なお、これは初版(Version1.0)のものであり、今後修正が加わる可能性があります。

プログラムソース:コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲む - ver1.1:Blogger特有の問題の修正

これは何？

以下のページで動作させているプログラムのソースコードです。

Dr.ウーパのコンピュータ備忘録: コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲む : Comma Separated Words to Square-Bracket Separated Words
http://upa-pc.blogspot.jp/p/double-quotes-comma-to-square-bracket.html

入力されたコンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲んだ結果を出力します。

なお、このソースコードは初版(Ver1.0)のBlogger特有の問題を修正したVer1.1です。
その後、修正が行われていれば、現在動作しているプログラムとは異なっている可能性があります。

Bloggerだとページ中のJavaScriptの一部の文字が自動的にエスケープされてしまう。その時に取った対応

イントロダクション

「コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲むサービスを作りました」で公開したプログラムを、実際に Blogger のページに張り付けて運用してみたところ、一部でうまく動作していないことが分かりました。

どうも、全角のダブルクォーテーション(“”)が入力データに入っていると、ちゃんと変換してくれないようです。

Blogger のページに張り付ける前に、パソコンのローカルの html ファイルでテストした時には同じ条件で正常に動作していました。

プログラムソース解説：コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲む - ver1.0

イントロダクション

コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲むプログラムを作成しました。

コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲むサービスを作りました
http://upa-pc.blogspot.com/2015/02/Make-Comma-Separated-Words-to-Square-Bracket-Separated-Words.html


その時に作成したソースコードを以下のページに記載しています。

プログラムソース:コンマ(,)区切りの文字列の要素を、括弧[]でそれぞれ囲む - ver1.0
http://upa-pc.blogspot.com/2015/02/Src-Comma-Separated-Words-to-Square-Bracket-Separated-v1.0.html

今回は、そのプログラムのソースコードについて、どのような意図でそのようなコードを書いたのか記載します。

Internet Explorerのバージョンをレジストリから取得するバッチファイルについて

イントロダクション

「現在使用しているInternet Explorerのバージョンをテキスト形式で取得したい」にて、Internet Explorerのバージョンをレジストリから取得するバッチファイルの使い方について解説しました。

ここでは、そこで使用したInternet Explorerのバージョンをレジストリから取得するバッチファイルの中身について、解説します。

Blogger:「次の投稿・前の投稿」にページタイトルを付与する-Feedから情報取得-発生した困難

イントロダクション

Google のブログサービス「Blogger」において、「次の投稿・前の投稿」にページタイトルを付与する JavaScript コードを作成する際に発生した困難について、ここに書き記しておきます。

Blogger:「次の投稿・前の投稿」にページタイトルを付与する-Feedから情報取得-コード解説

イントロダクション

Google のブログサービス「Blogger」において、「次の投稿・前の投稿」にページタイトルを付与する JavaScript コードを作成しました。

ここでは、その JavaScript コードについて、詳細に解説します。