4月 2013年

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 。 ...

IE のメモリリーク パターン(基本編)

IE6 の時代から言われ続けている、メモリーリークパターンを復習してみます。 あくまで基本編という扱いです。 ここにあるパターンは IE8 以降で一部解消されているようです。 循環参照 クロージャ クロスページリーク ※IE8以降でメモリリークするパターンについては こちら をご参照ください。 循環参照 一言で"循環参照"、されど"循環参照"。 2つほどパターンがあるようなので、それぞれ取り上げてみます。 パターン1:DOM要素の独自プロパティがDOM要素を参照する <html> <head> <script type="text/javascript"> // グローバル変数 var globalObject; // メモリリークするコードを呼び出し ...

IE の メモリリーク不具合 まとめ

.table { border: 1px solid silver; border-collapse: collapse; } .table th { border: 1px solid silver; background-color: #f6f6f6; padding: 0.5em 0em; } .table td { border: 1px solid silver; padding: 0.5em; } Internet Explorer のメモリーリークは昔から本当に困りものです。。 システムテスト工程で言われた日にはどうしていいものか…。 そんな困りものの IE のメモリーリーク関連の情報をまとめをしてみます。 (ちなみに…Windows 7 を前提で話を進めさせてもらいます。つまるとこ IE8 以上。いま ...

GitHub for Windows の 使い方

GitHub for Windows を利用した、基本的な使い方を記載します。 subversion や TFS に慣れていると、理解が早い…と思います。 ここでは、基本的な以下の操作を見ていきたいと思います。 新規レポジトリの作成 クローンの作成 コードの追加 & 修正 コードをコミット タグ付け 個人的なイメージですが、"クローン(clone)" は "チェックアウト" 、"コミット(commit)" & "発行(publish)" が "チェックイン" に相当するイメージです。 クローンとチェックアウトは厳密には違うと思いますが… クローンを行った後、サーバー側を他から変更してしまうと、発行(publish)するときエラーになるから要注意です。。 GitHub for Windows のインストールと設定は こちら を参照し ...

GitHub for windows の インストール と 設定

GitHub for windows を使ってみる…の前に、使える環境を整えていきます。 とりあえず、CUIでもいいけど、GUIが便利そうなので、GitHub for Windows を入れてみます。 ちなみに、GitHubアカウントはすでに持っている前提です。 インストール 初回起動 & 初期設定 設定変更 GitHub for Windows の使い方は こちら を参照してください。 インストール "GitHub for Windows" をダウンロード。 ※ダウンロード先はこちら。 ダウンロードした "GitHubSetup.exe" を実行。 「インストール」を選択。 しばらく待ちます... (AWSにデータを保存してるんですね…) インストールが終わると、初回起動になるので、初期設定をします。 ...

jQuery プラグイン の 開発

jQuery で 独自の プラグイン を 作成、開発 しようと思ったので、その方法について少し調べてみました。 ここでは、jQuery プラグイン の 作成方法 についていくつかまとめます。 目次 基本形 メソッドチェーン 無名関数に取り込んだ形 再帰的に要素を拡張する形 基本形 まずは最もシンプルなプラグインのコード。 このままだと、 $ が jQuery である保証がなかったり、 $ が別物で $.fn が undefined だったり… $.fn.[関数名] = function () { // 拡張するコードを実装 }; メソッドチェーン 上述の コード では メソッドチェーン が利用できません。 戻り値を設定することで メソッドチェーン を利用できるようにします。 $.fn.[関数名] = function ...

IE の アドオン 開発

今回は、Internet Explorer 上で動作する アドオン の開発を C# で実装してみます。 アドオンはページ内で ActiveX オブジェクトの生成を行う、または objectタグ を HTML に書き込むことで利用できるものです。 メニューの[ツール]-[アドオンの管理]から、現在利用できるアドオンを確認できます。 ※ 本記事の更新履歴を末尾に掲載しています。 サンプルコード の ダウンロード 本記事 の メニュー 概要 空のソリューションの作成 アドオンプロジェクトの作成 アドオンの実装 テストプロジェクトの作成 テストページの作成 アドオンのテスト実行 まとめ

ActiveX に IObjectSafety を実装して 警告回避

今回は ActiveX に 安全であること を示す実装を行うことで、IEの 警告表示 を回避してみる。 ちなみに、実装は C# (自分が分かる範囲だからという軽い理由…)。 自分が知る限り、ActiveX の 警告回避 は以下のどれかでなかろうかと…思ってる。 そのうち、今回は「ActiveX に安全マークをつける」方法のうち、「コード上に実装する」方法。 ActiveXにデジタル署名する 一般的な認証局で発行したデジタル署名を利用 オレオレ認証局で発行したデジタル署名を利用 ActiveXを登録時に安全マークをつける コード上に実装する レジストリに"事前承認済み"書き込む(→詳細) レジストリに"安全マーク"書き込む(→詳細) さて、前置きが長くなりましたが…これから実装を始めます。 実装は ...