<p>photoshop ccやsketchでも使えるというプラグインです。</p>
<p>UI designを助けてくれるという触れ込みです。</p>
<p><a href="http://labs.invisionapp.com/craft" class="link" target="_blank">Craft by InVision LABS</a></p>
<p>以下の流れは基本「Photoshop」での話になりますのでご了承下さい。</p>
<h2>Craftのインストール</h2>
<p>まずは公式HPへリンクし、インストーラーをダウンロードします。<br />
windows/macは自動で判断しますので迷うことはありません。</p>
<p>インストーラーをダウンロードしたら起動します。<br />
そして、「sketch」か「photoshop」のどちらをインストールするか選択します。</p>
<p>これでインストール完了です。<br />
（photoshopを再起動させれば、エクステンションに追加されています。）</p>
<p>こちらのプラグインには、<br />
「Duplicate」「Type」「Photos」<br />
と大きく3つの機能があります。</p>
<p>簡単にはなりますがちょっとずつ説明していきます。</p>
<h3>Duplicate</h3>
<p>要素やシェイプを複製できるもので、ギャラリー等の制作に最適かもしれません。</p>
<p><a href="/uploads-archive/2016/02/6ap6Jo4mVg.gif" target="_blank"><img decoding="async" src="/uploads-archive/2016/02/6ap6Jo4mVg.gif" alt="6ap6Jo4mVg" width="640" class="alignnone size-large wp-image-9541" /></a></p>
<p>まず一つ元となるものを作り、それを選択し、<br />
縦、横にいくつ、<br />
どのくらいのマージンで、<br />
複製をするのかを決める感じです。</p>
<h3>Type</h3>
<p>こちらはあらゆるダミーテキストを一瞬で挿入できます。<br />
名前、見出し、文章、住所、日付、メールアドレス等など&#8230;</p>
<p>こちらも元のテキスト（なんでもOK）を用意し、それを選択しておきます。<br />
パネルを開き、変更したいものをクリックするだけで変更されます。</p>
<p><a href="/uploads-archive/2016/02/93JN3Zl7lD.gif" rel="attachment wp-att-9544"><img decoding="async" src="/uploads-archive/2016/02/93JN3Zl7lD.gif" alt="93JN3Zl7lD" width="640" class="alignnone size-large wp-image-9544" /></a></p>
<p>同じボタンを押してもランダムなので違う内容になります。</p>
<p>惜しいのは英語しかないという点ですね。日本語版があればすごくいいのに。。。</p>
<h3>Photos</h3>
<p>こちらは写真を挿入する機能になります。</p>
<p>ただ写真を貼り付けるだけなのかなと思っていましたが、作ったシェイプに合わせて写真を当て込んでくれるものでした。</p>
<p><a href="/uploads-archive/2016/02/sisGyFJoe1.gif" rel="attachment wp-att-9545"><img decoding="async" src="/uploads-archive/2016/02/sisGyFJoe1.gif" alt="sisGyFJoe1" width="640" class="alignnone size-large wp-image-9545" /></a></p>
<p><a href="https://unsplash.com/" target="_blank">Unsplash</a>というサイトから持ってこれますが、パソコンのフォルダやdropboxも指定できます。</p>
<p>どの場合も写真を選べるわけではなく、ランダムで入れてくれます。<br />
(自身のPCの場合、どこかのフォルダを選ぶと、そのフォルダ内にある写真をランダムで挿入します)</p>
<p>ですので、ダミー写真を用意するのに便利かと思います。</p>
<h2>終わりに</h2>
<p>管理画面、モックアップの作成にかなり使えるプラグインだと思いました。<br />
特に、SNS系、メディア系なんかのサイトに威力を発揮できるかもしれません。</p>
<p>僕は第一校のデザインは、全部同じ写真で出しちゃったりするので、ぜひ使用してみたいと思います。</p>
<p>おまけですが、こちら載せておきます。<br />
<a href="http://photoshopvip.net/ultimate-ps-tip" target="_blank">意外と知らない、Photoshop CCの隠し小技テクニック20個まとめました。 &#8211; PhotoshopVIP</a></p>


Photoshopが便利になるプラグイン「craft」

<h2>HTMLでプレゼンテーションスライドを</h2>
<p>見慣れた方にとっては今更感が強いかもしれませんが、<br />
HTMLでプレゼンテーションのスライドが作成できるJavaScriptのライブラリーを使用してみたく記事にしてみました。</p>
<p><a class="demo" href="/demo/mizutani/03/reveal.js/index.html" target="_blank">デモ</a></p>
<p>使い方はデモに書きました。</p>
<h2>感想</h2>
<ul>
<li>ソフトウェアを使用するより早く作れた気がします。基本的に一つのソースをいじるだけなので、いろんなところをクリックしたりする必要がないのがいいですね。</li>
<li>ソースコードを使ったスライドを作りたいときは良いかもしれません。</li>
</ul>
<h2>参照</h2>
<ul>
<li><a href="http://lab.hakim.se/reveal-js/">reveal.js</a></li>
</ul>


HTMLでスライドを作る　reveal.jsを使ってみた

Excelで見かけるはじめの列を固定させたTableをjQueryで実現してみる

AppleScriptでMac作業を楽にしてみよう

<p>いつでたのかは定かではありませんが、前々からgoogleフォームなるものの存在は知っていても利用することはありませんでした。</p>
<p>弊社で写真全員でブログを書いており、月毎で社員の投票により「<strong>ブログ賞</strong>」というものを決めています。</p>
<p>しかし、しばらくこの投票が行われない時期がありました。</p>
<p>それはなぜか考えた所、「投票が面倒くさい」からだろうと思い、なんかいいのないかなと思い利用したのが<strong>Googleフォーム</strong>でした。</p>
<p>実際に作成してみたところ簡単にできました。<br />
今月から使い初めたので集計がどうなるのかはわかりませんが、きっと便利そうな予感がします。（スプレッドシートに書き出されるのかな？？）</p>
<h2>Googleフォームの概要</h2>
<p>使い方は、まずはgoogleアカウントが必要ですね。<br />
そしてドライブから「<strong>新規</strong>」というボタンを押すと、「<strong>Googleフォーム</strong>」っていうのがあるのでそれをクリックです。</p>
<p>かなり雑な説明ですみません。この辺は大丈夫だと思うのだいぶ省略させていただきました。</p>
<p><a href="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9.png" rel="attachment wp-att-9439"><img decoding="async" loading="lazy" class="alignnone wp-image-9439" src="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-1024x561.png" alt="スクリーンショット 2016-02-02 17.55.10" width="640" height="351" srcset="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-1024x561.png 1024w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-300x164.png 300w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-768x421.png 768w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-228x125.png 228w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9.png 1104w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>そして、フォームのページに遷移後、<strong>右下の＋マーク</strong>を押すと新規で作成できます。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9437" src="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-1024x632.png" alt="screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949" width="640" height="395" srcset="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-1024x632.png 1024w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-300x185.png 300w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-768x474.png 768w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-228x141.png 228w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949.png 1155w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>色は好きな色が選べます。</p>
<p>&nbsp;</p>
<p>質問の項目としては、<br />
<strong>記述式、ラジオボタン、チェックボックス、プルダウン、均等目盛、選択式、日付、時刻</strong>といった要素があります。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9443" src="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-1024x758.png" alt="screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765" width="640" height="474" srcset="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-1024x758.png 1024w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-300x222.png 300w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-768x568.png 768w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-228x169.png 228w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765.png 1150w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>あとは、テキストはもちろん、<strong>画像</strong>や<strong>動画</strong>なんかも挿入できたりします！</p>
<p>回答できるユーザーも選択でき、<br />
全ユーザーであったり、googleアカウントを<strong>要ログイン</strong>であったり、<strong>一回のみ</strong>の回答という設定もできます！</p>
<p>共同で編集することもできます。</p>
<p>こんなに簡単に作れていろいろ設定も出来るとは思ってはいなかったでびっくりでした！！</p>
<p>社内向けアンケートであったり、イベントでのアンケートにぴったりですね！</p>


Googleフォームって実は簡単でとても便利だった！

<h3>はじめに</h3>
<div style="padding-left: 15px;">
特に意味もなく打鍵のカウントをしてみたかったので作ってみました。</p>
<p>基本はキーロガーと同じ要領です。<br />
OS XはWindowsと大分仕組みが違うため、<br />
フック(イベント情報を横取りする事)がなかなか難しい。</p>
<p>ので、今回はOS Xに絞って情報を集めてみた結果、、、<br />
SwiftでもなくObjective−CでもなくC言語にて組むことになりました。</p>
<p>ソースは別の用途で用いられる可能性があるため割愛させていただきます。</p></div>
<h3>流れ</h3>
<div style="padding-left: 15px;">
簡単な流れとして</p>
<ol>
<li>エントリーポイント実行 (所謂 main関数)</li>
<li>自作のイベント関数(CGEventRef)をループ実行として登録する (※後述)</li>
<li>ループイベント関数を実行開始する (※以下、関数例一覧)<br />
<blockquote><p>CFRunLoopSourceRef<br />
CFRunLoopAddSource<br />
CGEventTapEnable<br />
CFRunLoopRun()</p></blockquote>
</li>
</ol>
<p>と言った手順です。</p>
<p>2番の内容がここでの肝となります。<br />
毎回ログに吐き出すほどでもないので、<br />
10分間などの一定期間を定義して、その間の総計を出力するようにしました。</p>
<p>コードでの記述例で言うと</p>
<p></p>

		<div id="crayon-6495401591153277375030" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">C</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
    # define INTERVAL_TIME
    if (now() - prev_time &gt; INTERVAL_TIME) {
        // ここにカウントした総計を出力する実装
        print("%d", key_count);
        fflush(stdout);
    }
    key_count++;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401591153277375030-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-2">2</div><div class="crayon-num" data-line="crayon-6495401591153277375030-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-4">4</div><div class="crayon-num" data-line="crayon-6495401591153277375030-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-6">6</div><div class="crayon-num" data-line="crayon-6495401591153277375030-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401591153277375030-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-p"># define INTERVAL_TIME</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">now</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-i">prev_time</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">INTERVAL_TIME</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591153277375030-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// ここにカウントした総計を出力する実装</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">print</span><span class="crayon-sy">(</span><span class="crayon-s">"%d"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">key_count</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591153277375030-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">fflush</span><span class="crayon-sy">(</span><span class="crayon-i">stdout</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-6495401591153277375030-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">key_count</span>++<span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と言った感じです。あくまで抜粋です。<br />
10分の間にグルグルとループしながらキーを打ったらカウント。</p>
<p>10分を超えた時点でキーを叩いたらまとめて<br />
画面に今までのカウントを出力します。</p>
<p>一回の実行で42億回まではカウントしてくれるので<br />
間違って立ち上げっぱなしでも一ヶ月は保ってくれそうです！！</p>
<p>もうちょっとUIもついたアプリに出来たらよかったのですが、、<br />
取り敢えずの目的は達したので、まずまずとします。</p></div>
<h3>最後に</h3>
<div style="padding-left: 15px;">
出力された(カウントされた)出力は実際には以下です。</p>
<p></p>

		<div id="crayon-6495401591158471901162" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Shell</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
426
1207
2979
3670
4936</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401591158471901162-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591158471901162-2">2</div><div class="crayon-num" data-line="crayon-6495401591158471901162-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591158471901162-4">4</div><div class="crayon-num" data-line="crayon-6495401591158471901162-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401591158471901162-1"><span class="crayon-cn">426</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591158471901162-2"><span class="crayon-cn">1207</span></div><div class="crayon-line" id="crayon-6495401591158471901162-3"><span class="crayon-cn">2979</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591158471901162-4"><span class="crayon-cn">3670</span></div><div class="crayon-line" id="crayon-6495401591158471901162-5"><span class="crayon-cn">4936</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>コマンド実行例は以下</p>

		<div id="crayon-6495401591159610640573" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Shell</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
sudo ./key_count &gt; ./key_count.log</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401591159610640573-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401591159610640573-1"><span class="crayon-i">sudo</span><span class="crayon-h"> </span><span class="crayon-sy">.</span>/<span class="crayon-i">key_count</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-sy">.</span>/<span class="crayon-i">key_count</span><span class="crayon-e">.log</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>4,50分の間に約5千回ほど打鍵してることが解りました。意外と少ないものですね。</p>
<p>以上です！</p></div>

打鍵数をカウントしてみた

よく使うgitコマンド

<p>以前、記事でwebサイトのモックアップを作れるサービスを紹介しましたが、<br />
<a href="/designer/web%e3%82%b5%e3%82%a4%e3%83%88%e3%83%bb%e3%82%a2%e3%83%97%e3%83%aa%e3%81%ae%e3%83%a2%e3%83%83%e3%82%af%e3%82%a2%e3%83%83%e3%83%97%e3%80%81%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%83%84.html" target="_blank">webサイト・アプリのモックアップ、デザインのツールはAdobeに期待！！ | スターフィールド株式会社</a></p>
<p>また新しいものを発見しました。<br />
その名も「Bootstrap Studio」です。<br />
<a class="link" href="https://bootstrapstudio.io/" target="_blank">Bootstrap Studio</a></p>
<p>こちらあの「Bootstrap」を元に作られており、bootstrapを使用したサイトのデザインが直感的にできます。</p>
<p>もはやphotoshopやsketchのようなデザインツールです。</p>
<p>有料のツールではありますが、手早くデザインを作れそうな感じがします。</p>
<p>こちらはアプリですが、Demoはブラウザ上で試すことが出来ます（google Chromeのみ）</p>
<h2>おまけ</h2>
<p>bootstrapではないCSSのフレームワークになります。<br />
<a href="http://foundation.zurb.com/sites.html">Foundation for Sites | Foundation for Sites</a></p>
<p>こちらのサイトではhtmlテンプレートが用意されており、<br />
自由にダウンロードできます。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9315" src="/uploads-archive/2016/01/Foundation-HTML-Templates-1024x663.jpg" alt="Foundation HTML Templates" width="640" height="414" srcset="/uploads-archive/2016/01/Foundation-HTML-Templates-1024x663.jpg 1024w, /uploads-archive/2016/01/Foundation-HTML-Templates-300x194.jpg 300w, /uploads-archive/2016/01/Foundation-HTML-Templates-768x497.jpg 768w, /uploads-archive/2016/01/Foundation-HTML-Templates-228x148.jpg 228w, /uploads-archive/2016/01/Foundation-HTML-Templates.jpg 1112w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><a href="http://foundation.zurb.com/templates.html">Foundation | HTML Templates</a></p>


bootstrapのサイトのデザイン、モックアップが作れる「Bootstrap Studio」

Canvasの複数の図形をprototypeで同時に扱う

Illustratorで書きだしたSVGの要素をCanvasでの記述に置き換えてみよう

<p>openexchangerates.orgとは、通貨変換のAPIを提供しているサービスで</p>
<p>対応通貨が多く、信頼性が高くて知られている。</p>
<p>&nbsp;</p>
<p>ドキュメントや紹介は英語で書かれており、デベロッパーが使う分には問題ないのだが、</p>
<p>日本のユーザー向けに見せるときは日本語表記にした方が親切だ。</p>
<p>そこで、1つずつググッてまとめてみた。</p>
<p>(ユーロを除く国が発行する通貨のみ記載)</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>ISO</th>
<th>英名</th>
<th>日本名</th>
<th>国名</th>
</tr>
<tr>
<td>AED</td>
<td>United Arab Emirates Dirham</td>
<td>UAE・ディルハム</td>
<td>アラブ首長国連邦</td>
</tr>
<tr>
<td>AFN</td>
<td>Afghan Afghani</td>
<td>アフガニ</td>
<td>アフガニスタン</td>
</tr>
<tr>
<td>ALL</td>
<td>Albanian Lek</td>
<td>レク</td>
<td>アルバニア</td>
</tr>
<tr>
<td>AMD</td>
<td>Armenian Dram</td>
<td>ドラム</td>
<td>アルメニア</td>
</tr>
<tr>
<td>ANG</td>
<td>Netherlands Antillean Guilder</td>
<td>ギルダー</td>
<td>アンティル</td>
</tr>
<tr>
<td>AOA</td>
<td>Angolan Kwanza</td>
<td>クワンザ</td>
<td>アンゴラ</td>
</tr>
<tr>
<td>ARS</td>
<td>Argentine Peso</td>
<td>ペソ</td>
<td>アルゼンチン</td>
</tr>
<tr>
<td>AUD</td>
<td>Australian Dollar</td>
<td>ドル</td>
<td>オーストラリア</td>
</tr>
<tr>
<td>AWG</td>
<td>Aruban Florin</td>
<td>フロリン</td>
<td>アルバ</td>
</tr>
<tr>
<td>AZN</td>
<td>Azerbaijani Manat</td>
<td>アゼルバイジャン・マナト</td>
<td>アゼルバイジャン</td>
</tr>
<tr>
<td>BAM</td>
<td>Bosnia-Herzegovina Convertible Mark</td>
<td>兌換マルク</td>
<td>ボスニア・ヘルツェゴビナ</td>
</tr>
<tr>
<td>BBD</td>
<td>Barbadian Dollar</td>
<td>バルバドス・ドル</td>
<td>バルバドス</td>
</tr>
<tr>
<td>BDT</td>
<td>Bangladeshi Taka</td>
<td>タカ</td>
<td>バングラデシュ</td>
</tr>
<tr>
<td>BGN</td>
<td>Bulgarian Lev</td>
<td>レフ</td>
<td>ブルガリア</td>
</tr>
<tr>
<td>BHD</td>
<td>Bahraini Dinar</td>
<td>バーレーン・ディナール</td>
<td>バーレーン</td>
</tr>
<tr>
<td>BIF</td>
<td>Burundian Franc</td>
<td>ブルンジ・フラン</td>
<td>ブルンジ</td>
</tr>
<tr>
<td>BMD</td>
<td>Bermudan Dollar</td>
<td>バミューダ・ドル</td>
<td>バミューダ</td>
</tr>
<tr>
<td>BND</td>
<td>Brunei Dollar</td>
<td>ブルネイ・ドル</td>
<td>ブルネイ</td>
</tr>
<tr>
<td>BOB</td>
<td>Bolivian Boliviano</td>
<td>ボリビアーノ</td>
<td>ボリビア</td>
</tr>
<tr>
<td>BRL</td>
<td>Brazilian Real</td>
<td>レアル</td>
<td>ブラジル</td>
</tr>
<tr>
<td>BSD</td>
<td>Bahamian Dollar</td>
<td>バハマ・ドル</td>
<td>バハマ</td>
</tr>
<tr>
<td>BTN</td>
<td>Bhutanese Ngultrum</td>
<td>ニュルタム</td>
<td>ブータン</td>
</tr>
<tr>
<td>BWP</td>
<td>Botswanan Pula</td>
<td>プラ</td>
<td>ボツワナ</td>
</tr>
<tr>
<td>BYR</td>
<td>Belarusian Ruble</td>
<td>ルーブル</td>
<td>ベラルーシ</td>
</tr>
<tr>
<td>BZD</td>
<td>Belize Dollar</td>
<td>ベリーズ・ドル</td>
<td>ベリーズ</td>
</tr>
<tr>
<td>CAD</td>
<td>Canadian Dollar</td>
<td>カナダ・ドル</td>
<td>カナダ</td>
</tr>
<tr>
<td>CDF</td>
<td>Congolese Franc</td>
<td>コンゴ・フラン</td>
<td>コンゴ</td>
</tr>
<tr>
<td>CHF</td>
<td>Swiss Franc</td>
<td>スイス・フラン</td>
<td>スイス</td>
</tr>
<tr>
<td>CLP</td>
<td>Chilean Peso</td>
<td>チリ・ペソ</td>
<td>チリ</td>
</tr>
<tr>
<td>CNY</td>
<td>Chinese Yuan</td>
<td>中人民元</td>
<td>中国</td>
</tr>
<tr>
<td>COP</td>
<td>Colombian Peso</td>
<td>コロンビア・ペソ</td>
<td>コロンビア</td>
</tr>
<tr>
<td>CRC</td>
<td>Costa Rican Colón</td>
<td>コロン</td>
<td>コスタリカ</td>
</tr>
<tr>
<td>CUP</td>
<td>Cuban Peso</td>
<td>キューバ・ペソ</td>
<td>キューバ</td>
</tr>
<tr>
<td>CVE</td>
<td>Cape Verdean Escudo</td>
<td>エスクード</td>
<td>カーボベルデ</td>
</tr>
<tr>
<td>CZK</td>
<td>Czech Republic Koruna</td>
<td>コルナ</td>
<td>チェコ</td>
</tr>
<tr>
<td>DJF</td>
<td>Djiboutian Franc</td>
<td>ジブチ・フラン</td>
<td>ジブチ</td>
</tr>
<tr>
<td>DKK</td>
<td>Danish Krone</td>
<td>クローネ</td>
<td>デンマーク</td>
</tr>
<tr>
<td>DOP</td>
<td>Dominican Peso</td>
<td>ドミニカ・ペソ</td>
<td>ドミニカ</td>
</tr>
<tr>
<td>DZD</td>
<td>Algerian Dinar</td>
<td>アルジェリア・ディナール</td>
<td>アルジェリア</td>
</tr>
<tr>
<td>EGP</td>
<td>Egyptian Pound</td>
<td>エジプト・ポンド</td>
<td>エジプト</td>
</tr>
<tr>
<td>ETB</td>
<td>Ethiopian Birr</td>
<td>ブル</td>
<td>エチオピア</td>
</tr>
<tr>
<td>EUR</td>
<td>Euro</td>
<td>ユーロ</td>
<td>ユーロ</td>
</tr>
<tr>
<td>FJD</td>
<td>Fijian Dollar</td>
<td colspan="2">フィジー・ドル</td>
</tr>
<tr>
<td>FKP</td>
<td>Falkland Islands Pound</td>
<td>フォークランド諸島・ポンド</td>
<td>フォークランド諸島ポンド</td>
</tr>
<tr>
<td>GBP</td>
<td>British Pound Sterling</td>
<td>ポンド</td>
<td>イギリス</td>
</tr>
<tr>
<td>GEL</td>
<td>Georgian Lari</td>
<td>ラリ</td>
<td>グルジア</td>
</tr>
<tr>
<td>GGP</td>
<td>Guernsey Pound</td>
<td>ガーンジー・ポンド</td>
<td>ガーンジー</td>
</tr>
<tr>
<td>GHS</td>
<td>Ghanaian Cedi</td>
<td>セディ</td>
<td>ガーナ</td>
</tr>
<tr>
<td>GIP</td>
<td>Gibraltar Pound</td>
<td>ジブラルタル・ポンド</td>
<td>ジブラルタル</td>
</tr>
<tr>
<td>GMD</td>
<td>Gambian Dalasi</td>
<td>ダラシ</td>
<td>ガンビア</td>
</tr>
<tr>
<td>GNF</td>
<td>Guinean Franc</td>
<td>ギニア・フラン</td>
<td>ギニア</td>
</tr>
<tr>
<td>GTQ</td>
<td>Guatemalan Quetzal</td>
<td>ケツァル</td>
<td>グアテマラ</td>
</tr>
<tr>
<td>GYD</td>
<td>Guyanaese Dollar</td>
<td>ガイアナ・ドル</td>
<td>ガイアナ</td>
</tr>
<tr>
<td>HKD</td>
<td>Hong Kong Dollar</td>
<td>香港・ドル</td>
<td>香港</td>
</tr>
<tr>
<td>HNL</td>
<td>Honduran Lempira</td>
<td>レンピラ</td>
<td>ホンジュラス</td>
</tr>
<tr>
<td>HRK</td>
<td>Croatian Kuna</td>
<td>クーナ</td>
<td>クロアチア</td>
</tr>
<tr>
<td>HTG</td>
<td>Haitian Gourde</td>
<td>グールド</td>
<td>ハイチ</td>
</tr>
<tr>
<td>HUF</td>
<td>Hungarian Forint</td>
<td>フォリント</td>
<td>ハンガリー</td>
</tr>
<tr>
<td>IDR</td>
<td>Indonesian Rupiah</td>
<td>ルピア</td>
<td>インドネシア</td>
</tr>
<tr>
<td>ILS</td>
<td>Israeli New Sheqel</td>
<td>新シェケル</td>
<td>イスラエル</td>
</tr>
<tr>
<td>IMP</td>
<td>Manx pound</td>
<td>マンクス・ポンド</td>
<td>マンクスポンド</td>
</tr>
<tr>
<td>INR</td>
<td>Indian Rupee</td>
<td>インド・ルピー</td>
<td>インド</td>
</tr>
<tr>
<td>IQD</td>
<td>Iraqi Dinar</td>
<td>イラク・ディナール</td>
<td>イラク</td>
</tr>
<tr>
<td>IRR</td>
<td>Iranian Rial</td>
<td>イラン・リアル</td>
<td>イラン</td>
</tr>
<tr>
<td>ISK</td>
<td>Icelandic Króna</td>
<td>アイスランド・クローナ</td>
<td>アイスランド</td>
</tr>
<tr>
<td>JEP</td>
<td>Jersey Pound</td>
<td>ジャージー・ポンド</td>
<td>ジャージー</td>
</tr>
<tr>
<td>JMD</td>
<td>Jamaican Dollar</td>
<td>ジャマイカ・ドル</td>
<td>ジャマイカ</td>
</tr>
<tr>
<td>JOD</td>
<td>Jordanian Dinar</td>
<td>ヨルダン・ディナール</td>
<td>ヨルダン</td>
</tr>
<tr>
<td>JPY</td>
<td>Japanese Yen</td>
<td>円</td>
<td>日本</td>
</tr>
<tr>
<td>KES</td>
<td>Kenyan Shilling</td>
<td>ケニア・シリング</td>
<td>ケニア</td>
</tr>
<tr>
<td>KGS</td>
<td>Kyrgystani Som</td>
<td>ソム</td>
<td>キルギス</td>
</tr>
<tr>
<td>KHR</td>
<td>Cambodian Riel</td>
<td>リエル</td>
<td>カンボジア</td>
</tr>
<tr>
<td>KMF</td>
<td>Comorian Franc</td>
<td>コモロ・フラン</td>
<td>コモロ</td>
</tr>
<tr>
<td>KPW</td>
<td>North Korean Won</td>
<td>北朝鮮・ウォン</td>
<td>北朝鮮</td>
</tr>
<tr>
<td>KRW</td>
<td>South Korean Won</td>
<td>韓国・ウォン</td>
<td>韓国</td>
</tr>
<tr>
<td>KWD</td>
<td>Kuwaiti Dinar</td>
<td>クウェート・ディナール</td>
<td>クウェート</td>
</tr>
<tr>
<td>KYD</td>
<td>Cayman Islands Dollar</td>
<td>ケイマン諸島・ドル</td>
<td>ケイマン諸島</td>
</tr>
<tr>
<td>KZT</td>
<td>Kazakhstani Tenge</td>
<td>テンゲ</td>
<td>カザフスタン</td>
</tr>
<tr>
<td>LAK</td>
<td>Laotian Kip</td>
<td>キープ</td>
<td>ラオス</td>
</tr>
<tr>
<td>LBP</td>
<td>Lebanese Pound</td>
<td>レバノン・ポンド</td>
<td>レバノン</td>
</tr>
<tr>
<td>LKR</td>
<td>Sri Lankan Rupee</td>
<td>スリランカ・ルピー</td>
<td>スリランカ</td>
</tr>
<tr>
<td>LRD</td>
<td>Liberian Dollar</td>
<td>リベリア・ドル</td>
<td>リベリア</td>
</tr>
<tr>
<td>LSL</td>
<td>Lesotho Loti</td>
<td>ロチ</td>
<td>レソト</td>
</tr>
<tr>
<td>LYD</td>
<td>Libyan Dinar</td>
<td>リビア・ディナール</td>
<td>リビア</td>
</tr>
<tr>
<td>MAD</td>
<td>Moroccan Dirham</td>
<td>モロッコ・ディルハム</td>
<td>モロッコ</td>
</tr>
<tr>
<td>MDL</td>
<td>Moldovan Leu</td>
<td>レウ</td>
<td>モルドバ</td>
</tr>
<tr>
<td>MGA</td>
<td>Malagasy Ariary</td>
<td>アリアリ</td>
<td>マダガスカル</td>
</tr>
<tr>
<td>MKD</td>
<td>Macedonian Denar</td>
<td>マケドニア・ディナール</td>
<td>マケドニア</td>
</tr>
<tr>
<td>MMK</td>
<td>Myanma Kyat</td>
<td>チャット</td>
<td>ミャンマー</td>
</tr>
<tr>
<td>MNT</td>
<td>Mongolian Tugrik</td>
<td>トゥグルグ</td>
<td>モンゴル</td>
</tr>
<tr>
<td>MOP</td>
<td>Macanese Pataca</td>
<td>パタカ</td>
<td>マカオ</td>
</tr>
<tr>
<td>MRO</td>
<td>Mauritanian Ouguiya</td>
<td>ウギア</td>
<td>モーリタニア</td>
</tr>
<tr>
<td>MUR</td>
<td>Mauritian Rupee</td>
<td>モーリシャス・ルピー</td>
<td>モーリシャス</td>
</tr>
<tr>
<td>MVR</td>
<td>Maldivian Rufiyaa</td>
<td>ルフィヤ</td>
<td>モルディブ</td>
</tr>
<tr>
<td>MWK</td>
<td>Malawian Kwacha</td>
<td>クワチャ</td>
<td>マラウイ</td>
</tr>
<tr>
<td>MXN</td>
<td>Mexican Peso</td>
<td>メキシコ・ペソ</td>
<td>メキシコ</td>
</tr>
<tr>
<td>MYR</td>
<td>Malaysian Ringgit</td>
<td>リンギット</td>
<td>マレーシア</td>
</tr>
<tr>
<td>MZN</td>
<td>Mozambican Metical</td>
<td>メティカル</td>
<td>モザンビーク</td>
</tr>
<tr>
<td>NAD</td>
<td>Namibian Dollar</td>
<td>ナミビア・ドル</td>
<td>ナミビア</td>
</tr>
<tr>
<td>NGN</td>
<td>Nigerian Naira</td>
<td>ナイラ</td>
<td>ナイジェリア</td>
</tr>
<tr>
<td>NIO</td>
<td>Nicaraguan Córdoba</td>
<td>コルドバ</td>
<td>ニカラグア</td>
</tr>
<tr>
<td>NOK</td>
<td>Norwegian Krone</td>
<td>ノルウェー・クローネ</td>
<td>ノルウェー</td>
</tr>
<tr>
<td>NPR</td>
<td>Nepalese Rupee</td>
<td>ネパール・ルピー</td>
<td>ネパール</td>
</tr>
<tr>
<td>NZD</td>
<td>New Zealand Dollar</td>
<td>ニュージーランド・ドル</td>
<td>ニュージーランド</td>
</tr>
<tr>
<td>OMR</td>
<td>Omani Rial</td>
<td>オマーン・リアル</td>
<td>オマーン</td>
</tr>
<tr>
<td>PAB</td>
<td>Panamanian Balboa</td>
<td>バルボア</td>
<td>パナマ</td>
</tr>
<tr>
<td>PEN</td>
<td>Peruvian Nuevo Sol</td>
<td>ヌエボ・ソル</td>
<td>ペルー</td>
</tr>
<tr>
<td>PGK</td>
<td>Papua New Guinean Kina</td>
<td>キナ</td>
<td>パプアニューギニア</td>
</tr>
<tr>
<td>PHP</td>
<td>Philippine Peso</td>
<td>フィリピン・ペソ</td>
<td>フィリピン</td>
</tr>
<tr>
<td>PKR</td>
<td>Pakistani Rupee</td>
<td>パキスタン・ルピー</td>
<td>パキスタン</td>
</tr>
<tr>
<td>PLN</td>
<td>Polish Zloty</td>
<td>ズウォティ</td>
<td>ポーランド</td>
</tr>
<tr>
<td>PYG</td>
<td>Paraguayan Guarani</td>
<td>グアラニー</td>
<td>パラグアイ</td>
</tr>
<tr>
<td>QAR</td>
<td>Qatari Rial</td>
<td>カタール・リアル</td>
<td>カタール</td>
</tr>
<tr>
<td>RON</td>
<td>Romanian Leu</td>
<td>レウ</td>
<td>ルーマニア</td>
</tr>
<tr>
<td>RSD</td>
<td>Serbian Dinar</td>
<td>セルビア・ディナール</td>
<td>セルビア</td>
</tr>
<tr>
<td>RUB</td>
<td>Russian Ruble</td>
<td>ルーブル</td>
<td>ロシア</td>
</tr>
<tr>
<td>RWF</td>
<td>Rwandan Franc</td>
<td>ルワンダ・フラン</td>
<td>ルワンダ</td>
</tr>
<tr>
<td>SAR</td>
<td>Saudi Riyal</td>
<td>サウジ・リアル</td>
<td>サウジ</td>
</tr>
<tr>
<td>SBD</td>
<td>Solomon Islands Dollar</td>
<td>ソロモン諸島・ドル</td>
<td>ソロモン諸島</td>
</tr>
<tr>
<td>SCR</td>
<td>Seychellois Rupee</td>
<td>セーシェル・ルピー</td>
<td>セーシェル</td>
</tr>
<tr>
<td>SDG</td>
<td>Sudanese Pound</td>
<td>スーダン・ポンド</td>
<td>スーダン</td>
</tr>
<tr>
<td>SEK</td>
<td>Swedish Krona</td>
<td>スウェーデン・クローナ</td>
<td>スウェーデン</td>
</tr>
<tr>
<td>SGD</td>
<td>Singapore Dollar</td>
<td>シンガポール・ドル</td>
<td>シンガポール</td>
</tr>
<tr>
<td>SHP</td>
<td>Saint Helena Pound</td>
<td>セントヘレナ・ポンド</td>
<td>セントヘレナ</td>
</tr>
<tr>
<td>SLL</td>
<td>Sierra Leonean Leone</td>
<td>レオン</td>
<td>シエラレオネ</td>
</tr>
<tr>
<td>SOS</td>
<td>Somali Shilling</td>
<td>ソマリア・シリング</td>
<td>ソマリア</td>
</tr>
<tr>
<td>SRD</td>
<td>Surinamese Dollar</td>
<td>スリナム・ドル</td>
<td>スリナム</td>
</tr>
<tr>
<td>STD</td>
<td>São Tomé and Príncipe Dobra</td>
<td>ドブラ</td>
<td>サントメ・プリンシペ</td>
</tr>
<tr>
<td>SVC</td>
<td>Salvadoran Colón</td>
<td>コロン</td>
<td>エルサルバドル</td>
</tr>
<tr>
<td>SYP</td>
<td>Syrian Pound</td>
<td>シリア・ポンド</td>
<td>シリア</td>
</tr>
<tr>
<td>SZL</td>
<td>Swazi Lilangeni</td>
<td>リランゲニ</td>
<td>スワジランド</td>
</tr>
<tr>
<td>THB</td>
<td>Thai Baht</td>
<td>バーツ</td>
<td>タイ</td>
</tr>
<tr>
<td>TJS</td>
<td>Tajikistani Somoni</td>
<td>ソモニ</td>
<td>タジキスタン</td>
</tr>
<tr>
<td>TMT</td>
<td>Turkmenistani Manat</td>
<td>トルクメニスタン・マナト</td>
<td>トルクメニスタン</td>
</tr>
<tr>
<td>TND</td>
<td>Tunisian Dinar</td>
<td>チュニジア・ディナール</td>
<td>チュニジア</td>
</tr>
<tr>
<td>TOP</td>
<td>Tongan Paʻanga</td>
<td>パアンガ</td>
<td>トンガ</td>
</tr>
<tr>
<td>TRY</td>
<td>Turkish Lira</td>
<td>トルコ・リラ</td>
<td>トルコ</td>
</tr>
<tr>
<td>TTD</td>
<td>Trinidad and Tobago Dollar</td>
<td>トリニダードトバゴ・ドル</td>
<td>トリニダードトバゴ</td>
</tr>
<tr>
<td>TWD</td>
<td>New Taiwan Dollar</td>
<td>ニュー台湾・ドル</td>
<td>台湾</td>
</tr>
<tr>
<td>TZS</td>
<td>Tanzanian Shilling</td>
<td>タンザニア・シリング</td>
<td>タンザニアシリング</td>
</tr>
<tr>
<td>UAH</td>
<td>Ukrainian Hryvnia</td>
<td>フリヴニャ</td>
<td>ウクライナ</td>
</tr>
<tr>
<td>UGX</td>
<td>Ugandan Shilling</td>
<td>ウガンダ・シリング</td>
<td>ウガンダ</td>
</tr>
<tr>
<td>USD</td>
<td>United States Dollar</td>
<td>米ドル</td>
<td>アメリカ</td>
</tr>
<tr>
<td>UYU</td>
<td>Uruguayan Peso</td>
<td>ウルグアイ・ペソ</td>
<td>ウルグアイ</td>
</tr>
<tr>
<td>UZS</td>
<td>Uzbekistan Som</td>
<td>スム</td>
<td>ウズベキスタン</td>
</tr>
<tr>
<td>VEF</td>
<td>Venezuelan Bolívar Fuerte</td>
<td>ボリバル・フエルテ</td>
<td>ベネズエラ</td>
</tr>
<tr>
<td>VND</td>
<td>Vietnamese Dong</td>
<td>ドン</td>
<td>ベトナム</td>
</tr>
<tr>
<td>VUV</td>
<td>Vanuatu Vatu</td>
<td>バツ</td>
<td>バヌアツ</td>
</tr>
<tr>
<td>WST</td>
<td>Samoan Tala</td>
<td>タラ</td>
<td>サモア</td>
</tr>
<tr>
<td>YER</td>
<td>Yemeni Rial</td>
<td>イエメン・リアル</td>
<td>イエメン</td>
</tr>
<tr>
<td>ZAR</td>
<td>South African Rand</td>
<td>ランド</td>
<td>南アフリカ</td>
</tr>
<tr>
<td>ZMW</td>
<td>Zambian Kwacha</td>
<td>クワチャ</td>
<td>ザンビア</td>
</tr>
</tbody>
</table>


openexchangerates.orgで使える通貨と国名を日本語にしてみた

<p>フォームのパーツで、selectやcheckboxやradioはinputのtextのようにcssで装飾出来ず、オリジナルのデザインにするためにはひと手間必要になります。</p>
<p>ただ、selectは見た目を変えてもクリックした後に出てくるoptionはなかなか変えられないため、<br />
いっその事、selectとcheckboxの要素を合わせたようなものを作成してみました。</p>
<p>&nbsp;</p>
<p>実際、selectは使わずに、<br />
inputのtextと、checkboxを使用して作成しました。</p>
<p>codepenを以前から登録していたのですが、使うことがなかったので試しに使ってみました。</p>
<p class="codepen" data-height="268" data-theme-id="0" data-slug-hash="GoOvLx" data-default-tab="result" data-user="alan0131">See the Pen <a href="http://codepen.io/alan0131/pen/GoOvLx/">selectとcheckboxを掛けあわせたものをオリジナルデザインで</a> on <a href="http://codepen.io">CodePen</a>.</p>
<p><script src="//assets.codepen.io/assets/embed/ei.js" async=""></script></p>
<p>これは、inputのtextの箇所をクリックすると、リストが表示されます。(そのリスト一つ一つがcheckboxです)<br />
そして、チェックをすると、チェックした要素のvalueがinputのtextの値に入ります。</p>
<p>「.atCheckbox」の中にワンセットという感じで、「.atCheckbox」ごと追加すれば増やしても、jqueryの方は変更する必要はないです。</p>
<h2>codepen</h2>
<p>codepenを実際に使ってみましたが、コードも入れやすいですし、直ぐに結果が表示されるのでいいですね！<br />
使い回せそうなコードを登録するのはもちろん、ちょっと試しにjavascriptを試してみたいといった時なんかもいいかもしれません。</p>
<p>そんなcodepenで2015年に最もお気に入りされたコードのランキングが公開されていました。</p>
<p><a href="http://codepen.io/2015/popular/pens/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-9243" src="/uploads-archive/2016/01/Top-Pens-of-2015-on-CodePen-1024x554.jpg" alt="Top Pens of 2015 on CodePen" width="640" height="346" srcset="/uploads-archive/2016/01/Top-Pens-of-2015-on-CodePen-1024x554.jpg 1024w, /uploads-archive/2016/01/Top-Pens-of-2015-on-CodePen-300x162.jpg 300w, /uploads-archive/2016/01/Top-Pens-of-2015-on-CodePen-768x416.jpg 768w, /uploads-archive/2016/01/Top-Pens-of-2015-on-CodePen-228x123.jpg 228w, /uploads-archive/2016/01/Top-Pens-of-2015-on-CodePen.jpg 1231w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<a href="http://codepen.io/2015/popular/pens/" class="link" target="_blank">Top Pens of 2015 on CodePen</a></p>
<p>参考になるコードばかりで、見ているだけでも楽しいですね！</p>


selectとcheckboxを合わせたようなフォームのオリジナルパーツ

<p>過去に2回程phonecleanに関する記事を書きました。</p>
<p><a href="/officer/ios%E3%81%AE%E3%81%8A%E6%8E%83%E9%99%A4%E3%82%BD%E3%83%95%E3%83%88%E3%80%8Cphoneclean%E3%80%8D%E3%81%8C%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%83%E3%83%97%E3%81%97%E3%81%A6.html">iOSのお掃除ソフト「PhoneClean」がバージョンアップしていた</a></p>
<p><a href="/officer/ios%E3%81%AE%E3%81%8A%E6%8E%83%E9%99%A4%E3%82%BD%E3%83%95%E3%83%88%E3%80%8Cphoneclean%E3%80%8D.html">iOSのお掃除ソフト「PhoneClean」</a></p>
<p>今回もメジャーバージョンアップしたというご連絡を頂きましたので、ご紹介したいと思います。</p>
<p>iphoneの中のキャッシュやゴミファイルを削除して容量を確保したいという方にはオススメのソフトです。</p>
<h2>基本機能</h2>
<h3>クイッククリーン</h3>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9" rel="attachment wp-att-9209"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9209" src="/uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-300x186.png" alt="空白_Skitch_キャンバス" width="300" height="186" srcset="/uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-300x186.png 300w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-768x476.png 768w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-228x141.png 228w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4.png 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>起動時の画面はこのクイッククリーンです。</p>
<p>メジャーバージョンアップということでUIも刷新されています。</p>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-2" rel="attachment wp-att-9211"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9211" src="/uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-300x186.jpg" alt="空白_Skitch_キャンバス" width="300" height="186" srcset="/uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-300x186.jpg 300w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-768x476.jpg 768w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-228x141.jpg 228w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こんな感じでワンクリックでクリーンナップが可能です。</p>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-3" rel="attachment wp-att-9214"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9214" src="/uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-1-300x186.jpg" alt="空白_Skitch_キャンバス" width="300" height="186" srcset="/uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-1-300x186.jpg 300w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-1-768x476.jpg 768w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-1-228x141.jpg 228w, /uploads-archive/2016/01/cd5aef7eb60fd69d969f305e193790d4-1.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>古いiphone5ですが、容量16GB中1.86GBも削除対象になりました。</p>
<h3>インタネットクリーン</h3>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-2-2" rel="attachment wp-att-9216"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9216" src="/uploads-archive/2016/01/7dea7c7d690999ce9c39ca654463e151-300x186.jpg" alt="空白_Skitch_キャンバス 2" width="300" height="186" srcset="/uploads-archive/2016/01/7dea7c7d690999ce9c39ca654463e151-300x186.jpg 300w, /uploads-archive/2016/01/7dea7c7d690999ce9c39ca654463e151-768x476.jpg 768w, /uploads-archive/2016/01/7dea7c7d690999ce9c39ca654463e151-228x141.jpg 228w, /uploads-archive/2016/01/7dea7c7d690999ce9c39ca654463e151.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Safariのファイルをクリーンナップしてくれます。</p>
<p>普段、Chromeに統一している私としては、是非とも他のブラウザも対象になってくれたら嬉しいなと思います。</p>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-3-2" rel="attachment wp-att-9217"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9217" src="/uploads-archive/2016/01/c32e6f4f5e46a7a55ac8e9491733fbf7-300x186.jpg" alt="空白_Skitch_キャンバス 3" width="300" height="186" srcset="/uploads-archive/2016/01/c32e6f4f5e46a7a55ac8e9491733fbf7-300x186.jpg 300w, /uploads-archive/2016/01/c32e6f4f5e46a7a55ac8e9491733fbf7-768x476.jpg 768w, /uploads-archive/2016/01/c32e6f4f5e46a7a55ac8e9491733fbf7-228x141.jpg 228w, /uploads-archive/2016/01/c32e6f4f5e46a7a55ac8e9491733fbf7.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>このインターネットクリーンは「iphoneを探す」が有効になっているとダメなようです。</p>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-4" rel="attachment wp-att-9218"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9218" src="/uploads-archive/2016/01/a7c1e0be3429927f66a1cc5a129d8082-300x186.jpg" alt="空白_Skitch_キャンバス 4" width="300" height="186" srcset="/uploads-archive/2016/01/a7c1e0be3429927f66a1cc5a129d8082-300x186.jpg 300w, /uploads-archive/2016/01/a7c1e0be3429927f66a1cc5a129d8082-768x476.jpg 768w, /uploads-archive/2016/01/a7c1e0be3429927f66a1cc5a129d8082-228x141.jpg 228w, /uploads-archive/2016/01/a7c1e0be3429927f66a1cc5a129d8082.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>iphoneの画面が復元中となり、再起動し始めました。</p>
<h3>プライバシークリーン</h3>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-5" rel="attachment wp-att-9221"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9221" src="/uploads-archive/2016/01/69caa7b4783ae8a99e8f693646251bad-300x186.jpg" alt="空白_Skitch_キャンバス 5" width="300" height="186" srcset="/uploads-archive/2016/01/69caa7b4783ae8a99e8f693646251bad-300x186.jpg 300w, /uploads-archive/2016/01/69caa7b4783ae8a99e8f693646251bad-768x476.jpg 768w, /uploads-archive/2016/01/69caa7b4783ae8a99e8f693646251bad-228x141.jpg 228w, /uploads-archive/2016/01/69caa7b4783ae8a99e8f693646251bad.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>メッセージや通話履歴なども削除してしまいますので、必要に応じて使うという機能でしょうか。</p>
<h3>システムクリーン</h3>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-6" rel="attachment wp-att-9223"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9223" src="/uploads-archive/2016/01/e9b34dcf927c09348b412c8aff8b2072-300x186.jpg" alt="空白_Skitch_キャンバス 6" width="300" height="186" srcset="/uploads-archive/2016/01/e9b34dcf927c09348b412c8aff8b2072-300x186.jpg 300w, /uploads-archive/2016/01/e9b34dcf927c09348b412c8aff8b2072-768x476.jpg 768w, /uploads-archive/2016/01/e9b34dcf927c09348b412c8aff8b2072-228x141.jpg 228w, /uploads-archive/2016/01/e9b34dcf927c09348b412c8aff8b2072.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>iOSの通知などOSレイヤーのファイルを削除してくれます。</p>
<h3>ツールボックス</h3>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-7" rel="attachment wp-att-9224"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9224" src="/uploads-archive/2016/01/89b8f24ec17c294e5e4ba923e99d6731-300x186.jpg" alt="空白_Skitch_キャンバス 7" width="300" height="186" srcset="/uploads-archive/2016/01/89b8f24ec17c294e5e4ba923e99d6731-300x186.jpg 300w, /uploads-archive/2016/01/89b8f24ec17c294e5e4ba923e99d6731-768x476.jpg 768w, /uploads-archive/2016/01/89b8f24ec17c294e5e4ba923e99d6731-228x141.jpg 228w, /uploads-archive/2016/01/89b8f24ec17c294e5e4ba923e99d6731.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ご覧の機能を個別にクリーンアップできます。</p>
<h3>バックアップ</h3>
<p><a href="/officer/ios%e3%81%ae%e3%81%8a%e6%8e%83%e9%99%a4%e3%82%bd%e3%83%95%e3%83%88%e3%80%8cphonclean4%e3%80%8d%e3%81%8c%e7%99%bb%e5%a0%b4.html/attachment/%e7%a9%ba%e7%99%bd_skitch_%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%8f%e3%82%99%e3%82%b9-8" rel="attachment wp-att-9226"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9226" src="/uploads-archive/2016/01/d8c81df986a598a0439e815ed5eedb1a-300x186.jpg" alt="空白_Skitch_キャンバス 8" width="300" height="186" srcset="/uploads-archive/2016/01/d8c81df986a598a0439e815ed5eedb1a-300x186.jpg 300w, /uploads-archive/2016/01/d8c81df986a598a0439e815ed5eedb1a-768x476.jpg 768w, /uploads-archive/2016/01/d8c81df986a598a0439e815ed5eedb1a-228x141.jpg 228w, /uploads-archive/2016/01/d8c81df986a598a0439e815ed5eedb1a.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<h2>無料版と正式版の機能差</h2>
<p>正式版では、目玉機能の一つと思われるサイレントクリーンが使えるようになります。</p>
<p>個人用ライセンスは2,999円となっています。</p>
<p>インターネット履歴が正式版となっていますが、無料版でもその選択肢がありましたので、ここらへんの差が現時点だと分かりませんね。</p>
<table class="buycpr_tb">
<tbody>
<tr>
<th align="left">自分に応じて選択してください</th>
<th class="buy_free_imgs_text">無料版</th>
<th class="buy_pro_imgs_text">正式版</th>
</tr>
<tr>
<td><b>Appジャンクのクリーンアップ</b>iOS 8.3以前のバージョンの利用者は、この効率的な機能をまだ使えて、多くのストレージを再利用します。</td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right.png" alt="" /></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>ユーザージャンクのクリーンアップ</b>ストレージを占有したり、iPhoneのパフォーマンスを低下させたりする大量のiOSジャンクをクリアします。</td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right.png" alt="" /></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>容量&amp;古いファイルのクリーンアップ</b>大容量ファイル、及び視聴したビデオや映画をクリアすることで、かなりのiPhoneストレージを取得します。</td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right.png" alt="" /></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>7つの先進的なクリーンアップツール</b>7つのiOSチューニング&amp;メンテナンス・ツールは、特定なジャンクを高効率にクリーンアップします。</td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right.png" alt="" /></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>より安全なコンテンツ復元</b>より安全なiPhone復元オプションを提供して、再度iTunes同期の面倒から避けて、突然のデータ紛失をご心配はありません。</td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right.png" alt="" /></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>サイレントクリーンでiPhoneをクリーンアップ</b>ハンズフリーなiOSクリーニング体験をお楽しみ &#8211; USBケーブルの接続が必要なく、プログラムの起動が必要なく、長い時間も必要ありません。</td>
<td class="buy_circle"></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>写真ジャンクのクリーンアップ</b>様々な写真ジャンクを削除することで、スペースを解放し、カメラの速い読み込みスピードを維持します。</td>
<td class="buy_circle"></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>インターネット履歴のクリーンアップ</b>どんなウェブサイトを閲覧しても、メールを受送信しても、その履歴を安全かつ迅速に削除することができます。</td>
<td class="buy_circle"></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>機密データのクリーンアップ</b>受送信したメッセージ、画像、ビデオ記録、ボイスメールなど個人データを削除して、プライバシーを守ります。</td>
<td class="buy_circle"></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>総合的なプライバシーのクリーンアップ</b>メッセージ、メモ、通話履歴など削除したデータが第三者復元アプリが取り戻されないように、徹底に削除します。</td>
<td class="buy_circle"></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
<tr>
<td><b>iOSのクリーンアップと最適化</b>iPhone 5、さらにもっと古いiPhoneを新品のように速く実行させます。それを簡単にします。</td>
<td class="buy_circle"></td>
<td><img decoding="async" src="http://www.imobie.jp/phoneclean/img/buy_list_right2.png" alt="" /></td>
</tr>
</tbody>
</table>
<p>参考）<a href="http://www.imobie.jp/phoneclean/go-pro.htm" target="_blank">http://www.imobie.jp/phoneclean/go-pro.htm</a></p>
<h2>まとめ</h2>
<p>UIも刷新されて順当にバージョンアップが遂げられています。</p>
<p>前に指摘してしまった日本語翻訳も改善されておりました！</p>
<p>また、正式版の<b>「</b>iPhone 5以前の端末を高速化」というのが気になっています。</p>
<p>&nbsp;</p>


iOSのお掃除ソフト「PhoneClean4」が登場

<p><a href="/designer/javascript%E3%81%A7%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E7%B5%84%E3%82%80.html">前回</a>JavaScriptのprototypeを使ってオブジェクト指向のプログラムを組む方法についてご紹介しましたが、</p>
<p>今回は、実際にprototypeを使ってオブジェクトを作ってみました。</p>
<p>&nbsp;</p>
<p>↓作ってみたもの</p>
<p><a class="demo" href="/demo/ninomiya/92/">DEMO</a></p>
<p>&nbsp;</p>
<h2>作ってみたものの概要</h2>
<p></p>

		<div id="crayon-64954015905ed606463937" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">JavaScript</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
//コンストラクトを定義
setBgImage = function (selector) {
    this.element = document.querySelector(selector);
    this.selector = selector;
    this.init(); //デフォルトで実行する関数の指定
};

//メソッドを定義
setBgImage.prototype = {
    getSrc: function() {
      return this.element.getAttribute('data-bgimg');
    },
    init: function() { //デフォルトで実行する関数の定義
      this.element.style.backgroundImage = "url(" + this.getSrc() + ")";
    }
};

//インスタンスの作成
var setBgImage1 = new setBgImage(".imageArea.first");
var setBgImage2 = new setBgImage(".imageArea.second");
var setBgImage3 = new setBgImage(".imageArea.last");

//各インスタンスでのメソッドの利用
setBgImage1.element.innerHTML = setBgImage1.getSrc();
setBgImage2.element.innerHTML = setBgImage2.selector;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64954015905ed606463937-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-2">2</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-4">4</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-6">6</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-8">8</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-10">10</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-12">12</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-14">14</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-16">16</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-18">18</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-20">20</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-22">22</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015905ed606463937-24">24</div><div class="crayon-num" data-line="crayon-64954015905ed606463937-25">25</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954015905ed606463937-1"><span class="crayon-c">//コンストラクトを定義</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-2"><span class="crayon-i">setBgImage</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">selector</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">element</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">document</span><span class="crayon-sy">.</span><span class="crayon-e">querySelector</span><span class="crayon-sy">(</span><span class="crayon-i">selector</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">selector</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">selector</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-e">init</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//デフォルトで実行する関数の指定</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-6"><span class="crayon-sy">}</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-8"><span class="crayon-c">//メソッドを定義</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-9"><span class="crayon-i">setBgImage</span><span class="crayon-sy">.</span><span class="crayon-i">prototype</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">getSrc</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">element</span><span class="crayon-sy">.</span><span class="crayon-e">getAttribute</span><span class="crayon-sy">(</span><span class="crayon-s">'data-bgimg'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">init</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-c">//デフォルトで実行する関数の定義</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">element</span><span class="crayon-sy">.</span><span class="crayon-i">style</span><span class="crayon-sy">.</span><span class="crayon-i">backgroundImage</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"url("</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-e">getSrc</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-s">")"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-16"><span class="crayon-sy">}</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-17">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-18"><span class="crayon-c">//インスタンスの作成</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-19"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">setBgImage1</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">setBgImage</span><span class="crayon-sy">(</span><span class="crayon-s">".imageArea.first"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-20"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">setBgImage2</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">setBgImage</span><span class="crayon-sy">(</span><span class="crayon-s">".imageArea.second"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-21"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">setBgImage3</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">setBgImage</span><span class="crayon-sy">(</span><span class="crayon-s">".imageArea.last"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-22">&nbsp;</div><div class="crayon-line" id="crayon-64954015905ed606463937-23"><span class="crayon-c">//各インスタンスでのメソッドの利用</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015905ed606463937-24"><span class="crayon-i">setBgImage1</span><span class="crayon-sy">.</span><span class="crayon-i">element</span><span class="crayon-sy">.</span><span class="crayon-i">innerHTML</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">setBgImage1</span><span class="crayon-sy">.</span><span class="crayon-e">getSrc</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954015905ed606463937-25"><span class="crayon-i">setBgImage2</span><span class="crayon-sy">.</span><span class="crayon-i">element</span><span class="crayon-sy">.</span><span class="crayon-i">innerHTML</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">setBgImage2</span><span class="crayon-sy">.</span><span class="crayon-i">selector</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>今回作ってみたものは、CSSのセレクターの形式で指定された要素で、</p>
<p>data-bgimgで指定された画像をスタイルの背景画像に適用するというものです。</p>
<p>&nbsp;</p>
<p>無条件でインスタンス作成時に実行する関数はコンストラクタ内にinit()として実行しており、</p>
<p>その中で、スタイルを設定しています。</p>
<p>必要に応じてgetSrc()などを実行できるようにしています。</p>

JavaScriptのprototypeを使ったオブジェクトを作ってみよう

<h2>IE10以前はもう古い！？</h2>
<div style="padding-left: 15px;">
  Web屋の鬼門(？)のIEのサポート状況が大きく変わりました。</p>
<p>  サポートが終了すると何が変わるのか？<br />
  、、、と言いますと、公式から配布されていた<br />
  セキュリティ脆弱性対策バッチが今後なくなる。</p>
<p>  つまり脆弱性をついたスクリプトに対して無防備となってしまうと言う事です。
</p></div>
<h2>各OS別 サポート状況まとめ</h2>
<div style="padding-left: 15px;">
  Windows Vista : IE7, IE8 ともに2016年1月13日で終了。IE9は2017年4月12日に終了。<br />
  Windows 7 : IE8, IE9, IE10 ともに2016年1月13日で終了。IE11は2020年1月15日に終了。<br />
  Windows 8 : OSそのものが2016年1月13日にてサポート終了。<br />
  Windows 8.1 : IE11 のみ。2023年1月11日に終了。<br />
  Windwos 10 : IE11 2025年10月15日に終了。(MS Edgeと同じ)</p>
<p>  ※ その他Windows Serverなどについては<a href="http://www.atmarkit.co.jp/ait/articles/1503/11/news134.html">こちら</a>参照のこと
</div>
<h2>総評</h2>
<div style="padding-left: 15px;">
  未だにシステム移管などのコスト節減のために旧システムを<br />
  使用したままの企業やコンシューマーが多いのが現状。</p>
<p>  しかしセキュリティ面やブラウザでの新機能／汎用性の高いサービス向上のため<br />
  適度なシステム移行が好ましいと感じられた。</p>
<p>  ※ ただし新システム移行を無理強いするのはその限りではない。
</p></div>


ブラウザ事情の変化

<p>とあるSIMフリーのAndroid端末を既存の標準ROMから有志によって公開されているカスタムROMに書き換えるということをやってみました。</p>
<p>自分でも不思議なのですが、その上に乗っかるソフトウェアというのは興味が薄くて、ハードウェアが大好きです。</p>
<p>この感覚何が近いのかと考えていたのですが、小さいころに周りの人よりも異様にプラモデルが好きで100個くらいは持っていました。</p>
<p>そういう何かを自分の手で組み立てるというのが好きなんだと思います。</p>
<p>ここで、SIMフリー端末と書かせて頂いたのは、昨今のキャリアで販売されている端末はほとんどが多重の防止機構が施されており、今回紹介するようなことが出来ないからです。</p>
<p>さてさて軽く前提から紹介して行きます。</p>
<h2>カスタムROMのメリット・デメリット</h2>
<h3>メリット</h3>
<ul>
<li>メーカーがROMの提供を停止しているような古い端末でも有志によって作られていれば最新OSを利用できる。</li>
<li>Androidピュアな状態であるため、余計なアプリが入っていなかったり、動作を軽快にするようチューニングされている。</li>
</ul>
<h3>デメリット</h3>
<ul>
<li>開発者やバージョンによっては不安定。最悪起動しなくなるリスクも。</li>
<li>全てのメーカー保証から外れる。</li>
</ul>
<p>全て自己責任ということで、日本のメーカーはこういったことが起こらないし、させないようにロックを掛けているものだと思います。</p>
<h2>カスタムROMを焼くまでのステップ</h2>
<p><a href="/officer/sim%e3%83%95%e3%83%aa%e3%83%bc%e7%ab%af%e6%9c%ab%e3%81%ab%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/600px-bootloader_simplified" rel="attachment wp-att-9167"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9167" src="/uploads-archive/2016/01/600px-Bootloader_simplified-300x114.png" alt="600px-Bootloader_simplified" width="300" height="114" srcset="/uploads-archive/2016/01/600px-Bootloader_simplified-300x114.png 300w, /uploads-archive/2016/01/600px-Bootloader_simplified-228x86.png 228w, /uploads-archive/2016/01/600px-Bootloader_simplified.png 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>最初に上図を理解しておくと分かりやすいです。</p>
<p>Androidの仕組みが最初にBootLoaderという領域が立ち上がりROMを読み込ます。</p>
<p>通常、一番左のBootLoaderという領域がロックされており、一方通行でROMの読み込みまで行きますが、まず、このBootLoaderをアンロックし、Recovery領域に入り、Recovery領域からROMを書き換えるというのが基本的な手順になります。</p>
<p>アプリ経由だったり、PCと接続する専用ツールだったりさまざまなやり方があるのですが、メジャーなやり方を一通り駆使やりました。</p>
<p>androidlover.netさんの記事を参考にさせて頂きましたが、Nexus5ではなくてもコマンドなどは一緒です。</p>
<p>&nbsp;</p>
<ol>
<li><a href="/officer/%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d%e3%81%aa%e8%83%bd%e5%8a%9b%e3%83%94%e3%83%a9%e3%83%9f%e3%83%83%e3%83%89.html/attachment/imgb8ae27c0zik2zj" rel="attachment wp-att-8921"><br />
</a> <a href="/officer/sim%e3%83%95%e3%83%aa%e3%83%bc%e7%ab%af%e6%9c%ab%e3%81%ab%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/img_20150202_202521-2" rel="attachment wp-att-9173"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9173" src="/uploads-archive/2016/01/IMG_20150202_202521-171x300.jpg" alt="IMG_20150202_202521" width="171" height="300" srcset="/uploads-archive/2016/01/IMG_20150202_202521-171x300.jpg 171w, /uploads-archive/2016/01/IMG_20150202_202521-768x1347.jpg 768w, /uploads-archive/2016/01/IMG_20150202_202521-584x1024.jpg 584w, /uploads-archive/2016/01/IMG_20150202_202521-228x400.jpg 228w, /uploads-archive/2016/01/IMG_20150202_202521.jpg 1824w" sizes="(max-width: 171px) 100vw, 171px" /></a><br />
ブートローダーをアンロック<br />
<a href="http://androidlover.net/smartphone/nexus-five/nexus-5-bootloader-unlock.html" target="_blank">http://androidlover.net/smartphone/nexus-five/nexus-5-bootloader-unlock.html</a></li>
<li>
<a href="/officer/sim%e3%83%95%e3%83%aa%e3%83%bc%e7%ab%af%e6%9c%ab%e3%81%ab%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/twrp" rel="attachment wp-att-9174"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9174" src="/uploads-archive/2016/01/twrp-168x300.png" alt="twrp" width="168" height="300" srcset="/uploads-archive/2016/01/twrp-168x300.png 168w, /uploads-archive/2016/01/twrp-228x407.png 228w, /uploads-archive/2016/01/twrp.png 374w" sizes="(max-width: 168px) 100vw, 168px" /></a>カスタムリカバリ TWRPを導入<br />
<a href="http://androidlover.net/smartphone/nexus-five/nexus-5-twrp-custom-recovery.html" target="_blank">http://androidlover.net/smartphone/nexus-five/nexus-5-twrp-custom-recovery.html</a></li>
<li><a href="/officer/sim%e3%83%95%e3%83%aa%e3%83%bc%e7%ab%af%e6%9c%ab%e3%81%ab%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/cyanogenmod_12_homescreen_english" rel="attachment wp-att-9175"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9175" src="/uploads-archive/2016/01/CyanogenMod_12_homescreen_english-169x300.png" alt="CyanogenMod_12_homescreen_english" width="169" height="300" srcset="/uploads-archive/2016/01/CyanogenMod_12_homescreen_english-169x300.png 169w, /uploads-archive/2016/01/CyanogenMod_12_homescreen_english.png 220w" sizes="(max-width: 169px) 100vw, 169px" /></a>カスタムROMを焼く<a href="http://andmem.blogspot.jp/2014/08/romwrite-twrp.html" target="_blank" rel="attachment wp-att-9175"><br />
http://andmem.blogspot.jp/2014/08/romwrite-twrp.html<br />
</a></li>
</ol>
<h2>まとめ</h2>
<p>理解をするまでに右往左往して、途中起動が異様に遅く壊してしまったかなど、不安になりましたが、一度全工程を終えて理解をしたら、このROMの書き換えの工程は全部で10〜20分くらいで終わるのではと思える内容でした。</p>
<p>そして、情報の収集は2chのスレッドを全部読みすることが一番の参考になりました。</p>
<p>掲示板の意義はすごいと初めて実感した瞬間かもしれません。定期的に私のような初心者の方が分からないことを聞いて、煽る人と既出の内容も丁寧に教えてくれる人が入り混じり、情報が蓄積されていき、自分にとっても一番有用な情報、リンクを精査してなんとか目的まで辿りつくことが出来ました。</p>


large_cutomrom-1024x606.png

medium_cutomrom-1024x606.png

small_cutomrom-1024x606.png

thumbnail_cutomrom-1024x606.png

cutomrom-1024x606.png

SIMフリー端末にカスタムROMを焼いてみた

animationなグラフが描けるChartist.js使ってみました

<p>webデザインをする時はPhotoshop(CC)を使っており、ワイヤーフレームを自分で書くときもPhotoshopを使用しています。</p>
<p>最近、webデザインやアプリデザインをする場合は<a href="https://www.sketchapp.com/" target="_blank">Sketch</a>が着々と人気になっており、</p>
<p>ワイヤーフレームやモックアップを作る時は、</p>
<ul>
<li><a href="https://www.flinto.com/" target="_blank">Flinto</a></li>
<li><a href="http://www.pixate.com/" target="_blank">Pixate</a></li>
<li><a href="https://prottapp.com/ja/" target="_blank">Prott &#8211; Prototyping tool for Web iOS Android apps</a></li>
<li><a href="http://www.invisionapp.com/" target="_blank">InVision</a></li>
<li><a href="https://popapp.in/" target="_blank">POP</a></li>
<li><a href="https://moqups.com/" target="_blank">Moqups</a></li>
<li><a href="http://www.justinmind.com/" target="_blank">Justinmind</a></li>
<li><a href="http://frame.lab25.co.uk/" target="_blank">Frame</a></li>
</ul>
<p>といったいろいろなサービスが使われているようです。</p>
<p>非常に便利そうで使ってみたいのですが、有料のものが多く、なかなか使用することに踏みきれません。(どのサービスもトライアル期間がありますので試す事が可能です)</p>
<p>なので、photoshopでワイヤーフレームを作ってしまうという状況にあります。</p>
<p>上記に紹介しているようなサービスのように簡単にモックアップやワイヤーフレームを作りたいなぁと思っていた所、<br />
adobeであるモノを発見しました。</p>
<h2>Project Comet</h2>
<p>それがAdobeの「Project Comet」です。</p>
<p><a href="/uploads-archive/2016/01/80c2375350c3b9839de8b16d555f4ed5.png" rel="attachment wp-att-9119"><img decoding="async" loading="lazy" class="alignnone wp-image-9119" src="/uploads-archive/2016/01/80c2375350c3b9839de8b16d555f4ed5.png" alt="スクリーンショット 2016-01-12 14.28.24" width="640" height="449" srcset="/uploads-archive/2016/01/80c2375350c3b9839de8b16d555f4ed5.png 962w, /uploads-archive/2016/01/80c2375350c3b9839de8b16d555f4ed5-300x210.png 300w, /uploads-archive/2016/01/80c2375350c3b9839de8b16d555f4ed5-768x539.png 768w, /uploads-archive/2016/01/80c2375350c3b9839de8b16d555f4ed5-228x160.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="http://landing.adobe.com/en/na/products/creative-cloud/comet/229818-notifyme.html" target="_blank">User experience, prototyping and design app | Adobe Project Comet</a></p>
<p>ワイヤーフレームやモックアップが簡単に作れちゃいそうな雰囲気がしますね！</p>
<p>これが今年の早い段階で公開されるとのことでいつになるのかワクワクしております。<br />
そしてphotoshopCC利用者であれば無料になってくれないかなと淡い期待をしております笑</p>
<h2>Adode Comp</h2>
<p>スマホやタブレット限定になりますが、ワイヤーフレームやカンプを作るためのアプリ(iPhone)は既にあります。<br />
<img decoding="async" loading="lazy" class="alignnone wp-image-9118" src="/uploads-archive/2016/01/901fb9a0c8fb6bf27e3e0aa2c5ff8853.png" alt="スクリーンショット 2016-01-12 14.27.49" width="640" height="420" srcset="/uploads-archive/2016/01/901fb9a0c8fb6bf27e3e0aa2c5ff8853.png 1016w, /uploads-archive/2016/01/901fb9a0c8fb6bf27e3e0aa2c5ff8853-300x197.png 300w, /uploads-archive/2016/01/901fb9a0c8fb6bf27e3e0aa2c5ff8853-768x504.png 768w, /uploads-archive/2016/01/901fb9a0c8fb6bf27e3e0aa2c5ff8853-228x150.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><a href="http://wwwimages.adobe.com/content/dam/acom/en/products/creativecloud/max2015/images/comp-marquee.jpg" target="_blank">Adobe Comp CC</a></p>
<p>こちらは無料のアプリで、直感的に作成出来るので慣れたら楽にどこにいても作成することができるかと思います。</p>
<p>これのPC版がProject Cometなのでしょうか？？</p>
<h2>Photoshop CCも進化している！</h2>
<p>photoshopも負けておりません。<br />
当初は写真加工のツールだったにもかかわらず、どんどんwebデザインするのに適した機能が追加されています。<br />
CCになることによって短いスパンで機能が追加されていくのが日に日に便利になっているような気がします。</p>
<p><a href="https://helpx.adobe.com/jp/photoshop/tutorials.html" target="_blank">Photoshop CCチュートリアル | Photoshop CCの使い方</a></p>
<p>なかでも2015年11月に追加された「デザインスペース」というものが良く、「UXやモバイルアプリのデザイン作業に適している」とのことで、ちょっとsketchとかに寄せているんじゃないかと思わせるようなものになっています。</p>
<p>ccをご使用している方ならこれは必見です！！</p>
<p><a href="https://helpx.adobe.com/jp/photoshop/how-to/design-space.html?set=photoshop--whats-new--2015-11" target="_blank">デザインスペース（プレビュー）の概要 | Adobe Photoshop CC tutorials</a></p>
<p>こちらのデザインスペースに関してはまだ別に取り上げて見たいと思います。</p>
<p>昔はAdobe一択で、最近他のツールが出て来て盛りあがってますが、まだまだAdobeもいいですね！<br />
僕は期待してます！</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: 開発ナレッジ

2016/02/09

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/01/27

2016/01/27

2016/01/26

2016/01/26

2016/01/20

2016/01/20

2016/01/20

2016/01/19

2016/01/13

2016/01/13

2016/01/13

2016/01/13

2016/01/12