<p>リリース初日に新MacOS10.10Yosemiteをインストールしました。</p>
<p>ほとんどのソフトウェアは影響を受けずに起動出来ている中、一つだけ致命的なものがありました。</p>
<p>それがVMwareFusion5です。</p>
<p>OSがバージョンされるごとにメジャーバージョンアップをして下位バージョンのサポートをやめていくのは、当然の流れなので致し方ないですね。</p>
<p>現在は、VMwareFusion7がリリースされており、私が購入したものは、MountainLionの時でした。情報によるとVMwareFusion6はまだ動くようですね。要は、2年周期では買い替えろよということで、今まではWindowsを毎日起動していたのですが、今は業務内容が変り、起動回数が減ってきたのですが、アップグレード版で7500円は費用対効果が微妙だな〜と思っていたので、ここで無料のVirtualBoxに移行を決めました。</p>
<p>ちなみに、仮想化ソフトの2強としてVMwareFusionとParallelsDesktopがありますが、両方共ライセンスを買いました（笑）どちらも、2世代くらいのOSでは使えるのですが、メジャーバージョンアップごとにサポートを切っていくので、ParallelsDesktopが使えなくなった時点でVMwareFusionに移行していました。</p>
<p>OSが無料になった今、仮想化ソフトは今後もお金を払い続けるのは何だかな〜と思っていたので、オープンソースに移行するちょうどよいタイミングだったのかもしれません。</p>
<h2>VmwareFusionからVirtualBoxの移行手順</h2>
<ol>
<li>VNwareツールをアンイストールしてウィンドウズをシャットダウンする</li>
<li>VMWare imageを新しいフォルダにコピーする
<ol>
<li>ドキュメント内（\Documents\Virtual Machines.localized\*****.vmwarevm）にて右クリックでコンテキストメニューの「パッケージの内容を表示」</li>
<li>全ての*.vmdkファイルを新しいフォルダにコピー</li>
</ol>
</li>
<li>新しいVirtualBox Machineを同じ設定で作成する
<ol>
<li>Windows 7 64ビットを使っているならば確認をする</li>
<li>VirtualBoxの設定で先にコピーしておいたメインのファイル（仮想ディスク.vmdk）を選択する</li>
</ol>
</li>
</ol>
<p>これでOK！</p>
<p>あとは普通に起動できました。</p>
<p>いろいろ調べるとブルースクリーンエラーが出たりと一筋縄ではいかない記述も出てくるのですが、</p>
<p>私が使っていたWindows8.1 64ビット環境では一発で起動出来ました。</p>


MacOS10.10 YosemiteでVMwareFusion5からVirtualboxに移行する手順

<p>WordPressですと翻訳プラグインが多様にあるとは思いますが、今回はプラグインに頼らずに設置を試みました。<br />
結果、Wordpressに限らず、およそ所用時間5分ほど、Google翻訳ツールを設定、設置できることが分かりました。</p>
<ul>
<li>コストをかけずに対応したい。（人間翻訳相場が大体1文字〜10円で質や量に応じて増減）</li>
<li>もっとたくさんの言語に対応したい</li>
</ul>
<p>というニーズって結構あると思います。</p>
<p>本当にECサイトを進出をする気概があるならば、きちんと翻訳をして、現地との物流網（配送業者、倉庫）を整理して、商慣習に合わせて、といわゆるローカライズをしなければならないと思いますが、スモールビジネスに近くなるとどうしてもそこまでコストを回せないというパターンがあります。</p>
<p>配送は多少高くてもEMS、じゃあ、サイトはどうしようという場合に、このGoogle翻訳ツールも一つの選択肢としてありえます。</p>
<h2>設定方法</h2>
<p><a href="http://translate.google.com/translate_tools?hl=ja" target="_blank">http://translate.google.com/translate_tools?hl=ja</a></p>
<p>まずは、上記URLにアクセスします。</p>
<p><a href="/uploads-archive/2014/10/screenshot.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5974 size-medium" src="/uploads-archive/2014/10/screenshot-300x95.png" alt="screenshot" width="300" height="95" srcset="/uploads-archive/2014/10/screenshot-300x95.png 300w, /uploads-archive/2014/10/screenshot-1024x326.png 1024w, /uploads-archive/2014/10/screenshot-228x72.png 228w, /uploads-archive/2014/10/screenshot.png 1370w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>「今すぐウェブサイトに追加」をします。</p>
<h2>ウェブサイト情報</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5975" src="/uploads-archive/2014/10/screenshot1-300x128.png" alt="screenshot" width="300" height="128" srcset="/uploads-archive/2014/10/screenshot1-300x128.png 300w, /uploads-archive/2014/10/screenshot1-1024x439.png 1024w, /uploads-archive/2014/10/screenshot1-228x97.png 228w, /uploads-archive/2014/10/screenshot1.png 1355w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>追加するWebサイトの情報を記載します。<br />
今回は当社のコーポレートサイトのURLを記述します。</p>
<h2>プラグインの設定</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5976" src="/uploads-archive/2014/10/screenshot2-300x187.png" alt="screenshot" width="300" height="187" srcset="/uploads-archive/2014/10/screenshot2-300x187.png 300w, /uploads-archive/2014/10/screenshot2-1024x640.png 1024w, /uploads-archive/2014/10/screenshot2-228x142.png 228w, /uploads-archive/2014/10/screenshot2.png 1357w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>今回はインラインを選択しました。</p>
<p>他にもGoogleアナリティクスの紐付けなどの詳細設定が可能です。こちらも調査のためアナリティクスも記載</p>
<p>コードを取得</p>
<h2>プラグイン追加</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5977" src="/uploads-archive/2014/10/screenshot3-300x194.png" alt="screenshot" width="300" height="194" srcset="/uploads-archive/2014/10/screenshot3-300x194.png 300w, /uploads-archive/2014/10/screenshot3-1024x663.png 1024w, /uploads-archive/2014/10/screenshot3-228x147.png 228w, /uploads-archive/2014/10/screenshot3.png 1355w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>あっさりとコードが発行されました。<br />
ここまで所要時間3分程度</p>
<p>上段のコードをタグの前に下段を表示させたい任意の場所に設置します。</p>
<h2>ウェブサイト翻訳ツール</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5980" src="/uploads-archive/2014/10/screenshot6-300x208.png" alt="screenshot" width="300" height="208" srcset="/uploads-archive/2014/10/screenshot6-300x208.png 300w, /uploads-archive/2014/10/screenshot6-1024x713.png 1024w, /uploads-archive/2014/10/screenshot6-228x158.png 228w, /uploads-archive/2014/10/screenshot6.png 1305w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>一度コードを発行すると同URLで管理画面が表示されるようになります。<br />
ここで、別の表示モードに変更をすることを出来ますのでお試し下さい。</p>
<h2>実際にやってみた</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5978" src="/uploads-archive/2014/10/screenshot4-300x180.png" alt="screenshot" width="300" height="180" srcset="/uploads-archive/2014/10/screenshot4-300x180.png 300w, /uploads-archive/2014/10/screenshot4-228x137.png 228w, /uploads-archive/2014/10/screenshot4.png 1021w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>デザインを崩さないようにフッターのほうにさっと置きました。<br />
タグの前にもちゃんと忘れずに設置しました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5979" src="/uploads-archive/2014/10/screenshot5-300x245.png" alt="screenshot" width="300" height="245" srcset="/uploads-archive/2014/10/screenshot5-300x245.png 300w, /uploads-archive/2014/10/screenshot5-228x186.png 228w, /uploads-archive/2014/10/screenshot5.png 982w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>英語に翻訳してみました。</p>
<p>メインビジュアルは画像ですので、翻訳は当然されません。</p>
<p>「新宿区高田馬場のECサイト開発会社」は「EC site development company Takadanobaba, Shinjuku-ku」となり、<br />
「世界をもっと身近に」という企業理念は「The more familiar to the world.」という何とも響きがよい感じになりました。</p>


Google翻訳ツールをWordPressに設置してみた

<p>都道府県の住所を数多く扱う人向けのかなり限られたケース向けですが、救われたのでご紹介です。</p>
<p>都道府県まで含めた綺麗なリストが必要なのに、収集したリストに都道府県や、郵便番号がない場合に補完してくれるツールです。</p>
<p>数多いと、記述ミスやそもそも骨が折れるレベルの時に非常に有効です。</p>
<p>しかもインストール型ではなく、Excelにマクロが組んであるだけで窓の杜にも掲載をされているので、安心して使えるツールかと思います。</p>
<p>ダウンロードはこちらからできます。<br />
<a href="http://www.pc-circle.jp/adcnv.htm" target="_blank">http://www.pc-circle.jp/adcnv.htm</a></p>
<p>窓の杜のウィルスチェック体制は以下のように謳っています。<br />
<a href="http://www.forest.impress.co.jp/info/about/viruscheck.html" target="_blank">http://www.forest.impress.co.jp/info/about/viruscheck.html</a></p>
<h2>使い方</h2>
<p>説明をするまでもないほどに簡単で左の住所の列に元となる住所を入れて、右上の「変換ボタン」を押すだけです。</p>
<p>その後は、待つだけで期待する綺麗な住所が整いました。</p>
<h2>出力のパターン</h2>
<p>出力のパターンも以下のように複数シートに分かれているので、欲しいパターンのもので実行をすることが出来ます。</p>
<ul>
<li>住所</li>
<li>住所　1 住所　2</li>
<li>都道府県 市区郡 町名 地番 ビル</li>
<li>都道府県 市区郡 町名 地番 ビル 市区ｺｰﾄﾞ</li>
</ul>
<h2>対応ソフト</h2>
<p>残念ながら、普段自分が使っているMac版Officeでは動作しませんでした。<br />
ActiveXというツールがないようです。</p>
<p>Excel2007までの対応が正式となっているようでしたが、Windows8.1のEcell2013でも問題なく動作致しました。<br />
※動作を保証するものではありませんのでご了承下さい。</p>


excellで都道府県を補完するフリーツール

<p>現在２つ程気になっているweb制作をサポートしてくれるようなwebサービスがあります。</p>
<p>まだ試せてないのですが、いずれ試してみたいと思うものなのでとりあえず忘れないように書いておきます。</p>
<p>&nbsp;</p>
<h2><a href="https://c9.io/" target="_blank">Cloud9 &#8211; Your development environment, in the cloud</a></h2>
<p>ひとつはCloud9というサービス(ツール)です。</p>
<p><a href="https://c9.io/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-5805" src="/uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-1024x609.jpg" alt="Cloud9 - Your development environment, in the cloud" width="640" height="381" srcset="/uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-1024x609.jpg 1024w, /uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-300x178.jpg 300w, /uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-228x135.jpg 228w, /uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud.jpg 1192w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>これはブラウザ上で使用できるツールで以下のような特徴があります。</p>
<p>&nbsp;</p>
<ul>
<li>そもそも高機能テキストエディタである</li>
<li>ブラウザチェックができる（IEにも対応！）</li>
<li>リアルタイムエラーチェック機能(HTMLやjavascript等)</li>
<li>バージョン管理</li>
<li>画像加工(リサイズ、トリミング、回転)</li>
</ul>
<p>&nbsp;</p>
<p>いろんな機能が混ざっていてすごいです。。。</p>
<p>&nbsp;</p>
<p>詳しく知りたい方は以下もご覧下さい！</p>
<p><a href="http://plus.appgiga.jp/masatolan/2014/08/19/53354/" target="_blank">無料で300以上のクロスブラウザチェックを搭載した「Cloud9」エディタの神進化が話題に！ | APPGIGA!!（アプギガ）</a><br />
&nbsp;</p>
<h2><a href="http://universions.com/" target="_blank">Webクリエイターのためのファイル管理コラボレーションツール｜universions</a></h2>
<p>そして2つめは、いわゆるgitのようなツールの「universions」です。</p>
<p>&nbsp;</p>
<p><a href="http://universions.com/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-5806" src="/uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-1024x609.jpg" alt="Webクリエイターのためのファイル管理コラボレーションツール｜universions" width="640" height="381" srcset="/uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-1024x609.jpg 1024w, /uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-300x178.jpg 300w, /uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-228x135.jpg 228w, /uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160.jpg 1192w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>こちらの特徴は、</p>
<p>&nbsp;</p>
<ul>
<li>ファイル管理(バージョン管理)</li>
<li>チャット</li>
<li>タスク管理</li>
<li>プレビュー機能(AIやPSDも見れる！)</li>
<li>Wiki</li>
</ul>
<p>&nbsp;</p>
<p>バージョン管理とプレビューでAIとPSDが見れるのはいいですね！</p>
<p>&nbsp;</p>
<p>以上、今後試してみたいサービスでした。</p>


気になるweb制作サポートサービス

<p>webフォントを使用するケースが増えております。</p>
<p>webフォントを使用する場合、googleフォントを使うか、<br />
webフォントを提供しているサービスを利用するかですが、サービスを利用するとお値段がかかってしまいます。</p>
<p>そしてもうひとつ、自分でフォントファイルをUPして使用する方法があるかと思います。<br />
ただ、普通のフォントファイルだと、容量が重くサイトの表示スピードに影響がでてしまうこともあると思います。</p>
<p>そこで、商用利用可能なフリーフォント(Webフォントとして利用可能なフォント)を、必要な文字だけを抜粋して、woffというフォントファイルに変換し、サイトで使用する方法をご説明します。</p>
<p>流れとしては以下になります。</p>
<ol>
<li><a href="#link1">フリーフォントを用意する</a></li>
<li><a href="#link2">フリーフォントをサブセットフォントメーカーで必要な文字だけ抜粋する</a></li>
<li><a href="#link3">2で作成されたフォントファイルをwoffに変換する</a></li>
<li><a href="#link4">cssで指定し、フォントを適用させる</a></li>
</ol>
<p>その前にまず、「woff」とはなにかを説明します。<br />
<strong>「woff」 (Web Open Font Format)</strong>とはWebページ埋め込み用フォーマットで、Webフォントとして使われるために作られたフォントファイル形式でほとんどのブラウザで使用できるようです。<br />
古いブラウザに対応しなくてはいけないという場合をのぞき、woff一本で大丈夫そうです。<br />
<a href="http://opentype.jp/woffbrowser.htm" target="_blank">対応Webブラウザ</a></p>
<h3 id="link1">フリーフォントを用意する</h2>
<p>今回は<strong>ロゴたいぷゴシック</strong>というフォントを使用させて頂きました。</p>
<p><a href="http://www.fontna.com/blog/1226/" target="_blank">フリーフォント　ロゴたいぷゴシックのダウンロード</a></p>
<p>いい感じのフォントです。<br />
ちなみに、ttfファイルで4MB程あります。</p>
<h3 id="link2">フリーフォントをサブセットフォントメーカーで必要な文字だけ抜粋する</h2>
<p>以下のサイトでソフトをダウンロードし、変換します。</p>
<p><a href="http://opentype.jp/subsetfontmk.htm" target="_blank">サブセットフォントメーカー</a></p>
<p><img decoding="async" loading="lazy" width="268" height="331" src="/uploads-archive/2014/08/freefont1.gif" alt="freefont1" class="alignnone size-full wp-image-5622" /></p>
<h3 id="link3">2で作成されたフォントファイルをwoffに変換する</h2>
<p>以下のサイトでソフトをダウンロードし、変換します。<br />
2と元の会社さんは同じで、両方ダウンロードしておけば、2から自動的に3へ移行してくれます。</p>
<p><a href="http://opentype.jp/woffconv.htm" target="_blank">WOFFコンバータ</a></p>
<p><img decoding="async" loading="lazy" width="335" height="260" src="/uploads-archive/2014/08/freefont2.gif" alt="freefont2" class="alignnone size-full wp-image-5623" /></p>
<p>今回は文字を「株式会社スターフィールドです。」だけにしましたので、<br />
woffファイルは、<strong>3KB</strong>になりました！軽いですね！</p>
<h3 id="link4">cssで指定し、フォントを適用させる</h2>
<p>3で出力されたファイルを使い、webフォントの設定をします。</p>
<p></p>

		<div id="crayon-649540157b30e915489319" 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">CSS</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;">
@font-face{
  font-family: 'myFont';
  src: url('../myfont.woff') format('woff');
}
.font{
  font-family: 'myFont';
}</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-649540157b30e915489319-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b30e915489319-2">2</div><div class="crayon-num" data-line="crayon-649540157b30e915489319-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b30e915489319-4">4</div><div class="crayon-num" data-line="crayon-649540157b30e915489319-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b30e915489319-6">6</div><div class="crayon-num" data-line="crayon-649540157b30e915489319-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-649540157b30e915489319-1"><span class="crayon-n">@font-face</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b30e915489319-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'myFont'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157b30e915489319-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../myfont.woff'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'woff'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b30e915489319-4"><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540157b30e915489319-5"><span class="crayon-k ">.font</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b30e915489319-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'myFont'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157b30e915489319-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>@font-faceで読み込むフォントを指定します。<br />
@font-face内でfont-familyで好きな命名をしますと、<br />
あとは通常のfont-familyで指定すれば好きな箇所にフォントを適用出来ます！</p>
<p>実際に試してみましたので、デモ画面をご覧下さい。</p>
<p><a href="/demo/abe/45/" class="demo" target="_blank">DEMO</a></p>
<p>必要な文字数だけ設定すればファイルがだいぶ軽くなると思いますので、<br />
決まっている場合はいいですね！</p>

フリーフォントをwebフォントとしてサイトで使用してみる

<p>最近お仕事をご一緒させて頂いているお客様が利用されていてとても便利だったので、ご紹介です。</p>
<h2>従来のスクリーンショット（画面キャプチャー）共有方法</h3>
<p>今までですと、以下のような手順でスクリーンショットを取っていたかと思います。</p>
<ol>
<li>様々なツールやOS標準ショートカット（Windowsで[Print Screen]キー、Macで[コマンド]キー+[Shift]キー+[3]キーなど）を使って、スクリーンショット（画面キャプチャー）を取得</li>
<li>ペイントなどの画像編集系のソフトを使って、画像(jpg)化し保存</li>
<li>メールなどに画像を直接添付し共有</li>
</ol>
<h2>Gyazoによるスクリーンショット共有方法</h3>
<ol>
<li>Gayazoを起動し、範囲指定</li>
<li>自動でアップ、ブラウザでURLが開かれる。</li>
<li>URLを添付し共有</li>
</ol>
<p>手順自体は3ステップあり同じように見えるのですが、実際に手順を試して見ると非常に簡単なことが分かります。特に、従来の画像化して保存のあたりが、面倒だったりするのですが、画像のアップまでが自動で1ステップになっており、非常に簡単です。</p>
<p>世界最高のスクリーンショットサービスと謳うあたりは伊達ではないと思いました。</p>
<p>Windows、Mac共に対応したソフトですし、今後の発展にますます期待です。</p>


スクリーンショット（画面キャプチャー）のツールはGyazoで決まり！

<p>Bootstrapとは、以前流行った(?)twitter bootstrapのことで、<br />
前はそんな風に呼んでいたみたいですが、今は、「Bootstrap」という名称になっているようです。</p>
<p>そんなBootstrapのテーマを専門的に販売しているサイトが「BootstrapBay」です。<br />
管理画面用から、一般のサイトまで様々なカテゴリーがあります。<br />
E-Commerceのカテゴリもありますが、今現在はないようですね(2014年7月15日)。</p>
<p><a href="http://bootstrapbay.com/" target="_blank">BootstrapBay &#8211; Bootstrap Themes &amp; Templates</a></p>
<p>そもそも「Bootstrap」って？という人は以下のリンクをご覧下さい。</p>
<p><a href="http://ascii.jp/elem/000/000/795/795948/" target="_blank">いまさら聞けない「Twitter Bootstrap」とは？ (1/2)｜Webサービス開発者のためのTwitter Bootstrap入門</a></p>
<p>そしてさらに、こちらもご覧頂けると基本的な使い方はもうOKです。</p>
<p><a href="http://www.atmarkit.co.jp/ait/articles/1403/19/news034.html" target="_blank">Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) &#8211; ＠IT</a></p>
<p>本家のサイトを見てみますと、確かにもう「Bootstrap」の表記になってますね。</p>
<p><a href="http://getbootstrap.com/2.3.2/" target="_blank">Bootstrap</a></p>
<p>今回初めて知ったのですが、bootstrapのカラーテーマの変更できるものが用意されているようです。</p>
<p><a href="http://bootswatch.com/" target="_blank">Bootswatch: Free themes for Bootstrap</a></p>
<p>これは最初にご紹介した物とは違い、カラーテーマのバリエーションしかないですね。</p>
<p>Bootstrapは、今後もいろいろと活躍しそうな感じですね〜</p>
<p>他にも、Bootstrapをベースにして、作成されたフレームワーク、テンプレートがありますので、<br />
最後にご紹介します。</p>
<p><a href="http://designmodo.github.io/Flat-UI/" target="_blank">Flat UI &#8211; Free Bootstrap Framework and Themes</a></p>
<p><a href="http://www.flatstrap.org/" target="_blank">Flatstrap by Littlesparkvt.com</a></p>


Bootstrapのテーマを販売している「BootstrapBay」

<p>最近初めて知りました。</p>
<p>慣れると、一番早く書けるらしいです。</p>
<p>元々は、電子メールやプレーンテキストを装飾するために開発された言語ということで、ブログを書くのに最適なようです。</p>
<p>ちなみに、当ブログはWordpressで構築していて、管理画面では、TinyMCE<br />
という非常に優れたエディターを搭載していますが、見出しを作るために、上部のツールバーをポチポチとやっとりました。</p>
<p>しかしながら、このMarkDown記法では、htmlよりも簡単に記述することができます。<br />
たとえば、</p>
<p>&#8220;#h1&#8221;</p>
<h1>h1</h1>
<p>&#8220;##h2&#8221;</p>
<h2>h2</h2>
<p>&#8220;###h3&#8221;</p>
<h2>h3</h2>
<p>&#8220;####h4&#8221;</p>
<h3>h4</h4>
<p>という具合に＃の数で見出しレベルを設定出来たり、<br />
<strong>強調</strong>は**で文字を囲みます。</p>
<p>確かに、見出しや強調などに特化されていて一定レベルの慣れが必要ですが、ブログに書くには最適かもしれません。</p>
<p>そして、このMarkdown記法に対応したエディタで評価の高いものが、<br />
「Mou」とうエディターです。</p>
<p><a href="http://mouapp.com/">http://mouapp.com/</a></p>
<p>もちろん、現在もMouで書いてます。<br />
こんな風に、左に記述をすると、右にプレビューがでます。</p>
<p><a href="/uploads-archive/2014/07/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5202" alt="screenshot" src="/uploads-archive/2014/07/screenshot-300x207.png" width="300" height="207" srcset="/uploads-archive/2014/07/screenshot-300x207.png 300w, /uploads-archive/2014/07/screenshot-228x157.png 228w, /uploads-archive/2014/07/screenshot.png 928w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>あ、画像も差しめるのですが、画像ファイル自体はWordpressにアップするため、上のキャプチャは、結局Wordpressの管理画面で挿入しちゃいました。</p>
<h2>参考サイト</h3>
<p><a href="http://kojika17.com/2013/01/starting-markdown.html">http://kojika17.com/2013/01/starting-markdown.html</a><br />
<a href="http://qiita.com/Qiita/items/c686397e4a0f4f11683d">http://qiita.com/Qiita/items/c686397e4a0f4f11683d</a></p>


markdownエディタ「Mou」

<div>2013年にも一度まとめたのですが、前回は導入を進めていたものが諸々の事情で断念をし、再度導入を検討するために今一度まとめてみました。</div>
<div>
<ul>
<li>Yahooショッピングが無料化を進めたり</li>
<li>BiddersがDeNAショッピングに改名したり</li>
<li>クルーズモールが統合したり</li>
<li>Mixiモールが終了予定（2014年3月25日）だったり</li>
</ul>
</div>
<div>とEC業界もこの一年で変化が大きかったのだなとまとめてみて感じました。</div>
<div></div>
<div>1年が経過すると各社さんサービスの内容が変わっていたり、対応カート、モールが拡充されていたり、値下げがされていたりといったことを確認出来ました。</div>
<div><span style="line-height: 1.5em;">主に、各モールとカートの対応状況を対比し、導入の際の最低料金を目安にしています。</span></div>
<div>今回もサービス名称のイニシャルで伏せさせて頂いております。</div>
<div></div>
<div>
<div>筆者が単独でまとめており、情報が誤っている可能性もありますので、ご了承ください。</div>
</div>
<h2>EC受注在庫管理システム一覧</h3>
<div>
<table>
<tbody>
<tr>
<td height="19">サービス名称</td>
<td colspan="2">N</td>
<td colspan="2">C</td>
<td colspan="2">S</td>
<td colspan="2">T</td>
<td colspan="2">G</td>
<td colspan="2">E</td>
</tr>
<tr>
<td height="19">基本料金</td>
<td colspan="2">10,000～</td>
<td colspan="2">5,000×サイト数～</td>
<td colspan="2">10,000～</td>
<td colspan="2">29,800～</td>
<td colspan="2">10,000～</td>
<td colspan="2">9,800～</td>
</tr>
<tr>
<td height="19">受注数の制限</td>
<td colspan="2">400件まで</td>
<td colspan="2">500件まで</td>
<td colspan="2">400件まで</td>
<td colspan="2">2000件まで</td>
<td colspan="2">無制限</td>
<td colspan="2">無制限</td>
</tr>
<tr>
<td height="19">対応モール&amp;カート</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
</tr>
<tr>
<td height="19">楽天市場</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">Yahoo！ショッピング</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">DeNAショッピング</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">Amazon.co.jp</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">Qoo10</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">楽天オークション</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">楽天共同購入</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">Yahoo！オークション</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ネッシー</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">スーパーデリバリー</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ぐるなび食市場</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">バイヤーズクラブ</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">STMX</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ヤマダモール</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">TOC Buyer’s NET</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ポンパレモール</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">SHOP LIST byCROOZ</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">auショッピングモール</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">マルチドメインカート</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">カラーミーショップ</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">MakeShop</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ショップサーブ</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">FutureShop2</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">まるごとEC</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">Zencart Pro-R</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">EC-Cube</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">マーキュリー</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ワイズカート</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">おちゃのこネット</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">aiship</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">CS Cart</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">eShop-do</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">風土jp</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">小売パートナー</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">MyDoショップ</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">サイトサーブ</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">電話/FAX</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">送り状対応</td>
<td colspan="12"></td>
</tr>
<tr>
<td height="19">佐川急便</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
</tr>
<tr>
<td height="19">クロネコヤマト</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
</tr>
<tr>
<td height="19">日本通運</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">西濃運輸</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">日本郵便</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">TBソフトウェア</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">福山通運</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
</tr>
</tbody>
</table>
<h2>まとめ</h3>
<p>2013年に調査した際には、導入対象に乗らなかったサービスが現在、当社で運営しているサイトと合致し、料金も改定されていてお手頃になっていることもあり早速導入を進めてみる結果となりました。</p>
<p>&nbsp;</p>
</div>


EC受注・在庫管理システム一覧（2014年度版）

<p>恐ろしいツールを発見しました。</p>
<p>『GoogleWebDesigner』<br />
<a href="https://www.google.com/webdesigner/" target="_blank">Google Web Designer</a></p>
<p>これは、Photoshop,Illustlator,dreamweaverを混ぜたようなデザインツールで、<br />
今は、広告バナー等の作成用っぽい感じですが、<br />
アニメーションつけたり、3Dにできたり、<br />
デザインしたものがHTML5,css3で出力されるというものです。</p>
<p>ちょっとダウンロードして起動してみました。</p>
<p><a href="/uploads-archive/2014/03/googlewebdesigner01.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-4404" alt="googlewebdesigner01" src="/uploads-archive/2014/03/googlewebdesigner01-1024x649.png" width="655" height="415" srcset="/uploads-archive/2014/03/googlewebdesigner01-1024x649.png 1024w, /uploads-archive/2014/03/googlewebdesigner01-300x190.png 300w, /uploads-archive/2014/03/googlewebdesigner01-228x144.png 228w, /uploads-archive/2014/03/googlewebdesigner01.png 1223w" sizes="(max-width: 655px) 100vw, 655px" /></a></p>
<p>まさしく、Photoshop,Illustlatorっぽいですね！</p>
<p>&nbsp;</p>
<p>ファイルの新規作成を押すと、<br />
<img decoding="async" loading="lazy" class="alignnone size-large wp-image-4403" alt="googlewebdesigner02" src="/uploads-archive/2014/03/googlewebdesigner02-1024x652.png" width="655" height="417" srcset="/uploads-archive/2014/03/googlewebdesigner02-1024x652.png 1024w, /uploads-archive/2014/03/googlewebdesigner02-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner02-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner02.png 1214w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>googleの広告を作る用に設定できますし、左下にあるHTMLを選択すると、空のhtmlファイルを作成し、<br />
dreamweaverのようにコーディングすることができます(機能はそこまでないですが・・・)。</p>
<p>&nbsp;</p>
<p>バナーを選択し、ファイルを作成すると、<br />
<img decoding="async" loading="lazy" class="alignnone size-large wp-image-4405" alt="googlewebdesigner03" src="/uploads-archive/2014/03/googlewebdesigner03-1024x652.png" width="655" height="417" srcset="/uploads-archive/2014/03/googlewebdesigner03-1024x652.png 1024w, /uploads-archive/2014/03/googlewebdesigner03-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner03-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner03.png 1214w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>カンバスが表示され、ここにコンテンツを置いたりし作成できるようです。出力はHTMLでされます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-4406" alt="googlewebdesigner04" src="/uploads-archive/2014/03/googlewebdesigner04-1024x654.png" width="655" height="418" srcset="/uploads-archive/2014/03/googlewebdesigner04-1024x654.png 1024w, /uploads-archive/2014/03/googlewebdesigner04-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner04-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner04.png 1212w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>かなり少ししかいじってないのですが、文字を置いたりコンテンツを置いたりすると、<br />
そこが何の要素かがわかるようになっており、上の画面は閉じている状態ですが、右下の方にCSSが表示されます。</p>
<p>さらにカンバスの下にはアニメーションを設定できるエリアがあります。</p>
<p>時間の問題で少ししか試せなかったのですが、<br />
基本的にはHTMLのファイルのようなので、<br />
感覚的には、dreamweaverでデザインが出来るようになったみたいでした。</p>
<p>&nbsp;</p>
<p>まだベータ版なので、<br />
これからどんどんバージョンアップしていくと思います。</p>
<p>「webサイトをデザインしながらコーディングもされる」みたいな形になっていくのでしょうか？<br />
これが無料ですからね〜<br />
Adobeさん大丈夫ですかね？！</p>
<p>その前に自身の心配もしなくてはいけないんですが笑<br />
このツールによって、コンテンツ作成するハードルは下がるわけなので、<br />
今すぐではないですが近い将来少なからず影響はあるのかなと思います。</p>
<p>ただ、こういったツールは、<br />
技術的なハードル(アニメーション,3D,コーディング等)が下がるだけであって、<br />
結局は、デザイン力、アイデアが必要になります。</p>
<p>ですので、我々は今後そこを高めていき、<br />
我々にしかできない価値を提供出来るようになっていかないといけないですね！</p>
<p>このツールの誕生によって、<br />
改めてその考えが強まりました・・・</p>


何だこのツールは？！無料ツール『GoogleWebDesigner』

<p>ブログを書くことを毎週の業務として取り組んでいる弊社ですが、文章力や書くという習慣総じて、アウトプットの力が足らず、筆が進まないこともしばしばです。このような個人・法人問わず、意見を簡単に述べ、多数の人に伝えることが簡単になった時代、逆に考えると伝えることをしなければ、他の情報が過多であるため、ますますアウトプットする機会は減ってしまいます。アウトプットということに対して、する人はする、しない人は全くしないというどちらか極端になりがちですので、弊社では、ブログを書くという業務を通してアウトプットをする力を高めようと取り組んでいます。</p>
<p>ちょっと話が逸れてしまいましたが、文章を書くことに特化したテキストエディター「<a href="http://www.ommwriter.com/en/">OMMWRITER</a>」の紹介です。</p>
<h2>3つの特徴</h3>
<p>テキストエディターと呼ばれるソフトウェアは数多くありますが、他にはない特徴を3つ揃えています。</p>
<p><a href="/uploads-archive/2014/03/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4383" alt="screenshot" src="/uploads-archive/2014/03/screenshot-300x131.png" width="300" height="131" srcset="/uploads-archive/2014/03/screenshot-300x131.png 300w, /uploads-archive/2014/03/screenshot-228x99.png 228w, /uploads-archive/2014/03/screenshot.png 1015w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>集中力を維持しムードに合わせるための背景</li>
<li>文章に集中出来るBGM</li>
<li>キーボードを押下時のクリック音</li>
</ol>
<h2>サンプル</h3>
<p><iframe loading="lazy" width="500" height="281" src="//player.vimeo.com/video/14791691" allowfullscreen=""></iframe></p>
<h2>まとめ</h3>
<p>OMMWRITERはフリーソフトではなく、シェアウェアと言われるものです。ただし、価格は最低$4.11から自由に決めてよいようです。平均は$7.33とのことです。</p>


文章を書くことに特化したテキストエディター「OMMWRITER」

<p>営業の方ならきっと気持ちが分かるはず！</p>
<p>アポイントの時間をメール等で調整をするときに、空き時間を見て、移動時間を計算して1行ずつ文字に起こしていくという作業をするかと思います。</p>
<p>ちょうど、下記の文章のような形に記載をすると思います。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>◯/◯(火) 00:00-00:00</p>
<p>◯/◯(水) 00:00-00:00</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Googleカレンダーなどスケジューラーはグラフィカルになっているので、</p>
<p>途端にメールになると空き時間を文章化しなくてはならず、煩わしさをずっと感じておりました。</p>
<p>そんなことを何年間も思っていたところ、つい先日、このサービスを知りました！</p>
<p><a href="https://cu-hacker.com/">Cu-hacker | アポイント調整を10倍速くするツール「クウハッカー」</a></p>
<p>&nbsp;</p>
<p>アポイント調整を10倍速くするという挑戦的なキャッチフレーズがタイトルに入っておりますが、使ってみた後はまんざらでもありません！</p>
<h2>使い方</h3>
<p><a href="/uploads-archive/2013/12/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3853" alt="screenshot" src="/uploads-archive/2013/12/screenshot-300x268.png" width="300" height="268" srcset="/uploads-archive/2013/12/screenshot-300x268.png 300w, /uploads-archive/2013/12/screenshot-228x204.png 228w, /uploads-archive/2013/12/screenshot.png 1013w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>使い方は簡単です。</p>
<p><a href="https://cu-hacker.com" target="_blank">トップページ</a>にアクセスするとGoogleアカウントでログインを促されます。</p>
<p>もちろん、GoogleAppsアカウントでも対応しております。</p>
<p><a href="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3858" alt="Cu-hacker___カレンダー-3" src="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-300x157.jpg" width="300" height="157" srcset="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-300x157.jpg 300w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-1024x538.jpg 1024w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-228x119.jpg 228w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9.jpg 1353w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ログインをするとGoogleカレンダーライクの画面が表示されます。</p>
<p>それでは早速、その真価を試しましょう。</p>
<p><a href="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3866" alt="Cu-hacker___カレンダー-4-2" src="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-300x155.jpg" width="300" height="155" srcset="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-300x155.jpg 300w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-1024x529.jpg 1024w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-228x117.jpg 228w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3.jpg 1351w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>適当な時間帯をGoogleカレンダーのようにドラッグして伸ばします。</p>
<p>すると、左上のテキスト欄に日時が範囲が指定された状態で反映されます。</p>
<p>これで、あとはメールにコピペするだけで終了です。</p>
<p>すごく簡単です。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3857" alt="Cu-hacker___カレンダー-2" src="/uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-300x199.jpg" width="300" height="199" srcset="/uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-300x199.jpg 300w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-1024x680.jpg 1024w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-228x151.jpg 228w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a.jpg 1353w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>設定画面では、ビジネスタイムの指定などが細かく出来ます。</p>
<p><a href="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3867" alt="Cu-hacker___カレンダー-5-2" src="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-300x160.jpg" width="300" height="160" srcset="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-300x160.jpg 300w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-1024x549.jpg 1024w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-228x122.jpg 228w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1.jpg 1348w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>終日を選択すると、先ほど、指定したビジネスタイムが反映されます。</p>
<p>かゆいところに手が届く仕様になっております〜。素晴らしいです。</p>
<p>そして、テキストのところをご覧頂くと分かるのですが、短縮URLが発行されます。</p>
<p><a href="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3861" alt="Cu-hacker___Yuji_Mezakiさんからの提案日程-4" src="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-300x149.jpg" width="300" height="149" srcset="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-300x149.jpg 300w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-1024x508.jpg 1024w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-228x113.jpg 228w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0.jpg 1352w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは、相手に送るためのもので短縮URLにアクセスをすると、候補日をFIXさせるフローが出来ております。</p>
<p>相手もGoogleカレンダーを利用していることを知っている場合は、更に、調整が簡単な仕様になっております。</p>
<p>相手がGoogleカレンダーを利用しているか分からない場合は、混乱を招く恐れがあるので、短縮URLは削除するのが無難かと思います。</p>
<h2>まとめ</h3>
<p>こんなの待ってた！</p>


Googleカレンダーユーザー必見！スケジュール調整が劇的に簡単になる「Cu-hacker」

<p>今まで気付かなかった！GoogleAppsの空き容量が復活する方法があったのでご紹介します。</p>
<p>弊社では、GoogleAppsを導入し、Gmail、Googleカレンダー、Googleドライブで業務を遂行しています。</p>
<p>無料プランが存在していた時に導入をしていたので、幸い50ユーザーまで無料で使うことが出来ますが、容量が15GBと制限されています。</p>
<p>この15GBの容量というのが、GmailとGoogleドライブを合算した容量となっておりまして、日々の業務を遂行する上で、プレゼン資料や、psdやaiファイルなどを共有しているとあっという間に数GBになってしまいます。</p>
<p>ですので、日々プロジェクトが終了すると、社内のローカルサーバにファイルを移動して、Googleドライブの容量を確保するという運用をしておりますが、先日気づくと既に14GBほど、空き容量が1GBを切っている状態になっていました。</p>
<p>定期的にGoogleドライブのファイルは移動しているし、</p>
<p><a href="https://www.google.com/settings/storage">https://www.google.com/settings/storage</a></p>
<p>ここで容量を見てみると、Googleドライブが半分以上利用していることになっていました。</p>
<p>何よりPCで保存してあるGoogleドライブの容量と異なっていることが気になりました。</p>
<p>余計なファイルでもないかとWeb版のGoogleドライブにアクセスして判明致しました。</p>
<p><a href="/uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3687" alt="スター付き_-_Google_Drive-6" src="/uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98-300x196.jpg" width="300" height="196" srcset="/uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98-300x196.jpg 300w, /uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98-228x149.jpg 228w, /uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98.jpg 866w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>なんと左カラムに「ゴミ箱」なるものが！！！</p>
<p>ここに今まで削除したファイルがたんまり溜まっていました。</p>
<p>ゴミ箱を空にしたところ</p>
<p><a href="/uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3688" alt="ドライブ_ストレージ-2" src="/uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468-295x300.jpg" width="295" height="300" srcset="/uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468-295x300.jpg 295w, /uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468-228x231.jpg 228w, /uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468.jpg 511w" sizes="(max-width: 295px) 100vw, 295px" /></a></p>
<p>&nbsp;</p>
<p>5GB以上の空き容量が出来ましたとさ。</p>
<p>Web版は滅多にアクセスしないからそりゃ気が付かないって。</p>
<p>容量が逼迫している人はどうぞお試しあれ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


GoogleAppsの空き容量回復！ドライブのゴミ箱に要注意！

<p>最近コーディングをする時はすっかりSublimetextを使用するようになりました。</p>
<p>軽さ、機能、プラグインが良くて多用している日々でございます。</p>
<p>Sublimetextの魅力は、いろいろあるのですが、ここでは割愛させていただきます。<br />
代わりに記事を紹介しますので、そちらをご覧下さい。</p>
<p><a href="/programmer/%e6%96%b0%e3%81%97%e3%81%84%e5%b9%b4%e3%81%ab%e3%80%81%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%82%92sublime%e3%81%ab%e5%a4%89%e3%81%88%e3%81%9f.html">新しい年に、テキストエディタをsublimeに変えた | スターフィールド株式会社</a></p>
<p><a href="http://liginc.co.jp/designer/archives/6774">”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド！ | 株式会社LIG</a></p>
<p><a href="http://dotinstall.com/lessons/basic_sublimetext">Sublime Text 2入門 (全14回) &#8211; プログラミングならドットインストール</a></p>
<h2>オススメのプラグイン</h3>
<p>僕が今回オススメしたいのが「Hayaku」というプラグインです！<br />
こちらはその名の通り、cssを早く書けちゃうという代物でございます！</p>
<p><a href="https://github.com/hayaku/hayaku">hayaku/hayaku · GitHub</a></p>
<p>sublimetextを使っている人であれば、プラグインの「emmet」を入れて使用していると思います。<br />
emmetでもcssを簡略化して書けるじゃないか、とお思いの方もいると思いますが、<br />
emmetでは、簡略化の型が決まっているので、その型を覚えないといけないですよね・・・<br />
それってやっぱり面倒な人には面倒なことだと思います。</p>
<p>その型を覚える必要がないのが「Hayaku」なんです！</p>
<p>どういうことかと言いますと、<br />
cssを書く際に、適当に</p>
<p></p>

		<div id="crayon-64953fd593651318683169" 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">CSS</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;">
/* w,wd,wid,widt いずれかの打ち方でも以下のスタイルに変換されます(Tabキーで変換です)！*/
width: 100%;
/* w960 */
width: 960px;</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-64953fd593651318683169-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593651318683169-2">2</div><div class="crayon-num" data-line="crayon-64953fd593651318683169-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593651318683169-4">4</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-64953fd593651318683169-1"><span class="crayon-c">/* w,wd,wid,widt いずれかの打ち方でも以下のスタイルに変換されます(Tabキーで変換です)！*/</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593651318683169-2"><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593651318683169-3"><span class="crayon-c">/* w960 */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593651318683169-4"><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">960px</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>これすごくないですか？？笑</p>
<p>それっぽかったらある程度、思い通りに変換してくれちゃうんですよ！</p>
<p>だから型なんかを覚えることなく、頭に思い浮かべたスタイルの頭文字を適当に並べるだけでOKぐらいのレベルで、<br />
cssが書けちゃうわけです。</p>
<p>一部ですが以下のような形です。</p>
<p></p>

		<div id="crayon-64953fd593655829431568" 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">CSS</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;">
	/* pl20 */
	padding-left: 20px;
	/* mb30 */
	margin-bottom: 30px;
	/* bgc */
	background-color: #FFF;
	/* pa */
	position: absolute;
	/* dn,dpn */
	display: none;
	/* fs14 */
	font-size: 14px;
	/* lh180% */
	line-height: 180%;
	/* bl1s */
	border-left: 1px solid;</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-64953fd593655829431568-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-2">2</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-4">4</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-6">6</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-8">8</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-10">10</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-12">12</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-14">14</div><div class="crayon-num" data-line="crayon-64953fd593655829431568-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593655829431568-16">16</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-64953fd593655829431568-1"><span class="crayon-h">	</span><span class="crayon-c">/* pl20 */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-2"><span class="crayon-h">	</span><span class="crayon-e ">padding-left</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">20px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-3"><span class="crayon-h">	</span><span class="crayon-c">/* mb30 */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-4"><span class="crayon-h">	</span><span class="crayon-e ">margin-bottom</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">30px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-5"><span class="crayon-h">	</span><span class="crayon-c">/* bgc */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-6"><span class="crayon-h">	</span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">#FFF</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-7"><span class="crayon-h">	</span><span class="crayon-c">/* pa */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-8"><span class="crayon-h">	</span><span class="crayon-e ">position</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">absolute</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-9"><span class="crayon-h">	</span><span class="crayon-c">/* dn,dpn */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-10"><span class="crayon-h">	</span><span class="crayon-e ">display</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">none</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-11"><span class="crayon-h">	</span><span class="crayon-c">/* fs14 */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-12"><span class="crayon-h">	</span><span class="crayon-e ">font-size</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">14px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-13"><span class="crayon-h">	</span><span class="crayon-c">/* lh180% */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-14"><span class="crayon-h">	</span><span class="crayon-e ">line-height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">180%</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd593655829431568-15"><span class="crayon-h">	</span><span class="crayon-c">/* bl1s */</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593655829431568-16"><span class="crayon-h">	</span><span class="crayon-e ">border-left</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">1px</span><span class="crayon-h"> </span><span class="crayon-i ">solid</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>感覚で書いてる感じになりますねこれは。</p>
<p>ホントおすすめです！！</p>
<p>sublimetext、emmet共々、使いこなせば、コーディングがグッと早くなるかも！？<br />
いや、少しぐらいは早くなると思います。</p>
<h2>プラグインのインストール</h3>
<p>プラグインの入れ方は、通常のプラグインと同様、<br />
「command + shift + p」でinstall packageを開き、「hayaku」と記入すれば出てくるので、<br />
選択してインストール完了です。</p>
<p>ぜひぜひ活用してよいコーディングライフをお送りください！笑</p>

Sublimetext2 のプラグイン「Hayaku」が便利すぎてびっくりしました

<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>という記事を書いていたところ、お問い合わせフォームから「PhoneClean」の開発会社の中の方からバージョンアップのご連絡を頂きました。 さらに、PRO版（有償版）のコードをくれるということでした。ブログを書いていて、このような接点があるというのは、とても嬉しいですね。早速、簡単ですが、PRO版の機能も含めてバージョンアップした「PhoneClean」をご紹介したいと思います。 無料版とPRO版の機能比較は以下をご覧下さい。 <a href="http://www.imobie.jp/phoneclean/upgrade-mac.htm" target="_blank">http://www.imobie.jp/phoneclean/upgrade-mac.htm</a></p>
<h2>Phone Clean</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3463" alt="PhoneClean_Pro 8" src="/uploads-archive/2013/10/PhoneClean_Pro-8-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-8-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-8-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-8.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>まず、ご覧いただくと分かるように、Ver3から日本語に対応しています。まだ、機械翻訳といった形ですが、意味は捉えられるレベルなので使用には問題ないと思います。   iphoneを接続するとメニューが表示されます。 クイッククリーンとディープクリーンがあり、このディープクリーンはPRO版のみの機能となっております。</p>
<h3>クイッククリーン</h4>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3411" alt="PhoneClean_Pro 2" src="/uploads-archive/2013/10/PhoneClean_Pro-2-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-2-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-2-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-2.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>クイッククリーンは前バージョンから存在した機能ですね。 選択してスキャン開始でツーステップです。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-5.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3417" alt="PhoneClean_Pro 5" src="/uploads-archive/2013/10/PhoneClean_Pro-5-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-5-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-5-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-5.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>この記事を書く数日前にクリーンアップしたばかりですので、400MB程度でした。 むしろ、数日で400MBのファイルが溜まってしまうと考えたほうがよいかもしれません。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3418" alt="PhoneClean_Pro 6" src="/uploads-archive/2013/10/PhoneClean_Pro-6-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-6-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-6-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-6.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h3>ディープクリーン</h4>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3410" alt="PhoneClean_Pro 3" src="/uploads-archive/2013/10/PhoneClean_Pro-3-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-3-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-3-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-3.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>次に、ディープクリーンをご紹介します。 より、細かいファイルをクリーンアップすることが項目から分かります。 ここでも全選択でスキャン開始です。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3419" alt="PhoneClean_Pro 7" src="/uploads-archive/2013/10/PhoneClean_Pro-7-300x195.jpg" width="300" height="195" srcset="/uploads-archive/2013/10/PhoneClean_Pro-7-300x195.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-7-228x148.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-7.jpg 594w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>すると、ディープクリーンは必ず、バックアップが走ります。 よほど、デリケートな部分を触るということの表れなのかもしれません・・・・。 バックアップは12GB前後の容量で5分程度でした。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-9.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3462" alt="PhoneClean_Pro 9" src="/uploads-archive/2013/10/PhoneClean_Pro-9-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-9-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-9-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-9.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>アプリをたくさん入れるとごちゃごちゃになる通知もクリーンにしてくれるんですね。</p>
<p>容量よりも精神衛生的に良さそう。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-10.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3466" alt="PhoneClean_Pro 10" src="/uploads-archive/2013/10/PhoneClean_Pro-10-300x201.jpg" width="300" height="201" srcset="/uploads-archive/2013/10/PhoneClean_Pro-10-300x201.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-10-228x152.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-10.jpg 594w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>クリーンアップを選択すると、またポップアップで進行しました。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-11.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3467" alt="PhoneClean_Pro 11" src="/uploads-archive/2013/10/PhoneClean_Pro-11-300x201.jpg" width="300" height="201" srcset="/uploads-archive/2013/10/PhoneClean_Pro-11-300x201.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-11-228x152.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-11.jpg 594w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>さらにiphone自体に再起動が掛かりました。ディープクリーンは再起動が伴う処理を行っているんですね。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-12.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3468" alt="PhoneClean_Pro 12" src="/uploads-archive/2013/10/PhoneClean_Pro-12-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-12-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-12-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-12.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>クリーンアップが完了しました。</p>
<p>端末のほうを見てみると確かに、通知が綺麗さっぱり消えていました。う〜ん清々しい。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3409" alt="PhoneClean_Pro 4" src="/uploads-archive/2013/10/PhoneClean_Pro-4-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-4-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-4-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-4.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>他にもツールボックスではいろいろなことが個別で出来ます。</p>


iOSのお掃除ソフト「PhoneClean」がバージョンアップしていた

<p>お掃除ソフトシリーズも第三段になりました（笑）</p>
<p>&nbsp;</p>
<p>本日、社員と何気なく昼食を食べていて、iphoneの軽量化の話になったので、iphoneも知ってるから今日記事で書くわという運びになりました。</p>
<p>&nbsp;</p>
<h4 id="for_all">PhoneClean</h3>
<p><a href="http://www.imobie.com/phoneclean/" target="_blank">http://www.imobie.com/phoneclean/</a></p>
<p>phoneCleanは、WindowsやMacなど母艦となるPCにインストールするソフトウェアです。</p>
<p>まずは、上記URLからダウンロードしてインストールします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2934" alt="screenshot" src="/uploads-archive/2013/08/screenshot-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-300x218.png 300w, /uploads-archive/2013/08/screenshot-768x558.png 768w, /uploads-archive/2013/08/screenshot-228x166.png 228w, /uploads-archive/2013/08/screenshot.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>起動画面です。全て英語ですので、簡単に意訳すると</p>
<ul>
<li>ゴミと一時ファイル</li>
<li>キャッシュとオフラインファイル</li>
<li>クッキーとスクリプトファイル</li>
<li>同期に失敗したメディアファイル</li>
</ul>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2933" alt="screenshot 2" src="/uploads-archive/2013/08/screenshot-2-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-2-300x218.png 300w, /uploads-archive/2013/08/screenshot-2-768x558.png 768w, /uploads-archive/2013/08/screenshot-2-228x166.png 228w, /uploads-archive/2013/08/screenshot-2.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>itunesに同期する要領でPCとiphoneをケーブルでつなぎます。</p>
<p>StartScanを押すと開始します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2932" alt="screenshot 3" src="/uploads-archive/2013/08/screenshot-3-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-3-300x218.png 300w, /uploads-archive/2013/08/screenshot-3-768x558.png 768w, /uploads-archive/2013/08/screenshot-3-228x166.png 228w, /uploads-archive/2013/08/screenshot-3.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>解析中です。ガツガツ溜まっていきます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2931" alt="screenshot 4" src="/uploads-archive/2013/08/screenshot-4-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-4-300x218.png 300w, /uploads-archive/2013/08/screenshot-4-768x558.png 768w, /uploads-archive/2013/08/screenshot-4-228x166.png 228w, /uploads-archive/2013/08/screenshot-4.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>スキャンが終了すると、削除する容量と「Clean Up」ボタンが出ます。</p>
<p><a href="/uploads-archive/2013/08/screenshot-5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2935" alt="screenshot 5" src="/uploads-archive/2013/08/screenshot-5-300x253.png" width="300" height="253" /></a></p>
<p>&nbsp;</p>
<p>削除完了すると結果が表示されます。</p>
<p>2週間前くらいに掃除をしたのですが、約600MBを削除することが出来ました。</p>
<p>初回は、15分以上かかると思いますが、定期的にかけていると所要時間は10分程度いったところです。クリックは2回だけであとは、待つだけです。</p>


iOSのお掃除ソフト「PhoneClean」

<p>前回は<a href="/officer/windows%E3%81%AE%E3%81%8A%E6%8E%83%E9%99%A4%E3%82%BD%E3%83%95%E3%83%88.html">Windowsのお掃除ソフト</a>を紹介しましたので、今回はMacについても触れておきたいと思います。</p>
<p>今回も、無料で高機能なアプリ3つに絞って紹介します。</p>
<h2>ONYX</h3>
<p><a href="http://www.titanium.free.fr/downloadonyx.php" target="_blank">http://www.titanium.free.fr/downloadonyx.php</a></p>
<p>・Macでは定番のメンテナンスソフトです。</p>
<p>・最新OSにもいち早く対応</p>
<h3>参考記事</h4>
<p><a href="http://tokyo.secret.jp/macs/Mac_OSX_speed_up_OnyX.html">Mac OSXの高速化 : OnyX (Mountain Lion 対応) &#8211; Tokyo Secret</a></p>
<p><a href="http://tukaikta.blog135.fc2.com/blog-entry-146.html">OnyX使い方とMacのメンテナンス | Macとかの雑記帳</a></p>
<h2>CCleaner</h3>
<p><a href="http://www.piriform.com/mac/ccleaner" target="_blank">http://www.piriform.com/mac/ccleaner</a></p>
<p>・mac版はリリースから日が浅いため、設定出来る項目がWindows版より少ない</p>
<p>・動作が軽快</p>
<h2>Magican</h3>
<p><a href="http://www.magicansoft.com/jp/magican.html" target="_blank">http://www.magicansoft.com/jp/magican.html</a></p>
<p>・重複ファイルの削除、メモリーの開放など便利機能を複数備えている。</p>
<p>・ツールバーに常駐するCPU温度、CPU使用率、ネットワーク速度のモニターが便利</p>
<h2>まとめ</h3>
<p>今回も3つに絞って紹介しました。</p>
<p>部分的に、アンイストールを簡単にするソフトなどもありますが今回ご紹介した3つではほぼ網羅出来ていると思います。</p>
<p>&nbsp;</p>


Macのお掃除ソフト

<p>Windowsのお掃除ソフトを紹介します。</p>
<p>潔癖という程でもないですが、整理整頓されていないと気が済まない正確なのと、一度、お掃除ソフトを使ってゴミを掃除した感覚を持ってしまうと定期的にハマってしまいます。</p>
<p>様々なソフトを試した中で、無料かつ高機能ということで3つ紹介します。</p>
<h2>CCleaner</h3>
<p><a href="http://www.piriform.com/ccleaner/download" target="_blank">http://www.piriform.com/ccleaner/download</a></p>
<p>・1クリックで基本的な掃除を行なってくれます。</p>
<p>・レジストリの掃除も行なってくれます。</p>
<p>・アンイストールの管理もOS標準のコントロールパネルより簡単に行うことが出来ます。</p>
<h2>Glary Utilities</h3>
<p><a href="http://www.glarysoft.com/" target="_blank">http://www.glarysoft.com/</a></p>
<p>・1クリックで基本的な掃除を行なってくれます。</p>
<p>・レジストリの掃除や圧縮</p>
<p>・重複ファイルの削除などCCleanerよりも細かい調整が可能です。</p>
<h2>Comfortable PC</h3>
<p><a href="http://pc-zero.jp/pages/software.html" target="_blank">http://pc-zero.jp/pages/software.html</a></p>
<p>お掃除ソフトではないですが、PC設定を最適化してくれます。xpでは搭載されていない、無線LANの速度最適化機能や余計なアクションの削除なを行なってくれます。</p>
<h2>まとめ</h3>
<p>私自身の性格からお掃除ソフトは、1〜2週間に一回かけています。フルに使っているPCですと、キャッシュやらログやらで数百MB〜1GB溜まっています。そもそも、キャッシュなどは、再度読み込まなくてもいいように残しておくものですから、お掃除ソフトをかけた後は、多少遅くなることもありますが、SSDという環境上、速度は全く問題なく、むしろ容量のほうが気になるので定期的にかけています。</p>
<p>同じようなソフトを2つ紹介したのは、やはり、どちらでもカバーしきれない領域があるのが、両方で削除を掛けても差分が出るためです。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #ソフト・ツール

2014/10/19

2014/10/14

2014/10/07

2014/09/10

2014/08/26

2014/07/22

2014/07/16

2014/07/08

2014/03/11

2014/03/04

2014/03/04

2013/12/18

2013/11/27

2013/11/21

2013/10/23

2013/08/21

2013/08/06

2013/07/31