tag:blogger.com,1999:blog-81821182480116014962024-03-13T12:30:03.003+09:00juners weblogTIPSだとか記録だか何か気づいたこととか書くブログ。最近は絵茶ログは休止中。junerhttp://www.blogger.com/profile/06093106876740074411noreply@blogger.comBlogger465125tag:blogger.com,1999:blog-8182118248011601496.post-56504398595156306992015-11-30T00:18:00.001+09:002015-11-30T00:18:25.836+09:00【jQuery3】【Deferred】というわけでjQuery3からはDeferredがPromise/A+に準拠するそうでthenの動きを再確認してみた。<p>というわけでお久しぶりです。junerです。Google+では毎日投稿しているものの、blogの更新はもう全くしていなかったわけですが、コーディングは仕事も趣味もありますのでやっていたけどブログにアウトプットしておりませんでした。</p>
<p>で、久々の投稿となるわけですが、今回は<a href="http://blog.jquery.com/2015/07/13/jquery-3-0-and-jquery-compat-3-0-alpha-versions-released/" title="jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released">jQuery3.0.0 alphaが出た</a>ことについての話です。</p>
<p>私は仕事でも、趣味でも jQueryを使う場合はPromiseもとい jQuery.Deferred をよく使います。jQuery3はそのDeferredの元となったPromise/A+という規格にDeferredが更に近づいた実装になったという話なので、チェックしてみました。</p>
<a name='more'></a>
<p>で、今回は以下の様な感じのソースを書きまして、見やすい様なテストを書いてみたいと思います。</p>
<pre style="background-color:gray;color:white;">function(){<div style="padding-left:1em">// 1.初期処理<br/>var d = $.Deferred(function(){<div style="padding-left:1em">//2.deferred内の処理<br/>// 同期の場合はその儘resolve<br/>// 非同期の場合は非同期的にresolveする</div>})<br/>.then(function(){<div style="padding-left:1em">//3.resolve時の処理</div>});<br/>// 4.外処理</div>}</pre>
<p>それをjQuery2.1.3で実行した例が以下の様な感じとなります。</p>
<iframe width="100%" height="300" src="//jsfiddle.net/juner/xz70m9my/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>これによりわかることはjQuery2迄は同期的にresolveした場合に以下の様に実行されます</p>
<ul><li>1.初期処理</li><li>2.deferred内初期処理</li><li>3.resolve時の処理</li><li>4.外処理</li></ul>
<a href="http://3.bp.blogspot.com/-gSEYrCPFs9g/VlsVhoFbHqI/AAAAAAAFX-4/EHfDTYnwON4/s1600/Screenshot%2B%252815%2529.PNG" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-gSEYrCPFs9g/VlsVhoFbHqI/AAAAAAAFX-4/EHfDTYnwON4/s400/Screenshot%2B%252815%2529.PNG" /></a>
<p>また、非同期的にresolveした場合、以下の様に実行されます。</p>
<ul><li>1.初期処理</li><li>2.deferred内初期処理[結果は非同期]</li><li>4.外処理</li><li>3.resolve時の処理</li></ul>
<a href="http://3.bp.blogspot.com/-56jrv8LeQoE/VlsVhje9boI/AAAAAAAFX-0/nRZCtndaj8k/s1600/Screenshot%2B%252816%2529.PNG" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-56jrv8LeQoE/VlsVhje9boI/AAAAAAAFX-0/nRZCtndaj8k/s400/Screenshot%2B%252816%2529.PNG" /></a>
<p>全く同じでjQuery3で実施したのが以下のサンプルとなります。</p>
<iframe width="100%" height="300" src="//jsfiddle.net/juner/3mbc28tc/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>それが、jQuery3だと同期的なresolveでも以下の様になります。</p>
<ul><li>1.初期処理</li><li>2.deferred内初期処理[結果は非同期]</li><li>4.外処理</li><li>3.resolve時の処理</li></ul>
<a href="http://2.bp.blogspot.com/-hGnlFpDIPbA/VlsVhtcySaI/AAAAAAAFX-w/ITM0GGYgvw8/s1600/Screenshot%2B%252817%2529.PNG" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-hGnlFpDIPbA/VlsVhtcySaI/AAAAAAAFX-w/ITM0GGYgvw8/s400/Screenshot%2B%252817%2529.PNG" /></a>
<p>勿論、非同期的でも同様に以下の様になります。</p>
<ul><li>1.初期処理</li><li>2.deferred内初期処理[結果は非同期]</li><li>4.外処理</li><li>3.resolve時の処理</li></ul>
<a href="http://1.bp.blogspot.com/-yQcEGE2vJLU/VlsViK_tX7I/AAAAAAAFX-8/pHkkIvpukvU/s1600/Screenshot%2B%252818%2529.PNG" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-yQcEGE2vJLU/VlsViK_tX7I/AAAAAAAFX-8/pHkkIvpukvU/s400/Screenshot%2B%252818%2529.PNG" /></a>
<p>以上、実験ついでのメモでした。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-55811845698472624802015-06-14T01:51:00.001+09:002015-06-14T05:51:09.510+09:00【1日1コード】【jQuery】テーブルの行 追加・削除サンプル<p>眠さのあまり、昨日更新が出来なかった junerです。はい。すでに1日1コードじゃなくなっていますね。</p>
<p>で、今回のコードですが、 jQuery で formでテーブル全体を送信することを想定したテーブルの追加・削除例となります。</p>
<p>formでテーブル全体を送る場合、何かと name[n].test みたいな形式にする必要があったりして面倒なので(仕事でも)よく使うコードとしてここらへんで書いておきます。</p>
<a name='more'></a>
<section>
<iframe width="100%" height="300" src="//jsfiddle.net/juner/t9Lme4b7/embedded/" allowfullscreen="allowfullscreen" frameborder="0"><a href="https://jsfiddle.net/juner/t9Lme4b7/">全体をform送信することを想定した テーブルの行 追加削除サンプル</a></iframe><br/>
<a href="https://jsfiddle.net/juner/t9Lme4b7/embedded/result/" title="全体をform送信することを想定した テーブルの行 追加削除サンプル">結果だけ見る場合はこちらのリンク</a>
<p>で、今回のは装飾とかはなしで、ささっと作ったのでポイント解説していきたいと思います。</p>
<h4>コード解説</h4>
<section><h4>リスト系name属性の番号の振り直し</h4>
<pre style="background-color:gray;color:white;">$table.find("tbody")<br/>.on(<strong style="color:yellow">"renumber"</strong>,<strong style="color:yellow">"tr:not(:first-child)"</strong>,function(e,num){<div style="padding-left:1em">var $tr = $(this),<div style="padding-left:1em">reg = /\[.*\]/;</div><span style="color:silver">//numが入っていない場合は求める</span><br/>num = num === undefined<div style="padding-left:1em">? $table<div style="padding-left:1em">.find(<strong style="color:yellow">"tbody tr:not(:first-child)"</strong>)<div style="padding-left:1em"><strong style="color:yellow">.index(this)</strong></div></div>: parseInt(num);</div>$tr<div style="padding-left:1em"><span style="color:silver">//偶奇対応</span><br/>.removeClass("even odd")<br/>.addClass( num%2==0 ? "odd" : "even")<br/><span style="color:silver">//中の名前付き入力項目のnameの整理</span><br/>.find("input[name]").each(function(){<div style="padding-left:1em">this.name = this<div style="padding-left:1em">.name.replace(reg,"["+num+"]");</div></div>}).end()<br/><span style="color:silver">//次の行で同様のイベントを起こす</span><br/><strong style="color:yellow">.next("tr")</strong><div style="padding-left:1em"><strong style="color:yellow">.trigger("renumber",[num+1])</strong>;</div></div></div>})</pre>
<p>番号の振り直しは色々とよく使うのでカスタムイベントとして定義します。番号の振り直しのカスタムイベントは最初以外のtr要素(<strong><code>tr:not(:first-child)</code></strong> )に対して<strong><code>renumber</code></strong> として定義しています。</p>
<p>行のindexは毎回求めるとコストが高いので わかる場合はtrigger時の引数として渡せる様にし、わからない場合は <strong><code>tbody tr:not(:first-child)<code></strong>上の順序を<strong><code>.index(this)</code></strong>にて求めています。</p>
<p>次の行の<code>renumber</code>イベントを起こす処理は、<a href="http://blogger.juner.net/2015/06/11jqueryjquery.html" title="【1日1コード】【jQuery】jQuery で イベントを次の行に起こすコード">前の1日1コード</a>でもやった様に次の行を<strong><code>.next("tr")</code></strong>で求め、<strong><code>.trigger("renumber",[num+1])</code></strong>により、現在の<code>num+1</code>の番号として<code>renumber</code>カスタムイベントを実行しています。</p></section>
<section><h4>行の追加</h4>
<pre style="background-color:gray;color:white;">$("#add")<br/>.on("click",function(e){<div style="padding-left:1em">var $tbody = $table.find("tbody");<br/>$tbody<br/>.find(<strong style="color:yellow">"tr:first-child"</strong>)<div style="padding-left:1em"><strong style="color:yellow">.clone()</strong><br/>.find("input[name]")<div style="padding-left:1em">.prop("disabled",false)</div>.end()<br/><strong style="color:yellow">.appendTo($tbody)</strong><br/><strong style="color:yellow">.trigger("renumber")</strong>;</div>return false;</div>})</pre>
<p>行の追加は非表示にしてる一行目のtr要素をテンプレートとして利用する形にしている為、<strong><code>tr:first-child</code></strong>の様なセレクタで非表示になっている一つ目の行を選択後、<strong><code>.clone()</code></strong>で対象要素を複製しております。</p>
<p>そのあと、活性・非活性の調整を行った後に<strong><code>.appendTo($tbody)</code></strong>で追加し、inputについている名前の番号付けを行う為、対象行に対して<strong><code>.trigger("renumber")</code></strong>によりカスタムイベント:<code>renumber</code>を起こしています。</p></section>
<section><h4>行の削除</h4>
<pre style="background-color:gray;color:white;">$table.find("tbody")<br/>.on("click","button.delete",function(){<div style="padding-left:1em">var $tr = $(this).closest("tr"),<div style="padding-left:1em">$next = $tr.next("tr");</div>$tr.remove();<br/><span style="color:silver">//もしも次の行があるなら番号の整理を行う</span><br/>$next.trigger("renumber");<br/>return false;<br/></div>})</pre>
<p><a href="http://blogger.juner.net/2015/06/11jqueryjquery.html" title="【1日1コード】【jQuery】jQuery で イベントを次の行に起こすコード">前の1日1コード</a>でもやった様に、ボタンから行を求め、次の行を取得した後、自行を削除して次の行にカスタムイベント:<strong><code>renumber</code></strong>を実施する感じとなります。</p>
</section>
以上。
</section>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-41027158457642985132015-06-11T06:37:00.000+09:002015-06-14T12:32:15.552+09:00【1日1コード】【jQuery】jQuery で イベントを次の行に起こすコード<p>ここ最近アウトプットが少なかったので、とりあえず毎日何らかのコードをアウトプットしてこうと思ったjunerです。</p>
<p>で、今回書いてたコードはイベントを次の行に伝播させるというコードですね。</p>
<a name='more'></a>
<iframe width="100%" height="300" src="//jsfiddle.net/juner/3d8terr0/embedded/" allowfullscreen="allowfullscreen" frameborder="0"><a href="https://jsfiddle.net/juner/3d8terr0/">イベントを次に起こすテスト</a></iframe>
<a href="https://jsfiddle.net/juner/3d8terr0/embedded/result/" title="イベントを次に起こすテスト の結果表示">結果だけ見る場合はこちらから</a>
<p>バリバリ装飾してるので装飾なしなら次の様になります。</p>
<pre style="background-color:gray;color:white;">$(function(){<div style="padding-left:1em">$("#target")<br/>.on("click","button",function(e,next){<div style="padding-left:1em">$(this)<br/>.<strong style="color:yellow">closest</strong>("li")<div style="padding-left:1em">.<strong style="color:yellow">next</strong>("li")<div style="padding-left:1em">.find("button")<div style="padding-left:1em">.<strong style="color:yellow;">trigger</strong>("click");</div></div></div></div>});</div>});</pre>
<h4>解説</h4>
<dl><dt>$elm.closest("li")</dt><dd><p>親を遡り、最初に該当セレクタに一致する要素があるとそれを返す函数。間に他の要素が挟まっていても確認できる為、非常に重宝する。</p><span>→ <a href="http://api.jquery.com/closest/">.closest()</a><a href="http://js.studio-kingdom.com/jquery/traversing/closest" title=".closest() | jQuery 1.9 日本語リファレンス | js STUDIO">【ja】</a></span></dd></dl>
<dl><dt>$elm.next("li")</dt><dd><p>次の兄弟要素を取得する為の函数。セレクタを指定することで次の要素が無い場合かそのセレクタの要素であることを保証することができる。</p><span>→ <a href="http://api.jquery.com/next/">.next()</a><a href="http://js.studio-kingdom.com/jquery/traversing/next" title=".next() | jQuery 1.9 日本語リファレンス | js STUDIO">【ja】</a></span></dd></dl>
<dl><dt>$elm.trigger("click")</dt><dd><p>指定したイベントを起こす函数。第二引数にarguments相応の配列を渡すことで任意のイベントに引数を付けて起こすことができる。</p><span>→<a href="http://api.jquery.com/trigger/">.trigger() </a><a href="http://js.studio-kingdom.com/jquery/events/trigger" title=".trigger() | jQuery 1.9 日本語リファレンス | js STUDIO">【ja】</a></span></dd></dl>
<p>以上。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-51519814101475564612014-11-05T01:51:00.000+09:002014-11-05T02:12:20.187+09:00WindowsStoreのGoogleMusic対応アプリはoutcoldplayerが一番カナーとか。<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-GQO3vHJo0GA/VFj9owZCRCI/AAAAAAADVqo/u8agomx-jqA/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(76).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-GQO3vHJo0GA/VFj9owZCRCI/AAAAAAADVqo/u8agomx-jqA/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(76).png" /></a></div>
<p>というわけでお久しぶりです。junerです。今日はストアアプリ周りの話でもします。</p>
<p>GoogleMusicが再生できるアプリは以下の三つがあります。</p>
<ul><li><a href="http://apps.microsoft.com/windows/ja-jp/app/outcoldplayer/939f0859-1413-4a52-9ab6-6e50405c8c2e">outcoldplayer</a></li><li><a href="http://apps.microsoft.com/windows/ja-jp/app/d06e3e37-b31d-4de1-a076-1f0948999a62">GoMP</a></li><li><a href="http://apps.microsoft.com/windows/ja-jp/app/9b5ae998-42da-4d48-8f53-58c56f425c6a">Cloud Stream</a></li></ul>
<a name='more'></a>
<p>デザインとしてはGoMPが一番ですが、安定した再生を思うと、outcoldplayerがダントツで良いので、結果outcoldplayerが一番おすすめとなります。(600円の有料であるだけのことはある。</p>
<p>ちなみに、まだGoMPは途中で切れたりして残念なことになる事があったりしてそこだけ直ればよいアプリになりそうですけれど……。</p><p>ちなみに、Cloud Streamはうちの環境では最初の読み込みで止まってしまい、使い物にならなかったことも報告しておきます。</p>
<strong>GoMP</strong><div>
<a href="http://3.bp.blogspot.com/-JA6QDaVD16c/VFkDVjww4PI/AAAAAAADVq8/c-gCCGTcZUI/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(77).png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-JA6QDaVD16c/VFkDVjww4PI/AAAAAAADVq8/c-gCCGTcZUI/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(77).png" /></a><a href="http://2.bp.blogspot.com/-7pHB5b6sJwA/VFkDVaKb8AI/AAAAAAADVrA/a68gFUUK-3k/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(78).png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-7pHB5b6sJwA/VFkDVaKb8AI/AAAAAAADVrA/a68gFUUK-3k/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(78).png" /></a><a href="http://2.bp.blogspot.com/-zmjyc1awZ_o/VFkDVncHIoI/AAAAAAADVq4/VLq-A1v-uvE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(79).png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-zmjyc1awZ_o/VFkDVncHIoI/AAAAAAADVq4/VLq-A1v-uvE/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(79).png" /></a><a href="http://3.bp.blogspot.com/-l6gVXlesAF4/VFkDWYExYZI/AAAAAAADVrE/hJwfYDJTKvE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(80).png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-l6gVXlesAF4/VFkDWYExYZI/AAAAAAADVrE/hJwfYDJTKvE/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(80).png" /></a><a href="http://3.bp.blogspot.com/-mm-Kz9SXbss/VFkDWi5uN3I/AAAAAAADVrI/KeZ8G6BvHnk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(81).png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-mm-Kz9SXbss/VFkDWi5uN3I/AAAAAAADVrI/KeZ8G6BvHnk/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(81).png" /></a><a href="http://4.bp.blogspot.com/-d_1rHUJttW0/VFkDXApISVI/AAAAAAADVrU/Ivl8a5Q3x6E/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(82).png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-d_1rHUJttW0/VFkDXApISVI/AAAAAAADVrU/Ivl8a5Q3x6E/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(82).png" /></a>
</div>
<strong>outcoldplayer</strong>
<div><a href="http://4.bp.blogspot.com/-KRWh6-KTg4I/VFkDzKSXDdI/AAAAAAADVrs/Zjwe1JznwjE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(83).png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-KRWh6-KTg4I/VFkDzKSXDdI/AAAAAAADVrs/Zjwe1JznwjE/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(83).png" /></a><a href="http://3.bp.blogspot.com/-KpwJLT9S5Vs/VFkDy6EqBDI/AAAAAAADVro/ZBLwtjvRJDY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(84).png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-KpwJLT9S5Vs/VFkDy6EqBDI/AAAAAAADVro/ZBLwtjvRJDY/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(84).png" /></a><a href="http://1.bp.blogspot.com/-o9fnY5fmPU8/VFkDzVHQjMI/AAAAAAADVrw/-jwloF7t4Ow/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(85).png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-o9fnY5fmPU8/VFkDzVHQjMI/AAAAAAADVrw/-jwloF7t4Ow/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(85).png" /></a><a href="http://1.bp.blogspot.com/-PUY6ZyLLn04/VFkDzwHmNUI/AAAAAAADVr4/mwTUDEpZuRY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(86).png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-PUY6ZyLLn04/VFkDzwHmNUI/AAAAAAADVr4/mwTUDEpZuRY/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(86).png" /></a><a href="http://4.bp.blogspot.com/-RXk2e-TpleE/VFkD0NwVpvI/AAAAAAADVr8/RhQeNi58nQQ/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(87).png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-RXk2e-TpleE/VFkD0NwVpvI/AAAAAAADVr8/RhQeNi58nQQ/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(87).png" /></a><a href="http://3.bp.blogspot.com/-SN7UXpnE4m8/VFkD0RO67YI/AAAAAAADVsA/l_tyPmOrJJ0/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(88).png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-SN7UXpnE4m8/VFkD0RO67YI/AAAAAAADVsA/l_tyPmOrJJ0/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(88).png" /></a><a href="http://2.bp.blogspot.com/-rnkBxCm-M1E/VFkD1CGL9YI/AAAAAAADVsI/yqv4CBRxcCo/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(89).png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-rnkBxCm-M1E/VFkD1CGL9YI/AAAAAAADVsI/yqv4CBRxcCo/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B(89).png" /></a></div>
<p>追伸。この投稿はSurfaceRTで書きました。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-16936893235125129832014-05-02T01:01:00.000+09:002014-05-03T15:37:33.418+09:00片仮名で使える小文字は全29種類であっていましたっけ?(Unicode6.0時点で<p>というわけでモジモジくんの<a href="https://twitter.com/juners" rel="me">@juners</a>こと<a href="https://plus.google.com/u/0/+JunMaedajuner" rel="me">JunMaeda</a>です。</p>
<p>今回は片仮名で使える小文字はUnicode6.0時点では29文字あるよ!って話をします。</p>
<a href="https://twitter.com/juners/status/461880272535822336" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-90qhKlqdp3w/U2PDv1xuNAI/AAAAAAACWOs/FpUtXFR-sj0/s400/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528136%2529.png" title="片仮名で小文字が使えるのはァィゥェォヵㇰヶㇱㇲッㇳㇴㇵㇶㇷㇸㇹㇷ゚ㇺャュョㇻㇼㇽㇾㇿヮの計29文字であっていましたっけ?( Unicode 6.0時点で" /></a>
<a name='more'></a>
<p>学校とかでは片仮名の小文字として「ァ」「ィ」「ゥ」「ェ」「ォ」「ヵ」「ヶ」「ッ」「ャ」「ュ」「ョ」「ヮ」の12文字を習った気もしますが、文字としてはそうでなかったりします。</p>
<p>で、現在使える片仮名は以下の様になります。</p>
<a href="http://4.bp.blogspot.com/-p_F_m9D19lM/U2SDXXnl-zI/AAAAAAACWRk/Blu_VlNu2-A/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528137%2529.png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-p_F_m9D19lM/U2SDXXnl-zI/AAAAAAACWRk/Blu_VlNu2-A/s400/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528137%2529.png" title="片仮名一覧" /></a>
<p>その内、現在Windows及びMacで使用できる小文字は「ァ」「ィ」「ゥ」「ェ」「ォ」「ヵ」「ㇰ」「ヶ」「ㇱ」「ㇲ」「ッ」「ㇳ」「ㇴ」「ㇵ」「ㇶ」「ㇷ」「ㇸ」「ㇹ」「ㇷ゚」「ㇺ」「ャ」「ュ」「ョ」「ㇻ」「ㇼ」「ㇽ」「ㇾ」「ㇿ」「ヮ」の全29種類です。(※ただし、その内の1文字は半濁点を使用する合字な為、賛否両論ありそうですが。)</p>
<p>で、ここで使える様に追加された文字の出どころが気になると思いますので調べてみたところ、「<a href="http://www.wdic.org/w/WDIC/Unicode%203.2.0">Unicode 3.2</a>」で追加された「U+31F0-31FF」の「<a href="http://ja.wiktionary.org/wiki/%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA:Unicode_Katakana_Phonetic_Extensions">Katakana Phonetic Extensions</a>」(片仮名拡張)と呼ばれる文字群みたいです。</p>
<a href="http://2.bp.blogspot.com/-27dZpVI8ouo/U2Jrf7lLz5I/AAAAAAACWAU/3HDqVyh2GyY/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528135%2529.png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-27dZpVI8ouo/U2Jrf7lLz5I/AAAAAAACWAU/3HDqVyh2GyY/s400/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528135%2529.png" /></a><br/><a href="http://1.bp.blogspot.com/-D7TNSPSKF2o/U2JrfpXwiQI/AAAAAAACWAQ/jEVU_aea2rk/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528134%2529.png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-D7TNSPSKF2o/U2JrfpXwiQI/AAAAAAACWAQ/jEVU_aea2rk/s400/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%2528134%2529.png" /></a>
<p>この文字自体は何の為に追加されたか調べたところ、アイヌ語の表記の為に追加されているみたいです。参考:<a href="http://ja.wiktionary.org/wiki/Wiktionary:%E3%82%A2%E3%82%A4%E3%83%8C%E8%AA%9E%E3%81%AE%E3%82%AB%E3%83%8A%E8%A1%A8%E8%A8%98">Wiktionary:アイヌ語のカナ表記</a></p>
<p>以上、片仮名で使える小文字は全29種類あるという薀蓄でした。</p>
<dl><dt>2014.05.03 15:00</dt><dd><p>画像をChromeで撮っていた為、(主に小文字のフの半濁点が合字として表示されていなかった為、)IEで撮りなおした物に差し替え</p></dd></dl>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-42291788004537224912014-04-30T21:02:00.000+09:002014-04-30T21:22:28.500+09:00InternetExplorerの脆弱性が気になるなら次のことをしたほうがいいと思うよ<p>というわけで久方ぶりです。<a rel="me" href="mailto:juner@juner.net">juner</a>こと<a href="https://plus.google.com/+JunMaedajuner">JunMaeda</a>です。</p>
<p>最近<a href="https://technet.microsoft.com/ja-jp/library/security/2963983" title="Internet Explorer の脆弱性により、リモートでコードが実行される(マイクロソフト セキュリティ アドバイザリ 2963983)">InternetExplorerの脆弱性が見つかったとかゼロデイだとか騒がれています</a>けれど、アレIEでは結構よく言われている気がします。</p>
<a href="http://4.bp.blogspot.com/-vlIQ-OQIhNQ/U2DegF_OtWI/AAAAAAACV5s/atDCAoZOeQo/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252812%2529.png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-vlIQ-OQIhNQ/U2DegF_OtWI/AAAAAAACV5s/atDCAoZOeQo/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252812%2529.png" /></a>
<p><a href="https://www.google.co.jp/webhp?tab=ww&ei=u91gU_aDGML28QXkpIDYCA&ved=0CBgQ1S4#q=site%3Atechnet.microsoft.com%2Fja-jp%2Flibrary%2Fsecurity%2F+Internet+Explorer+%E3%81%AE%E8%84%86%E5%BC%B1%E6%80%A7%E3%81%AB%E3%82%88%E3%82%8A%E3%80%81%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%89%E3%81%8C%E5%AE%9F%E8%A1%8C%E3%81%95%E3%82%8C%E3%82%8B">site:technet.microsoft.com/ja-jp/library/security/ Internet Explorer の脆弱性により、リモートでコードが実行される</a>で検索するとか</p>
<a href="http://3.bp.blogspot.com/-8BQUFAs4mVI/U2Db1hNQ4eI/AAAAAAACV5M/8LSoxigDZK8/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252811%2529.png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-8BQUFAs4mVI/U2Db1hNQ4eI/AAAAAAACV5M/8LSoxigDZK8/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252811%2529.png" /></a>
<p><a href="https://www.google.co.jp/search?q=site:jvn.jp/vu/+Internet+Explorer+%E3%81%AB%E8%A7%A3%E6%94%BE%E6%B8%88%E3%81%BF%E3%83%A1%E3%83%A2%E3%83%AA%E4%BD%BF%E7%94%A8&oq=site:jvn.jp/vu/+Internet+Explorer+%E3%81%AB%E8%A7%A3%E6%94%BE%E6%B8%88%E3%81%BF%E3%83%A1%E3%83%A2%E3%83%AA%E4%BD%BF%E7%94%A8&aqs=chrome..69i57j69i58.399j0j7&sourceid=chrome&es_sm=93&ie=UTF-8">site:jvn.jp/vu/ Internet Explorer に解放済みメモリ使用</a>あたりで検索するとぞろぞろ</p>
<p>で、今回はこれについての<a href="http://msdn.microsoft.com/ja-jp/library/ie/dn265025(v=vs.85).aspx" title="デスクトップ IE の拡張保護モード">拡張保護モード</a>を使った解決方法についての話でも書いてみます。</p>
<a name='more'></a><p>※元ネタは<a href="http://blogs.technet.com/b/jpsecurity/archive/2014/04/30/workarounds-for-security-advisory-2963983.aspx">[回避策まとめ] セキュリティ アドバイザリ 2963983 – Internet Explorer の脆弱性により、リモートでコードが実行される</a>となります。InternetExplorer11(64bit版)の方に限った方法を記事にしますので、他のバージョンの方は元ネタの方を参照してください。</p>
<ol><li><p>まず、InternetExplorerを開き、右上にある歯車のアイコンを選択してください</p><a href="http://3.bp.blogspot.com/-UaJEydeNUBA/U2DbtbhtOwI/AAAAAAACV5E/-QzU_Sv--do/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25285%2529.png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-UaJEydeNUBA/U2DbtbhtOwI/AAAAAAACV5E/-QzU_Sv--do/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25285%2529.png" /></a></li>
<li><p>次に選択したことで開かれたメニューより、「インターネットオプション」を選択してください</p><a href="http://4.bp.blogspot.com/-XUOFyMM5SSM/U2DbtXDfJ3I/AAAAAAACV5E/b9LjRgix4aI/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25286%2529.png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-XUOFyMM5SSM/U2DbtXDfJ3I/AAAAAAACV5E/b9LjRgix4aI/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25286%2529.png" /></a></li>
<li><p>開かれたウィンドウ「インターネットオプション」より、タブ「詳細設定」を選択してください</p><a href="http://1.bp.blogspot.com/-kPKDFZYdx6s/U2DbtUbk_YI/AAAAAAACV5E/HOGOCyOj6wA/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25287%2529.png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-kPKDFZYdx6s/U2DbtUbk_YI/AAAAAAACV5E/HOGOCyOj6wA/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25287%2529.png" /></a></li>
<li><p>タブ「詳細設定」の中にありますリスト「設定」の中にあります大分類「セキュリティ」の中にある以下の項目を選択します</p>
<ul><li>「拡張保護モードで64ビット プロセッサを有効にする*」</li><li>「拡張保護モードを有効にする*」</li></ul><a href="http://1.bp.blogspot.com/-LnA0obQWZu4/U2DbtfjEfTI/AAAAAAACV5E/6IVMjcteeiI/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25288%2529.png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-LnA0obQWZu4/U2DbtfjEfTI/AAAAAAACV5E/6IVMjcteeiI/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%25288%2529.png" /></a><p>選択すると以下の様になります</p><a href="http://4.bp.blogspot.com/-MrjzLSjnsCE/U2DbtdMHSLI/AAAAAAACV5E/y0i1Veg7R6k/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252810%2529.png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-MrjzLSjnsCE/U2DbtdMHSLI/AAAAAAACV5E/y0i1Veg7R6k/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252810%2529.png" /></a></li>
<li><p>再起動します</p></li>
</ol>
<p>これらのことを行うことにより、使われるメモリアドレス空間……簡単に言うと、実行に必要ないろんなものを格納する箱を用意できる個数……が32bitだと4<span title="ギガ">G</span>(2の32乗=4,294,967,296)だったのに対して、64bitになったことにより18<span title="エクサ">E</span>(2の64乗=18,446,744,073,709,551,616)となり、攻撃者によってリモートからコードが実行されにくくなります。</p>
<p>以上、よきIEライフを!</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-74122698213094747522014-04-12T20:16:00.001+09:002014-04-12T20:16:03.439+09:00ご飯は炊飯器派?それとも鍋派?<a href="http://4.bp.blogspot.com/-nEyTHUwm_3U/U0kMj67q7hI/AAAAAAACOvw/gw1XtNhyTXE/s1600/IMAG2292.jpg" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-nEyTHUwm_3U/U0kMj67q7hI/AAAAAAACOvw/gw1XtNhyTXE/s320/IMAG2292.jpg" title="炊飯中の鍋" /></a>
<p>というわけでご飯は炊飯器で炊くよりも鍋派な<a href="mailto:juner@juner.net">juner</a>です。</p>
<p>今回はGoogle+上でネタとした、<a href="https://plus.google.com/u/0/photos/+JunMaedajuner/albums/6001341782223725521" ref="me">うちの炊飯事情について</a>の記事でも書きます。</p>
<a name='more'></a>
<p>で、リンク先のGoogle+の投稿で言っている通り、うちの家では炊飯器を一時期買ったとしても、暫くすると味が落ちたという理由で使われなくなります。</p>
<p>なので大体鍋炊きなのです。(その方が美味しい!</p>
<p>で、うちでは以下の様な炊き方をします。</p>
<ol>
<li>米を研ぐ(水は2回程度捨てる)</li>
<li>鍋に米を入れる</li>
<li>鍋に水を入れる(水の分量はGoogle検索で「n合*1.2をmlで」を検索した結果を元にする</li>
<li>30分以上待つ(寝る前にここまで準備して朝炊くのもアリ)</li>
<li>強火で沸騰する迄待つ</li>
<li>沸騰したなら火加減を蛍火にして12分待つ</li>
<li>12分経ったなら、10秒間強火にした後、火を消して適当な時間蒸らす</li></ol>
<p>以上。そんな難しいことはしていません。</p>
<p>因みに、コメントで<a href="https://plus.google.com/u/0/118048162701737973796">Maaya Yohkoh さん</a>が以下のような話を聞きました。</p>
<blockquote cite="https://plus.google.com/u/0/+JunMaedajuner/posts/Ekh9P4n9Z2d">うにゅ、もしや火を止めた後の蒸らしはそのままで?<br/>かき混ぜて空気入れてから蒸らすとええんよ。</blockquote>
<p>あとでやってみよう……。</p>
<a href="http://1.bp.blogspot.com/-0YwLpwl0O8A/U0kQ-PpqoLI/AAAAAAACOwo/De_aikjMwZU/s1600/IMAG2295.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-0YwLpwl0O8A/U0kQ-PpqoLI/AAAAAAACOwo/De_aikjMwZU/s320/IMAG2295.jpg" /></a>
<p>というわけで蒸らす前に一度かき回して</p>
<a href="http://3.bp.blogspot.com/-52XD3IaIY1A/U0kMj8SA12I/AAAAAAACOvw/qUAnMxdfQ4Q/s1600/IMAG2294.jpg" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-52XD3IaIY1A/U0kMj8SA12I/AAAAAAACOvw/qUAnMxdfQ4Q/s320/IMAG2294.jpg" /></a>
<p>上手に炊けました!</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-10900742344733764182014-03-09T22:27:00.000+09:002014-03-09T22:57:32.198+09:00古いXPのノートPCにUbuntuなどのlinuxを入れようとしている君たちへ<a href="http://1.bp.blogspot.com/-OavJXLDXkL4/UxxeYRqtPgI/AAAAAAACBsk/82eJoZz0jF8/s1600/IMAG2081.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-OavJXLDXkL4/UxxeYRqtPgI/AAAAAAACBsk/82eJoZz0jF8/s320/IMAG2081.jpg" /></a>
<p>というわけでうちの古いXPノートPCが弟から返ってきたので、サポートの終わるXPからlinux系のOSを入れようとしてダメだった顛末を後にこの失敗をするであろう人たちへ遺す意味でメモしておこうと思います。</p>
<a name='more'></a>
<p>※前文を読んでわかる通り、このメモはダメだった際についてのメモです。詳細を知りたいなら読んでも良いですけれど、インストールする方法と思って読む場合は意味が無いので諦めたほうがいいデス。特に、そのノートPCがPentinumMなどのPAE(物理拡張)非対応なのであれば特に最新のlinuxのディストリビューションには対応していないので……。(あとで出ます。)</p>
<dl><dt>弟から返ってきたXPノートPCのスペック</dt><dd><a href="http://1.bp.blogspot.com/-ShypR5G4NyU/UxxeSK2rcrI/AAAAAAACBsQ/Wd_Nn4tZqvA/s1600/IMAG2083.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-ShypR5G4NyU/UxxeSK2rcrI/AAAAAAACBsQ/Wd_Nn4tZqvA/s320/IMAG2083.jpg" /></a>
<dl><dt>型番</dt><dd><a href="http://www.fmworld.net/product/hard/pcpm0409/biblo_loox/nb/">NB75J</a></dd></dl>
<dl><dt>CPU</dt><dd>Intel® Pentinum M Processor725(1.60GHz)</dd></dl>
<dl><dt>RAM</dt><dd>512MB + 512MB(追加したうろ覚え)</dd></dl>
<dl><dt>HDD</dt><dd>80GB</dd></dl>
</dd></dl>
<ol><li><p>まず、この子に<a href="http://www.chromium.org/chromium-os">ChromiumOS</a>(製品版は<a href="http://www.google.com/chromeos">ChromeOS</a>)を入れようと<a href="http://chromeos.hexxeh.net/">最新のイメージ</a>をダウンロードし、イメージファイルを<a href="https://launchpad.net/win32-image-writer/">Image Writer for Windows</a>でUSBに焼き、対象のノートPCにUSB挿した上で起動しようとしましたが、まず、BOOTメニューにUSBとかそういうのが無い。</p>
<p>なので、とりあえずUSBから起動出来る<a href="http://www.plop.at/en/bootmanager/">Plop Boot Manager</a>を<a href="http://www.plop.at/en/bootmanager/download.html" title="Plop Boot Manager をダウンロード">ダウンロード</a>してCDに焼いて</p>CDから起動してみたところ、USBから……起動しませんでした。</p><a href="http://1.bp.blogspot.com/-Kt9_5ZCe-xE/Uxxd2MJfC7I/AAAAAAACBr0/d_4SDsEPmok/s1600/09+-+2" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-Kt9_5ZCe-xE/Uxxd2MJfC7I/AAAAAAACBr0/d_4SDsEPmok/s320/09+-+2" /></a></li>
<li><p>他のでだめなのか、<a href="http://www.ubuntulinux.jp/">Ubuntu</a>の<a href="http://www.ubuntulinux.jp/download" title="ubuntu の最新バージョンをダウンロード">最新版をダウンロード</a>して試したのですが、</p><a href="http://2.bp.blogspot.com/-GjWP1hJ_7LQ/UxxdqrggFAI/AAAAAAACBrc/nl42SbFTcQc/s1600/09+-+1" imageanchor="1" ><img title="ubuntuの起動画面の前の画面" border="0" src="http://2.bp.blogspot.com/-GjWP1hJ_7LQ/UxxdqrggFAI/AAAAAAACBrc/nl42SbFTcQc/s320/09+-+1" /></a><p>上記の様な画像が表示された後、ChromiumOSの時と同じエラー画面が表示されました。(そういえばChromiumOSはUbuntuベースでしたね……。</p></li>
<li>というわけでわからないのでGoogle+に<a href="https://plus.google.com/108871103242894697237/posts/Z1cXPXpNWLe">投げて</a>みたところ、<a href="https://plus.google.com/+ChihiroWatanabe">Chihiro Watanabe</a>嬢より、</p>
<blockquote cite="https://plus.google.com/+JunMaedajuner/posts/Z1cXPXpNWLe">起動に使われるカーネルが、CPU のPAE機能(はっきり画像から読み取れないけれど)を使うようにビルドされている。でも、このCPUではサポートされていないので、カーネルの起動を止めた、という意味。<br/>
モダンなLinuxディストリビューションでは、ありがちかも<br/>
入れようとしているディストリビューションの数世代前の、PAEサポートしてなくてもなくても入れられるものでどうにゅうしてから、最新版までアップグレードしてしまうとかあるかも。<br/>
Google先生に、ディストリビューション名と、PAE、起動できないとかで探すと、ヒントあるかも。</blockquote>
<p>との助言もあり <a href="https://www.google.co.jp/search?q=linux+PAE+%E8%B5%B7%E5%8B%95%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84&oq=linux+PAE+%E8%B5%B7%E5%8B%95%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84&aqs=chrome..69i57.9369j0j7&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8" title="Google で「linux PAE 機動できない」で検索">linux PAE 起動できない で検索</a>してみたところ、<a href="http://aimlight.blog.fc2.com/blog-entry-696.html">古いパソコンでUbuntu系は起動できない(PAE問題)</a>という記事を発見。</p>
<blockquote>This kernel requires the following features not present on the CPU: pae<br/>
Unable to boot - please use a kernel appropriate for your CPU.</blockquote>
<p>うちで発生しているエラー文も一致したのでドンピシャリです。</p>
<blockquote>調べてみたら、どうやら、Ubuntuは開発・メンテナンスの労力を減らすため?にPAEという機能を持っていないPCについては、動作対象からスッパリ切り捨ててしまったという事のようです。<br/>
<br/>
Fedora(及びそのクローンのCentOS)も同様らしい、CentOSは"6"からNG、Ubuntuは"12.10"からはNG のようです。<br/>
<br/>
(※Ubuntu12.04に関しては、微妙?できたりできなかったり・・・条件付き可?いずれにしても、いつまでも古いバージョンを使い続ける事はできませんから、追求する意味はもうあまりないですね。)<br/>
<br/>
つまり、Ubunutu 及び RedHat(FedoraCore) をベースにしているディストリビューションは影響を受けるという事。<br/>
<br/>
MintもUbuntuベースなので、現時点の最新版の15 "Olivia" はUbuntu13.04ベースなので起動できないと。<br/>
13 "Maya" (12.04ベース)は起動できましたが、LTS版とは言え次のバージョン以降は非対応の可能性は高そうです。</blockquote>
<p>とあり、対象となるノートPCはPentinumMなので古いUbuntuでは使えるけど今後のUbuntuでは使えないので、UbuntuベースのChromiumOSでも使えないというみたいです。ChromiumOSのPAE対応版なんて出る筈もないのでこれは無理ということですね。</p></li>
</ol>
<p>これらのことから、結論的には不可みたいです。</p>
<p>ただし、<a href="http://jutememo.blogspot.jp/2013/10/pae-pc-lubuntu-1204.html">PAE 非対応 の古いノートPC で Lubuntu 12.04 を利用する</a>に書いてある様に、11.10をインストールした上で12.04LTSにアップグレードすれ2017年迄サポートは受けられる様です。</p>
<p>その為、最新版に維持しておきたい私としては使えないので実質的にこの古いノートPCに最新のlinuxを入れることは無理という結論となりました。</p>
<p>以上、何か役に立ったのであれば幸いです。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-7892970640102891442013-12-28T22:59:00.002+09:002013-12-28T23:21:07.917+09:00Windows8/Android/iPhone(iOS) で nasneの動画を再生する方法の最短手について<p>おひさしぶりです。junerです。最近家に<a href="http://www.amazon.co.jp/gp/product/B00F27JGT2/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00F27JGT2&linkCode=as2&tag=juner-22">nasne(1TB)</a>を(自分用と家族用の計2台)入れたのですが家で使ってるWindows8、母、自分の使ってるAndroid、妹の使っているiPhone/iPad でその動画を再生・ダウンロードする方法について調査したのでとりあえずメモついでに報告しておきます。</p>
<p>ちなみに、居間での再生用に<a href="http://www.amazon.co.jp/gp/product/B00F27JNGS/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00F27JNGS&linkCode=as2&tag=juner-22">PSVITA TV</a>を購入しています。</p>
<a name='more'></a>
<h1>Windows8</h1>
<p>まず、Windows8ですが、<a href="http://www.ask-ware.jp/product-home/dixim-dl">DiXiM Digital TV plus</a>という手もありますが、5980円と、高いことと、うちの低スペックなX121eでは体験版でも結構きついということもあり、以下のソフトを使っています。</p>
<a href="http://apps.microsoft.com/windows/ja-jp/app/stationtv-link/08d4ee8e-3f03-45d0-b000-2830ce2734ce">StationTV Link</a>
<p>WindowsStoreでダウンロードできる事と。1950円という低価格、それにX121eでもスムーズに再生出来たのが決め手でした。</p>
<p>※勿論、ダウンロードしたいとか、Blu-rayに焼くとか思ったらDiXiM系のソフトになりますけれど。勿論そっちはうちのX121eがポンコツなので試していません。(というかBDドライブは無いです。</p>
<h1>Android</h1>
<p>Androidの場合、まずは再生出来るアプリから探してみたところ以下のアプリしか無い様でしたので再生をそれで確認してとりあえず再生はこれでいこうと決めました。※ただし、DTCP-IPの動画を再生するには+700円かかります。</p>
<a href="https://play.google.com/store/apps/details?id=com.pv.twonkybeam&hl=ja">Twonky Beam</a>
<p>ただし、これだとダウンロードとかキャッシュはできませんので、他のソフトを探したところ、以下のソフトがありました。</p>
<a href="https://play.google.com/store/apps/details?id=com.sony.recopla.tablet&hl=ja">RECOPLA</a>
<p>これで決まり!(ビシッ)とか思ったのですが、よくよく確認してみれば、ダウンロードするとかする場合、Nexus7ではいけるみたいですが、うちのHTC J One ではこのアプリは使えない様でした。(ぐぬぬ</p>
<p>※バージョンなのか端末なのか……。</p>
<h1>iPhone/iPad</h1>
<p>妹はiOSで統一しているので妹に確認しながら1500円のカード買ってきて ¥900なので購入して入れたのですが、iPhoneとかだと一つのアプリでダウンロードも再生もできる様で便利です。で、そのアプリは以下になります</p>
<a href="https://itunes.apple.com/jp/app/media-link-player-for-dtv/id635112846?mt=8">Media Link Player for DTV</a>
<h1>要約</h1>
<p>というわけでnasneパないです。てか、実際問題としてDRで録画しても3倍で録画してもどれでも再生できるってのはきっとnasneが変換してるからなんかな。便利です。容量とかそういうチェックはしていないのでどんくらい使うかとか知らないですけれど。</p>
<p>あと、再生するだけであればとりあえずどの環境でも準備出来るのが良いです。パない。</p>
<p>というわけでおすすめな話でした。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-36095611350435304112013-12-04T02:11:00.002+09:002013-12-04T02:11:19.989+09:00 jQueryDeferredTimeoutUtilities について<p>お久しぶりです。最近は非同期処理を使うなら<a href="http://api.jquery.com/category/deferred-object/">jQuery.Deferred</a>を使っているjunerです。</p>
<p>で、今回は時前で最近作っている <a href="https://github.com/juner/jQueryDeferredTimeoutUtilities">jQueryDeferredTimeoutUtilities</a>についてでも解説してみようと思います。</p>
<a name='more'></a>
<p>jQueryDeferredTimeoutUtilities(以下、jDTUと略す)はjQueryのDeferredを利用する際に使える時間操作系関数と、jQueryの基本のUtilityをDeferred対応にした関数を合わせた物です。対応jQueryのバージョンは内部でthenを多用する為 1.8 以上としております。本プラグインの現在のバージョンは<a href="https://github.com/juner/jQueryDeferredTimeoutUtilities/releases/tag/0.0.1">Test version</a>と称してまだ0.0.1ではありますが、単体テストはやっていますのでしっかりと動くと思われます。(昨日説明やサンプル・ドキュメントが充実してから1.0をリリースする予定。)</p>
<strong>時間操作系関数群について</strong>
<p>時間操作系関数は一定時間後に完了(resolve)するDeferredを返す timeout 系と 一定間隔で途中経過を報告(notify)する interval 系の2インターフェース各3種ずつで計6種あります。</p>
<p>これらの関数についてはまぁ読めばわかるとは思いますので割愛します。(詳しくは<a href="https://github.com/juner/jQueryDeferredTimeoutUtilities/tree/e45e700a4660a47bf5276e9973929c0f9e305d60#%E9%96%A2%E6%95%B0%E4%BB%95%E6%A7%98%E6%99%82%E9%96%93%E7%B3%BB">関数仕様(時間系)</a>を参考にしてください。</p>
<p>で、今回のメインとなるのはjQuery UtilityのDeferred対応を行った方となります。</p>
<strong>deferredEach</strong>
<p>まずは非同期で要素を走査する<code>deferredEach</code>です。</p>
<iframe width="100%" height="300" src="http://jsfiddle.net/juner/SUMT5/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>通常の場合は setTimeoutなどを通して複雑に書かなくてはいけないところを、この関数を利用することで普通の each文と同様な感じに書くことが出来ます。</p>
<p>この関数は連続して行う必要のある非同期処理を同期的に順番に行う場合に適しています。</p>
<iframe width="100%" height="300" src="http://jsfiddle.net/juner/YN8WG/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>ajaxによる取得を行う場合は上記の様になります。</p>
<strong>deferredMap</strong>
<p>並列に処理を行い、完了時に配列を取得する<code>deferredMap</code>です。</p>
<iframe width="100%" height="300" src="http://jsfiddle.net/juner/E9s9g/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>比較を見ての通り、<code>jQuery.Deferred()</code> に於ける<code>.when()</code> の引数をapplyから配列で渡す様にしてあるだけの物です。</p>
<p>ただし、比較ではwhenのラッパーではありますが、実際は途中キャンセルの為の関数が追加されていたりするのでもうちょっと複雑ではあります。</p>
<strong>deferredGrep</strong>
<p>grep自体は戻り値に応じて配列の対象部分を含めるか含めないかを選択する関数ではあるのですが、<code>deferredGrep</code>はその戻り値をDeferredも設定出来る様にした物となります。</p>
<p>この関数も <code>.when()</code> のラッパーの1種ではありますが、deferredMapとの大きな違いとしては ajaxが失敗してもcancelされず継続されるということです。</p>
<iframe width="100%" height="300" src="http://jsfiddle.net/juner/cBrM5/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>その為、サンプルの様にajaxリクエストを行って問題無い物を配列に纏めて取得したり、失敗した物だけを纏めることが可能となります。</p>
<p>以上。そんな感じとなります。問題点や質問等ありましたらどしどし言って頂けると幸いです。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-90385108281854175982013-08-25T13:13:00.001+09:002013-08-25T13:13:42.063+09:00WindowsStore対応のGooglePlayMusicアプリについてのメモ<p>WindowsStore対応のGooglePlayMusicアプリについてのメモを残しておきます。</p>
<dl>
<dt><a href="http://apps.microsoft.com/windows/en-us/app/939f0859-1413-4a52-9ab6-6e50405c8c2e">gMusicW</a></dt>
<dd><a href="http://2.bp.blogspot.com/-e-P9ZzNK-qI/Uhl7jAfj9KI/AAAAAAABc6E/GLBix4BXEOI/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252860%2529.png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-e-P9ZzNK-qI/Uhl7jAfj9KI/AAAAAAABc6E/GLBix4BXEOI/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252860%2529.png" /></a></dd>
</dl><dl>
<dt><a href="http://apps.microsoft.com/windows/en-us/app/63a9c5fe-1534-4453-ab98-fc4f0bbfdc75">G8-Music</a></dt>
<dd><a href="http://1.bp.blogspot.com/-M399nubAGFc/Uhl7SN388mI/AAAAAAABc5w/sNGsbFo8ZdU/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252857%2529.png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-M399nubAGFc/Uhl7SN388mI/AAAAAAABc5w/sNGsbFo8ZdU/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252857%2529.png" /></a></dd>
</dl><dl>
<dt><a href="http://apps.microsoft.com/windows/en-us/app/gomp/d06e3e37-b31d-4de1-a076-1f0948999a62">GoMP</a></dt>
<dd><a href="http://2.bp.blogspot.com/-0lOngVHFayw/Uhl7SO88PkI/AAAAAAABc50/55KWFejwfOo/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252859%2529.png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-0lOngVHFayw/Uhl7SO88PkI/AAAAAAABc50/55KWFejwfOo/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+%252859%2529.png" /></a></dd>
</dl>
<p>以上についての気になった点などを纏めていきたいと思います。</p>
<a name='more'></a>
<p>現状見つけたのは上記の3つなのですが、全て現状はGoogleAccount の ID と Passwordを求めてきますので、2段階認証をONにするなりして固有のパスワードを発行して利用しましょう。固有のパスワードを使ってログインさせれば、最悪パスワードの変更が出来ませんので。(使わなくなったらパスワードを無効にすることも忘れずに。</p>
<p>まぁ多分GooglePlayMusic用のAPIが用意されていない(もしくは非公開状態で変更が激しい)為かと思われますので、Google側の対応に期待しておきたいところではあります。</p>
<p>で、実際使ってみての問題点としては gMusicW、G8-Music ともに曲が被る傾向にあります。入れた曲がアルバムの中見ると2件ある場合あ多く感じられます。もしかしたら曲のサイズとか関係するのでしょうか?まぁでも、使ってみる限りこの2つはそのくらいしか問題は無いですね。文字化けもありませんし。</p>
<p>で、もう一つのGoMPなのですが、そっちの方は全者の様な曲のダブりは無いのですが、文字化けます。もしかしたら文字の処理が特殊な感じになっているのでしょうか?アスキー文字として処理しているとか?よくわかりませんが。</p>
<p>以上です。どのアプリも最初に言った様に、GoogleAccountのパスワードを要求するタイプのアプリなので信頼出来ない場合は注意して下さいとしか言えませんけれど、こんな感じです。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-50788609820623545712013-07-06T21:08:00.001+09:002013-07-06T21:08:41.416+09:00jQuery Deferredを用いた setTimeout,setInterval の実装例<p>お久しぶりです。今回は jQuery Deferred による setTimeout と setInterval の実装例でも載せておきます。</p>
<p>まぁ何かと仕事でもこのネタは使うのでメモ代わりに載せておきます。</p>
<a name='more'></a>
<iframe width="100%" height="300" src="http://jsfiddle.net/juner/T86x6/2/embedded/result,js,html,css/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<p>まぁ、サンプルでは $(elem).timeout(5000) とか $(elem).interval(3000) みたいに使っていますけれど、要素無くても $.timeout(5000) とか $.interlva(3000) みたいに呼べたりするのですけれどね。</p>
<p>とりあえずそんな感じ。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-23508144526280083942013-04-28T15:38:00.000+09:002013-05-08T12:27:21.060+09:00Windows8で素早くコントロールパネルを開く6つの方法<a href="http://2.bp.blogspot.com/-Aw4W6AZ6EeM/UXzG1BbM71I/AAAAAAABB7U/82DHXxrWqUI/s1600/2013-04-28-1550.png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-Aw4W6AZ6EeM/UXzG1BbM71I/AAAAAAABB7U/82DHXxrWqUI/s320/2013-04-28-1550.png" /></a>
<p>今回はWindows8端末でコントロールパネルを開く方法について調べてみました。</p>
<a name='more'></a>
<p>まず、最初に、Windows8での正攻法的な方法では、<em>コントロールパネル</em>を開くのが目的ではなくて、その<em>設定項目に行きたい</em>というのが重要なのであるので実は<em>チャーム</em>にある<em>検索</em>の検索対象を<em>設定</em>に切り替えれば事足りる事であるという事を言っておきます。</p>
<p>尚、下記で説明するショートカット・行き方はスタート画面から行う場合のショートカット・行き方となっております。</p>
<dl><dt>検索対象の項目名の一部入力 → 検索対象を設定に切り替え → Enter</dt><dd><p>これが正攻法となります。検索項目がわかっている時はこれで良いですね。</p><p>また、物理キーボードを持たない端末はこの方法がメインとなります。</p><p>尚、ここで出てきた項目はスタート画面にピン止め出来るので更に早く表示する事も可能です。</p></dd></dl>
<dl><dt>[Win]+[D]→[Win]+[I]→[Enter]</dt><dd><p><em>デスクトップ</em>の<em>設定</em>に<em>コントロールパネル</em>が登録されていたります。よく忘れがちではありますが。</p><p>ちなみに私の場合は探す項目が決まっているのでここから[Ctrl]+[F]して検索する事になるのでやっぱり一つ目に紹介した正攻法の方が早かったりします。</p></dd></dl>
<dl><dt>[Win]+[X]→[P]</dt><dd><p>便利機能ショートカットの[Win]+[X]からコントロールパネルを呼び出す場合のショートカットはこの様になります。便利機能全般はこれが一番アクセス早いですね。</p><p><em>コマンドプロンプト</em>を通常起動([Win]+[X]→[C])したり、管理者権限で起動([Win]+[X]→[A])出来たりするのはこの便利機能だけ!(多分)</p><p>尚、この便利機能一覧表示機能自体はスタート画面であろうと、デスクトップであろうと、他アプリからだろうと出せるので便利だったりします(キーボードさえ使えれば使えるので是非活用しましょう)</p></dd></dl>
<dl><dt>タスクバーにピン止めして[Win]+[D]→[Win]+[(n)]</dt><dd><p>これ自体はWindows7でふつうに使えていた方法ではありますが、デスクトップのタスクバーにアプリケーションは登録できるンです!Windows7までは一番の便利機能だったのですけれど……。</p><p>尚、この[Win]+[(n)]というのは[Win]+[N]という意味ではなくて、タスクバーの上から(n)番目といった意味だったりします。(その為、よく使うデスクトップアプリは10番目以内に入れておきましょう。(※[1]~[9]はその儘ですが、10番目は[0]を使います。)</p><p></p></dd></dl>
<ins datetime="2013-04-28T15:57+09:00" title="TaKaYuKi HaMaWaKi さんの指摘で追加"><dl><dt>[Win]+[R]→controlと入力→[Enter]</dt><dd><p>Windowsのアプリケーションの直接起動系の方法ですね。</p></dd></dl></ins>
<ins datetime="2013-05-08T12:20+09:00" title="松尾勇也 さんの指摘で追加"><dl><dt>[Win]+[E]→[Alt]→[C]→[C]</dt><dd><p>エクスプローラでコンピュータを開いた際にコントロールパネルへのリンクが存在することを利用した方法ですね。Win7だと[Win]+[E]の後に「コントロールパネルを開く」をクリックになりますね。(キーボードだけだと、[Win]+[E]→[Tab]→[Tab]→[Tab]→[→]→[→]→[→]→[→] )の様な感じになりますね。</p></dd></dl></ins>
<p>みたいな感じでしょうか。旧来のUI慣れしている方でもWindowsVista以上で推奨される使い方の検索を活用して素早く表示していた方は多分あまり操作性は変わらないとは思いますが……。</p>
<b>参考</b>
<ul><li><a href="http://windows.microsoft.com/ja-jp/windows-8/new-keyboard-shortcuts#1TC=t1">Windows 8 と Windows RT の新しいキーボード ショートカット - Microsoft Windows</a></li></ul>
<b></b>
<dl><dt>2013/04/28 15:57</dt><dd><p><a href="https://plus.google.com/113601331993812580152">TaKaYuKi HaMaWaKi</a>さんの指摘で[Win]+[R]による実行に関するショートカットを追加</p><p>これによりタイトルを[Windows8で素早くコントロールパネルを開く5つの方法]に変更。</p></dd></dl>
<dl><dt>2013/05/08 12:20</dt><dd><p><a href="https://plusone.google.com/108859213362939464876">松尾勇也</a>さんの指摘で[Win]+[E]を起点とするショートカットを追加</p><p>これによりタイトルを[Windows8で素早くコントロールパネルを開く6つの方法]に変更。</p></dd></dl>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-1353658488308190372013-04-16T23:13:00.000+09:002013-04-16T23:13:01.280+09:00SurfaceRT買ってみての感想だとか。<a href="http://1.bp.blogspot.com/-5mTFc4KEexw/UW1aZ_UFVlI/AAAAAAABAcg/YIY6tnYo4dQ/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+(8).png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-5mTFc4KEexw/UW1aZ_UFVlI/AAAAAAABAcg/YIY6tnYo4dQ/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+(8).png" /></a><a href="http://3.bp.blogspot.com/-6GGzoDpBZYw/UW1acUYORHI/AAAAAAABAco/Hb8zrQKjIN4/s1600/%E9%97%87%E5%A3%B2.png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-6GGzoDpBZYw/UW1acUYORHI/AAAAAAABAco/Hb8zrQKjIN4/s320/%E9%97%87%E5%A3%B2.png" /></a>
<p>お久しぶりです。junerです。Surface買いました!</p>
<a name='more'></a>
<p>この数日使ってみての感想としては、私の使い方としては問題無いって感じです。(ネットサーフィンとワンノートくらいしか使いませんし、あと絵を描くくらいですし。</p>
<p>で、絵の書き味としては<a href="http://apps.microsoft.com/windows/ja-jp/app/sketchbook-express/95d1acfb-4d64-487a-9e20-8d6f6d41cb54">SketchBook Express</a>を使う分には頗る良いといったところでしょうか。タッチパネル面の素材のせいなのか指で描くのがすごくやりやすいのです。</p><a href="http://1.bp.blogspot.com/-tEY4BaqxhdY/UW1cF0tbURI/AAAAAAABAcw/IphYSW857bI/s1600/%E9%97%87%E5%A3%B2.png" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-tEY4BaqxhdY/UW1cF0tbURI/AAAAAAABAcw/IphYSW857bI/s320/%E9%97%87%E5%A3%B2.png" /></a>
<p>まぁ、以上。そんな感じでした。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-32759498062118076642013-02-12T06:24:00.000+09:002013-02-12T06:27:51.994+09:00jQuery plugin .texts() 1.1 リリースしました。<p>jQuery 1.9で .texts()が動作しない事に気がついたので修正及びテキストを取得する範囲がおかしかった為修正しました。</p>
<script type="text/javascript" src="http://jsdo.it/blogparts/qVaa/js?width=465&height=496&view=javascript"></script>
<a name='more'></a>
<p>修正箇所としては jQuery 1.9 で動作の変更された .replaceWith の対策を施しました。</p>
<strong>ポイント1</strong>
<p>一つ目に行った事としては replceWith をして文字列を変更すると変更されない様なので、一度要素を作ってしまい、 それらの要素を insertAfter して元の要素を remove してしまう方法です。</p>
<p>コード的には以下の様な感じでしょうか。</p>
<em>以前の方法</em>
<pre style="color:black;background-color:gray;padding-left:1em;">$(this).replaceWith(text.replace(/([hoge])/g,"<span>$1</span>"));</pre>
<em>改善方法</em>
<pre style="color:black;background-color:gray;padding-left:1em;">text = text.replace(/([hoge])/g,"<span>$1</span>");<br/>var es = $.parseHTML(text);<br/>$(this).insertAfter(es);<br/>$(this).remove();</pre>
<p>これにより、置換えした物を一度挿入して元の要素を削除する形式へと変更できています。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-26137843278247603462012-12-24T20:42:00.002+09:002012-12-24T20:42:54.360+09:00[jQuery plugin].texts() リリース(してます。:過去形)<p>そーや結構前からjsdo.itで公開していますjQuery pluginについてでも記事を書こうかと思います。</p>
<p>そのpluginの名は<a href="http://jsdo.it/juner/jQuery_texts"><code>.texts()</code></a>です。そのpluginは下記の機能を持ちます。</p>
<ul><li>要素群より文字のみ抽出し、且つ指定の正規表現により1文字に分け、任意のタグで囲った物を取得する</li></ul>
<p>このpluginの利点は下記にあります。</p>
<ul><li>要素ではなく、テキストノードのみ抽出して操作することによりタグの書き換えが発生せず、イベントが消失しないこと。</li></ul>
<p>ダウンロードは<a href="http://jsdo.it/juner/jQuery_texts/download">こちら</a></p>
<a name='more'></a>
<script type="text/javascript" src="http://jsdo.it/blogparts/qVaa/js?width=465&height=496&view=javascript"></script>
<p>この要素は名の通り、任意の要素群からテキストノードのみ取得し、1文字ずつに分け、取得することが出来るという物です。</p>
<p>文字解析の正規表現が<code>/([\uD800-\uDBFF][\uDC00-\uDFFF]|[^\B\t\s ])/g</code>になっているのは<code>[\uD800-\uDBFF][\uDC00-\uDFFF]</code>でサロゲートペア文字を切り出し、且つ、<code>[^\B\t\s ]</code>で、特定文字種以外の文字を1文字単位で切り出しています。</p>
<p>関数としての動作については下記の様になります。</p>
<dl><dt>$(selecter).texts(options);</dt><dd><p>要素群よりテキストノードを取得する。</p>
<dl><dt>options.class</dt><dd><p>一時クラス名</p><p>(オプション 初期値: <code>"char"</code>)</p></dd></dl>
<dl><dt>options.tagName</dt><dd><p>生成タグ名</p><p>(オプション 初期値: <code>"span"</code>)</p></dd></dl>
<dl><dt>options.reg</dt><dd><p>正規表現オブジェクト</p><p>(オプション 初期値: <code>/([\uD800-\uDBFF][\uDC00-\uDFFF]|[^\B\t\s ])/g</code>)</p></dd></dl>
</dd></dl>
<p>以上。</p>
追伸:
<p>サンプルなら、うちのcodeを見るとそこたら中で使っていますが、単に jQuery objectで<code>.texts()</code>するだけです。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-8326268923021353492012-12-24T18:28:00.000+09:002012-12-24T20:44:00.417+09:00[jQuery plugin] .sort() 1.0 リリース<p>というわけでjQuery plugin の<a href="http://jsdo.it/juner/jQuery_sort_1.0">.sort() 1.0</a>リリースします。</p>
<p>このプラグインは以下の機能をjQueryに付加します。</p>
<ul>
<li>jQueryで取得した要素群を任意の順番に並び換える機能</li>
</ul>
<p>ダウンロードは<a href="http://jsdo.it/juner/jQuery_sort_1.0/download" title="jQuery plugin .sort() 1.0 download">こちら</a></p>
<a name='more'></a>
<script type="text/javascript" src="http://jsdo.it/blogparts/aLUg/js?width=465&height=496&view=javascript"></script>
<p>で、このプラグインですが、下記の関数群によって成り立っています。(実際の動作は<a href="http://jsdo.it/juner/jQuery_sort_1.0">http://jsdo.it/juner/jQuery_sort_1.0</a>を参照のこと。)</p>
<dl><dt>jQuery.fn.sort();</dt><dd><p>何もせずthisを返す。</p></dd></dl>
<dl><dt>jQuery.fn.sort(String key);</dt><dd><p>指定したキーによる並び替えが登録されていればそのソートを行い、ソートされた要素群を返す。</p><p>もしもそのキーが登録されていない場合は何も変更せずにthisを返す。</p><p>初期状態で登録されているキーは下記の通りである</p>
<dl><dt>'reverse'</dt><dd>逆順に並び替える<dd></dl><dl><dt>'shuffle'</dt><dd>シャッフルする</dd></dl><dl><dt>'alternate'</dt><dd>端から順番に並び換える</dd></dl><dl><dt>'central'</dt><dd>中央から順番に並び換える</dd></dl>
</dd></dl><dl><dt>jQuery.fn.sort(Function key);</dt><dd><p>指定されたFunctionでソートした要素群を返す。</p><p>その際に指定するfunction は this にjQuery.fn.get()の返り値の配列が格納されている状態で動作することを念頭に作成すること。</p></dd></dl>
<dl><dt>jQuery.sort();</dt><dd><p>設定を行う為の幾つかの関数を返す。</p>
<dl><dt>.addFunction(String key,Function func);</dt><dd><p>keyにfuncを登録する</p></dd></dl>
<dl><dt>.addFunction(Object options);</dt><dd><p>optionsが連想配列であれば そのキーをキーとして、値を関数として登録する。</p></dd></dl>
<dl><dt>.delFunction(String key);</dt><dd><p>keyが登録されていれば削除する</p></dd></dl>
<dl><dt>.delFunction(Array keys);</dt><dd><p>keyのリストを元に設定されている物があれば削除する。</p></dd></dl>
<dl><dt>.setAutoGlobalMethod(boolean on_off);</dt><dd><p>自動登録フラグのON/OFFを設定する。※1</p></dd></dl>
<dl><dt>.addGlobal()</dt><dd><p>既に登録してあるキーを全てjQuery.fn.key に登録する(ただし、上書きはしない。)</p></dd></dl>
<dl><dt>.addGlobal(String key)</dt><dd><p>既に登録してあるkeyの関数をjQuery.fn.key に登録する</p></dd></dl>
<dl><dt>.addGlobal(Array keys)</dt><dd><p>既に登録してあるkeyの関数を配列を元に jQuery.fn.key に登録する</p></dd></dl>
<dl><dt>.delGlobal()</dt><dd><p>既にaddGlobalで登録してある関数のうちsort関連で登録された物だけを削除する</p></dd></dl>
<dl><dt>.delGlobal(String key)</dt><dd><p>既にaddGlobalで登録してある関数のうちkeyに指定されたものをjQuery.fn.keyより削除する。関係無い関数の場合削除しない。</p></dd></dl>
<dl><dt>.delGlobal(Array keys)</dt><dd><p>既にaddGlobalで登録してある関数のうちkeyの配列に指定されたものをjQuery.fn.keyより削除する。関係無い関数は削除しない。</p></dd></dl>
</dd></dl>
<dl><dt>jQuery.sort(options)</dt><dd><p>ソートの設定を行う。指定出来るキーとその値については下記の通りである。</p>
<dl><dt>options.autoGlobalMethod</dt><dd><p>自動設定フラグ(※1)</p></dd></dl>
<dl><dt>options.add</dt><dd><p>新たに設定するキーと関数の連想配列</p></dd></dl>
<dl><dt>options.del</dt><dd><p>削除するキーの配列</p></dd></dl>
</dd></dl>
<dl><dt>※1 自動設定フラグ</dt>
<dd><p><code>jQuery.fn.sort("keyname")</code>で利用出来るソートを<code>jQuery.fn.keyname()</code>でも利用出来る様に出来る機能</p><p>標準でOFFになっている。</p><p>また、これがONになっていても、既にkynameが設定されている場合には設定されない。</p></dd></dl>
<p>サンプルについては<a href="http://jsdo.it/juner/jQuery_sort_1.0_sample" title="jQuery plugin .sort() 1.0">こちら</a></p>
<script type="text/javascript" src="http://jsdo.it/blogparts/m1UL/js?width=465&height=496&view=play"></script>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-56705824059220271982012-12-21T08:07:00.001+09:002012-12-21T08:11:54.172+09:00[2012/12/20] jsdo.itでデイリーランキング一位になってたなど。<p>昨日、うちの最近愛用してるサービスのjsdo.itで、デイリーランキング一位になりました!<br>
今後共よろしくお願いいたします。<br>
</p>
<div class='separator' style='clear: both; text-align: center;'> <a href='http://lh5.ggpht.com/-UlRGf-OHR_8/UNOaIUbs7mI/AAAAAAAAqF0/kB2PMy6Zj3w/s1600/Screenshot_2012-12-20-22-28-18.png' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'> <img border='0' src='http://lh5.ggpht.com/-UlRGf-OHR_8/UNOaIUbs7mI/AAAAAAAAqF0/kB2PMy6Zj3w/s640/Screenshot_2012-12-20-22-28-18.png' /> </a> </div>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-42436067294350246182012-12-19T02:03:00.003+09:002012-12-19T02:04:37.967+09:00$([]).texts().each(funct...<p>こんっちゃっす。最近jsdo.it でコード書きまくってるところのjunerです。</p>
<p>最近書いたコードについて説明したいと思います。</p>
<a name='more'></a>
<p>まず説明したいのはこのサンプル</p>
<a href="http://jsdo.it/juner/jQuery_texts_sample">hop texts (jQueryPlugin .texts()の使用サンプル)</a>
<script type="text/javascript" src="http://jsdo.it/blogparts/wJ1e/js?width=465&height=496&view=javascript"></script>
<p>アレです。要するにtextNode(nodeType==3)だけ取得してそれらの文字を正規表現によって1文字づつ切り分けて指定の要素に格納して返すjQueryPluginって奴です。使いたい人は使えばいいです。</p>
Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-58135035545296996672012-12-15T15:45:00.000+09:002012-12-15T16:38:14.914+09:00干支(にほんごじゃばすくりぷと)<p>jsdo.itに登録してみたjunerです。</p>
<p>ガリガリ夜なべしてとりあえずにほんごじゃばすくりぷとで干支を求めるクラスでも作ってみた。</p>
<a name='more'></a>
<a href="http://jsdo.it/juner/eto_jp">干支(にほんごじゃばすくりぷと)</a>
<script type="text/javascript" src="http://jsdo.it/blogparts/2a6DJ/js?width=465&height=496&view=javascript"></script>
<p>ん。ゲッターとセッターが恰好悪い?いや、だって日本語は英語とは違いますし。〜を取得って形式になりますし。</p>
<p>まぁうちとしてはソースの通り、下記の様な命名規則でやっています。</p>
<table style="border-collapse:collapse;background-color:white;color:black;"><tr><th style="border:1px solid gray">タイプ</th><th style="border:1px solid gray">英語</th><th style="border:1px solid gray">日本語</th></tr><tr><td style="border:1px solid gray">getter</td><td style="border:1px solid gray">get[xxx]</td><td style="border:1px solid gray">[xxx]を取得</td></tr><tr><td style="border:1px solid gray">setter</td><td style="border:1px solid gray">set[xxx]</td><td style="border:1px solid gray">[xxx]を設定</dt></tr></table>
<p>で、実際の使用例的には下記の様になります。</p>
<a href="http://jsdo.it/juner/eto_jp_sample">干支(にほんごじゃばすくりぷと) 使用サンプル</a>
<script type="text/javascript" src="http://jsdo.it/blogparts/v50L/js?width=465&height=496&view=javascript"></script>
<p>そんな違和感の無い使い方な筈……だよね?</p>
<p>以上!</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-83955891155260065172012-12-08T20:32:00.003+09:002012-12-08T20:32:32.051+09:00GoogleAppsで利用出来るサービス一覧を調べてみたよ![2012/12/08 現在]<a href="https://picasaweb.google.com/lh/photo/9qD8R0RQvxT68BDE890bW9MTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh3.googleusercontent.com/-GT5qdR18lfY/UMMKuiO1zAI/AAAAAAAAoXA/-M60TtbZ3FM/s400/Google%2520Apps%2520for%2520Business-183831.png" height="150" width="400" /></a>
<p><time datetime="2012-12-08T08:34+09:00">今朝</time>にThe Google Apps TeamからGoogleAppsについての下記の様なメールが届きました。</p>
<blockquote style="color:#434343;background-color:white;padding:1em;border:1px double #434343;"><p style="margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:13px;line-height:21px;"><span style="font-size:16px"><strong>Google からのお知らせ
</strong></span><br><br>Google Apps のサービス パッケージが一部変更となりますのでお知らせします。<wbr>変更に伴い、お客様にお願いする設定の変更は特にございません。
<br><br>本日をもちまして、Google Apps の基本バージョンの新規登録を終了いたします。また、<wbr>このバージョンに切り替えるオプションのご提供を 30 日後に終了いたします。
<br><br>この変更の詳細については、<a href="http://www.google.com/appserve/mkt/2GUQngWX6ub2O8zscfS0E6" style="color:#1155cc" target="_blank">ヘルプセンター</a>か <a href="http://www.google.com/appserve/mkt/0Iw8j2kUEfOG7ypHgEfa5m" style="color:#1155cc" target="_blank">Enterprise Blog</a>をご覧ください。<br><br>Google では、Google Apps for Business をご利用のお客様に快適なサービスを提供するよう今後も努めて参<wbr>ります。お客様には、年中無休 24 時間体制のカスタマーサポート、25 GB の受信トレイ、99.9% の稼働率の保証、<wbr>ビジネス用コントロールなどを今後もご利用いただけます。
<br><br>今後とも Google Apps をよろしくお願いいたします。
<br><br>Clay Bavor<br>Google Apps、ディレクター
</p></blockquote>
<p>要するに、既に登録している人は関係ないけれど、GoogleApps無償版の新規登録やめるよー!って事みたいです。なので、GoogleAppsで使えるサービス一覧を調べてみました。<br/>(※尚、junerはGoogleApps for Businessを使っている為、そこで利用可能なサービス一覧を説明します。)</p>
<a name='more'></a>
<p>で、全体図的には下記の様になります。</p>
<a href="https://picasaweb.google.com/lh/photo/twhG_VV5awi6foMgUrFjHdMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh3.googleusercontent.com/-dbNhChgijqI/UMMQkDgXW_I/AAAAAAAAoZc/iRrU-Ii0yQY/s800/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7.png" height="800" width="187" /></a>
<p>……って長いですね。小さすぎますね。それにPicasaWebAlubumですら全体表記利きませんね。(※PicasaWebAlubumの原寸大で表示出来るサイズは高さが800以下な為)見る場合はダウンロードしてみてください。</p>
<p>で、解説ですけれど、高さ800px以下で纏めると8枚になるので8回に分けて説明しますね。</p>
<a href="https://picasaweb.google.com/lh/photo/lW3a-Q-04mF5yxZ-8hl6WdMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh5.googleusercontent.com/-WMoPaUI8S4A/UMMOccOMl1I/AAAAAAAAoZc/kEnurQR3bFY/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_01.png" height="225" width="400" title="¹⁄₈" alt="GoogleAppsのサービス一覧[1/8]" /></a>
<dl><dt>コアGoogleサービス</dt><dd>Googleの主要サービス一部の機能はダッシュボードにて追加しないと利用出来ない。</dd></dl>
<ul><li>Gmail</li><li>Google Groups for Business</li><li>Google カレンダー</li><li>Google サイト</li><li>Google トーク</li><li>コンタクト</li><li>ドライブとドキュメント</li></ul>
<a href="https://picasaweb.google.com/lh/photo/ySzECcGG_B9U16W8jkFEL9MTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh5.googleusercontent.com/-qZqYzOS0G50/UMMOiYo4F6I/AAAAAAAAoZc/-C2-t4OvLW0/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_02.png" height="180" width="400" title="²⁄₈" alt="GoogleAppsのサービス一覧[2/8]" /></a>
<ul><li>動画</li></ul>
<dl><dt>Marketplaceのサービス</dt><dd><a href="https://www.google.com/enterprise/marketplace/?pli=1">Google Apps Marketplace</a>で幾らでも追加出来る為割愛</dd></dl>
<a href="https://picasaweb.google.com/lh/photo/yZTAOx249qrSOLGh-HCI1dMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh4.googleusercontent.com/--Zetfsm7vko/UMMPVWlTUWI/AAAAAAAAoZc/s8_jhED25eE/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_03.png" height="229" width="400" title="³⁄₈" alt="GoogleAppsのサービス一覧[3/8]" /></a>
<dl><dt>その他のサービス</dt><dd>GoogleにあるGoogleApps外のサービス。GoogleAppsAccountでログインして利用することが出来る。</dd></dl>
<ul><li>Blogger</li><li>Chrome Web Store</li><li>DART for Publishers</li><li>DoubleClick Customer Resource Center</li><li>DoubleClick DART Enterprise</li><li>DoubleClick for Advertisers</li><li>DoubleClick for Publishers</li><li>DoubleClick Search</li><li>DoubleClick Studio</li><li>FeedBurner</li></ul>
<a href="https://picasaweb.google.com/lh/photo/7rd0y0lntvEzg1A-pAXC8NMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh6.googleusercontent.com/-W_1und15gbQ/UMMQHb51n5I/AAAAAAAAoZc/tZCoCtW-6K4/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_04.png" height="226" width="400" title="⁴⁄₈" alt="GoogleAppsのサービス一覧[4/8]" /></a>
<ul><li>Google Ad Planner</li><li>Google AdSense</li><li>Google AdSense for TV</li><li>Google Advertising Professional</li><li>Google AdWords</li><li>Google Affiliate Network</li><li>Google Analytics</li><li>Google App Engine 管理コンソール</li><li>Google Base</li><li>Google Bookmarks</li><li>Google Chrome Sync</li><li>Google Code</li></ul>
<a href="https://picasaweb.google.com/lh/photo/pJm3Ou7M4qZ8JWILLy3Zw9MTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh5.googleusercontent.com/-DV6GXBCeczw/UMMQMTloWcI/AAAAAAAAoZc/JB4W0bPirXE/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_05.png" height="207" width="400" title="⁵⁄₈" alt="GoogleAppsのサービス一覧[5/8]" /></a>
<ul><li>Google Finance</li><li>Google Friend Connect</li><li>Google Hotpot</li><li>Google in Your Language</li><li>Google Latitude</li><li>Google Play Developer Console</li><li>Google Public Data</li><li>Google Squared</li><li>Google Translator Toolkit</li><li>Google Voice</li><li>Google Wallet</li></ul>
<a href="https://picasaweb.google.com/lh/photo/Nqc2eA4ZUoF0glasC8mHANMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh6.googleusercontent.com/-_i9CZxZFeVg/UMMQSI0GGZI/AAAAAAAAoZc/b_mDB9RjsK8/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_06.png" height="226" width="400" title="⁶⁄₈" alt="GoogleAppsのサービス一覧[6/8]" /></a>
<ul><li>Google ウェブマスター ツール</li><li>Google カスタム検索</li><li>Google クーポン</li><li>Google グループ</li><li>Google サイドウィキ</li><li>Google データエクスポート</li><li>Google デスクトップ</li><li>Google ニュース</li><li>Google ブックス</li><li>Google プレイス</li><li>Google マップ</li><li>Google マップメーカー</li></ul>
<a href="https://picasaweb.google.com/lh/photo/2fcvsWFDwn1udHsLzipIp9MTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh6.googleusercontent.com/-6zWJ_NAZRfc/UMMQWgfMYQI/AAAAAAAAoZc/wmKjPt5o8Xo/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_07.png" height="230" width="400" title="⁷⁄₈" alt="GoogleAppsのサービス一覧[7/8]" /></a>
<ul><li>Google モデレーター</li><li>Google ユーザー登録リンク</li><li>Google リーダー</li><li>Google+</li><li>iGoogle</li><li>Knol</li><li>Merchant Center</li><li>Mobile Test Tools</li><li>orkut</li><li>Panoramio</li><li>Partner Dash</li><li>Picasa ウェブ アルバム</li></ul>
<a href="https://picasaweb.google.com/lh/photo/M95dN9XtwSwMbCiOeQQ_MdMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh6.googleusercontent.com/-wuse8dVkvao/UMMQbt9wbzI/AAAAAAAAoZc/Mt-gxJ3TJnI/s400/GoogleApps%25E3%2581%25A7%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2593%25E3%2582%25B9%25E4%25B8%2580%25E8%25A6%25A7_08.png" height="190" width="400" title="⁸⁄₈" alt="GoogleAppsのサービス一覧[8/8]" /></a>
<ul><li>YouTube</li><li>YouTube CMS</li><li>YouTube パートナー シンジケーション</li><li>YouTube プロモート動画</li><li>ウェブサイトオプティマイザー</li><li>ウェブ履歴</li><li>ショッピング</li><li>パートナー プログラム</li><li>ユーザー別の保存容量</li></ul>
<p>で計<span title="8/8">⁸⁄₈</span>ですね。</p>
<p>まぁ一部サービスというか機能のものがあったり、廃止予定のサービスがあったりしましたけれどね。</p>
<p>以上。各々についてはググって下さい!</p>
<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/108871103242894697237/GoogleApps20121208?authuser=0&feat=embedwebsite"><img src="https://lh5.googleusercontent.com/-mb0XmlYMjgs/UMMJoFEmTBE/AAAAAAAAoZk/KpxSe3uB8jQ/s160-c/GoogleApps20121208.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="https://picasaweb.google.com/108871103242894697237/GoogleApps20121208?authuser=0&feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">GoogleAppsで利用出来るサービス一覧[2012/12/08 現在]</a></td></tr></table>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-33075833478199856652012-11-06T21:06:00.000+09:002012-11-06T21:06:12.009+09:00MicrosoftOfficeの公式Viewerについてのメモとか<a href="http://2.bp.blogspot.com/-7gGMVEyGHjM/UJj8056oKAI/AAAAAAAAiDM/mh-Nu8_x-NQ/s1600/MSOffice.png" imageanchor="1" style=""><img border="0" height="306" width="400" src="http://2.bp.blogspot.com/-7gGMVEyGHjM/UJj8056oKAI/AAAAAAAAiDM/mh-Nu8_x-NQ/s400/MSOffice.png" /></a>
<p><span title="Microsoft">MS</span>OfficeをOffice入っていない時に見ようと思ったけど、見れなくて面倒な目にあったことってありませんか?</p>
<p>そういう時に使えるMS公式のOffice Viewerについての調べてみました。</p>
<a name='more'></a>
<p>まず、公式でViewerを用意されている物は Word,Excel,PowerPoint,Visioの四つ。</p>
<dl><dt><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=4">Word Viewer</a></dt><dd><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=4">http://www.microsoft.com/ja-jp/download/details.aspx?id=4</a></dd></dl>
<dl><dt><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=10">Excel Viewer</a></dt><dd><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=10">http://www.microsoft.com/ja-jp/download/details.aspx?id=10</a></dd></dl>
<dl><dt><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=13">PowerPoint Viewer</a></dt><dd><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=13">http://www.microsoft.com/ja-jp/download/details.aspx?id=13</a></dd></dl>
<dl><dt><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=21701">Visio Viewer</a></dt><dd><a href="http://www.microsoft.com/ja-jp/download/details.aspx?id=21701">http://www.microsoft.com/ja-jp/download/details.aspx?id=21701</a></dd></dl>
<p>そんな感じにある訳ですよ。ちなみに、Viewerっていう意味では<a href="http://office.microsoft.com/ja-jp/publisher-help/HA010233906.aspx">公式で言ってる</a>様に、MicrosoftOfficeの評価版をインストールすればよいのですけれどね。(例:<a href="http://www7.buyoffice.microsoft.com/jpn/product.aspx?family=o14_officepro_try">MSOffice2010評価版</a>) 評価版であれば、評価期間の60日を過ぎれば作成・編集機能が使用出来なくなって完全なViewerになるのでそういう意味であればアリかもしれません。</p>
<p>もしくは、Viewerではなく、最新のOfficeを使いたい!って人がいるのであれば、<a href="http://www.microsoft.com/ja-jp/office/preview/">MSOfficeのCP版</a>という手もあります。これはまぁ期限はありますけれど。</p>
<p>もうぶっちゃけ編集したいのであれば、<a href="http://www.microsoft.com/ja-jp/office/2010/webapps/">Web Apps</a>でこと足りるのですけれどね。(細かい編集とかは無理ですけれど、基本的に使うんであればこれでこと足りる。</p>
<p>以上、無料でOffice使う場合のメモでした。</p>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-50448122420342313252012-10-11T01:38:00.000+09:002012-10-11T01:47:45.929+09:000401 - The Best Days of 重音テト が届いたのでGooglePlayMusicの書き方でも記事にしてみます。<a href="http://3.bp.blogspot.com/-Ywy5LXgWcSA/UHWcbcha02I/AAAAAAAAe0Y/RaZbiYHcHTI/s1600/0401.png" imageanchor="1" style=""><img border="0" height="241" width="400" src="http://3.bp.blogspot.com/-Ywy5LXgWcSA/UHWcbcha02I/AAAAAAAAe0Y/RaZbiYHcHTI/s400/0401.png" /></a>
<p><a href="http://www.amazon.co.jp/dp/B008S04D48/ref=as_li_ss_til?tag=juner-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B008S04D48&adid=1JEHE2FPPS87A3N4MEWS&&ref-refURL=http%3A%2F%2Frcm-jp.amazon.co.jp%2Fe%2Fcm%3Flt1%3D_blank%26bc1%3D000000%26IS2%3D1%26bg1%3DFFFFFF%26fc1%3D000000%26lc1%3D0000FF%26t%3Djuner-22%26o%3D9%26p%3D8%26l%3Das4%26m%3Damazon%26f%3Difr%26ref%3Dss_til%26asins%3DB008S04D48">0401 - The Best Days of 重音テト (数量限定生産) (ALBUM+DVD) [CD+DVD, Limited Edition]</a>購入!さっさとGooglePlayMusicへUPしてきたjunersことjunerです。</p>
<p>皆さんはGooglePlayMusicへ入れる際に、情報どう入れていますか?</p>
<a name='more'></a>
<p>私の場合、下記の様になります。</p>
<a href="http://3.bp.blogspot.com/-DmNVMxRLOd0/UHWmqtMFPRI/AAAAAAAAe1E/NLLHgrc1HvM/s1600/0401_2.png" imageanchor="1" style=""><img border="0" height="400" width="319" src="http://3.bp.blogspot.com/-DmNVMxRLOd0/UHWmqtMFPRI/AAAAAAAAe1E/NLLHgrc1HvM/s400/0401_2.png" /></a>
<dl><dt>NAME</dt><dd>曲名</dd></dl>
<dl><dt>ARTIST</dt><dd>曲のメインのアーティスト</dd></dl>
<dl><dt>ALBUM ARTIST</dt><dd>アルバムで纏めている人(今回はツインドリルプロデュースなのでツインドリルにしています。)</dd></dl>
<dl><dt>ALBUM</dt><dd>アルバム名</dd></dl>
<dl><dt>COMPOSER</dt><dd>演奏者・作曲者・編曲者他(ARTISTに書いた人も含めておく)</dd></dl>
<dl><dt>GENRE</dt><dd>ジャンル</dd></dl>
<p>あとの項目は見てわかるとおりです。</p>
<p>ちなみに、ジャケット画像は公式ブログにある<a href="http://kasaneteto.jp/blog/2012/09/02/%E3%80%8E0401-the-best-days-of-%E9%87%8D%E9%9F%B3%E3%83%86%E3%83%88%E3%80%8F%E3%82%B8%E3%83%A3%E3%82%B1%E3%83%83%E3%83%88%E5%AE%8C%E6%88%90%EF%BC%81/">『0401 -The Best Days of 重音テト』ジャケット完成!</a>の物を使用しております。(amazonのでもいいですね。</p>
<p>そんな感じでした!</p>
<dl><dt>関連サイト</dt><dd><a href="http://www.avexnet.or.jp/kasaneteto/">重音テト単独メジャーデビューCD 0401- The Best Days of 重音テト 公式頁</a></dd></dl>
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=juner-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B008S04D48" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=juner-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B008S04DHA" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=juner-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B008S04DDO" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-352623360308026382012-10-05T22:05:00.000+09:002012-10-05T22:05:00.746+09:00DTCP+についてのmemo<section>
<p>DTCP+は、DTCP-IPの1.4に当たるものでDTCP+と呼ばれてるみたい。</p>
<p>詳しくはITProの<a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20120612/401703/">リモート・アクセスに対応したDTCP+とは</a>を読んだらいいと思うけれど大まかに以下の機能が追加されるのよね。</p>
<dl><dt><span title="Digital Only Token">デジタル出力制御</span></dt><dd>通信が暗号化されて通信するので安心!ヘッダは暗号化されてないけど、データはAESで暗号化されてるよ!ちなみに、<span title="Digital Only Token">DOT</span>が追加されて、それが1だったらプロテクトされたデジタル出力でしか見れなくなるみたい。</dd></dl>
<dl><dt>メディアに依存しない<span title="Content Management Information、コンテンツ管理情報">CMI</span>の伝送方式</dt><dd>CMI記述子を使う事でコンテンツ種に限らず、いっぱい情報付けられるよ!やったね!</dd></dl>
<dl><dt>新しいコピーカウント<span title="Digital Only Token">CMI</span></dt><dd>機器間でダビング4分をムーブしたり、ダビング10を維持した儘ムーブ出来るよ!やったね!</dd></dl>
<dl><dt>リモート・アクセス機能</dt><dd>ネットワーク内で登録した機器間ならインターネットを通じてコンテンツを見られるようになるよ!やったね!</dd></dl>
<p>とまぁ、そんな感じみたい。コンテンツ提供側、TV側の陣営さんがこれをその儘使ってくれれば嬉しいところなのですけれど……。</p>
</section>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0tag:blogger.com,1999:blog-8182118248011601496.post-29249174885351519522012-09-09T23:15:00.000+09:002012-09-09T23:15:06.925+09:00BrowserBirthdayCalendar(webブラウザの誕生日カレンダー)つくりました!<p>というわけで<a rel="me" ref="mailto:juner@juner.net">juner</a>です。今回は<a href="http://blogger.juner.net/2011/11/20111115.html">【メモ】:2011年11月15日現在に於けるブラウザ娘とその年齢についてのメモ</a>の続編として、あの後調査した情報を元にしてブラウザの誕生日カレンダーを纏めてみることにしました。</p>
<a name='more'></a>
<p>注意点としては下記となります。</p>
<ul><li>バージョン1.0のリリース日を誕生日としています。(それ未満はまだbetaの様な生まれる前の形として扱っています。</li><li>調査して1.0がわからない場合は1.0以上の最初のリリースを誕生日にしています。</li><li>参考の為に、その証拠となるURLも載せています。</li></ul>
<p>その為、この前の一覧表での誕生日とは違った結果になっていると思われます。</p>
<p>登録する場合は下記に用意したボタンを押して頂けるとGoogleCalendarに追加されるようになっています。使って頂けると幸いです。</p>
<div style="text-align:center;"><a href="http://www.google.com/calendar/render?cid=http%3A%2F%2Fwww.google.com%2Fcalendar%2Ffeeds%2Fjuner.net_as2meo236nak1r6updjnmb8o1c%2540group.calendar.google.com%2Fpublic%2Fbasic" target="_blank"><img src="//www.google.com/calendar/images/ext/gc_button1.gif" border=0></a></div>
<p>また、1.0の誕生日を知っていていて且つ、追加されていないブラウザを知っている場合は<a href="https://twitter.com/juners" rel="me">twitterのjuners</a>や、<a href="mailto:juner@juner.net">juner</a>迄証拠となるURLと共にお知らせください。よろしくお願いします。</p>
<p>以上。</p>
<p>参考迄に、作成したカレンダーを以下に表示しておきます。</p>
<iframe src="https://www.google.com/calendar/embed?mode=AGENDA&height=600&wkst=1&bgcolor=%23FFFFFF&src=juner.net_as2meo236nak1r6updjnmb8o1c%40group.calendar.google.com&color=%23711616&ctz=Asia%2FTokyo" style=" border-width:0 " width="300" height="600" frameborder="0" scrolling="no"></iframe>Anonymoushttp://www.blogger.com/profile/12192427110438793569noreply@blogger.com0