そのブログはいつから始まった？ブログの開設日を知る方法

イントロダクション

インターネット上の情報を見ていると、ブログ形式で運用されているWebページにたどり着くことがよくあります。

そのブログがいつから開始されたのか気になることってありませんか？


今回は、ブログの開始日（開設日）を知るための方法について考えてみます。

Blogger:ガジェットのタイトルの背景に画像を設定する方法

イントロダクション

Google のブログサービス「Blogger」にて、ガジェットの背景に画像を設定する方法について記載します。

Blogger:レイアウトの画面が新しくなった？ウィジットを囲んでいるセクションのidが表示されるようになった

イントロダクション

先ほど、Google のブログサービス「Blogger」の設定画面を見たところ、レイアウトの画面に違和感を感じました。

以前は表示されていなかったセクションの id が表示されるようになっています！

Blogger:テンプレートのHTMLに新しい機能が追加されました!条件式の複数条件サポートや三項演算子など。今までよりもテンプレートのHTMLをシンプルに記載できるかも!

イントロダクション

Google のブログサービス「Blogger」ですが、最近テンプレートのHTMLに新しい機能が追加されました。

Blogger テンプレートのウィジェットタグに新しい表現方法が登場 | クリボウの Blogger Tips 
http://www.kuribo.info/2015/05/blogger-widget-tag-expressions.html

Blogger:HTML/JavaScriptガジェットを、投稿ページのみに表示する方法

イントロダクション

Google のブログサービス「Blogger」にて、HTML/JavaScript ガジェットをブログの全ページではなく、投稿ページでのみ表示したいことってありますよね。

今回は、特定のガジェットをトップページでのみ表示する方法について記載します。

ブログ:一度書いた記事は自分の資産になる - 過去の記事へのリンクをはることで、詳しい言及が不要になる

イントロダクション

ある物事を説明するときには、それを説明するために必要な情報量があります。

例えば、パソコンについて詳しくない人に対して、パソコン上で動作するソフトウェアを実際に作れる状態になるまでのことを全て説明することを考えてみましょう。

Blogger:モバイル表示では、指を左右にフリックすると、前後の記事へ移動します

イントロダクション

Google のブログサービス「Blogger」のブログをスマートフォンなどのモバイル端末で見た時に気が付いたことがあります。

それは、閲覧しているページにて、指を左右にフリックすると、その記事の「前の記事」や「次の記事」に移動することです。

LinkWithin:関連記事を横に2つずつ並べる

イントロダクション

ブログ内の関連記事を一覧で表示してくれる「LinkWithin」というブログへ埋め込めるサービスがあります。

以前、LinkWithin にスタイルシート(CSS)を適用して、関連記事の一覧を一般的な横並びではなく、縦並びにしてみました。

LinkWithinの記事一覧を横ではなく縦に表示したい！CSS変更でやってみた！
http://upa-pc.blogspot.com/2015/02/linkwithin-css-posts-vertical.html
Dr.ウーパのコンピュータ備忘録

今回は、その時の知見を活かして、関連記事を横に 2 つずつ並べるように、CSS を適用してみます。

Google Analytics:デスクトップ・モバイル・タブレットのセッションの数の推移をグラフに表示する

イントロダクション

近年、高性能なスマートフォンやタブレットの普及に伴い、Webページへのアクセスも従来のパソコンからのアクセスだけではなく、スマートフォンやタブレットからのアクセスがどんどん増えています。

大手サイト、PCからのアクセスは軒並み2けたの減少率　楽天、Amazonなどスマホが逆転　ニールセン調査 - ITmedia ニュース
http://www.itmedia.co.jp/news/articles/1412/16/news115.html

さて、自分自身が管理しているWebサイトやブログに対して、どんなデバイスでアクセスが行われているのか気になるものです。

Webサイトやブログのアクセス解析として、Google Analytics を用いていれば、どんなデバイスでアクセスされているのか、様々なデータを見ることができます。

今回は、デスクトップ・モバイル・タブレットそれぞれのアクセス数の推移を、グラフとして表示する方法について記載します。

検索技術：ブログ・サイト内の全画像を列挙して、画像から記事を探す方法

イントロダクション

（もやもやっと、頭の中にうっすら記憶がある）あの画像が使われていた Web ページを見たいのに、見つからないってことありますよね。


「Webサイトやブログ内のリンクをたどっても見つからないし、サイト内検索をしても見つからない！」

「ああ、頭の中にぼやっと、記事の中で使われていた画像のイメージがあるのに、あの記事はどこにあるんだろう！」


そんなお悩みを解決する方法の一つに、Google の画像検索にて、サイト内全体を対象として検索を実施する方法です。

インターネット上の情報に必須の情報：情報の公開日

イントロダクション

インターネット上には、日々新しい情報が続々とアップロードされています。
その一方、情報が公開されてから更新されないページもどんどん蓄積されていきます。

その時に、利用者として困るのが、その情報がいつの情報なのかわからないという点です。

Webページの作成・更新日時を知るために、足掻く12つの方法

イントロダクション

インターネット上の情報は、その制作者・配信者が作成日時や更新日時を公開しない限り、正確な作成日時・更新日時を知るすべがありません。


そんな Web ページの作成・更新日時が表示されていない状況でも、Web ページの公開・更新日時を知るために、何とか足掻く方法はないかと方法を考えてみました。

但し、あくまで目安程度の情報であり、確実にWeb ページの公開・更新日時を知る方法はありません。

ブログ/Webページの一部を新しいウィンドウで表示したい! そんな時は、JavaScriptを使って新しいウィンドウへHTMLを書き出そう！

イントロダクション

ブログ上では、レイアウトが決まっているため、大きなサイズのコンテンツは扱いづらいです。


特に、横幅はたいてい固定されているうえに、サイドバーなどがあるため、大きなコンテンツは縮小して配置するか、狭い領域に配置する工夫が必要になります。

コンテンツのなかでも、特に表のような幅が広いコンテンツは、配置するのが面倒です。


Webページでも、本文とその他の部分でコンテンツのサイズが固定されている場合には、大きなサイズのコンテンツは扱いづらいです。


そんな時は、ブログの本文中では、収まらなかった部分をスクロールで見せるようにしておき、新しいウィンドウでそのコンテンツ全体を見せる方法があります。

日本国内のブログの調査統計資料まとめ - 時系列に統計資料を列挙

イントロダクション

誰でも簡単にインターネット上に情報を発信することのできるブログですが、全国的にどのように利用・閲覧されているのか気になります。


インターネット上の検索してみると、ブログの利用・閲覧状況について、いろいろな調査・統計処理結果が見つかります。


しかしながら、それらの情報はインターネット上に離散的に存在するため、なかなか意図したブログについての調査資料・統計資料が見つからないこともあります。

特に、近年のブログの利用・閲覧状況を知りたくても、なかなかその目的合致した調査資料・統計資料が見つからないこともあります。


そこで、これまで（2015/4/13 現在まで）にインターネット上に公表されたブログの利用・閲覧状況を調査・統計処理したデータを、時系列にまとめてみました。

Blogger:アップロードした画像の、取得時の画像サイズを動的に変更するための、JavaScriptコード

イントロダクション

Google のブログサービス「Blogger」にて、アップロードした画像の、取得時のURLのパターンと、動的に取得サイズを変更する方法について調べてみました。

Bloggerでアップロードした画像ファイルの、URLのパターン
http://upa-pc.blogspot.com/2015/04/blogger-image-url.html
Dr.ウーパのコンピュータ備忘録

Bloggerでアップロードした画像を、サーバから配信される画像のサイズを指定して表示する方法
http://upa-pc.blogspot.com/2015/04/blogger-image-url-change-size.html
Dr.ウーパのコンピュータ備忘録

今回は、それらの知見を活かして、アップロードした画像の、取得時の画像サイズを動的に変更するための、JavaScriptコードを作成してみました。

Blogger:JavaScript:投稿に付与されたラベルを取得する

イントロダクション

Google のブログサービス「Blogger」にて、投稿に付与されたラベルの一覧を取得して、JavaScript で処理をしたい場合ってありますよね。

それを実現する方法はいくつかあります(*1)が、今回は投稿に付与されているラベルの一覧を動的に取得する方法を実装してみます。

*1:

• 投稿に付与されているラベルを取得（今回の方法）
• Blogger のテンプレートの HTML のレイアウトデータから取得
• Feed から取得

など。

検索技術:Bloggerにて、各月に投稿された、全ユーザの記事数を調べる

イントロダクション

以前、検索エンジンを使用して、Googleのブログサービス「Blogger」にてブログを運用しているブログを発見する方法について記載しました。

検索技術:Bloggerでブログを運営しているブログを発見する方法
http://upa-pc.blogspot.com/2015/03/find-blogger-blog-by-search.html
Dr.ウーパのコンピュータ備忘録

今回は、その方法を応用して、Blogger にて、任意の年・月に投稿された、全ユーザの記事数を調べる方法について考えてみます。

Bloggerでアップロードした画像を、サーバから配信される画像のサイズを指定して表示する方法

イントロダクション

Google のブログサービス「Blogger」でアップロードした画像には、ある種の規則性があることを「Bloggerでアップロードした画像ファイルの、URLのパターン」にて記載しました。

その中で、画像を取得するための URL 内に、画像のサイズを指定する文字列が含まれていることに言及しました。

そして、一つの画像をアップロードしておけば、その画像のURLに含まれる画像のサイズを指定する文字列を変更することで、サーバサイドで任意の画像サイズに加工してくれるため、ネットワーク帯域の節約になり、表示を高速化することが出来るという点も言及しました。


そこで、今回はBloggerでアップロードした画像を、サーバから配信される画像のサイズを指定して表示する方法とそこで指定できる画像サイズと種類についてまとめてみました。

Bloggerでアップロードした画像ファイルの、URLのパターン

イントロダクション

Google のブログサービス「Blogger」 にて画像をアップロードすると、その画像にアクセスするためには、次のような URL が与えられます。

例）次の画像の場合
画像

画像のURL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0EZ2VEQccPi8ZOloaWMSRv2WvAIlrI2smCJTNZcP2rgzPyB9ncFFWMdSCUF9uiOupNWBfytYcZyYKrQY-EcF11O8Y5e7KTrm1dCFmMr1TpxKLxffGfsvzTUCgQSnlPBZs6W_WSO1e-M/s1600/simple_eye_catch_1_1_0_TEST.png


※ (2017/6/18 追記) 少し前から、記事へ画像を挿入した場合には、https がデフォルトになっているようです。httpでもアクセスは可能のようです。


いくつかの Blogger にアップロードした画像ファイルの URL を見てみると、ある種の規則性があることが分かってきました。

過去のBloggerブログ投稿の紹介リンク作成サービス(ver0.1.7)を運用して、見えてきた課題

イントロダクション

今から 1 週間程度前に、自分自身の Blogger の過去の記事へのリンクを、ビジュアル的にイイ感じに装飾して、投稿に埋め込むための HTML コードを生成するサービスを試験的に運用しています。

Blogger:過去の記事をタイトル・サムネイル付きで紹介したい！:プロトタイプ(Ver0.1)公開 - Blogger過去記事紹介リンク作成シリーズ
http://upa-pc.blogspot.com/2015/03/v0-1-past-blogger-blog-post-link.html
Dr.ウーパのコンピュータ備忘録

上の紹介用リンクも、そのサービスを使って生成したリンクです。


初期のバージョンとしては、なかなか使いやすいものだと思っていますが、使っている中で見えてきた課題もあります。

そこで、今回はその課題を整理してみようと思います。