<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>K'conf | Blog (services)</title>
<link>http://kenz0.s201.xrea.com/weblog/services/</link>
<description>便利なサイト、役に立つツール、驚きのアートからおもしろ動画までウェブで見つけた気になる話題を気ままに紹介するバラエティ情報ブログ</description>
<language>ja</language>
<lastBuildDate>Tue, 01 Sep 2015 10:29:08 +0900</lastBuildDate>
<item>
<title>Twitterを利用してサイト上にアラートを表示させる『Nectar Ninja』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/09/nectar_ninja.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/09/01/04.png" class="img_f2" />
<p>『<strong><a href="https://nectar.ninja/" target="_blank">Nectar Ninja</a></strong>』はTwitterを利用してサイト上に簡易なアラートを表示させるサービス。</p>
<p>「@NectarNinja」にツイートすることで、あらかじめサイト側に設置しておいたスクリプトが反応してアラートを表示させるという仕組みです。</p>]]>
<![CDATA[<br />
<p>先ずはサイトのヘッダ部分に以下のスクリプトを書き込んで置きます。</p>
<p>（下線部分をツイートを行なう自身のTwitterネームに変更しておきます）</p>
<div class="code"><pre>
&lt;script&gt;
  (function(){
  var handle = '<u>@placeholder</u>';
  var a = document.createElement('script');
  var m = document.getElementsByTagName('script')[0];
  a.async = 1;
  a.src = 'https://nectar.ninja/api/v1/' + handle.slice(1);
  m.parentNode.insertBefore(a, m);
  })();
&lt;/script&gt;
</pre></div>
<p>準備が終わったら「@NectarNinja」に対し告知の内容文に加えて「#alert」あるいは「#notification」のハッシュタグを付けてツイートしてやればOK。</p>
<p>さらに任意の参照ページのURLを一緒に入れておくことで、表示されるアラートに「Read more」という参照ページへのリンクを張ることができます。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/09/01/06.png" class="img_f2" />
<p>一度「Close」や「Read more」をクリックした旨は閲覧者のクッキーに残さるので、アクセスするたびに毎度同じアラートが繰り返し表示されるということはありません。</p>
<br />
<p>「サイトを一部変更しました」とか「アンケート募集中」等々、ちょっとした告知をしたいことはサイトの管理者にとってよくあることです。</p>
<p>しかし一時的なことに専用のJSやCSSでアラートボックスを作ってなんやらかんやらするのも実に面倒なものですが、そんな面倒くさがりの管理者にとっては非常に手軽で便利なツールといえます。</p>
<br />
<p>以下は実際に試して結果。</p>
<p>下のツイートでページ右下にアラートが表示されるようになりました。</p>
<blockquote class="twitter-tweet" lang="ja"><p lang="ja" dir="ltr"><a href="https://twitter.com/NectarNinja">@NectarNinja</a> Twitterを利用してサイト上にアラートを表示させる『Nectar Ninja』のデモ <a href="https://twitter.com/hashtag/notification?src=hash">#notification</a> <a href="https://t.co/YPLZwTJUGt">https://t.co/YPLZwTJUGt</a></p>&mdash; K&#39;conf Clips (@Kconfclips) <a href="https://twitter.com/Kconfclips/status/638543753230184448">2015, 9月 1</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
]]>
<![CDATA[<p><a href="https://nectar.ninja/" target="_blank">&raquo; <u>Nectar Ninja</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/03/squall.html" target="_blank">ツイートを画像化して140文字以上の文章を投稿できる『Squall』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/01/tweeps_2_opml.html" target="_blank">TwitterフォローたちのRSSフィードを拾い集めてくれる『Tweeps 2 OPML』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/inoreadertwitter.html" target="_blank">InoreaderにTwitterフィードの購読機能が追加される</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/08/twibble.html" target="_blank">画像入りツイートができるRSSフィードのTwitter投稿サービス『Twibble』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2012/12/instagram_to_twitter_ifttt_recipe.html" target="_blank">TwitterにInstagramの写真を投稿できるようにするIFTTTのレシピ</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/09/nectar_ninja.html</guid>
<pubDate>Tue, 01 Sep 2015 10:29:08 +0900</pubDate>
</item>
<item>
<title>フォームデータの内容を任意のメールに送ってくれるサービス『Mailthis.to』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/08/mailthis_to.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/08/30/01.png" class="img_f2" />
<p>『<strong><a href="http://www.mailthis.to/" target="_blank">Mailthis.to</a></strong>』はウェブ上に設置してあるフォームに寄せられたメッセージを任意のメールアドレスに送信してくれるサービス。</p>
<p>登録やログインなども一切不要の他、さまざまなオプションを備えた無料のWebサービスAPIとして提供されています。</p>]]>
<![CDATA[<br />
<p>基本的にはフォームの送信先を通常のものから以下のように変えてやるというだけ。</p>
<div class="code"><pre>
&lt;form action=&quot;http://mailthis.to/<u>○○@gmail.com</u>&quot; method=&quot;post&quot;&gt;
</pre></div>
<p>下線の部分に任意のメアドを指定するとそこにフォームの内容が送られてくるという訳です。</p>
<p>しかしこの場合、平文でメアドを記述するとスパムの問題もあるため、サービス側では実際のメアドでエイリアスを作成することを推奨しており、先ずは元となるメアドに適当なユーザー名などを指定して[Validate Email]をクリックすることで「http://mailthis.to/ユーザー名」が実際のメアドに紐付けられたものが作成されるので、そのメアドをフォームの送信先に指定してやりましょう。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/08/30/02.png" class="img_f2" />
<p>この他、メールのタイトルや送信後の確認メッセージなど特定の属性に値を指定することで、いろいろなカスタマイズが可能な仕様になっています。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/08/30/03.png" class="img_f2" />
<p>使い道としては例えばウェブサイトやサービスにおいて、ユーザーからの声を集めるフィードバック用のフォームなどに最適ではないでしょうか。</p>]]>
<![CDATA[<p><a href="http://www.mailthis.to/" target="_blank">&raquo; <u>Mailthis.to</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/beefree.html" target="_blank">ドラッグ&ドロップでレスポンシブなニュースレターが作成できる『BeeFree』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/08/statlogger.html" target="_blank">数値入りの件名でメールすると累積グラフを作成してくれる『Statlogger』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2013/11/email_leak_tests.html" target="_blank">メールによってIPアドレスがリークしているかを調べる『Email Leak Tests』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2013/05/jotform_instant.html" target="_blank">インスタントで専用メールフォームになるリンクが作成できる『JotForm Instant』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2012/05/pinalerts.html" target="_blank">PinAlerts : あなたのサイトの画像がPinされたことを通知してくれるサービス</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/08/mailthis_to.html</guid>
<pubDate>Sun, 30 Aug 2015 15:11:21 +0900</pubDate>
</item>
<item>
<title>グリッチ画像を自動作成してくれるTwitterボット『@pixelsorter』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/08/pixelsorter.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/08/06/01.png" class="img_f2" />
<p>グリッチアートの専門サイト<strong><a href="http://www.glitchet.com/" target="_blank">Glitchet</a></strong>が公開している『<strong><a href="http://www.glitchet.com/pixelsorter" target="_blank">@pixelsorter</a></strong>』は様々なグリッチ画像をTwitterを利用して自動作成してくれるというサービス。</p>
<p>「@pixelsorter」宛に任意の画像を添えてツイートしてやると<strong><a href="https://twitter.com/pixelsorter" target="_blank">@pixelsorter</a></strong>上でグリッチ画像に変換された画像がアップされるという仕組みです。</p>]]>
<![CDATA[<br />
<p>また、グリッチ加工する際にいくつかのプリセットが用意されており、デフォルトではこれらのプリセットがランダムに適用されますが、例えば以下のようにプリセット名を指定することで好きなプリセットを選択することも可能です。</p>
<div class="code"><pre>
@pixelsorter preset[bands]
</pre></div>
<img src="http://kenz0.s201.xrea.com/images/2015/08/06/02.png" class="img_f2" />
<p>さらに細かいカスタマイズをしたい場合には以下のように[cmd]を使い個別にパラメータ値を指定していきます。</p>
<div class="code"><pre>
cmd[middle 5 max 90 min 80 reverse true]
</pre></div>
<p>（以下、作成例）</p>
<br />
<blockquote class="twitter-tweet" lang="ja"><p lang="und" dir="ltr"><a href="https://twitter.com/Kconfclips">@Kconfclips</a>: hi <a href="http://t.co/rDfMnktsM4">pic.twitter.com/rDfMnktsM4</a></p>&mdash; Pixel Sorter (@pixelsorter) <a href="https://twitter.com/pixelsorter/status/629175517590233089">2015, 8月 6</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<br />
<p>その他にもいろいろとカスタムパラメータが用意されているようで本格的なAPIのようになっています。</p>
<p>（細かい仕様はウェブサイト上を参照下さい）</p>
<br />
<p>今のところレスポンスもかなり速いので興味のある方は試してみては如何でしょうか。</p>
]]>
<![CDATA[<p><a href="http://www.glitchet.com/pixelsorter" target="_blank">&raquo; <u>@pixelsorter</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/12/whereonthe_net.html" target="_blank">ネット画像の拡散を視覚的に解析してくれるサイト『WhereOnThe.Net』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/11/deepart_io.html" target="_blank">任意の画像を個性的な絵画スタイルにつくり変えてくれる『deepart.io』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/07/deep_dreamdreamscope.html" target="_blank">画像に“Deep Dream”をかけることができるジェネレーター『Dreamscope』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html" target="_blank">クライアントサイドで複数画像のリサイズが可能な『Bulk Resize Photos』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/05/spontex.html" target="_blank">真っ白な余白に隠しツイートを埋め込む面白いアイデア</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/08/pixelsorter.html</guid>
<pubDate>Thu, 06 Aug 2015 14:50:49 +0900</pubDate>
</item>
<item>
<title>新しいタブを開くことで恋人を見つけるユニークなサービス『Tab dating』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/06/tab_dating.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/06/06/01.png" class="img_f2" />
<p>「新しいタブ」ページで恋人を見つけるというコンセプトで立ち上げられた『<strong><a href="http://tab.dating/" target="_blank">Tab dating</a></strong>』なるサービス。</p>
<p>Chrome用の拡張機能として動作するこちらは、あらかじめ会員登録しておくと「新しいタブ」ページにランダムに恋人候補が表示されるというものです。</p>]]>
<![CDATA[<br />
<p>ページには相手の写真とそして簡単なプロフィールが記載されており、相手に興味があればページ上のハートボタンをタップするとチャットができるようになっているとのこと。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/06/06/02.png" class="img_f2" />
<img src="http://kenz0.s201.xrea.com/images/2015/06/06/03.png" class="img_f2" />
<p>いわば「出会い系」アプリの一つといえますが、「新しいタブ」ページに目を付けたあたりが面白いところだと思います。</p>]]>
<![CDATA[<p><a href="http://tab.dating/" target="_blank">&raquo; <u>Tab dating</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/09/nectar_ninja.html" target="_blank">Twitterを利用してサイト上にアラートを表示させる『Nectar Ninja』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/todofmlist.html" target="_blank">ブラウザのタブを利用したスーパーシンプルなToDoリスト『FMList.io』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html" target="_blank">クライアントサイドで複数画像のリサイズが可能な『Bulk Resize Photos』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/05/hyperlogout.html" target="_blank">アクセスするだけで複数のWebサービスから一片にログアウトできる『Hyperlogout』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/03/squall.html" target="_blank">ツイートを画像化して140文字以上の文章を投稿できる『Squall』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/06/tab_dating.html</guid>
<pubDate>Sat, 06 Jun 2015 15:34:57 +0900</pubDate>
</item>
<item>
<title>クライアントサイドで複数画像のリサイズが可能な『Bulk Resize Photos』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/06/01/01.png" class="img_f2" />
<p>『<strong><a href="http://bulkresizephotos.com/" target="_blank">Bulk Resize Photos</a></strong>』は指定した複数の画像を一括してリサイズしてくれるサービス。</p>
<p>正直言ってこの種の画像処理系のWebサービスはかなり前から出回っているので、Webに精通している方であれば今更って感じなサイトと思うはずです。</p>]]>
<![CDATA[<br />
<p>最初に使い方を説明しておくと、トップページ上に画像をドラッグ&ドロップ或いはダイアログから指定、もちろん複数指定可能です。</p>
<p>基本設定（比率／最大幅／指定幅／指定高／絶対指定）</p>
<img src="http://kenz0.s201.xrea.com/images/2015/06/01/02.png" class="img_f2" />
<p>または、必要に応じ詳細設定からリサイズの設定を行ないます。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/06/01/03.png" class="img_f2" />
<p>あとは緑のボタンをクリックすればリサイズ変換された画像がZIPでまとめられて指定場所に保存することができます。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/06/01/04.png" class="img_f2" />
<p>さて、今回なぜこのサイト取り上げることにしたかというと、ページにある説明に目が止まったのがその理由です↓</p>
<img src="http://kenz0.s201.xrea.com/images/2015/06/01/05.png" class="img_f2" />
<p>「え、これって画像アップロードしてないの？？」</p>
<br />
<p>従来、指定画像をサーバーにアップロードし変換処理した後、サーバーから変換画像をダウンロードするものですが、どうやらこれクライアントサイド（つまりブラウザ）で処理していると。</p>
<p>たしかに50MB以上の画像を処理中、通信モニターで確認してもファイル送信は行なわれていようです。</p>
<p>逆に保存も画像をサーバーからダウンロードするわけでなく、ローカルからローカルに保存するだけということになります。</p>
<p>なのでUL／DLが発生しない分、従来の同種サービスに比べ格段に速いです。</p>
<br />
<p>「へ～、そんなことできるんだ・・・」とちょっと目から鱗。</p>
<br />
<p>このシステムならばUL／DLの必要が無いので通信面での制限も発生しないため、自分のマシンの能力次第でいくらでも巨大なサイズや量の画像を処理することができるという実用面でのメリットもあります。</p>
<p>フリーなのは無論のこと、そればかりか以下のような上記のWebサービス自体を自分のサイトで提供できる埋込み用のウェジェットなども公開されています。</p>
<p>（あらかじめリサイズ設定をした後、出力されるコードをコピーして目的のページ部分にペーストします）</p>
<div class="video2">
<div id="BulkResizePhotosEmbed"></div> <script type="text/javascript" src="http://bulkresizephotos.com/js/integration.js"> </script> <script> bulkresizephotos.load({"resize_type":"scale","resize_value":"50","secondary_resize_value":"600","quality_level":0.8,"extension":"jpg","preserve_aspect_ratio":true,"transparent_background":true,"background_color":"ffffff"}); </script>
</div>
<p>通信量の関係でWebサービスはどうも・・・という方にとっては結構役に立つサイトだと思います。</p>]]>
<![CDATA[<p><a href="http://bulkresizephotos.com/" target="_blank">&raquo; <u>Bulk Resize Photos</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/04/gifgifprint.html" target="_blank">アニメーションGIFからパラパラ写真を作ることができる『Gifprint』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2011/05/imageoid.html" target="_blank">ImageOid : 手軽にいろいろなエフェクトを画像に加えられるサイト</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2011/01/bigimgit.html" target="_blank">BigImg.it : 巨大な画像をズームとパンが可能な埋め込み画像に変換してくれるサイト</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/11/tinyjpg.html" target="_blank">画質を損なわずJPEG画像のファイルサイズを最小限に圧縮できる『TinyJPG』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/rewindimgur.html" target="_blank">URLに「rewind」と付け足すだけでImgurのGIFを逆再生にする『rewindimgur』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html</guid>
<pubDate>Mon, 01 Jun 2015 14:50:38 +0900</pubDate>
</item>
<item>
<title>アクセスするだけで複数のWebサービスから一片にログアウトできる『Hyperlogout』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/05/hyperlogout.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/05/16/01.png" class="img_f2" />
<p>『<strong><a href="http://thewarpaint.github.io/hyperlogout/" target="_blank">Hyperlogout</a></strong>』は複数のWebサイトからまとめてログアウトすることが出来るサイト。</p>
<p>登録されている35のWebサービスのうち、現在ログイン中のものがあれば一片にログアウト処理してくれるというものです。</p>]]>
<![CDATA[<br />
<p>登録サービスは以下の通り。</p>
<div class="box3">
<ul class="left">
<li>AOL</li>
<li>Amazon</li>
<li>Blogger</li>
<li>Delicious</li>
<li>DeviantART</li>
<li>DreamHost</li>
<li>Dropbox</li>
<li>eBay</li>
<li>Gandi</li>
<li>GitHub</li>
<li>Gmail</li>
<li>Google</li>
<li>Hulu</li>
<li>Instapaper</li>
<li>Linode</li>
</ul>
<ul class="left">
<li>LiveJournal</li>
<li>MySpace</li>
<li>Netflix</li>
<li>New York Times</li>
<li>Newegg</li>
<li>Photobucket</li>
<li>Skype</li>
<li>Slashdot</li>
<li>SoundCloud</li>
<li>Steam</li>
</ul>
<ul class="left">
<li>ThinkGeek</li>
<li>Threadless</li>
<li>Tumblr</li>
<li>Vimeo</li>
<li>Wikipedia</li>
<li>Windows Live</li>
<li>Woot</li>
<li>Wordpress</li>
<li>Yahoo!</li>
<li>YouTube</li>
</ul>
<br clear="all">
</div>
<img src="http://kenz0.s201.xrea.com/images/2015/05/16/02.png" class="img_f2" />
<p>こちらにアクセスするだけで何もする必要がいらないのが最大の特徴で、アカウントの状態を調べ必要に応じログアウト送信を自動的に行なってくれ、緑のチェックが付けばログアウト済みという印です。</p>
<br />
<p>アクセスするだけというシンプルさがいい、実用本位のお役立ちツールだと思います。</p>
<br />
<ul class="warning"><li>
なお、上記サービスにログアウトの必要がない方はアクセスするだけでログアウトされてしまうのでご注意を。
</li></ul>]]>
<![CDATA[<p><a href="http://thewarpaint.github.io/hyperlogout/" target="_blank">&raquo; <u>Hyperlogout</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/todofmlist.html" target="_blank">ブラウザのタブを利用したスーパーシンプルなToDoリスト『FMList.io』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html" target="_blank">クライアントサイドで複数画像のリサイズが可能な『Bulk Resize Photos』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/rewindimgur.html" target="_blank">URLに「rewind」と付け足すだけでImgurのGIFを逆再生にする『rewindimgur』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/gaze.html" target="_blank">ビデオチャット搭載で離れた2人が同じ動画を楽しめるサービス『Gaze』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/poll.html" target="_blank">グラフィカルなアンケートが作成できる手軽な投票サービス『Poll』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/05/hyperlogout.html</guid>
<pubDate>Sat, 16 May 2015 14:47:32 +0900</pubDate>
</item>
<item>
<title>サイトのクローンを作り内容を編集して一般公開できる『Clone Zone』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/04/clone_zone.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/04/24/01.png" class="img_f2" />
<p>『<strong><a href="http://clonezone.link/" target="_blank">Clone Zone</a></strong>』は任意のサイトのクローンが作成できるサービス。</p>
<p>単にクローンサイトの作成に留まらずテキストや画像を自由に再編集しものを一般に公開できるというものです。</p>]]>
<![CDATA[<br />
<p>使い方はターゲットとなるURLをペーストして「Clone!」をクリック。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/04/24/02.png" class="img_f2" />
<p>サイトがロードされ編集したいテキストをクリックすると編集用ボックスが表示され編集が可能になります。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/04/24/03.png" class="img_f2" />
<p>同じく画像などは画像のURLを指定したりアップロードして指定できるほか、Google画像検索で探したネット画像を利用することも可能です。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/04/24/05.png" class="img_f2" />
<p>こんな風に加工が終了したら「Publish」ボタンをクリックして公開するURLやページタイトルの指定をして完了。</p>
<p>作成したクローンは自分のアカウントに保存し「My Clones」から管理することができます。</p>
<br />
<p>公開用URLは<nobr>「{オリジナルサイトのドメイン}.clonezone.link/...」</nobr>という仕様になっておりオリジナルサイトのURLと非常に紛らわしいということで、偽サイト作成の目的としてはある意味良くできているかと思います。</p>
<br />
<p>使い道としては例えばモックアップのようなデザイン的な実用目的なども考えられますが、概ねジョークとしての利用がほとんどなのではないでしょうか。</p>
<p>まぁ、冗談の範囲で良識のある使用が前提であるならば手軽な編集サービスとしていいのではないかと思います。</p>
<p class="sitelink"><a href="http://www.youtube.com/watch?v=YIMzKyM3NEk">Clone Zone - YouTube</a></p>
<div class="video2">
<div class="watch" onclick="window.open('http://www.youtube.com/watch_popup?v=YIMzKyM3NEk&autoplay=1', '_blank', 'width=640,height=360,menubar=no,toolbar=no')" title="新しいウィンドウで開く"></div>
<iframe width="412" height="232" src="http://www.youtube.com/embed/YIMzKyM3NEk?wmode=transparent&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>]]>
<![CDATA[<p><a href="http://clonezone.link/" target="_blank">&raquo; <u>Clone Zone</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/12/whereonthe_net.html" target="_blank">ネット画像の拡散を視覚的に解析してくれるサイト『WhereOnThe.Net』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/08/mailthis_to.html" target="_blank">フォームデータの内容を任意のメールに送ってくれるサービス『Mailthis.to』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/08/pixelsorter.html" target="_blank">グリッチ画像を自動作成してくれるTwitterボット『@pixelsorter』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/todofmlist.html" target="_blank">ブラウザのタブを利用したスーパーシンプルなToDoリスト『FMList.io』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html" target="_blank">クライアントサイドで複数画像のリサイズが可能な『Bulk Resize Photos』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/04/clone_zone.html</guid>
<pubDate>Fri, 24 Apr 2015 14:54:08 +0900</pubDate>
</item>
<item>
<title>Googleドライブにアップした写真でアルバムを作成してくれる『Lightbox』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/04/lightbox.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/04/18/01.png" class="img_f2" />
<p>『<strong><a href="http://www.lghtbx.com/" target="_blank">Lightbox</a></strong>』はGoogleドライブをストレージとして利用した簡易な写真アルバムの作成サービス。</p>
<p>Googleドライブの特定のフォルダにアップロードした写真から、シンプルなアルバムページを作って公開できるというものです。</p>]]>
<![CDATA[<br />
<p>使い方は至って簡単で、Googleアカウントでサービス使用の許可を与えると自分のアルバムページのURLが作成されます。</p>
<p>そして同時にGoogleドライブの「マイドライブ」の下に「Lightbox」フォルダが作成されるので、そこに公開したい写真を入れるだけ。</p>
<p>デフォルトでは「Example」というサブフォルダにサンプルの写真が入っているように、適当な名前を付けてサブフォルダを作成してアルバムをテーマ毎にまとめることもできます。</p>
<br />
<p><strong><a href="http://www.lghtbx.com/u/asadovsky" target="_blank">サンプル</a></strong>が公開されているのでそちらを見ればどんなものができるかがよく分ると思います。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/04/18/02.png" class="img_f2" />
<p>Dropboxを利用したアルバム作成サービスとして『<strong><a href="http://kenz0.s201.xrea.com/weblog/2014/09/foliopanda.html" title="Dropboxの写真からお洒落なポートフォリオを作成してくれる『FolioPanda』" target="_blank">FolioPanda</a></strong>』というのを以前紹介したことがありましたが、ちょうどそれのGoogleドライブ版といったところで、Googleユーザーで写真を手軽にアルバム公開したい方にとっては便利なサービスではないでしょうか。</p>]]>
<![CDATA[<p><a href="http://www.lghtbx.com/" target="_blank">&raquo; <u>Lightbox</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2013/02/google_microsoft_stockphotos.html" target="_blank">無料で利用できるGoogleやMicrosoftの高品質なストックフォト</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/11/storyline.html" target="_blank">Gmail／カレンダー／ドキュメントの3つをまとめてチェックできる『Storyline』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/09/foliopanda.html" target="_blank">Dropboxの写真からお洒落なポートフォリオを作成してくれる『FolioPanda』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/08/unsplash_it.html" target="_blank">高品質なフリーフォトをリソースにしたダミー画像サービス『Unsplash It』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/07/looklist.html" target="_blank">洗練されたストリートファッションのキュレーションサイト『Looklist』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/04/lightbox.html</guid>
<pubDate>Sat, 18 Apr 2015 15:18:57 +0900</pubDate>
</item>
<item>
<title>YouTubeなどを素材に30秒の音声入りループ動画が作成できる『Playola』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/03/playola.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/03/11/02.png" class="img_f2" />
<p>『<strong><a href="http://playola.co/" target="_blank">Playola</a></strong>』はYouTubeや任意の動画を映像素材として30秒の短いショートクリップを作成するサービス。</p>
<p>必要に応じ映像だけでなく別のYouTube動画の音声をサウンドトラックにして、新たなループ動画のコンテンツを制作するというものです。</p>]]>
<![CDATA[<br />
<p>使い方は目的のYouTube動画のURLをペーストするか、或いは任意の動画をアップロードすると簡易な編集画面が開きます。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/03/11/03.png" class="img_f2" />
<p>切り取りたい動画の部分を30秒以下で指定し、加えてBGMとなる音声のYouTube動画を指定し同じようにパートを指定します。</p>
<p>（音声には時間制限はありません）</p>
<p>指定が完了したら[Creat]ボタンをクリックしてしばらくすると作成完了。</p>
<p>コンテンツ右上のシェアボタンよりリンクと埋込みコードが表示されるので、下のサンプルのように外部サイトに載せることも可能です。</p>
<div class="video2">
<iframe src='//playola.co/embed/0413f2' frameborder='0' scrolling='no' marginwidth='0' marginheight='0' width='412px' height='232px' style='border: 0px none; vertical-align: bottom;'></iframe>
</div>
<p>VineやInstagram動画などショート動画がブームな昨今、これらがもっぱらユーザーのデバイスから直接撮られたものをコンテンツにするのに対し、このサービスは既存の動画コンテンツを使ってマッシュアップするところが特徴といえます。</p>]]>
<![CDATA[<p><a href="http://playola.co/" target="_blank">&raquo; <u>Playola</u></a></p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/10/gaze.html" target="_blank">ビデオチャット搭載で離れた2人が同じ動画を楽しめるサービス『Gaze』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/09/reembed.html" target="_blank">YouTubeの埋め込み動画を別物としてカスタマイズできる『reEmbed』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/08/hyperscope.html" target="_blank">Instagramに投稿された最新のHyperlapse動画を閲覧できる『HyperScope』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/08/tune_transcriber.html" target="_blank">YouTube動画でもOKなオンラインの耳コピ支援サイト『Tune Transcriber』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2014/08/somevid.html" target="_blank">匿名性と機能性を兼ねたシンプルなビデオ投稿サイト『somevid』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/03/playola.html</guid>
<pubDate>Wed, 11 Mar 2015 16:35:00 +0900</pubDate>
</item>
<item>
<title>ツイートを画像化して140文字以上の文章を投稿できる『Squall』</title>
<link>http://kenz0.s201.xrea.com/weblog/2015/03/squall.html</link>
<description>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2015/03/09/01.png" class="img_f2" />
<p>『<strong><a href="http://squall.io/" target="_blank">Squall</a></strong>』はツイートを画像化して投稿できるサイト。</p>
<p>Twitterの140までという文字数以上の文章を投稿したい場合に使える一つのソリューションです。</p>]]>
<![CDATA[<br />
<p>ログインしたらタイトル欄（60文字まで）にタイトルをとその下のテキスト欄（2000文字まで）に適宜文章を入力していきましょう。</p>
<p>HTMLタグの入力補助が付いているので選択文字を太字にしたり斜体にしたり簡単に設定可能です。</p>
<img src="http://kenz0.s201.xrea.com/images/2015/03/09/02.png" class="img_f2" />
<p>プレビューボタンをクリックすると実際投稿されるものが確認できます。</p>
<p>作成するのが静的な画像である以上テキスト内にハイパーリンクを挿入することはできませんが、リンクをペースト（HTMLページから直にコピーされたハイパーリンク）するとその部分は青色の文字で表示されるようになっています。</p>
<br />
<p>以下投稿サンプル</p>
<blockquote class="twitter-tweet" lang="ja"><p>投稿テスト <a href="http://t.co/tVMMNbpIU2">http://t.co/tVMMNbpIU2</a> <a href="https://twitter.com/SquallApp">@Squallapp</a> <a href="http://t.co/5osP7lOToh">pic.twitter.com/5osP7lOToh</a></p>&mdash; K&#39;conf Clips (@Kconfclips) <a href="https://twitter.com/Kconfclips/status/574826312902316032">2015, 3月 9</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<br />
<p>このようにツイートを画像化していろいろな活用をするという趣旨のサービスは以前からありますが、日本語の文字列使用で不具合があって実際には使えないというところも少なくありません。</p>
<p>少し使っただけなので詳しくは分りませんが、少なくともこちらのサービスは上をご覧のように日本語でも問題なく使えるようです。</p>
<br />
<p>画像の解像度はそれほど高くないので閲覧環境によっては多少ボケるのが気になるところですが、手っ取り早く140文字以上のツイートを載せたいという時に使えるサービスではないでしょうか。</p>]]>
<![CDATA[<br /><hr />
<p>関連エントリー：</p>]]>
<![CDATA[
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2012/12/instagram_to_twitter_ifttt_recipe.html" target="_blank">TwitterにInstagramの写真を投稿できるようにするIFTTTのレシピ</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/09/nectar_ninja.html" target="_blank">Twitterを利用してサイト上にアラートを表示させる『Nectar Ninja』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/08/pixelsorter.html" target="_blank">グリッチ画像を自動作成してくれるTwitterボット『@pixelsorter』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/06/bulk_resize_photos.html" target="_blank">クライアントサイドで複数画像のリサイズが可能な『Bulk Resize Photos』</a></li>
</ol>
<oi>
<li><a href="http://kenz0.s201.xrea.com/weblog/2015/01/tweeps_2_opml.html" target="_blank">TwitterフォローたちのRSSフィードを拾い集めてくれる『Tweeps 2 OPML』</a></li>
</ol>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2015/03/squall.html</guid>
<pubDate>Mon, 09 Mar 2015 15:55:17 +0900</pubDate>
</item>
</channel>
</rss>
