INSERT INTO `webm_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(30627, 4, '2016-10-16 22:35:01', '2016-10-16 13:35:01', '\r\n<a target=\"_top\" title=\"&#27671;&#28201;, &#22320;&#19978;2 m , 38&#176;&#21271;&#32239; 138&#176;&#26481;&#32076;, 2016/10/17 00:00 (UTC+09:00)\" style=\"max-width:592px!important;width:100%!important;display:inline-block!important;background:url(data:image/jpeg;base64,[encoded data, 36888 characters]) no-repeat!important;background-size:contain!important\" href=\"https://www.ventusky.com/?p=38.4;138.2;4&amp;l=temperature&amp;t=20161016/15\"><span style=\"height:0!important;width:100%!important;display:block!important;box-sizing:content-box!important;padding:0 0 61.824% 0!important;position:relative!important\"><canvas width=\"592\" height=\"366\" style=\"left:0!important;top:0!important;width:100%!important;height:100%!important;position:absolute!important;z-index:1!important;opacity:0.5296875!important\">&#20104;&#24819;&#22825;&#27671;&#22259;</canvas><img width=\"592\" height=\"366\" alt=\"&#27671;&#28201;, &#22320;&#19978;2 m , 38&#176;&#21271;&#32239; 138&#176;&#26481;&#32076;, 2016/10/17 00:00 (UTC+09:00), &#169; VentuSky.com\" src=\"data:image/png;base64,[encoded data, 67268 characters]\" style=\"display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:2!important;margin:0!important;border:0!important;padding:0!important\" onload=\"onload=function(m,o,j,z,i,k){function h(){var i=z.now(),k=500&lt;i-q?1:j.min((i-q)/16,10);q=i;if(500&lt;i-t&amp;&amp;(t=q,(i=o.getElementById(\'ventusky\'))&amp;&amp;!i.checked?u=!1:(i=g.getBoundingClientRect(),u=j.max(0,j.min(i.right,m.innerWidth)-j.max(i.left,0))*j.max(0,j.min(i.bottom,m.innerHeight)-j.max(i.top,0))/i.width/i.height&gt;0.2),!u&amp;&amp;o.body.contains&amp;&amp;!o.body.contains(l)))return p.clearRect(24,24,592,366);u&amp;&amp;(p.globalCompositeOperation=\'destination-in\',p.globalAlpha=j.pow(0.974328125,k),p.fillRect(24,24,592,366),p.globalCompositeOperation=\'source-over\',p.globalAlpha=1,r(k));n.call(m,h)}var g=this.getElementsByTagName(\'canvas\')[0];if(g&amp;&amp;g.getContext&amp;&amp;g.getBoundingClientRect&amp;&amp;z.now){var l=this.parentNode,a,n=m.requestAnimationFrame||m.webkitRequestAnimationFrame||m.mozRequestAnimationFrame||function(m){var o=z.now(),h=j.max(0,16-(o-a));m=setTimeout(m,h);a=o+h;return m},p=g.getContext(\'2d\'),r=i.call(this,m,j,p,k),q=z.now(),t=0,u=!1;n.call(m,h)}}.call(parentNode,window,document,Math,Date,function(m,o,j,z){function i(m,j){m.x=o.random()*640;m.y=o.random()*414;m.gd=j+o.random()*76.8515625;return m}var k=function(m,o,j,e,z,k){j=(e-j)*m+j;return((k-z)*m+z-j)*o+j};j.strokeStyle=\'#FFF\';j.translate(-24,-24);for(var h=[],g=h.length;g&lt;758;g++)h.push(i({},0));var l={0:0.2,152:0.22187500000000004,303:1.075,455:1.9281249999999999,606:2.78125},a=new (m.Int8Array||Array)(1798),n=new (m.Int8Array||Array)(1798),p;(function(){var o=m.document.createElement(\'canvas\');o.width=58;o.height=31;var j=o.getContext(\'2d\'),h=new Image;h.src=z;h.onload=function(){j.drawImage(h,0,0);for(var m=j.getImageData(0,0,58,31).data,z=0;z&lt;1798;z++)a[z]=m[4*z+1]-127,n[z]=m[4*z+2]-127;p=!0;j=o=h.onload=null}})();for(var r=[],q=[],t=[],u=[],g=0;g&lt;640;g++){var d=(g+2.3111111111111313)*0.087890625;r[g]=d|0;t[g]=d%1}for(g=0;g&lt;414;g++)d=o.atan(o.exp(g*0.0007669903939428206+-0.8866408953979006))*229.1831180523293-89,q[g]=(d|0)*58,u[g]=d%1;return function(m){if(p){var z=58,e=0.0572*m;j.lineWidth=l[0];for(var g=0;g&lt;758;g++){var d=h[g];0&gt;=d.gd&amp;&amp;i(d,46.96484375);var L=o.round(d.x),y=o.round(d.y),x=r[L],P=q[y],L=t[L],A=u[y],y=k(L,A,a[P+x],a[P+x+1],a[P+z+x],a[P+z+x+1])*e,x=k(L,A,n[P+x],n[P+x+1],n[P+z+x],n[P+z+x+1])*e;j.moveTo(d.x,d.y);d.x+=y;d.y-=x;j.lineTo(d.x,d.y);g in l&amp;&amp;(j.stroke(),j.beginPath(),j.lineWidth=l[g]);d.gd-=m;if(0&gt;d.x||d.x&gt;=640||0&gt;d.y||d.y&gt;=414)d.gd=0}j.stroke()}}},\'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAfADoDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2+VgR16Cq7E7j1HvSyAKcBtw9RSjKqMJvz1r4tS5mkf1MlZDFbeRn5RUyvFECQMH171GEWXKj5ZD0Haqj7jkEYNb8ijuWkpaFs3DSkAcA9B3pDbOw54pIEUYyORUzFSc7sVnZr3iW+V2iVzC6Hjn2NL5jj1/KrG8ADnNGR6/rWEp33Qcz6opmGWMgvjHsc1MC6R9dg6/NxTRdcknnFNluC7A44qablLUv3nuhjMVOeAPcZ/Wmm6V3If730qKaTORVJ3Kk4r0+Rzj7zOiNPm3L73QU4BqFrwj61ntMwOKY0pxzVPlSsdEaKL/2w560v25vWszzCeMc0bjXLJJmnsYn/9k=\'),null\"></span></a>', 'リアルタイムの天気図を視覚化する「Ventusky」', '', 'inherit', 'closed', 'closed', '', '30626-revision-v1', '', '', '2016-10-16 22:35:01', '2016-10-16 13:35:01', '', 30626, 'http://web-marketing.zako.org/web-tools/30626-revision-v1.html', 0, 'revision', '', 0);
INSERT INTO `webm_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(30628, 4, '2016-10-16 22:36:39', '2016-10-16 13:36:39', '\r\n<a target=\"_top\" title=\"&#27671;&#28201;, &#22320;&#19978;2 m , 38&#176;&#21271;&#32239; 138&#176;&#26481;&#32076;, 2016/10/17 00:00 (UTC+09:00)\" style=\"max-width:660px!important;width:100%!important;display:inline-block!important;background:url(data:image/jpeg;base64,[encoded data, 43092 characters]) no-repeat!important;background-size:contain!important\" href=\"https://www.ventusky.com/?p=38.4;138.2;4&amp;l=temperature&amp;t=20161016/15\"><span style=\"height:0!important;width:100%!important;display:block!important;box-sizing:content-box!important;padding:0 0 61.818% 0!important;position:relative!important\"><canvas width=\"660\" height=\"408\" style=\"left:0!important;top:0!important;width:100%!important;height:100%!important;position:absolute!important;z-index:1!important;opacity:0.5296875!important\">&#20104;&#24819;&#22825;&#27671;&#22259;</canvas><img width=\"660\" height=\"408\" alt=\"&#27671;&#28201;, &#22320;&#19978;2 m , 38&#176;&#21271;&#32239; 138&#176;&#26481;&#32076;, 2016/10/17 00:00 (UTC+09:00), &#169; VentuSky.com\" src=\"data:image/png;base64,[encoded data, 73176 characters]\" style=\"display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:2!important;margin:0!important;border:0!important;padding:0!important\" onload=\"onload=function(m,o,j,z,i,k){function h(){var i=z.now(),k=500&lt;i-q?1:j.min((i-q)/16,10);q=i;if(500&lt;i-t&amp;&amp;(t=q,(i=o.getElementById(\'ventusky\'))&amp;&amp;!i.checked?u=!1:(i=g.getBoundingClientRect(),u=j.max(0,j.min(i.right,m.innerWidth)-j.max(i.left,0))*j.max(0,j.min(i.bottom,m.innerHeight)-j.max(i.top,0))/i.width/i.height&gt;0.2),!u&amp;&amp;o.body.contains&amp;&amp;!o.body.contains(l)))return p.clearRect(26,26,660,408);u&amp;&amp;(p.globalCompositeOperation=\'destination-in\',p.globalAlpha=j.pow(0.974328125,k),p.fillRect(26,26,660,408),p.globalCompositeOperation=\'source-over\',p.globalAlpha=1,r(k));n.call(m,h)}var g=this.getElementsByTagName(\'canvas\')[0];if(g&amp;&amp;g.getContext&amp;&amp;g.getBoundingClientRect&amp;&amp;z.now){var l=this.parentNode,a,n=m.requestAnimationFrame||m.webkitRequestAnimationFrame||m.mozRequestAnimationFrame||function(m){var o=z.now(),h=j.max(0,16-(o-a));m=setTimeout(m,h);a=o+h;return m},p=g.getContext(\'2d\'),r=i.call(this,m,j,p,k),q=z.now(),t=0,u=!1;n.call(m,h)}}.call(parentNode,window,document,Math,Date,function(m,o,j,z){function i(m,j){m.x=o.random()*712;m.y=o.random()*460;m.gd=j+o.random()*76.8515625;return m}var k=function(m,o,j,e,z,k){j=(e-j)*m+j;return((k-z)*m+z-j)*o+j};j.strokeStyle=\'#FFF\';j.translate(-26,-26);for(var h=[],g=h.length;g&lt;942;g++)h.push(i({},0));var l={0:0.2,188:0.22187500000000004,377:1.075,565:1.9281249999999999,754:2.78125},a=new (m.Int8Array||Array)(2112),n=new (m.Int8Array||Array)(2112),p;(function(){var o=m.document.createElement(\'canvas\');o.width=64;o.height=33;var j=o.getContext(\'2d\'),h=new Image;h.src=z;h.onload=function(){j.drawImage(h,0,0);for(var m=j.getImageData(0,0,64,33).data,z=0;z&lt;2112;z++)a[z]=m[4*z+1]-127,n[z]=m[4*z+2]-127;p=!0;j=o=h.onload=null}})();for(var r=[],q=[],t=[],u=[],g=0;g&lt;712;g++){var d=(g+0.4444444444443434)*0.087890625;r[g]=d|0;t[g]=d%1}for(g=0;g&lt;460;g++)d=o.atan(o.exp(g*0.0007669903939428206+-0.9042816744585854))*229.1831180523293-88,q[g]=(d|0)*64,u[g]=d%1;return function(m){if(p){var z=64,e=0.0572*m;j.lineWidth=l[0];for(var g=0;g&lt;942;g++){var d=h[g];0&gt;=d.gd&amp;&amp;i(d,46.96484375);var L=o.round(d.x),y=o.round(d.y),x=r[L],P=q[y],L=t[L],A=u[y],y=k(L,A,a[P+x],a[P+x+1],a[P+z+x],a[P+z+x+1])*e,x=k(L,A,n[P+x],n[P+x+1],n[P+z+x],n[P+z+x+1])*e;j.moveTo(d.x,d.y);d.x+=y;d.y-=x;j.lineTo(d.x,d.y);g in l&amp;&amp;(j.stroke(),j.beginPath(),j.lineWidth=l[g]);d.gd-=m;if(0&gt;d.x||d.x&gt;=712||0&gt;d.y||d.y&gt;=460)d.gd=0}j.stroke()}}},\'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAhAEADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3NsKDwMGqsh298U+RWC7iw+majXknJ4HOK+Ji1FKMT+pYq2o3fjI7n0p8cSHG8/gKT5JD3T3NQz7on2np2IrdQ7mi10Rae5EY2oAfbsKibfL0BIPbFQRAlmzkVdUbYwoYjFS027roS0obFU27p0Az9KfHMVODx7GpxnuQaCAw7fjWM5pq0kHNfcpZmf5ljIHrUkLkNxyfSpGus8DAz6UhuVEZCj64rGEnPRIptvSxHO7sctjP14/SmNcjYqvjaOBk8D8aa8oAyOM9apTNk5r1IqU42vobQhfQvGZUHBH4VG1571myTkVGZyRWiioKzOiNE0TfEHg0C/OAM8VlGbnvSeYe9c01FmvsEbZ60H/VmiiuOhucZE/3Kqv0NFFepT2N4ED9aiHWiipqHWthknSmH+lFFYI1R//Z\'),null\"></span></a>', 'リアルタイムの天気図を視覚化する「Ventusky」', '', 'inherit', 'closed', 'closed', '', '30626-revision-v1', '', '', '2016-10-16 22:36:39', '2016-10-16 13:36:39', '', 30626, 'http://web-marketing.zako.org/web-tools/30626-revision-v1.html', 0, 'revision', '', 0);
INSERT INTO `webm_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(30629, 4, '2016-10-16 22:56:59', '2016-10-16 13:56:59', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/heropatterns.jpg\" alt=\"heropatterns\" width=\"592\" height=\"315\" class=\"alignnone size-full wp-image-30624\" /></p>\n<p>CSSの背景として呼び出せるSVG画像のパターン集はいくつもあると思いますが、今回ご紹介するのは、配布されているパターンを元に、色や背景色を指定してCSSで書き出すことができるパターンの配布サイトです。</p>\n\n<!--more-->\n<h3 class=\"header-label\">SVG形式の背景画像を呼び出すCSSをパターンから手軽に生成できる「Hero Patterns」</h3>\n<p>「<a target=\"_blank\" href=\"http://www.heropatterns.com/\">Hero Patterns</a>」は、SVG形式の背景画像をCSSの背景画像として簡単に呼び出すことができるパターン集サイト。</p>\n<p>およそ40種類のパターンから背景画像を選んでCSSを生成することができます。</p>\n\n<h4 class=\"tips\">SVG形式の背景画像のサンプル</h4>\n<div class=\"svgback\">\n	\n	<p>ここの背景画像がSVG形式で表現されています。</p>\n	<p>気に入ったパターンを選んでパターンの色や背景色、パターンの透過度を指定するだけで、CSSを生成できます。</p>\n</div>\n\n<h4 class=\"tips\">パターンの色や背景色を設定するだけでOK</h4>\n[caption id=\"attachment_30623\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/heropatterns-edit.jpg\" alt=\"まずパターンの色と背景色、そしてパターンの透過度を指定します。\" width=\"592\" height=\"392\" class=\"size-full wp-image-30623\" /> まずパターンの色と背景色、そしてパターンの透過度を指定します。[/caption]\n<p>手順は簡単で、まず色と透過度を指定します。</p>\n\n[caption id=\"attachment_30622\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/heropatterns-output.jpg\" alt=\"選択したSVG画像を背景画像とするためのCSSが書き出されます。\" width=\"592\" height=\"429\" class=\"size-full wp-image-30622\" /> 選択したSVG画像を背景画像とするためのCSSが書き出されます。[/caption]\n\n<p>次にパターンを選んでクリックすると、SVG画像を背景画像とするためのCSSが生成されます。このCSSを自分のCSSで指定すれば完了です。この画面で再度色や透過度を再指定することも可能。</p>\n<p>ここで【Download unstyled SVG】ボタンを押すと、選択したパターンをSVG形式で入手することもできます。</p>\n\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.heropatterns.com/\">Hero Patterns</a>へどうぞ。</p>\n\nWebデザイナーを目指している方へ\n\n', 'SVG画像を背景画像として呼び出すCSSを生成する「Hero Patterns」', '', 'inherit', 'closed', 'closed', '', '30614-autosave-v1', '', '', '2016-10-16 22:56:59', '2016-10-16 13:56:59', '', 30614, 'http://web-marketing.zako.org/web-tools/30614-autosave-v1.html', 0, 'revision', '', 0),
(30630, 4, '2016-10-16 23:03:17', '2016-10-16 14:03:17', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/heropatterns.jpg\" alt=\"heropatterns\" width=\"592\" height=\"315\" class=\"alignnone size-full wp-image-30624\" /></p>\r\n<p>CSSの背景として呼び出せるSVG画像のパターン集はいくつもあると思いますが、今回ご紹介するのは、配布されているパターンを元に、色や背景色を指定してCSSで書き出すことができるパターンの配布サイトです。</p>\r\n\r\n<!--more-->\r\n<h3 class=\"header-label\">SVG形式の背景画像を呼び出すCSSをパターンから手軽に生成できる「Hero Patterns」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.heropatterns.com/\">Hero Patterns</a>」は、SVG形式の背景画像をCSSの背景画像として簡単に呼び出すことができるパターン集サイト。</p>\r\n<p>およそ40種類のパターンから背景画像を選んでCSSを生成することができます。</p>\r\n\r\n<h4 class=\"tips\">SVG形式の背景画像のサンプル</h4>\r\n<div class=\"svgback\">\r\n	\r\n	<p>ここの背景画像がSVG形式で表現されています。</p>\r\n	<p>気に入ったパターンを選んでパターンの色や背景色、パターンの透過度を指定するだけで、CSSを生成できます。</p>\r\n</div>\r\n\r\n<h4 class=\"tips\">パターンの色や背景色を設定するだけでOK</h4>\r\n[caption id=\"attachment_30623\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/heropatterns-edit.jpg\" alt=\"まずパターンの色と背景色、そしてパターンの透過度を指定します。\" width=\"592\" height=\"392\" class=\"size-full wp-image-30623\" /> まずパターンの色と背景色、そしてパターンの透過度を指定します。[/caption]\r\n<p>手順は簡単で、まず色と透過度を指定します。</p>\r\n\r\n[caption id=\"attachment_30622\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/heropatterns-output.jpg\" alt=\"選択したSVG画像を背景画像とするためのCSSが書き出されます。\" width=\"592\" height=\"429\" class=\"size-full wp-image-30622\" /> 選択したSVG画像を背景画像とするためのCSSが書き出されます。[/caption]\r\n\r\n<p>次にパターンを選んでクリックすると、SVG画像を背景画像とするためのCSSが生成されます。このCSSを自分のCSSで指定すれば完了です。この画面で再度色や透過度を再指定することも可能。</p>\r\n<p>ここで【Download unstyled SVG】ボタンを押すと、選択したパターンをSVG形式で入手することもできます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.heropatterns.com/\">Hero Patterns</a>へどうぞ。</p>\r\n\r\n<h3>Webデザイナーを目指している方へ</h3>\r\n<p>WebCampでは、1ヶ月でWebデザイン未経験・初心者でもWebデザインのスキルを習得できる<a onMouseDown=\"ga(\'send\', \'event\', \'goal\', \'WebCamp\', \'EntryBottom\');\" href=\"http://c.af.moshimo.com/af/c/click?a_id=605525&p_id=1000&pc_id=1380&pl_id=14609&url=https%3A%2F%2Fweb-camp.io%2Fcourse%2Fdesign.php\" target=\"_blank\">Webデザイナーコース</a><img src=\"http://i.af.moshimo.com/af/i/impression?a_id=605525&p_id=1000&pc_id=1380&pl_id=14609\" width=\"1\" height=\"1\" style=\"border:none;\">を開講しています。これからデザインやコーディングのスキルを習得しようというかたにオススメです。</p>\r\n', 'SVG画像を背景画像として呼び出すCSSを生成する「Hero Patterns」', '', 'inherit', 'closed', 'closed', '', '30614-revision-v1', '', '', '2016-10-16 23:03:17', '2016-10-16 14:03:17', '', 30614, 'http://web-marketing.zako.org/web-tools/30614-revision-v1.html', 0, 'revision', '', 0),
(30632, 4, '2016-10-23 22:44:15', '2016-10-23 13:44:15', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt.png\" alt=\"ViewedIt\" width=\"592\" height=\"386\" class=\"alignnone size-full wp-image-30633\" /></p>\r\n<p>ブラウザのタブやスクリーンでの操作を動画にして共有したいときに使えるツールは多々あると思います。</p>\r\n<p>今回は、そのなかでもかなりシンプルな操作で、手軽に画面の動画キャプチャを共有できるうえに、ウェブカメラの映像とマイクの音声も同時に共有することができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">簡単な操作で動画キャプチャを共有できる 「ViewedIt」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>」は、<strong>画面の動画キャプチャとともに、ウェブカメラの映像とマイクの音声も同時に共有することができる</strong>Chrome拡張機能。</p>\r\n<p>ウェブカメラの映像を入れた場合は画面左下に小さく表示されます。</p>\r\n\r\n<h4 class=\"tips\">生成された動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/8XkQf1pAjmQ\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>この動画はウェブカメラの映像と音声を入れなかったもの。音声やウェブカメラの映像を入れるか入れないかは、録画開始時にボタンで設定することができます。</p>\r\n\r\n<p>録画した動画は、録画を終了すると同時に<a target=\"_blank\" href=\"https://share.viewedit.com/aThieP8qUD8DYunVFpaYqF\">ViewedItのサイト上</a>にアップされます。録画を完了するとその動画共有用のページが自動的に開きますので、そのページのURLを共有することで動画を相手に見せることができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ウェブカメラの映像とマイクの音声も合わせられる</h4>\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"録画開始時に、ウェブカメラとマイクの使用可否を指定できます。\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 録画開始時に、ウェブカメラとマイクの使用可否を指定できます。[/caption]\r\n<p>録画を開始するには、ツールバーのボタンを押します。その際に、</p>\r\n<ul><li>録画対象はタブかスクリーンか（マルチディスプレイの場合、どちらの画面にするかも選択）</li><li>マイクとカメラは利用するか</li></ul>\r\n<p>という設定をおこなうことができます。</p>\r\n\r\n<p>音声やウェブカメラの映像とともに説明動画を作成して共有したいときには、これらの機能をONにしてから【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30640\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png\" alt=\"ウェブカメラを利用した場合、左下の円のなかに映像が入ります。\" width=\"592\" height=\"309\" class=\"size-full wp-image-30640\" /> ウェブカメラを利用した場合、左下の円のなかに映像が入ります。[/caption]\r\n\r\n<h3 class=\"header-label\">ViewedItの使い方</h3>\r\n[caption id=\"attachment_30639\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png\" alt=\"Googleアカウントとの連携が必要\" width=\"592\" height=\"376\" class=\"size-full wp-image-30639\" /> Googleアカウントとの連携が必要[/caption]\r\n<p>動画キャプチャを開始するには、ツールバーのボタンを押します。始めて使うときにはGoogleアカウントとの連携を求められるので、ここで連携を完了させておきます。</p>\r\n\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"【RECORD】ボタンを押して録画を開始\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 【RECORD】ボタンを押して録画を開始[/caption]\r\n<p>録画対象の指定と音声、ウェブカメラ映像の要否を設定し、【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30638\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-window.png\" alt=\"マルチディスプレイの場合は画面を選択します\" width=\"592\" height=\"390\" class=\"size-full wp-image-30638\" /> マルチディスプレイの場合は画面を選択します[/caption]\r\n<p>マルチディスプレイの環境で、録画対象をScreenにした場合、どちらの画面を録画するか聞かれるので、対象の画面を選択します。</p>\r\n\r\n[caption id=\"attachment_30636\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png\" alt=\"録画開始前にカウントダウンされます\" width=\"592\" height=\"307\" class=\"size-full wp-image-30636\" /> 録画開始前にカウントダウンされます[/caption]\r\n<p>録画を開始する前に、カウントダウンの画面が入ります。ここでキャンセルボタンを押せば、録画を中止することも可能です。</p>\r\n\r\n[caption id=\"attachment_30637\" align=\"alignnone\" width=\"416\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-stop.png\" alt=\"録画中のときのボタン\" width=\"416\" height=\"198\" class=\"size-full wp-image-30637\" /> 録画中のときのボタン[/caption]\r\n<p>録画終了時にはもう一度ツールバーのボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30635\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-share.png\" alt=\"録画終了とともに動画共有用のページが生成されます\" width=\"592\" height=\"349\" class=\"size-full wp-image-30635\" /> 録画終了とともに動画共有用のページが生成されます[/caption]\r\n<p>録画を終了すると同時に、動画を共有するためのページが開きます。このページのURLを共有したい相手に教えればOKです。</p>\r\n\r\n[caption id=\"attachment_30634\" align=\"alignnone\" width=\"590\"]<img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png\" alt=\"動画共有ページを見られた回数が表示されます\" width=\"590\" height=\"462\" class=\"size-full wp-image-30634\" /> 動画共有ページを見られた回数が表示されます[/caption]\r\n<p>録画ボタンを押して開く画面の下の方に「ViewedIt Feed」という欄があります。ここにはこれまでに作成した動画共有ページを見られた回数が表示されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>へどうぞ。</p>\r\n', '動画キャプチャして、音声とWebカメラの映像とともに簡単にシェアできるChrome拡張「ViewedIt」', 'スクリーンの動画キャプチャに音声とウェブカメラの映像も入れて即座に共有できる動画を生成するChrome拡張機能。', 'publish', 'open', 'closed', '', 'viewedit', '', '', '2016-10-23 22:44:15', '2016-10-23 13:44:15', '', 0, 'http://web-marketing.zako.org/?p=30632', 0, 'post', '', 0),
(30633, 4, '2016-10-23 16:55:55', '2016-10-23 07:55:55', '', 'viewedit', '', 'inherit', 'open', 'closed', '', 'viewedit-2', '', '', '2016-10-23 16:56:07', '2016-10-23 07:56:07', '', 30632, 'http://web-marketing.zako.org/images/2016/10/ViewedIt.png', 0, 'attachment', 'image/png', 0),
(30634, 4, '2016-10-23 16:55:56', '2016-10-23 07:55:56', '', 'viewedit-feed', '動画共有ページを見られた回数が表示されます', 'inherit', 'open', 'closed', '', 'viewedit-feed', '', '', '2016-10-23 16:56:17', '2016-10-23 07:56:17', '', 30632, 'http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png', 0, 'attachment', 'image/png', 0),
(30635, 4, '2016-10-23 16:55:57', '2016-10-23 07:55:57', '', 'viewedit-share', '録画終了とともに動画共有用のページが生成されます', 'inherit', 'open', 'closed', '', 'viewedit-share', '', '', '2016-10-23 16:56:31', '2016-10-23 07:56:31', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-share.png', 0, 'attachment', 'image/png', 0),
(30636, 4, '2016-10-23 16:55:58', '2016-10-23 07:55:58', '', 'viewedit-countdown', '録画開始前にカウントダウンされます', 'inherit', 'open', 'closed', '', 'viewedit-countdown', '', '', '2016-10-23 16:56:42', '2016-10-23 07:56:42', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png', 0, 'attachment', 'image/png', 0),
(30637, 4, '2016-10-23 16:55:59', '2016-10-23 07:55:59', '', 'viewedit-stop', '録画中のときのボタン', 'inherit', 'open', 'closed', '', 'viewedit-stop', '', '', '2016-10-23 16:56:47', '2016-10-23 07:56:47', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-stop.png', 0, 'attachment', 'image/png', 0),
(30638, 4, '2016-10-23 16:56:00', '2016-10-23 07:56:00', '', 'viewedit-window', 'マルチディスプレイの場合は画面を選択します', 'inherit', 'open', 'closed', '', 'viewedit-window', '', '', '2016-10-23 16:56:52', '2016-10-23 07:56:52', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-window.png', 0, 'attachment', 'image/png', 0),
(30639, 4, '2016-10-23 16:56:01', '2016-10-23 07:56:01', '', 'viewedit-firsttime', 'Googleアカウントとの連携が必要', 'inherit', 'open', 'closed', '', 'viewedit-firsttime', '', '', '2016-10-23 16:56:59', '2016-10-23 07:56:59', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png', 0, 'attachment', 'image/png', 0),
(30640, 4, '2016-10-23 16:56:02', '2016-10-23 07:56:02', '', 'viewedit-webcam', 'ウェブカメラを利用した場合、左下の円のなかに映像が入ります。', 'inherit', 'open', 'closed', '', 'viewedit-webcam', '', '', '2016-10-23 16:57:07', '2016-10-23 07:57:07', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png', 0, 'attachment', 'image/png', 0),
(30641, 4, '2016-10-23 16:56:02', '2016-10-23 07:56:02', '', 'viewedit-start', '録画開始時に、ウェブカメラとマイクの使用可否を指定できます。', 'inherit', 'open', 'closed', '', 'viewedit-start', '', '', '2016-10-23 16:59:38', '2016-10-23 07:59:38', '', 30632, 'http://web-marketing.zako.org/images/2016/10/viewedit-start.png', 0, 'attachment', 'image/png', 0),
(30642, 4, '2016-10-23 17:01:39', '2016-10-23 08:01:39', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt.png\" alt=\"ViewedIt\" width=\"592\" height=\"386\" class=\"alignnone size-full wp-image-30633\" /></p>\r\n<p>ブラウザのタブやスクリーンでの操作を動画にして共有したいときに使えるツールは多々あると思います。</p>\r\n<p>今回は、そのなかでもかなりシンプルな操作で、手軽に画面の動画キャプチャを共有できるうえに、ウェブカメラの映像とマイクの音声も同時に共有することができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">簡単な操作で動画キャプチャを共有できる 「ViewedIt」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>」は、<strong>画面の動画キャプチャとともに、ウェブカメラの映像とマイクの音声も同時に共有することができる</strong>Chrome拡張機能。</p>\r\n<p>ウェブカメラの映像を入れた場合は画面左下に小さく表示されます。</p>\r\n\r\n<h4 class=\"tips\">サンプル動画</h4>\r\n<iframe width=\"600\" height=\"338\" src=\"https://www.youtube.com/embed/8XkQf1pAjmQ\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>この動画はウェブカメラの映像と音声を入れなかったもの。音声やウェブカメラの映像を入れるか入れないかは、録画開始時にボタンで設定することができます。</p>\r\n\r\n<p>録画した動画は、録画を終了すると同時に<a target=\"_blank\" href=\"https://share.viewedit.com/aThieP8qUD8DYunVFpaYqF\">ViewedItのサイト上</a>にアップされます。録画を完了するとその動画共有用のページが自動的に開きますので、そのページのURLを共有することで動画を相手に見せることができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ウェブカメラの映像とマイクの音声も合わせられる</h4>\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"録画開始時に、ウェブカメラとマイクの使用可否を指定できます。\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 録画開始時に、ウェブカメラとマイクの使用可否を指定できます。[/caption]\r\n<p>録画を開始するには、ツールバーのボタンを押します。その際に、</p>\r\n<ul><li>録画対象はタブかスクリーンか（マルチディスプレイの場合、どちらの画面にするかも選択）</li><li>マイクとカメラは利用するか</li></ul>\r\n<p>という設定をおこなうことができます。</p>\r\n\r\n<p>音声やウェブカメラの映像とともに説明動画を作成して共有したいときには、これらの機能をONにしてから【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30640\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png\" alt=\"ウェブカメラを利用した場合、左下の円のなかに映像が入ります。\" width=\"592\" height=\"309\" class=\"size-full wp-image-30640\" /> ウェブカメラを利用した場合、左下の円のなかに映像が入ります。[/caption]\r\n\r\n<h3 class=\"header-label\">ViewedItの使い方</h3>\r\n[caption id=\"attachment_30639\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png\" alt=\"Googleアカウントとの連携が必要\" width=\"592\" height=\"376\" class=\"size-full wp-image-30639\" /> Googleアカウントとの連携が必要[/caption]\r\n<p>動画キャプチャを開始するには、ツールバーのボタンを押します。始めて使うときにはGoogleアカウントとの連携を求められるので、ここで連携を完了させておきます。</p>\r\n\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"【RECORD】ボタンを押して録画を開始\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 【RECORD】ボタンを押して録画を開始[/caption]\r\n<p>録画対象の指定と音声、ウェブカメラ映像の要否を設定し、【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30638\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-window.png\" alt=\"マルチディスプレイの場合は画面を選択します\" width=\"592\" height=\"390\" class=\"size-full wp-image-30638\" /> マルチディスプレイの場合は画面を選択します[/caption]\r\n<p>マルチディスプレイの環境で、録画対象をScreenにした場合、どちらの画面を録画するか聞かれるので、対象の画面を選択します。</p>\r\n\r\n[caption id=\"attachment_30636\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png\" alt=\"録画開始前にカウントダウンされます\" width=\"592\" height=\"307\" class=\"size-full wp-image-30636\" /> 録画開始前にカウントダウンされます[/caption]\r\n<p>録画を開始する前に、カウントダウンの画面が入ります。ここでキャンセルボタンを押せば、録画を中止することも可能です。</p>\r\n\r\n[caption id=\"attachment_30637\" align=\"alignnone\" width=\"416\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-stop.png\" alt=\"録画中のときのボタン\" width=\"416\" height=\"198\" class=\"size-full wp-image-30637\" /> 録画中のときのボタン[/caption]\r\n<p>録画終了時にはもう一度ツールバーのボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30635\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-share.png\" alt=\"録画終了とともに動画共有用のページが生成されます\" width=\"592\" height=\"349\" class=\"size-full wp-image-30635\" /> 録画終了とともに動画共有用のページが生成されます[/caption]\r\n<p>録画を終了すると同時に、動画を共有するためのページが開きます。このページのURLを共有したい相手に教えればOKです。</p>\r\n\r\n[caption id=\"attachment_30634\" align=\"alignnone\" width=\"590\"]<img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png\" alt=\"動画共有ページを見られた回数が表示されます\" width=\"590\" height=\"462\" class=\"size-full wp-image-30634\" /> 動画共有ページを見られた回数が表示されます[/caption]\r\n<p>録画ボタンを押して開く画面の下の方に「ViewedIt Feed」という欄があります。ここにはこれまでに作成した動画共有ページを見られた回数が表示されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>へどうぞ。</p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n', '動画キャプチャして、音声とWebカメラの映像とともに簡単にシェアできるChrome拡張「ViewedIt」', '', 'inherit', 'closed', 'closed', '', '30632-revision-v1', '', '', '2016-10-23 17:01:39', '2016-10-23 08:01:39', '', 30632, 'http://web-marketing.zako.org/web-tools/30632-revision-v1.html', 0, 'revision', '', 0),
(30643, 4, '2016-10-23 17:03:30', '2016-10-23 08:03:30', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt.png\" alt=\"ViewedIt\" width=\"592\" height=\"386\" class=\"alignnone size-full wp-image-30633\" /></p>\r\n<p>ブラウザのタブやスクリーンでの操作を動画にして共有したいときに使えるツールは多々あると思います。</p>\r\n<p>今回は、そのなかでもかなりシンプルな操作で、手軽に画面の動画キャプチャを共有できるうえに、ウェブカメラの映像とマイクの音声も同時に共有することができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">簡単な操作で動画キャプチャを共有できる 「ViewedIt」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>」は、<strong>画面の動画キャプチャとともに、ウェブカメラの映像とマイクの音声も同時に共有することができる</strong>Chrome拡張機能。</p>\r\n<p>ウェブカメラの映像を入れた場合は画面左下に小さく表示されます。</p>\r\n\r\n<h4 class=\"tips\">サンプル動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/t2lRkYId5c8\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>この動画はウェブカメラの映像と音声を入れなかったもの。音声やウェブカメラの映像を入れるか入れないかは、録画開始時にボタンで設定することができます。</p>\r\n\r\n<p>録画した動画は、録画を終了すると同時に<a target=\"_blank\" href=\"https://share.viewedit.com/aThieP8qUD8DYunVFpaYqF\">ViewedItのサイト上</a>にアップされます。録画を完了するとその動画共有用のページが自動的に開きますので、そのページのURLを共有することで動画を相手に見せることができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ウェブカメラの映像とマイクの音声も合わせられる</h4>\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"録画開始時に、ウェブカメラとマイクの使用可否を指定できます。\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 録画開始時に、ウェブカメラとマイクの使用可否を指定できます。[/caption]\r\n<p>録画を開始するには、ツールバーのボタンを押します。その際に、</p>\r\n<ul><li>録画対象はタブかスクリーンか（マルチディスプレイの場合、どちらの画面にするかも選択）</li><li>マイクとカメラは利用するか</li></ul>\r\n<p>という設定をおこなうことができます。</p>\r\n\r\n<p>音声やウェブカメラの映像とともに説明動画を作成して共有したいときには、これらの機能をONにしてから【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30640\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png\" alt=\"ウェブカメラを利用した場合、左下の円のなかに映像が入ります。\" width=\"592\" height=\"309\" class=\"size-full wp-image-30640\" /> ウェブカメラを利用した場合、左下の円のなかに映像が入ります。[/caption]\r\n\r\n<h3 class=\"header-label\">ViewedItの使い方</h3>\r\n[caption id=\"attachment_30639\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png\" alt=\"Googleアカウントとの連携が必要\" width=\"592\" height=\"376\" class=\"size-full wp-image-30639\" /> Googleアカウントとの連携が必要[/caption]\r\n<p>動画キャプチャを開始するには、ツールバーのボタンを押します。始めて使うときにはGoogleアカウントとの連携を求められるので、ここで連携を完了させておきます。</p>\r\n\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"【RECORD】ボタンを押して録画を開始\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 【RECORD】ボタンを押して録画を開始[/caption]\r\n<p>録画対象の指定と音声、ウェブカメラ映像の要否を設定し、【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30638\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-window.png\" alt=\"マルチディスプレイの場合は画面を選択します\" width=\"592\" height=\"390\" class=\"size-full wp-image-30638\" /> マルチディスプレイの場合は画面を選択します[/caption]\r\n<p>マルチディスプレイの環境で、録画対象をScreenにした場合、どちらの画面を録画するか聞かれるので、対象の画面を選択します。</p>\r\n\r\n[caption id=\"attachment_30636\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png\" alt=\"録画開始前にカウントダウンされます\" width=\"592\" height=\"307\" class=\"size-full wp-image-30636\" /> 録画開始前にカウントダウンされます[/caption]\r\n<p>録画を開始する前に、カウントダウンの画面が入ります。ここでキャンセルボタンを押せば、録画を中止することも可能です。</p>\r\n\r\n[caption id=\"attachment_30637\" align=\"alignnone\" width=\"416\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-stop.png\" alt=\"録画中のときのボタン\" width=\"416\" height=\"198\" class=\"size-full wp-image-30637\" /> 録画中のときのボタン[/caption]\r\n<p>録画終了時にはもう一度ツールバーのボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30635\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-share.png\" alt=\"録画終了とともに動画共有用のページが生成されます\" width=\"592\" height=\"349\" class=\"size-full wp-image-30635\" /> 録画終了とともに動画共有用のページが生成されます[/caption]\r\n<p>録画を終了すると同時に、動画を共有するためのページが開きます。このページのURLを共有したい相手に教えればOKです。</p>\r\n\r\n[caption id=\"attachment_30634\" align=\"alignnone\" width=\"590\"]<img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png\" alt=\"動画共有ページを見られた回数が表示されます\" width=\"590\" height=\"462\" class=\"size-full wp-image-30634\" /> 動画共有ページを見られた回数が表示されます[/caption]\r\n<p>録画ボタンを押して開く画面の下の方に「ViewedIt Feed」という欄があります。ここにはこれまでに作成した動画共有ページを見られた回数が表示されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>へどうぞ。</p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n', '動画キャプチャして、音声とWebカメラの映像とともに簡単にシェアできるChrome拡張「ViewedIt」', '', 'inherit', 'closed', 'closed', '', '30632-revision-v1', '', '', '2016-10-23 17:03:30', '2016-10-23 08:03:30', '', 30632, 'http://web-marketing.zako.org/web-tools/30632-revision-v1.html', 0, 'revision', '', 0),
(30644, 4, '2016-10-23 18:55:50', '2016-10-23 09:55:50', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt.png\" alt=\"ViewedIt\" width=\"592\" height=\"386\" class=\"alignnone size-full wp-image-30633\" /></p>\r\n<p>ブラウザのタブやスクリーンでの操作を動画にして共有したいときに使えるツールは多々あると思います。</p>\r\n<p>今回は、そのなかでもかなりシンプルな操作で、手軽に画面の動画キャプチャを共有できるうえに、ウェブカメラの映像とマイクの音声も同時に共有することができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">簡単な操作で動画キャプチャを共有できる 「ViewedIt」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>」は、<strong>画面の動画キャプチャとともに、ウェブカメラの映像とマイクの音声も同時に共有することができる</strong>Chrome拡張機能。</p>\r\n<p>ウェブカメラの映像を入れた場合は画面左下に小さく表示されます。</p>\r\n\r\n<h4 class=\"tips\">サンプル動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/t2lRkYId5c8\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>この動画はウェブカメラの映像と音声を入れなかったもの。音声やウェブカメラの映像を入れるか入れないかは、録画開始時にボタンで設定することができます。</p>\r\n\r\n<p>録画した動画は、録画を終了すると同時に<a target=\"_blank\" href=\"https://share.viewedit.com/aThieP8qUD8DYunVFpaYqF\">ViewedItのサイト上</a>にアップされます。録画を完了するとその動画共有用のページが自動的に開きますので、そのページのURLを共有することで動画を相手に見せることができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ウェブカメラの映像とマイクの音声も合わせられる</h4>\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"録画開始時に、ウェブカメラとマイクの使用可否を指定できます。\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 録画開始時に、ウェブカメラとマイクの使用可否を指定できます。[/caption]\r\n<p>録画を開始するには、ツールバーのボタンを押します。その際に、</p>\r\n<ul><li>録画対象はタブかスクリーンか（マルチディスプレイの場合、どちらの画面にするかも選択）</li><li>マイクとカメラは利用するか</li></ul>\r\n<p>という設定をおこなうことができます。</p>\r\n\r\n<p>音声やウェブカメラの映像とともに説明動画を作成して共有したいときには、これらの機能をONにしてから【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30640\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png\" alt=\"ウェブカメラを利用した場合、左下の円のなかに映像が入ります。\" width=\"592\" height=\"309\" class=\"size-full wp-image-30640\" /> ウェブカメラを利用した場合、左下の円のなかに映像が入ります。[/caption]\r\n\r\n<h3 class=\"header-label\">ViewedItの使い方</h3>\r\n[caption id=\"attachment_30639\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png\" alt=\"Googleアカウントとの連携が必要\" width=\"592\" height=\"376\" class=\"size-full wp-image-30639\" /> Googleアカウントとの連携が必要[/caption]\r\n<p>動画キャプチャを開始するには、ツールバーのボタンを押します。始めて使うときにはGoogleアカウントとの連携を求められるので、ここで連携を完了させておきます。</p>\r\n\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"【RECORD】ボタンを押して録画を開始\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 【RECORD】ボタンを押して録画を開始[/caption]\r\n<p>録画対象の指定と音声、ウェブカメラ映像の要否を設定し、【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30638\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-window.png\" alt=\"マルチディスプレイの場合は画面を選択します\" width=\"592\" height=\"390\" class=\"size-full wp-image-30638\" /> マルチディスプレイの場合は画面を選択します[/caption]\r\n<p>マルチディスプレイの環境で、録画対象をScreenにした場合、どちらの画面を録画するか聞かれるので、対象の画面を選択します。</p>\r\n\r\n[caption id=\"attachment_30636\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png\" alt=\"録画開始前にカウントダウンされます\" width=\"592\" height=\"307\" class=\"size-full wp-image-30636\" /> 録画開始前にカウントダウンされます[/caption]\r\n<p>録画を開始する前に、カウントダウンの画面が入ります。ここでキャンセルボタンを押せば、録画を中止することも可能です。</p>\r\n\r\n[caption id=\"attachment_30637\" align=\"alignnone\" width=\"416\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-stop.png\" alt=\"録画中のときのボタン\" width=\"416\" height=\"198\" class=\"size-full wp-image-30637\" /> 録画中のときのボタン[/caption]\r\n<p>録画終了時にはもう一度ツールバーのボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30635\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-share.png\" alt=\"録画終了とともに動画共有用のページが生成されます\" width=\"592\" height=\"349\" class=\"size-full wp-image-30635\" /> 録画終了とともに動画共有用のページが生成されます[/caption]\r\n<p>録画を終了すると同時に、動画を共有するためのページが開きます。このページのURLを共有したい相手に教えればOKです。</p>\r\n\r\n[caption id=\"attachment_30634\" align=\"alignnone\" width=\"590\"]<img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png\" alt=\"動画共有ページを見られた回数が表示されます\" width=\"590\" height=\"462\" class=\"size-full wp-image-30634\" /> 動画共有ページを見られた回数が表示されます[/caption]\r\n<p>録画ボタンを押して開く画面の下の方に「ViewedIt Feed」という欄があります。ここにはこれまでに作成した動画共有ページを見られた回数が表示されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>へどうぞ。</p>\r\n', '動画キャプチャして、音声とWebカメラの映像とともに簡単にシェアできるChrome拡張「ViewedIt」', 'スクリーンの動画キャプチャに音声とウェブカメラの映像も入れて即座に共有できる動画を生成するChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30632-revision-v1', '', '', '2016-10-23 18:55:50', '2016-10-23 09:55:50', '', 30632, 'http://web-marketing.zako.org/web-tools/30632-revision-v1.html', 0, 'revision', '', 0),
(30645, 4, '2016-10-23 18:56:56', '2016-10-23 09:56:56', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt.png\" alt=\"ViewedIt\" width=\"592\" height=\"386\" class=\"alignnone size-full wp-image-30633\" /></p>\r\n<p>ブラウザのタブやスクリーンでの操作を動画にして共有したいときに使えるツールは多々あると思います。</p>\r\n<p>今回は、そのなかでもかなりシンプルな操作で、手軽に画面の動画キャプチャを共有できるうえに、ウェブカメラの映像とマイクの音声も同時に共有することができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">簡単な操作で動画キャプチャを共有できる 「ViewedIt」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>」は、<strong>画面の動画キャプチャとともに、ウェブカメラの映像とマイクの音声も同時に共有することができる</strong>Chrome拡張機能。</p>\r\n<p>ウェブカメラの映像を入れた場合は画面左下に小さく表示されます。</p>\r\n\r\n<h4 class=\"tips\">サンプル動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/8XkQf1pAjmQ\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>この動画はウェブカメラの映像と音声を入れなかったもの。音声やウェブカメラの映像を入れるか入れないかは、録画開始時にボタンで設定することができます。</p>\r\n\r\n<p>録画した動画は、録画を終了すると同時に<a target=\"_blank\" href=\"https://share.viewedit.com/aThieP8qUD8DYunVFpaYqF\">ViewedItのサイト上</a>にアップされます。録画を完了するとその動画共有用のページが自動的に開きますので、そのページのURLを共有することで動画を相手に見せることができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ウェブカメラの映像とマイクの音声も合わせられる</h4>\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"録画開始時に、ウェブカメラとマイクの使用可否を指定できます。\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 録画開始時に、ウェブカメラとマイクの使用可否を指定できます。[/caption]\r\n<p>録画を開始するには、ツールバーのボタンを押します。その際に、</p>\r\n<ul><li>録画対象はタブかスクリーンか（マルチディスプレイの場合、どちらの画面にするかも選択）</li><li>マイクとカメラは利用するか</li></ul>\r\n<p>という設定をおこなうことができます。</p>\r\n\r\n<p>音声やウェブカメラの映像とともに説明動画を作成して共有したいときには、これらの機能をONにしてから【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30640\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png\" alt=\"ウェブカメラを利用した場合、左下の円のなかに映像が入ります。\" width=\"592\" height=\"309\" class=\"size-full wp-image-30640\" /> ウェブカメラを利用した場合、左下の円のなかに映像が入ります。[/caption]\r\n\r\n<h3 class=\"header-label\">ViewedItの使い方</h3>\r\n[caption id=\"attachment_30639\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png\" alt=\"Googleアカウントとの連携が必要\" width=\"592\" height=\"376\" class=\"size-full wp-image-30639\" /> Googleアカウントとの連携が必要[/caption]\r\n<p>動画キャプチャを開始するには、ツールバーのボタンを押します。始めて使うときにはGoogleアカウントとの連携を求められるので、ここで連携を完了させておきます。</p>\r\n\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"【RECORD】ボタンを押して録画を開始\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 【RECORD】ボタンを押して録画を開始[/caption]\r\n<p>録画対象の指定と音声、ウェブカメラ映像の要否を設定し、【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30638\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-window.png\" alt=\"マルチディスプレイの場合は画面を選択します\" width=\"592\" height=\"390\" class=\"size-full wp-image-30638\" /> マルチディスプレイの場合は画面を選択します[/caption]\r\n<p>マルチディスプレイの環境で、録画対象をScreenにした場合、どちらの画面を録画するか聞かれるので、対象の画面を選択します。</p>\r\n\r\n[caption id=\"attachment_30636\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png\" alt=\"録画開始前にカウントダウンされます\" width=\"592\" height=\"307\" class=\"size-full wp-image-30636\" /> 録画開始前にカウントダウンされます[/caption]\r\n<p>録画を開始する前に、カウントダウンの画面が入ります。ここでキャンセルボタンを押せば、録画を中止することも可能です。</p>\r\n\r\n[caption id=\"attachment_30637\" align=\"alignnone\" width=\"416\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-stop.png\" alt=\"録画中のときのボタン\" width=\"416\" height=\"198\" class=\"size-full wp-image-30637\" /> 録画中のときのボタン[/caption]\r\n<p>録画終了時にはもう一度ツールバーのボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30635\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-share.png\" alt=\"録画終了とともに動画共有用のページが生成されます\" width=\"592\" height=\"349\" class=\"size-full wp-image-30635\" /> 録画終了とともに動画共有用のページが生成されます[/caption]\r\n<p>録画を終了すると同時に、動画を共有するためのページが開きます。このページのURLを共有したい相手に教えればOKです。</p>\r\n\r\n[caption id=\"attachment_30634\" align=\"alignnone\" width=\"590\"]<img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png\" alt=\"動画共有ページを見られた回数が表示されます\" width=\"590\" height=\"462\" class=\"size-full wp-image-30634\" /> 動画共有ページを見られた回数が表示されます[/caption]\r\n<p>録画ボタンを押して開く画面の下の方に「ViewedIt Feed」という欄があります。ここにはこれまでに作成した動画共有ページを見られた回数が表示されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>へどうぞ。</p>\r\n', '動画キャプチャして、音声とWebカメラの映像とともに簡単にシェアできるChrome拡張「ViewedIt」', 'スクリーンの動画キャプチャに音声とウェブカメラの映像も入れて即座に共有できる動画を生成するChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30632-revision-v1', '', '', '2016-10-23 18:56:56', '2016-10-23 09:56:56', '', 30632, 'http://web-marketing.zako.org/web-tools/30632-revision-v1.html', 0, 'revision', '', 0),
(30646, 4, '2016-10-23 18:57:07', '2016-10-23 09:57:07', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt.png\" alt=\"ViewedIt\" width=\"592\" height=\"386\" class=\"alignnone size-full wp-image-30633\" /></p>\r\n<p>ブラウザのタブやスクリーンでの操作を動画にして共有したいときに使えるツールは多々あると思います。</p>\r\n<p>今回は、そのなかでもかなりシンプルな操作で、手軽に画面の動画キャプチャを共有できるうえに、ウェブカメラの映像とマイクの音声も同時に共有することができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">簡単な操作で動画キャプチャを共有できる 「ViewedIt」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>」は、<strong>画面の動画キャプチャとともに、ウェブカメラの映像とマイクの音声も同時に共有することができる</strong>Chrome拡張機能。</p>\r\n<p>ウェブカメラの映像を入れた場合は画面左下に小さく表示されます。</p>\r\n\r\n<h4 class=\"tips\">生成された動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/8XkQf1pAjmQ\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>この動画はウェブカメラの映像と音声を入れなかったもの。音声やウェブカメラの映像を入れるか入れないかは、録画開始時にボタンで設定することができます。</p>\r\n\r\n<p>録画した動画は、録画を終了すると同時に<a target=\"_blank\" href=\"https://share.viewedit.com/aThieP8qUD8DYunVFpaYqF\">ViewedItのサイト上</a>にアップされます。録画を完了するとその動画共有用のページが自動的に開きますので、そのページのURLを共有することで動画を相手に見せることができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ウェブカメラの映像とマイクの音声も合わせられる</h4>\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"録画開始時に、ウェブカメラとマイクの使用可否を指定できます。\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 録画開始時に、ウェブカメラとマイクの使用可否を指定できます。[/caption]\r\n<p>録画を開始するには、ツールバーのボタンを押します。その際に、</p>\r\n<ul><li>録画対象はタブかスクリーンか（マルチディスプレイの場合、どちらの画面にするかも選択）</li><li>マイクとカメラは利用するか</li></ul>\r\n<p>という設定をおこなうことができます。</p>\r\n\r\n<p>音声やウェブカメラの映像とともに説明動画を作成して共有したいときには、これらの機能をONにしてから【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30640\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-webcam.png\" alt=\"ウェブカメラを利用した場合、左下の円のなかに映像が入ります。\" width=\"592\" height=\"309\" class=\"size-full wp-image-30640\" /> ウェブカメラを利用した場合、左下の円のなかに映像が入ります。[/caption]\r\n\r\n<h3 class=\"header-label\">ViewedItの使い方</h3>\r\n[caption id=\"attachment_30639\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-firsttime.png\" alt=\"Googleアカウントとの連携が必要\" width=\"592\" height=\"376\" class=\"size-full wp-image-30639\" /> Googleアカウントとの連携が必要[/caption]\r\n<p>動画キャプチャを開始するには、ツールバーのボタンを押します。始めて使うときにはGoogleアカウントとの連携を求められるので、ここで連携を完了させておきます。</p>\r\n\r\n[caption id=\"attachment_30641\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-start.png\" alt=\"【RECORD】ボタンを押して録画を開始\" width=\"592\" height=\"375\" class=\"size-full wp-image-30641\" /> 【RECORD】ボタンを押して録画を開始[/caption]\r\n<p>録画対象の指定と音声、ウェブカメラ映像の要否を設定し、【RECORD】ボタンを押して録画を開始します。</p>\r\n\r\n[caption id=\"attachment_30638\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-window.png\" alt=\"マルチディスプレイの場合は画面を選択します\" width=\"592\" height=\"390\" class=\"size-full wp-image-30638\" /> マルチディスプレイの場合は画面を選択します[/caption]\r\n<p>マルチディスプレイの環境で、録画対象をScreenにした場合、どちらの画面を録画するか聞かれるので、対象の画面を選択します。</p>\r\n\r\n[caption id=\"attachment_30636\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-countdown.png\" alt=\"録画開始前にカウントダウンされます\" width=\"592\" height=\"307\" class=\"size-full wp-image-30636\" /> 録画開始前にカウントダウンされます[/caption]\r\n<p>録画を開始する前に、カウントダウンの画面が入ります。ここでキャンセルボタンを押せば、録画を中止することも可能です。</p>\r\n\r\n[caption id=\"attachment_30637\" align=\"alignnone\" width=\"416\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-stop.png\" alt=\"録画中のときのボタン\" width=\"416\" height=\"198\" class=\"size-full wp-image-30637\" /> 録画中のときのボタン[/caption]\r\n<p>録画終了時にはもう一度ツールバーのボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30635\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/viewedit-share.png\" alt=\"録画終了とともに動画共有用のページが生成されます\" width=\"592\" height=\"349\" class=\"size-full wp-image-30635\" /> 録画終了とともに動画共有用のページが生成されます[/caption]\r\n<p>録画を終了すると同時に、動画を共有するためのページが開きます。このページのURLを共有したい相手に教えればOKです。</p>\r\n\r\n[caption id=\"attachment_30634\" align=\"alignnone\" width=\"590\"]<img src=\"http://web-marketing.zako.org/images/2016/10/ViewedIt-Feed.png\" alt=\"動画共有ページを見られた回数が表示されます\" width=\"590\" height=\"462\" class=\"size-full wp-image-30634\" /> 動画共有ページを見られた回数が表示されます[/caption]\r\n<p>録画ボタンを押して開く画面の下の方に「ViewedIt Feed」という欄があります。ここにはこれまでに作成した動画共有ページを見られた回数が表示されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://viewedit.com/\">ViewedIt</a>へどうぞ。</p>\r\n', '動画キャプチャして、音声とWebカメラの映像とともに簡単にシェアできるChrome拡張「ViewedIt」', 'スクリーンの動画キャプチャに音声とウェブカメラの映像も入れて即座に共有できる動画を生成するChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30632-revision-v1', '', '', '2016-10-23 18:57:07', '2016-10-23 09:57:07', '', 30632, 'http://web-marketing.zako.org/web-tools/30632-revision-v1.html', 0, 'revision', '', 0),
(30647, 4, '2016-10-30 23:02:35', '2016-10-30 14:02:35', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle.png\" alt=\"oneclickbattle\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30654\" /></p>\r\n<p><a target=\"_blank\" href=\"https://cloud-ja.googleblog.com/2016/07/blog-post.html\">選挙結果をほぼリアルタイムにオンラインで見られる</a>ようになっている昨今、アンケートをとるならば、やはりリアルタイムに結果を共有したいというものです。</p>\r\n<p>今回ご紹介するのは、二択ではあるものの、そのアンケート結果をビジュアルでリアルタイムに見せることができるサービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">アンケート結果をビジュアルでリアルタイムに見せられる「One Click Battle」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>」は、結果をリアルタイムに見ることができるアンケート作成ツール。</p>\r\n<p>設定もシンプルで、選択肢と色を決めるだけでアンケートを開始できます。</p>\r\n\r\n<h4 class=\"tips\">サンプルアンケート</h4>\r\n<iframe width=\"100%\" height=\"420\" frameborder=\"none\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>\r\n<p>どちらかのボタンを押せば即時集計されて画面に反映されます。</p>\r\n\r\n<h4 class=\"tips\">現在募集されているアンケートの一覧もあり</h4>\r\n[caption id=\"attachment_30652\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-recent.png\" alt=\"現在募集されているアンケートの一覧。\" width=\"592\" height=\"344\" class=\"size-full wp-image-30652\" /> 現在募集されているアンケートの一覧。[/caption]\r\n<p>投稿されたアンケートは、トップページに一覧されていきます。次の米国大統領はどちらがなるべきか。どちらのコーラが好きか。などの時事ネタがあげられていきます。</p>\r\n\r\n[caption id=\"attachment_30653\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-canada.png\" alt=\"このような時事ネタのアンケートが多く投稿されています。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30653\" /> 世界各国で次々に話題になっている、このような時事ネタのアンケートが多く投稿されています。[/caption]\r\n\r\n<h4 class=\"tips\">ダッシュボードで作成</h4>\r\n[caption id=\"attachment_30651\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-dashboard.png\" alt=\"作成したアンケートが一覧されるダッシュボード。\" width=\"592\" height=\"199\" class=\"size-full wp-image-30651\" /> 作成したアンケートが一覧されるダッシュボード。[/caption]\r\n<p>アンケートの管理や作成は、ダッシュボードからおこなえます。管理については編集、削除も可能になっています。（※一度公開すると二択の選択肢の文言は変更できません。）</p>\r\n\r\n[caption id=\"attachment_30650\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-create.png\" alt=\"アンケートの作成画面。\" width=\"592\" height=\"406\" class=\"size-full wp-image-30650\" /> アンケートの作成画面。[/caption]\r\n<p>アンケートの作成は、アンケートのタイトル、選択肢の文言、選択肢の色、ハッシュタグを設定すれば完了。【Create】ボタンを押すとすぐさま公開されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>へどうぞ。</p>\r\n', '二択のリアルタイムなアンケートを作れる「One Click Battle」', 'その場でビジュアル化した結果を共有できるシンプルなアンケートツール。', 'publish', 'open', 'closed', '', 'one-click-battle', '', '', '2016-10-30 23:02:35', '2016-10-30 14:02:35', '', 0, 'http://web-marketing.zako.org/?p=30647', 0, 'post', '', 0),
(30648, 4, '2016-10-30 22:17:57', '2016-10-30 13:17:57', '<iframe width=\"100%\" height=\"350\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>', '二択のリアルタイムなアンケートを作れる「One Click Battle」', '', 'inherit', 'closed', 'closed', '', '30647-revision-v1', '', '', '2016-10-30 22:17:57', '2016-10-30 13:17:57', '', 30647, 'http://web-marketing.zako.org/web-tools/30647-revision-v1.html', 0, 'revision', '', 0),
(30649, 4, '2016-10-30 22:18:58', '2016-10-30 13:18:58', '<iframe width=\"100%\" height=\"350\" frameborder=\"none\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>', '二択のリアルタイムなアンケートを作れる「One Click Battle」', '', 'inherit', 'closed', 'closed', '', '30647-revision-v1', '', '', '2016-10-30 22:18:58', '2016-10-30 13:18:58', '', 30647, 'http://web-marketing.zako.org/web-tools/30647-revision-v1.html', 0, 'revision', '', 0),
(30650, 4, '2016-10-30 22:46:31', '2016-10-30 13:46:31', '', 'oneclickbattle-create', 'アンケートの作成画面。', 'inherit', 'open', 'closed', '', 'oneclickbattle-create', '', '', '2016-10-30 22:46:51', '2016-10-30 13:46:51', '', 30647, 'http://web-marketing.zako.org/images/2016/10/oneclickbattle-create.png', 0, 'attachment', 'image/png', 0),
(30651, 4, '2016-10-30 22:46:32', '2016-10-30 13:46:32', '', 'oneclickbattle-dashboard', '作成したアンケートが一覧されるダッシュボード。', 'inherit', 'open', 'closed', '', 'oneclickbattle-dashboard', '', '', '2016-10-30 22:46:56', '2016-10-30 13:46:56', '', 30647, 'http://web-marketing.zako.org/images/2016/10/oneclickbattle-dashboard.png', 0, 'attachment', 'image/png', 0),
(30652, 4, '2016-10-30 22:46:33', '2016-10-30 13:46:33', '', 'oneclickbattle-recent', '現在募集されているアンケートの一覧。', 'inherit', 'open', 'closed', '', 'oneclickbattle-recent', '', '', '2016-10-30 22:47:00', '2016-10-30 13:47:00', '', 30647, 'http://web-marketing.zako.org/images/2016/10/oneclickbattle-recent.png', 0, 'attachment', 'image/png', 0),
(30653, 4, '2016-10-30 22:46:33', '2016-10-30 13:46:33', '', 'oneclickbattle-canada', 'このような時事ネタのアンケートが多く投稿されています。', 'inherit', 'open', 'closed', '', 'oneclickbattle-canada', '', '', '2016-10-30 22:47:05', '2016-10-30 13:47:05', '', 30647, 'http://web-marketing.zako.org/images/2016/10/oneclickbattle-canada.png', 0, 'attachment', 'image/png', 0),
(30654, 4, '2016-10-30 22:46:34', '2016-10-30 13:46:34', '', 'oneclickbattle', '', 'inherit', 'open', 'closed', '', 'oneclickbattle', '', '', '2016-10-30 22:46:34', '2016-10-30 13:46:34', '', 30647, 'http://web-marketing.zako.org/images/2016/10/oneclickbattle.png', 0, 'attachment', 'image/png', 0),
(30655, 4, '2016-10-30 22:55:11', '2016-10-30 13:55:11', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle.png\" alt=\"oneclickbattle\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30654\" /></p>\r\n<p><a target=\"_blank\" href=\"https://cloud-ja.googleblog.com/2016/07/blog-post.html\">選挙結果をほぼリアルタイムにオンラインで見られる</a>ようになっている昨今、アンケートをとるならば、やはりリアルタイムに結果を共有したいというものです。</p>\r\n<p>今回ご紹介するのは、二択ではあるものの、そのアンケート結果をビジュアルでリアルタイムに見せることができるサービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">アンケート結果をビジュアルでリアルタイムに見せられる「One Click Battle」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>」は、結果をリアルタイムに見ることができるアンケート作成ツール。</p>\r\n<p>設定もシンプルで、選択肢と色を決めるだけでアンケートを開始できます。</p>\r\n\r\n<h4 class=\"tips\">サンプルアンケート</h4>\r\n<iframe width=\"100%\" height=\"300\" frameborder=\"none\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>\r\n<p>どちらかのボタンを押せば即時集計されて画面に反映されます。</p>\r\n\r\n<h4 class=\"tips\">現在募集されているアンケートの一覧もあり</h4>\r\n[caption id=\"attachment_30652\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-recent.png\" alt=\"現在募集されているアンケートの一覧。\" width=\"592\" height=\"344\" class=\"size-full wp-image-30652\" /> 現在募集されているアンケートの一覧。[/caption]\r\n<p>投稿されたアンケートは、トップページに一覧されていきます。次の米国大統領はどちらがなるべきか。どちらのコーラが好きか。などの時事ネタがあげられていきます。</p>\r\n\r\n[caption id=\"attachment_30653\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-canada.png\" alt=\"このような時事ネタのアンケートが多く投稿されています。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30653\" /> 世界各国で次々に話題になっている、このような時事ネタのアンケートが多く投稿されています。[/caption]\r\n\r\n<h4 class=\"tips\">ダッシュボードで作成</h4>\r\n[caption id=\"attachment_30651\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-dashboard.png\" alt=\"作成したアンケートが一覧されるダッシュボード。\" width=\"592\" height=\"199\" class=\"size-full wp-image-30651\" /> 作成したアンケートが一覧されるダッシュボード。[/caption]\r\n<p>アンケートの管理や作成は、ダッシュボードからおこなえます。管理については編集、削除も可能になっています。（※一度公開すると二択の選択肢の文言は変更できません。）</p>\r\n\r\n[caption id=\"attachment_30650\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-create.png\" alt=\"アンケートの作成画面。\" width=\"592\" height=\"406\" class=\"size-full wp-image-30650\" /> アンケートの作成画面。[/caption]\r\n<p>アンケートの作成は、アンケートのタイトル、選択肢の文言、選択肢の色、ハッシュタグを設定すれば完了。【Create】ボタンを押すとすぐさま公開されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>へどうぞ。</p>\r\n', '二択のリアルタイムなアンケートを作れる「One Click Battle」', '', 'inherit', 'closed', 'closed', '', '30647-revision-v1', '', '', '2016-10-30 22:55:11', '2016-10-30 13:55:11', '', 30647, 'http://web-marketing.zako.org/web-tools/30647-revision-v1.html', 0, 'revision', '', 0),
(30656, 4, '2016-10-30 22:55:45', '2016-10-30 13:55:45', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle.png\" alt=\"oneclickbattle\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30654\" /></p>\r\n<p><a target=\"_blank\" href=\"https://cloud-ja.googleblog.com/2016/07/blog-post.html\">選挙結果をほぼリアルタイムにオンラインで見られる</a>ようになっている昨今、アンケートをとるならば、やはりリアルタイムに結果を共有したいというものです。</p>\r\n<p>今回ご紹介するのは、二択ではあるものの、そのアンケート結果をビジュアルでリアルタイムに見せることができるサービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">アンケート結果をビジュアルでリアルタイムに見せられる「One Click Battle」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>」は、結果をリアルタイムに見ることができるアンケート作成ツール。</p>\r\n<p>設定もシンプルで、選択肢と色を決めるだけでアンケートを開始できます。</p>\r\n\r\n<h4 class=\"tips\">サンプルアンケート</h4>\r\n<iframe width=\"100%\" height=\"350\" frameborder=\"none\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>\r\n<p>どちらかのボタンを押せば即時集計されて画面に反映されます。</p>\r\n\r\n<h4 class=\"tips\">現在募集されているアンケートの一覧もあり</h4>\r\n[caption id=\"attachment_30652\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-recent.png\" alt=\"現在募集されているアンケートの一覧。\" width=\"592\" height=\"344\" class=\"size-full wp-image-30652\" /> 現在募集されているアンケートの一覧。[/caption]\r\n<p>投稿されたアンケートは、トップページに一覧されていきます。次の米国大統領はどちらがなるべきか。どちらのコーラが好きか。などの時事ネタがあげられていきます。</p>\r\n\r\n[caption id=\"attachment_30653\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-canada.png\" alt=\"このような時事ネタのアンケートが多く投稿されています。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30653\" /> 世界各国で次々に話題になっている、このような時事ネタのアンケートが多く投稿されています。[/caption]\r\n\r\n<h4 class=\"tips\">ダッシュボードで作成</h4>\r\n[caption id=\"attachment_30651\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-dashboard.png\" alt=\"作成したアンケートが一覧されるダッシュボード。\" width=\"592\" height=\"199\" class=\"size-full wp-image-30651\" /> 作成したアンケートが一覧されるダッシュボード。[/caption]\r\n<p>アンケートの管理や作成は、ダッシュボードからおこなえます。管理については編集、削除も可能になっています。（※一度公開すると二択の選択肢の文言は変更できません。）</p>\r\n\r\n[caption id=\"attachment_30650\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-create.png\" alt=\"アンケートの作成画面。\" width=\"592\" height=\"406\" class=\"size-full wp-image-30650\" /> アンケートの作成画面。[/caption]\r\n<p>アンケートの作成は、アンケートのタイトル、選択肢の文言、選択肢の色、ハッシュタグを設定すれば完了。【Create】ボタンを押すとすぐさま公開されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>へどうぞ。</p>\r\n', '二択のリアルタイムなアンケートを作れる「One Click Battle」', '', 'inherit', 'closed', 'closed', '', '30647-revision-v1', '', '', '2016-10-30 22:55:45', '2016-10-30 13:55:45', '', 30647, 'http://web-marketing.zako.org/web-tools/30647-revision-v1.html', 0, 'revision', '', 0);
INSERT INTO `webm_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(30657, 4, '2016-10-30 22:56:26', '2016-10-30 13:56:26', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle.png\" alt=\"oneclickbattle\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30654\" /></p>\r\n<p><a target=\"_blank\" href=\"https://cloud-ja.googleblog.com/2016/07/blog-post.html\">選挙結果をほぼリアルタイムにオンラインで見られる</a>ようになっている昨今、アンケートをとるならば、やはりリアルタイムに結果を共有したいというものです。</p>\r\n<p>今回ご紹介するのは、二択ではあるものの、そのアンケート結果をビジュアルでリアルタイムに見せることができるサービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">アンケート結果をビジュアルでリアルタイムに見せられる「One Click Battle」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>」は、結果をリアルタイムに見ることができるアンケート作成ツール。</p>\r\n<p>設定もシンプルで、選択肢と色を決めるだけでアンケートを開始できます。</p>\r\n\r\n<h4 class=\"tips\">サンプルアンケート</h4>\r\n<iframe width=\"100%\" height=\"420\" frameborder=\"none\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>\r\n<p>どちらかのボタンを押せば即時集計されて画面に反映されます。</p>\r\n\r\n<h4 class=\"tips\">現在募集されているアンケートの一覧もあり</h4>\r\n[caption id=\"attachment_30652\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-recent.png\" alt=\"現在募集されているアンケートの一覧。\" width=\"592\" height=\"344\" class=\"size-full wp-image-30652\" /> 現在募集されているアンケートの一覧。[/caption]\r\n<p>投稿されたアンケートは、トップページに一覧されていきます。次の米国大統領はどちらがなるべきか。どちらのコーラが好きか。などの時事ネタがあげられていきます。</p>\r\n\r\n[caption id=\"attachment_30653\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-canada.png\" alt=\"このような時事ネタのアンケートが多く投稿されています。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30653\" /> 世界各国で次々に話題になっている、このような時事ネタのアンケートが多く投稿されています。[/caption]\r\n\r\n<h4 class=\"tips\">ダッシュボードで作成</h4>\r\n[caption id=\"attachment_30651\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-dashboard.png\" alt=\"作成したアンケートが一覧されるダッシュボード。\" width=\"592\" height=\"199\" class=\"size-full wp-image-30651\" /> 作成したアンケートが一覧されるダッシュボード。[/caption]\r\n<p>アンケートの管理や作成は、ダッシュボードからおこなえます。管理については編集、削除も可能になっています。（※一度公開すると二択の選択肢の文言は変更できません。）</p>\r\n\r\n[caption id=\"attachment_30650\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-create.png\" alt=\"アンケートの作成画面。\" width=\"592\" height=\"406\" class=\"size-full wp-image-30650\" /> アンケートの作成画面。[/caption]\r\n<p>アンケートの作成は、アンケートのタイトル、選択肢の文言、選択肢の色、ハッシュタグを設定すれば完了。【Create】ボタンを押すとすぐさま公開されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>へどうぞ。</p>\r\n', '二択のリアルタイムなアンケートを作れる「One Click Battle」', '', 'inherit', 'closed', 'closed', '', '30647-revision-v1', '', '', '2016-10-30 22:56:26', '2016-10-30 13:56:26', '', 30647, 'http://web-marketing.zako.org/web-tools/30647-revision-v1.html', 0, 'revision', '', 0),
(30658, 4, '2016-10-30 23:02:35', '2016-10-30 14:02:35', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle.png\" alt=\"oneclickbattle\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30654\" /></p>\r\n<p><a target=\"_blank\" href=\"https://cloud-ja.googleblog.com/2016/07/blog-post.html\">選挙結果をほぼリアルタイムにオンラインで見られる</a>ようになっている昨今、アンケートをとるならば、やはりリアルタイムに結果を共有したいというものです。</p>\r\n<p>今回ご紹介するのは、二択ではあるものの、そのアンケート結果をビジュアルでリアルタイムに見せることができるサービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">アンケート結果をビジュアルでリアルタイムに見せられる「One Click Battle」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>」は、結果をリアルタイムに見ることができるアンケート作成ツール。</p>\r\n<p>設定もシンプルで、選択肢と色を決めるだけでアンケートを開始できます。</p>\r\n\r\n<h4 class=\"tips\">サンプルアンケート</h4>\r\n<iframe width=\"100%\" height=\"420\" frameborder=\"none\" src=\"http://oneclickbattle.com/poll/%E4%BA%94%E8%BC%AA%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%BD%E3%83%B3%E3%82%B0%E3%81%AF%E3%81%A9%E3%81%A1%E3%82%89%E3%81%8C%E6%AD%8C%E3%81%86%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8/?t=456093\"></iframe>\r\n<p>どちらかのボタンを押せば即時集計されて画面に反映されます。</p>\r\n\r\n<h4 class=\"tips\">現在募集されているアンケートの一覧もあり</h4>\r\n[caption id=\"attachment_30652\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-recent.png\" alt=\"現在募集されているアンケートの一覧。\" width=\"592\" height=\"344\" class=\"size-full wp-image-30652\" /> 現在募集されているアンケートの一覧。[/caption]\r\n<p>投稿されたアンケートは、トップページに一覧されていきます。次の米国大統領はどちらがなるべきか。どちらのコーラが好きか。などの時事ネタがあげられていきます。</p>\r\n\r\n[caption id=\"attachment_30653\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-canada.png\" alt=\"このような時事ネタのアンケートが多く投稿されています。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30653\" /> 世界各国で次々に話題になっている、このような時事ネタのアンケートが多く投稿されています。[/caption]\r\n\r\n<h4 class=\"tips\">ダッシュボードで作成</h4>\r\n[caption id=\"attachment_30651\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-dashboard.png\" alt=\"作成したアンケートが一覧されるダッシュボード。\" width=\"592\" height=\"199\" class=\"size-full wp-image-30651\" /> 作成したアンケートが一覧されるダッシュボード。[/caption]\r\n<p>アンケートの管理や作成は、ダッシュボードからおこなえます。管理については編集、削除も可能になっています。（※一度公開すると二択の選択肢の文言は変更できません。）</p>\r\n\r\n[caption id=\"attachment_30650\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/10/oneclickbattle-create.png\" alt=\"アンケートの作成画面。\" width=\"592\" height=\"406\" class=\"size-full wp-image-30650\" /> アンケートの作成画面。[/caption]\r\n<p>アンケートの作成は、アンケートのタイトル、選択肢の文言、選択肢の色、ハッシュタグを設定すれば完了。【Create】ボタンを押すとすぐさま公開されます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://oneclickbattle.com/\">One Click Battle</a>へどうぞ。</p>\r\n', '二択のリアルタイムなアンケートを作れる「One Click Battle」', 'その場でビジュアル化した結果を共有できるシンプルなアンケートツール。', 'inherit', 'closed', 'closed', '', '30647-revision-v1', '', '', '2016-10-30 23:02:35', '2016-10-30 14:02:35', '', 30647, 'http://web-marketing.zako.org/web-tools/30647-revision-v1.html', 0, 'revision', '', 0),
(30660, 4, '2016-11-04 15:24:23', '2016-11-04 06:24:23', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/datadeck.png\" alt=\"DataDeck\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30426\" /></p>\r\n<p>ビジネスを運営していて、その成長を試行錯誤しながら進めていくにあたって、バラバラのデータをマージして可視化することは必要不可欠なことですよね。それをエクセルやGoogleスプレッドシートなどを使ってさまざまなソースからデータを引っ張ってきてグラフ化するのがまだまだ一般的なはず。</p>\r\n<p>その大変な作業を簡単な設定をするだけで済ませられ、さらに表示データをデータソースと同期できるのが、今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数のソースからデータをまとめて可視化できる「DataDeck」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>」は、<strong>さまざまなデータソースが持つデータを同期して、ダッシュボード上にグラフで視覚化してくれるサービス。</strong></p>\r\n<p>連携できるデータソースには、エクセルやCSVをはじめ、Googleドライブ、Google アナリティクス、MySQL、セールスフォースなどといったものがあり、恒常的に発生する可視化する際にデータを紐付ける作業を軽減することができます。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードのサンプル</h4>\r\n[caption id=\"attachment_30430\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-data.png\" alt=\"Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。\" width=\"592\" height=\"333\" class=\"size-full wp-image-30430\" /> Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。[/caption]\r\n<p>画像はGoogle Analyticsのデータをダッシュボードに表示したもの。ダッシュボードのテンプレートも用意されているので、はじめて使うときにもすぐに設定して視覚化することができます。</p>\r\n\r\n[caption id=\"attachment_30429\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-dashboard-tmp.png\" alt=\"ダッシュボードのテンプレート集。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30429\" /> ダッシュボードのテンプレート集。[/caption]\r\n<p>ダッシュボードのテンプレートには、人的リソースの可視化、セールスマネージャーのデイリービュー、セールスパフォーマンスの可視化など、エクセルやGoogleスプレッドシートでデータをまとめているようならば、すぐにでも使い始められるようなものがそろっています。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://dash.datadeck.com/share-panel.html?id=6baf6b59-daba-4193-aa75-001cb7490770\">セールスパフォーマンスのサンプルダッシュボード</a></p>\r\n\r\n<h4 class=\"tips\">データのセットも簡単</h4>\r\n[caption id=\"attachment_30427\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-set.png\" alt=\"Google Analyticsのデータを表示させるためにディメンションをセットしているところ。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30427\" /> Google Analyticsのデータを表示させるためにディメンションをセットしているところ。[/caption]\r\n<p>ダッシュボードにデータを表示させるウィジェットにデータをセットするのですが、たとえばGoogle Analyticsのディメンションやメトリクスを設定する際にも、英語にはなりますが検索で容易に設定することができます。</p>\r\n[caption id=\"attachment_30428\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-filter.png\" alt=\"こちらはフィルタをかけているところ。\" width=\"592\" height=\"253\" class=\"size-full wp-image-30428\" /> こちらはフィルタをかけているところ。[/caption]\r\n<p>たとえば流入キーワードの(not provided)や(not set)などをフィルタリングしたい時にも検索して出せるので便利です。</p>\r\n\r\n<h4 class=\"tips\">データのソースを同期できるサービス</h4>\r\n[caption id=\"attachment_30425\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-data-source.png\" alt=\"連携可能なデータソースの一覧。これからもさらに増えていくとのこと。\" width=\"592\" height=\"265\" class=\"size-full wp-image-30425\" /> 連携可能なデータソースの一覧。これからもさらに増えていくとのこと。[/caption]\r\n<ul><li>Excel/CSV</li><li>Google Analytics</li><li>Google Adwords</li><li>Google Drive</li><li>Google BigQuery</li><li>MySQL</li><li>Amazon RDS</li><li>Salesforce</li><li>Facebook</li></ul>\r\n\r\n<p>これらのサービスと画面上で連携の設定をおこなうだけで、あとは編集画面から検索して抽出したいデータを指定することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>へどうぞ。いまのところ無料で使うことができるようです。</p>\r\n\r\n', 'ExcelやGoogle Analytics、MySQLなどのデータをまとめて簡単に可視化できる「DataDeck」', 'Google Analyticsやスプレッドシート、MySQLなどのデータを1箇所にマージして可視化してくれるオンラインツール。', 'inherit', 'closed', 'closed', '', '30424-revision-v1', '', '', '2016-11-04 15:24:23', '2016-11-04 06:24:23', '', 30424, 'http://web-marketing.zako.org/web-tools/30424-revision-v1.html', 0, 'revision', '', 0),
(30661, 4, '2016-11-06 23:13:38', '2016-11-06 14:13:38', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet.png\" alt=\"chromnitweet\" width=\"592\" height=\"172\" class=\"alignnone size-full wp-image-30662\" /></p>\r\n\r\n<p>Vineを閉じることを発表するなど、収益性の問題から先行きに不安を感じるTwitterですが、日本国内ではまだまだアクティブユーザー数を伸ばしており、不動の人気を誇るひとつのソーシャルメディア。</p>\r\n<p>そんなTwitterを手軽に使えるツールはたくさんありますが、今回はそのなかでもChromeブラウザのアドレスバー（ロケーションバー）から直接ツイートできる拡張機能をご紹介します。</p>\r\n<h3 class=\"header-label\">ブラウザのアドレスバーからツイートできるChrome拡張「Chromnitweet」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/chromnitweet/ofhffnelacegjkgcbohojhebkbehikep\">Chromnitweet</a>」は、<strong>Google ChromeのアドレスバーからTwitterへ投稿</strong>できるChrome拡張機能。</p>\r\n<p>思い立ったときにすぐにツイートできるのが特徴です。</p>\r\n\r\n<h4 class=\"tips\">1.Ctrl + L を押してアドレスバーへ移動</h4>\r\n[caption id=\"attachment_30668\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-ctrl-l.png\" alt=\"Chromeのショートカットキーでアドレスバーを選択。\" width=\"592\" height=\"200\" class=\"size-full wp-image-30668\" /> Chromeのショートカットキーでアドレスバーを選択。[/caption]\r\n<p>ショートカットキー「Ctrl + L」を押すことで、アドレスバーを選択します。</p>\r\n\r\n<h4 class=\"tips\">2.「tw」と入力</h4>\r\n[caption id=\"attachment_30667\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tw.png\" alt=\"アドレスバーで「tw」と入力。\" width=\"592\" height=\"201\" class=\"size-full wp-image-30667\" /> アドレスバーで「tw」と入力。[/caption]\r\n<p>次にアドレスバーで「tw」と入力します。全角入力になっていたら「F10」を押して半角に変換します。</p>\r\n\r\n<h4 class=\"tips\">3.「Tab」キーを押す</h4>\r\n[caption id=\"attachment_30666\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tab.png\" alt=\"「Tab」キーを押下。\" width=\"592\" height=\"200\" class=\"size-full wp-image-30666\" /> 「Tab」キーを押下。[/caption]\r\n<p>そして「Tab」キーを押します。</p>\r\n\r\n<h4 class=\"tips\">4.投稿する内容を入力して「Enter」キーを押す</h4>\r\n[caption id=\"attachment_30665\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tweet.png\" alt=\"投稿する内容を入力。\" width=\"592\" height=\"175\" class=\"size-full wp-image-30665\" /> 投稿する内容を入力。[/caption]\r\n<p>最後に投稿する文章を入力して「Enter」キーを押せば投稿完了です。ここでサジェスト欄に残りの文字数が「109 Characters remaining.」といったように表示されるのも便利ですね。</p>\r\n\r\n<h5 class=\"tips\">Chromnitweetで投稿したツイート</h5>\r\n<blockquote class=\"twitter-tweet\" data-lang=\"ja\"><p lang=\"ja\" dir=\"ltr\">ニトスキでハンバーグを作って食ったらうますぎた。道具って大事。</p>&mdash; WEBマーケティングブログ中の人 (@web__marketing) <a href=\"https://twitter.com/web__marketing/status/792726641172545536\">2016年10月30日</a></blockquote>\r\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\r\n<p>投稿された内容がこちら。改行は任意におこなえないようですが、URLを含めることは可能です。</p>\r\n\r\n<h4 class=\"tips\">URLを含めて投稿したもの</h4>\r\n<blockquote class=\"twitter-tweet\" data-lang=\"ja\"><p lang=\"ja\" dir=\"ltr\">ChromenitweetでURLを含めて投稿してみる。　<a href=\"https://t.co/ZlE7fQ0gg3\">https://t.co/ZlE7fQ0gg3</a></p>&mdash; WEBマーケティングブログ中の人 (@web__marketing) <a href=\"https://twitter.com/web__marketing/status/795284337587388416\">2016年11月6日</a></blockquote>\r\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\r\n\r\n<p>さらに投稿が完了すると下記の画像のように通知が出るようなのですが、環境によっては出ないようです。（ただし空で投稿したときのエラー通知は私もでました。）</p>\r\n[caption id=\"attachment_30663\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-notification.png\" alt=\"投稿完了の通知。\" width=\"592\" height=\"172\" class=\"size-full wp-image-30663\" /> 投稿完了の通知。[/caption]\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/chromnitweet/ofhffnelacegjkgcbohojhebkbehikep\">Chromnitweet</a>のページで拡張機能をインストールしてください。初回のみ、Twitterとの連携設定が必要になります。</p>\r\n', 'Chromeのアドレスバーからツイートできる「Chromnitweet」', '', 'publish', 'open', 'closed', '', 'chromnitweet', '', '', '2016-11-06 23:13:38', '2016-11-06 14:13:38', '', 0, 'http://web-marketing.zako.org/?p=30661', 0, 'post', '', 0),
(30662, 4, '2016-11-06 23:07:22', '2016-11-06 14:07:22', '', 'chromnitweet', '', 'inherit', 'open', 'closed', '', 'chromnitweet-2', '', '', '2016-11-06 23:07:30', '2016-11-06 14:07:30', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet.png', 0, 'attachment', 'image/png', 0),
(30663, 4, '2016-11-06 23:07:22', '2016-11-06 14:07:22', '', 'chromnitweet-notification', '投稿完了の通知。', 'inherit', 'open', 'closed', '', 'chromnitweet-notification', '', '', '2016-11-06 23:07:37', '2016-11-06 14:07:37', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet-notification.png', 0, 'attachment', 'image/png', 0),
(30664, 4, '2016-11-06 23:07:23', '2016-11-06 14:07:23', '', 'chromnitweet-done', '', 'inherit', 'open', 'closed', '', 'chromnitweet-done', '', '', '2016-11-06 23:07:23', '2016-11-06 14:07:23', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet-done.png', 0, 'attachment', 'image/png', 0),
(30665, 4, '2016-11-06 23:07:24', '2016-11-06 14:07:24', '', 'chromnitweet-tweet', '投稿する内容を入力。', 'inherit', 'open', 'closed', '', 'chromnitweet-tweet', '', '', '2016-11-06 23:07:54', '2016-11-06 14:07:54', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet-tweet.png', 0, 'attachment', 'image/png', 0),
(30666, 4, '2016-11-06 23:07:24', '2016-11-06 14:07:24', '', 'chromnitweet-tab', '「Tab」キーを押下。', 'inherit', 'open', 'closed', '', 'chromnitweet-tab', '', '', '2016-11-06 23:07:59', '2016-11-06 14:07:59', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet-tab.png', 0, 'attachment', 'image/png', 0),
(30667, 4, '2016-11-06 23:07:25', '2016-11-06 14:07:25', '', 'chromnitweet-tw', 'アドレスバーで「tw」と入力。', 'inherit', 'open', 'closed', '', 'chromnitweet-tw', '', '', '2016-11-06 23:08:05', '2016-11-06 14:08:05', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet-tw.png', 0, 'attachment', 'image/png', 0),
(30668, 4, '2016-11-06 23:07:25', '2016-11-06 14:07:25', '', 'chromnitweet-ctrl-l', 'Chromeのショートカットキーでアドレスバーを選択。', 'inherit', 'open', 'closed', '', 'chromnitweet-ctrl-l', '', '', '2016-11-06 23:08:09', '2016-11-06 14:08:09', '', 30661, 'http://web-marketing.zako.org/images/2016/11/chromnitweet-ctrl-l.png', 0, 'attachment', 'image/png', 0),
(30669, 4, '2016-11-06 23:11:02', '2016-11-06 14:11:02', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet.png\" alt=\"chromnitweet\" width=\"592\" height=\"172\" class=\"alignnone size-full wp-image-30662\" /></p>\r\n\r\n<p>Vineを閉じることを発表するなど、収益性の問題から先行きに不安を感じるTwitterですが、日本国内ではまだまだアクティブユーザー数を伸ばしており、不動の人気を誇るひとつのソーシャルメディア。</p>\r\n<p>そんなTwitterを手軽に使えるツールはたくさんありますが、今回はそのなかでもChromeブラウザのアドレスバー（ロケーションバー）から直接ツイートできる拡張機能をご紹介します。</p>\r\n<h3 class=\"header-label\">ブラウザのアドレスバーからツイートできるChrome拡張「Chromnitweet」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/chromnitweet/ofhffnelacegjkgcbohojhebkbehikep\">Chromnitweet</a>」は、<strong>Google ChromeのアドレスバーからTwitterへ投稿</strong>できるChrome拡張機能。</p>\r\n<p>思い立ったときにすぐにツイートできるのが特徴です。</p>\r\n\r\n<h4 class=\"tips\">1.Ctrl + L を押してアドレスバーへ移動</h4>\r\n[caption id=\"attachment_30668\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-ctrl-l.png\" alt=\"Chromeのショートカットキーでアドレスバーを選択。\" width=\"592\" height=\"200\" class=\"size-full wp-image-30668\" /> Chromeのショートカットキーでアドレスバーを選択。[/caption]\r\n<p>ショートカットキー「Ctrl + L」を押すことで、アドレスバーを選択します。</p>\r\n\r\n<h4 class=\"tips\">2.「tw」と入力</h4>\r\n[caption id=\"attachment_30667\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tw.png\" alt=\"アドレスバーで「tw」と入力。\" width=\"592\" height=\"201\" class=\"size-full wp-image-30667\" /> アドレスバーで「tw」と入力。[/caption]\r\n<p>次にアドレスバーで「tw」と入力します。全角入力になっていたら「F10」を押して半角に変換します。</p>\r\n\r\n<h4 class=\"tips\">3.「Tab」キーを押す</h4>\r\n[caption id=\"attachment_30666\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tab.png\" alt=\"「Tab」キーを押下。\" width=\"592\" height=\"200\" class=\"size-full wp-image-30666\" /> 「Tab」キーを押下。[/caption]\r\n<p>そして「Tab」キーを押します。</p>\r\n\r\n<h4 class=\"tips\">4.投稿する内容を入力して「Enter」キーを押す</h4>\r\n[caption id=\"attachment_30665\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tweet.png\" alt=\"投稿する内容を入力。\" width=\"592\" height=\"175\" class=\"size-full wp-image-30665\" /> 投稿する内容を入力。[/caption]\r\n<p>最後に投稿する文章を入力して「Enter」キーを押せば投稿完了です。</p>\r\n\r\n<h5 class=\"tips\">Chromnitweetで投稿したツイート</h5>\r\n<blockquote class=\"twitter-tweet\" data-lang=\"ja\"><p lang=\"ja\" dir=\"ltr\">ニトスキでハンバーグを作って食ったらうますぎた。道具って大事。</p>&mdash; WEBマーケティングブログ中の人 (@web__marketing) <a href=\"https://twitter.com/web__marketing/status/792726641172545536\">2016年10月30日</a></blockquote>\r\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\r\n<p>投稿された内容がこちら。改行は任意におこなえないようですが、URLを含めることは可能です。</p>\r\n\r\n<h4 class=\"tips\">URLを含めて投稿したもの</h4>\r\n<blockquote class=\"twitter-tweet\" data-lang=\"ja\"><p lang=\"ja\" dir=\"ltr\">ChromenitweetでURLを含めて投稿してみる。　<a href=\"https://t.co/ZlE7fQ0gg3\">https://t.co/ZlE7fQ0gg3</a></p>&mdash; WEBマーケティングブログ中の人 (@web__marketing) <a href=\"https://twitter.com/web__marketing/status/795284337587388416\">2016年11月6日</a></blockquote>\r\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\r\n\r\n<p>さらに投稿が完了すると下記の画像のように通知が出るようなのですが、環境によっては出ないようです。（ただし空で投稿したときのエラー通知は私もでました。）</p>\r\n[caption id=\"attachment_30663\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-notification.png\" alt=\"投稿完了の通知。\" width=\"592\" height=\"172\" class=\"size-full wp-image-30663\" /> 投稿完了の通知。[/caption]\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/chromnitweet/ofhffnelacegjkgcbohojhebkbehikep\">Chromnitweet</a>のページで拡張機能をインストールしてください。初回のみ、Twitterとの連携設定が必要になります。</p>\r\n', 'Chromeのアドレスバーからツイートできる「Chromnitweet」', '', 'inherit', 'closed', 'closed', '', '30661-revision-v1', '', '', '2016-11-06 23:11:02', '2016-11-06 14:11:02', '', 30661, 'http://web-marketing.zako.org/web-tools/30661-revision-v1.html', 0, 'revision', '', 0),
(30670, 4, '2016-11-06 23:13:38', '2016-11-06 14:13:38', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet.png\" alt=\"chromnitweet\" width=\"592\" height=\"172\" class=\"alignnone size-full wp-image-30662\" /></p>\r\n\r\n<p>Vineを閉じることを発表するなど、収益性の問題から先行きに不安を感じるTwitterですが、日本国内ではまだまだアクティブユーザー数を伸ばしており、不動の人気を誇るひとつのソーシャルメディア。</p>\r\n<p>そんなTwitterを手軽に使えるツールはたくさんありますが、今回はそのなかでもChromeブラウザのアドレスバー（ロケーションバー）から直接ツイートできる拡張機能をご紹介します。</p>\r\n<h3 class=\"header-label\">ブラウザのアドレスバーからツイートできるChrome拡張「Chromnitweet」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/chromnitweet/ofhffnelacegjkgcbohojhebkbehikep\">Chromnitweet</a>」は、<strong>Google ChromeのアドレスバーからTwitterへ投稿</strong>できるChrome拡張機能。</p>\r\n<p>思い立ったときにすぐにツイートできるのが特徴です。</p>\r\n\r\n<h4 class=\"tips\">1.Ctrl + L を押してアドレスバーへ移動</h4>\r\n[caption id=\"attachment_30668\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-ctrl-l.png\" alt=\"Chromeのショートカットキーでアドレスバーを選択。\" width=\"592\" height=\"200\" class=\"size-full wp-image-30668\" /> Chromeのショートカットキーでアドレスバーを選択。[/caption]\r\n<p>ショートカットキー「Ctrl + L」を押すことで、アドレスバーを選択します。</p>\r\n\r\n<h4 class=\"tips\">2.「tw」と入力</h4>\r\n[caption id=\"attachment_30667\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tw.png\" alt=\"アドレスバーで「tw」と入力。\" width=\"592\" height=\"201\" class=\"size-full wp-image-30667\" /> アドレスバーで「tw」と入力。[/caption]\r\n<p>次にアドレスバーで「tw」と入力します。全角入力になっていたら「F10」を押して半角に変換します。</p>\r\n\r\n<h4 class=\"tips\">3.「Tab」キーを押す</h4>\r\n[caption id=\"attachment_30666\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tab.png\" alt=\"「Tab」キーを押下。\" width=\"592\" height=\"200\" class=\"size-full wp-image-30666\" /> 「Tab」キーを押下。[/caption]\r\n<p>そして「Tab」キーを押します。</p>\r\n\r\n<h4 class=\"tips\">4.投稿する内容を入力して「Enter」キーを押す</h4>\r\n[caption id=\"attachment_30665\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-tweet.png\" alt=\"投稿する内容を入力。\" width=\"592\" height=\"175\" class=\"size-full wp-image-30665\" /> 投稿する内容を入力。[/caption]\r\n<p>最後に投稿する文章を入力して「Enter」キーを押せば投稿完了です。ここでサジェスト欄に残りの文字数が「109 Characters remaining.」といったように表示されるのも便利ですね。</p>\r\n\r\n<h5 class=\"tips\">Chromnitweetで投稿したツイート</h5>\r\n<blockquote class=\"twitter-tweet\" data-lang=\"ja\"><p lang=\"ja\" dir=\"ltr\">ニトスキでハンバーグを作って食ったらうますぎた。道具って大事。</p>&mdash; WEBマーケティングブログ中の人 (@web__marketing) <a href=\"https://twitter.com/web__marketing/status/792726641172545536\">2016年10月30日</a></blockquote>\r\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\r\n<p>投稿された内容がこちら。改行は任意におこなえないようですが、URLを含めることは可能です。</p>\r\n\r\n<h4 class=\"tips\">URLを含めて投稿したもの</h4>\r\n<blockquote class=\"twitter-tweet\" data-lang=\"ja\"><p lang=\"ja\" dir=\"ltr\">ChromenitweetでURLを含めて投稿してみる。　<a href=\"https://t.co/ZlE7fQ0gg3\">https://t.co/ZlE7fQ0gg3</a></p>&mdash; WEBマーケティングブログ中の人 (@web__marketing) <a href=\"https://twitter.com/web__marketing/status/795284337587388416\">2016年11月6日</a></blockquote>\r\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\r\n\r\n<p>さらに投稿が完了すると下記の画像のように通知が出るようなのですが、環境によっては出ないようです。（ただし空で投稿したときのエラー通知は私もでました。）</p>\r\n[caption id=\"attachment_30663\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/chromnitweet-notification.png\" alt=\"投稿完了の通知。\" width=\"592\" height=\"172\" class=\"size-full wp-image-30663\" /> 投稿完了の通知。[/caption]\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/chromnitweet/ofhffnelacegjkgcbohojhebkbehikep\">Chromnitweet</a>のページで拡張機能をインストールしてください。初回のみ、Twitterとの連携設定が必要になります。</p>\r\n', 'Chromeのアドレスバーからツイートできる「Chromnitweet」', '', 'inherit', 'closed', 'closed', '', '30661-revision-v1', '', '', '2016-11-06 23:13:38', '2016-11-06 14:13:38', '', 30661, 'http://web-marketing.zako.org/web-tools/30661-revision-v1.html', 0, 'revision', '', 0),
(30672, 4, '2016-11-13 22:55:52', '2016-11-13 13:55:52', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" /></p>\r\n<p>サイトのプロトタイプを作成し、ユーザーテストをおこなってフィードバックをもらい、修正後に今度は承認をもらうという一連の作業を、まだまだメールやチャットでおこなっていて非効率だと感じることも多いのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、そのプロトタイプがウェブ上にあるとき、スクリプトを埋め込むだけでウェブ上で直接コメントし、やり取りできるようになるサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ウェブサイト上で直接フィードバックできる「Cycles」</h3>\r\n<p>「<a href=\"https://cycleshq.com/\" target=\"_blank\">Cycles</a>」は、<strong>サイト上に直接フィードバックコメントを追加し、そのフィードバックに対してのやり取りをおこなえるようにするサービス。</strong></p>\r\n<p>スクリプトを追加するだけで、メールやチャットなどのやり取りを省いて、視覚的にコミュニケーションを取れるようになります。</p>\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/DBmSD_6q1co?start=005\" frameborder=\"0\" allowfullscreen></iframe>\r\n\r\n<p><a href=\"http://web-marketing.zako.org/cycles-test\" target=\"_blank\">こちらのお試しページ</a>でも試すことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ページ上でフィードバックできる</h4>\r\n[caption id=\"attachment_30688\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-feedback.png\" alt=\"フィードバックしたい範囲を選択してコメントを残せる。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30688\" /> フィードバックしたい範囲を選択してコメントを残せる。[/caption]\r\n<p>サイト上でフィードバックしたい箇所を選択することで、その場所にコメントを残すことができます。</p>\r\n\r\n<h4 class=\"tips\">フィードバックの済管理ができる</h4>\r\n[caption id=\"attachment_30686\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-done.png\" alt=\"フィードバックに対して済未済の管理ができる。\" width=\"592\" height=\"353\" class=\"size-full wp-image-30686\" /> フィードバックに対して済未済の管理ができる。[/caption]\r\n<p>個々のフィードバックに対して完了したかどうかを管理することができます。</p>\r\n\r\n<h4 class=\"tips\">ページ単位の承認もおこなえる</h4>\r\n[caption id=\"attachment_30687\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-approve.png\" alt=\"プロトタイプのページの承認をおこなえる。\" width=\"592\" height=\"549\" class=\"size-full wp-image-30687\" /> プロトタイプのページの承認をおこなえる。[/caption]\r\n<p>すべてのフィードバックに対する作業を完了したら、ページを承認することができます。</p>\r\n<p>右下のボタンを押し、【Approve page】を押すことで、承認作業が完了します。この時、すべてのフィードバックが完了しているかどうかを画面で確認できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">メール通知も可能</h4>\r\n[caption id=\"attachment_30685\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-notifications.png\" alt=\"指定したメールアドレスへの通知も可能。\" width=\"592\" height=\"390\" class=\"size-full wp-image-30685\" /> 指定したメールアドレスへの通知も可能。[/caption]\r\n<p>新しいコメントが付いたとき、ページが承認されたときには、アカウントのメールアドレスとともに任意のメールアドレスへ通知できるようにもなっています。</p>\r\n\r\n\r\n<h3 class=\"header-label\">設定手順</h3>\r\n[caption id=\"attachment_30691\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-new-project.png\" alt=\"まず新しいプロジェクトを作成。\" width=\"592\" height=\"308\" class=\"size-full wp-image-30691\" /> まず新しいプロジェクトを作成。[/caption]\r\n<p>Cyclesのトップページから【Get started】ボタンを押してアカウントを作成し、まずはプロジェクトを作ります。プロジェクトは１つまで無料で作成できます。（ページ数は無制限）プロジェクト名は日本語でも大丈夫です。</p>\r\n\r\n[caption id=\"attachment_30690\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-script.png\" alt=\"スクリプトのコードが発行される。\" width=\"592\" height=\"386\" class=\"size-full wp-image-30690\" /> スクリプトのコードが発行される。[/caption]\r\n<p>プロジェクトを作成すると、プロトタイプのサイトに埋め込むJavascriptコードが発行されるので、これを ＜head＞～＜/head>の間に設置します。</p>\r\n\r\n[caption id=\"attachment_30689\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-button.png\" alt=\"サイトの右下にボタンが表示される。\" width=\"592\" height=\"285\" class=\"size-full wp-image-30689\" /> サイトの右下にボタンが表示される。[/caption]\r\n<p>スクリプトの設置が完了すると、プロトタイプのページの右下に青いボタンが表示されます。このボタンをクリックすることで、フィードバックなどの作業を開始できます。</p>\r\n\r\n<p>興味があるかたは<a href=\"https://cycleshq.com/\" target=\"_blank\">Cycles</a>へどうぞ。</p>\r\n\r\n', 'サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」', 'プロトタイプのページに直接コメントしてフィードバックし、作業の済管理やページの承認もおこなえる。', 'publish', 'open', 'closed', '', 'cycles', '', '', '2016-11-13 22:55:52', '2016-11-13 13:55:52', '', 0, 'http://web-marketing.zako.org/?p=30672', 0, 'post', '', 0),
(30677, 4, '2016-11-13 17:13:31', '2016-11-13 08:13:31', '<!-- Start of getCycles.io script -->\r\n<script type=\'text/javascript\'>\r\n var Cycles_API_TOKEN = \'cb7679bf-493a-4dea-83ac-dd100940a113\';\r\n (function (Cycles_API_TOKEN) {\r\n     var script = document.createElement(\'script\');\r\n     script.async = true;\r\n     script.src = \'https://app.getcycles.io/cycles.js?token=\'\r\n      + Cycles_API_TOKEN;\r\n     script.charset = \'UTF-8\';\r\n     script.crossorigin = \'*\';\r\n     var head = document.getElementsByTagName(\'head\')[0];\r\n     head.appendChild(script);\r\n   })(Cycles_API_TOKEN);\r\n</script>\r\n<!-- End of getCycles.io script -->', 'Cyclesのテストページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:13:31', '2016-11-13 08:13:31', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30673, 4, '2016-11-13 17:06:24', '2016-11-13 08:06:24', '\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/DBmSD_6q1co#t=05s\" frameborder=\"0\" allowfullscreen></iframe>', 'サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」', '', 'inherit', 'closed', 'closed', '', '30672-revision-v1', '', '', '2016-11-13 17:06:24', '2016-11-13 08:06:24', '', 30672, 'http://web-marketing.zako.org/web-tools/30672-revision-v1.html', 0, 'revision', '', 0),
(30674, 4, '2016-11-13 17:06:52', '2016-11-13 08:06:52', '<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/DBmSD_6q1co#t=0m05s\" frameborder=\"0\" allowfullscreen></iframe>', 'サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」', '', 'inherit', 'closed', 'closed', '', '30672-revision-v1', '', '', '2016-11-13 17:06:52', '2016-11-13 08:06:52', '', 30672, 'http://web-marketing.zako.org/web-tools/30672-revision-v1.html', 0, 'revision', '', 0),
(30675, 4, '2016-11-13 17:07:46', '2016-11-13 08:07:46', '<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/DBmSD_6q1co?start=005\" frameborder=\"0\" allowfullscreen></iframe>', 'サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」', '', 'inherit', 'closed', 'closed', '', '30672-revision-v1', '', '', '2016-11-13 17:07:46', '2016-11-13 08:07:46', '', 30672, 'http://web-marketing.zako.org/web-tools/30672-revision-v1.html', 0, 'revision', '', 0),
(30676, 4, '2016-11-13 17:25:18', '2016-11-13 08:25:18', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" /></p>\r\n\r\n<p>このページは、「<a href=\"http://web-marketing.zako.org/web-tools/cycles.html\">サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」</a>」のサンプルを試すことができるページです。</p>\r\n<!--more-->\r\n\r\n\r\n<p>右下にあるボタンを押し、「New comment」ボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'publish', 'closed', 'closed', '', 'cycles-test', '', '', '2016-11-13 22:56:19', '2016-11-13 13:56:19', '', 0, 'http://web-marketing.zako.org/?page_id=30676', 0, 'page', '', 0),
(30678, 4, '2016-11-13 17:13:55', '2016-11-13 08:13:55', '<!-- Start of getCycles.io script -->\r\n<script type=\'text/javascript\'>\r\n var Cycles_API_TOKEN = \'cb7679bf-493a-4dea-83ac-dd100940a113\';\r\n (function (Cycles_API_TOKEN) {\r\n     var script = document.createElement(\'script\');\r\n     script.async = true;\r\n     script.src = \'https://app.getcycles.io/cycles.js?token=\'\r\n      + Cycles_API_TOKEN;\r\n     script.charset = \'UTF-8\';\r\n     script.crossorigin = \'*\';\r\n     var head = document.getElementsByTagName(\'head\')[0];\r\n     head.appendChild(script);\r\n   })(Cycles_API_TOKEN);\r\n</script>\r\n<!-- End of getCycles.io script -->\r\n\r\n\r\n右下にあるボタンを押すことで、フィードバックを開始できます。', 'Cyclesのテストページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:13:55', '2016-11-13 08:13:55', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30679, 4, '2016-11-13 17:14:39', '2016-11-13 08:14:39', '<!-- Start of getCycles.io script -->\r\n<script type=\'text/javascript\'>\r\n var Cycles_API_TOKEN = \'cb7679bf-493a-4dea-83ac-dd100940a113\';\r\n (function (Cycles_API_TOKEN) {\r\n     var script = document.createElement(\'script\');\r\n     script.async = true;\r\n     script.src = \'https://app.getcycles.io/cycles.js?token=\'\r\n      + Cycles_API_TOKEN;\r\n     script.charset = \'UTF-8\';\r\n     script.crossorigin = \'*\';\r\n     var head = document.getElementsByTagName(\'head\')[0];\r\n     head.appendChild(script);\r\n   })(Cycles_API_TOKEN);\r\n</script>\r\n<!-- End of getCycles.io script -->\r\n\r\n\r\n<p>右下にあるボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:14:39', '2016-11-13 08:14:39', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30681, 4, '2016-11-13 17:18:06', '2016-11-13 08:18:06', '\r\n\r\n\r\n<p>このページは、「サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」」のサンプルを試すことができるページです。</p>\r\n<!--more-->\r\n\r\n\r\n<p>右下にあるボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:18:06', '2016-11-13 08:18:06', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30680, 4, '2016-11-13 17:15:17', '2016-11-13 08:15:17', '<!-- Start of getCycles.io script -->\r\n<script type=\'text/javascript\'>\r\n var Cycles_API_TOKEN = \'cb7679bf-493a-4dea-83ac-dd100940a113\';\r\n (function (Cycles_API_TOKEN) {\r\n     var script = document.createElement(\'script\');\r\n     script.async = true;\r\n     script.src = \'https://app.getcycles.io/cycles.js?token=\'\r\n      + Cycles_API_TOKEN;\r\n     script.charset = \'UTF-8\';\r\n     script.crossorigin = \'*\';\r\n     var head = document.getElementsByTagName(\'head\')[0];\r\n     head.appendChild(script);\r\n   })(Cycles_API_TOKEN);\r\n</script>\r\n<!-- End of getCycles.io script -->\r\n\r\n<p>このページは、「サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」」のサンプルを試すことができるページです。</p>\r\n<!--more-->\r\n\r\n\r\n<p>右下にあるボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:15:17', '2016-11-13 08:15:17', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30682, 4, '2016-11-13 17:24:01', '2016-11-13 08:24:01', '', 'cycles', '', 'inherit', 'open', 'closed', '', 'cycles-2', '', '', '2016-11-13 17:24:01', '2016-11-13 08:24:01', '', 30676, 'http://web-marketing.zako.org/images/2016/11/cycles.png', 0, 'attachment', 'image/png', 0),
(30683, 4, '2016-11-13 17:24:07', '2016-11-13 08:24:07', '<img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" />\r\n\r\n<p>このページは、「サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」」のサンプルを試すことができるページです。</p>\r\n<!--more-->\r\n\r\n\r\n<p>右下にあるボタンを押し、「New comment」ボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:24:07', '2016-11-13 08:24:07', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30684, 4, '2016-11-13 17:24:22', '2016-11-13 08:24:22', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" /></p>\r\n\r\n<p>このページは、「サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」」のサンプルを試すことができるページです。</p>\r\n<!--more-->\r\n\r\n\r\n<p>右下にあるボタンを押し、「New comment」ボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 17:24:22', '2016-11-13 08:24:22', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0),
(30685, 4, '2016-11-13 17:55:25', '2016-11-13 08:55:25', '', 'cycles-notifications', '指定したメールアドレスへの通知も可能。', 'inherit', 'open', 'closed', '', 'cycles-notifications', '', '', '2016-11-13 17:55:42', '2016-11-13 08:55:42', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-notifications.png', 0, 'attachment', 'image/png', 0),
(30686, 4, '2016-11-13 17:55:25', '2016-11-13 08:55:25', '', 'cycles-done', 'フィードバックに対して済未済の管理ができる。', 'inherit', 'open', 'closed', '', 'cycles-done', '', '', '2016-11-13 17:55:51', '2016-11-13 08:55:51', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-done.png', 0, 'attachment', 'image/png', 0),
(30687, 4, '2016-11-13 17:55:26', '2016-11-13 08:55:26', '', 'cycles-approve', 'プロトタイプのページの承認をおこなえる。', 'inherit', 'open', 'closed', '', 'cycles-approve', '', '', '2016-11-13 17:55:57', '2016-11-13 08:55:57', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-approve.png', 0, 'attachment', 'image/png', 0),
(30688, 4, '2016-11-13 17:55:27', '2016-11-13 08:55:27', '', 'cycles-feedback', 'フィードバックしたい範囲を選択してコメントを残せる。', 'inherit', 'open', 'closed', '', 'cycles-feedback', '', '', '2016-11-13 17:56:06', '2016-11-13 08:56:06', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-feedback.png', 0, 'attachment', 'image/png', 0),
(30689, 4, '2016-11-13 17:55:28', '2016-11-13 08:55:28', '', 'cycles-button', 'サイトの右下にボタンが表示される。', 'inherit', 'open', 'closed', '', 'cycles-button', '', '', '2016-11-13 17:56:15', '2016-11-13 08:56:15', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-button.png', 0, 'attachment', 'image/png', 0),
(30690, 4, '2016-11-13 17:55:28', '2016-11-13 08:55:28', '', 'cycles-script', 'スクリプトのコードが発行される。', 'inherit', 'open', 'closed', '', 'cycles-script', '', '', '2016-11-13 17:56:21', '2016-11-13 08:56:21', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-script.png', 0, 'attachment', 'image/png', 0),
(30691, 4, '2016-11-13 17:55:29', '2016-11-13 08:55:29', '', 'cycles-new-project', 'まず新しいプロジェクトを作成。', 'inherit', 'open', 'closed', '', 'cycles-new-project', '', '', '2016-11-13 17:56:28', '2016-11-13 08:56:28', '', 30672, 'http://web-marketing.zako.org/images/2016/11/cycles-new-project.png', 0, 'attachment', 'image/png', 0),
(30692, 4, '2016-11-13 18:02:11', '2016-11-13 09:02:11', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" /></p>\r\n<p>サイトのプロトタイプを作成し、ユーザーテストをおこなってフィードバックをもらい、修正後に今度は承認をもらうという一連の作業を、まだまだメールやチャットでおこなっていて非効率だと感じることも多いのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、そのプロトタイプがウェブ上にあるとき、スクリプトを埋め込むだけでウェブ上で直接コメントし、やり取りできるようになるサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ウェブサイト上で直接フィードバックできる「Cycles」</h3>\r\n<p>「<a href=\"https://cycleshq.com/\" target=\"_blank\">Cycles</a>」は、<strong>サイト上に直接フィードバックコメントを追加し、そのフィードバックに対してのやり取りをおこなえるようにするサービス。</strong></p>\r\n<p>スクリプトを追加するだけで、メールやチャットなどのやり取りを省いて、視覚的にコミュニケーションを取れるようになります。</p>\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/DBmSD_6q1co?start=005\" frameborder=\"0\" allowfullscreen></iframe>\r\n\r\n<p><a href=\"http://web-marketing.zako.org/cycles-test\" target=\"_blank\">こちらのお試しページ</a>でも試すことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ページ上でフィードバックできる</h4>\r\n[caption id=\"attachment_30688\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-feedback.png\" alt=\"フィードバックしたい範囲を選択してコメントを残せる。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30688\" /> フィードバックしたい範囲を選択してコメントを残せる。[/caption]\r\n<p>サイト上でフィードバックしたい箇所を選択することで、その場所にコメントを残すことができます。</p>\r\n\r\n<h4 class=\"tips\">フィードバックの済管理ができる</h4>\r\n[caption id=\"attachment_30686\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-done.png\" alt=\"フィードバックに対して済未済の管理ができる。\" width=\"592\" height=\"353\" class=\"size-full wp-image-30686\" /> フィードバックに対して済未済の管理ができる。[/caption]\r\n<p>個々のフィードバックに対して完了したかどうかを管理することができます。</p>\r\n\r\n<h4 class=\"tips\">ページ単位の承認もおこなえる</h4>\r\n[caption id=\"attachment_30687\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-approve.png\" alt=\"プロトタイプのページの承認をおこなえる。\" width=\"592\" height=\"549\" class=\"size-full wp-image-30687\" /> プロトタイプのページの承認をおこなえる。[/caption]\r\n<p>すべてのフィードバックに対する作業を完了したら、ページを承認することができます。</p>\r\n<p>右下のボタンを押し、【Approve page】を押すことで、承認作業が完了します。この時、すべてのフィードバックが完了しているかどうかを画面で確認できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">メール通知も可能</h4>\r\n[caption id=\"attachment_30685\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-notifications.png\" alt=\"指定したメールアドレスへの通知も可能。\" width=\"592\" height=\"390\" class=\"size-full wp-image-30685\" /> 指定したメールアドレスへの通知も可能。[/caption]\r\n<p>新しいコメントが付いたとき、ページが承認されたときには、アカウントのメールアドレスとともに任意のメールアドレスへ通知できるようにもなっています。</p>\r\n\r\n\r\n<h3 class=\"header-label\">設定手順</h3>\r\n[caption id=\"attachment_30691\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-new-project.png\" alt=\"まず新しいプロジェクトを作成。\" width=\"592\" height=\"308\" class=\"size-full wp-image-30691\" /> まず新しいプロジェクトを作成。[/caption]\r\n<p>Cyclesのトップページから【Get started】ボタンを押してアカウントを作成し、まずはプロジェクトを作ります。プロジェクトは１つまで無料で作成できます。プロジェクト名は日本語でも大丈夫です。</p>\r\n\r\n[caption id=\"attachment_30690\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-script.png\" alt=\"スクリプトのコードが発行される。\" width=\"592\" height=\"386\" class=\"size-full wp-image-30690\" /> スクリプトのコードが発行される。[/caption]\r\n<p>プロジェクトを作成すると、プロトタイプのサイトに埋め込むJavascriptコードが発行されるので、これを ＜head＞～＜/head>の間に設置します。</p>\r\n\r\n[caption id=\"attachment_30689\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-button.png\" alt=\"サイトの右下にボタンが表示される。\" width=\"592\" height=\"285\" class=\"size-full wp-image-30689\" /> サイトの右下にボタンが表示される。[/caption]\r\n<p>スクリプトの設置が完了すると、プロトタイプのページの右下に青いボタンが表示されます。このボタンをクリックすることで、フィードバックなどの作業を開始できます。</p>\r\n\r\n<p>興味があるかたは<a href=\"https://cycleshq.com/\" target=\"_blank\">Cycles</a>へどうぞ。</p>\r\n\r\n', 'サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」', 'プロトタイプのページに直接コメントしてフィードバックし、作業の済管理やページの承認もおこなえる。', 'inherit', 'closed', 'closed', '', '30672-revision-v1', '', '', '2016-11-13 18:02:11', '2016-11-13 09:02:11', '', 30672, 'http://web-marketing.zako.org/web-tools/30672-revision-v1.html', 0, 'revision', '', 0),
(30693, 4, '2016-11-13 18:31:13', '2016-11-13 09:31:13', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" /></p>\r\n<p>サイトのプロトタイプを作成し、ユーザーテストをおこなってフィードバックをもらい、修正後に今度は承認をもらうという一連の作業を、まだまだメールやチャットでおこなっていて非効率だと感じることも多いのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、そのプロトタイプがウェブ上にあるとき、スクリプトを埋め込むだけでウェブ上で直接コメントし、やり取りできるようになるサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ウェブサイト上で直接フィードバックできる「Cycles」</h3>\r\n<p>「<a href=\"https://cycleshq.com/\" target=\"_blank\">Cycles</a>」は、<strong>サイト上に直接フィードバックコメントを追加し、そのフィードバックに対してのやり取りをおこなえるようにするサービス。</strong></p>\r\n<p>スクリプトを追加するだけで、メールやチャットなどのやり取りを省いて、視覚的にコミュニケーションを取れるようになります。</p>\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/DBmSD_6q1co?start=005\" frameborder=\"0\" allowfullscreen></iframe>\r\n\r\n<p><a href=\"http://web-marketing.zako.org/cycles-test\" target=\"_blank\">こちらのお試しページ</a>でも試すことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ページ上でフィードバックできる</h4>\r\n[caption id=\"attachment_30688\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-feedback.png\" alt=\"フィードバックしたい範囲を選択してコメントを残せる。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30688\" /> フィードバックしたい範囲を選択してコメントを残せる。[/caption]\r\n<p>サイト上でフィードバックしたい箇所を選択することで、その場所にコメントを残すことができます。</p>\r\n\r\n<h4 class=\"tips\">フィードバックの済管理ができる</h4>\r\n[caption id=\"attachment_30686\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-done.png\" alt=\"フィードバックに対して済未済の管理ができる。\" width=\"592\" height=\"353\" class=\"size-full wp-image-30686\" /> フィードバックに対して済未済の管理ができる。[/caption]\r\n<p>個々のフィードバックに対して完了したかどうかを管理することができます。</p>\r\n\r\n<h4 class=\"tips\">ページ単位の承認もおこなえる</h4>\r\n[caption id=\"attachment_30687\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-approve.png\" alt=\"プロトタイプのページの承認をおこなえる。\" width=\"592\" height=\"549\" class=\"size-full wp-image-30687\" /> プロトタイプのページの承認をおこなえる。[/caption]\r\n<p>すべてのフィードバックに対する作業を完了したら、ページを承認することができます。</p>\r\n<p>右下のボタンを押し、【Approve page】を押すことで、承認作業が完了します。この時、すべてのフィードバックが完了しているかどうかを画面で確認できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">メール通知も可能</h4>\r\n[caption id=\"attachment_30685\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-notifications.png\" alt=\"指定したメールアドレスへの通知も可能。\" width=\"592\" height=\"390\" class=\"size-full wp-image-30685\" /> 指定したメールアドレスへの通知も可能。[/caption]\r\n<p>新しいコメントが付いたとき、ページが承認されたときには、アカウントのメールアドレスとともに任意のメールアドレスへ通知できるようにもなっています。</p>\r\n\r\n\r\n<h3 class=\"header-label\">設定手順</h3>\r\n[caption id=\"attachment_30691\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-new-project.png\" alt=\"まず新しいプロジェクトを作成。\" width=\"592\" height=\"308\" class=\"size-full wp-image-30691\" /> まず新しいプロジェクトを作成。[/caption]\r\n<p>Cyclesのトップページから【Get started】ボタンを押してアカウントを作成し、まずはプロジェクトを作ります。プロジェクトは１つまで無料で作成できます。（ページ数は無制限）プロジェクト名は日本語でも大丈夫です。</p>\r\n\r\n[caption id=\"attachment_30690\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-script.png\" alt=\"スクリプトのコードが発行される。\" width=\"592\" height=\"386\" class=\"size-full wp-image-30690\" /> スクリプトのコードが発行される。[/caption]\r\n<p>プロジェクトを作成すると、プロトタイプのサイトに埋め込むJavascriptコードが発行されるので、これを ＜head＞～＜/head>の間に設置します。</p>\r\n\r\n[caption id=\"attachment_30689\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/cycles-button.png\" alt=\"サイトの右下にボタンが表示される。\" width=\"592\" height=\"285\" class=\"size-full wp-image-30689\" /> サイトの右下にボタンが表示される。[/caption]\r\n<p>スクリプトの設置が完了すると、プロトタイプのページの右下に青いボタンが表示されます。このボタンをクリックすることで、フィードバックなどの作業を開始できます。</p>\r\n\r\n<p>興味があるかたは<a href=\"https://cycleshq.com/\" target=\"_blank\">Cycles</a>へどうぞ。</p>\r\n\r\n', 'サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」', 'プロトタイプのページに直接コメントしてフィードバックし、作業の済管理やページの承認もおこなえる。', 'inherit', 'closed', 'closed', '', '30672-revision-v1', '', '', '2016-11-13 18:31:13', '2016-11-13 09:31:13', '', 30672, 'http://web-marketing.zako.org/web-tools/30672-revision-v1.html', 0, 'revision', '', 0),
(30694, 4, '2016-11-13 22:56:19', '2016-11-13 13:56:19', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/cycles.png\" alt=\"cycles\" width=\"592\" height=\"371\" class=\"alignnone size-full wp-image-30682\" /></p>\r\n\r\n<p>このページは、「<a href=\"http://web-marketing.zako.org/web-tools/cycles.html\">サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」</a>」のサンプルを試すことができるページです。</p>\r\n<!--more-->\r\n\r\n\r\n<p>右下にあるボタンを押し、「New comment」ボタンを押すことで、フィードバックを開始できます。</p>', 'Cyclesのお試しページ', '', 'inherit', 'closed', 'closed', '', '30676-revision-v1', '', '', '2016-11-13 22:56:19', '2016-11-13 13:56:19', '', 30676, 'http://web-marketing.zako.org/web-tools/30676-revision-v1.html', 0, 'revision', '', 0);
INSERT INTO `webm_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(30695, 4, '2016-11-20 22:50:12', '2016-11-20 13:50:12', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/browserframe.png\" alt=\"Browser Frame\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30700\" /></p>\r\n<p>作ったモックアップやワイヤーフレームの画像をブラウザにはめ込んだ状態にして共有したいこともあると思うのですが、それがあらゆるブラウザにはめ込んでということになると、該当の端末やブラウザがなかったりと、手間がかかってしまうものですよね。</p>\r\n<p>今回ご紹介するのは、非常にシンプルではあるものの、地味に便利なスクリーンショットを生成してくれるサービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">あらゆるブラウザの枠内にスクリーンショットを入れられる「Browser Frame」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://browserframe.com/\">Browser Frame</a>」は、<strong>アップロードしたスクリーンショットにブラウザの枠をつけた画像を生成</strong>してくれるサービス。</p>\r\n<p>ChromeのWin版、Mac版など8種類のブラウザをフレームとするスクリーンショットを生成することができます。</p>\r\n\r\n<h4 class=\"tips\">生成されたスクリーンショット</h4>\r\n[caption id=\"attachment_30698\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/frame-chrome-mac.png\" alt=\"Mac版Chromeのフレームにスクリーンショットを入れたもの。\" width=\"592\" height=\"329\" class=\"size-full wp-image-30698\" /> Mac版Chromeのフレームにスクリーンショットを入れたもの。[/caption]\r\n<p>たとえば私のようにMacBookを持っていない人も、さもMacbookのChromeでスクショを撮ったような画像を作成できます。</p>\r\n\r\n<h4 class=\"tips\">スクリーンショットをアップロードするだけで生成</h4>\r\n[caption id=\"attachment_30699\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/browserframe-upload.png\" alt=\"スクリーンショットをアップロード。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30699\" /> スクリーンショットをアップロード。[/caption]\r\n<p>サービスサイト上でローカルにあるモックアップやワイヤーフレームの画像をアップロードします。</p>\r\n\r\n<h4 class=\"tips\">ブラウザを選択</h4>\r\n[caption id=\"attachment_30697\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/browserframe-select.png\" alt=\"選べるブラウザは8種類。\" width=\"592\" height=\"231\" class=\"size-full wp-image-30697\" /> 選べるブラウザは8種類。[/caption]\r\n<p>次にフレームにするブラウザを選択します。選択できるブラウザは、以下の8種類です。</p>\r\n<ul><li>Chrome (Mac)</li><li>Chrome (Win)</li><li>Firefox (Mac)</li><li>Firefox (Win)</li><li>Safari</li><li>IE</li><li>Opera</li><li>Edge</li></ul>\r\n\r\n<h4 class=\"tips\">プレビューを確認したらダウンロード</h4>\r\n[caption id=\"attachment_30696\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/browserframe-preview.png\" alt=\"各ブラウザでのプレビューが表示されます。\" width=\"592\" height=\"290\" class=\"size-full wp-image-30696\" /> 各ブラウザでのプレビューが表示されます。[/caption]\r\n<p>プレビューを確認したら、【SAVE】ボタンを押して画像をダウンロードします。生成される画像の拡張子はPNGです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://browserframe.com/\">Browser Frame</a>へどうぞ。</p>\r\n', 'モックアップをあらゆるブラウザで表示しているかのような画像を生成する「Browser Frame」', 'Macbookを持っていなくても、Windows PCを持っていなくても、それぞれのブラウザでスクショを撮ったような画像を生成。', 'publish', 'open', 'closed', '', 'browser-frame', '', '', '2016-11-20 22:50:12', '2016-11-20 13:50:12', '', 0, 'http://web-marketing.zako.org/?p=30695', 0, 'post', '', 0),
(30696, 4, '2016-11-20 22:32:08', '2016-11-20 13:32:08', '', 'browserframe-preview', '各ブラウザでのプレビューが表示されます。', 'inherit', 'open', 'closed', '', 'browserframe-preview', '', '', '2016-11-20 22:32:29', '2016-11-20 13:32:29', '', 30695, 'http://web-marketing.zako.org/images/2016/11/browserframe-preview.png', 0, 'attachment', 'image/png', 0),
(30697, 4, '2016-11-20 22:32:09', '2016-11-20 13:32:09', '', 'browserframe-select', '選べるブラウザは8種類。', 'inherit', 'open', 'closed', '', 'browserframe-select', '', '', '2016-11-20 22:32:34', '2016-11-20 13:32:34', '', 30695, 'http://web-marketing.zako.org/images/2016/11/browserframe-select.png', 0, 'attachment', 'image/png', 0),
(30698, 4, '2016-11-20 22:32:10', '2016-11-20 13:32:10', '', 'frame-chrome-mac', 'Mac版Chromeのフレームにスクリーンショットを入れたもの。', 'inherit', 'open', 'closed', '', 'frame-chrome-mac', '', '', '2016-11-20 22:32:44', '2016-11-20 13:32:44', '', 30695, 'http://web-marketing.zako.org/images/2016/11/frame-chrome-mac.png', 0, 'attachment', 'image/png', 0),
(30699, 4, '2016-11-20 22:32:10', '2016-11-20 13:32:10', '', 'browserframe-upload', 'スクリーンショットをアップロード。', 'inherit', 'open', 'closed', '', 'browserframe-upload', '', '', '2016-11-20 22:33:04', '2016-11-20 13:33:04', '', 30695, 'http://web-marketing.zako.org/images/2016/11/browserframe-upload.png', 0, 'attachment', 'image/png', 0),
(30700, 4, '2016-11-20 22:34:39', '2016-11-20 13:34:39', '', 'browserframe', '', 'inherit', 'open', 'closed', '', 'browserframe', '', '', '2016-11-20 22:34:48', '2016-11-20 13:34:48', '', 30695, 'http://web-marketing.zako.org/images/2016/11/browserframe.png', 0, 'attachment', 'image/png', 0),
(30701, 4, '2016-11-20 22:38:25', '2016-11-20 13:38:25', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/browserframe.png\" alt=\"Browser Frame\" width=\"592\" height=\"306\" class=\"alignnone size-full wp-image-30700\" /></p>\r\n<p>作ったモックアップやワイヤーフレームの画像をブラウザにはめ込んだ状態にして共有したいこともあると思うのですが、それがあらゆるブラウザにはめ込んでということになると、該当の端末やブラウザがなかったりと、手間がかかってしまうものですよね。</p>\r\n<p>今回ご紹介するのは、非常にシンプルではあるものの、地味に便利なスクリーンショットを生成してくれるサービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">あらゆるブラウザの枠内にスクリーンショットを入れられる「Browser Frame」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://browserframe.com/\">Browser Frame</a>」は、<strong>アップロードしたスクリーンショットにブラウザの枠をつけた画像を生成</strong>してくれるサービス。</p>\r\n<p>ChromeのWin版、Mac版など8種類のブラウザをフレームとするスクリーンショットを生成することができます。</p>\r\n\r\n<h4 class=\"tips\">生成されたスクリーンショット</h4>\r\n[caption id=\"attachment_30698\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/frame-chrome-mac.png\" alt=\"Mac版Chromeのフレームにスクリーンショットを入れたもの。\" width=\"592\" height=\"329\" class=\"size-full wp-image-30698\" /> Mac版Chromeのフレームにスクリーンショットを入れたもの。[/caption]\r\n<p>たとえば私のようにMacBookを持っていない人も、さもMacbookのChromeでスクショを撮ったような画像を作成できます。</p>\r\n\r\n<h4 class=\"tips\">スクリーンショットをアップロードするだけで生成</h4>\r\n[caption id=\"attachment_30699\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/browserframe-upload.png\" alt=\"スクリーンショットをアップロード。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30699\" /> スクリーンショットをアップロード。[/caption]\r\n<p>サービスサイト上でローカルにあるモックアップやワイヤーフレームの画像をアップロードします。</p>\r\n\r\n<h4 class=\"tips\">ブラウザを選択</h4>\r\n[caption id=\"attachment_30697\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/browserframe-select.png\" alt=\"選べるブラウザは8種類。\" width=\"592\" height=\"231\" class=\"size-full wp-image-30697\" /> 選べるブラウザは8種類。[/caption]\r\n<p>次にフレームにするブラウザを選択します。選択できるブラウザは、以下の8種類です。</p>\r\n<ul><li>Chrome (Mac)</li><li>Chrome (Win)</li><li>Firefox (Mac)</li><li>Firefox (Win)</li><li>Safari</li><li>IE</li><li>Opera</li><li>Edge</li></ul>\r\n\r\n<h4 class=\"tips\">プレビューを確認したらダウンロード</h4>\r\n[caption id=\"attachment_30696\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/browserframe-preview.png\" alt=\"各ブラウザでのプレビューが表示されます。\" width=\"592\" height=\"290\" class=\"size-full wp-image-30696\" /> 各ブラウザでのプレビューが表示されます。[/caption]\r\n<p>プレビューを確認したら、【SAVE】ボタンを押して画像をダウンロードします。生成される画像の拡張子はPNGです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://browserframe.com/\">Browser Frame</a>へどうぞ。</p>\r\n', 'モックアップをあらゆるブラウザで表示しているかのような画像を生成する「Browser Frame」', 'Macbookを持っていなくても、Windows PCを持っていなくても、それぞれのブラウザでスクショを撮ったような画像を生成。', 'inherit', 'closed', 'closed', '', '30695-revision-v1', '', '', '2016-11-20 22:38:25', '2016-11-20 13:38:25', '', 30695, 'http://web-marketing.zako.org/web-tools/30695-revision-v1.html', 0, 'revision', '', 0),
(30703, 4, '2016-11-27 23:08:48', '2016-11-27 14:08:48', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/deseat-me.png\" alt=\"deseat-me\" width=\"592\" height=\"270\" class=\"alignnone size-full wp-image-30705\" /></p>\r\n<p>たくさんのWEBサービスに登録をしてしまい、使ってもいないのにそのままにしているということもよくあるかと思います。万一その登録しているサービスが情報流出などを起こしてしまうと、アカウント乗っ取りなどの被害に合う確率も高くなってしまいますよね。</p>\r\n<p>とはいえ、どのサービスに登録したかを思い出すのも時間がもったいないというのが現実ですし、Googleアカウントと連携しているサービスであれば、「接続済みのアプリとサイト」で一覧して整理することもできますが、メールアドレスだけGmailを使って登録をしているときにはそうは行きません。</p>\r\n<p>そんな不要アカウントの掃除を楽にしてくれるのが、今回ご紹介するサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">散らかったWEBサービスの不要なアカウントを掃除できる「Deseat.me」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://deseat.me/\">deseat.me</a>」は、<strong>Googleアカウントでログインすると、そのメールアドレスに紐付いているサービスのアカウントを一覧</strong>してくれるサービス。</p>\r\n<p>このアカウントの一覧から、残す、削除するを決めてアカウントを整理することができます。</p>\r\n\r\n\r\n<h3 class=\"header-label\">Googleアカウントでログイン</h3>\r\n[caption id=\"attachment_30707\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/deseat-list.png\" alt=\"Googleアカウントと連携してログインすると、アカウントを一覧。\" width=\"592\" height=\"468\" class=\"size-full wp-image-30707\" /> Googleアカウントと連携してログインすると、アカウントを一覧。[/caption]\r\n<p>まずGoogleアカウントを使ってdeseat.meにログインします。すると、登録しているであろうアカウントを一覧してくれます。</p>\r\n<p>この一覧でサービス名をクリックすると、そのサービスのサイトを新しいタブで開くことができます。</p>\r\n\r\n<h4 class=\"tips\">削除か残すかを判断</h4>\r\n[caption id=\"attachment_30706\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/deseat-decision.png\" alt=\"いくつのサービスに登録されているかを教えてくれて、リストから削除か残すかを振り分けていく。\" width=\"592\" height=\"584\" class=\"size-full wp-image-30706\" /> いくつのサービスに登録されているかを教えてくれて、リストから削除か残すかを振り分けていく。[/caption]\r\n<p>一覧されたサービスを削除するか、それとも使っているので残すのか、あるいはこのサービスのアカウントは断じて持っていないという選択肢で振り分けていきます。</p>\r\n<p>振り分けは、</p>\r\n<ul>\r\n	<li>削除リストに追加　：📌 Delete queue</li>\r\n	<li>使っているので残す：📎 keep</li>\r\n	<li>アカウントを持っていない：⚠️</li>\r\n</ul>\r\n<p>といったように実行していきます。</p>\r\n\r\n<p>📌Delete queueに入ると、メジャーなサービスはその場でdelete ⛔️を押せばアカウントを削除することができます。ただ、マイナーなサービスの場合は順次対応となるので、ToDoリストのようにmark as deleted ✅で管理することとなり、手動での退会処理が必要になります。</p>\r\n \r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://deseat.me/\">deseat.me</a>へどうぞ。</p>\r\n \r\n \r\n \r\n', 'ウェブ上の自分のアカウントをカンタンに一覧して削除もできる「Deseat.me」', 'アカウントを放置することによって発生する可能性が高くなるアカウントの乗っ取りなどのセキュリティ対策を楽に行えるサービス。', 'publish', 'open', 'closed', '', 'deseat-me', '', '', '2016-11-27 23:08:48', '2016-11-27 14:08:48', '', 0, 'http://web-marketing.zako.org/?p=30703', 0, 'post', '', 0),
(30704, 4, '2016-11-27 18:49:06', '2016-11-27 09:49:06', '📌', 'ウェブ上の自分のアカウントをカンタンに一覧して削除もできる「Deseat.me」', '', 'inherit', 'closed', 'closed', '', '30703-revision-v1', '', '', '2016-11-27 18:49:06', '2016-11-27 09:49:06', '', 30703, 'http://web-marketing.zako.org/web-tools/30703-revision-v1.html', 0, 'revision', '', 0),
(30705, 4, '2016-11-27 18:54:30', '2016-11-27 09:54:30', '', 'deseat-me', '', 'inherit', 'open', 'closed', '', 'deseat-me-2', '', '', '2016-11-27 18:54:30', '2016-11-27 09:54:30', '', 30703, 'http://web-marketing.zako.org/images/2016/11/deseat-me.png', 0, 'attachment', 'image/png', 0),
(30706, 4, '2016-11-27 18:54:31', '2016-11-27 09:54:31', '', 'deseat-decision', 'いくつのサービスに登録されているかを教えてくれて、リストから削除か残すかを振り分けていく。', 'inherit', 'open', 'closed', '', 'deseat-decision', '', '', '2016-11-27 18:54:54', '2016-11-27 09:54:54', '', 30703, 'http://web-marketing.zako.org/images/2016/11/deseat-decision.png', 0, 'attachment', 'image/png', 0),
(30707, 4, '2016-11-27 18:54:32', '2016-11-27 09:54:32', '', 'deseat-list', 'Googleアカウントと連携してログインすると、アカウントを一覧。', 'inherit', 'open', 'closed', '', 'deseat-list', '', '', '2016-11-27 18:54:44', '2016-11-27 09:54:44', '', 30703, 'http://web-marketing.zako.org/images/2016/11/deseat-list.png', 0, 'attachment', 'image/png', 0),
(30708, 4, '2016-11-27 18:59:28', '2016-11-27 09:59:28', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/11/deseat-me.png\" alt=\"deseat-me\" width=\"592\" height=\"270\" class=\"alignnone size-full wp-image-30705\" /></p>\r\n<p>たくさんのWEBサービスに登録をしてしまい、使ってもいないのにそのままにしているということもよくあるかと思います。万一その登録しているサービスが情報流出などを起こしてしまうと、アカウント乗っ取りなどの被害に合う確率も高くなってしまいますよね。</p>\r\n<p>とはいえ、どのサービスに登録したかを思い出すのも時間がもったいないというのが現実ですし、Googleアカウントと連携しているサービスであれば、「接続済みのアプリとサイト」で一覧して整理することもできますが、メールアドレスだけGmailを使って登録をしているときにはそうは行きません。</p>\r\n<p>そんな不要アカウントの掃除を楽にしてくれるのが、今回ご紹介するサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">散らかったWEBサービスの不要なアカウントを掃除できる「Deseat.me」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://deseat.me/\">deseat.me</a>」は、<strong>Googleアカウントでログインすると、そのメールアドレスに紐付いているサービスのアカウントを一覧</strong>してくれるサービス。</p>\r\n<p>このアカウントの一覧から、残す、削除するを決めてアカウントを整理することができます。</p>\r\n\r\n\r\n<h3 class=\"header-label\">Googleアカウントでログイン</h3>\r\n[caption id=\"attachment_30707\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/deseat-list.png\" alt=\"Googleアカウントと連携してログインすると、アカウントを一覧。\" width=\"592\" height=\"468\" class=\"size-full wp-image-30707\" /> Googleアカウントと連携してログインすると、アカウントを一覧。[/caption]\r\n<p>まずGoogleアカウントを使ってdeseat.meにログインします。すると、登録しているであろうアカウントを一覧してくれます。</p>\r\n<p>この一覧でサービス名をクリックすると、そのサービスのサイトを新しいタブで開くことができます。</p>\r\n\r\n<h4 class=\"tips\">削除か残すかを判断</h4>\r\n[caption id=\"attachment_30706\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/11/deseat-decision.png\" alt=\"いくつのサービスに登録されているかを教えてくれて、リストから削除か残すかを振り分けていく。\" width=\"592\" height=\"584\" class=\"size-full wp-image-30706\" /> いくつのサービスに登録されているかを教えてくれて、リストから削除か残すかを振り分けていく。[/caption]\r\n<p>一覧されたサービスを削除するか、それとも使っているので残すのか、あるいはこのサービスのアカウントは断じて持っていないという選択肢で振り分けていきます。</p>\r\n<p>振り分けは、</p>\r\n<ul>\r\n	<li>削除リストに追加　：📌 Delete queue</li>\r\n	<li>使っているので残す：📎 keep</li>\r\n	<li>アカウントを持っていない：⚠️</li>\r\n</ul>\r\n<p>といったように実行していきます。</p>\r\n\r\n<p>📌Delete queueに入ると、メジャーなサービスはその場でdelete ⛔️を押せばアカウントを削除することができます。ただ、マイナーなサービスの場合は順次対応となるので、ToDoリストのようにmark as deleted ✅で管理することとなり、手動での退会処理が必要になります。</p>\r\n \r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://deseat.me/\">deseat.me</a>へどうぞ。</p>\r\n \r\n \r\n \r\n', 'ウェブ上の自分のアカウントをカンタンに一覧して削除もできる「Deseat.me」', 'アカウントを放置することによって発生する可能性が高くなるアカウントの乗っ取りなどのセキュリティ対策を楽に行えるサービス。', 'inherit', 'closed', 'closed', '', '30703-revision-v1', '', '', '2016-11-27 18:59:28', '2016-11-27 09:59:28', '', 30703, 'http://web-marketing.zako.org/web-tools/30703-revision-v1.html', 0, 'revision', '', 0),
(30709, 4, '2016-12-05 00:13:05', '2016-12-04 15:13:05', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/upscribe.png\" alt=\"Upscribe\" width=\"592\" height=\"387\" class=\"alignnone size-full wp-image-30720\" /></p>\r\n<p>サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。</p>\r\n<p>有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。</p>\r\n<p>そこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ニュースレターの登録とメール配信を無料でできる「Upscribe」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、<strong>ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえる</strong>サービス。</p>\r\n<p>獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。</p>\r\n\r\n<h4 class=\"tips\">サクッと登録フォームを作成</h4>\r\n<h5 class=\"tips\">サンプル登録フォーム</h5>\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\n<p>このような埋込み型のニュースレター登録フォームを手軽に作成することができます。</p>\r\n\r\n<h5 class=\"tips\">作り方</h5>\r\n[caption id=\"attachment_30719\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-build.png\" alt=\"まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\" width=\"592\" height=\"345\" class=\"size-full wp-image-30719\" /> まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。[/caption]\r\n\r\n[caption id=\"attachment_30718\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-signup.png\" alt=\"無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30718\" /> 無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30717\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-integration.png\" alt=\"Mailchimpなどのメール配信サービスと連携することも可能。\" width=\"592\" height=\"522\" class=\"size-full wp-image-30717\" /> Mailchimpなどのメール配信サービスと連携することも可能。[/caption]\r\n<p>Mailchimpなどのメール配信サービスと連携し、リストをエクスポートすることも可能。ここでは設定をスキップしてしまっても問題ありません。</p>\r\n\r\n<p>一番下の選択肢から「Google sheet」という連携先を指定できるのですが、設定したもののどこにリストが連携されるのかは不明でした。本サービスに登録したらリストをエクスポートできると記載されていたので、やり方がわかったらこちらで共有いたします。</p>\r\n\r\n[caption id=\"attachment_30716\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-form.png\" alt=\"すると登録フォームが生成されて、URLも発行されます。\" width=\"592\" height=\"389\" class=\"size-full wp-image-30716\" /> すると登録フォームが生成されて、URLも発行されます。[/caption]\r\n\r\n<h4 class=\"tips\">登録フォームを埋め込み＆ソーシャルへシェア</h4>\r\n<p>登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。</p>\r\n<p>埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。</p>\r\n<p>一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）</p>\r\n<p class=\"desc\">&lt;iframe src=&quot;★ここにURL★&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; width=&quot;100%&quot; height=&quot;450&quot;&gt;&lt;/iframe&gt;</p>\r\n<p>登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。</p>\r\n\r\n<h4 class=\"tips\">ニュースレターを配信</h4>\r\n[caption id=\"attachment_30715\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png\" alt=\"ニュースレターを一斉送信できます。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30715\" /> ニュースレターを一斉送信できます。[/caption]\r\n<p>非常にシンプルなものですが、ニュースレターを配信する機能も持っています。</p>\r\n<p>配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。</p>\r\n\r\n[caption id=\"attachment_30714\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png\" alt=\"カンタンな文字装飾も可能。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30714\" /> カンタンな文字装飾も可能。[/caption]\r\n<p>こちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。ただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。</p>\r\n\r\n[caption id=\"attachment_30713\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-menu.png\" alt=\"メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\" width=\"592\" height=\"51\" class=\"size-full wp-image-30713\" /> メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。[/caption]\r\n\r\n[caption id=\"attachment_30721\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-mail.png\" alt=\"配信されたメールはこちら。\" width=\"592\" height=\"373\" class=\"size-full wp-image-30721\" /> 配信されたメールはこちら。[/caption]\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。</p>\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'publish', 'open', 'closed', '', 'upscribe', '', '', '2016-12-05 00:13:30', '2016-12-04 15:13:30', '', 0, 'http://web-marketing.zako.org/?p=30709', 0, 'post', '', 0),
(30710, 4, '2016-12-04 18:19:19', '2016-12-04 09:19:19', '\r\n\r\n<iframe src=\"https://upscri.be/ac2c0e\" frameborder=\"0\" width=\"100%\" height=\"70\"></iframe>', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 18:19:19', '2016-12-04 09:19:19', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30711, 4, '2016-12-04 19:16:01', '2016-12-04 10:16:01', 'サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。\r\n有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。\r\nそこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。\r\n・ニュースレターの登録とメール配信を無料でできる「Upscribe」\r\n「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえるサービス。\r\n獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。\r\n\r\n・サクッと登録フォームを作成\r\n・・サンプル登録フォーム\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"100\"></iframe>\r\nこのような埋込み型のニュースレター登録フォームを手軽に作成することができます。\r\n\r\n・・作り方\r\nupscribe build★まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\r\n\r\nupscribe-signup★無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\r\n\r\n・登録リストの保存先を指定。\r\nupscribe-integration★Mailchimpなどのメール配信サービスと連携することも可能。\r\n\r\nupscribe-form★すると登録フォームが生成されて、URLも発行されます。\r\n\r\n・登録フォームを埋め込み＆ソーシャルへシェア\r\n登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。\r\n埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。\r\n一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）\r\n<iframe src=\"★ここにURL★\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"250\"></iframe>\r\n登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。\r\n\r\n・ニュースレターを配信\r\nupscribe-sendmail★ニュースレターを一斉送信できます。\r\n非常にシンプルなものですが、ニュースレターを配信する機能も持っています。\r\n配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。\r\n\r\nupscribe-htmlmail★カンタンな文字装飾も可能。\r\nこちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。\r\nただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。\r\n\r\nupscribe-menu★メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\r\n\r\n\r\n興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。\r\n\r\n\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 19:16:01', '2016-12-04 10:16:01', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30714, 4, '2016-12-04 19:18:01', '2016-12-04 10:18:01', '', 'upscribe-htmlmail', 'カンタンな文字装飾も可能。', 'inherit', 'open', 'closed', '', 'upscribe-htmlmail', '', '', '2016-12-04 19:18:23', '2016-12-04 10:18:23', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png', 0, 'attachment', 'image/png', 0),
(30712, 4, '2016-12-04 19:17:25', '2016-12-04 10:17:25', 'サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。\r\n有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。\r\nそこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。\r\n・ニュースレターの登録とメール配信を無料でできる「Upscribe」\r\n「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえるサービス。\r\n獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。\r\n\r\n・サクッと登録フォームを作成\r\n・・サンプル登録フォーム\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\nこのような埋込み型のニュースレター登録フォームを手軽に作成することができます。\r\n\r\n・・作り方\r\nupscribe build★まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\r\n\r\nupscribe-signup★無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\r\n\r\n・登録リストの保存先を指定。\r\nupscribe-integration★Mailchimpなどのメール配信サービスと連携することも可能。\r\n\r\nupscribe-form★すると登録フォームが生成されて、URLも発行されます。\r\n\r\n・登録フォームを埋め込み＆ソーシャルへシェア\r\n登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。\r\n埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。\r\n一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）\r\n<code><iframe src=\"★ここにURL★\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe></code>\r\n登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。\r\n\r\n・ニュースレターを配信\r\nupscribe-sendmail★ニュースレターを一斉送信できます。\r\n非常にシンプルなものですが、ニュースレターを配信する機能も持っています。\r\n配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。\r\n\r\nupscribe-htmlmail★カンタンな文字装飾も可能。\r\nこちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。\r\nただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。\r\n\r\nupscribe-menu★メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\r\n\r\n\r\n興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。\r\n\r\n\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 19:17:25', '2016-12-04 10:17:25', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30713, 4, '2016-12-04 19:18:00', '2016-12-04 10:18:00', '', 'upscribe-menu', 'メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。', 'inherit', 'open', 'closed', '', 'upscribe-menu', '', '', '2016-12-04 19:18:16', '2016-12-04 10:18:16', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-menu.png', 0, 'attachment', 'image/png', 0),
(30715, 4, '2016-12-04 19:18:02', '2016-12-04 10:18:02', '', 'upscribe-sendmail', 'ニュースレターを一斉送信できます。', 'inherit', 'open', 'closed', '', 'upscribe-sendmail', '', '', '2016-12-04 19:18:31', '2016-12-04 10:18:31', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png', 0, 'attachment', 'image/png', 0),
(30716, 4, '2016-12-04 19:18:03', '2016-12-04 10:18:03', '', 'upscribe-form', 'すると登録フォームが生成されて、URLも発行されます。', 'inherit', 'open', 'closed', '', 'upscribe-form', '', '', '2016-12-04 19:18:43', '2016-12-04 10:18:43', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-form.png', 0, 'attachment', 'image/png', 0),
(30717, 4, '2016-12-04 19:18:04', '2016-12-04 10:18:04', '', 'upscribe-integration', 'Mailchimpなどのメール配信サービスと連携することも可能。', 'inherit', 'open', 'closed', '', 'upscribe-integration', '', '', '2016-12-04 19:18:49', '2016-12-04 10:18:49', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-integration.png', 0, 'attachment', 'image/png', 0),
(30718, 4, '2016-12-04 19:18:05', '2016-12-04 10:18:05', '', 'upscribe-signup', '無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。', 'inherit', 'open', 'closed', '', 'upscribe-signup', '', '', '2016-12-04 19:18:56', '2016-12-04 10:18:56', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-signup.png', 0, 'attachment', 'image/png', 0),
(30719, 4, '2016-12-04 19:18:05', '2016-12-04 10:18:05', '', 'upscribe-build', 'まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。', 'inherit', 'open', 'closed', '', 'upscribe-build', '', '', '2016-12-04 19:19:02', '2016-12-04 10:19:02', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-build.png', 0, 'attachment', 'image/png', 0),
(30720, 4, '2016-12-04 19:18:06', '2016-12-04 10:18:06', '', 'upscribe', '', 'inherit', 'open', 'closed', '', 'upscribe-2', '', '', '2016-12-04 19:19:09', '2016-12-04 10:19:09', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe.png', 0, 'attachment', 'image/png', 0),
(30721, 4, '2016-12-04 19:28:17', '2016-12-04 10:28:17', '', 'upscribe-mail', '配信されたメールはこちら。', 'inherit', 'open', 'closed', '', 'upscribe-mail', '', '', '2016-12-04 19:28:30', '2016-12-04 10:28:30', '', 30709, 'http://web-marketing.zako.org/images/2016/12/upscribe-mail.png', 0, 'attachment', 'image/png', 0),
(30722, 4, '2016-12-04 19:33:47', '2016-12-04 10:33:47', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/upscribe.png\" alt=\"Upscribe\" width=\"592\" height=\"387\" class=\"alignnone size-full wp-image-30720\" /></p>\r\n<p>サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。</p>\r\n<p>有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。</p>\r\n<p>そこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。</p>\r\n<h3 class=\"header-label\">ニュースレターの登録とメール配信を無料でできる「Upscribe」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、<strong>ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえる</strong>サービス。</p>\r\n<p>獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。</p>\r\n\r\n<h4 class=\"tips\">サクッと登録フォームを作成</h4>\r\n<h5 class=\"tips\">サンプル登録フォーム</h5>\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\n<p>このような埋込み型のニュースレター登録フォームを手軽に作成することができます。</p>\r\n\r\n<h5 class=\"tips\">作り方</h5>\r\n[caption id=\"attachment_30719\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-build.png\" alt=\"まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\" width=\"592\" height=\"345\" class=\"size-full wp-image-30719\" /> まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。[/caption]\r\n\r\n[caption id=\"attachment_30718\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-signup.png\" alt=\"無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30718\" /> 無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。[/caption]\r\n\r\n<h4 class=\"tips\">メール配信サービスと連携可能</h4>\r\n[caption id=\"attachment_30717\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-integration.png\" alt=\"Mailchimpなどのメール配信サービスと連携することも可能。\" width=\"592\" height=\"522\" class=\"size-full wp-image-30717\" /> Mailchimpなどのメール配信サービスと連携することも可能。[/caption]\r\n<p>Mailchimpなどのメール配信サービスと連携し、リストをエクスポートすることも可能。ここでは設定をスキップしてしまっても問題ありません。</p>\r\n\r\n<p>一番下の選択肢から「Google sheet」という連携先を指定できるのですが、設定したもののどこにリストが連携されるのかは不明でした。本サービスに登録したらリストをエクスポートできると記載されていたので、やり方がわかったらこちらで共有いたします。</p>\r\n\r\n[caption id=\"attachment_30716\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-form.png\" alt=\"すると登録フォームが生成されて、URLも発行されます。\" width=\"592\" height=\"389\" class=\"size-full wp-image-30716\" /> すると登録フォームが生成されて、URLも発行されます。[/caption]\r\n\r\n<h4 class=\"tips\">登録フォームを埋め込み＆ソーシャルへシェア</h4>\r\n<p>登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。</p>\r\n<p>埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。</p>\r\n<p>一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）</p>\r\n<code><iframe src=\"★ここにURL★\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe></code>\r\n<p>登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。</p>\r\n\r\n<h4 class=\"tips\">ニュースレターを配信</h4>\r\n[caption id=\"attachment_30715\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png\" alt=\"ニュースレターを一斉送信できます。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30715\" /> ニュースレターを一斉送信できます。[/caption]\r\n<p>非常にシンプルなものですが、ニュースレターを配信する機能も持っています。</p>\r\n<p>配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。</p>\r\n\r\n[caption id=\"attachment_30714\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png\" alt=\"カンタンな文字装飾も可能。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30714\" /> カンタンな文字装飾も可能。[/caption]\r\n<p>こちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。ただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。</p>\r\n\r\n[caption id=\"attachment_30713\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-menu.png\" alt=\"メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\" width=\"592\" height=\"51\" class=\"size-full wp-image-30713\" /> メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。[/caption]\r\n\r\n[caption id=\"attachment_30721\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-mail.png\" alt=\"配信されたメールはこちら。\" width=\"592\" height=\"373\" class=\"size-full wp-image-30721\" /> 配信されたメールはこちら。[/caption]\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。</p>\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 19:33:47', '2016-12-04 10:33:47', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30723, 4, '2016-12-04 19:36:47', '2016-12-04 10:36:47', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/upscribe.png\" alt=\"Upscribe\" width=\"592\" height=\"387\" class=\"alignnone size-full wp-image-30720\" /></p>\r\n<p>サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。</p>\r\n<p>有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。</p>\r\n<p>そこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。</p>\r\n<h3 class=\"header-label\">ニュースレターの登録とメール配信を無料でできる「Upscribe」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、<strong>ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえる</strong>サービス。</p>\r\n<p>獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。</p>\r\n\r\n<h4 class=\"tips\">サクッと登録フォームを作成</h4>\r\n<h5 class=\"tips\">サンプル登録フォーム</h5>\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\n<p>このような埋込み型のニュースレター登録フォームを手軽に作成することができます。</p>\r\n\r\n<h5 class=\"tips\">作り方</h5>\r\n[caption id=\"attachment_30719\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-build.png\" alt=\"まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\" width=\"592\" height=\"345\" class=\"size-full wp-image-30719\" /> まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。[/caption]\r\n\r\n[caption id=\"attachment_30718\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-signup.png\" alt=\"無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30718\" /> 無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30717\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-integration.png\" alt=\"Mailchimpなどのメール配信サービスと連携することも可能。\" width=\"592\" height=\"522\" class=\"size-full wp-image-30717\" /> Mailchimpなどのメール配信サービスと連携することも可能。[/caption]\r\n<p>Mailchimpなどのメール配信サービスと連携し、リストをエクスポートすることも可能。ここでは設定をスキップしてしまっても問題ありません。</p>\r\n\r\n<p>一番下の選択肢から「Google sheet」という連携先を指定できるのですが、設定したもののどこにリストが連携されるのかは不明でした。本サービスに登録したらリストをエクスポートできると記載されていたので、やり方がわかったらこちらで共有いたします。</p>\r\n\r\n[caption id=\"attachment_30716\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-form.png\" alt=\"すると登録フォームが生成されて、URLも発行されます。\" width=\"592\" height=\"389\" class=\"size-full wp-image-30716\" /> すると登録フォームが生成されて、URLも発行されます。[/caption]\r\n\r\n<h4 class=\"tips\">登録フォームを埋め込み＆ソーシャルへシェア</h4>\r\n<p>登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。</p>\r\n<p>埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。</p>\r\n<p>一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）</p>\r\n<code>&lt;iframe src=&quot;★ここにURL★&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; width=&quot;100%&quot; height=&quot;450&quot;&gt;&lt;/iframe&gt;</code>\r\n<p>登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。</p>\r\n\r\n<h4 class=\"tips\">ニュースレターを配信</h4>\r\n[caption id=\"attachment_30715\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png\" alt=\"ニュースレターを一斉送信できます。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30715\" /> ニュースレターを一斉送信できます。[/caption]\r\n<p>非常にシンプルなものですが、ニュースレターを配信する機能も持っています。</p>\r\n<p>配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。</p>\r\n\r\n[caption id=\"attachment_30714\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png\" alt=\"カンタンな文字装飾も可能。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30714\" /> カンタンな文字装飾も可能。[/caption]\r\n<p>こちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。ただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。</p>\r\n\r\n[caption id=\"attachment_30713\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-menu.png\" alt=\"メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\" width=\"592\" height=\"51\" class=\"size-full wp-image-30713\" /> メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。[/caption]\r\n\r\n[caption id=\"attachment_30721\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-mail.png\" alt=\"配信されたメールはこちら。\" width=\"592\" height=\"373\" class=\"size-full wp-image-30721\" /> 配信されたメールはこちら。[/caption]\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。</p>\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 19:36:47', '2016-12-04 10:36:47', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30724, 4, '2016-12-04 19:37:29', '2016-12-04 10:37:29', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/upscribe.png\" alt=\"Upscribe\" width=\"592\" height=\"387\" class=\"alignnone size-full wp-image-30720\" /></p>\r\n<p>サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。</p>\r\n<p>有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。</p>\r\n<p>そこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。</p>\r\n<h3 class=\"header-label\">ニュースレターの登録とメール配信を無料でできる「Upscribe」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、<strong>ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえる</strong>サービス。</p>\r\n<p>獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。</p>\r\n\r\n<h4 class=\"tips\">サクッと登録フォームを作成</h4>\r\n<h5 class=\"tips\">サンプル登録フォーム</h5>\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\n<p>このような埋込み型のニュースレター登録フォームを手軽に作成することができます。</p>\r\n\r\n<h5 class=\"tips\">作り方</h5>\r\n[caption id=\"attachment_30719\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-build.png\" alt=\"まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\" width=\"592\" height=\"345\" class=\"size-full wp-image-30719\" /> まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。[/caption]\r\n\r\n[caption id=\"attachment_30718\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-signup.png\" alt=\"無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30718\" /> 無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30717\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-integration.png\" alt=\"Mailchimpなどのメール配信サービスと連携することも可能。\" width=\"592\" height=\"522\" class=\"size-full wp-image-30717\" /> Mailchimpなどのメール配信サービスと連携することも可能。[/caption]\r\n<p>Mailchimpなどのメール配信サービスと連携し、リストをエクスポートすることも可能。ここでは設定をスキップしてしまっても問題ありません。</p>\r\n\r\n<p>一番下の選択肢から「Google sheet」という連携先を指定できるのですが、設定したもののどこにリストが連携されるのかは不明でした。本サービスに登録したらリストをエクスポートできると記載されていたので、やり方がわかったらこちらで共有いたします。</p>\r\n\r\n[caption id=\"attachment_30716\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-form.png\" alt=\"すると登録フォームが生成されて、URLも発行されます。\" width=\"592\" height=\"389\" class=\"size-full wp-image-30716\" /> すると登録フォームが生成されて、URLも発行されます。[/caption]\r\n\r\n<h4 class=\"tips\">登録フォームを埋め込み＆ソーシャルへシェア</h4>\r\n<p>登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。</p>\r\n<p>埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。</p>\r\n<p>一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）</p>\r\n<code class=\"desc\">&lt;iframe src=&quot;★ここにURL★&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; width=&quot;100%&quot; height=&quot;450&quot;&gt;&lt;/iframe&gt;</code>\r\n<p>登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。</p>\r\n\r\n<h4 class=\"tips\">ニュースレターを配信</h4>\r\n[caption id=\"attachment_30715\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png\" alt=\"ニュースレターを一斉送信できます。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30715\" /> ニュースレターを一斉送信できます。[/caption]\r\n<p>非常にシンプルなものですが、ニュースレターを配信する機能も持っています。</p>\r\n<p>配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。</p>\r\n\r\n[caption id=\"attachment_30714\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png\" alt=\"カンタンな文字装飾も可能。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30714\" /> カンタンな文字装飾も可能。[/caption]\r\n<p>こちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。ただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。</p>\r\n\r\n[caption id=\"attachment_30713\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-menu.png\" alt=\"メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\" width=\"592\" height=\"51\" class=\"size-full wp-image-30713\" /> メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。[/caption]\r\n\r\n[caption id=\"attachment_30721\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-mail.png\" alt=\"配信されたメールはこちら。\" width=\"592\" height=\"373\" class=\"size-full wp-image-30721\" /> 配信されたメールはこちら。[/caption]\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。</p>\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 19:37:29', '2016-12-04 10:37:29', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30725, 4, '2016-12-04 19:37:52', '2016-12-04 10:37:52', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/upscribe.png\" alt=\"Upscribe\" width=\"592\" height=\"387\" class=\"alignnone size-full wp-image-30720\" /></p>\r\n<p>サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。</p>\r\n<p>有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。</p>\r\n<p>そこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。</p>\r\n<h3 class=\"header-label\">ニュースレターの登録とメール配信を無料でできる「Upscribe」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、<strong>ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえる</strong>サービス。</p>\r\n<p>獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。</p>\r\n\r\n<h4 class=\"tips\">サクッと登録フォームを作成</h4>\r\n<h5 class=\"tips\">サンプル登録フォーム</h5>\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\n<p>このような埋込み型のニュースレター登録フォームを手軽に作成することができます。</p>\r\n\r\n<h5 class=\"tips\">作り方</h5>\r\n[caption id=\"attachment_30719\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-build.png\" alt=\"まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\" width=\"592\" height=\"345\" class=\"size-full wp-image-30719\" /> まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。[/caption]\r\n\r\n[caption id=\"attachment_30718\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-signup.png\" alt=\"無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30718\" /> 無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30717\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-integration.png\" alt=\"Mailchimpなどのメール配信サービスと連携することも可能。\" width=\"592\" height=\"522\" class=\"size-full wp-image-30717\" /> Mailchimpなどのメール配信サービスと連携することも可能。[/caption]\r\n<p>Mailchimpなどのメール配信サービスと連携し、リストをエクスポートすることも可能。ここでは設定をスキップしてしまっても問題ありません。</p>\r\n\r\n<p>一番下の選択肢から「Google sheet」という連携先を指定できるのですが、設定したもののどこにリストが連携されるのかは不明でした。本サービスに登録したらリストをエクスポートできると記載されていたので、やり方がわかったらこちらで共有いたします。</p>\r\n\r\n[caption id=\"attachment_30716\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-form.png\" alt=\"すると登録フォームが生成されて、URLも発行されます。\" width=\"592\" height=\"389\" class=\"size-full wp-image-30716\" /> すると登録フォームが生成されて、URLも発行されます。[/caption]\r\n\r\n<h4 class=\"tips\">登録フォームを埋め込み＆ソーシャルへシェア</h4>\r\n<p>登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。</p>\r\n<p>埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。</p>\r\n<p>一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）</p>\r\n<p class=\"desc\">&lt;iframe src=&quot;★ここにURL★&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; width=&quot;100%&quot; height=&quot;450&quot;&gt;&lt;/iframe&gt;</p>\r\n<p>登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。</p>\r\n\r\n<h4 class=\"tips\">ニュースレターを配信</h4>\r\n[caption id=\"attachment_30715\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png\" alt=\"ニュースレターを一斉送信できます。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30715\" /> ニュースレターを一斉送信できます。[/caption]\r\n<p>非常にシンプルなものですが、ニュースレターを配信する機能も持っています。</p>\r\n<p>配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。</p>\r\n\r\n[caption id=\"attachment_30714\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png\" alt=\"カンタンな文字装飾も可能。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30714\" /> カンタンな文字装飾も可能。[/caption]\r\n<p>こちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。ただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。</p>\r\n\r\n[caption id=\"attachment_30713\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-menu.png\" alt=\"メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\" width=\"592\" height=\"51\" class=\"size-full wp-image-30713\" /> メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。[/caption]\r\n\r\n[caption id=\"attachment_30721\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-mail.png\" alt=\"配信されたメールはこちら。\" width=\"592\" height=\"373\" class=\"size-full wp-image-30721\" /> 配信されたメールはこちら。[/caption]\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。</p>\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-04 19:37:52', '2016-12-04 10:37:52', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0);
INSERT INTO `webm_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(30726, 4, '2016-12-05 00:13:30', '2016-12-04 15:13:30', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/upscribe.png\" alt=\"Upscribe\" width=\"592\" height=\"387\" class=\"alignnone size-full wp-image-30720\" /></p>\r\n<p>サービスのローンチ前にカンタンなペライチのサイトにニュースレターの登録フォームを設置するようなケースも多くあると思います。</p>\r\n<p>有料のサービスを使えばカンタンにできる仕組みではあるのですが、できればローンチ前のサービスにはあまりコストを掛けたくないところ。</p>\r\n<p>そこで今回は、無料でカンタンにニュースレターの登録フォームを作れて、メール配信もできてしまうサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ニュースレターの登録とメール配信を無料でできる「Upscribe」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>」は、<strong>ニュースレター登録フォームを生成し、その登録リストへのメール配信もおこなえる</strong>サービス。</p>\r\n<p>獲得するリストはメールアドレスのみですが、たとえばローンチ前のサービスにどれくらいのひとが興味関心を持ってくれているかを測ったりするにも使えそうです。</p>\r\n\r\n<h4 class=\"tips\">サクッと登録フォームを作成</h4>\r\n<h5 class=\"tips\">サンプル登録フォーム</h5>\r\n<iframe src=\"https://upscri.be/6cbd1c\" frameborder=\"0\" scrolling=\"no\" width=\"100%\" height=\"450\"></iframe>\r\n<p>このような埋込み型のニュースレター登録フォームを手軽に作成することができます。</p>\r\n\r\n<h5 class=\"tips\">作り方</h5>\r\n[caption id=\"attachment_30719\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-build.png\" alt=\"まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。\" width=\"592\" height=\"345\" class=\"size-full wp-image-30719\" /> まずニュースレターの名前をつけて、説明文、ロゴ、色を指定。[/caption]\r\n\r\n[caption id=\"attachment_30718\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-signup.png\" alt=\"無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30718\" /> 無料アカウントを作成。Google、Facebookアカウントを使うことも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30717\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-integration.png\" alt=\"Mailchimpなどのメール配信サービスと連携することも可能。\" width=\"592\" height=\"522\" class=\"size-full wp-image-30717\" /> Mailchimpなどのメール配信サービスと連携することも可能。[/caption]\r\n<p>Mailchimpなどのメール配信サービスと連携し、リストをエクスポートすることも可能。ここでは設定をスキップしてしまっても問題ありません。</p>\r\n\r\n<p>一番下の選択肢から「Google sheet」という連携先を指定できるのですが、設定したもののどこにリストが連携されるのかは不明でした。本サービスに登録したらリストをエクスポートできると記載されていたので、やり方がわかったらこちらで共有いたします。</p>\r\n\r\n[caption id=\"attachment_30716\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-form.png\" alt=\"すると登録フォームが生成されて、URLも発行されます。\" width=\"592\" height=\"389\" class=\"size-full wp-image-30716\" /> すると登録フォームが生成されて、URLも発行されます。[/caption]\r\n\r\n<h4 class=\"tips\">登録フォームを埋め込み＆ソーシャルへシェア</h4>\r\n<p>登録フォームを作成したら、TwitterやFacebookなどに投稿するか、このページのようにiframeを使って埋め込んでニュースレターの登録を開始します。</p>\r\n<p>埋め込み用のタグを生成してくれないので、自分でiframeのタグを作ることになります。</p>\r\n<p>一応、参考までにちゃんと表示されたiframeのタグを記載しておきます。（レスポンシブも視野に入れてますが、環境によって変更してください。）</p>\r\n<p class=\"desc\">&lt;iframe src=&quot;★ここにURL★&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; width=&quot;100%&quot; height=&quot;450&quot;&gt;&lt;/iframe&gt;</p>\r\n<p>登録フォームの下にニュースレター登録解除のリンクを表示させることを想定したサイズにしています。</p>\r\n\r\n<h4 class=\"tips\">ニュースレターを配信</h4>\r\n[caption id=\"attachment_30715\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-sendmail.png\" alt=\"ニュースレターを一斉送信できます。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30715\" /> ニュースレターを一斉送信できます。[/caption]\r\n<p>非常にシンプルなものですが、ニュースレターを配信する機能も持っています。</p>\r\n<p>配信するリストを選択し、題名と本文を入力して送信します。リストを選択するときに行頭に表示されるカッコ内の数字はリストの登録者数、つまりこれから配信するメールの配信数です。</p>\r\n\r\n[caption id=\"attachment_30714\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-htmlmail.png\" alt=\"カンタンな文字装飾も可能。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30714\" /> カンタンな文字装飾も可能。[/caption]\r\n<p>こちらもシンプルではありますが、太字や見出し、テキストリンク、引用などの文字装飾もできるようになっています。ただ、おそらくアクセス解析の画像タグのようなものまでは設置できないようになっているようです。</p>\r\n\r\n[caption id=\"attachment_30713\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-menu.png\" alt=\"メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。\" width=\"592\" height=\"51\" class=\"size-full wp-image-30713\" /> メール配信のページは、右上にあるメニューの吹き出しアイコンから入ることができます。[/caption]\r\n\r\n[caption id=\"attachment_30721\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/upscribe-mail.png\" alt=\"配信されたメールはこちら。\" width=\"592\" height=\"373\" class=\"size-full wp-image-30721\" /> 配信されたメールはこちら。[/caption]\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://upscri.be/\">Upscribe</a>へどうぞ。</p>\r\n', 'ニュースレターの登録と配信を手軽におこなえる「Upscribe」', '', 'inherit', 'closed', 'closed', '', '30709-revision-v1', '', '', '2016-12-05 00:13:30', '2016-12-04 15:13:30', '', 30709, 'http://web-marketing.zako.org/web-tools/30709-revision-v1.html', 0, 'revision', '', 0),
(30728, 4, '2016-12-11 23:04:08', '2016-12-11 14:04:08', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/io-editor.png\" alt=\"IO\" width=\"592\" height=\"266\" class=\"alignnone size-full wp-image-30735\" /></p>\r\n<p>たとえばEvernoteへ装飾したテキストを保存したいときなどに、Markdownエディタは意外と便利。特にEvernoteのWindowsクライアントを使っている人は、クライアントに直接書いていると体裁を整えたいときに不便なこともあるので、そう感じることも多いのではないでしょうか。</p>\r\n<p>ただ、Markdown記法で文章をライティングするのも面倒ということもあるかと思います。</p>\r\n<p>今回は、そんな方にも手軽に使える、ブラウザベースのMarkdownエディタをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Markdownだけど手軽にライティングできるブラウザエディタ「I/O 」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://bold.io/\">I/O</a>」は、<strong>Markdown記法をより直感的に使える軽量のブラウザエディタ。</strong></p>\r\n<p>Twitterアカウントと連携して利用することができ、書いた文章をそのままウェブに公開することも可能です。</p>\r\n\r\n<h4 class=\"tips\">Markdownを直感的に使える</h4>\r\n[caption id=\"attachment_30733\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-markdown.png\" alt=\"行頭をクリックすることで、装飾を選べる。\" width=\"592\" height=\"427\" class=\"size-full wp-image-30733\" /> 行頭をクリックすることで、装飾を選べる。[/caption]\r\n<p>##などと打つことなく、Markdown記法を覚えていなくても、選択肢の中から文字装飾を選んで記述することができます。</p>\r\n<p>また、Markdown記法がそのまま表示されるのではなく、装飾がなされたアウトプットと同じ状態で表示されます。</p>\r\n\r\n[caption id=\"attachment_30732\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-commands.png\" alt=\"コマンドで装飾することも可能。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30732\" /> コマンドで装飾することも可能。[/caption]\r\n<p>選択肢から選ぶだけでなく、「/」を打つことで文字装飾を呼び出すこともできます。たとえば /h1 と打てばH1が適用されますし、/ol と打てば番号リストが出てきます。</p>\r\n\r\n<p>また文字装飾以外にも画像を埋め込むことも可能になっています。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://bold.io/2016-12-11-natmq\">ウェブに公開したサンプルはこちら </a></p>\r\n\r\n<h4 class=\"tips\">ライティングに集中する環境を作れる</h4>\r\n[caption id=\"attachment_30734\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-anbience.png\" alt=\"パリのカフェや嵐、ビーチや森などの音から選べる。\" width=\"592\" height=\"331\" class=\"size-full wp-image-30734\" /> パリのカフェや嵐、ビーチや森などの音から選べる。[/caption]\r\n<p>パリのカフェに居るかのような音や、雷、波の音など、ライティングに没頭できるような音の環境を作り出すことができます。</p>\r\n\r\n<h4 class=\"tips\">そのままウェブに公開できる</h4>\r\n[caption id=\"attachment_30731\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-publish.png\" alt=\"右上のPublishボタンを押してウェブへ公開。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30731\" /> 右上のPublishボタンを押してウェブへ公開。[/caption]\r\n<p>書き上げた文章を、そのままウェブへ公開することも可能。一度公開した後に再度編集することもできます。</p>\r\n\r\n<h4 class=\"tips\">Markdown、JSON形式でダウンロード可能</h4>\r\n[caption id=\"attachment_30730\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-download.png\" alt=\"作成したテキストを２つの形式でダウンロードできる。\" width=\"591\" height=\"243\" class=\"size-full wp-image-30730\" /> 作成したテキストを２つの形式でダウンロードできる。[/caption]\r\n<p>書き上げた文章を公開せずにMarkdown形式、あるいはJSON形式でダウンロードすることも可能。Evernoteクライアントを使っていれば、ホットキーでEvernoteへ貼り付けることもできますね。</p>\r\n[caption id=\"attachment_30729\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-evernote.png\" alt=\"ホットキーでEvernoteに貼り付けたノート。\" width=\"592\" height=\"535\" class=\"size-full wp-image-30729\" /> ホットキーでEvernoteに貼り付けたノート。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://bold.io/\">I/O</a>へどうぞ。</p>\r\n\r\n', '簡単にMarkdown記法でライティングできて、ウェブに公開もできるブラウザエディタ「I/O」', 'Evernoteへ装飾した文章を入れたいときにも便利なMarkdown記法に対応した軽量ブラウザエディタ。', 'publish', 'open', 'closed', '', 'markdown-editor-io', '', '', '2016-12-11 23:04:08', '2016-12-11 14:04:08', '', 0, 'http://web-marketing.zako.org/?p=30728', 0, 'post', '', 0),
(30729, 4, '2016-12-11 18:45:28', '2016-12-11 09:45:28', '', 'io-evernote', 'ホットキーでEvernoteに貼り付けたノート。', 'inherit', 'open', 'closed', '', 'io-evernote', '', '', '2016-12-11 18:45:44', '2016-12-11 09:45:44', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-evernote.png', 0, 'attachment', 'image/png', 0),
(30730, 4, '2016-12-11 18:45:30', '2016-12-11 09:45:30', '', 'io-download', '作成したテキストを２つの形式でダウンロードできる。', 'inherit', 'open', 'closed', '', 'io-download', '', '', '2016-12-11 18:45:52', '2016-12-11 09:45:52', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-download.png', 0, 'attachment', 'image/png', 0),
(30731, 4, '2016-12-11 18:45:30', '2016-12-11 09:45:30', '', 'io-publish', '右上のPublishボタンを押してウェブへ公開。', 'inherit', 'open', 'closed', '', 'io-publish', '', '', '2016-12-11 18:45:58', '2016-12-11 09:45:58', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-publish.png', 0, 'attachment', 'image/png', 0),
(30732, 4, '2016-12-11 18:45:31', '2016-12-11 09:45:31', '', 'io-commands', 'コマンドで装飾することも可能。', 'inherit', 'open', 'closed', '', 'io-commands', '', '', '2016-12-11 18:46:07', '2016-12-11 09:46:07', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-commands.png', 0, 'attachment', 'image/png', 0),
(30733, 4, '2016-12-11 18:45:31', '2016-12-11 09:45:31', '', 'io-markdown', '行頭をクリックすることで、装飾を選べる。', 'inherit', 'open', 'closed', '', 'io-markdown', '', '', '2016-12-11 18:46:14', '2016-12-11 09:46:14', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-markdown.png', 0, 'attachment', 'image/png', 0),
(30734, 4, '2016-12-11 18:45:32', '2016-12-11 09:45:32', '', 'io-anbience', 'パリのカフェや嵐、ビーチや森などの音から選べる。', 'inherit', 'open', 'closed', '', 'io-anbience', '', '', '2016-12-11 18:46:24', '2016-12-11 09:46:24', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-anbience.png', 0, 'attachment', 'image/png', 0),
(30735, 4, '2016-12-11 18:45:32', '2016-12-11 09:45:32', '', 'io-editor', '', 'inherit', 'open', 'closed', '', 'io-editor', '', '', '2016-12-11 18:46:31', '2016-12-11 09:46:31', '', 30728, 'http://web-marketing.zako.org/images/2016/12/io-editor.png', 0, 'attachment', 'image/png', 0),
(30736, 4, '2016-12-11 18:50:09', '2016-12-11 09:50:09', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/io-editor.png\" alt=\"IO\" width=\"592\" height=\"266\" class=\"alignnone size-full wp-image-30735\" /></p>\r\n<p>たとえばEvernoteへ装飾したテキストを保存したいときなどに、Markdownエディタは意外と便利。特にEvernoteのWindowsクライアントを使っている人は、クライアントに直接書いていると体裁を整えたいときに不便なこともあるので、そう感じることも多いのではないでしょうか。</p>\r\n<p>ただ、Markdown記法で文章をライティングするのも面倒ということもあるかと思います。</p>\r\n<p>今回は、そんな方にも手軽に使える、ブラウザベースのMarkdownエディタをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Markdownだけど手軽にライティングできるブラウザエディタ「I/O 」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://bold.io/\">I/O</a>」は、<strong>Markdown記法をより直感的に使える軽量のブラウザエディタ。</strong></p>\r\n<p>Twitterアカウントと連携して利用することができ、書いた文章をそのままウェブに公開することも可能です。</p>\r\n\r\n<h4 class=\"tips\">Markdownを直感的に使える</h4>\r\n[caption id=\"attachment_30733\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-markdown.png\" alt=\"行頭をクリックすることで、装飾を選べる。\" width=\"592\" height=\"427\" class=\"size-full wp-image-30733\" /> 行頭をクリックすることで、装飾を選べる。[/caption]\r\n<p>##などと打つことなく、Markdown記法を覚えていなくても、選択肢の中から文字装飾を選んで記述することができます。</p>\r\n<p>また、Markdown記法がそのまま表示されるのではなく、装飾がなされたアウトプットと同じ状態で表示されます。</p>\r\n\r\n[caption id=\"attachment_30732\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-commands.png\" alt=\"コマンドで装飾することも可能。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30732\" /> コマンドで装飾することも可能。[/caption]\r\n<p>選択肢から選ぶだけでなく、「/」を打つことで文字装飾を呼び出すこともできます。たとえば /h1 と打てばH1が適用されますし、/ol と打てば番号リストが出てきます。</p>\r\n\r\n<p>また文字装飾以外にも画像を埋め込むことも可能になっています。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://bold.io/2016-12-11-natmq\">サンプルはこちら </a></p>\r\n\r\n<h4 class=\"tips\">ライティングに集中する環境を作れる</h4>\r\n[caption id=\"attachment_30734\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-anbience.png\" alt=\"パリのカフェや嵐、ビーチや森などの音から選べる。\" width=\"592\" height=\"331\" class=\"size-full wp-image-30734\" /> パリのカフェや嵐、ビーチや森などの音から選べる。[/caption]\r\n<p>パリのカフェに居るかのような音や、雷、波の音など、ライティングに没頭できるような音の環境を作り出すことができます。</p>\r\n\r\n<h4 class=\"tips\">そのままウェブに公開できる</h4>\r\n[caption id=\"attachment_30731\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-publish.png\" alt=\"右上のPublishボタンを押してウェブへ公開。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30731\" /> 右上のPublishボタンを押してウェブへ公開。[/caption]\r\n<p>書き上げた文章を、そのままウェブへ公開することも可能。一度公開した後に再度編集することもできます。</p>\r\n\r\n<h4 class=\"tips\">Markdown、JSON形式でダウンロード可能</h4>\r\n[caption id=\"attachment_30730\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-download.png\" alt=\"作成したテキストを２つの形式でダウンロードできる。\" width=\"591\" height=\"243\" class=\"size-full wp-image-30730\" /> 作成したテキストを２つの形式でダウンロードできる。[/caption]\r\n<p>書き上げた文章を公開せずにMarkdown形式、あるいはJSON形式でダウンロードすることも可能。Evernoteクライアントを使っていれば、ホットキーでEvernoteへ貼り付けることもできますね。</p>\r\n[caption id=\"attachment_30729\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-evernote.png\" alt=\"ホットキーでEvernoteに貼り付けたノート。\" width=\"592\" height=\"535\" class=\"size-full wp-image-30729\" /> ホットキーでEvernoteに貼り付けたノート。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://bold.io/\">I/O</a>へどうぞ。</p>\r\n\r\n', '簡単にMarkdown記法でライティングできて、ウェブに公開もできるブラウザエディタ「I/O」', 'Evernoteへ装飾した文章を入れたいときにも便利なMarkdown記法に対応した軽量ブラウザエディタ。', 'inherit', 'closed', 'closed', '', '30728-revision-v1', '', '', '2016-12-11 18:50:09', '2016-12-11 09:50:09', '', 30728, 'http://web-marketing.zako.org/web-tools/30728-revision-v1.html', 0, 'revision', '', 0),
(30737, 4, '2016-12-11 19:01:07', '2016-12-11 10:01:07', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/io-editor.png\" alt=\"IO\" width=\"592\" height=\"266\" class=\"alignnone size-full wp-image-30735\" /></p>\r\n<p>たとえばEvernoteへ装飾したテキストを保存したいときなどに、Markdownエディタは意外と便利。特にEvernoteのWindowsクライアントを使っている人は、クライアントに直接書いていると体裁を整えたいときに不便なこともあるので、そう感じることも多いのではないでしょうか。</p>\r\n<p>ただ、Markdown記法で文章をライティングするのも面倒ということもあるかと思います。</p>\r\n<p>今回は、そんな方にも手軽に使える、ブラウザベースのMarkdownエディタをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Markdownだけど手軽にライティングできるブラウザエディタ「I/O 」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://bold.io/\">I/O</a>」は、<strong>Markdown記法をより直感的に使える軽量のブラウザエディタ。</strong></p>\r\n<p>Twitterアカウントと連携して利用することができ、書いた文章をそのままウェブに公開することも可能です。</p>\r\n\r\n<h4 class=\"tips\">Markdownを直感的に使える</h4>\r\n[caption id=\"attachment_30733\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-markdown.png\" alt=\"行頭をクリックすることで、装飾を選べる。\" width=\"592\" height=\"427\" class=\"size-full wp-image-30733\" /> 行頭をクリックすることで、装飾を選べる。[/caption]\r\n<p>##などと打つことなく、Markdown記法を覚えていなくても、選択肢の中から文字装飾を選んで記述することができます。</p>\r\n<p>また、Markdown記法がそのまま表示されるのではなく、装飾がなされたアウトプットと同じ状態で表示されます。</p>\r\n\r\n[caption id=\"attachment_30732\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-commands.png\" alt=\"コマンドで装飾することも可能。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30732\" /> コマンドで装飾することも可能。[/caption]\r\n<p>選択肢から選ぶだけでなく、「/」を打つことで文字装飾を呼び出すこともできます。たとえば /h1 と打てばH1が適用されますし、/ol と打てば番号リストが出てきます。</p>\r\n\r\n<p>また文字装飾以外にも画像を埋め込むことも可能になっています。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://bold.io/2016-12-11-natmq\">ウェブに公開したサンプルはこちら </a></p>\r\n\r\n<h4 class=\"tips\">ライティングに集中する環境を作れる</h4>\r\n[caption id=\"attachment_30734\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-anbience.png\" alt=\"パリのカフェや嵐、ビーチや森などの音から選べる。\" width=\"592\" height=\"331\" class=\"size-full wp-image-30734\" /> パリのカフェや嵐、ビーチや森などの音から選べる。[/caption]\r\n<p>パリのカフェに居るかのような音や、雷、波の音など、ライティングに没頭できるような音の環境を作り出すことができます。</p>\r\n\r\n<h4 class=\"tips\">そのままウェブに公開できる</h4>\r\n[caption id=\"attachment_30731\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-publish.png\" alt=\"右上のPublishボタンを押してウェブへ公開。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30731\" /> 右上のPublishボタンを押してウェブへ公開。[/caption]\r\n<p>書き上げた文章を、そのままウェブへ公開することも可能。一度公開した後に再度編集することもできます。</p>\r\n\r\n<h4 class=\"tips\">Markdown、JSON形式でダウンロード可能</h4>\r\n[caption id=\"attachment_30730\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-download.png\" alt=\"作成したテキストを２つの形式でダウンロードできる。\" width=\"591\" height=\"243\" class=\"size-full wp-image-30730\" /> 作成したテキストを２つの形式でダウンロードできる。[/caption]\r\n<p>書き上げた文章を公開せずにMarkdown形式、あるいはJSON形式でダウンロードすることも可能。Evernoteクライアントを使っていれば、ホットキーでEvernoteへ貼り付けることもできますね。</p>\r\n[caption id=\"attachment_30729\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/io-evernote.png\" alt=\"ホットキーでEvernoteに貼り付けたノート。\" width=\"592\" height=\"535\" class=\"size-full wp-image-30729\" /> ホットキーでEvernoteに貼り付けたノート。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://bold.io/\">I/O</a>へどうぞ。</p>\r\n\r\n', '簡単にMarkdown記法でライティングできて、ウェブに公開もできるブラウザエディタ「I/O」', 'Evernoteへ装飾した文章を入れたいときにも便利なMarkdown記法に対応した軽量ブラウザエディタ。', 'inherit', 'closed', 'closed', '', '30728-revision-v1', '', '', '2016-12-11 19:01:07', '2016-12-11 10:01:07', '', 30728, 'http://web-marketing.zako.org/web-tools/30728-revision-v1.html', 0, 'revision', '', 0),
(30739, 4, '2016-12-25 23:57:57', '2016-12-25 14:57:57', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator.png\" alt=\"youtube-money-calculator\" width=\"592\" height=\"325\" class=\"alignnone size-full wp-image-30744\" /></p>\r\n<p>YouTubeで動画を公開し、マネタイズするにはどのくらいの再生回数が必要なのか、この再生回数でどのくらいの収益を得ているのかなどといったデータが欲しくても、なかなか手軽には計算できないかと思います。</p>\r\n<p>今回は、そんなYouTube動画の再生回数や平均再生率から、だいたいの広告収入金額を試算できるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">動画の再生回数やURL、チャンネルIDから稼いでいる金額を試算できる「YouTube Money Calculator」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>」は、<strong>YouTube動画の再生回数や平均再生率、あるいはチャンネル、特定の動画からどれくらいの収益を得られそうか試算</strong>してくれるサービス。</p>\r\n<p>ベンチマークするチャンネルや動画単体からも試算することができるので、おおよその数字を把握するのに役立ちます。</p>\r\n\r\n<h4 class=\"tips\">動画の再生回数、平均再生率から収益を試算</h4>\r\n[caption id=\"attachment_30745\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-base.png\" alt=\"１日の再生回数や平均再生率から、月間、年間で得られる収益を計算。\" width=\"592\" height=\"341\" class=\"size-full wp-image-30745\" /> １日の再生回数や平均再生率から、月間、年間で得られる収益を計算。[/caption]\r\n<p>まず、動画の１日の再生回数と平均再生率をもとに、日、月間、年間の収益を試算します。普遍的なネタで、季節性のない通年で再生されることが条件の試算にはなりますが、だいたいの相場を見るには役立ちそうなものになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">2016年に話題になったあの動画はどうなのか</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/0E00Zuayv9Q\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>2016年の後半から一気に1億回以上の再生回数を稼ぎ出したあのひとのチャンネルや動画はいったいどれくらいの収益生み出しているのか、という試算もおこなえます。ベンチマークする動画チャンネルを見てどの程度の収益が見込めそうか判断するツールとしても使えそうですね。</p>\r\n\r\n<h5 class=\"tips\">・YouTubeチャンネルから算出</h5>\r\n[caption id=\"attachment_30743\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel.png\" alt=\"YouTubeチャンネルの収益を試算した結果。\" width=\"592\" height=\"339\" class=\"size-full wp-image-30743\" /> YouTubeチャンネルの収益を試算した結果。[/caption]\r\n<p>こちらは、一番最初に投稿された<a target=\"_blank\" href=\"https://www.youtube.com/channel/UCKpIOnsk-gcwHXIzuk24ExA\">公式ピコ太郎歌唱ビデオチャンネル</a>をもとに計算したもの。すべての動画の再生回数を合わせて１億８５４６万（2016年12月25日時点）で、トータルの収益が約７８万９千ドルという試算になりました。</p>\r\n\r\n[caption id=\"attachment_30741\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel-id.png\" alt=\"YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。\" width=\"592\" height=\"118\" class=\"size-full wp-image-30741\" /> YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。[/caption]\r\n<p>上記画像のように、URLの一部をYouTube Money Calculatorにコピペすることで試算できるようになっています。</p>\r\n\r\n<h5 class=\"tips\">動画から算出</h5>\r\n[caption id=\"attachment_30742\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie.png\" alt=\"動画単位で試算した結果。\" width=\"592\" height=\"593\" class=\"size-full wp-image-30742\" /> 動画単位で試算した結果。[/caption]\r\n<p>こちらは<a target=\"_blank\" href=\"https://www.youtube.com/watch?v=0E00Zuayv9Q\">PPAP</a>の動画を、動画単位で試算したもの。試算結果は約１９万４千ドルと、他の動画の収益も多くあることがわかります。</p>\r\n\r\n<p>動画単位の場合はURLをYouTube Money Calculatorにコピペして試算します。動画単位で試算をすると、チャンネル単位の試算も同時にやってくれるようですので、動画単位で試算するほうが効率が良さそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>へどうぞ。</p>\r\n', 'Youtube動画でいくらくらい稼げるかを計算できる「YouTube Money Calculator」', '特定のYouTube動画でどれくらいの収益を上げているのか試算できるオンライン計算機。', 'publish', 'open', 'closed', '', 'youtube-money-calculator', '', '', '2016-12-25 23:57:57', '2016-12-25 14:57:57', '', 0, 'http://web-marketing.zako.org/?p=30739', 0, 'post', '', 0),
(30740, 4, '2016-12-25 21:34:05', '2016-12-25 12:34:05', '', 'youtube-money-calculator-movie-id', '動画URLにある動画のIDを使って試算します。', 'inherit', 'open', 'closed', '', 'youtube-money-calculator-movie-id', '', '', '2016-12-25 21:34:35', '2016-12-25 12:34:35', '', 30739, 'http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie-id.png', 0, 'attachment', 'image/png', 0),
(30741, 4, '2016-12-25 21:34:07', '2016-12-25 12:34:07', '', 'youtube-money-calculator-chanel-id', 'YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。', 'inherit', 'open', 'closed', '', 'youtube-money-calculator-chanel-id', '', '', '2016-12-25 21:34:43', '2016-12-25 12:34:43', '', 30739, 'http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel-id.png', 0, 'attachment', 'image/png', 0),
(30742, 4, '2016-12-25 21:34:07', '2016-12-25 12:34:07', '', 'youtube-money-calculator-movie', '動画単位で試算した結果。', 'inherit', 'open', 'closed', '', 'youtube-money-calculator-movie', '', '', '2016-12-25 21:34:50', '2016-12-25 12:34:50', '', 30739, 'http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie.png', 0, 'attachment', 'image/png', 0),
(30743, 4, '2016-12-25 21:34:08', '2016-12-25 12:34:08', '', 'youtube-money-calculator-chanel', 'YouTubeチャンネルの収益を試算した結果。', 'inherit', 'open', 'closed', '', 'youtube-money-calculator-chanel', '', '', '2016-12-25 21:34:56', '2016-12-25 12:34:56', '', 30739, 'http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel.png', 0, 'attachment', 'image/png', 0),
(30744, 4, '2016-12-25 21:34:09', '2016-12-25 12:34:09', '', 'youtube-money-calculator', '', 'inherit', 'open', 'closed', '', 'youtube-money-calculator-2', '', '', '2016-12-25 21:34:09', '2016-12-25 12:34:09', '', 30739, 'http://web-marketing.zako.org/images/2016/12/youtube-money-calculator.png', 0, 'attachment', 'image/png', 0),
(30745, 4, '2016-12-25 21:34:09', '2016-12-25 12:34:09', '', 'youtube-money-calculator-base', '１日の再生回数や平均再生率から、月間、年間で得られる収益を計算。', 'inherit', 'open', 'closed', '', 'youtube-money-calculator-base', '', '', '2016-12-25 21:35:06', '2016-12-25 12:35:06', '', 30739, 'http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-base.png', 0, 'attachment', 'image/png', 0),
(30747, 4, '2016-12-25 21:45:28', '2016-12-25 12:45:28', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator.png\" alt=\"youtube-money-calculator\" width=\"592\" height=\"325\" class=\"alignnone size-full wp-image-30744\" /></p>\r\n<p>YouTubeで動画を公開し、マネタイズするにはどのくらいの再生回数が必要なのか、この再生回数でどのくらいの収益を得ているのかなどといったデータが欲しくても、なかなか手軽には計算できないかと思います。</p>\r\n<p>今回は、そんなYouTube動画の再生回数や平均再生率から、だいたいの広告収入金額を試算できるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">動画の再生回数やURL、チャンネルIDから稼いでいる金額を試算できる「YouTube Money Calculator」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>」は、<strong>YouTube動画の再生回数や平均再生率、あるいはチャンネル、特定の動画からどれくらいの収益を得られそうか試算</strong>してくれるサービス。</p>\r\n<p>ベンチマークするチャンネルや動画単体からも試算することができるので、おおよその数字を把握するのに役立ちます。</p>\r\n\r\n<h4 class=\"tips\">動画の再生回数、平均再生率から収益を試算</h4>\r\n[caption id=\"attachment_30745\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-base.png\" alt=\"１日の再生回数や平均再生率から、月間、年間で得られる収益を計算。\" width=\"592\" height=\"341\" class=\"size-full wp-image-30745\" /> １日の再生回数や平均再生率から、月間、年間で得られる収益を計算。[/caption]\r\n<p>まず、動画の１日の再生回数と平均再生率をもとに、日、月間、年間の収益を試算します。普遍的なネタで、季節性のない通年で再生されることが条件の試算にはなりますが、だいたいの相場を見るには役立ちそうなものになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">2016年に話題になったあの動画はどうなのか</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/0E00Zuayv9Q\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>2016年の後半から一気に1億回以上の再生回数を稼ぎ出したあのひとのチャンネルや動画はいったいどれくらいの収益生み出しているのか、という試算もおこなえます。ベンチマークする動画チャンネルを見てどの程度の収益が見込めそうか判断するツールとしても使えそうですね。</p>\r\n\r\n<h5 class=\"tips\">・YouTubeチャンネルから算出</h5>\r\n[caption id=\"attachment_30743\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel.png\" alt=\"YouTubeチャンネルの収益を試算した結果。\" width=\"592\" height=\"339\" class=\"size-full wp-image-30743\" /> YouTubeチャンネルの収益を試算した結果。[/caption]\r\n<p>こちらは、<a target=\"_blank\" href=\"https://www.youtube.com/channel/UCKpIOnsk-gcwHXIzuk24ExA\">公式ピコ太郎歌唱ビデオチャンネル</a>をもとに計算したもの。すべての動画の再生回数を合わせて１億８５４６万（2016年12月25日時点）で、トータルの収益が約７８万９千ドルという試算になりました。</p>\r\n\r\n[caption id=\"attachment_30741\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel-id.png\" alt=\"YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。\" width=\"592\" height=\"118\" class=\"size-full wp-image-30741\" /> YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。[/caption]\r\n<p>上記画像のように、URLの一部をYouTube Money Calculatorにコピペすることで試算できるようになっています。</p>\r\n\r\n<h5 class=\"tips\">動画から算出</h5>\r\n[caption id=\"attachment_30742\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie.png\" alt=\"動画単位で試算した結果。\" width=\"592\" height=\"593\" class=\"size-full wp-image-30742\" /> 動画単位で試算した結果。[/caption]\r\n<p>こちらは<a target=\"_blank\" href=\"https://www.youtube.com/watch?v=0E00Zuayv9Q\">PPAP</a>の動画を、動画単位で試算したもの。試算結果は約１９万４千ドルと、他の動画の収益も多くあることがわかります。</p>\r\n\r\n<p>動画単位の場合はURLをYouTube Money Calculatorにコピペして試算します。動画単位で試算をすると、チャンネル単位の試算も同時にやってくれるようですので、動画単位で試算するほうが効率が良さそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>へどうぞ。</p>\r\n', 'Youtube動画でいくら稼げるかを計算できる「YouTube Money Calculator」', '特定のYouTube動画でどれくらいの収益を上げているのか試算できるオンライン計算機。', 'inherit', 'closed', 'closed', '', '30739-revision-v1', '', '', '2016-12-25 21:45:28', '2016-12-25 12:45:28', '', 30739, 'http://web-marketing.zako.org/web-tools/30739-revision-v1.html', 0, 'revision', '', 0),
(30746, 4, '2016-12-25 21:42:00', '2016-12-25 12:42:00', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator.png\" alt=\"youtube-money-calculator\" width=\"592\" height=\"325\" class=\"alignnone size-full wp-image-30744\" /></p>\r\n<p>YouTubeで動画を公開し、マネタイズするにはどのくらいの再生回数が必要なのか、この再生回数でどのくらいの収益を得ているのかなどといったデータが欲しくても、なかなか手軽には計算できないかと思います。</p>\r\n<p>今回は、そんなYouTube動画の再生回数や平均再生率から、だいたいの広告収入金額を試算できるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">動画の再生回数やURL、チャンネルIDから稼いでいる金額を試算できる「YouTube Money Calculator」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>」は、<strong>YouTube動画の再生回数や平均再生率、あるいはチャンネル、特定の動画からどれくらいの収益を得られそうか試算</strong>してくれるサービス。</p>\r\n<p>ベンチマークするチャンネルや動画単体からも試算することができるので、おおよその数字を把握するのに役立ちます。</p>\r\n\r\n<h4 class=\"tips\">動画の再生回数、平均再生率から収益を試算</h4>\r\n[caption id=\"attachment_30745\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-base.png\" alt=\"１日の再生回数や平均再生率から、月間、年間で得られる収益を計算。\" width=\"592\" height=\"341\" class=\"size-full wp-image-30745\" /> １日の再生回数や平均再生率から、月間、年間で得られる収益を計算。[/caption]\r\n<p>まず、動画の１日の再生回数と平均再生率をもとに、日、月間、年間の収益を試算します。普遍的なネタで、季節性のない通年で再生されることが条件の試算にはなりますが、だいたいの相場を見るには役立ちそうなものになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">2016年に話題になったあの動画はどうなのか</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/0E00Zuayv9Q\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>2016年の後半から一気に1億回以上の再生回数を稼ぎ出したあのひとのチャンネルや動画はいったいどれくらいの収益生み出しているのか、という試算もおこなえます。ベンチマークする動画チャンネルを見てどの程度の収益が見込めそうか判断するツールとしても使えそうですね。</p>\r\n\r\n<h5 class=\"tips\">・YouTubeチャンネルから算出</h5>\r\n[caption id=\"attachment_30743\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel.png\" alt=\"YouTubeチャンネルの収益を試算した結果。\" width=\"592\" height=\"339\" class=\"size-full wp-image-30743\" /> YouTubeチャンネルの収益を試算した結果。[/caption]\r\n<p>こちらは、<a target=\"_blank\" href=\"https://www.youtube.com/channel/UCKpIOnsk-gcwHXIzuk24ExA\">公式ピコ太郎歌唱ビデオチャンネル</a>をもとに計算したもの。すべての動画の再生回数を合わせて１億８５４６万（2016年12月25日時点）で、トータルの収益が約７８万９千ドルという試算になりました。</p>\r\n\r\n[caption id=\"attachment_30741\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel-id.png\" alt=\"YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。\" width=\"592\" height=\"118\" class=\"size-full wp-image-30741\" /> YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。[/caption]\r\n<p>上記画像のように、URLの一部をYouTube Money Calculatorにコピペすることで試算できるようになっています。</p>\r\n\r\n<h5 class=\"tips\">動画から算出</h5>\r\n[caption id=\"attachment_30742\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie.png\" alt=\"動画単位で試算した結果。\" width=\"592\" height=\"593\" class=\"size-full wp-image-30742\" /> 動画単位で試算した結果。[/caption]\r\n<p>こちらは<a target=\"_blank\" href=\"https://www.youtube.com/watch?v=0E00Zuayv9Q\">PPAP</a>の動画を、動画単位で試算したもの。動画単位で試算をすると、チャンネル単位の試算も同時にやってくれるようですので、動画単位で試算するほうが効率が良さそうです。</p>\r\n\r\n[caption id=\"attachment_30740\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie-id.png\" alt=\"動画URLにある動画のIDを使って試算します。\" width=\"592\" height=\"33\" class=\"size-full wp-image-30740\" /> 動画URLにある動画のIDを使って試算します。[/caption]\r\n<p>動画単位の場合も、URLの一部をYouTube Money Calculatorにコピペして試算します。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>へどうぞ。</p>\r\n', 'Youtube動画でいくら稼げるかを計算できる「YouTube Money Calculator」', '特定のYouTube動画でどれくらいの収益を上げているのか試算できるオンライン計算機。', 'inherit', 'closed', 'closed', '', '30739-revision-v1', '', '', '2016-12-25 21:42:00', '2016-12-25 12:42:00', '', 30739, 'http://web-marketing.zako.org/web-tools/30739-revision-v1.html', 0, 'revision', '', 0),
(30748, 4, '2016-12-25 21:46:15', '2016-12-25 12:46:15', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator.png\" alt=\"youtube-money-calculator\" width=\"592\" height=\"325\" class=\"alignnone size-full wp-image-30744\" /></p>\r\n<p>YouTubeで動画を公開し、マネタイズするにはどのくらいの再生回数が必要なのか、この再生回数でどのくらいの収益を得ているのかなどといったデータが欲しくても、なかなか手軽には計算できないかと思います。</p>\r\n<p>今回は、そんなYouTube動画の再生回数や平均再生率から、だいたいの広告収入金額を試算できるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">動画の再生回数やURL、チャンネルIDから稼いでいる金額を試算できる「YouTube Money Calculator」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>」は、<strong>YouTube動画の再生回数や平均再生率、あるいはチャンネル、特定の動画からどれくらいの収益を得られそうか試算</strong>してくれるサービス。</p>\r\n<p>ベンチマークするチャンネルや動画単体からも試算することができるので、おおよその数字を把握するのに役立ちます。</p>\r\n\r\n<h4 class=\"tips\">動画の再生回数、平均再生率から収益を試算</h4>\r\n[caption id=\"attachment_30745\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-base.png\" alt=\"１日の再生回数や平均再生率から、月間、年間で得られる収益を計算。\" width=\"592\" height=\"341\" class=\"size-full wp-image-30745\" /> １日の再生回数や平均再生率から、月間、年間で得られる収益を計算。[/caption]\r\n<p>まず、動画の１日の再生回数と平均再生率をもとに、日、月間、年間の収益を試算します。普遍的なネタで、季節性のない通年で再生されることが条件の試算にはなりますが、だいたいの相場を見るには役立ちそうなものになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">2016年に話題になったあの動画はどうなのか</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/0E00Zuayv9Q\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>2016年の後半から一気に1億回以上の再生回数を稼ぎ出したあのひとのチャンネルや動画はいったいどれくらいの収益生み出しているのか、という試算もおこなえます。ベンチマークする動画チャンネルを見てどの程度の収益が見込めそうか判断するツールとしても使えそうですね。</p>\r\n\r\n<h5 class=\"tips\">・YouTubeチャンネルから算出</h5>\r\n[caption id=\"attachment_30743\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel.png\" alt=\"YouTubeチャンネルの収益を試算した結果。\" width=\"592\" height=\"339\" class=\"size-full wp-image-30743\" /> YouTubeチャンネルの収益を試算した結果。[/caption]\r\n<p>こちらは、一番最初に投稿された<a target=\"_blank\" href=\"https://www.youtube.com/channel/UCKpIOnsk-gcwHXIzuk24ExA\">公式ピコ太郎歌唱ビデオチャンネル</a>をもとに計算したもの。すべての動画の再生回数を合わせて１億８５４６万（2016年12月25日時点）で、トータルの収益が約７８万９千ドルという試算になりました。</p>\r\n\r\n[caption id=\"attachment_30741\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel-id.png\" alt=\"YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。\" width=\"592\" height=\"118\" class=\"size-full wp-image-30741\" /> YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。[/caption]\r\n<p>上記画像のように、URLの一部をYouTube Money Calculatorにコピペすることで試算できるようになっています。</p>\r\n\r\n<h5 class=\"tips\">動画から算出</h5>\r\n[caption id=\"attachment_30742\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie.png\" alt=\"動画単位で試算した結果。\" width=\"592\" height=\"593\" class=\"size-full wp-image-30742\" /> 動画単位で試算した結果。[/caption]\r\n<p>こちらは<a target=\"_blank\" href=\"https://www.youtube.com/watch?v=0E00Zuayv9Q\">PPAP</a>の動画を、動画単位で試算したもの。試算結果は約１９万４千ドルと、他の動画の収益も多くあることがわかります。</p>\r\n\r\n<p>動画単位の場合はURLをYouTube Money Calculatorにコピペして試算します。動画単位で試算をすると、チャンネル単位の試算も同時にやってくれるようですので、動画単位で試算するほうが効率が良さそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>へどうぞ。</p>\r\n', 'Youtube動画でいくら稼げるかを計算できる「YouTube Money Calculator」', '特定のYouTube動画でどれくらいの収益を上げているのか試算できるオンライン計算機。', 'inherit', 'closed', 'closed', '', '30739-revision-v1', '', '', '2016-12-25 21:46:15', '2016-12-25 12:46:15', '', 30739, 'http://web-marketing.zako.org/web-tools/30739-revision-v1.html', 0, 'revision', '', 0),
(30749, 4, '2016-12-25 21:48:50', '2016-12-25 12:48:50', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator.png\" alt=\"youtube-money-calculator\" width=\"592\" height=\"325\" class=\"alignnone size-full wp-image-30744\" /></p>\r\n<p>YouTubeで動画を公開し、マネタイズするにはどのくらいの再生回数が必要なのか、この再生回数でどのくらいの収益を得ているのかなどといったデータが欲しくても、なかなか手軽には計算できないかと思います。</p>\r\n<p>今回は、そんなYouTube動画の再生回数や平均再生率から、だいたいの広告収入金額を試算できるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">動画の再生回数やURL、チャンネルIDから稼いでいる金額を試算できる「YouTube Money Calculator」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>」は、<strong>YouTube動画の再生回数や平均再生率、あるいはチャンネル、特定の動画からどれくらいの収益を得られそうか試算</strong>してくれるサービス。</p>\r\n<p>ベンチマークするチャンネルや動画単体からも試算することができるので、おおよその数字を把握するのに役立ちます。</p>\r\n\r\n<h4 class=\"tips\">動画の再生回数、平均再生率から収益を試算</h4>\r\n[caption id=\"attachment_30745\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-base.png\" alt=\"１日の再生回数や平均再生率から、月間、年間で得られる収益を計算。\" width=\"592\" height=\"341\" class=\"size-full wp-image-30745\" /> １日の再生回数や平均再生率から、月間、年間で得られる収益を計算。[/caption]\r\n<p>まず、動画の１日の再生回数と平均再生率をもとに、日、月間、年間の収益を試算します。普遍的なネタで、季節性のない通年で再生されることが条件の試算にはなりますが、だいたいの相場を見るには役立ちそうなものになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">2016年に話題になったあの動画はどうなのか</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/0E00Zuayv9Q\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>2016年の後半から一気に1億回以上の再生回数を稼ぎ出したあのひとのチャンネルや動画はいったいどれくらいの収益生み出しているのか、という試算もおこなえます。ベンチマークする動画チャンネルを見てどの程度の収益が見込めそうか判断するツールとしても使えそうですね。</p>\r\n\r\n<h5 class=\"tips\">・YouTubeチャンネルから算出</h5>\r\n[caption id=\"attachment_30743\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel.png\" alt=\"YouTubeチャンネルの収益を試算した結果。\" width=\"592\" height=\"339\" class=\"size-full wp-image-30743\" /> YouTubeチャンネルの収益を試算した結果。[/caption]\r\n<p>こちらは、一番最初に投稿された<a target=\"_blank\" href=\"https://www.youtube.com/channel/UCKpIOnsk-gcwHXIzuk24ExA\">公式ピコ太郎歌唱ビデオチャンネル</a>をもとに計算したもの。すべての動画の再生回数を合わせて１億８５４６万（2016年12月25日時点）で、トータルの収益が約７８万９千ドルという試算になりました。</p>\r\n\r\n[caption id=\"attachment_30741\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-chanel-id.png\" alt=\"YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。\" width=\"592\" height=\"118\" class=\"size-full wp-image-30741\" /> YouTubeチャンネルの試算をおこなうには、YouTubeチャンネルのURLにあるChannel nameを使います。[/caption]\r\n<p>上記画像のように、URLの一部をYouTube Money Calculatorにコピペすることで試算できるようになっています。</p>\r\n\r\n<h5 class=\"tips\">動画から算出</h5>\r\n[caption id=\"attachment_30742\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/12/youtube-money-calculator-movie.png\" alt=\"動画単位で試算した結果。\" width=\"592\" height=\"593\" class=\"size-full wp-image-30742\" /> 動画単位で試算した結果。[/caption]\r\n<p>こちらは<a target=\"_blank\" href=\"https://www.youtube.com/watch?v=0E00Zuayv9Q\">PPAP</a>の動画を、動画単位で試算したもの。試算結果は約１９万４千ドルと、他の動画の収益も多くあることがわかります。</p>\r\n\r\n<p>動画単位の場合はURLをYouTube Money Calculatorにコピペして試算します。動画単位で試算をすると、チャンネル単位の試算も同時にやってくれるようですので、動画単位で試算するほうが効率が良さそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://influencermarketinghub.com/youtube-money-calculator/\">YouTube Money Calculator</a>へどうぞ。</p>\r\n', 'Youtube動画でいくらくらい稼げるかを計算できる「YouTube Money Calculator」', '特定のYouTube動画でどれくらいの収益を上げているのか試算できるオンライン計算機。', 'inherit', 'closed', 'closed', '', '30739-revision-v1', '', '', '2016-12-25 21:48:50', '2016-12-25 12:48:50', '', 30739, 'http://web-marketing.zako.org/web-tools/30739-revision-v1.html', 0, 'revision', '', 0),
(30751, 4, '2017-01-05 00:18:45', '2017-01-04 15:18:45', '', '2017-01-05_01h39_33', 'いたずらが多いので画像にしています。', 'inherit', 'open', 'closed', '', '2017-01-05_01h39_33', '', '', '2017-01-05 00:18:59', '2017-01-04 15:18:59', '', 25495, 'http://web-marketing.zako.org/images/2013/03/2017-01-05_01h39_33.png', 0, 'attachment', 'image/png', 0),
(30752, 4, '2017-01-05 00:19:11', '2017-01-04 15:19:11', '', '2017-01-05_01h39_38', '本来は埋め込めますが、いたずらが多いので画像にしています。', 'inherit', 'open', 'closed', '', '2017-01-05_01h39_38', '', '', '2017-01-05 00:19:24', '2017-01-04 15:19:24', '', 25495, 'http://web-marketing.zako.org/images/2013/03/2017-01-05_01h39_38.png', 0, 'attachment', 'image/png', 0),
(30753, 4, '2017-01-05 00:21:35', '2017-01-04 15:21:35', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do.png\" alt=\"flask-to-do\" width=\"510\" height=\"322\" class=\"none\" /></p>\n<p>複雑なタスク管理機能はいらない、とにかく今日取り掛かるTo-Doを仲間と楽しく競い合いたい。To-Do管理ツールに対して、このようなニーズもあるのではないでしょうか。</p>\n<p>今回は、そんな時に使えそうなTo-Doリストサービスをご紹介します。</p><!--more-->\n<h3 class=\"header-label\">To-Doリストを手軽に共有できる「Flask To Do Lists」</h3>\n<p>「<a target=\"_blank\" href=\"http://flask.io/\">Flask To Do Lists</a>」は、<strong>ログイン不要で簡単にTo-Doリストを作成、編集、共有できるTo-Doリスト管理サービス。</strong></p>\n<p>サイトへの埋め込みも可能で、埋め込んだページからTo-Doリストを編集することも可能になっています。</p>\n\n<h4 class=\"tips\">シンプルなTo-Do管理ツール</h4>\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do1.png\" alt=\"flask-to-do1\" width=\"500\" height=\"313\" class=\"aligncenter size-full wp-image-25504\" /><br />↑ユーザー登録をすることなく、To-Doを追加した時に発行される専用のURLを使うことで、いくつもリストを作成することができます。機能はTO-DOの追加と完了、並べ替えくらいのシンプルな作りです。</p>\n\n<h4 class=\"tips\">To-Doリストを共有できる</h4>\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do2.png\" alt=\"flask-to-do2\" width=\"500\" height=\"198\" class=\"aligncenter size-full wp-image-25503\" /><br />↑作成したリストをURLで共有することができます。同一のリストを複数のメンバーが使うこともできますね。</p>\n\n\n\n<h4 class=\"tips\">To-Doリストを埋め込める</h4>\n\n<p>このように、作成したTo-Doリストをサイトへ埋め込んで共有することもできます。ここからTo-Doを追加したり、完了処理することも可能です。</p>\n\n\n<h4 class=\"tips\">横に並べて競い合う？</h4>\n[caption id=\"attachment_30752\" align=\"alignnone\" width=\"673\"]<img src=\"http://web-marketing.zako.org/images/2013/03/2017-01-05_01h39_38.png\" alt=\"本来は埋め込めますが、いたずらが多いので画像にしています。\" width=\"673\" height=\"498\" class=\"size-full wp-image-30752\" /> 本来は埋め込めますが、いたずらが多いので画像にしています。[/caption]\n<p>仲間と楽しく競い合いながらTo-Doをこなしていきたいという場合には、このようにTo-Doリストを横並びにしても良いかもしれません。</p>\n\n<p>興味がある方は<a target=\"_blank\" href=\"http://flask.io/\">Flask To Do Lists</a>へどうぞ。</p>\n\n<p>こういった使い方もおもしろそうですね。朝一でリストを使って宣言し合い、一日の終わりにみんなで比較しあう。いろいろな観点から考えてみて、理にかなっているように思います。</p>\n', 'To-Doリストをサイトに埋め込んで進捗を共有/編集できる「Flask To Do Lists」', '仲間と競い合うときに最適！？', 'inherit', 'closed', 'closed', '', '25495-autosave-v1', '', '', '2017-01-05 00:21:35', '2017-01-04 15:21:35', '', 25495, 'http://web-marketing.zako.org/web-tools/25495-autosave-v1.html', 0, 'revision', '', 0),
(30754, 4, '2017-01-05 00:19:33', '2017-01-04 15:19:33', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do.png\" alt=\"flask-to-do\" width=\"510\" height=\"322\" class=\"none\" /></p>\r\n<p>複雑なタスク管理機能はいらない、とにかく今日取り掛かるTo-Doを仲間と楽しく競い合いたい。To-Do管理ツールに対して、このようなニーズもあるのではないでしょうか。</p>\r\n<p>今回は、そんな時に使えそうなTo-Doリストサービスをご紹介します。</p><!--more-->\r\n<h3 class=\"header-label\">To-Doリストを手軽に共有できる「Flask To Do Lists」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://flask.io/\">Flask To Do Lists</a>」は、<strong>ログイン不要で簡単にTo-Doリストを作成、編集、共有できるTo-Doリスト管理サービス。</strong></p>\r\n<p>サイトへの埋め込みも可能で、埋め込んだページからTo-Doリストを編集することも可能になっています。</p>\r\n\r\n<h4 class=\"tips\">シンプルなTo-Do管理ツール</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do1.png\" alt=\"flask-to-do1\" width=\"500\" height=\"313\" class=\"aligncenter size-full wp-image-25504\" /><br />↑ユーザー登録をすることなく、To-Doを追加した時に発行される専用のURLを使うことで、いくつもリストを作成することができます。機能はTO-DOの追加と完了、並べ替えくらいのシンプルな作りです。</p>\r\n\r\n<h4 class=\"tips\">To-Doリストを共有できる</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do2.png\" alt=\"flask-to-do2\" width=\"500\" height=\"198\" class=\"aligncenter size-full wp-image-25503\" /><br />↑作成したリストをURLで共有することができます。同一のリストを複数のメンバーが使うこともできますね。</p>\r\n\r\n\r\n\r\n<h4 class=\"tips\">To-Doリストを埋め込める</h4>\r\n[caption id=\"attachment_30751\" align=\"alignnone\" width=\"667\"]<img src=\"http://web-marketing.zako.org/images/2013/03/2017-01-05_01h39_33.png\" alt=\"いたずらが多いので画像にしています。\" width=\"667\" height=\"498\" class=\"size-full wp-image-30751\" /> いたずらが多いので画像にしています。[/caption]\r\n<p>このように、作成したTo-Doリストをサイトへ埋め込んで共有することもできます。ここからTo-Doを追加したり、完了処理することも可能です。</p>\r\n\r\n\r\n<h4 class=\"tips\">横に並べて競い合う？</h4>\r\n[caption id=\"attachment_30752\" align=\"alignnone\" width=\"673\"]<img src=\"http://web-marketing.zako.org/images/2013/03/2017-01-05_01h39_38.png\" alt=\"本来は埋め込めますが、いたずらが多いので画像にしています。\" width=\"673\" height=\"498\" class=\"size-full wp-image-30752\" /> 本来は埋め込めますが、いたずらが多いので画像にしています。[/caption]\r\n<p>仲間と楽しく競い合いながらTo-Doをこなしていきたいという場合には、このようにTo-Doリストを横並びにしても良いかもしれません。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://flask.io/\">Flask To Do Lists</a>へどうぞ。</p>\r\n\r\n<p>こういった使い方もおもしろそうですね。朝一でリストを使って宣言し合い、一日の終わりにみんなで比較しあう。いろいろな観点から考えてみて、理にかなっているように思います。</p>\r\n', 'To-Doリストをサイトに埋め込んで進捗を共有/編集できる「Flask To Do Lists」', '仲間と競い合うときに最適！？', 'inherit', 'closed', 'closed', '', '25495-revision-v1', '', '', '2017-01-05 00:19:33', '2017-01-04 15:19:33', '', 25495, 'http://web-marketing.zako.org/web-tools/25495-revision-v1.html', 0, 'revision', '', 0),
(30755, 4, '2017-01-05 00:21:39', '2017-01-04 15:21:39', '', 'task-list-embed', '本来タスクリストを埋め込めますが、いたずらが多いので画像にしています。', 'inherit', 'open', 'closed', '', 'task-list-embed', '', '', '2017-01-05 00:21:55', '2017-01-04 15:21:55', '', 25495, 'http://web-marketing.zako.org/images/2013/03/task-list-embed.png', 0, 'attachment', 'image/png', 0),
(30756, 4, '2017-01-05 00:22:09', '2017-01-04 15:22:09', '', 'task-list-embed-2colmun', '本来は埋め込めますが、いたずらが多いので画像にしています。', 'inherit', 'open', 'closed', '', 'task-list-embed-2colmun', '', '', '2017-01-05 00:22:12', '2017-01-04 15:22:12', '', 25495, 'http://web-marketing.zako.org/images/2013/03/task-list-embed-2colmun.png', 0, 'attachment', 'image/png', 0),
(30757, 4, '2017-01-05 00:22:16', '2017-01-04 15:22:16', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do.png\" alt=\"flask-to-do\" width=\"510\" height=\"322\" class=\"none\" /></p>\r\n<p>複雑なタスク管理機能はいらない、とにかく今日取り掛かるTo-Doを仲間と楽しく競い合いたい。To-Do管理ツールに対して、このようなニーズもあるのではないでしょうか。</p>\r\n<p>今回は、そんな時に使えそうなTo-Doリストサービスをご紹介します。</p><!--more-->\r\n<h3 class=\"header-label\">To-Doリストを手軽に共有できる「Flask To Do Lists」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://flask.io/\">Flask To Do Lists</a>」は、<strong>ログイン不要で簡単にTo-Doリストを作成、編集、共有できるTo-Doリスト管理サービス。</strong></p>\r\n<p>サイトへの埋め込みも可能で、埋め込んだページからTo-Doリストを編集することも可能になっています。</p>\r\n\r\n<h4 class=\"tips\">シンプルなTo-Do管理ツール</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do1.png\" alt=\"flask-to-do1\" width=\"500\" height=\"313\" class=\"aligncenter size-full wp-image-25504\" /><br />↑ユーザー登録をすることなく、To-Doを追加した時に発行される専用のURLを使うことで、いくつもリストを作成することができます。機能はTO-DOの追加と完了、並べ替えくらいのシンプルな作りです。</p>\r\n\r\n<h4 class=\"tips\">To-Doリストを共有できる</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/flask-to-do2.png\" alt=\"flask-to-do2\" width=\"500\" height=\"198\" class=\"aligncenter size-full wp-image-25503\" /><br />↑作成したリストをURLで共有することができます。同一のリストを複数のメンバーが使うこともできますね。</p>\r\n\r\n\r\n\r\n<h4 class=\"tips\">To-Doリストを埋め込める</h4>\r\n[caption id=\"attachment_30755\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2013/03/task-list-embed.png\" alt=\"本来タスクリストを埋め込めますが、いたずらが多いので画像にしています。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30755\" /> 本来タスクリストを埋め込めますが、いたずらが多いので画像にしています。[/caption]\r\n<p>このように、作成したTo-Doリストをサイトへ埋め込んで共有することもできます。ここからTo-Doを追加したり、完了処理することも可能です。</p>\r\n\r\n\r\n<h4 class=\"tips\">横に並べて競い合う？</h4>\r\n[caption id=\"attachment_30756\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2013/03/task-list-embed-2colmun.png\" alt=\"本来は埋め込めますが、いたずらが多いので画像にしています。\" width=\"592\" height=\"438\" class=\"size-full wp-image-30756\" /> 本来は埋め込めますが、いたずらが多いので画像にしています。[/caption]\r\n<p>仲間と楽しく競い合いながらTo-Doをこなしていきたいという場合には、このようにTo-Doリストを横並びにしても良いかもしれません。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://flask.io/\">Flask To Do Lists</a>へどうぞ。</p>\r\n\r\n<p>こういった使い方もおもしろそうですね。朝一でリストを使って宣言し合い、一日の終わりにみんなで比較しあう。いろいろな観点から考えてみて、理にかなっているように思います。</p>\r\n', 'To-Doリストをサイトに埋め込んで進捗を共有/編集できる「Flask To Do Lists」', '仲間と競い合うときに最適！？', 'inherit', 'closed', 'closed', '', '25495-revision-v1', '', '', '2017-01-05 00:22:16', '2017-01-04 15:22:16', '', 25495, 'http://web-marketing.zako.org/web-tools/25495-revision-v1.html', 0, 'revision', '', 0);
