juners weblog

【jQuery3】【Deferred】というわけでjQuery3からはDeferredがPromise/A+に準拠するそうでthenの動きを再確認してみた。

2015-11-30T00:18:00.001+09:00

というわけでお久しぶりです。junerです。Google+では毎日投稿しているものの、blogの更新はもう全くしていなかったわけですが、コーディングは仕事も趣味もありますのでやっていたけどブログにアウトプットしておりませんでした。

で、久々の投稿となるわけですが、今回はjQuery3.0.0 alphaが出たことについての話です。

私は仕事でも、趣味でも jQueryを使う場合はPromiseもとい jQuery.Deferred をよく使います。jQuery3はそのDeferredの元となったPromise/A+という規格にDeferredが更に近づいた実装になったという話なので、チェックしてみました。

で、今回は以下の様な感じのソースを書きまして、見やすい様なテストを書いてみたいと思います。

function(){// 1.初期処理
var d = $.Deferred(function(){//2.deferred内の処理
// 同期の場合はその儘resolve
// 非同期の場合は非同期的にresolveする
})
.then(function(){//3.resolve時の処理
});
// 4.外処理
}

それをjQuery2.1.3で実行した例が以下の様な感じとなります。

これによりわかることはjQuery2迄は同期的にresolveした場合に以下の様に実行されます

1.初期処理
2.deferred内初期処理
3.resolve時の処理
4.外処理

また、非同期的にresolveした場合、以下の様に実行されます。

1.初期処理
2.deferred内初期処理[結果は非同期]
4.外処理
3.resolve時の処理

全く同じでjQuery3で実施したのが以下のサンプルとなります。

それが、jQuery3だと同期的なresolveでも以下の様になります。

1.初期処理
2.deferred内初期処理[結果は非同期]
4.外処理
3.resolve時の処理

勿論、非同期的でも同様に以下の様になります。

1.初期処理
2.deferred内初期処理[結果は非同期]
4.外処理
3.resolve時の処理

以上、実験ついでのメモでした。

【1日1コード】【jQuery】テーブルの行追加・削除サンプル

2015-06-14T01:51:00.001+09:00

眠さのあまり、昨日更新が出来なかった junerです。はい。すでに1日1コードじゃなくなっていますね。

で、今回のコードですが、 jQuery で formでテーブル全体を送信することを想定したテーブルの追加・削除例となります。

formでテーブル全体を送る場合、何かと name[n].test みたいな形式にする必要があったりして面倒なので（仕事でも）よく使うコードとしてここらへんで書いておきます。

全体をform送信することを想定したテーブルの行追加削除サンプル
結果だけ見る場合はこちらのリンク

で、今回のは装飾とかはなしで、ささっと作ったのでポイント解説していきたいと思います。

コード解説

リスト系name属性の番号の振り直し

$table.find("tbody")
.on("renumber","tr:not(:first-child)",function(e,num){var $tr = $(this),reg = /\[.*\]/;
//numが入っていない場合は求める
num = num === undefined? $table.find("tbody tr:not(:first-child)").index(this)
: parseInt(num);
$tr//偶奇対応
.removeClass("even odd")
.addClass( num%2==0 ? "odd" : "even")
//中の名前付き入力項目のnameの整理
.find("input[name]").each(function(){this.name = this.name.replace(reg,"["+num+"]");
}).end()
//次の行で同様のイベントを起こす
.next("tr").trigger("renumber",[num+1]);
})

番号の振り直しは色々とよく使うのでカスタムイベントとして定義します。番号の振り直しのカスタムイベントは最初以外のtr要素(tr:not(:first-child) )に対してrenumber として定義しています。

行のindexは毎回求めるとコストが高いのでわかる場合はtrigger時の引数として渡せる様にし、わからない場合は tbody tr:not(:first-child)上の順序を.index(this)にて求めています。


次の行のrenumberイベントを起こす処理は、前の1日1コードでもやった様に次の行を.next("tr")で求め、.trigger("renumber",[num+1])により、現在のnum+1の番号としてrenumberカスタムイベントを実行しています。


行の追加
$("#add")
.on("click",function(e){var $tbody = $table.find("tbody");
$tbody
.find("tr:first-child").clone()
.find("input[name]").prop("disabled",false)
.end()
.appendTo($tbody)
.trigger("renumber");
return false;
})
行の追加は非表示にしてる一行目のtr要素をテンプレートとして利用する形にしている為、tr:first-childの様なセレクタで非表示になっている一つ目の行を選択後、.clone()で対象要素を複製しております。
そのあと、活性・非活性の調整を行った後に.appendTo($tbody)で追加し、inputについている名前の番号付けを行う為、対象行に対して.trigger("renumber")によりカスタムイベント:renumberを起こしています。
行の削除
$table.find("tbody")
.on("click","button.delete",function(){var $tr = $(this).closest("tr"),$next = $tr.next("tr");
$tr.remove();
//もしも次の行があるなら番号の整理を行う
$next.trigger("renumber");
return false;
})
前の1日1コードでもやった様に、ボタンから行を求め、次の行を取得した後、自行を削除して次の行にカスタムイベント：renumberを実施する感じとなります。

以上。



【1日1コード】【jQuery】jQuery で イベントを次の行に起こすコード
2015-06-11T06:37:00.000+09:00
ここ最近アウトプットが少なかったので、とりあえず毎日何らかのコードをアウトプットしてこうと思ったjunerです。
で、今回書いてたコードはイベントを次の行に伝播させるというコードですね。

イベントを次に起こすテスト
結果だけ見る場合はこちらから
バリバリ装飾してるので装飾なしなら次の様になります。
$(function(){$("#target")
.on("click","button",function(e,next){$(this)
.closest("li").next("li").find("button").trigger("click");
});
});
解説
$elm.closest("li")
親を遡り、最初に該当セレクタに一致する要素があるとそれを返す函数。間に他の要素が挟まっていても確認できる為、非常に重宝する。
→ .closest()【ja】
$elm.next("li")
次の兄弟要素を取得する為の函数。セレクタを指定することで次の要素が無い場合かそのセレクタの要素であることを保証することができる。
→ .next()【ja】
$elm.trigger("click")
指定したイベントを起こす函数。第二引数にarguments相応の配列を渡すことで任意のイベントに引数を付けて起こすことができる。
→.trigger() 【ja】
以上。


WindowsStoreのGoogleMusic対応アプリはoutcoldplayerが一番カナーとか。
2014-11-05T01:51:00.000+09:00

というわけでお久しぶりです。junerです。今日はストアアプリ周りの話でもします。
GoogleMusicが再生できるアプリは以下の三つがあります。
outcoldplayer
GoMP
Cloud Stream

デザインとしてはGoMPが一番ですが、安定した再生を思うと、outcoldplayerがダントツで良いので、結果outcoldplayerが一番おすすめとなります。（600円の有料であるだけのことはある。
ちなみに、まだGoMPは途中で切れたりして残念なことになる事があったりしてそこだけ直ればよいアプリになりそうですけれど……。
ちなみに、Cloud Streamはうちの環境では最初の読み込みで止まってしまい、使い物にならなかったことも報告しておきます。
GoMP


outcoldplayer

追伸。この投稿はSurfaceRTで書きました。


片仮名で使える小文字は全29種類であっていましたっけ？（Unicode6.0時点で
2014-05-02T01:01:00.000+09:00
というわけでモジモジくんの@junersことJunMaedaです。
今回は片仮名で使える小文字はUnicode6.0時点では29文字あるよ！って話をします。


学校とかでは片仮名の小文字として「ァ」「ィ」「ゥ」「ェ」「ォ」「ヵ」「ヶ」「ッ」「ャ」「ュ」「ョ」「ヮ」の12文字を習った気もしますが、文字としてはそうでなかったりします。
で、現在使える片仮名は以下の様になります。

その内、現在Windows及びMacで使用できる小文字は「ァ」「ィ」「ゥ」「ェ」「ォ」「ヵ」「ㇰ」「ヶ」「ㇱ」「ㇲ」「ッ」「ㇳ」「ㇴ」「ㇵ」「ㇶ」「ㇷ」「ㇸ」「ㇹ」「ㇷ゚」「ㇺ」「ャ」「ュ」「ョ」「ㇻ」「ㇼ」「ㇽ」「ㇾ」「ㇿ」「ヮ」の全29種類です。（※ただし、その内の1文字は半濁点を使用する合字な為、賛否両論ありそうですが。）
で、ここで使える様に追加された文字の出どころが気になると思いますので調べてみたところ、「Unicode 3.2」で追加された「U+31F0-31FF」の「Katakana Phonetic Extensions」（片仮名拡張）と呼ばれる文字群みたいです。


この文字自体は何の為に追加されたか調べたところ、アイヌ語の表記の為に追加されているみたいです。参考：Wiktionary:アイヌ語のカナ表記
以上、片仮名で使える小文字は全29種類あるという薀蓄でした。
2014.05.03 15:00
画像をChromeで撮っていた為、（主に小文字のフの半濁点が合字として表示されていなかった為、）IEで撮りなおした物に差し替え


InternetExplorerの脆弱性が気になるなら次のことをしたほうがいいと思うよ
2014-04-30T21:02:00.000+09:00
というわけで久方ぶりです。junerことJunMaedaです。
最近InternetExplorerの脆弱性が見つかったとかゼロデイだとか騒がれていますけれど、アレIEでは結構よく言われている気がします。

site:technet.microsoft.com/ja-jp/library/security/ Internet Explorer の脆弱性により、リモートでコードが実行されるで検索するとか

site:jvn.jp/vu/ Internet Explorer に解放済みメモリ使用あたりで検索するとぞろぞろ
で、今回はこれについての拡張保護モードを使った解決方法についての話でも書いてみます。
※元ネタは[回避策まとめ] セキュリティ アドバイザリ 2963983 – Internet Explorer の脆弱性により、リモートでコードが実行されるとなります。InternetExplorer11(64bit版)の方に限った方法を記事にしますので、他のバージョンの方は元ネタの方を参照してください。
まず、InternetExplorerを開き、右上にある歯車のアイコンを選択してください

次に選択したことで開かれたメニューより、「インターネットオプション」を選択してください

開かれたウィンドウ「インターネットオプション」より、タブ「詳細設定」を選択してください

タブ「詳細設定」の中にありますリスト「設定」の中にあります大分類「セキュリティ」の中にある以下の項目を選択します
「拡張保護モードで64ビット プロセッサを有効にする*」
「拡張保護モードを有効にする*」
選択すると以下の様になります

再起動します

これらのことを行うことにより、使われるメモリアドレス空間……簡単に言うと、実行に必要ないろんなものを格納する箱を用意できる個数……が32bitだと4G(2の32乗=4,294,967,296)だったのに対して、64bitになったことにより18E(2の64乗=18,446,744,073,709,551,616)となり、攻撃者によってリモートからコードが実行されにくくなります。
以上、よきIEライフを！


ご飯は炊飯器派？それとも鍋派？
2014-04-12T20:16:00.001+09:00

というわけでご飯は炊飯器で炊くよりも鍋派なjunerです。
今回はGoogle+上でネタとした、うちの炊飯事情についての記事でも書きます。

で、リンク先のGoogle+の投稿で言っている通り、うちの家では炊飯器を一時期買ったとしても、暫くすると味が落ちたという理由で使われなくなります。
なので大体鍋炊きなのです。（その方が美味しい！
で、うちでは以下の様な炊き方をします。

米を研ぐ（水は2回程度捨てる）
鍋に米を入れる
鍋に水を入れる（水の分量はGoogle検索で「n合*1.2をmlで」を検索した結果を元にする
30分以上待つ（寝る前にここまで準備して朝炊くのもアリ）
強火で沸騰する迄待つ
沸騰したなら火加減を蛍火にして12分待つ
12分経ったなら、10秒間強火にした後、火を消して適当な時間蒸らす
以上。そんな難しいことはしていません。
因みに、コメントでMaaya Yohkoh さんが以下のような話を聞きました。
うにゅ、もしや火を止めた後の蒸らしはそのままで？
かき混ぜて空気入れてから蒸らすとええんよ。
あとでやってみよう……。

というわけで蒸らす前に一度かき回して

上手に炊けました！


古いXPのノートPCにUbuntuなどのlinuxを入れようとしている君たちへ
2014-03-09T22:27:00.000+09:00

というわけでうちの古いXPノートPCが弟から返ってきたので、サポートの終わるXPからlinux系のOSを入れようとしてダメだった顛末を後にこの失敗をするであろう人たちへ遺す意味でメモしておこうと思います。

※前文を読んでわかる通り、このメモはダメだった際についてのメモです。詳細を知りたいなら読んでも良いですけれど、インストールする方法と思って読む場合は意味が無いので諦めたほうがいいデス。特に、そのノートPCがPentinumMなどのPAE(物理拡張)非対応なのであれば特に最新のlinuxのディストリビューションには対応していないので……。(あとで出ます。)

弟から返ってきたXPノートPCのスペック

型番
NB75J
CPU
Intel® Pentinum M Processor725(1.60GHz)
RAM
512MB + 512MB(追加したうろ覚え)
HDD
80GB

まず、この子にChromiumOS(製品版はChromeOS)を入れようと最新のイメージをダウンロードし、イメージファイルをImage Writer for WindowsでUSBに焼き、対象のノートPCにUSB挿した上で起動しようとしましたが、まず、BOOTメニューにUSBとかそういうのが無い。
なので、とりあえずUSBから起動出来るPlop Boot ManagerをダウンロードしてCDに焼いて
CDから起動してみたところ、USBから……起動しませんでした。

他のでだめなのか、Ubuntuの最新版をダウンロードして試したのですが、
上記の様な画像が表示された後、ChromiumOSの時と同じエラー画面が表示されました。（そういえばChromiumOSはUbuntuベースでしたね……。
というわけでわからないのでGoogle+に投げてみたところ、Chihiro Watanabe嬢より、
起動に使われるカーネルが、CPU のPAE機能(はっきり画像から読み取れないけれど)を使うようにビルドされている。でも、このCPUではサポートされていないので、カーネルの起動を止めた、という意味。

モダンなLinuxディストリビューションでは、ありがちかも

入れようとしているディストリビューションの数世代前の、PAEサポートしてなくてもなくても入れられるものでどうにゅうしてから、最新版までアップグレードしてしまうとかあるかも。

Google先生に、ディストリビューション名と、PAE、起動できないとかで探すと、ヒントあるかも。
との助言もあり linux PAE 起動できない で検索してみたところ、古いパソコンでUbuntu系は起動できない（PAE問題）という記事を発見。
This kernel requires the following features not present on the CPU: pae

Unable to boot - please use a kernel appropriate for your CPU.
うちで発生しているエラー文も一致したのでドンピシャリです。
調べてみたら、どうやら、Ubuntuは開発・メンテナンスの労力を減らすため？にPAEという機能を持っていないPCについては、動作対象からスッパリ切り捨ててしまったという事のようです。



Fedora（及びそのクローンのCentOS）も同様らしい、CentOSは"6"からNG、Ubuntuは"12.10"からはNG のようです。



（※Ubuntu12.04に関しては、微妙？できたりできなかったり・・・条件付き可？いずれにしても、いつまでも古いバージョンを使い続ける事はできませんから、追求する意味はもうあまりないですね。）



つまり、Ubunutu 及び RedHat(FedoraCore) をベースにしているディストリビューションは影響を受けるという事。



MintもUbuntuベースなので、現時点の最新版の15 "Olivia" はUbuntu13.04ベースなので起動できないと。

13 "Maya" (12.04ベース)は起動できましたが、LTS版とは言え次のバージョン以降は非対応の可能性は高そうです。
とあり、対象となるノートPCはPentinumMなので古いUbuntuでは使えるけど今後のUbuntuでは使えないので、UbuntuベースのChromiumOSでも使えないというみたいです。ChromiumOSのPAE対応版なんて出る筈もないのでこれは無理ということですね。

これらのことから、結論的には不可みたいです。
ただし、PAE 非対応 の古いノートPC で Lubuntu 12.04 を利用するに書いてある様に、11.10をインストールした上で12.04LTSにアップグレードすれ2017年迄サポートは受けられる様です。
その為、最新版に維持しておきたい私としては使えないので実質的にこの古いノートPCに最新のlinuxを入れることは無理という結論となりました。
以上、何か役に立ったのであれば幸いです。


Windows8/Android/iPhone(iOS) で nasneの動画を再生する方法の最短手について
2013-12-28T22:59:00.002+09:00
おひさしぶりです。junerです。最近家にnasne(1TB)を（自分用と家族用の計2台）入れたのですが家で使ってるWindows8、母、自分の使ってるAndroid、妹の使っているiPhone/iPad でその動画を再生・ダウンロードする方法について調査したのでとりあえずメモついでに報告しておきます。
ちなみに、居間での再生用にPSVITA TVを購入しています。

Windows8
まず、Windows8ですが、DiXiM Digital TV plusという手もありますが、5980円と、高いことと、うちの低スペックなX121eでは体験版でも結構きついということもあり、以下のソフトを使っています。
StationTV Link
WindowsStoreでダウンロードできる事と。1950円という低価格、それにX121eでもスムーズに再生出来たのが決め手でした。
※勿論、ダウンロードしたいとか、Blu-rayに焼くとか思ったらDiXiM系のソフトになりますけれど。勿論そっちはうちのX121eがポンコツなので試していません。（というかBDドライブは無いです。
Android
Androidの場合、まずは再生出来るアプリから探してみたところ以下のアプリしか無い様でしたので再生をそれで確認してとりあえず再生はこれでいこうと決めました。※ただし、DTCP-IPの動画を再生するには+700円かかります。
Twonky Beam
ただし、これだとダウンロードとかキャッシュはできませんので、他のソフトを探したところ、以下のソフトがありました。
RECOPLA
これで決まり！（ﾋﾞｼｯ）とか思ったのですが、よくよく確認してみれば、ダウンロードするとかする場合、Nexus7ではいけるみたいですが、うちのHTC J One ではこのアプリは使えない様でした。（ぐぬぬ
※バージョンなのか端末なのか……。
iPhone/iPad
妹はiOSで統一しているので妹に確認しながら1500円のカード買ってきて ¥900なので購入して入れたのですが、iPhoneとかだと一つのアプリでダウンロードも再生もできる様で便利です。で、そのアプリは以下になります
Media Link Player for DTV
要約
というわけでnasneパないです。てか、実際問題としてDRで録画しても3倍で録画してもどれでも再生できるってのはきっとnasneが変換してるからなんかな。便利です。容量とかそういうチェックはしていないのでどんくらい使うかとか知らないですけれど。
あと、再生するだけであればとりあえずどの環境でも準備出来るのが良いです。パない。
というわけでおすすめな話でした。


jQueryDeferredTimeoutUtilities について
2013-12-04T02:11:00.002+09:00
お久しぶりです。最近は非同期処理を使うならjQuery.Deferredを使っているjunerです。
で、今回は時前で最近作っている jQueryDeferredTimeoutUtilitiesについてでも解説してみようと思います。

jQueryDeferredTimeoutUtilities(以下、jDTUと略す)はjQueryのDeferredを利用する際に使える時間操作系関数と、jQueryの基本のUtilityをDeferred対応にした関数を合わせた物です。対応jQueryのバージョンは内部でthenを多用する為 1.8 以上としております。本プラグインの現在のバージョンはTest versionと称してまだ0.0.1ではありますが、単体テストはやっていますのでしっかりと動くと思われます。（昨日説明やサンプル・ドキュメントが充実してから1.0をリリースする予定。）
時間操作系関数群について
時間操作系関数は一定時間後に完了(resolve)するDeferredを返す timeout 系と 一定間隔で途中経過を報告(notify)する interval 系の2インターフェース各3種ずつで計6種あります。
これらの関数についてはまぁ読めばわかるとは思いますので割愛します。（詳しくは関数仕様(時間系)を参考にしてください。
で、今回のメインとなるのはjQuery UtilityのDeferred対応を行った方となります。
deferredEach
まずは非同期で要素を走査するdeferredEachです。

通常の場合は setTimeoutなどを通して複雑に書かなくてはいけないところを、この関数を利用することで普通の each文と同様な感じに書くことが出来ます。
この関数は連続して行う必要のある非同期処理を同期的に順番に行う場合に適しています。

ajaxによる取得を行う場合は上記の様になります。
deferredMap
並列に処理を行い、完了時に配列を取得するdeferredMapです。

比較を見ての通り、jQuery.Deferred() に於ける.when() の引数をapplyから配列で渡す様にしてあるだけの物です。
ただし、比較ではwhenのラッパーではありますが、実際は途中キャンセルの為の関数が追加されていたりするのでもうちょっと複雑ではあります。
deferredGrep
grep自体は戻り値に応じて配列の対象部分を含めるか含めないかを選択する関数ではあるのですが、deferredGrepはその戻り値をDeferredも設定出来る様にした物となります。
この関数も .when() のラッパーの1種ではありますが、deferredMapとの大きな違いとしては ajaxが失敗してもcancelされず継続されるということです。

その為、サンプルの様にajaxリクエストを行って問題無い物を配列に纏めて取得したり、失敗した物だけを纏めることが可能となります。
以上。そんな感じとなります。問題点や質問等ありましたらどしどし言って頂けると幸いです。


WindowsStore対応のGooglePlayMusicアプリについてのメモ
2013-08-25T13:13:00.001+09:00
WindowsStore対応のGooglePlayMusicアプリについてのメモを残しておきます。

gMusicW


G8-Music


GoMP


以上についての気になった点などを纏めていきたいと思います。

現状見つけたのは上記の3つなのですが、全て現状はGoogleAccount の ID と Passwordを求めてきますので、2段階認証をONにするなりして固有のパスワードを発行して利用しましょう。固有のパスワードを使ってログインさせれば、最悪パスワードの変更が出来ませんので。（使わなくなったらパスワードを無効にすることも忘れずに。
まぁ多分GooglePlayMusic用のAPIが用意されていない（もしくは非公開状態で変更が激しい）為かと思われますので、Google側の対応に期待しておきたいところではあります。
で、実際使ってみての問題点としては gMusicW、G8-Music ともに曲が被る傾向にあります。入れた曲がアルバムの中見ると2件ある場合あ多く感じられます。もしかしたら曲のサイズとか関係するのでしょうか？まぁでも、使ってみる限りこの２つはそのくらいしか問題は無いですね。文字化けもありませんし。
で、もう一つのGoMPなのですが、そっちの方は全者の様な曲のダブりは無いのですが、文字化けます。もしかしたら文字の処理が特殊な感じになっているのでしょうか？アスキー文字として処理しているとか？よくわかりませんが。
以上です。どのアプリも最初に言った様に、GoogleAccountのパスワードを要求するタイプのアプリなので信頼出来ない場合は注意して下さいとしか言えませんけれど、こんな感じです。


jQuery Deferredを用いた setTimeout,setInterval の実装例
2013-07-06T21:08:00.001+09:00
お久しぶりです。今回は jQuery Deferred による setTimeout と setInterval の実装例でも載せておきます。
まぁ何かと仕事でもこのネタは使うのでメモ代わりに載せておきます。


まぁ、サンプルでは $(elem).timeout(5000) とか $(elem).interval(3000) みたいに使っていますけれど、要素無くても $.timeout(5000) とか $.interlva(3000) みたいに呼べたりするのですけれどね。
とりあえずそんな感じ。


Windows8で素早くコントロールパネルを開く6つの方法
2013-04-28T15:38:00.000+09:00

今回はWindows8端末でコントロールパネルを開く方法について調べてみました。

まず、最初に、Windows8での正攻法的な方法では、コントロールパネルを開くのが目的ではなくて、その設定項目に行きたいというのが重要なのであるので実はチャームにある検索の検索対象を設定に切り替えれば事足りる事であるという事を言っておきます。
尚、下記で説明するショートカット・行き方はスタート画面から行う場合のショートカット・行き方となっております。
検索対象の項目名の一部入力 → 検索対象を設定に切り替え → Enter
これが正攻法となります。検索項目がわかっている時はこれで良いですね。
また、物理キーボードを持たない端末はこの方法がメインとなります。
尚、ここで出てきた項目はスタート画面にピン止め出来るので更に早く表示する事も可能です。
[Win]+[D]→[Win]+[I]→[Enter]
デスクトップの設定にコントロールパネルが登録されていたります。よく忘れがちではありますが。
ちなみに私の場合は探す項目が決まっているのでここから[Ctrl]+[F]して検索する事になるのでやっぱり一つ目に紹介した正攻法の方が早かったりします。
[Win]+[X]→[P]
便利機能ショートカットの[Win]+[X]からコントロールパネルを呼び出す場合のショートカットはこの様になります。便利機能全般はこれが一番アクセス早いですね。
コマンドプロンプトを通常起動([Win]+[X]→[C])したり、管理者権限で起動([Win]+[X]→[A])出来たりするのはこの便利機能だけ！（多分）
尚、この便利機能一覧表示機能自体はスタート画面であろうと、デスクトップであろうと、他アプリからだろうと出せるので便利だったりします（キーボードさえ使えれば使えるので是非活用しましょう）
タスクバーにピン止めして[Win]+[D]→[Win]+[(n)]
これ自体はWindows7でふつうに使えていた方法ではありますが、デスクトップのタスクバーにアプリケーションは登録できるンです！Windows7までは一番の便利機能だったのですけれど……。
尚、この[Win]+[(n)]というのは[Win]+[N]という意味ではなくて、タスクバーの上から(n)番目といった意味だったりします。（その為、よく使うデスクトップアプリは10番目以内に入れておきましょう。（※[1]～[9]はその儘ですが、10番目は[0]を使います。）

[Win]+[R]→controlと入力→[Enter]
Windowsのアプリケーションの直接起動系の方法ですね。
[Win]+[E]→[Alt]→[C]→[C]
エクスプローラでコンピュータを開いた際にコントロールパネルへのリンクが存在することを利用した方法ですね。Win7だと[Win]+[E]の後に「コントロールパネルを開く」をクリックになりますね。（キーボードだけだと、[Win]+[E]→[Tab]→[Tab]→[Tab]→[→]→[→]→[→]→[→] ）の様な感じになりますね。
みたいな感じでしょうか。旧来のUI慣れしている方でもWindowsVista以上で推奨される使い方の検索を活用して素早く表示していた方は多分あまり操作性は変わらないとは思いますが……。
参考
Windows 8 と Windows RT の新しいキーボード ショートカット - Microsoft Windows

2013/04/28 15:57
TaKaYuKi HaMaWaKiさんの指摘で[Win]+[R]による実行に関するショートカットを追加
これによりタイトルを[Windows8で素早くコントロールパネルを開く5つの方法]に変更。
2013/05/08 12:20
松尾勇也さんの指摘で[Win]+[E]を起点とするショートカットを追加
これによりタイトルを[Windows8で素早くコントロールパネルを開く6つの方法]に変更。


SurfaceRT買ってみての感想だとか。
2013-04-16T23:13:00.000+09:00

お久しぶりです。junerです。Surface買いました！

この数日使ってみての感想としては、私の使い方としては問題無いって感じです。（ネットサーフィンとワンノートくらいしか使いませんし、あと絵を描くくらいですし。
で、絵の書き味としてはSketchBook Expressを使う分には頗る良いといったところでしょうか。タッチパネル面の素材のせいなのか指で描くのがすごくやりやすいのです。

まぁ、以上。そんな感じでした。


jQuery plugin .texts() 1.1 リリースしました。
2013-02-12T06:24:00.000+09:00
jQuery 1.9で .texts()が動作しない事に気がついたので修正及びテキストを取得する範囲がおかしかった為修正しました。


修正箇所としては jQuery 1.9 で動作の変更された .replaceWith の対策を施しました。
ポイント１
一つ目に行った事としては replceWith をして文字列を変更すると変更されない様なので、一度要素を作ってしまい、 それらの要素を insertAfter して元の要素を remove してしまう方法です。
コード的には以下の様な感じでしょうか。
以前の方法
$(this).replaceWith(text.replace(/([hoge])/g,"<span>$1</span>"));
改善方法
text = text.replace(/([hoge])/g,"<span>$1</span>");
var es = $.parseHTML(text);
$(this).insertAfter(es);
$(this).remove();
これにより、置換えした物を一度挿入して元の要素を削除する形式へと変更できています。


[jQuery plugin].texts() リリース(してます。：過去形)
2012-12-24T20:42:00.002+09:00
そーや結構前からjsdo.itで公開していますjQuery pluginについてでも記事を書こうかと思います。
そのpluginの名は.texts()です。そのpluginは下記の機能を持ちます。
要素群より文字のみ抽出し、且つ指定の正規表現により1文字に分け、任意のタグで囲った物を取得する
このpluginの利点は下記にあります。
要素ではなく、テキストノードのみ抽出して操作することによりタグの書き換えが発生せず、イベントが消失しないこと。
ダウンロードはこちら


この要素は名の通り、任意の要素群からテキストノードのみ取得し、1文字ずつに分け、取得することが出来るという物です。
文字解析の正規表現が/([\uD800-\uDBFF][\uDC00-\uDFFF]|[^\B\t\s ])/gになっているのは[\uD800-\uDBFF][\uDC00-\uDFFF]でサロゲートペア文字を切り出し、且つ、[^\B\t\s ]で、特定文字種以外の文字を1文字単位で切り出しています。
関数としての動作については下記の様になります。
$(selecter).texts(options);
要素群よりテキストノードを取得する。
options.class
一時クラス名
（オプション 初期値: "char"）
options.tagName
生成タグ名
（オプション 初期値: "span"）
options.reg
正規表現オブジェクト
（オプション 初期値: /([\uD800-\uDBFF][\uDC00-\uDFFF]|[^\B\t\s ])/g）

以上。
追伸：
サンプルなら、うちのcodeを見るとそこたら中で使っていますが、単に jQuery objectで.texts()するだけです。


[ｊQuery plugin] .sort() 1.0 リリース
2012-12-24T18:28:00.000+09:00
というわけでjQuery plugin の.sort() 1.0リリースします。
このプラグインは以下の機能をjQueryに付加します。

 jQueryで取得した要素群を任意の順番に並び換える機能

ダウンロードはこちら


で、このプラグインですが、下記の関数群によって成り立っています。(実際の動作はhttp://jsdo.it/juner/jQuery_sort_1.0を参照のこと。)
jQuery.fn.sort();
何もせずthisを返す。
jQuery.fn.sort(String key);
指定したキーによる並び替えが登録されていればそのソートを行い、ソートされた要素群を返す。
もしもそのキーが登録されていない場合は何も変更せずにthisを返す。
初期状態で登録されているキーは下記の通りである
'reverse'
逆順に並び替える
'shuffle'
シャッフルする
'alternate'
端から順番に並び換える
'central'
中央から順番に並び換える
jQuery.fn.sort(Function key);
指定されたFunctionでソートした要素群を返す。
その際に指定するfunction は this にjQuery.fn.get()の返り値の配列が格納されている状態で動作することを念頭に作成すること。
jQuery.sort();
設定を行う為の幾つかの関数を返す。
.addFunction(String key,Function func);
keyにfuncを登録する
.addFunction(Object options);
optionsが連想配列であれば そのキーをキーとして、値を関数として登録する。
.delFunction(String key);
keyが登録されていれば削除する
.delFunction(Array keys);
keyのリストを元に設定されている物があれば削除する。
.setAutoGlobalMethod(boolean on_off);
自動登録フラグのON/OFFを設定する。※1
.addGlobal()
既に登録してあるキーを全てjQuery.fn.key に登録する(ただし、上書きはしない。)
.addGlobal(String key)
既に登録してあるkeyの関数をjQuery.fn.key に登録する
.addGlobal(Array keys)
既に登録してあるkeyの関数を配列を元に jQuery.fn.key に登録する
.delGlobal()
既にaddGlobalで登録してある関数のうちsort関連で登録された物だけを削除する
.delGlobal(String key)
既にaddGlobalで登録してある関数のうちkeyに指定されたものをjQuery.fn.keyより削除する。関係無い関数の場合削除しない。
.delGlobal(Array keys)
既にaddGlobalで登録してある関数のうちkeyの配列に指定されたものをjQuery.fn.keyより削除する。関係無い関数は削除しない。

jQuery.sort(options)
ソートの設定を行う。指定出来るキーとその値については下記の通りである。
options.autoGlobalMethod
自動設定フラグ(※1)
options.add
新たに設定するキーと関数の連想配列
options.del
削除するキーの配列

※1 自動設定フラグ
jQuery.fn.sort("keyname")で利用出来るソートをjQuery.fn.keyname()でも利用出来る様に出来る機能
標準でOFFになっている。
また、これがONになっていても、既にkynameが設定されている場合には設定されない。
サンプルについてはこちら



[2012/12/20] jsdo.itでデイリーランキング一位になってたなど。
2012-12-21T08:07:00.001+09:00
昨日、うちの最近愛用してるサービスのjsdo.itで、デイリーランキング一位になりました！

今後共よろしくお願いいたします。


    


$([]).texts().each(funct...
2012-12-19T02:03:00.003+09:00
こんっちゃっす。最近jsdo.it でコード書きまくってるところのjunerです。
最近書いたコードについて説明したいと思います。

まず説明したいのはこのサンプル
hop texts (jQueryPlugin .texts()の使用サンプル)

アレです。要するにtextNode(nodeType==3)だけ取得してそれらの文字を正規表現によって1文字づつ切り分けて指定の要素に格納して返すjQueryPluginって奴です。使いたい人は使えばいいです。


干支(にほんごじゃばすくりぷと)
2012-12-15T15:45:00.000+09:00
jsdo.itに登録してみたjunerです。
ガリガリ夜なべしてとりあえずにほんごじゃばすくりぷとで干支を求めるクラスでも作ってみた。

干支(にほんごじゃばすくりぷと)

ん。ゲッターとセッターが恰好悪い？いや、だって日本語は英語とは違いますし。〜を取得って形式になりますし。
まぁうちとしてはソースの通り、下記の様な命名規則でやっています。
タイプ 英語 日本語
getter get[xxx] [xxx]を取得
setter set[xxx] [xxx]を設定
で、実際の使用例的には下記の様になります。
干支(にほんごじゃばすくりぷと) 使用サンプル

そんな違和感の無い使い方な筈……だよね？
以上！


GoogleAppsで利用出来るサービス一覧を調べてみたよ！[2012/12/08 現在]
2012-12-08T20:32:00.003+09:00

今朝にThe Google Apps TeamからGoogleAppsについての下記の様なメールが届きました。
Google からのお知らせ


Google Apps のサービス パッケージが一部変更となりますのでお知らせします。変更に伴い、お客様にお願いする設定の変更は特にございません。


本日をもちまして、Google Apps の基本バージョンの新規登録を終了いたします。また、このバージョンに切り替えるオプションのご提供を 30 日後に終了いたします。


この変更の詳細については、ヘルプセンターか Enterprise Blogをご覧ください。

Google では、Google Apps for Business をご利用のお客様に快適なサービスを提供するよう今後も努めて参ります。お客様には、年中無休 24 時間体制のカスタマーサポート、25 GB の受信トレイ、99.9% の稼働率の保証、ビジネス用コントロールなどを今後もご利用いただけます。


今後とも Google Apps をよろしくお願いいたします。


Clay Bavor
Google Apps、ディレクター

要するに、既に登録している人は関係ないけれど、GoogleApps無償版の新規登録やめるよー！って事みたいです。なので、GoogleAppsで使えるサービス一覧を調べてみました。
(※尚、junerはGoogleApps for Businessを使っている為、そこで利用可能なサービス一覧を説明します。)

で、全体図的には下記の様になります。

……って長いですね。小さすぎますね。それにPicasaWebAlubumですら全体表記利きませんね。(※PicasaWebAlubumの原寸大で表示出来るサイズは高さが800以下な為)見る場合はダウンロードしてみてください。
で、解説ですけれど、高さ800px以下で纏めると8枚になるので8回に分けて説明しますね。

コアGoogleサービス
Googleの主要サービス一部の機能はダッシュボードにて追加しないと利用出来ない。
Gmail
Google Groups for Business
Google カレンダー
Google サイト
Google トーク
コンタクト
ドライブとドキュメント

動画
Marketplaceのサービス
Google Apps Marketplaceで幾らでも追加出来る為割愛

その他のサービス
GoogleにあるGoogleApps外のサービス。GoogleAppsAccountでログインして利用することが出来る。
Blogger
Chrome Web Store
DART for Publishers
DoubleClick Customer Resource Center
DoubleClick DART Enterprise
DoubleClick for Advertisers
DoubleClick for Publishers
DoubleClick Search
DoubleClick Studio
FeedBurner

Google Ad Planner
Google AdSense
Google AdSense for TV
Google Advertising Professional
Google AdWords
Google Affiliate Network
Google Analytics
Google App Engine 管理コンソール
Google Base
Google Bookmarks
Google Chrome Sync
Google Code

Google Finance
Google Friend Connect
Google Hotpot
Google in Your Language
Google Latitude
Google Play Developer Console
Google Public Data
Google Squared
Google Translator Toolkit
Google Voice
Google Wallet

Google ウェブマスター ツール
Google カスタム検索
Google クーポン
Google グループ
Google サイドウィキ
Google データエクスポート
Google デスクトップ
Google ニュース
Google ブックス
Google プレイス
Google マップ
Google マップメーカー

Google モデレーター
Google ユーザー登録リンク
Google リーダー
Google+
iGoogle
Knol
Merchant Center
Mobile Test Tools
orkut
Panoramio
Partner Dash
Picasa ウェブ アルバム

YouTube
YouTube CMS
YouTube パートナー シンジケーション
YouTube プロモート動画
ウェブサイトオプティマイザー
ウェブ履歴
ショッピング
パートナー プログラム
ユーザー別の保存容量
で計⁸⁄₈ですね。
まぁ一部サービスというか機能のものがあったり、廃止予定のサービスがあったりしましたけれどね。
以上。各々についてはググって下さい！
GoogleAppsで利用出来るサービス一覧[2012/12/08 現在]


MicrosoftOfficeの公式Viewerについてのメモとか
2012-11-06T21:06:00.000+09:00

MSOfficeをOffice入っていない時に見ようと思ったけど、見れなくて面倒な目にあったことってありませんか？
そういう時に使えるMS公式のOffice Viewerについての調べてみました。

まず、公式でViewerを用意されている物は Word,Excel,PowerPoint,Visioの四つ。
Word Viewer
http://www.microsoft.com/ja-jp/download/details.aspx?id=4
Excel Viewer
http://www.microsoft.com/ja-jp/download/details.aspx?id=10
PowerPoint Viewer
http://www.microsoft.com/ja-jp/download/details.aspx?id=13
Visio Viewer
http://www.microsoft.com/ja-jp/download/details.aspx?id=21701
そんな感じにある訳ですよ。ちなみに、Viewerっていう意味では公式で言ってる様に、MicrosoftOfficeの評価版をインストールすればよいのですけれどね。(例：MSOffice2010評価版) 評価版であれば、評価期間の60日を過ぎれば作成・編集機能が使用出来なくなって完全なViewerになるのでそういう意味であればアリかもしれません。
もしくは、Viewerではなく、最新のOfficeを使いたい！って人がいるのであれば、MSOfficeのCP版という手もあります。これはまぁ期限はありますけれど。
もうぶっちゃけ編集したいのであれば、Web Appsでこと足りるのですけれどね。（細かい編集とかは無理ですけれど、基本的に使うんであればこれでこと足りる。
以上、無料でOffice使う場合のメモでした。


0401 - The Best Days of 重音テト が届いたのでGooglePlayMusicの書き方でも記事にしてみます。
2012-10-11T01:38:00.000+09:00

0401 - The Best Days of 重音テト (数量限定生産) (ALBUM+DVD) [CD+DVD, Limited Edition]購入！さっさとGooglePlayMusicへUPしてきたjunersことjunerです。
皆さんはGooglePlayMusicへ入れる際に、情報どう入れていますか？

私の場合、下記の様になります。



NAME
曲名
ARTIST
曲のメインのアーティスト
ALBUM ARTIST
アルバムで纏めている人(今回はツインドリルプロデュースなのでツインドリルにしています。)
ALBUM
アルバム名
COMPOSER
演奏者・作曲者・編曲者他(ARTISTに書いた人も含めておく)
GENRE
ジャンル
あとの項目は見てわかるとおりです。
ちなみに、ジャケット画像は公式ブログにある『0401 -The Best Days of 重音テト』ジャケット完成！の物を使用しております。（amazonのでもいいですね。
そんな感じでした！
関連サイト
重音テト単独メジャーデビューCD　0401- The Best Days of 重音テト 公式頁



DTCP+についてのmemo
2012-10-05T22:05:00.000+09:00

DTCP+は、DTCP-IPの1.4に当たるものでDTCP+と呼ばれてるみたい。
詳しくはITProのリモート・アクセスに対応したDTCP+とはを読んだらいいと思うけれど大まかに以下の機能が追加されるのよね。
デジタル出力制御
通信が暗号化されて通信するので安心！ヘッダは暗号化されてないけど、データはAESで暗号化されてるよ！ちなみに、DOTが追加されて、それが1だったらプロテクトされたデジタル出力でしか見れなくなるみたい。
メディアに依存しないCMIの伝送方式
CMI記述子を使う事でコンテンツ種に限らず、いっぱい情報付けられるよ！やったね！
新しいコピーカウントCMI
機器間でダビング4分をムーブしたり、ダビング10を維持した儘ムーブ出来るよ！やったね！
リモート・アクセス機能
ネットワーク内で登録した機器間ならインターネットを通じてコンテンツを見られるようになるよ！やったね！
とまぁ、そんな感じみたい。コンテンツ提供側、TV側の陣営さんがこれをその儘使ってくれれば嬉しいところなのですけれど……。



BrowserBirthdayCalendar(webブラウザの誕生日カレンダー)つくりました！
2012-09-09T23:15:00.000+09:00
というわけでjunerです。今回は【メモ】：2011年11月15日現在に於けるブラウザ娘とその年齢についてのメモの続編として、あの後調査した情報を元にしてブラウザの誕生日カレンダーを纏めてみることにしました。

注意点としては下記となります。
バージョン1.0のリリース日を誕生日としています。(それ未満はまだbetaの様な生まれる前の形として扱っています。
調査して1.0がわからない場合は1.0以上の最初のリリースを誕生日にしています。
参考の為に、その証拠となるURLも載せています。
その為、この前の一覧表での誕生日とは違った結果になっていると思われます。
登録する場合は下記に用意したボタンを押して頂けるとGoogleCalendarに追加されるようになっています。使って頂けると幸いです。

また、1.0の誕生日を知っていていて且つ、追加されていないブラウザを知っている場合はtwitterのjunersや、juner迄証拠となるURLと共にお知らせください。よろしくお願いします。
以上。
参考迄に、作成したカレンダーを以下に表示しておきます。

juners weblog

【jQuery3】【Deferred】というわけでjQuery3からはDeferredがPromise/A+に準拠するそうでthenの動きを再確認してみた。

【1日1コード】【jQuery】テーブルの行追加・削除サンプル

コード解説

リスト系name属性の番号の振り直し

行の追加

行の削除

【1日1コード】【jQuery】jQuery でイベントを次の行に起こすコード

解説

WindowsStoreのGoogleMusic対応アプリはoutcoldplayerが一番カナーとか。

片仮名で使える小文字は全29種類であっていましたっけ？（Unicode6.0時点で

InternetExplorerの脆弱性が気になるなら次のことをしたほうがいいと思うよ

ご飯は炊飯器派？それとも鍋派？

古いXPのノートPCにUbuntuなどのlinuxを入れようとしている君たちへ

Windows8/Android/iPhone(iOS) で nasneの動画を再生する方法の最短手について

Windows8

Android

iPhone/iPad

要約

jQueryDeferredTimeoutUtilities について

WindowsStore対応のGooglePlayMusicアプリについてのメモ

jQuery Deferredを用いた setTimeout,setInterval の実装例

Windows8で素早くコントロールパネルを開く6つの方法

SurfaceRT買ってみての感想だとか。

jQuery plugin .texts() 1.1 リリースしました。

[jQuery plugin].texts() リリース(してます。：過去形)

[ｊQuery plugin] .sort() 1.0 リリース

[2012/12/20] jsdo.itでデイリーランキング一位になってたなど。

$([]).texts().each(funct...

干支(にほんごじゃばすくりぷと)

GoogleAppsで利用出来るサービス一覧を調べてみたよ！[2012/12/08 現在]

MicrosoftOfficeの公式Viewerについてのメモとか

0401 - The Best Days of 重音テトが届いたのでGooglePlayMusicの書き方でも記事にしてみます。

DTCP+についてのmemo

BrowserBirthdayCalendar(webブラウザの誕生日カレンダー)つくりました！

juners weblog

【jQuery3】【Deferred】というわけでjQuery3からはDeferredがPromise/A+に準拠するそうでthenの動きを再確認してみた。

【1日1コード】【jQuery】テーブルの行 追加・削除サンプル

コード解説

リスト系name属性の番号の振り直し

行の追加

行の削除

【1日1コード】【jQuery】jQuery で イベントを次の行に起こすコード

解説

WindowsStoreのGoogleMusic対応アプリはoutcoldplayerが一番カナーとか。

片仮名で使える小文字は全29種類であっていましたっけ？（Unicode6.0時点で

InternetExplorerの脆弱性が気になるなら次のことをしたほうがいいと思うよ

ご飯は炊飯器派？それとも鍋派？

古いXPのノートPCにUbuntuなどのlinuxを入れようとしている君たちへ

Windows8/Android/iPhone(iOS) で nasneの動画を再生する方法の最短手について

Windows8

Android

iPhone/iPad

要約

jQueryDeferredTimeoutUtilities について

WindowsStore対応のGooglePlayMusicアプリについてのメモ

jQuery Deferredを用いた setTimeout,setInterval の実装例

Windows8で素早くコントロールパネルを開く6つの方法

SurfaceRT買ってみての感想だとか。

jQuery plugin .texts() 1.1 リリースしました。

[jQuery plugin].texts() リリース(してます。：過去形)

[ｊQuery plugin] .sort() 1.0 リリース

[2012/12/20] jsdo.itでデイリーランキング一位になってたなど。

$([]).texts().each(funct...

干支(にほんごじゃばすくりぷと)

GoogleAppsで利用出来るサービス一覧を調べてみたよ！[2012/12/08 現在]

MicrosoftOfficeの公式Viewerについてのメモとか

0401 - The Best Days of 重音テト が届いたのでGooglePlayMusicの書き方でも記事にしてみます。

DTCP+についてのmemo

BrowserBirthdayCalendar(webブラウザの誕生日カレンダー)つくりました！

【1日1コード】【jQuery】テーブルの行追加・削除サンプル

【1日1コード】【jQuery】jQuery でイベントを次の行に起こすコード

0401 - The Best Days of 重音テトが届いたのでGooglePlayMusicの書き方でも記事にしてみます。