CSVフォーマットの読み書きが必要になってきたので、まずはその仕様について調べてまとめてみました。 CSVフォーマットの仕様は、ざっくりと書くと以下のようになるようです。 CSVフォーマット それぞれのレコードは改行コード（CRLF）で区切られます。 最終レコードは改行コード（CRLF）があったり、なかったりします。 最初の1行にヘッダー行を記述することができます。ヘッダーはフィールドと一致する名前を定義し、数がフィールドの数と一致しています。 ヘッダーとそれぞれのレコードにおいて、1つ以上のフィールドが存在し、カンマで区切られます。 フィールドはダブルクォートで囲んでもよいし、囲まなくてもよい。 フィールドに改行コード（CRLF）、ダブルクォート、カンマを含む場合、ダブルクォートで囲みます。 ダブルクォートがフィールドに含まれる場合、ダブル ...

Untitled Page .post-body .header .title { color: #3F529C; font-size: 2em; } .separator1 { height: 2em; line-height: 2em; border-top: 1px solid silver; border-bottom: 1px solid silver; border-left: 3px solid silver; border-right: 3px solid silver; margin: 2em 0; } .separator1 .title { font-weight: bold; font-size: 1.8em; padding: 0 1em; } .separator2 { height: 2em; ...

.code { background-color: #f2f2f2; border: 1px solid #c3c3c3; padding: 0.1em 0.5em; } 「プルリクエスト来たけど、なんかバージョンが違うからうまく反映できない…」といったとき、 どのようにマージ作業を行っていくか記載します。 具体的には、プルリクエストの画面で以下のようなメッセージが表示されているとき、どのようにプルリクエストを反映するかについて記載します。

Blogger に Pocket の "pocket" ボタン を 設置、追加する方法を記載します。 各ページ　（投稿） に対する ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。 ※その他の ソーシャルボタン もまとめて追加する方法は こちら。 ※ソースコード は ダブルクリック すると、全選択できます。

Blogger に はてなブックマーク の "B!" ボタン を 設置、追加する方法を記載します。 各ページ　（投稿） に対する ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。 ※その他の ソーシャルボタン もまとめて追加する方法は こちら。 ※ソースコード は ダブルクリック すると、全選択できます。

Blogger に google の "+1" ボタン を 設置、追加する方法を記載します。 各ページ　（投稿） に対する ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。 ※その他の ソーシャルボタン もまとめて追加する方法は こちら。 ※ソースコード は ダブルクリック すると、全選択できます。

Blogger に facebook の "いいね" ボタン を 設置、追加する方法を記載します。 各ページ　（投稿） に対する いいね ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。 ※その他の ソーシャルボタン もまとめて追加する方法は こちら。 ※ソースコード は ダブルクリック すると、全選択できます。

Blogger に twitter の "ツイート" ボタン を 設置、追加する方法を記載します。 各ページ　（投稿） に対する ツイート ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。 その他の ソーシャルボタン もまとめて追加する方法は こちら。

Blogger に twitter の 「ツイート」、facebook の 「いいね」、google の 「+1」、はてなブックマーク の 「B!」、Pocket の 「Pocket」 ボタン 等、 俗に言う ソーシャルボタン を まとめて 一気 に設置する方法をここでは載せます。 いろいろと方法はあるかと思いますが･･･ここでは、 Blogger の テンプレート を編集して実現する方法です。 ([2015/03/15] 本記事ではそれぞれのSNS提供モジュールを利用しています。オリジナルデザインにしたい場合、"Blooger に オリジナルデザイン の ソーシャルボタン を設置する方法" をご参照ください。) ソーシャルボタン 設置手順 メニュー から [テンプレート] を選択し、 [HTML の編集] を開きます。

.events { margin-left: 2em; } .events dt { margin-top: 1em; } .events dd { } .properties { margin-left: 2em; width: 100%; border-collapse: collapse; } .properties thead { background-color: #f5f5f5; } .properties th, .properties td { border: 1px solid #dddddd; padding: 0.5em 0.8em; } .name { font-weight: bold; width: 13em; } .type { color: #cccccc; ...

.events { margin-left: 2em; } .events dt { margin-top: 1em; } .events dd { } .properties { margin-left: 2em; width: 100%; border-collapse: collapse; } .properties thead { background-color: #f5f5f5; } .properties th, .properties td { border: 1px solid #dddddd; padding: 0.5em 0.8em; } .name { font-weight: bold; width: 10em; } .type { color: #cccccc; ...

Blogger の 記事 一覧 を表示する ページ を作成します。 ここで紹介する方法では、ソート順（タイトル名、公開日付、更新日付）、表示方法（一覧、ラベル別）を任意に指定できます。 また、各要素に クラス名 が割り振られているので、好きな表示を簡単に実現できます。 とりあえず自分のブログで試したい方は デモページ（日本語） をご利用ください。 （…いくつかの ブログ で "記事一覧を表示する方法" が記載されていましたが、 個人的にしっくりこなかったので新しく作ってしまえ、という経緯です。。） 目次 作成手順 説明 更新履歴 作成手順 Blogger の 左メニュー から [ページ] を選択します。 [新しいページ] を選択します。 ...

.arguments { margin-left: 2em; } .arguments dt { float: left; width: 8em; } .arguments dd { margin-left: 8em; } .sampleurl { border: 1px solid #efefef; /*overflow: auto; white-space: nowrap;*/ padding: 1em 2em; } Blogger の feed URL で利用可能な パラメタ― を一覧にしてまとめました。 RSS や json を利用しての2次利用で必要な情報になるかと思います。 （2013/07/10 Blogger の フィード URL 生成 ツール） フィード URL の基本構成 ...

.modify li { margin: 1em 0; } .bat { border: 1px solid silver; padding: 1em 2em; } Windows Installer XML (WiX) toolset を 利用して、Internet Explorer 向け アドオン の インストーラー を開発します。 開発した アドオン を エンドユーザー に利用してもらうために必要な処理 ──「コンポーネントの配置」「レジストリ登録」── を実行する インストーラー を作成します。 今回は以前書いた "IE の アドオン 開発" の続編になります。 サンプルコードのダウンロード （※2013/06/26 WiX3.5 だとコンパイルエラーが起こりました。WiX3.7 以上でお試しください。） 概要 ...

独自フィルター（カスタムフィルター）を作成、実装することで、各アクションに対して画一的な処理を "簡単に" 施すことができるようになります。 例えば「特定の条件を満たさない場合、実行できなくする」「ユーザーのページ遷移を記録する」「キャッシュを無効化する」といったことができるようになります。 この 独自フィルター の実装方法ですが、通常は FilterAttribute クラスを継承して作成します。 簡易的に 組込フィルタークラス を継承することでも 独自フィルター を作成できます。 ※フィルター の 実行順序 は こちら をご参照ください。 以下では「キャッシュを無効化する独自フィルター」を実装する手順を見ていきます。 実装手順 独自フィルター を作成する プロジェクト を選択し、[プロジェクト]-[新しい項目の追加] を選択 任意の名前 ...

せっかく作ったものを実際に動かせるサンプルページが公開できたら… そんなことを実現できる「GitHub Pages」という機能があります。 GitHub Pages では プロジェクト に関連する ホームページ、WEBサイト の公開、運用ができます。 以下では、 GitHub Pages の 種類、作成方法、基本知識の観点でまとめます。 GitHub ページ の種類 と 作成方法 GitHub ページ には次の 2種類 が存在します。 いずれの種類にしても、レポジトリの作成が必要です。 ユーザー/組織 ページ （GitHub アカウント に対して WEBページ を作成） プロジェクト ページ （レポジトリ に対して WEBページ を作成） GitHub ページ を作成 & 公開する方法は次の 2通り が存 ...

個人用/組織用 の WEBページ を GitHub で公開する方法、手順です。 個人用 の WEBページ を 作成、公開するためには、特殊な プロジェクト名の レポジトリ を作成します。 具体的には、ユーザー名.github.io という名前の レポジトリ を作成するのですが… 詳細は以下で見ていきます。 基本的に GitHub for Windows を利用して作業を行っています。 （個人的な趣味趣向の都合です…） レポジトリを新規作成します。 "create" を選択します。 以下の項目を入力して、"CREATE" を選択します。 NAME：ユーザー名.github.io（必ず命名規則に従います。） DESCRIPTION：（任意に入力してください。） ...