.regbox {
border: 1px solid #808080;
padding: 1em 2em;
}
今回は、Windows パソコン において、カスタム URL スキーム を設定して、任意の アプリケーション を起動する方法を載せます。
ちなみに、"カスタム URL スキーム" は、"外部プロトコルリクエスト" とか "プロトコルハンドラ"、"Pluggable Protocol Handler"、"Asynchronous Pluggable Protocols" などの名前で掲載されいる記事が多いようです。
（…情報を探すのに苦労したので参考になれば。。）
目次
概要
レジストリ の 登録
カスタム URL スキーム の テスト
[おまけ] 警告の抑制
[おまけ] サンプルコード
ラベル 拡張 の投稿を表示しています。 すべての投稿を表示
Blogger に pocket の "pocket" ボタン を 設置 する 方法
Blogger に Pocket の "pocket" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
20:50
Blogger,
マニュアル,
拡張
Blogger に はてなブックマーク の "B!" ボタン を 設置 する 方法
Blogger に はてなブックマーク の "B!" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
17:56
Blogger,
マニュアル,
拡張
Blogger に google の "+1" ボタン を 設置 する 方法
Blogger に google の "+1" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
15:09
Blogger,
マニュアル,
拡張
Blogger に facebook の "いいね" ボタン を 設置 する 方法
Blogger に facebook の "いいね" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する いいね ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
2:44
Blogger,
マニュアル,
拡張
Blogger に twitter の "ツイート" ボタン を 設置 する 方法
Blogger に twitter の "ツイート" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ツイート ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
その他の ソーシャルボタン もまとめて追加する方法は こちら。
Akinari Tsugo
22:11
Blogger,
マニュアル,
拡張
Blogger に ソーシャルボタン を 設置 する 方法
Blogger に twitter の 「ツイート」、facebook の 「いいね」、google の 「+1」、はてなブックマーク の 「B!」、Pocket の 「Pocket」 ボタン 等、
俗に言う ソーシャルボタン を まとめて 一気 に設置する方法をここでは載せます。
いろいろと方法はあるかと思いますが･･･ここでは、 Blogger の テンプレート を編集して実現する方法です。
([2015/03/15] 本記事ではそれぞれのSNS提供モジュールを利用しています。オリジナルデザインにしたい場合、"Blooger に オリジナルデザイン の ソーシャルボタン を設置する方法" をご参照ください。)
ソーシャルボタン 設置手順
メニュー から [テンプレート] を選択し、 [HTML の編集] を開きます。
Akinari Tsugo
1:56
Blogger,
マニュアル,
拡張
IE 向け アドオン の インストーラー 開発
.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 以上でお試しください。）
概要
...
Akinari Tsugo
11:49
C#,
Internet Explorer,
WiX,
マニュアル,
レジストリ,
拡張
ASP.NET MVC で ページ遷移 を 記録する フィルター
ブラウザでどのようにページ遷移が行われたかを簡単に記録するためのフィルターを作成します。
このフィルターを利用することで「不適切なページ遷移を拒否できる」とか「ブラウザの戻る機能の無効化」
ができるようになることを目指します。
ソースコード
説明
使用例
ソースコード
閲覧履歴をセッションに残すフィルターを作成します。
ここでは Filters フォルダ & 名前空間を１つ掘って実装しています。
BrowsingHistoryAttribute.cs
namespace SampleMvcApplication.Filters
{
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
...
Akinari Tsugo
23:25
ASP.NET,
C#,
HTML,
MVC,
拡張
ASP.NET MVC3 で ブラウザ キャッシュ を 無効化 する アクションフィルター
特定の処理だけ キャッシュ を 無効化 したいけれど、いちいち、そんな処理を書いているのが面倒…
という思いから、お手軽に キャッシュ の 無効化 を実現する方法を作ってみました。
無効化する作業としては、以下のソースコードにある NoCacheAttribute をキャッシュさせたくない操作（メソッド）の属性に設定するだけです。
ソースコード
説明
使用例
ソースコード
キャッシュ を 無効化する 属性 NoCacheAttribute のサンプルコードを以下に記載します。
NoCacheAttribute.cs
namespace SampleMvcApplication.Controllers
{
using System;
using System.Collections.Generic;
using ...
Akinari Tsugo
23:43
ASP.NET,
C#,
HTML,
MVC,
キャッシュ,
拡張
IE の デフォルト機能 を 禁止 する
業務アプリを開発していると良く遭遇するこの問題…。
基本的には HTML のトップレベルで対応することで対策が無難と思います。
いわゆるホワイトリスト方式（基本は拒否。許可するものだけリストアップ。）です。
禁止したい機能は以下のようなものを想定しています。
テキスト選択
右クリックメニュー（コンテキストメニュー）
Ctrl を押しながら マウスホイール
テキスト、ファイルのドラッグ & ドロップ
サンプルコード with jQuery
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text ...
Akinari Tsugo
23:22
Internet Explorer,
JavaScript,
jQuery,
拡張
jQuery で クリック と ダブルクリック を 判別実行する プラグイン
.table {
width: 100%;
border: 1px solid silber;
border-collapse: collapse;
margin: 0.5em 0;
}
.table th
{
border: 1px solid silver;
padding: 0.3em 1em;
}
.table td
{
border: 1px solid silver;
vertical-align: top;
padding: 0.3em 1em;
}
jQuery で クリック と ダブルクリック を別実行する プラグイン を作成しました。
通常 ダブルクリック すると、クリック 2回 と ダブルクリック が発生してうまく扱えません。
このプラグインを利用することで、クリック と ダブルクリック に対して別の処理を割り当てるこ ...
Akinari Tsugo
22:36
JavaScript,
jQuery,
拡張
IE の 右クリック メニュー 拡張
.table {
width: 100%;
border: 1px solid silver;
border-collapse: collapse;
}
.table thead {
font-weight: bold;
background-color: #efefef;
}
.table tbody {
}
.table th, .table td {
border: 1px solid silver;
border-collapse: collapse;
padding: 0.5em 1em;
}
.indent {
margin-left: 2em;
}
IE の 右クリック メニュー（コンテキストメニュー） に独自項目を追加、実装するチュートリアルです。
コンテキストメニュー項目はレジストリ ...
Akinari Tsugo
21:58
Internet Explorer,
JavaScript,
レジストリ,
拡張
jQuery で ブラウザ、バージョン、プラットフォーム を判別する プラグイン
jQuery で閲覧ブラウザ、バージョン、プラットフォーム を判別する プラグイン を作成しました。
jQuery 1.9 から browser のサポートがなくなるので、その対応用プラグインです。
タブレットと携帯電話(モバイル)の判別も行えます。
window.navigation.userAgent 文字列を利用します。
文字列をせっせと解析して、各フラグを立てて回ります。
jquery.depend プラグイン
ダウンロード
V1.1.8
圧縮版, リリース向け jquery.depend-1.1.8.min.js
非圧縮版, 開発向け jquery.depend-1.1.8.js
ZIPファイル (ソース一式)
旧バージョン
...
Akinari Tsugo
23:03
JavaScript,
jQuery,
拡張
jQuery プラグイン の 公開
code {
background-color: #f2f2f2;
border: 1px solid #c3c3c3;
padding: 0.1em 0.5em;
}
GitHub for Windows を利用しながら、GitHub 上に作成した jQueryプラグイン を公開してみます。
jQueryプラグイン名の付け方
jQueryプラグインの公開手順
プラグイン名の付け方
基本ルールは次の通り。
使える文字列は、英数字、ハイフン、ピリオド、アンダースコアのみです。
プラグイン名は全プラグイン（世界中で公開されているプラグイン）においてユニークな名称である必要があります。
プラグイン名とファイル名は一致させます。例えば hoge プラグイン なら jquery.hoge.js 。
...
Akinari Tsugo
23:31
GitHub,
JavaScript,
jQuery,
マニュアル,
拡張
jQuery プラグイン の 開発
jQuery で 独自の プラグイン を 作成、開発 しようと思ったので、その方法について少し調べてみました。
ここでは、jQuery プラグイン の 作成方法 についていくつかまとめます。
目次
基本形
メソッドチェーン
無名関数に取り込んだ形
再帰的に要素を拡張する形
基本形
まずは最もシンプルなプラグインのコード。
このままだと、 $ が jQuery である保証がなかったり、 $ が別物で $.fn が undefined だったり…
$.fn.[関数名] = function () {
// 拡張するコードを実装
};
メソッドチェーン
上述の コード では メソッドチェーン が利用できません。
戻り値を設定することで メソッドチェーン を利用できるようにします。
$.fn.[関数名] = function ...
Akinari Tsugo
0:03
JavaScript,
jQuery,
拡張
IE の アドオン 開発
今回は、Internet Explorer 上で動作する アドオン の開発を C# で実装してみます。
アドオンはページ内で ActiveX オブジェクトの生成を行う、または objectタグ を HTML に書き込むことで利用できるものです。
メニューの[ツール]-[アドオンの管理]から、現在利用できるアドオンを確認できます。
※ 本記事の更新履歴を末尾に掲載しています。
サンプルコード の ダウンロード
本記事 の メニュー
概要
空のソリューションの作成
アドオンプロジェクトの作成
アドオンの実装
テストプロジェクトの作成
テストページの作成
アドオンのテスト実行
まとめ
Akinari Tsugo
23:07
ActiveX,
C#,
Internet Explorer,
拡張