galife

C# で XML のシリアライズとデシリアライズ

JavaScript のサニタイジング

machineKey の生成ツール

ASP.NET MVC + Web API でフォーム認証の実装

jasmine 日本語 API リファレンス (jasmine)

Untitled Page

概要

名前空間

<namespace>	util Jasmineで利用するユーテリティ関数、クラスを保持します。
<namespace>	Clock Jasmineで利用するタイマーに関する関数、クラスを保持します。

プロパティ

<private>	undefined : undefined undefined は他の場所で上書きされている場合があるため、必ずundefined の代わりに jasmine.undefined を利用してください。
<private>	VERBOSE : boolean このプロパティが true に設定されている場合、診断メッセージをコンソールへ出力します。
<private>	DEFAULT_UPDATE_INTERVAL : number イベントループを実行するデフォルトインターバルミリ秒（ネットワークアクティビティを許可したり、HTMLベースのランナーをで画面をリフレッシュする場合など）。小さな値を設定するとテスト実行が遅くなることがあります。 0 は更新されないことを意味します。
<private>	DEFAULT_TIMEOUT_INTERVAL : number waitsFor() ブロックで、タイムアウトするデフォルトインターバルミリ秒。
<private>	version_ : object

メソッド

<private>	unimplementedMethod_ : void
<public>	getGlobal() : object グローバルオブジェクトを取得します。
<public>	setTimeout(code, delay) : number 指定された遅延の後に、コードの断片または関数を実行します。
<public>	clearTimeout(timerId) : void `setTimeout` によって設定された遅延を解除します。
<public>	setInterval(code, timeout) : number 一定の遅延間隔を置いて関数を繰り返し呼び出します。
<public>	clearInterval(timerId) : void `setInterval` によって設定された繰り返し処理を解除します。
<public>	getEnv() : jasmine.Env `jasmine.Env` インスタンスを取得します。
<public>	pp(value) : string 結果表示用に文字列整形します。
<private>	isArray_(value) : boolean 指定されたオブジェクトが配列かどうかを返します。
<private>	isString_(value) : boolean 指定されたオブジェクトが文字列かどうかを返します。
<private>	isNumber_(value) : boolean 指定されたオブジェクトが数値かどうかを返します。
<private>	isA_(typeName, value) : boolean 指定されたオブジェクトが指定された型かどうかを返します。
<public>	isDomNode(obj) : boolean 引数が DOM要素の場合、 true を返します。
<public>	any(clazz) : jasmine.Matchers.Any マッチ可能なクラス型の "一般"オブジェクトを返します。
<public>	objectContaining(clazz) : jasmine.Matchers.objectContaining マッチ可能な JSONオブジェクトのサブセットを返します。
<public>	createSpy(name) : jasmine.Spy Spy オブジェクトを生成します。
<public>	isSpy(putativeSpy) : boolean オブジェクトが jasmine.Spy オブジェクトかどうか判定します。
<public>	createSpyObj(baseName, methodNames) : Array より複雑な Spy オブジェクトを生成します。
<public>	log() : void 全パラメターの文字列整形が終わった後、現在のスペックを書き出します。

クラス

<public>	MessageResult
<public>	ExpectationResult
<public>	XmlHttpRequest
<public>	Spy スタブ、スパイ、フェイク、またはモックとして動作するテストの代役クラス。
<public>	Env
<public>	Reporter
<public>	Block
<public>	JsApiReporter
<public>	Matchers マッチャーに関する関数、オブジェクト。
<public>	FakeTimer
<public>	MultiReporter
<public>	NestedResults
<public>	PrettyPrinter
<public>	StringPrettyPrinter
<public>	Queue
<public>	Runner
<public>	Spec
<public>	Suite
<public>	WaitsBlock
<public>	WaitsForBlock

詳細

getGlobal メソッド

グローバルオブジェクトを取得します。

構文：

public {void} getGlobal (
)

パラメタ：

: なし。

戻り値：

{object}: グローバルオブジェクト。 window に同じ。

setTimeout メソッド

指定された遅延の後に、コードの断片または関数を実行します。

構文：

public {number} setTimeout (
    {function}  code,
    {number}    delay
)

パラメタ：

{function}code: delay ミリ秒後に実行したい関数。
{number}delay: 関数呼び出しを遅延させるミリ秒(1/1000 秒)。実際の呼び出しはこれより長くなる場合がある。

戻り値：

{number}: タイマーを特定する ID。

clearTimeout メソッド

setTimeout によって設定された遅延を解除します。

構文：

public {void} clearTimeout (
        {number}    timerId
)

パラメタ：

{number}timerId: 解除したいタイマー ID。

戻り値：

{void}: なし。

setInterval メソッド

一定の遅延間隔を置いて関数を繰り返し呼び出します。

構文：

public {number} setTimeout (
    {function}  code,
    {number}    delay
)

パラメタ：

{function}code: delay ミリ秒間隔で繰り返し実行したい関数。
{number}delay: 関数呼び出しを実行させる間隔ミリ秒(1/1000 秒)。

戻り値：

{number}: タイマーを特定する ID。

clearInterval メソッド

setInterval によって設定された繰り返し処理を解除します。

構文：

public {void} clearInterval (
        {number}    timerId
)

パラメタ：

{number}timerId: 解除したいタイマー ID。

戻り値：

{void}: なし。

getEnv メソッド

jasmine.Env インスタンスを取得します。

構文：

public {jasmine.Env} getEnv (
)

パラメタ：

: なし。

戻り値：

{jasmine.Env}: jasmine.Env インスタンス。

pp メソッド

結果表示用に文字列整形します。
あらゆるオブジェクトを引数にとり、読みやすい文字列に整形して返します。

構文：

public {string} pp (
    {object}    value
)

パラメタ：

{object}value: 結果表示用に整形したいオブジェクト。

戻り値：

{string}: 整形された文字列。

isArray_ メソッド

指定されたオブジェクトが配列かどうかを返します。

構文：

public {boolean} isArray_ (
    {object}    value
)

パラメタ：

{object}value: 判定したいオブジェクト。

戻り値：

{boolean}: 引数が配列の場合 true、それ以外の場合 false。

isString_ メソッド

指定されたオブジェクトが文字列かどうかを返します。

構文：

public {boolean} isString_ (
    {object}    value
)

パラメタ：

{object}value: 判定したいオブジェクト。

戻り値：

{boolean}: 引数が文字列の場合 true、それ以外の場合 false。

isNumber_ メソッド

指定されたオブジェクトが数値かどうかを返します。

構文：

public {boolean} isNumber_ (
    {object}    value
)

パラメタ：

{object}value: 判定したいオブジェクト。

戻り値：

{boolean}: 引数が数値の場合 true、それ以外の場合 false。

isA_ メソッド

指定されたオブジェクトが指定された型かどうかを返します。

構文：

public {boolean} isA_ (
    {string}    typeName,
    {object}    value
)

パラメタ：

{string}typeName: 判定したい型名称。
{object}value: 判定したいオブジェクト。

戻り値：

{boolean}: 引数が指定された型の場合 true、それ以外の場合 false。

isDomNode メソッド

引数が DOM要素の場合、 true を返します。

構文：

public {bolean} isDomNode (
    {object}    obj
)

パラメタ：

{object}obj: DOM要素かどうか調べたいオブジェクト。

戻り値：

{boolean}: DOM要素かどうか。

any メソッド

マッチ可能なクラス型の "一般"オブジェクトを返します。値を気にしない型の判定で使います。

構文：

public {jasmine.Matchers.Any} any (
    {function}  clazz
)

パラメタ：

{function}clazz: クラスオブジェクト。

戻り値：

{jasmine.Matchers.Any}: マッチ可能な jasmine.Matchers.Any オブジェクト。

サンプルコード：

// 関数が呼び出されたことだけを調査し、その他は無視します。
expect(mySpy).toHaveBeenCalledWith(jasmine.any(Function));

objectContaining メソッド

マッチ可能な JSONオブジェクトのサブセットを返します。オブジェクトの全属性を気にしない判定で使います。

構文：

public {jasmine.Matchers.ObjectContaining} objectContaining (
    {object}    sample
)

パラメタ：

{object}sample: サンプルオブジェクト。

戻り値：

{jasmine.Matchers.Any}: マッチ可能な jasmine.Matchers.ObjectContaining オブジェクト。

サンプルコード：

// オブジェクト プロパティ "foo" のみを調べて、他は無視します。
expect(mySpy).toHaveBeenCalledWith(jasmine.objectContaining({foo: "bar"});

createSpy メソッド

Spy オブジェクトを生成します。

構文：

public {jasmine.Sply} createSpy (
        {string}    name
)

パラメタ：

{string}name: Spy オブジェクトの名称。

戻り値：

{jasmine.Spy}: jasmine.Spy オブジェクトインスタンス。

isSpy メソッド

オブジェクトが jasmine.Spy オブジェクトかどうか判定します。

構文：

public {boolean} isSpy (
    {object}    putativeSpy
)

パラメタ：

{object}putativeSpy: 判定したいオブジェクト。

戻り値：

{boolean}: jasmine.Spy オブジェクトの場合 true、その他の場合 false。

createSpyObj メソッド

より複雑な Spy オブジェクトを生成します。すべてのプロパティが Spyオブジェクトで成り立つオブジェクトを生成します。
大きなスタブを生成したい場合に利用します。
baseName + methodName の Spy オブジェクトを大量生成します。

構文：

public {object} createSpyObj (
        {string}    baseName,
        {string[]}  methodNames
)

パラメタ：

{string}baseName: Spyオブジェクトの基本名。
{string[]}methodNames: Spyオブジェクトを生成したい関数名の配列。

戻り値：

{object}: すべてのプロパティが Spyオブジェクトで成り立つオブジェクト

log メソッド

全パラメターの文字列整形が終わった後、現在のスペックを書き出します。
jasmine.log は製品コード中で利用しないでください。

構文：

public {void} log (
)

パラメタ：

: なし。

戻り値：

{void}: なし。

JavaScript でクエリストリングを取得 & 分解 & 整形する方法

ASP.NET MVC でフォーム認証の実装方法

認証（Authentication）と承認（Authorization）の違い

ASP.NET Web API のルーティング

ASP.NET Web API におけるクエリパラメーターとメッセージボディーのバインド

ASP.NET Web API で DataContract の利用

ASP.NET Web API でレスポンスヘッダーの設定

Web API を利用していると、簡単にレスポンスヘッダーを調整することができます。ほとんどは HttpResponseMessage クラス の設定で処理を行います。以下に、ケース別の具体例を掲載します。

Content-Type の書き換え
ステータスコードの書き換え
カスタムレスポンスヘッダー

Content-Type の書き換え

何も設定しない場合、application/json になるので、ここでは text/plain に設定する例を掲載します。

namespace WebService
{
    using System.Text;
    using System.Web;
    using System.Web.Http;

    public class SampleController : ApiController
    {
        public string Get()
        {
            var response = this.Request.CreateResponse(HttpStatusCode.OK);

            response.Content = new StringContent("Hello World.", Encoding.UTF8, "text/plain");

            return response;
        }
    }
}

ステータスコードの書き換え

namespace WebService
{
    using System.Web;
    using System.Web.Http;

        public HttpResponseMessage Post()
        {
            try
            {
                // 何か処理

                return this.Request.CreateResponse(HttpStatusCode.OK);
            }
            catch
            {
                return this.Request.CreateErrorResponse(HttpStatusCode.InternalServerError, "エラーメッセージ");
            }
        }
}

カスタムレスポンスヘッダー

namespace WebService
{
    using System.Web;
    using System.Web.Http;

    public class SampleController : ApiController
    {
        public HttpResponseMessage Options()
        {
            var response = this.Request.CreateResponse(HttpStatusCode.OK);

            response.Headers.Add("Access-Control-Allow-Origin", "*");
            response.Headers.Add("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
            response.Headers.Add("Access-Control-Max-Age", "1728000");

            return response;
        }
    }
}

今回、以下のサイトを参考にしました。

ASP.NET Web API で独自フィルターの実装方法

ASP.NET Web API チュートリアル

GitHub でプルリクエストをマージする方法

クロスドメイン制約を XmlHttpRequest level 2 で回避（プリフライト）

JavaScript で関数を文字列化する方法

「文字列で記載された関数を実行する」方法は eval を使いますが、ここではその逆「関数を文字列化する方法」を記載します。

関数の文字列化

サンプルコード（関数 → 文字列）

var actFunc, strFunc;

// 関数の実態
actFunc = function (a, b) {
    return a * b;
}; 

// 関数の文字列化
strFunc = '' + actFunc;

// 試しに表示してみる...
window.alert(strFunc);

クロスドメイン制約を document.domain の変更で回避

Blogger に pocket の "pocket" ボタンを設置する方法

Blogger にはてなブックマークの "B!" ボタンを設置する方法

Blogger に google の "+1" ボタンを設置する方法

Blogger に facebook の "いいね" ボタンを設置する方法

Blogger に twitter の "ツイート" ボタンを設置する方法

Blogger にソーシャルボタンを設置する方法

JavaScript タッチイベント（MSIE）

Internet Explorer 10 以上で対応しているタッチイベント。 "タッチイベント" と表記しましたが、IE ではマウス、タッチ、およびペンを一元的に Pointer イベント として扱います。ここでは IE の Pointer イベント についてまとめます。

ちなみに･･･IE10 は、Chrome 等で対応している touch イベント に対応してないようです。。そのイベント発生の取り回し方もやや違うようで、MSIE で複数タッチを利用する際は要注意です。具体的な違いは、IE では touchmove 相当の MSPointerMove がタッチの数ずつ発生し、それらを実装側で観測（pointerid を利用して識別）しなければならない点です。

※ webkit の touch イベントについてはこちら。

Pointer イベント対応有無の確認

ブラウザが Pointer イベント が利用可能かどうか以下の JavaScriptコードで確認します。

if (window.navigator.msPointerEnabled) {
    // "Pointer" イベント が利用可能
}

デフォルトのタッチ動作を無効化

IE はデフォルトでパン、ピンチによるズーム、スワイプによる前/後ろページへ移動等ができます。･･･できてしまう、が正しいんでしょうか？他のブラウザではできないので、すべて無効化します。無効化は以下の CSS 設定で可能です。

html, document, body
{
    -ms-touch-action: none; 
}

JavaScript タッチイベント（webkit）

WCF Web サービスにおけるレスポンスヘッダーの設定方法

UserAgent を用いた IE11 の判別方法

（2015/01/04 Windows 10 Technical Preview の useragent を追記）
（2013/10/22 jQuery プラグインでも判定できるようにしました。元記事はこちら。）

Internet Explorer 11 から UserAgent 文字列が変更になるそうです（詳細はこちら）。その結果、今まで MSIE を使った Internet Explorer の判別が出来なくなります。これでは困るので、従来の IE も含めて IE であることを判別できる JavaScript を以下で記載します。

IE11 の UserAgent サンプル

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko

Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; Tablet PC 2.0; rv:11.0) like Gecko

Mozilla/5.0 (Windows NT 6.4; WOW64; Trident/7.0; .NET4.0E; .NET4.0C; rv:11.0) like Gecko

全 IE 判定サンプルコード

var ua, isIE, array, version;

// UserAgetn を小文字に正規化
ua = window.navigator.userAgent.toLowerCase();

// IE かどうか判定
isIE = (ua.indexOf('msie') >= 0 || ua.indexOf('trident') >= 0);

// IE の場合、バージョンを取得
if (isIE) {
    array = /(msie|rv:?)\s?([\d\.]+)/.exec(userAgent);
    version = (array) ? array[2] : '';
}

Function.prototype.bind を用いたイベントのアタッチ、デタッチ

クロスドメイン制約を JSONP で回避（WCF + jQuery）

WCF を利用した RESTful Web サービスの作成

クロスドメイン制約を JSONP で回避（ASP.NET MVC + jQuery）

クロスドメイン制約をサーバー設定で回避

IE8, IE9 環境において jQuery でクロスドメイン通信する方法

XDomainRequest と XMLHttpRequest level 2 の違い

Ajax クロスドメインリクエスト制約

Chrome の UserAgent まとめ

Chrome 11 以降の UserAgent に関して調べてみたので、ここにまとめます。プラットフォーム周りが知りたかったのですが、どうも Internet Explorer と互換するようです。

Chrome 11 以降まとめ

Windows バージョン関係は Internet Explorer と互換…
Windows NT x.xでプラットフォームが分かる。
- Windows NT 6.2 の場合、Windows 8
- Windows NT 6.1 の場合、Windows 7
- Windows NT 6.0 の場合、Windows Vista
- Windows NT 5.1 の場合、Windows XP
64bit OS 上で動作する場合、OS トークンの後に以下のトークンを記載。
- 32bit ビルドで動作する場合 WOW64
- 64bit ビルドで動作する場合 Win64; x64
- Itanium で動作する場合 Win64; IA64

サンプル

32bit Windows 7 - 32bit Chrome 28

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.72 Safari/537.36

64bit Windows 7 - 32bit Chrome 28

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.72 Safari/537.36

64bit Windows 7 - 64bit Chrome 28

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.72 Safari/537.36

Mac OS X

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.151 Safari/535.19

Linux

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.16 Safari/534.24

今回、参考にしたサイトは以下の通りです。

Blogger 記事を一覧表示するページの作成方法

Blogger の記事一覧を表示するページを作成します。ここで紹介する方法では、ソート順（タイトル名、公開日付、更新日付）、表示方法（一覧、ラベル別）を任意に指定できます。また、各要素にクラス名が割り振られているので、好きな表示を簡単に実現できます。

とりあえず自分のブログで試したい方はデモページ（日本語）をご利用ください。

（…いくつかのブログで "記事一覧を表示する方法" が記載されていましたが、個人的にしっくりこなかったので新しく作ってしまえ、という経緯です。。）

作成手順
説明
更新履歴

作成手順

Blogger の左メニューから [ページ] を選択します。
[新しいページ] を選択します。

編集ページにおいて、以下のソースコードをコピーして貼り付けます。

<script type="text/javascript">
var POSTSTOC_SETTINGS = {
    blogURL: 'garafu.blogspot.jp',  // Blogger の ドメイン を設定
    maxResults: Infinity,           // 最大受信記事数 を設定。Infinity ですべての記事を受信
    sort: {
        key: 'published',           // ソートキー [title, published, updated]
        order: 'default'            // ソート順 [default, asc, desc]
    },
    printby: 'title',               // 表示方法 [title, label, label.nameorder, label.contentsorder]
    newPost: {
        enabled: true,              // 新着記事アイコンを表示するかどうか
        symbol: 'NEW !',            // 新着記事の表示文字列
        term: 30                    // 新着記事判定する日数
    },
    thumbnail: {
        enabled: true,              // サムネイル表示するかどうか
        noImageURL: '//garafu.github.io/blogger.toc/release/0.0.5/noimage.png'
                                    // サムネイルが存在しないときに割り当てる画像
    },
    published: {
        enabled: true,              // 公開日を表示するかどうか
        format: 'yyyy/MM/dd'        // 公開日のフォーマット
    },
    updated: {
        enabled: true,              // 更新日を表示するかどうか
        format: 'yyyy/MM/dd'        // 更新日のフォーマット
    }
};
</script>
<link rel="stylesheet" type="text/css" href="//garafu.github.io/blogger.toc/release/0.0.12/simple.css" />
<script type="text/javascript" src="//garafu.github.io/blogger.toc/release/0.0.12/blogger.toc.min.js"></script>

以下の設定を変更します。細かな設定に関しては後述の説明をご確認ください。

blogURL	Blogger のドメインを設定します。
sort.key	記事ソート順を [title, published, updated] から設定します。デフォルト published。 title ：記事の名前をキーとしてソート published ：投稿日をキーとしてソート updated ：更新日をキーとしてソート
printby	表示方法を [title, label, label.nameorder, label.contentsorder] から設定します。デフォルト label。 title ：記事を一覧 label ：ラベル別に記事を一覧 label.nameorder ：ラベル別に記事を一覧。ラベルはラベル名の昇順にソート。 label.contentsorder ：ラベル別に記事を一覧。ラベルはラベルに含まれる記事が多い順にソート。
thumbnail.enabled	サムネイルを表示するかどうかを設定します。デフォルト false 。
published.enabled	公開日を表示するかどうかを設定します。デフォルト false 。
updated.enabled	更新日を表示するかどうかを設定します。デフォルト false 。

保存して公開します。

説明

とりあえず試したい方はデモページ(日本語) をご参照ください。試した結果が出力されるので、そのコードをコピー&ペーストすると簡単に "Blogger 記事の一覧表示" を作成できます。

リスト出力設定

{
  blogURL: 'garafu.blogspot.com',
  maxResults: Infinity,
  keyword: 'JavaScript',
  sort: {
    key: 'published',
    order: 'default'
  },
  printby: 'label',
  newPost: {
    enabled: false,
    symbol: 'NEW !',
    term: 30,
    target: 'published'
  },
  thumbnail: {
    enabled: false,
    noImageURL: '//garafu.github.io/blogger.toc/release/0.0.5/noimage.png'
  },
  published: {
    enabled: false,
    format: 'yyyy/MM/dd HH:mm:ss'
  },
  updated: {
    enabled: false,
    format: 'yyyy/MM/dd HH:mm:ss'
  },
  target: undefined
}

プロパティ型説明

blogURL string ブログのドメインを指定します。 https://garafu.blogspot.com/ であれば garafu.blogspot.com 部分のみを指定します。

maxResults number 受信する最大記事数を指定します。すべての記事を対象とする場合 Infinity を指定します。デフォルト Infinity です。

keyword string 絞り込みたいキーワードを指定します。日本語タグを指定する場合 URI エンコードを行ったものを指定します（デモページでは自動変換するので日本語のままでOKです）。何も指定しなければすべてのタグを受信対象にします。デフォルトは指定なしです。

sort object ソート方法に関する設定を指定します。

sort.key

enum

ソートキーを指定します。指定できる値は以下の通りです。

`title`	記事タイトルをキーとして並べます。
`published`	記事の公開日をキーとして並べます。
`updated`	記事の更新日をキーとして並べます。

sort.order

enum

ソート順を指定します。指定できる値は以下の通りです。

`default`	ソートキーの種類により自動でソート順を決定します。`title` は昇順 (あいうえお順)、`published` と `updated` は降順 (新しいもの順) に並べます。
`asc`	ソートキーを昇順に並べます。
`desc`	ソートキーを降順に並べます。

printby

enum

表示方法を指定します。指定できる値は以下の通りです。

`title`	記事タイトルが平面リストになるような表示を行います。
`label`	ラベル別に記事一覧を表示します。ラベルの順序は "ソート順" で設定された順に表示される記事に設定されたラベル順です。 (…説明しづらい。。)
`label.nameorder`	ラベル別に記事一覧を表示します。ラベルの順序はラベル名の昇順です。
`label.contentsorder`	ラベル別に記事一覧を表示します。ラベルの順序はラベルが設定されている記事数の降順です。

newPost object 新着記事表示に関する設定を指定します。

newPost.enabled boolean 新着記事アイコンを表示するかどうかを指定します。

newPost.symbol string 新着記事アイコンとして表示する文字列を指定します。

newPost.term number 新着記事として判定する期間(日数)を指定します。

newPost.target

enum

新着記事として判定するとき、比較対象とする日付を指定します。指定できる値は以下の通りです。

`published`	現在日時と公開日時を比較します。
`updated`	現在日時と更新日時を比較します。

thumbnail object サムネイル表示に関する設定を指定します。サムネイルは記事中の一番最初にある画像が使用されます。サムネイルは通常 72px × 72px の大きさです。

thumbnail.enabled boolean サムネイルを表示するかどうかを指定します。

thumbnail.noImageURL string サムネイルが存在しない場合に表示する画像へのパス（URL）を指定します。

published object 公開日に関する設定を指定します。

published.enabled boolean 公開日を表示するかどうかを指定します。

published.format string 公開日を表示する場合、どのように表記するかを指定します。利用できる制御文字は (*1) 日付フォーマットをご参照ください。

updated object 更新日に関する設定を指定します。

updated.enabled boolean 更新日を表示するかどうかを指定します。

updated.format string 更新日を表示する場合、どのように表記するかを指定します。利用できる制御文字は (*1) 日付フォーマットをご参照ください。

target string リンクの開き方（ a タグ の target 属性 )を指定します。デフォルトは undefined で指定なしです。

(*1) 日付フォーマット

制御文字	説明	サンプル
d	月の日にち (1 ～ 31)。	3
dd	月の日にち (01 ～ 31)。	03
E	曜日の省略名。	火
EE	曜日の完全名。	火曜日
G	時期または時代 (年号)。	西暦
h	12時間形式の時間 (1 ～ 12)。	5
hh	12時間形式の時間 (01 ～ 12)。	05
H	24時間形式の時間 (1 ～ 24)。	8
HH	24時間形式の時間 (01 ～ 24)。	08
m	分 (0 ～ 59)。	2
mm	分 (00 ～ 59)。	02
M	月 (1 ～ 12)。	6
MM	月 (01 ～ 12)。	06
MMM	月の省略名。	1
MMMM	月の完全名。	1月
s	秒 (1 ～ 59)。	6
ss	秒 (01 ～ 59)。	06
t	AM/PM 指定子。	午前
yy	2桁の年。	98
yyyy	4桁の年。	1998
z	UTCを基準とする時間単位のオフセット (先行ゼロなし)。	-8
zz	UTCを基準とする時間単位のオフセット (先行ゼロ付きの 1桁の値)。	-08
zzz	UTCを基準とする時間および分単位のオフセット。	-08:00

スタイルシート設定

スタイルシート

各要素に対してできるだけクラス名を割り振るよう作成されています。あらかじめあるスタイルシートで思うような表示ができていない場合、 <link /> を利用せず、自前で stylesheet を記述することができます。

不具合、ご要望等はこの記事にレスしていいただくか、こちら(Github garafu/blogger.toc Issues) までご連絡いただけると幸いです。

更新履歴

2018/10/08 v0.0.12: targetオプション追加。
2016/10/09 v0.0.11: keywordオプション追加。microdataの自動生成機能を追加。
2016/05/14 v0.0.10: https対応。
2016/05/14 v0.0.9: 記事フィードが正しく受信できない不具合を修正。
2015/10/10 v0.0.8: 新着記事にアイコンをつける機能を追加。手順の画面キャプチャを更新。説明欄の拡充。
2015/08/30 v0.0.7: ソートの降順、昇順を制御する機能を追加
2015/07/12 v0.0.6: 公開日、更新日を制御する機能を追加
2015/07/12 v0.0.5: サムネイル表示機能を追加
2015/05/09 v0.0.4: 一部のサイトで正しく表示されない不具合修正
2014/04/28 v0.0.3: ブログテンプレートの種類によりスクリプトが正しく動作しない不具合修正
2014/04/27 v0.0.2: ブログ記事をすべて読み込めるよう修正

参考記事

Blogger のフィード URL 生成ツール

Blogger のフィード URL （RSS や Atom、JSON を受信する URL）を作成する Webアプリです。 * は必須入力項目です。必要事項を入力した後、「フィード URL 生成」でフィード URL が生成されます。

作りたいフィードの設定入力

*	ブログURL
*	リソース
*	本文
	ラベル	+ 追加
	応答フォーマット
	取得開始番号	(1 から始まる数値)
	最大取得数
	ソート順
	公開日付	開始 (例：2013-07-10T00:00:00) 終了
	更新日付	開始 (例：2013-07-10T00:00:00) 終了
	リダイレクト
	コールバック

生成されたフィード

Blogger のフィード URL 構成とパラメタ― まとめ

Blogger の feed URL で利用可能なパラメタ― を一覧にしてまとめました。 RSS や json を利用しての2次利用で必要な情報になるかと思います。

（2013/07/10 Blogger のフィード URL 生成ツール）

フィード URL の基本構成

フィード URL の基本構成

リソース

投稿（posts）
コメント（comments）
投稿別コメント（POSTID/comments）
ページ（pages）

ラベル

ラベル別投稿（/-/LABELNAME）

クエリパラメタ―

応答フォーマット（alt）
最大取得数（max-results）
取得開始番号（start-index）
ソート順（orderby）
最小 or 最大公開日付（published-min, published-max）
最小 or 最大更新日付（updated-min, updated-max）
厳密性（strict）
リダイレクト（redirect）
コールバック関数（callback）

フィード URL の基本構成

https://BLOG_NAME.blogspot.com/feeds/RESOURCE/RESPONSE[LABEL][?QUERY]

BLOG_NAME

ブログ名を指定します。[設定]-[基本]-[公開]の「ブログのアドレス」で指定されたブログ名です。

RESOURCE

取得するデータの種類を指定します。

posts
comments
POSTID/comments
pages

RESPONSE

取得するデータ量を指定します。

default … 本文すべて取得します。
summary … 本文を先頭のみ取得します。

LABEL

オプション。ラベルを指定して、取得するデータをフィルタします。

/-/LABELNAME

QUERY

オプション。取得するデータに対してより細かな条件指定を行います。

alt
max-results
start-index
orderby
published-min, published-max
updated-min, updated-max
strict
redirect
callback

posts

投稿した記事に対するフィードを取得します。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/default?alt=rss

comments

コメントに対するフィードを取得します。

サンプルURL

https://garafu.blogspot.jp/feeds/comments/default?alt=rss

POSTID/comments

投稿記事を指定したコメントに対するフィードを取得します。 POSTIDは記事の編集画面を開いたとき URL 欄に記載されています。

サンプルURL

https://garafu.blogspot.jp/feeds/1102748937110099330/comments/default?alt=rss

pages

作成されたページに対するフィードを取得します。

サンプルURL

https://garafu.blogspot.jp/feeds/pages/default?alt=rss

/-/LABELNAME

ラベル名で絞り込みを行います。必ず /-/ を記述します。ラベル名は URL エンコードを行ったものを記載します。複数指定する場合は /-/label1/label2 のように記載していきます。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary/-/JavaScript?alt=rss

[おまけ] URL エンコード

変換前：

変換後：

alt

Alternative representation type（代替表現型）。応答フォーマットの種類を指定します。

引数

enum: 応答フォーマットの種類を指定します。指定できる文字列は以下通りです。

atom … デフォルト。Atom フィードを返します。
rss … RSS 2.0 フィードを返します。
json … JSON 形式で返します。
atom-in-script … scriptタグで囲まれた Atom フィードを返します。
rss-in-script … scriptタグで囲まれた RSS 2.0 フィードを返します。
json-in-script … scriptタグで囲まれた JSON 形式のフィードを返します。
atom-service … Atom サービスドキュメントを返します。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss

max-results

取得するエントリーの最大数を指定します。最大 500 まで指定できます。 500 以上を指定しても 500 までしか取得できません。

引数

number: 最大取得数を指定します。デフォルトは 25。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss&max-results=100

start-index

1 から始まるデータ取得開始番号を指定します。

引数

number: 1 から始まる取得開始番号を指定します。デフォルトは 1。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss&start-index=101&max-results=100

orderby

受信するフィードのソート順を指定します。

引数

enum: ソート順を指定します。指定できる文字列は以下の通りです。

lastmodified … デフォルト。
starttime … ？
updated … 更新日付順に並び替えます。
published … 投稿日付順に並び替えます。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss&orderby=published

published-min, published-max

orderby=published と一緒に指定することで、取得する期間を制限します。

引数

W3C-DTF: 開始日付または終了日付を指定します。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss&orderby=published&published-min=2010-01-01T00:00:00+09:00published-max=2011-01-01T00:00:00+09:00

updated-min, updated-max

orderby=updated と一緒に指定することで、取得する期間を制限します。

引数

W3C-DTF: 開始日付または終了日付を指定します。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss&orderby=updated&updated-min=2010-01-01T00:00:00+09:updated-max=2011-01-01T00:00:00+09:00

strict

クエリパラメタ― が正しく指定されているかどうか厳密にチェックを行うか指定します。

引数

boolean: 厳密なチェックを行うかどうか指定します。デフォルト false。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=json&strict=true

redirect

リダイレクトを許可するかどうか指定します。

引数

boolean: リダイレクトを許可するかどうか指定します。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=rss&redirect=true

callback

alt=json-in-script を指定した際、読み込み完了時に呼び出すコールバック関数を指定します。

引数

string: コールバック関数を指定します。

サンプルURL

https://garafu.blogspot.jp/feeds/posts/summary?alt=json-in-script&callback=loadFeeds

今回、参考にしたサイトは以下の通りです。

黒猫 SQL Studio で .mdf (SQL Server データベースファイル) を開く

そこに存在する SQL Server Express のデータベースファイル（拡張子 .mdf のファイル）を、黒猫 SQL Studio で開いて内容を見る方法です。黒猫 SQL Studio は無料のツールでインストールが不要（配置のみで動作）なので、個人的には好んで使っています。 SQLコマンドはもちろん、デーブル内容の閲覧もできます。以下では .mdf ファイルを黒猫 SQL Studio で開くまでの手順を記載します。

黒猫ソフトウェア工房

黒猫 SQL Studio メニュー
[データベース]-[データベースに接続]を選択します。
データベース接続
[新規追加]ボタンを押下します。
接続文字列の編集
接続文字列のオプションを選択します。
データリンクプロパティ
「プロバイダー」タブで「Microsoft OLE DB Provider for SQL Server」を選択して、[次へ]を選択します。
「接続」タブで、以下の設定を行って、「OK」を選択します。 （必要であれば、接続テストします。）

１：
.\SQLEXPRESS（固定文字列）

２：
Windows NT の統合セキュリティを使用する

３：
データベースファイルをデータベース名として添付する
論理名：（任意文字列）

ファイル名：（.mdfファイルへのパス）

接続文字列の編集
「接続名」を任意の名称に変更して、[OK]を選択します。
データベース接続
先ほど作成した接続情報を選択して、[接続]を選択します。
黒猫 SQL Studio データベース
接続ができちるとデータベースの内容が表示されています。

2013年

認証 ( Authentication )

承認 ( Authorization )

Content-Type の書き換え

ステータスコード の書き換え

カスタムレスポンスヘッダー

関数の文字列化

ソーシャルボタン 設置手順

イベント の 種類

IE11 の UserAgent サンプル

全 IE 判定 サンプルコード

.bind(context [, arg1 [, arg2 [, ...]]])

XDomainRequest 対応 プラグイン を利用した クロスドメイン通信 の 実装

XDomainRequest の 機能制約

制約する理由

Chrome 11 以降 まとめ

サンプル

作成手順

説明

リスト出力設定

スタイルシート設定

更新履歴

作りたいフィードの設定入力

生成されたフィード

フィード URL の 基本構成

posts

comments

POSTID/comments

pages

/-/LABELNAME

alt

max-results

start-index

orderby

published-min, published-max

updated-min, updated-max

strict

redirect

callback

ステータスコードの書き換え

ソーシャルボタン設置手順

イベントの種類

全 IE 判定サンプルコード

XDomainRequest 対応プラグインを利用したクロスドメイン通信の実装

XDomainRequest の機能制約

Chrome 11 以降まとめ

フィード URL の基本構成