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
(28072, 4, '2014-06-16 00:06:48', '2014-06-15 15:06:48', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/06/chartblocks.png\" alt=\"chartblocks\" width=\"500\" height=\"278\" class=\"alignnone size-full wp-image-28084\" /></p>\r\n<p>オンラインでグラフ作成。これまでにも数え切れないほど、同様のサービスが出ていますよね。</p>\r\n<p>それでもこのサービスをご紹介する理由は、美しいグラフを作れること、そしてその元データをエクセルから取り込んだり、サービス上で作成・管理できたりすること。</p>\r\n<p>ウェブ上でデータを視覚化して、手軽に公開したいひとにオススメです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">オンラインで美しいグラフを作成できる「ChartBlocks」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.chartblocks.com/\">ChartBlocks</a>」は、<strong>エクセルやCSVデータからオンライン上で美しいグラフを作成できる</strong>サービス。</p>\r\n<p>サービスサイト上で作成、あるいはインポートしたデータはサービスサイト上で管理、編集することもでき、グラフのカスタマイズも自在。今後はRSSフィード、Mysqlなどからもデータをインポートできるようになるみたいです。</p>\r\n\r\n<h4 class=\"tips\">折れ線グラフ（うちの電気代推移）</h4>\r\n<iframe width=\"520\" height=\"300\" src=\"//embed.chartblocks.com/1.0/?c=539d8c68c9a61db20c46621d&t=49f95c3c0373a1c\" frameBorder=\"0\"></iframe>\r\n\r\n<h4 class=\"tips\">折れ線２軸グラフ（うちの電気代とガス代推移）</h4>\r\n<iframe width=\"520\" height=\"300\" src=\"//embed.chartblocks.com/1.0/?c=539d8da0c9a61de70c46621d&t=68826c2425b0e0e\" frameBorder=\"0\"></iframe>\r\n<p>このように、グラフをサイトへ埋め込めることはもちろん、PNG形式の画像やPDFなどでダウンロードすることも可能です。グラフにマウスオーバーすると、ダウンロードボタンとソーシャルシェアボタンが表示されます。</p>\r\n\r\n<h4 class=\"tips\">グラフの作成手順</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks1.png\" alt=\"chartblocks1\" width=\"500\" height=\"242\" class=\"alignnone size-full wp-image-28083\" /><br />まずグラフの種類を選びます。グラフの種類は全部で5種類。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks2.png\" alt=\"chartblocks2\" width=\"500\" height=\"248\" class=\"alignnone size-full wp-image-28082\" /><br />つぎにグラフのデータを作成するのか、ここで作成したデータセットを使うのか、それともエクセルやCSVを取り込むのかを決定します。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks3.png\" alt=\"chartblocks3\" width=\"500\" height=\"241\" class=\"alignnone size-full wp-image-28081\" /><br />新規作成（A new detaset）を選択した場合スプレッドシートが開くので、ここにデータを作成します。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks4.png\" alt=\"chartblocks4\" width=\"500\" height=\"236\" class=\"alignnone size-full wp-image-28080\" /><br />X軸、Y軸のデータ列を選択していきます。とくに指定がなければ手順通りに進めていけば勝手にやってくれます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks5.png\" alt=\"chartblocks5\" width=\"500\" height=\"342\" class=\"alignnone size-full wp-image-28079\" /><br />最後にグラフのテンプレートを選択します。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks6.png\" alt=\"chartblocks6\" width=\"500\" height=\"299\" class=\"alignnone size-full wp-image-28078\" /><br />作った後にグラフをカスタマイズすることも可能です。日時がグチャグチャになることもあるので、そういったときはアングルを付けて見やすくしたり、などといった細かい設定も可能です。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/chartblocks7.png\" alt=\"chartblocks7\" width=\"500\" height=\"194\" class=\"alignnone size-full wp-image-28077\" /><br />作成したデータは、Detasetに保存されていきます。無料版ではグラフ、データともに50個まで保存可能です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.chartblocks.com/\">ChartBlocks</a>へどうぞ。</p>\r\n', 'オンラインで美しいグラフを作れる「ChartBlocks」', 'グラフ作成用のデータをエクセルやCSV形式でインポートしたり、サービス上のスプレッドシートで作成したりしてグラフを作成できるサービス。', 'publish', 'open', 'closed', '', 'chartblocks', '', '', '2014-06-16 00:06:48', '2014-06-15 15:06:48', '', 0, 'http://web-marketing.zako.org/?p=28072', 0, 'post', '', 1),
(28077, 4, '2014-06-15 23:48:56', '2014-06-15 14:48:56', '', 'chartblocks7', '', 'inherit', 'open', 'closed', '', 'chartblocks7', '', '', '2014-06-15 23:48:56', '2014-06-15 14:48:56', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks7.png', 0, 'attachment', 'image/png', 0),
(28078, 4, '2014-06-15 23:48:58', '2014-06-15 14:48:58', '', 'chartblocks6', '', 'inherit', 'open', 'closed', '', 'chartblocks6', '', '', '2014-06-15 23:48:58', '2014-06-15 14:48:58', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks6.png', 0, 'attachment', 'image/png', 0),
(28079, 4, '2014-06-15 23:49:00', '2014-06-15 14:49:00', '', 'chartblocks5', '', 'inherit', 'open', 'closed', '', 'chartblocks5', '', '', '2014-06-15 23:49:00', '2014-06-15 14:49:00', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks5.png', 0, 'attachment', 'image/png', 0),
(28080, 4, '2014-06-15 23:49:02', '2014-06-15 14:49:02', '', 'chartblocks4', '', 'inherit', 'open', 'closed', '', 'chartblocks4', '', '', '2014-06-15 23:49:02', '2014-06-15 14:49:02', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks4.png', 0, 'attachment', 'image/png', 0),
(28081, 4, '2014-06-15 23:49:04', '2014-06-15 14:49:04', '', 'chartblocks3', '', 'inherit', 'open', 'closed', '', 'chartblocks3', '', '', '2014-06-15 23:49:04', '2014-06-15 14:49:04', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks3.png', 0, 'attachment', 'image/png', 0),
(28082, 4, '2014-06-15 23:49:06', '2014-06-15 14:49:06', '', 'chartblocks2', '', 'inherit', 'open', 'closed', '', 'chartblocks2', '', '', '2014-06-15 23:49:06', '2014-06-15 14:49:06', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks2.png', 0, 'attachment', 'image/png', 0),
(28083, 4, '2014-06-15 23:49:07', '2014-06-15 14:49:07', '', 'chartblocks1', '', 'inherit', 'open', 'closed', '', 'chartblocks1', '', '', '2014-06-15 23:49:07', '2014-06-15 14:49:07', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks1.png', 0, 'attachment', 'image/png', 0),
(28084, 4, '2014-06-15 23:49:08', '2014-06-15 14:49:08', '', 'chartblocks', '', 'inherit', 'open', 'closed', '', 'chartblocks-2', '', '', '2014-06-15 23:49:08', '2014-06-15 14:49:08', '', 28072, 'http://web-marketing.zako.org/images/2014/06/chartblocks.png', 0, 'attachment', 'image/png', 0),
(28133, 4, '2014-06-21 17:03:12', '2014-06-21 08:03:12', '', 'denver-3d', '', 'inherit', 'open', 'closed', '', 'denver-3d', '', '', '2014-06-21 17:03:12', '2014-06-21 08:03:12', '', 583, 'http://web-marketing.zako.org/images/2007/08/denver-3d.jpg', 0, 'attachment', 'image/jpeg', 0),
(28139, 4, '2014-06-21 17:12:34', '2014-06-21 08:12:34', '', 'Jabal-al-Tair', '', 'inherit', 'open', 'closed', '', 'jabal-al-tair', '', '', '2014-06-21 17:12:34', '2014-06-21 08:12:34', '', 460, 'http://web-marketing.zako.org/images/2007/10/Jabal-al-Tair.jpg', 0, 'attachment', 'image/jpeg', 0),
(28153, 4, '2014-06-21 17:24:33', '2014-06-21 08:24:33', '', 'toronto-transit-map', '', 'inherit', 'open', 'closed', '', 'toronto-transit-map', '', '', '2014-06-21 17:24:33', '2014-06-21 08:24:33', '', 596, 'http://web-marketing.zako.org/images/2007/08/toronto-transit-map.png', 0, 'attachment', 'image/png', 0),
(28155, 4, '2014-06-21 17:28:21', '2014-06-21 08:28:21', '', 'NYC-subway-system', '', 'inherit', 'open', 'closed', '', 'nyc-subway-system-2', '', '', '2014-06-21 17:28:21', '2014-06-21 08:28:21', '', 596, 'http://web-marketing.zako.org/images/2007/08/NYC-subway-system.png', 0, 'attachment', 'image/png', 0),
(28210, 4, '2014-06-22 02:02:14', '2014-06-21 17:02:14', '', 'UCL-Quad', '', 'inherit', 'open', 'closed', '', 'ucl-quad', '', '', '2014-06-22 02:02:14', '2014-06-21 17:02:14', '', 610, 'http://web-marketing.zako.org/images/2007/07/UCL-Quad.jpg', 0, 'attachment', 'image/jpeg', 0),
(28209, 4, '2014-06-22 02:00:35', '2014-06-21 17:00:35', '', 'Lumixquadpanosm', '', 'inherit', 'open', 'closed', '', 'lumixquadpanosm', '', '', '2014-06-22 02:00:35', '2014-06-21 17:00:35', '', 610, 'http://web-marketing.zako.org/images/2007/07/Lumixquadpanosm.jpg', 0, 'attachment', 'image/jpeg', 0),
(28212, 4, '2014-06-22 02:03:30', '2014-06-21 17:03:30', '', 'UCL', '', 'inherit', 'open', 'closed', '', 'ucl', '', '', '2014-06-22 02:03:30', '2014-06-21 17:03:30', '', 610, 'http://web-marketing.zako.org/images/2007/07/UCL.jpg', 0, 'attachment', 'image/jpeg', 0),
(28214, 4, '2014-06-22 02:04:50', '2014-06-21 17:04:50', '', 'lumixpano1', '', 'inherit', 'open', 'closed', '', 'lumixpano1', '', '', '2014-06-22 02:04:50', '2014-06-21 17:04:50', '', 610, 'http://web-marketing.zako.org/images/2007/07/lumixpano1.jpg', 0, 'attachment', 'image/jpeg', 0),
(28219, 4, '2014-06-22 02:07:48', '2014-06-21 17:07:48', '', 'london-panoramas', '', 'inherit', 'open', 'closed', '', 'london-panoramas', '', '', '2014-06-22 02:07:48', '2014-06-21 17:07:48', '', 610, 'http://web-marketing.zako.org/images/2007/07/london-panoramas.jpg', 0, 'attachment', 'image/jpeg', 0),
(28230, 4, '2014-06-22 15:00:41', '2014-06-22 06:00:41', '', 'd143d61a_coolbus04', '', 'inherit', 'open', 'closed', '', 'd143d61a_coolbus04', '', '', '2014-06-22 15:00:41', '2014-06-22 06:00:41', '', 511, 'http://web-marketing.zako.org/images/2007/09/d143d61a_coolbus04.jpg', 0, 'attachment', 'image/jpeg', 0),
(28914, 4, '2014-10-26 19:43:08', '2014-10-26 10:43:08', '', 'reembed5', '', 'inherit', 'open', 'closed', '', 'reembed5', '', '', '2014-10-26 19:43:08', '2014-10-26 10:43:08', '', 28903, 'http://web-marketing.zako.org/images/2014/10/reembed5.png', 0, 'attachment', 'image/png', 0),
(28908, 4, '2014-10-26 19:37:59', '2014-10-26 10:37:59', '', 'reembed4', '', 'inherit', 'open', 'closed', '', 'reembed4', '', '', '2014-10-26 19:37:59', '2014-10-26 10:37:59', '', 28903, 'http://web-marketing.zako.org/images/2014/10/reembed4.png', 0, 'attachment', 'image/png', 0),
(28909, 4, '2014-10-26 19:38:00', '2014-10-26 10:38:00', '', 'reembed3', '', 'inherit', 'open', 'closed', '', 'reembed3', '', '', '2014-10-26 19:38:00', '2014-10-26 10:38:00', '', 28903, 'http://web-marketing.zako.org/images/2014/10/reembed3.png', 0, 'attachment', 'image/png', 0),
(28910, 4, '2014-10-26 19:38:01', '2014-10-26 10:38:01', '', 'reembed2', '', 'inherit', 'open', 'closed', '', 'reembed2', '', '', '2014-10-26 19:38:01', '2014-10-26 10:38:01', '', 28903, 'http://web-marketing.zako.org/images/2014/10/reembed2.png', 0, 'attachment', 'image/png', 0),
(28911, 4, '2014-10-26 19:38:02', '2014-10-26 10:38:02', '', 'reembed', '', 'inherit', 'open', 'closed', '', 'reembed-2', '', '', '2014-10-26 19:38:02', '2014-10-26 10:38:02', '', 28903, 'http://web-marketing.zako.org/images/2014/10/reembed.png', 0, 'attachment', 'image/png', 0),
(28912, 4, '2014-10-26 19:38:03', '2014-10-26 10:38:03', '', 'reembed1', '', 'inherit', 'open', 'closed', '', 'reembed1', '', '', '2014-10-26 19:38:03', '2014-10-26 10:38:03', '', 28903, 'http://web-marketing.zako.org/images/2014/10/reembed1.png', 0, 'attachment', 'image/png', 0),
(28903, 4, '2014-10-27 00:12:13', '2014-10-26 15:12:13', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/10/reembed.png\" alt=\"reembed\" width=\"592\" height=\"200\" class=\"alignnone size-full wp-image-28911\" /></p>\r\n<p>YouTubeにも自分の動画を分析する機能はあるものの、<b>自分の動画以外</b>を埋め込んだ際に、もっと詳細まで分析したいというケースも多いと思います。また、プレイヤー自体も、もっと自分好みの、オリジナル性の高いプレイヤーにしたいということもあるでしょう。</p>\r\n<p>今回ご紹介するのは、これら2つの要望に応えてくれるオンラインサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">YouTubeの動画プレイヤーをカスタマイズして詳細な解析もできる「reEmbed」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.reembed.com/\">reEmbed</a>」は、<strong>YouTubeの埋め込みプレイヤーを自分好みのプレイヤーにカスタマイズし、詳細な動画再生分析もできる</strong>サービス。</p>\r\n<p>わざわざ特定のプレイヤーを埋め込むのではなく、サイトにスクリプトを追加するだけで、YouTubeの動画プレイヤーを自動的に置き換えてくれるのも便利なポイントです。</p>\r\n\r\n<h4 class=\"tips\">プレイヤーをカスタマイズできる</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/reembed1.png\" alt=\"reembed1\" width=\"592\" height=\"405\" class=\"alignnone size-full wp-image-28912\" /><br />プレイヤーを、自分好みの色合いやボタンに変更することができます。サイトのロゴとリンクを追加することも可能です。</p>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/reembed2.png\" alt=\"reembed2\" width=\"592\" height=\"403\" class=\"alignnone size-full wp-image-28910\" /><br />プレイヤーのスタイルは、このような６種類から選択できます。色を細かく指定することも可能。</p>\r\n<h5 class=\"tips\">サンプルプレイヤー</h5>\r\n<iframe width=\"100%\" height=\"333\" src=\"//www.youtube.com/embed/SueY_ea4D9k\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>これがreEmbedで生成したプレイヤー。再生を開始すると、右上に当サイトのロゴとリンクが貼られています。指定されたスクリプトを&lt;head&gt;内に記述しておけば、YouTubeのプレイヤーをそのまま埋め込むだけで、このようなプレイヤーへ自動的に書き換えてくれます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/reembed5.png\" alt=\"reembed5\" width=\"592\" height=\"368\" class=\"alignnone size-full wp-image-28914\" /><br />Wordpressでは初期設定用のプラグインも用意されているみたいです。</p>\r\n\r\n<h4 class=\"tips\">リアルタイム解析できる</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/reembed3.png\" alt=\"reembed3\" width=\"592\" height=\"353\" class=\"alignnone size-full wp-image-28909\" /><br />YouTubeでも動画の解析をおこなえますが、reEmbedではリアルタイムの解析も可能です。</p>\r\n<p>動画の分析結果を集計しているダッシュボードでは、リアルタイム解析のほかに動画ごとの再生数、プレイヤーの表示回数を分母とする再生率、そして動画の最後まで再生した数と率、動画を再生したユーザーのリファラなどのデータを表示します。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/reembed4.png\" alt=\"reembed4\" width=\"592\" height=\"104\" class=\"alignnone size-full wp-image-28908\" /><br />分析データをエクセル形式でエクスポートすることも可能です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.reembed.com/\">reEmbed</a>へどうぞ。</p>\r\n', 'YouTubeの埋込みプレイヤーをカスタマイズ、リアルタイム解析もできる「reEmbed」', 'プレイヤーのオリジナル性を高めるとともに、より詳細な動画再生の分析をおこなえる優れもの。', 'publish', 'open', 'closed', '', 'reembed', '', '', '2014-10-27 00:12:13', '2014-10-26 15:12:13', '', 0, 'http://web-marketing.zako.org/?p=28903', 0, 'post', '', 0),
(28892, 4, '2014-10-19 18:54:33', '2014-10-19 09:54:33', '', 'wovn6', '', 'inherit', 'open', 'closed', '', 'wovn6', '', '', '2014-10-19 18:54:33', '2014-10-19 09:54:33', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn6.png', 0, 'attachment', 'image/png', 0),
(28893, 4, '2014-10-19 18:54:34', '2014-10-19 09:54:34', '', 'wovn5', '', 'inherit', 'open', 'closed', '', 'wovn5', '', '', '2014-10-19 18:54:34', '2014-10-19 09:54:34', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn5.png', 0, 'attachment', 'image/png', 0),
(28894, 4, '2014-10-19 18:54:34', '2014-10-19 09:54:34', '', 'wovn4', '', 'inherit', 'open', 'closed', '', 'wovn4', '', '', '2014-10-19 18:54:34', '2014-10-19 09:54:34', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn4.png', 0, 'attachment', 'image/png', 0),
(28895, 4, '2014-10-19 18:54:35', '2014-10-19 09:54:35', '', 'wovn3', '', 'inherit', 'open', 'closed', '', 'wovn3', '', '', '2014-10-19 18:54:35', '2014-10-19 09:54:35', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn3.png', 0, 'attachment', 'image/png', 0),
(28896, 4, '2014-10-19 18:54:36', '2014-10-19 09:54:36', '', 'wovn2', '', 'inherit', 'open', 'closed', '', 'wovn2', '', '', '2014-10-19 18:54:36', '2014-10-19 09:54:36', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn2.png', 0, 'attachment', 'image/png', 0),
(28897, 4, '2014-10-19 18:54:37', '2014-10-19 09:54:37', '', 'wovn1', '', 'inherit', 'open', 'closed', '', 'wovn1', '', '', '2014-10-19 18:54:37', '2014-10-19 09:54:37', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn1.png', 0, 'attachment', 'image/png', 0),
(28898, 4, '2014-10-19 18:55:59', '2014-10-19 09:55:59', '', 'wovn', '', 'inherit', 'open', 'closed', '', 'wovn', '', '', '2014-10-19 18:55:59', '2014-10-19 09:55:59', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn.png', 0, 'attachment', 'image/png', 0),
(28899, 4, '2014-10-19 19:03:51', '2014-10-19 10:03:51', '', 'wovn0', '', 'inherit', 'open', 'closed', '', 'wovn0', '', '', '2014-10-19 19:03:51', '2014-10-19 10:03:51', '', 28891, 'http://web-marketing.zako.org/images/2014/10/wovn0.png', 0, 'attachment', 'image/png', 0),
(28891, 4, '2014-10-20 00:26:32', '2014-10-19 15:26:32', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/10/wovn.png\" alt=\"サイト多言語化支援ツール\" width=\"592\" height=\"184\" class=\"alignnone size-full wp-image-28898\" /></p>\r\n<p>訪日観光客が増加する中、海外の検索エンジンで上位表示するまではいかないけれど、外国のかたが見る機会が増えているのでサイトを多言語化したい、といったケースもあると思います。</p>\r\n<p>しかし、いざやるとなると、技術的、予算的に困難で手を付けられないことが多いはず。</p>\r\n<p>そこで今回は、無料で手軽に多言語化を始められるオンラインサービスをご紹介。ただしSEOの効果としてプラス、あるいはマイナスに働くかは断言できませんので、気になる場合はたとえば決済方法の説明ページなどリスクの少ない一部のページ、あるいはWEB上で非公開のクローズドなサイトでお試しいただくことをオススメします。こんなこと気にするのも嫌気が差すところですが。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">サイトを手軽に多言語化できる「Wovn.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://wovn.io/\">Wovn.io</a>」は、<strong>ウェブサイトの多言語化を手軽にはじめられる</strong>サービス。</p>\r\n<p>1行のスクリプトをサイトの全ページに追加するだけで、英語や中国語、韓国語などといった言語に翻訳するツールを使うことができます。</p>\r\n\r\n<h4 class=\"tips\">たった1行のコードを追加するだけで多言語化を始められる</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/wovn1.png\" alt=\"wovn1\" width=\"592\" height=\"186\" class=\"alignnone size-full wp-image-28897\" /><br />多言語化を始める手順は簡単で、サービスサイトで発行されるタグを&lt;head&gt;内に加え、管理画面上で多言語化したいページを追加、翻訳をした後に公開すれば、多言語設定するメニューがページに表示されるようになります。</p>\r\n\r\n<h4 class=\"tips\">機械翻訳のあと、手動で調整できる</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/wovn2.png\" alt=\"wovn2\" width=\"592\" height=\"544\" class=\"alignnone size-full wp-image-28896\" /><br />多言語化したいページを追加すると、<a target=\"_blank\" href=\"https://www.transifex.com/\">Transifex</a>のようなサイトの翻訳支援ツールによくある画面を、Wovnの管理画面で使えるようになります。</p>\r\n\r\n<p>翻訳の方法には、プロが翻訳するのか、機械で自動翻訳するのかというふたつの選択肢があり、機械翻訳だとしばらく待つと翻訳結果が表示されるようになっています。この翻訳結果は管理画面上でユーザーが調整し、変更することも可能です。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/wovn3.png\" alt=\"wovn3\" width=\"592\" height=\"481\" class=\"alignnone size-full wp-image-28895\" /><br />翻訳する言語は多数用意されており、全部で23の言語に対応しています。</p>\r\n\r\n<p>翻訳作業が完了したら、公開してページの多言語化が完了します。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/wovn4.png\" alt=\"wovn4\" width=\"592\" height=\"475\" class=\"alignnone size-full wp-image-28894\" /><br />また、プロに翻訳を頼みたい時も、ボタンを押すだけで、その場で見積もりを出すことが可能です。でも価格的には他のソーシャル翻訳サービスなどと比較するとちょっと高いかもしれませんね。アウトプットするまでの時間が速いことは速いらしいのですが。</p>\r\n\r\n<h4 class=\"tips\">サイト上に翻訳メニューが表示される</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/wovn5.png\" alt=\"wovn5\" width=\"592\" height=\"116\" class=\"alignnone size-full wp-image-28893\" /><br />翻訳結果を公開すると、該当のページ上に翻訳メニューが表示されるようになります。</p>\r\n\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/wovn6.png\" alt=\"wovn6\" width=\"592\" height=\"545\" class=\"alignnone size-full wp-image-28892\" /><br />このメニューから翻訳したい言語を選択すると、上記画像のように設定した言語に表示が変わります。ページタイトルやメニューなども翻訳できるのが良いですね。</p>\r\n\r\n<p>また、使用を中止したいときは、1行スクリプトを削除するだけで済んでしまいます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://wovn.io/\">Wovn.io</a>へどうぞ。</p>\r\n\r\n<p class=\"desc\">ひとくちメモ<br />\r\n海外の検索エンジンで上位表示を期待するならば、別ページを作って対応すべきでしょうけれど、その際の翻訳作業にこのツールを使うのも、意外と便利かもしれませんね。なにしろページの情報を抜き出してパラグラフ毎に整理し、翻訳作業をしやすくしてくれるのですから、そんな使い方もありなのかもしれません。</p>\r\n', '1行のコードを加えるだけでサイトを手軽に多言語化できる「Wovn.io」手動調整も可能', '敷居の高いサイトの多言語化を手軽に始められるようにしてくれる多言語対応の翻訳ツール。', 'publish', 'open', 'closed', '', 'localize-website', '', '', '2014-10-20 00:26:32', '2014-10-19 15:26:32', '', 0, 'http://web-marketing.zako.org/?p=28891', 0, 'post', '', 0),
(28882, 4, '2014-10-13 23:24:53', '2014-10-13 14:24:53', '', 'favatron2', '', 'inherit', 'open', 'closed', '', 'favatron2', '', '', '2014-10-13 23:24:53', '2014-10-13 14:24:53', '', 28878, 'http://web-marketing.zako.org/images/2014/10/favatron2.png', 0, 'attachment', 'image/png', 0),
(28883, 4, '2014-10-13 23:24:54', '2014-10-13 14:24:54', '', 'favatron1', '', 'inherit', 'open', 'closed', '', 'favatron1', '', '', '2014-10-13 23:24:54', '2014-10-13 14:24:54', '', 28878, 'http://web-marketing.zako.org/images/2014/10/favatron1.png', 0, 'attachment', 'image/png', 0),
(28884, 4, '2014-10-13 23:24:55', '2014-10-13 14:24:55', '', 'favatron', '', 'inherit', 'open', 'closed', '', 'favatron-2', '', '', '2014-10-13 23:24:55', '2014-10-13 14:24:55', '', 28878, 'http://web-marketing.zako.org/images/2014/10/favatron.png', 0, 'attachment', 'image/png', 0),
(28885, 4, '2014-10-13 23:26:36', '2014-10-13 14:26:36', '', 'favatron4', '', 'inherit', 'open', 'closed', '', 'favatron4', '', '', '2014-10-13 23:26:36', '2014-10-13 14:26:36', '', 28878, 'http://web-marketing.zako.org/images/2014/10/favatron4.png', 0, 'attachment', 'image/png', 0),
(28881, 4, '2014-10-13 23:24:52', '2014-10-13 14:24:52', '', 'favatron3', '', 'inherit', 'open', 'closed', '', 'favatron3', '', '', '2014-10-13 23:24:52', '2014-10-13 14:24:52', '', 28878, 'http://web-marketing.zako.org/images/2014/10/favatron3.png', 0, 'attachment', 'image/png', 0),
(28878, 4, '2014-10-14 00:05:55', '2014-10-13 15:05:55', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/10/favatron.png\" alt=\"favatron\" width=\"592\" height=\"225\" class=\"alignnone size-full wp-image-28884\" /></p>\r\n<p>Twitterでふぁぼった（お気に入りに追加した）ツイートをあとから見返すには、Twitterのウェブサイトを開いてお気に入りタブを開くか、<a href=\"http://web-marketing.zako.org/web-tools/ifttt-for-android.html\" title=\"IFTTTのAndroid版が便利なのでレシピをまとめてみた\">IFTTT</a>のようなサービスを介して他のサービスへ連携させることが考えられると思います。</p>\r\n<p>しかしながら、このような場合Twitterの投稿ページヘのリンクが保存されるので、投稿に含まれるリンクはワンクッション置かないと確認することができません。その煩わしさを快適にしてくれそうなのが、今回ご紹介するサービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">ふぁぼったツイートの紹介リンクを保存できる「Favatron」</h3>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/favatron1.png\" alt=\"favatron1\" width=\"592\" height=\"180\" class=\"alignnone size-full wp-image-28883\" /><br />「<a href=\"https://favatron.com/?ref=14129474\" target=\"_blank\">Favatron</a>」は、<strong>Twitterでふぁぼったツイートを自動的に収集し、あとで読むサービスのPocketへ保存したり、RSS配信したりすることができる</strong>無料のオンラインサービス。</p>\r\n<p>有料版ではAPIの提供や<a href=\"https://developer.github.com/webhooks/\" target=\"_blank\">WEBHOOK</a>にも対応しており、通知をウェブサイトに掲載するなど、凝ったことをしたいときにも便利です。</p>\r\n\r\n<h4 class=\"tips\">ふぁぼったツイートを投稿内にあるリンクとともに保存</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/favatron2.png\" alt=\"favatron2\" width=\"592\" height=\"372\" class=\"alignnone size-full wp-image-28882\" /><br />お気に入りに追加したツイートを保存したもの</p>\r\n<p>お気に入りに追加したツイートの文章と、投稿内で紹介しているリンクを別々に保存します。リンクはリンク先ページのタイトルも表示されるので、あとから見ても分かりやすいですね。</p>\r\n\r\n<p>ただし無料版ではデータの保持が１週間なのでご注意を。データを保持させるためには、次のあとで読むサービスとの連携をするのが良いかもしれません。</p>\r\n\r\n<h4 class=\"tips\">あとで読むサービスへリンクを自動追加</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/favatron4.png\" alt=\"favatron4\" width=\"592\" height=\"209\" class=\"alignnone size-full wp-image-28885\" /><br />Pocketに自動保存されたTwitterでふぁぼった投稿に含まれるリンク</p>\r\n<p>Twitterでふぁぼった投稿に含まれるリンクを、あとで読むサービスへ追加することもできます。対応するあとで読むサービスは、PocketとReadability。それぞれアカウントを連携させることで利用可能になります。</p>\r\n\r\n<h4 class=\"tips\">RSSフィードも生成</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/favatron3.png\" alt=\"favatron3\" width=\"592\" height=\"304\" class=\"alignnone size-full wp-image-28881\" /><br />FeedlyにRSSを登録して管理したもの</p>\r\n<p>お気に入りをRSSで配信することも可能なので、FeedlyなどのRSSリーダーであとで読むことも可能です。</p>\r\n\r\n<p>その他、リンクが含まれていないツイートを含めるかどうか、ダイジェストメールを日次、週次、あるいは送らないなどの設定もできるようになっています。</p>\r\n\r\n<p>利用開始時に過去２００件のお気に入り登録（ふぁぼったツイート）をチェックしてくれます。試してみたいかたは<a href=\"https://favatron.com/?ref=14129474\" target=\"_blank\">Favatron</a>へどうぞ。利用開始時のお気に入りチェックにはけっこう時間がかかるようですので、新規登録したらしばらく放置しておくのが良いと思います。</p>\r\n\r\n<p>また、５人の友達にこのサービスを紹介して登録してもらうと、有料版を１年間無料で使えるようになるそうです。紹介リンクはサービスサイト内の随所に出てくるので、そのリンクを取得して使ってみてください。</p>\r\n', 'ふぁぼったツイートに含まれるリンクを自動であとで読むサービスへ追加もできる「Favatron」', 'Twitterでふぁぼった（お気に入り追加）したツイート（投稿）をサービスサイトに保存。ツイートに含まれるリンクをPocketなどに自動追加。', 'private', 'open', 'closed', '', 'favatron', '', '', '2016-09-04 19:40:10', '2016-09-04 10:40:10', '', 0, 'http://web-marketing.zako.org/?p=28878', 0, 'post', '', 0),
(28872, 4, '2014-10-06 00:45:51', '2014-10-05 15:45:51', '', 'dashnotes2', '', 'inherit', 'open', 'closed', '', 'dashnotes2', '', '', '2014-10-06 00:46:12', '2014-10-05 15:46:12', '', 28869, 'http://web-marketing.zako.org/images/2014/10/dashnotes2.png', 0, 'attachment', 'image/png', 0),
(28873, 4, '2014-10-06 00:45:52', '2014-10-05 15:45:52', '', 'dashnotes1', '', 'inherit', 'open', 'closed', '', 'dashnotes1', '', '', '2014-10-06 00:46:06', '2014-10-05 15:46:06', '', 28869, 'http://web-marketing.zako.org/images/2014/10/dashnotes1.png', 0, 'attachment', 'image/png', 0),
(28874, 4, '2014-10-06 00:45:53', '2014-10-05 15:45:53', '', 'dashnotes', '', 'inherit', 'open', 'closed', '', 'dashnotes', '', '', '2014-10-06 00:46:22', '2014-10-05 15:46:22', '', 28869, 'http://web-marketing.zako.org/images/2014/10/dashnotes.jpg', 0, 'attachment', 'image/jpeg', 0),
(28875, 4, '2014-10-06 00:47:10', '2014-10-05 15:47:10', '', 'dashnotes5', '', 'inherit', 'open', 'closed', '', 'dashnotes5', '', '', '2014-10-06 00:47:15', '2014-10-05 15:47:15', '', 28869, 'http://web-marketing.zako.org/images/2014/10/dashnotes5.png', 0, 'attachment', 'image/png', 0),
(28869, 4, '2014-10-06 01:04:42', '2014-10-05 16:04:42', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/10/dashnotes.jpg\" alt=\"DashNotes\" width=\"592\" height=\"308\" class=\"alignnone size-full wp-image-28874\" /></p>\r\n<p>サイトを見ていて、気になったフレーズや画像、動画などをメモしておくのに、Evernoteのようなツールを使うことがあると思います。</p>\r\n<p>しかしながら、Evernoteのようなツールに保存するまでもなく、どこに保存しようか迷ってしまうようなものや、絶対にあとで確認したいから、もっと目につくところにメモしておきたいと思うものもあるの思います。</p>\r\n<p>今回ご紹介するのは、そういった時に使えそうな、見ているサイトの情報を残し、新しいタブで確認できるChrome拡張機能です。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">見ているページの情報を右クリックで新しいタブにストックする「DashNotes」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/dashnotes/akejfagjhbihofnhibbkdlhmoflckfdk\">DashNotes</a>」は、<strong>見ているページのテキストや画像、動画といったコンテンツを、素早く新しいタブにストックすることができるGoogle Chromeの拡張機能。</strong></p>\r\n<p>右クリックメニュー（コンテキストメニュー）からコンテンツを保存し、新しいタブを開くたびにそのメモを確認することが可能です。</p>\r\n\r\n<h4>右クリックでコンテンツを保存</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/dashnotes1.png\" alt=\"コンテキストメニューから追加\" width=\"594\" height=\"197\" class=\"alignnone size-full wp-image-28873\" /><br />選択したテキストや、ページのURL、あるいは画像、動画といったコンテンツを右クリックで表示されるコンテキストメニューから追加することができます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/dashnotes2.png\" alt=\"HTML5プレイヤーなら動画プレイヤーのまま追加\" width=\"592\" height=\"403\" class=\"alignnone size-full wp-image-28872\" /><br />YouTubeのようなHTML5プレイヤーを使っている動画サイトの動画であれば、動画を右クリックすることで、動画プレイヤーごと保存しておくことが可能です。</p>\r\n\r\n<h4>新しいタブに情報を蓄積</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/dashnotes3.png\" alt=\"新しいタブに保存\" width=\"592\" height=\"309\" class=\"alignnone size-full wp-image-28871\" /><br />追加したコンテンツは新しいタブを開くたびに表示されます。スキマ時間を使って確認でき、時間のあるときに、忘れずにじっくり見ることができるので便利ですね。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/dashnotes5.png\" alt=\"選択テキスト共にリンクも保存\" width=\"592\" height=\"262\" class=\"alignnone size-full wp-image-28875\" /><br />選択したテキストを追加した場合、そのページヘのリンクも保存されるので、あらためて全文見たいとき、あるいは記事の概要がわかる文章を保存しておくブックマーク、という使い方をしたいときにも使えます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/10/dashnotes4.png\" alt=\"動画をその場で再生\" width=\"592\" height=\"327\" class=\"alignnone size-full wp-image-28870\" /><br />YouTubeをはじめとするHTML5プレイヤーの動画をプレイヤーごと保存しておくと、新しいタブで再生することができます。これもまた、いちいちページを開くことなく再生を開始できて良いですね。ただし、外部サイトでの埋め込み再生を禁止している動画は再生できないので、【YouTubeで再生する】ボタンを押して画面遷移する必要があります。</p>\r\n\r\n<p>試してみたいかたは<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/dashnotes/akejfagjhbihofnhibbkdlhmoflckfdk\">DashNotes</a>のページから拡張機能をインストールしてください。</p>\r\n', '右クリックで画像や動画などを新しいタブにストックできるChrome拡張「DashNotes」', 'Chormeの右クリックメニューから、テキストや画像、動画などをストックして、新しいタブで確認することができる拡張機能。', 'publish', 'open', 'closed', '', 'dashnotes', '', '', '2014-11-03 20:14:02', '2014-11-03 11:14:02', '', 0, 'http://web-marketing.zako.org/?p=28869', 0, 'post', '', 0),
(28870, 4, '2014-10-06 00:45:48', '2014-10-05 15:45:48', '', 'dashnotes4', '', 'inherit', 'open', 'closed', '', 'dashnotes4', '', '', '2014-10-06 00:47:01', '2014-10-05 15:47:01', '', 28869, 'http://web-marketing.zako.org/images/2014/10/dashnotes4.png', 0, 'attachment', 'image/png', 0),
(28871, 4, '2014-10-06 00:45:50', '2014-10-05 15:45:50', '', 'dashnotes3', '', 'inherit', 'open', 'closed', '', 'dashnotes3', '', '', '2014-10-06 00:46:28', '2014-10-05 15:46:28', '', 28869, 'http://web-marketing.zako.org/images/2014/10/dashnotes3.png', 0, 'attachment', 'image/png', 0),
(28627, 4, '2014-06-22 18:40:43', '2014-06-22 09:40:43', '', 'internet-umbrella', '', 'inherit', 'open', 'closed', '', 'internet-umbrella', '', '', '2014-06-22 18:40:43', '2014-06-22 09:40:43', '', 811, 'http://web-marketing.zako.org/images/2007/05/internet-umbrella.jpg', 0, 'attachment', 'image/jpeg', 0),
(28852, 4, '2014-09-15 18:27:22', '0000-00-00 00:00:00', '\r\n\r\n\r\n直近の稼働状況を埋め込める\r\n<h5 class=\"tips\">Facebookの稼働監視</h5>\r\n<p><img src=\"http://media.currentlydown.com/graph/0/51/51/3/1410739200.png\" alt=\"Facebook.com availability chart\" title=\"Facebook.com availability chart\"><br><a href=\"http://www.currentlydown.com/facebook.com\">Facebook.com chart</a> by CurrentlyDown.com</p>\r\n\r\n\r\n\r\n<h5 class=\"tips\">Tumblrの稼働監視</h5>\r\n<p><img src=\"http://media.currentlydown.com/graph/54/51/51/36/1410739200.png\" alt=\"Tumblr.com availability chart\" title=\"Tumblr.com availability chart\"><br><a href=\"http://www.currentlydown.com/tumblr.com\">Tumblr.com status</a> by CurrentlyDown.com</p>', 'Webサイトのサーバー稼働チェックと世界の人気サイトがダウンした履歴を確認できる「CurrentlyDown」', '', 'draft', 'open', 'closed', '', 'currentlydown', '', '', '2014-09-15 18:27:22', '2014-09-15 09:27:22', '', 0, 'http://web-marketing.zako.org/?p=28852', 0, 'post', '', 0),
(28856, 4, '2014-09-16 00:15:24', '2014-09-15 15:15:24', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/09/gifyoutube.jpg\" alt=\"gifyoutube\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-28863\" /></p>\r\n<p>動画の一部分だけを、手っ取り早くGIFアニメーションで見せたい、ということもあるかと思います。何せ、動画プレイヤーを設置していても、見てもらえないことも多々あるので。</p>\r\n<p>今回ご紹介するサービスは、その要望に応えてくれる使い勝手の良いサービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">YouTube動画の一部分だけをGIFアニメで共有できる「GIF YouTube」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gifyoutube.com/\">GIF YouTube</a>」は、<strong>YouTube動画のURLに”gif”という文字を追加するだけで、GIFアニメーションを生成</strong>できるオンラインサービス。</p>\r\n<p>GIFアニメの長さは1秒から10秒までの間で指定することができ、専用のページURLをシェアすることでGIFアニメを共有できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">URLの一部を変更してGIFアニメを生成</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/gifyoutube2.jpg\" alt=\"あたまにgifをつける\" width=\"592\" height=\"47\" class=\"alignnone size-full wp-image-28862\" /><br />画像のように、youtube を gifyoutube とすることで、開いている動画をGIFアニメ化するページを開けるようになっています。</p>\r\n<p>あるいは、サービスサイトの入力欄に動画のURLを貼り付けることでも同じことができます。</p>\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/gifyoutube3.jpg\" alt=\"タイトルや動画の再生位置を指定\" width=\"592\" height=\"348\" class=\"alignnone size-full wp-image-28861\" /><br />編集するページでは、動画プレイヤー上で開始したい時間をクリックすることで開始時間を指定可能。そこからGIFアニメの長さを何秒にするかを指定します。秒数は1～10秒の間で指定できます。タイトルも指定できるようになっていますが、どうやら日本語は通らない様子です。</p>\r\n\r\n<p>最後に「Create gif」を押せば、GIFアニメが生成されます。</p>\r\n\r\n<h4 class=\"tips\">生成されたGIFアニメを共有</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/honda140914.gif\" alt=\"本田のアシスト\" width=\"480\" height=\"270\" class=\"size-full wp-image-28858\" /><br />生成されたGIFアニメはこのようになります。わかりやすくするためにここには埋め込んでいますが、「GIF YouTube」に埋め込みの機能はないのでご注意を。このGIFアニメは、生成されたGIFアニメを録画したものをGIFアニメ化し、自分のサーバーへアップしています。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/gifyoutube4.jpg\" alt=\"GIFアニメを閲覧できるページ\" width=\"592\" height=\"597\" class=\"alignnone size-full wp-image-28860\" /><br /><a target=\"_blank\" href=\"https://www.gifyoutube.com/gif/aoJ8Dr\">GIFアニメを共有するサンプルのページはこちら</a>。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://gifyoutube.com/\">GIF YouTube</a>へどうぞ。</p>\r\n\r\n\r\n\r\n', 'YouTube動画の一部分をGIFアニメに変換できる「GIF YouTube」', 'YouTube動画ページのURLの一部分を変えることで動画をGIFアニメ化できるオンラインサービス。', 'publish', 'open', 'closed', '', 'gif-youtube', '', '', '2014-09-16 00:15:24', '2014-09-15 15:15:24', '', 0, 'http://web-marketing.zako.org/?p=28856', 0, 'post', '', 0),
(28858, 4, '2014-09-15 19:01:29', '2014-09-15 10:01:29', '', 'honda140914', '本田のアシスト', 'inherit', 'open', 'closed', '', 'honda140914', '', '', '2014-09-15 19:01:41', '2014-09-15 10:01:41', '', 28856, 'http://web-marketing.zako.org/images/2014/09/honda140914.gif', 0, 'attachment', 'image/gif', 0),
(28860, 4, '2014-09-15 19:11:34', '2014-09-15 10:11:34', '', 'gifyoutube4', '', 'inherit', 'open', 'closed', '', 'gifyoutube4', '', '', '2014-09-15 19:11:58', '2014-09-15 10:11:58', '', 28856, 'http://web-marketing.zako.org/images/2014/09/gifyoutube4.jpg', 0, 'attachment', 'image/jpeg', 0),
(28861, 4, '2014-09-15 19:11:35', '2014-09-15 10:11:35', '', 'gifyoutube3', '', 'inherit', 'open', 'closed', '', 'gifyoutube3', '', '', '2014-09-15 19:12:09', '2014-09-15 10:12:09', '', 28856, 'http://web-marketing.zako.org/images/2014/09/gifyoutube3.jpg', 0, 'attachment', 'image/jpeg', 0),
(28862, 4, '2014-09-15 19:11:36', '2014-09-15 10:11:36', '', 'gifyoutube2', '', 'inherit', 'open', 'closed', '', 'gifyoutube2', '', '', '2014-09-15 19:12:17', '2014-09-15 10:12:17', '', 28856, 'http://web-marketing.zako.org/images/2014/09/gifyoutube2.jpg', 0, 'attachment', 'image/jpeg', 0),
(28863, 4, '2014-09-15 19:11:37', '2014-09-15 10:11:37', '', 'gifyoutube', '', 'inherit', 'open', 'closed', '', 'gifyoutube', '', '', '2014-09-15 19:11:37', '2014-09-15 10:11:37', '', 28856, 'http://web-marketing.zako.org/images/2014/09/gifyoutube.jpg', 0, 'attachment', 'image/jpeg', 0),
(28799, 4, '2014-08-25 00:05:55', '2014-08-24 15:05:55', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/08/embed-gmap.jpg\" alt=\"Embed Google Maps\" width=\"592\" height=\"374\" class=\"alignnone size-full wp-image-28806\" /></p>\r\n<p>Googleマップを使って、特定の場所の地図やストリートビューをブログやサイトへ埋め込みたい時があると思います。</p>\r\n<p>しかし地図ならともかく、ストリートビューを埋め込むことが、新しいグーグルマップでは埋め込むことができなかったり、どこからタグを発行するのかわかりづらくて面倒になっている気がします。</p>\r\n<p>今回は、そのGoogleマップの埋め込み作業に特化していて、手順が楽になるサービスをご紹介します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">Googleマップの地図やストリートビューを埋め込むことに特化した「Embed Google Maps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://ctrlq.org/maps/embed/\">Embed Google Maps</a>」は、その名の通り<strong>Googleマップの埋め込みタグを発行することに特化</strong>したサービス。</p>\r\n<p>住所や名称で検索して、場所をタップするだけで、地図やストリートビューの埋め込みタグを発行することができます。</p>\r\n\r\n<h4>埋め込んだ地図のサンプル</h4>\r\n<iframe width=\"592\" height=\"400\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://my.ctrlq.org/maps/#roadmap|17|35.690921|139.70025799999996\"></iframe>\r\n<p>こちらは地図を埋め込んだもの。Googleマップで埋め込みタグを発行する時となんら変わらないものが実現できます。</p>\r\n\r\n<h4>埋め込んだストリートビューのサンプル</h4>\r\n<iframe width=\"592\" height=\"400\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://my.ctrlq.org/maps/#street|0.3399999999999999|-181.58237463451013|14.984249832501735|35.689245|139.70098099999996\"></iframe>\r\n<p>最近埋め込めなくなったのか、やり方がわかりづらくなったストリートビューも、容易に埋め込むことが可能です。</p>\r\n\r\n<h4>発行されたタグ</h4>\r\n<code>&lt;iframe width=\"600\" height=\"400\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://my.ctrlq.org/maps/#<b>street</b>|17|35.690921|139.70025799999996\"&gt;&lt;/iframe&gt;</code>\r\n<p>赤文字の部分を street とするとストリートビューに、 roadmap にすると地図になる様子です。</p>\r\n\r\n<h4>埋め込みタグ発行の手順</h4>\r\n<p>埋め込みタグを発行するには、まず場所を検索します。</p>\r\n<p>場所を検索すると候補が出てくるので、その候補をクリックします。<br /><img src=\"http://cdn.zako.org/images/2014/08/embed-gmap1.jpg\" alt=\"embed-gmap1\" width=\"592\" height=\"374\" class=\"alignnone size-full wp-image-28809\" /></p>\r\n<p>海外サービスのせいか、スカイツリーなど的確に出てこない名所があるので、その場合は近いものをクリックして検索します。</p>\r\n\r\n<p>検索をかけると、画面左下に埋め込みタグが発行されます。<br /><img src=\"http://cdn.zako.org/images/2014/08/embed-gmap2.jpg\" alt=\"embed-gmap2\" width=\"592\" height=\"374\" class=\"alignnone size-full wp-image-28808\" />\r\n</p>\r\n<p>このタグを使えば地図を埋め込むことができます。デフォルトは幅600pxに固定されているので必要ならこの値を変更します。</p>\r\n<p>また、目的の位置からずれている場合は、目的の場所をダブルクリックすればその位置が中心になります。</p>\r\n\r\n<p>さらにペグマンを使ってストリートビューを表示させると、埋め込みタグもストリートビュー用になります。<br /><img src=\"http://cdn.zako.org/images/2014/08/embed-gmap3.jpg\" alt=\"embed-gmap3\" width=\"592\" height=\"374\" class=\"alignnone size-full wp-image-28807\" />\r\n</p>\r\n<p>ただし、一度ストリートビューにしてから地図に戻しても、埋め込みタグはストリートビューのままになってしまうようです。なぜだろう。このバグ？が発声してしまった場合は、さきほどご紹介したとおり、タグの一部分を変更することで対処することが可能です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://ctrlq.org/maps/embed/\">Embed Google Maps</a>へどうぞ。</p>', 'Googleマップを埋め込むのに便利な「Embed Google Maps」', 'Googleマップで地図やストリートビューを埋め込みたいときにサクッとできるサービス。', 'publish', 'open', 'closed', '', 'embed-google-maps', '', '', '2014-08-25 00:05:55', '2014-08-24 15:05:55', '', 0, 'http://web-marketing.zako.org/?p=28799', 0, 'post', '', 0),
(28806, 4, '2014-08-24 19:36:18', '2014-08-24 10:36:18', '', 'embed-gmap', '', 'inherit', 'open', 'closed', '', 'embed-gmap', '', '', '2014-08-24 19:36:18', '2014-08-24 10:36:18', '', 28799, 'http://web-marketing.zako.org/images/2014/08/embed-gmap.jpg', 0, 'attachment', 'image/jpeg', 0),
(28807, 4, '2014-08-24 19:36:19', '2014-08-24 10:36:19', '', 'embed-gmap3', '', 'inherit', 'open', 'closed', '', 'embed-gmap3', '', '', '2014-08-24 19:36:19', '2014-08-24 10:36:19', '', 28799, 'http://web-marketing.zako.org/images/2014/08/embed-gmap3.jpg', 0, 'attachment', 'image/jpeg', 0),
(28808, 4, '2014-08-24 19:36:20', '2014-08-24 10:36:20', '', 'embed-gmap2', '', 'inherit', 'open', 'closed', '', 'embed-gmap2', '', '', '2014-08-24 19:36:20', '2014-08-24 10:36:20', '', 28799, 'http://web-marketing.zako.org/images/2014/08/embed-gmap2.jpg', 0, 'attachment', 'image/jpeg', 0),
(28809, 4, '2014-08-24 19:36:21', '2014-08-24 10:36:21', '', 'embed-gmap1', '', 'inherit', 'open', 'closed', '', 'embed-gmap1', '', '', '2014-08-24 19:36:21', '2014-08-24 10:36:21', '', 28799, 'http://web-marketing.zako.org/images/2014/08/embed-gmap1.jpg', 0, 'attachment', 'image/jpeg', 0),
(28734, 4, '2014-07-20 03:17:19', '2014-07-19 18:17:19', '', 'startuptabs2', '', 'inherit', 'open', 'closed', '', 'startuptabs2', '', '', '2014-07-20 03:17:19', '2014-07-19 18:17:19', '', 28728, 'http://web-marketing.zako.org/images/2014/07/startuptabs2.jpg', 0, 'attachment', 'image/jpeg', 0),
(28735, 4, '2014-07-20 03:18:03', '2014-07-19 18:18:03', '', 'startuptabs3', '', 'inherit', 'open', 'closed', '', 'startuptabs3', '', '', '2014-07-20 03:18:03', '2014-07-19 18:18:03', '', 28728, 'http://web-marketing.zako.org/images/2014/07/startuptabs3.jpg', 0, 'attachment', 'image/jpeg', 0),
(28732, 4, '2014-07-20 03:12:22', '2014-07-19 18:12:22', '', 'startuptabs1', '', 'inherit', 'open', 'closed', '', 'startuptabs1', '', '', '2014-07-20 03:12:22', '2014-07-19 18:12:22', '', 28728, 'http://web-marketing.zako.org/images/2014/07/startuptabs1.jpg', 0, 'attachment', 'image/jpeg', 0),
(28644, 4, '2014-06-23 00:25:29', '2014-06-22 15:25:29', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/06/planleaf.png\" alt=\"Task Management with Email\" width=\"500\" height=\"262\" class=\"alignnone size-full wp-image-28650\" /></p>\n<p>メールだけでタスク管理するだなんてなんだが時代に逆行しているようにも思えますよね。しかし普段からメールを使っている人ならば、タスク管理をするために新たな画面を開かなくても良い、という点で先を行っているかもしれません。</p>\n<p>今回ご紹介するのは、メールだけでタスク管理できるなかなか秀逸でシンプルサービスです。</p>\n\n<!--more-->\n\n\n<h3 class=\"header-label\">メールクライアントだけでタスク管理できる「Planleaf」</h3>\n<p>「<a target=\"_blank\" href=\"http://www.planleaf.com/\">Planleaf</a>」は、WEB上にはタスク管理画面を一切持たず、<strong>HTMLメールだけでタスク管理をすべて完結できるサービス。</strong></p>\n<p>チームメンバーに追加するタスクを共有しつつ、CCに追加用メールアドレスを入れるだけ。タスクリストやデイリーのダイジェストもすべてメールで送られてきます。</p>\n\n<h4 class=\"tips\">シンプルなメールでタスクリストを追加</h4>\n<p><img src=\"http://cdn.zako.org/images/2014/06/planleaf1.png\" alt=\"planleaf1\" width=\"500\" height=\"408\" class=\"alignnone size-full wp-image-28649\" /><br />専用のメールアドレスをCCに入れて、半角ダッシュ（ハイフン）のあとにタスク名と期限や担当者を入れることで、タスクリストを作りつつ、個々のタスクを追加できます。期限、担当者は必須ではありません。</p>\n\n<p>タスク追加のルールはこんな感じになります。</p>\n\n<p class=\"desc\">To: メンバーA@gmail.com, メンバーB@gmail.com<br />\nCc: <b>tasks@planleaf.com</b><br />\nSubject: 今日のミーティングのアジェンダ<br />\nお疲れさまです。<br />\n<br />\n以下、本日のミーティングのアジェンダです:<br />\n<br />\n<b>– </b> 議題１ @sigeo<br />\n–  議題２の提出 (Monday)<br />\n–  議題３ (6/24)</p>\n\n<p>このメールを送ることによって、</p>\n\n<p class=\"desc\">タスクリスト名：今日のミーティングのアジェンダ<br />\nタスク：<br />\n–  議題１ 担当：sigeo<br />\n–  議題２の提出 期限：Mon, Jun 23<br />\n–  議題３ 期限：6/24</p>\n\n<p>というタスクリストが生成されます。</p>\n\n<h4 class=\"tips\">メールで送られてくるリストでタスク管理</h4>\n<p><img src=\"http://cdn.zako.org/images/2014/06/planleaf2.png\" alt=\"planleaf2\" width=\"500\" height=\"398\" class=\"alignnone size-full wp-image-28648\" /><br />タスクリストとタスクを追加すると、作成されたタスクリストがHTMLメールで送られてきます。</p>\n\n<p><img src=\"http://cdn.zako.org/images/2014/06/planleaf3.png\" alt=\"planleaf3\" width=\"500\" height=\"285\" class=\"alignnone size-full wp-image-28647\" /><br />このメールのチェックボックスの部分をクリックすると、タスクを完了させるメールを送れるようになっています。</p>\n\n<p><img src=\"http://cdn.zako.org/images/2014/06/planleaf4.png\" alt=\"planleaf4\" width=\"500\" height=\"267\" class=\"alignnone size-full wp-image-28646\" /><br />EDITボタンを押せば、一括編集できるメールが生成されます。ここでタスクを完了させるには[   ]に X を入れて[ X ]とすればOKです。 </p>\n\n\n<h4 class=\"tips\">デイリーダイジェストでタスク進捗をチェック</h4>\n<p><img src=\"http://cdn.zako.org/images/2014/06/planleaf5.png\" alt=\"planleaf5\" width=\"500\" height=\"396\" class=\"alignnone size-full wp-image-28645\" /><br />メールの下部にあるDaily Digest:  Fetchのリンクをクリックすると、デイリーダイジェストメールが送られてきます。</p>\n<p>このダイジェストメールは各タスクリストに登録されているタスクを横断的に進捗管理してくれるもので、本日期限のもの、近いうちに期限を迎えるもの、期限切れしているものを整理して伝えてくれます。</p>\n\n\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.planleaf.com/\">Planleaf</a>へどうぞ。</p>\n\n<p>過去にも<a target=\"_blank\" href=\"http://web-marketing.zako.org/web-tools/simple-mail-todo-management.html\">メールでタスクをアサイン、完了報告もメールでできる管理ツール「pleasnotify.me」</a>というようなサービスをご紹介しましたが、HTMLメールを使えるのであればPlanleafのほうが使いやすいように感じますね。</p>', 'メールだけでタスク管理・共有もできる「Planleaf」', 'メールだけを開いてタスク管理・進捗共有できるすぐれもののタスク管理ツール。', 'publish', 'open', 'closed', '', 'planleaf', '', '', '2014-06-23 02:16:11', '2014-06-22 17:16:11', '', 0, 'http://web-marketing.zako.org/?p=28644', 0, 'post', '', 0),
(28645, 4, '2014-06-22 19:47:05', '2014-06-22 10:47:05', '', 'planleaf5', '', 'inherit', 'open', 'closed', '', 'planleaf5', '', '', '2014-06-22 19:47:05', '2014-06-22 10:47:05', '', 28644, 'http://web-marketing.zako.org/images/2014/06/planleaf5.png', 0, 'attachment', 'image/png', 0),
(28646, 4, '2014-06-22 19:47:08', '2014-06-22 10:47:08', '', 'planleaf4', '', 'inherit', 'open', 'closed', '', 'planleaf4', '', '', '2014-06-22 19:47:08', '2014-06-22 10:47:08', '', 28644, 'http://web-marketing.zako.org/images/2014/06/planleaf4.png', 0, 'attachment', 'image/png', 0),
(28647, 4, '2014-06-22 19:47:10', '2014-06-22 10:47:10', '', 'planleaf3', '', 'inherit', 'open', 'closed', '', 'planleaf3', '', '', '2014-06-22 19:47:10', '2014-06-22 10:47:10', '', 28644, 'http://web-marketing.zako.org/images/2014/06/planleaf3.png', 0, 'attachment', 'image/png', 0),
(28648, 4, '2014-06-22 19:47:12', '2014-06-22 10:47:12', '', 'planleaf2', '', 'inherit', 'open', 'closed', '', 'planleaf2', '', '', '2014-06-22 19:47:12', '2014-06-22 10:47:12', '', 28644, 'http://web-marketing.zako.org/images/2014/06/planleaf2.png', 0, 'attachment', 'image/png', 0),
(28649, 4, '2014-06-22 19:47:15', '2014-06-22 10:47:15', '', 'planleaf1', '', 'inherit', 'open', 'closed', '', 'planleaf1', '', '', '2014-06-22 19:47:15', '2014-06-22 10:47:15', '', 28644, 'http://web-marketing.zako.org/images/2014/06/planleaf1.png', 0, 'attachment', 'image/png', 0),
(28650, 4, '2014-06-22 19:47:17', '2014-06-22 10:47:17', '', 'planleaf', '', 'inherit', 'open', 'closed', '', 'planleaf-2', '', '', '2014-06-22 19:47:17', '2014-06-22 10:47:17', '', 28644, 'http://web-marketing.zako.org/images/2014/06/planleaf.png', 0, 'attachment', 'image/png', 0),
(28723, 4, '2014-07-14 00:00:06', '2014-07-13 15:00:06', '', 'boomf4', '', 'inherit', 'open', 'closed', '', 'boomf4', '', '', '2014-07-14 00:00:06', '2014-07-13 15:00:06', '', 28716, 'http://web-marketing.zako.org/images/2014/07/boomf4.jpg', 0, 'attachment', 'image/jpeg', 0),
(28718, 4, '2014-07-13 23:57:36', '2014-07-13 14:57:36', '', 'boomf3', '', 'inherit', 'open', 'closed', '', 'boomf3', '', '', '2014-07-13 23:57:36', '2014-07-13 14:57:36', '', 28716, 'http://web-marketing.zako.org/images/2014/07/boomf3.jpg', 0, 'attachment', 'image/jpeg', 0),
(28719, 4, '2014-07-13 23:57:36', '2014-07-13 14:57:36', '', 'boomf2', '', 'inherit', 'open', 'closed', '', 'boomf2', '', '', '2014-07-13 23:57:36', '2014-07-13 14:57:36', '', 28716, 'http://web-marketing.zako.org/images/2014/07/boomf2.jpg', 0, 'attachment', 'image/jpeg', 0),
(28720, 4, '2014-07-13 23:57:37', '2014-07-13 14:57:37', '', 'boomf1', '', 'inherit', 'open', 'closed', '', 'boomf1', '', '', '2014-07-13 23:57:37', '2014-07-13 14:57:37', '', 28716, 'http://web-marketing.zako.org/images/2014/07/boomf1.jpg', 0, 'attachment', 'image/jpeg', 0),
(28721, 4, '2014-07-13 23:57:38', '2014-07-13 14:57:38', '', 'boomf', '', 'inherit', 'open', 'closed', '', 'boomf', '', '', '2014-07-13 23:57:38', '2014-07-13 14:57:38', '', 28716, 'http://web-marketing.zako.org/images/2014/07/boomf.jpg', 0, 'attachment', 'image/jpeg', 0),
(28696, 4, '2014-07-07 02:05:27', '2014-07-06 17:05:27', '', 'serf-pagespeed1', '', 'inherit', 'open', 'closed', '', 'serf-pagespeed1', '', '', '2014-07-07 02:05:27', '2014-07-06 17:05:27', '', 28688, 'http://web-marketing.zako.org/images/2014/07/serf-pagespeed1.png', 0, 'attachment', 'image/png', 0),
(28786, 4, '2014-08-18 00:06:54', '2014-08-17 15:06:54', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/08/inbox-checkup.png\" alt=\"inbox-checkup\" width=\"592\" height=\"395\" class=\"alignnone size-full wp-image-28792\" /></p>\r\n<p>自分のメーラーの使い方が本当に効率よいのかどうか、返信するタイミングは速いのか、遅いのかなどを評価するのは難しいですよね。</p>\r\n<p>今回は、そういったメールの使い方をGmailで評価してくれるサービスをご紹介します。</p><!--more-->\r\n\r\n<h3>Gmailでメールの使い方を評価する「The Inbox Checkup」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://checkup.frontapp.com/\">Inbox Checkup</a>」は、<strong>Gmailの受信トレイをチェックして、メールの使い方を評価してくれる</strong>オンラインサービス。</p>\r\n<p>Gmailでの過去100日間の行動をもとに8つの項目を分析し、それぞれ他のユーザーと比較してランキング化してくれます。</p>\r\n\r\n<h4>８つの項目を分析</h4>\r\n<p>Gmailアカウントと連携してチェック開始<br /><img src=\"http://cdn.zako.org/images/2014/08/inbox-checkup1.png\" alt=\"Gmailアカウントと連携してチェック開始\" width=\"592\" height=\"215\" class=\"size-full wp-image-28791\" /></p>\r\n<p>Gmailアカウントと連携すると、メールの使い方のチェックがはじまります。そのまま数分間まつと、8つの項目についての分析結果が表示されるようになっています。</p>\r\n\r\n<h4>分析される８つの項目</h4>\r\n<p>分析する項目は以下のとおりです。</p>\r\n<ul><li>受信メール数</li><li>送信メール数</li><li>メールを受信してから返信するまでの期間</li><li>メールの返信率</li><li>１つのメールスレッドあたりのやりとりの数</li><li>連絡先の数</li><li>ラベルの数</li><li>重要メッセージが占める割合</li></ul>\r\n\r\n<p>分析結果の画面<br /><img src=\"http://cdn.zako.org/images/2014/08/inbox-checkup2.png\" alt=\"分析結果の画面\" width=\"592\" height=\"444\" class=\"size-full wp-image-28790\" /></p>\r\n<p>普段気にするようなことがないデータを出してくれるのがおもしろい。とくにメールを返信するまでの期間が役に立ちそうな気がします。社内でもこういった数値を出して、成績との相関性を調べたりしてみたいですね。</p>\r\n\r\n<h4>他のユーザーと比較してランキング</h4>\r\n<p>このツールを使ってチェックしたユーザーと比較して、自分がどれくらいの順位にいるのか、わかるようになっています。<br /><img src=\"http://cdn.zako.org/images/2014/08/inbox-checkup3.png\" alt=\"チェックしたユーザーと比較して、自分がどれくらいの順位にいるのか、わかるようになっています。\" width=\"592\" height=\"553\" class=\"size-full wp-image-28789\" /></p>\r\n<p>表示された８項目の分析結果は、他のInbox Checkupでチェックをおこなったユーザーと比較して、ランキングを表示してくれます。</p>\r\n\r\n<p>このサービスでチェックしたユーザーの中での総合評価のランキング<br /><img src=\"http://cdn.zako.org/images/2014/08/inbox-checkup4.png\" alt=\"チェックしたユーザーの中での総合評価のランキング\" width=\"592\" height=\"130\" class=\"size-full wp-image-28788\" /></p>\r\n<p>総合評価が当サービスでチェックしたユーザーのなかで全世界の何位なのかというランキングも表示されます。</p>\r\n\r\n<p>平均値が表示され、自分の評価ランクがグラフ化されます<br /><img src=\"http://cdn.zako.org/images/2014/08/inbox-checkup5.png\" alt=\"平均値が表示され、自分の評価ランクがグラフ化されます\" width=\"592\" height=\"238\" class=\"size-full wp-image-28787\" /></p>\r\n<p>ここにはそれぞれ平均値も表示されていて、自分はどの面で使い方がどれくらい優れているか、劣っているのかといった評価をおこなうことができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://checkup.frontapp.com/\">Inbox Checkup</a>へどうぞ。</p>\r\n\r\n<p>メルマガに登録しすぎていて、Gmailが隠れスパムメールの巣窟になってしまっていると、チェックしてもコミュニケーションツールとしての正しい数値は出ませんね。。。しかし他人と比べてどれくらいメール受信数が多いかなどの点を把握できるのも良い機会になるのかなと感じました。なかなかないですもんね、メールの使い方を他人と比較するような機会は。</p>\r\n', 'Gmailでのメールの使い方を評価してくれる「The Inbox Checkup」', '他人と自分のGmailの使い方を比較して、ランキング化。メールの使い方を改善するのにも最適！？', 'publish', 'open', 'closed', '', 'the-inbox-checkup', '', '', '2014-08-18 00:06:54', '2014-08-17 15:06:54', '', 0, 'http://web-marketing.zako.org/?p=28786', 0, 'post', '', 0),
(28692, 4, '2014-07-07 01:53:28', '2014-07-06 16:53:28', '', 'PageSpeed-Module', '', 'inherit', 'open', 'closed', '', 'pagespeed-module', '', '', '2014-07-07 01:53:28', '2014-07-06 16:53:28', '', 28688, 'http://web-marketing.zako.org/images/2014/07/PageSpeed-Module.png', 0, 'attachment', 'image/png', 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
(28688, 4, '2014-07-07 02:30:30', '2014-07-06 17:30:30', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/07/PageSpeed-Module.png\" alt=\"mod_pagespeed serf\" width=\"500\" height=\"131\" class=\"alignnone size-full wp-image-28692\" /></p>\n<p>ロリポップに始まり、さくらスタンダード、さくらビジネスプロと渡り歩き、2013年に<a href=\"http://px.a8.net/svt/ejp?a8mat=1ZMYLT+EXMQ2I+D8Y+C0B9U\" target=\"_blank\">さくらのVPS</a>へと移行してからというもの、Wordpressとサーバーの最適化をすべく、他のサイトも合わせてテストを繰り返してきたのですが、nginx+FastCGIとproxy cacheを使うのが最も効果的という結論に至っている今日このごろです。このサイトではまだやっていませんが。</p>\n<p>テストのうちのひとつ、mod_pagespeed は1年以上前から導入しているのですが、これを導入してからというもの、Google Analyticsに妙なアクセスが大量に記録されるという状況。</p>\n<p>全アクセスが直帰だし、アクセスログを見ても怪しい。けれども良い対処法が見つからず、結局Google Analyticsのセグメントで除外設定してしのいできました。</p>\n\n<p>最近になって、mod_pagespeed の設定をさらにカスタマイズしていこうと<a href=\"https://developers.google.com/speed/pagespeed/module\" target=\"_blank\">リファレンスサイト</a>を見ていると、そこには何やら気になるキーワードが。</p>\n\n<!--more-->\n\n<p class=\"thumb\"><a href=\"http://px.a8.net/svt/ejp?a8mat=1ZMYLT+EXMQ2I+D8Y+C7LM9\" target=\"_blank\"><img border=\"0\" width=\"468\" height=\"60\" alt=\"\" src=\"http://www24.a8.net/svt/bgt?aid=120324017903&wid=014&eno=01&mid=s00000001717002051000&mc=1\"></a></p>\n<img class=\"none\" border=\"0\" width=\"1\" height=\"1\" src=\"http://www12.a8.net/0.gif?a8mat=1ZMYLT+EXMQ2I+D8Y+C7LM9\" alt=\"\">\n<h3 class=\"header-label\">Serfの大量アクセスをGoogle Analyticsから除外する方法</h3>\n<p>いろいろテストしているとき、見るのはだいたい<a target=\"_blank\" href=\"https://developers.google.com/speed/pagespeed/module/filters\">PageSpeed Filters</a>関連のページくらいなのですが、ふと<a target=\"_blank\" href=\"https://developers.google.com/speed/pagespeed/module/faq\">Frequently Asked Questions</a>ページを見ていると、気になるキーワードの記載が。</p>\n\n<blockquote>Why is my Google Analytics data being inflated by \"<b>Serf</b>\"?</blockquote>\n\n<p>こんなところに。。。思わず愚痴りました。</p>\n<!-- Place this tag in your head or just before your close body tag. -->\n<script type=\"text/javascript\" src=\"https://apis.google.com/js/plusone.js\"></script>\n\n<!-- Place this tag where you want the widget to render. -->\n<div class=\"g-post\" data-href=\"https://plus.google.com/104198991348267889378/posts/GoVGCeJRCmT\"></div>\n\n<h4 class=\"tips\">mod_pagespeed の設定ファイルに1行コードを追加するだけ</h4>\n<p>FAQによると、serf（Serf/1.1.0）からのアクセスをGoogle Analyticsで計測しないようにするには、pagespeed.conf に以下の1行を加えよ、とのこと。</p>\n\n<h5 class=\"tips\">Apacheの場合</h5>\n<code>ModPagespeedDisallow \"*/ga.php*\"</code>\n\n<h5 class=\"tips\">Nginxの場合</h5>\n<code>pagespeed Disallow \"*/ga.php*\";</code>\n\n<p>上記を追加したら、Apache（あるいはNginx）を再起動。これだけです。</p>\n\n<p><img src=\"http://cdn.zako.org/images/2014/07/serf-pagespeed1.png\" alt=\"Mod_pagespeedのserfからのアクセス推移\" width=\"500\" height=\"163\" class=\"alignnone size-full wp-image-28696\" /><br />この設定追加したところ、やっとserfからのアクセスと決別することができました。</p>\n\n<p>いやはや、もう少しわかりやすいところに書いておいて欲しいですね。</p>\n\n<p class=\"desc\">→ 当ブログは<a href=\"http://px.a8.net/svt/ejp?a8mat=1ZMYLT+EXMQ2I+D8Y+C0B9U\" target=\"_blank\">さくらのVPS SSD 4G</a>を使ってます。<img class=\"none\" border=\"0\" width=\"1\" height=\"1\" src=\"http://www11.a8.net/0.gif?a8mat=1ZMYLT+EXMQ2I+D8Y+C0B9U\" alt=\"\"></p>\n<p class=\"thumb\"><a href=\"http://px.a8.net/svt/ejp?a8mat=1ZMYLT+EXMQ2I+D8Y+C7LM9\" target=\"_blank\"><img border=\"0\" width=\"468\" height=\"60\" alt=\"\" src=\"http://www24.a8.net/svt/bgt?aid=120324017903&wid=014&eno=01&mid=s00000001717002051000&mc=1\"></a></p>', 'Google AnalyticsにSerfの大量アクセスが来たときの対処法', 'Google AnalyticsにSerfの大量アクセスが発生したら、原因はPageSpeed Module。設定ファイルに1行追加するだけで対処可能。', 'publish', 'open', 'closed', '', 'google-analytics-serf', '', '', '2014-07-07 21:11:07', '2014-07-07 12:11:07', '', 0, 'http://web-marketing.zako.org/?p=28688', 0, 'post', '', 0),
(28662, 4, '2014-06-30 00:13:28', '2014-06-29 15:13:28', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/06/5iler.png\" alt=\"メモ帳WEBアプリ5iler\" width=\"500\" height=\"259\" class=\"alignnone size-full wp-image-28668\" /></p>\r\n<p>ウェブ上でメモをとるなら、個性的かつ実用的なものが良い。ショートカットキーを使えて、保存はもちろんDropboxへ。</p>\r\n<p>そんなニーズを持っているひとにオススメできそうなサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">カラフルで軽快なメモ「5iler」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://5iler.com/\">5iler</a>」は、<strong>Dropboxに保存できるオンラインのメモパッド。</strong></p>\r\n<p>全部で５つのメモ帳を使うことができ、簡単なショートカットキーを使うことで軽快な操作を実現してくれます。</p>\r\n\r\n<h4 class=\"tips\">アコーディオンメニューのようなメモ帳</h4>\r\n<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/06/5iler0.gif\" alt=\"5iler0\" width=\"522\" height=\"266\" class=\"alignnone size-full wp-image-28669\" /><br />カラフルなメモの表紙が５つならんだUI。この５つのメモはCtrl+1～5で展開。メモを書き終わったらEscボタンを押して閉じることができます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/5iler5.png\" alt=\"5iler5\" width=\"500\" height=\"90\" class=\"alignnone size-full wp-image-28663\" /><br />5ilerはDropboxに連携する部分以外はユーザー登録不要で、メモをブラウザに保存しています。メモをすべてリセットしたいときには、上記画像にある「Reset」ボタンを押すことで初期化することができます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/5iler3.png\" alt=\"5iler3\" width=\"500\" height=\"353\" class=\"alignnone size-full wp-image-28665\" /><br />メモをとる際の操作はほぼすべてショートカットキーで操作可能。動きが軽快な上に操作が楽なところもこのサービスのポイントですね。</p>\r\n\r\n<h4 class=\"tips\">Dropboxに同期</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/5iler1.png\" alt=\"5iler1\" width=\"500\" height=\"290\" class=\"alignnone size-full wp-image-28667\" /><br />Dropboxと同期設定しておけば、ctrl＋Sを押すことでDropboxにメモを保存しておけます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/5iler2.png\" alt=\"5iler2\" width=\"500\" height=\"90\" class=\"alignnone size-full wp-image-28666\" /><br />Dropboxと同期するには、上記画像にある「Sync with Dropbox」ボタンを押して認証作業（初回のみ）をおこないます。連携が完了したら、あとはショートカットキーで保存するだけでDropboxに同期されます。</p>\r\n\r\n<h4 class=\"tips\">リッチテキストエディタも使える</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/06/5iler4.png\" alt=\"5iler4\" width=\"500\" height=\"146\" class=\"alignnone size-full wp-image-28664\" /><br />シンプルな機能ではあるものの、WYSIWYGエディタになっており、DropboxにMarkdown形式の記述で保存されます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://5iler.com/\">5iler</a>へどうぞ。</p>\r\n\r\n', 'Dropboxに保存できるカラフルで軽快なメモ帳「5iler」', 'ショートカットキーで操作して、軽快なUIでメモをとれるオンラインツール。Dropboxへの保存も便利。', 'publish', 'open', 'closed', '', '5iler-with-dropbox', '', '', '2014-06-30 00:15:14', '2014-06-29 15:15:14', '', 0, 'http://web-marketing.zako.org/?p=28662', 0, 'post', '', 0),
(28663, 4, '2014-06-29 20:29:44', '2014-06-29 11:29:44', '', '5iler5', '', 'inherit', 'open', 'closed', '', '5iler5', '', '', '2014-06-29 20:29:44', '2014-06-29 11:29:44', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler5.png', 0, 'attachment', 'image/png', 0),
(28664, 4, '2014-06-29 20:29:45', '2014-06-29 11:29:45', '', '5iler4', '', 'inherit', 'open', 'closed', '', '5iler4', '', '', '2014-06-29 20:29:45', '2014-06-29 11:29:45', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler4.png', 0, 'attachment', 'image/png', 0),
(28665, 4, '2014-06-29 20:29:46', '2014-06-29 11:29:46', '', '5iler3', '', 'inherit', 'open', 'closed', '', '5iler3', '', '', '2014-06-29 20:29:46', '2014-06-29 11:29:46', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler3.png', 0, 'attachment', 'image/png', 0),
(28666, 4, '2014-06-29 20:29:49', '2014-06-29 11:29:49', '', '5iler2', '', 'inherit', 'open', 'closed', '', '5iler2', '', '', '2014-06-29 20:29:49', '2014-06-29 11:29:49', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler2.png', 0, 'attachment', 'image/png', 0),
(28667, 4, '2014-06-29 20:29:50', '2014-06-29 11:29:50', '', '5iler1', '', 'inherit', 'open', 'closed', '', '5iler1', '', '', '2014-06-29 20:29:50', '2014-06-29 11:29:50', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler1.png', 0, 'attachment', 'image/png', 0),
(28668, 4, '2014-06-29 20:29:52', '2014-06-29 11:29:52', '', '5iler', '', 'inherit', 'open', 'closed', '', '5iler', '', '', '2014-06-29 20:29:52', '2014-06-29 11:29:52', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler.png', 0, 'attachment', 'image/png', 0),
(28669, 4, '2014-06-29 20:29:55', '2014-06-29 11:29:55', '', '5iler0', '', 'inherit', 'open', 'closed', '', '5iler0', '', '', '2014-06-29 20:29:55', '2014-06-29 11:29:55', '', 28662, 'http://web-marketing.zako.org/images/2014/06/5iler0.gif', 0, 'attachment', 'image/gif', 0),
(28682, 4, '2014-07-06 23:36:06', '2014-07-06 14:36:06', '', 'smallpdf0', '', 'inherit', 'open', 'closed', '', 'smallpdf0', '', '', '2014-07-06 23:36:06', '2014-07-06 14:36:06', '', 28678, 'http://web-marketing.zako.org/images/2014/07/smallpdf0.png', 0, 'attachment', 'image/png', 0),
(28683, 4, '2014-07-06 23:36:07', '2014-07-06 14:36:07', '', 'smallpdf1', '', 'inherit', 'open', 'closed', '', 'smallpdf1', '', '', '2014-07-06 23:36:07', '2014-07-06 14:36:07', '', 28678, 'http://web-marketing.zako.org/images/2014/07/smallpdf1.png', 0, 'attachment', 'image/png', 0),
(28684, 4, '2014-07-06 23:36:08', '2014-07-06 14:36:08', '', 'smallpdf', '', 'inherit', 'open', 'closed', '', 'smallpdf', '', '', '2014-07-06 23:36:08', '2014-07-06 14:36:08', '', 28678, 'http://web-marketing.zako.org/images/2014/07/smallpdf.png', 0, 'attachment', 'image/png', 0),
(28678, 4, '2014-07-07 00:12:36', '2014-07-06 15:12:36', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/07/smallpdf.png\" alt=\"smallpdf\" width=\"500\" height=\"158\" class=\"alignnone size-full wp-image-28684\" /></p>\r\n<p>PDFファイルを扱うとき、ファイルサイズを圧縮するならこれ、分割、結合するならそれ、といったように目的ごとに違うツールを使い分ける事があると思います。</p>\r\n<p>しかし、同じPDFに対して何かアクションを起こすのならば、すべて1箇所で済ませれば良いというもの。</p>\r\n<p>今回はそんなツールをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">PDFの圧縮や結合、分割などがオールインワンの「smallpdf.com」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://smallpdf.com/jp\">smallpdf.com</a>」は、<strong>PDFのあらゆる変換をおこなえるオンラインサービス。</strong></p>\r\n<p>圧縮や分割、結合や画像との相互変換など、PDFに関するものであればひととおりが揃っています。</p>\r\n\r\n<h4 class=\"tips\">smallpdf.comの特徴</h4>\r\n<p>\r\n	<img src=\"http://cdn.zako.org/images/2014/07/smallpdf0.png\" alt=\"smallpdf0\" width=\"500\" height=\"505\" class=\"alignnone size-full wp-image-28682\" />\r\n</p>\r\n<ul><li>圧縮は印刷解像度を１４４dpiまで縮小してファイルサイズを圧縮</li><li>１時間後にアップロードしたファイルを完全消去</li><li>結合時にプレビューを見ながら順番の変更も可能</li></ul>\r\n\r\n<h4 class=\"tips\">おもな機能</h4>\r\n<ul><li>PDF圧縮</li><li>PDF結合</li><li>PDF分割（なぜかここだけ日本語化されていない様子）</li><li>JPEG PDF 変換</li><li>PDF JPEG 変換</li></ul>\r\n\r\n<p>PDFでおこないたいことが、ほぼここで完結できそうな機能があります。</p>\r\n<p><img src=\"http://cdn.zako.org/images/2014/07/smallpdf1.png\" alt=\"smallpdf1\" width=\"500\" height=\"356\" class=\"alignnone size-full wp-image-28683\" /><br />特にPDFの結合は、ページの順序もサムネイルを見ながらドラッグ・アンド・ドロップでおこなえるという、便利な機能も付いています。</p>\r\n\r\n<p>以下はOfficeにもエクスポート機能が付いている（Office2010以降？）ので、Office2007以前を使っている人には便利ですね。</p>\r\n<ul><li>WORD PDF 変換</li><li>Excel PDF 変換</li><li>PPT PDF 変換</li></ul>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://smallpdf.com/jp\">smallpdf.com</a>へどうぞ。<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/merge-pdf-smallpdfcom/nbhibnjbbdkflfklbdpgbifkhcielgcm?hl=ja\">Chromeウェブアプリもあります</a>。</p>', 'PDF圧縮や結合、分割などが全部入りの「smallpdf.com」', 'JPEGなどの画像をPDFにするのも、その逆も。ファイルサイズ圧縮や分割、結合だけでないPDFオールインワンツール。', 'publish', 'open', 'closed', '', 'small-pdf', '', '', '2014-07-07 00:12:36', '2014-07-06 15:12:36', '', 0, 'http://web-marketing.zako.org/?p=28678', 0, 'post', '', 0),
(28716, 4, '2014-07-14 00:08:24', '2014-07-13 15:08:24', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/07/boomf.jpg\" alt=\"boomf\" width=\"592\" height=\"301\" class=\"alignnone size-full wp-image-28721\" /></p>\r\n<p>ソーシャルメディアにアップした、お気に入りの写真をお菓子にプリント。そんなサービスも出てくるのですね。</p>\r\n<p>今回は誕生日などの記念日のちょっとしたプレゼントや、結婚式の引き出物なんかにも良さそうなサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">マシュマロにInstagramの写真をプリントできる「Boomf」</h3>\r\n<p><img src=\"http://cdn.zako.org/images/2014/07/boomf1.jpg\" alt=\"boomf1\" width=\"592\" height=\"317\" class=\"alignnone size-full wp-image-28720\" /><br />「<a target=\"_blank\" href=\"https://boomf.com/\">Boomf</a>」は、<strong>Instagramの写真をマシュマロにプリントして配送してくれるサービス。</strong></p>\r\n<p>わざわざパソコンから画像をアップするわけではなく、ウェブ上にあるものを、アカウント連携して依頼できるので、便利なものです。</p>\r\n\r\n<h4 class=\"tips\">マシュマロにInstagramの写真をプリント</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/07/boomf2.jpg\" alt=\"boomf2\" width=\"592\" height=\"291\" class=\"alignnone size-full wp-image-28719\" /><br />注文の手順は３ステップ。まずInstagramのアカウントでログイン。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/07/boomf3.jpg\" alt=\"boomf3\" width=\"592\" height=\"334\" class=\"alignnone size-full wp-image-28718\" /><br />９個の写真を自分、あるいは友達のアイコンから選択し、カートに入れて注文。価格は１セット１５ユーロ（約２６ドルと記載あり）となっていて、配送は世界中どこでもOKで、送料無料と書いてありました。（<a target=\"_blank\" href=\"https://boomf.com/faq\">FAQ</a>参照）</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/07/boomf4.jpg\" alt=\"boomf4\" width=\"592\" height=\"257\" class=\"alignnone size-full wp-image-28723\" /><br />パズルのようになっていて、全部つなげると親子の写真になったり、あるいは自国のワールドカップ出場選手の顔写真をプリントしてみたりなどなど、アイデア次第で思いでの逸品ができてしまいそうですね。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://boomf.com/\">Boomf</a>へどうぞ。</p>\r\n\r\n<h4 class=\"tips\">アイデアをいくつか</h4>\r\n<iframe src=\"//instagram.com/p/o52LuzpgDx/embed/\" width=\"612\" height=\"710\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"></iframe>\r\n<p>全部合わせると親子の写真に。</p>\r\n\r\n<iframe src=\"//instagram.com/p/j36VCdpgFr/embed/\" width=\"612\" height=\"710\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"></iframe>\r\n<p>ふたりの思い出の写真をマシュマロにね。</p>\r\n\r\n<iframe src=\"//instagram.com/p/jt6TW8JgDY/embed/\" width=\"612\" height=\"710\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"></iframe>\r\n<p>こんな誕生日ケーキも良いかもしれませんね。</p>\r\n\r\n<iframe src=\"//instagram.com/p/hOKU8IJgDj/embed/\" width=\"612\" height=\"710\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"></iframe>\r\n<p>こういった箱にはいって届くようです。</p>\r\n', 'Instagramの写真をプリントしたマシュマロを作れる「Boomf」', 'お気に入りの写真をマシュマロにプリント、サプライズにも良いかも。', 'publish', 'open', 'closed', '', 'instagrams-on-marshmallows', '', '', '2014-07-14 00:25:59', '2014-07-13 15:25:59', '', 0, 'http://web-marketing.zako.org/?p=28716', 0, 'post', '', 0),
(28817, 4, '2014-09-01 07:18:44', '2014-08-31 22:18:44', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/08/twibble.jpg\" alt=\"twibble\" width=\"592\" height=\"296\" class=\"alignnone size-full wp-image-28821\" /></p>\r\n<p>Twitterへ自分のブログの更新情報をツイートするにはいくつかの方法がありますよね。ただ、こういったTwitterなどへ自動投稿するツールは至ってシンプルなものが多く、投稿時間などの細かい設定や、投稿後の分析機能は持っていないものがほとんどです。</p>\r\n<p>今回は、ブログなどの自動投稿をしながら、分析して投稿時間や方法の改善までをおこなえるツールをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ブログの更新情報をTwitterへ指定時間に自動投稿できる「twibble」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://twibble.io/\">Twibble</a>」は、<strong>RSSが更新されると、指定した時間に自動投稿し、投稿後のクリック数を分析できるサービス。</strong></p>\r\n<p>投稿時間の設定は曜日別に細かく設定することが可能で、投稿内容もプレビューしながら調整できるうえに、分析画面では投稿する最適な時間も教えてくれます。</p>\r\n\r\n<h4>RSSを自動投稿</h4>\r\n<p>上下ともに同じ記事の投稿。上がtwibbleで自動投稿したもので、下がIFTTTで投稿したもの。<br /><img src=\"http://cdn.zako.org/images/2014/08/twibble3.png\" alt=\"上下ともに同じ記事の投稿。上がtwibbleで自動投稿したもので、下がIFTTTで投稿したもの。\" width=\"592\" height=\"624\" class=\"size-full wp-image-28822\" /></p>\r\n<p>ブログやYouTube、ピンタレストといったサービスのRSSを登録することによって、Twitterに自動投稿することができます。</p>\r\n<p>投稿方法の設定が多彩なところがこのサービスの特徴で、ハッシュタグや接頭語の指定だけでなく、投稿時間の設定も曜日別にできるようになっています。記事内に写真あるいは動画などのリッチメディアがあれば、Twitterに投稿される際に画像や動画と合わせて投稿されるようにもなります。もちろん、画像を投稿しないように設定することも可能です。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/08/twibble0.png\" alt=\"twibble0\" width=\"592\" height=\"434\" class=\"alignnone size-full wp-image-28819\" /><br />細かい投稿設定が可能な管理画面。投稿のプレビューもしてくれます。通常このようなプレビューはないことがほとんどなので、ユーザー目線で考えやすくなりますね。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/08/twibble1.png\" alt=\"twibble1\" width=\"592\" height=\"366\" class=\"alignnone size-full wp-image-28820\" /><br />Custom timeを選択することで、曜日別に投稿する時間帯を指定することができます。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/08/twibble2.png\" alt=\"twibble2\" width=\"592\" height=\"335\" class=\"alignnone size-full wp-image-28818\" /><br />投稿の冒頭に入れる接頭語の設定、アカウント名へのリプライの付与、あるいはハッシュタグの追加も可能。短縮URLのサービスは、BitlyかTwib.inから選べます。個人的には、IFTTTのようにハッシュタグをWordPressのタグから生成できても良いかなと思いました。</p>\r\n\r\n<h4>クリックの分析も可能</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/twibble4.png\" alt=\"分析グラフ\" width=\"592\" height=\"483\" class=\"alignnone size-full wp-image-28834\" /><br />指定した時間に投稿する機能を最大限に活かしてくれるのが、このクリック分析機能。クリック数やクリック率、クリックされた時間帯や場所などを集計し、投稿の最適な時間帯を教えてくれます。ターゲットや業種業態、あるいはジャンルなどによって最適な時間帯は変わってくるはずですから、この機能は重宝できますね。</p>\r\n\r\n<p>クリックの分析をする際、デフォルトのタイムゾーンが日本になっていないので日本のタイムゾーンに変更する設定が必要です。</p>\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/twibble5.png\" alt=\"twibble5\" width=\"592\" height=\"365\" class=\"alignnone size-full wp-image-28836\" /><br />日本のタイムゾーンに変更するには、まず右上のアカウント名をクリックして表示されるメニューの中から、「Account Management」をクリックします。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/09/twibble6.png\" alt=\"twibble6\" width=\"592\" height=\"419\" class=\"alignnone size-full wp-image-28835\" /><br />表示された設定画面にある、Timezoneの入力欄に、Tokyoなどと入れると候補が出てくるので、該当するものを選択し、Saveボタンを押せば設定完了です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://twibble.io/\">Twibble</a>へどうぞ。Twitterアカウントと連携することで利用開始できます。</p>', 'RSSをTwitterへ指定した時間に自動投稿してクリックの分析もできる「twibble」', 'ブログなどのRSSをTwitterで自動投稿し、分析結果を投稿方法に反映できるツール。', 'publish', 'open', 'closed', '', 'twibble', '', '', '2014-09-01 07:18:44', '2014-08-31 22:18:44', '', 0, 'http://web-marketing.zako.org/?p=28817', 0, 'post', '', 0),
(29481, 4, '2015-03-29 20:23:38', '2015-03-29 11:23:38', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/03/moverio.jpg\" alt=\"MOVERIO BT-200\" width=\"592\" height=\"372\" class=\"alignnone size-full wp-image-29484\" /></p>\r\n<p>先日、Engadget「MOVERIO」体験会に参加いたしました。</p>\r\n<p>MOVERIO（モベリオ）は、スマートグラスと呼ばれる新しいガジェットで、いつでもどこでも大画面を楽しむことができるというもの。サングラスのようなメガネをかけることで、移動中やテレビのない部屋でも、ドラマや映画などを試聴することができます。</p>\r\n<p>今回は、このMOVERIOのBT-200AVを半年間にわたって試用させていただくことになったので、まずはその手始めとして体験会のことを共有します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">スマートグラスをかけると目の前に大画面が広がる</h3>\r\n[caption id=\"attachment_29487\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/moverio0.jpg\" alt=\"このサングラスのようなものをかけて電源を入れると、目の前に大画面が広がります。\" width=\"592\" height=\"314\" class=\"size-full wp-image-29487\" /> このサングラスのようなものをかけて電源を入れると、目の前に大画面が広がります。[/caption]\r\n<p>スマートグラスは、一見なんだか近未来的なサングラスといったような印象を受けました。グーグルグラスと似たようなものにも感じられますが、大きく違うのは、両眼で画面を見られることだとか。</p>\r\n<p>どんな体験ができるのか気になってしかたがないので、さっそく掛けてみます。</p>\r\n\r\n[caption id=\"attachment_29488\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/moverio3.jpg\" alt=\"スマートグラスに映っているGoogleの画面。\" width=\"592\" height=\"470\" class=\"size-full wp-image-29488\" /> スマートグラスに映っているGoogleの画面。[/caption]\r\n<p>ちょっと写真では伝わりにくいと思うのですが、片方の眼から見た状態が上記の写真のようなもの。画質も思ったより全然綺麗で、本当に目の前に大画面が広がります。</p>\r\n<p>WiFiでインターネットを楽しむこともできるので、YouTubeも見てみましたが、遠くを見るようにすることで、PCのディスプレイで見るよりもかなりな迫力を感じます。これを見て、<a target=\"_blank\" href=\"http://www.amazon.co.jp/%E6%98%A0%E7%94%BB-%E3%83%89%E3%83%A9%E3%83%9E-%E5%8B%95%E7%94%BB-%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB-%E3%83%93%E3%83%87%E3%82%AA-%E3%82%AA%E3%83%B3%E3%83%87%E3%83%9E%E3%83%B3%E3%83%89/b/?_encoding=UTF8&camp=247&creative=7399&linkCode=ur2&node=2351649051&tag=webm-22\">Amazonインスタント・ビデオ</a><img src=\"http://ir-jp.amazon-adsystem.com/e/ir?t=webm-22&l=ur2&o=9\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" />で借りた映画を、このスマートグラスで観てみたいなという衝動にも駆られました。</p>\r\n\r\n<p>スマートグラスに画面が映るのですが、うっすら向こう側が見えるようにもなっています。だからといって映画やドラマを観ながら歩くのはとても危険だとは思いますが、周りを見ることもできるのは良いですね。ただし、明るいところでは、濃い色のグラスをつけないと、画面が見づらいというのもあるようです。</p>\r\n\r\n[caption id=\"attachment_29492\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/moverio4.jpg\" alt=\"2種類の濃さのグラスとメガネ用アタッチメント。\" width=\"592\" height=\"317\" class=\"size-full wp-image-29492\" /> 2種類の濃さのグラスとメガネを付けたまま使えるようにするアタッチメント。[/caption]\r\n<p>BT-200には2種類の濃さのグラスが付属されているので、環境に合わせてグラスを使い分けることができます。</p>\r\n\r\n<h4 class=\"tips\">改善できるとさらに良くなると思った点</h4>\r\n<p>大画面で動画を楽しめることに感動したのですが、気になった点もいくつか。</p>\r\n[caption id=\"attachment_29485\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/moverio2.jpg\" alt=\"これはトラックパッド。スマートグラスに映るAndroidの画面をこのトラックパッドで操作します。\" width=\"592\" height=\"444\" class=\"size-full wp-image-29485\" /> これはトラックパッド。スマートグラスに映るAndroidの画面をこのトラックパッドで操作します。[/caption]\r\n<p>画面での操作は基本トラックパッドなのですが、これで文字を入力するのがちょっと面倒。USBでつなげればキーボードなども使えるとのことですが、移動中はトラックパッドのみを使うのが現実的なので、文字入力が必要な物は、できる限り自宅で済ませておきたいところです。</p>\r\n\r\n<p>また、しばらく観ていると、けっこう目が疲れてしまうのも難点。一日中PCと向かい合っているので強いほうだとは思うのですが、それでも疲れてしまいます。ここが改善できると良いなと思います。</p>\r\n\r\n<h4 class=\"tips\">可能性を感じたこと</h4>\r\n<p>仕事が多いと移動時間も無駄にしたくないと思うことが多々あります。けれども、やることによってはノートPCを開いてやったほうが効率が良いことも多々あります。</p>\r\n<p>とはいえ、電車のなかでノートPCを開くと、周りから丸見えになってしまうので、なかなかやることができません。そんな時にMOVERIOを使ってノートPCを使うことができれば、気兼ねなく仕事をすることができますよね。キーボードもレーダー投影式を使えば、周りから見たらおかしな人に見えますが、かなり快適かも。そんな可能性を感じたひとときでした。</p>\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.epson.jp/products/moverio/special/\" rel=\"nofollow\">MOVERIO スマートグラスで広がる世界</a>へどうぞ。</p>\r\n<h4 class=\"tips\">MOVERIO（モベリオ）のCM</h4>\r\n<iframe width=\"651\" height=\"366\" src=\"https://www.youtube.com/embed/efO9eIjDFs0\" frameborder=\"0\" allowfullscreen></iframe>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00I3PKJU0/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\"><img src=\"http://ecx.images-amazon.com/images/I/310BD%2B5OLDL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00I3PKJU0/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\">EPSON MOVERIO シースルーモバイルビューアー BT-200AV</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\"> エプソン 2014-06-30    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=EPSON%20MOVERIO%20BT-200AV&__mk_ja_JP=%83J%83%5E%83J%83i&tag=webm-22\" rel=\"nofollow\" target=\"_blank\">Amazon</a></div><div class=\"shoplinkrakuten\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FEPSON%2520MOVERIO%2520BT-200AV%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" rel=\"nofollow\" target=\"_blank\">楽天市場</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>\r\n\r\n\r\n\r\n\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00I3PKJJG/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\"><img src=\"http://ecx.images-amazon.com/images/I/41AJy0tmcpL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00I3PKJJG/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\">EPSON MOVERIO シースルーモバイルビューアー BT-200</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\"> エプソン 2014-06-30    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=EPSON%20MOVERIO%20BT-200&__mk_ja_JP=%83J%83%5E%83J%83i&tag=webm-22\" rel=\"nofollow\" target=\"_blank\">Amazon</a></div><div class=\"shoplinkrakuten\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FEPSON%2520MOVERIO%2520BT-200%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" rel=\"nofollow\" target=\"_blank\">楽天市場</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>', 'スマートグラス「MOVERIO（モベリオ）」に触れてみた', 'EPSONのスマートグラス、MOVERIO BT-200AVの体験会に参加してきました。', 'publish', 'open', 'closed', '', 'engadget-moverio', '', '', '2015-03-29 20:23:38', '2015-03-29 11:23:38', '', 0, 'http://web-marketing.zako.org/?p=29481', 0, 'post', '', 0),
(29484, 4, '2015-03-29 19:23:07', '2015-03-29 10:23:07', '', 'moverio', '', 'inherit', 'open', 'closed', '', 'moverio', '', '', '2015-03-29 19:23:22', '2015-03-29 10:23:22', '', 29481, 'http://web-marketing.zako.org/images/2015/03/moverio.jpg', 0, 'attachment', 'image/jpeg', 0),
(29485, 4, '2015-03-29 19:24:07', '2015-03-29 10:24:07', '', 'moverio2', 'これはトラックパッド。スマートグラスに映るAndroidの画面をこのトラックパッドで操作します。', 'inherit', 'open', 'closed', '', 'moverio2', '', '', '2015-03-29 19:24:39', '2015-03-29 10:24:39', '', 29481, 'http://web-marketing.zako.org/images/2015/03/moverio2.jpg', 0, 'attachment', 'image/jpeg', 0),
(29487, 4, '2015-03-29 19:46:03', '2015-03-29 10:46:03', '', 'moverio0', 'このサングラスのようなものをかけて電源を入れると、目の前に大画面が広がります。', 'inherit', 'open', 'closed', '', 'moverio0', '', '', '2015-03-29 19:46:25', '2015-03-29 10:46:25', '', 29481, 'http://web-marketing.zako.org/images/2015/03/moverio0.jpg', 0, 'attachment', 'image/jpeg', 0),
(29488, 4, '2015-03-29 19:47:02', '2015-03-29 10:47:02', '', 'moverio3', 'スマートグラスに映っているGoogleの画面。', 'inherit', 'open', 'closed', '', 'moverio3', '', '', '2015-03-29 19:47:19', '2015-03-29 10:47:19', '', 29481, 'http://web-marketing.zako.org/images/2015/03/moverio3.jpg', 0, 'attachment', 'image/jpeg', 0),
(29466, 4, '2015-03-16 00:25:36', '2015-03-15 15:25:36', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/03/purechat.png\" alt=\"Pure Chat\" width=\"592\" height=\"385\" class=\"alignnone size-full wp-image-29469\" /></p>\r\n<p>このブログではじめてサイト上でチャットの質問を受けられるツールをご紹介したのは、2009年の4月の<a href=\"http://web-marketing.zako.org/web-tools/live-chat-software-to-multiply-online-sales-zopim.html\" title=\"アクセス解析機能付ウェブチャットサービス「zopim」サイト上でプッシュ営業もかけられる\">zopim</a>。あれから6年が経とうとしていますが、サイト上にチャットの窓口を設置できるツールはかなり増えてきたように思います。</p>\r\n<p>そのなかでも今回は、シンプルではあるものの、かゆいところに手が届く設定がおこなえるチャットのツールをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ウェブサイトにチャットを手軽に設置できる「Pure Chat」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.purechat.com/\">Pure Chat</a>」は、<strong>サイト上にチャットで質問できる窓口を設置でき、訪問者とのチャットのやりとりをおこなえるサービス。</strong></p>\r\n<p>一度に１つのチャットまでで、かつ月に30回以内の会話であれば無料で使うことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">詳細まで設定可能なチャット設置用ブログパーツ</h4>\r\n[caption id=\"attachment_29476\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/chat-widget.png\" alt=\"チャットの部分にオペレーターらしき写真を表示させることも可能。写真はオリジナルのものをアップロードすることもできます。\" width=\"592\" height=\"549\" class=\"size-full wp-image-29476\" /> チャットの部分にオペレーターらしき写真を表示させることも可能。写真はオリジナルのものをアップロードすることもできます。[/caption]\r\n<p>このページの右下にある「お気軽にご質問ください」という表示が「Pure Chat」のブログパーツ。オペレータ不在時の処理方法や、チャットを受け付ける際に情報入力をおこなうかどうか、それとも情報を求めずにそのまま会話を開始するかなどの設定が可能。</p>\r\n<p>場面ごとの細かな文言を変更することもでき、チャット終了後に良い/悪いの評価をしてもらうこともできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">リアルタイムに会話できる</h4>\r\n[caption id=\"attachment_29475\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/chat-widget2.png\" alt=\"サイト上で訪問者がチャットのやりとりをしているところ。\" width=\"592\" height=\"407\" class=\"size-full wp-image-29475\" /> サイト上で訪問者がチャットのやりとりをしているところ。[/caption]\r\n<p>オペレーターがPure Chatにログインして、チャット受付を許可していると、サイト訪問者とチャットができるようになります。</p>\r\n<p>そのチャットのやりとりは、ウェブサイト上にも上記画像のように履歴がのこります。</p>\r\n\r\n[caption id=\"attachment_29474\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/purechat1.png\" alt=\"オペレーター用のチャット管理画面。\" width=\"592\" height=\"386\" class=\"size-full wp-image-29474\" /> オペレーター用のチャット管理画面。[/caption]\r\n<p>オペレーター側では、上記画像のように、訪問者の簡易的な情報とともに、チャットのやりとりが表示されます。</p>\r\n\r\n[caption id=\"attachment_29473\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/purechat2.png\" alt=\"訪問者とのチャットの履歴。\" width=\"592\" height=\"668\" class=\"size-full wp-image-29473\" /> 訪問者とのチャットの履歴。[/caption]\r\n<p>チャットの履歴も30日間保持することができ（有料版は無制限）質問者の簡易情報と評価の結果、その会話内容を閲覧できます。</p>\r\n\r\n[caption id=\"attachment_29472\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/purechat3.png\" alt=\"チャット履歴の一覧。\" width=\"592\" height=\"157\" class=\"size-full wp-image-29472\" /> チャット履歴の一覧。[/caption]\r\n<p>履歴の一覧も可能で、それぞれについた評価も表示されます。</p>\r\n\r\n[caption id=\"attachment_29471\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/account-statistics.png\" alt=\"アカウントごとの統計データも表示。\" width=\"592\" height=\"113\" class=\"size-full wp-image-29471\" /> アカウントごとの統計データも表示。[/caption]\r\n<p>オペレータ毎のチャット対応回数や対応の評価も一覧可能。訪問者による評価を積極的に促すことで、チャット対応の品質向上にも繋げられそうですね。</p>\r\n\r\n\r\n<h4 class=\"tips\">チャットの履歴はダウンロード可能</h4>\r\n[caption id=\"attachment_29470\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/03/chat-history.png\" alt=\"テキスト形式でダウンロードしたチャット履歴。\" width=\"592\" height=\"530\" class=\"size-full wp-image-29470\" /> テキスト形式でダウンロードしたチャット履歴。[/caption]\r\n<p>チャットで会話した内容は、問合せをした人の情報とともにテキストファイルでダウンロードすることができます。ツールの中で「Transcript」（写し）と呼ばれるものがそれです。無料版は30日間までの履歴保存になるので、無料版を使っていくならば履歴を保存しておくのが良いですね。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.purechat.com/\">Pure Chat</a>へどうぞ。</p>\r\n', 'サイト上にチャットの受付窓口を設置できる「Pure Chat」', 'ウェブサイト上で訪問者の質問をチャットで受け付けられるようにするツール。', 'publish', 'open', 'closed', '', 'pure-chat', '', '', '2015-03-16 00:25:36', '2015-03-15 15:25:36', '', 0, 'http://web-marketing.zako.org/?p=29466', 0, 'post', '', 0),
(29440, 4, '2015-03-01 23:56:16', '2015-03-01 14:56:16', '', 'renderforest', '', 'inherit', 'open', 'closed', '', 'renderforest-2', '', '', '2015-03-01 23:56:28', '2015-03-01 14:56:28', '', 29439, 'http://web-marketing.zako.org/images/2015/03/renderforest.png', 0, 'attachment', 'image/png', 0),
(29441, 4, '2015-03-01 23:56:17', '2015-03-01 14:56:17', '', 'my-videos-download', '動画が気に入ったらダウンロードしてメジャーな動画サイトなどへも投稿可能。', 'inherit', 'open', 'closed', '', 'my-videos-download', '', '', '2015-03-01 23:56:37', '2015-03-01 14:56:37', '', 29439, 'http://web-marketing.zako.org/images/2015/03/my-videos-download.png', 0, 'attachment', 'image/png', 0),
(29442, 4, '2015-03-01 23:56:18', '2015-03-01 14:56:18', '', 'my-videos', '動画の管理画面で動画テンプレートや自分の動画を管理', 'inherit', 'open', 'closed', '', 'my-videos', '', '', '2015-03-01 23:57:03', '2015-03-01 14:57:03', '', 29439, 'http://web-marketing.zako.org/images/2015/03/my-videos.png', 0, 'attachment', 'image/png', 0),
(29443, 4, '2015-03-01 23:56:19', '2015-03-01 14:56:19', '', 'video-choose', '動画のテンプレートを30秒、60秒、90秒のなかから選べる動画のテンプレートもあります。', 'inherit', 'open', 'closed', '', 'video-choose', '', '', '2015-03-01 23:57:30', '2015-03-01 14:57:30', '', 29439, 'http://web-marketing.zako.org/images/2015/03/video-choose.png', 0, 'attachment', 'image/png', 0),
(29444, 4, '2015-03-01 23:56:20', '2015-03-01 14:56:20', '', '2015-03-01_23h47_11', '', 'inherit', 'open', 'closed', '', '2015-03-01_23h47_11', '', '', '2015-03-01 23:56:20', '2015-03-01 14:56:20', '', 29439, 'http://web-marketing.zako.org/images/2015/03/2015-03-01_23h47_11.png', 0, 'attachment', 'image/png', 0),
(29445, 4, '2015-03-01 23:56:23', '2015-03-01 14:56:23', '', 'video-create', '動画のコマを見ながら画像やテキストを加えていきます。', 'inherit', 'open', 'closed', '', 'video-create', '', '', '2015-03-01 23:57:36', '2015-03-01 14:57:36', '', 29439, 'http://web-marketing.zako.org/images/2015/03/video-create.png', 0, 'attachment', 'image/png', 0),
(29446, 4, '2015-03-01 23:56:24', '2015-03-01 14:56:24', '', 'video-template', 'あらゆるジャンルのテンプレートが用意されていて、目的に合わせて選べるのもGood。', 'inherit', 'open', 'closed', '', 'video-template', '', '', '2015-03-01 23:57:42', '2015-03-01 14:57:42', '', 29439, 'http://web-marketing.zako.org/images/2015/03/video-template.png', 0, 'attachment', 'image/png', 0),
(29398, 4, '2015-01-26 02:37:25', '2015-01-25 17:37:25', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/01/gacco.jpg\" alt=\"gacco（ガッコ）\" width=\"592\" height=\"395\" class=\"alignnone size-full wp-image-29402\" /></p>\r\n<p>gacco（ガッコ）は、2012年に米国でスタートしたMOOC（ムーク/Massive Open Online Courses）の日本版。</p>\r\n<p>MOOC（ムーク）とは、いわゆるオンライン上で誰もが無料で受講することができる大規模な講座のこと。MOOCの多くは、資金が潤沢な米国の大学によって運営されており、その殆どの講座で使われる言語が英語です。</p>\r\n\r\n<p><b>英語の苦手な日本人にとって、この潮流は大きな教育格差を産んでしまうのではないか。</b></p>\r\n<p>そんな問題を解決するために、昨年の2月にＮＴＴドコモとＮＴＴナレッジ・スクウェアによってローンチされた、オンラインの動画ラーニングサービスです。このたび、ブログタイムズを通じてこのgaccoを紹介するイベントに参加したので、そこで感じたことを共有したいと思います。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">敷居の高い学問を気軽に楽しく学べる「gacco」</h3>\r\n<p>誰しも、興味はあるけれども学問として学ぶには少し気が引ける、という分野があるのではないでしょうか。</p>\r\n<p>本当はすごく興味があるのに、高額な授業料を払ってまで失敗はしたくないという手のものです。</p>\r\n<p>gaccoのポイントは、とっつきにくくて敷居の高い学問の、間口を広げていること。<b>だれでも無料でオンライン講座を受けることができ</b>、同じ講座を受けているひとたちとの<b>コミュニティに加わることもできる</b>。そして、必要とあらば<b>対面授業を受講する機会も得られる</b>。いわば自分が本当にその分野の学問を極めていくべきか否かを、突っ込んで判断することができるようになっているのです。</p>\r\n\r\n<p>たとえば物理プログラミングや統計学など、一見難しすぎてついていけなさそうなテーマであっても、ものすごくわかりやすく体系だてて学び、実践に移していけるようになっています。今まで触れたことのない分野であっても、のめり込んでしまう人が増えるのではないかと感じさせられます。</p>\r\n\r\n<p>私も短い時間ながら、これから公開予定の講座を受けさせていただきましたが、こんな講座を、小さい頃から受けられたら、どんなに幸せだったろう、と思うほどでした。</p>\r\n\r\n<p>米国でのMOOCの事例ではありますが、現にパキスタンの女子中学生が、当時10歳であるにもかかわらず、オンライン講座で人工知能について勉強し、11歳では物理講座を最高の成績で修了。そして現在は地球外生命学の学問にチャレンジしているそうです。</p>\r\n<p>昨年2014年にノーベル平和賞を受賞したマララ・ユスフザイもパキスタンの出身。彼女はエデュケーション・ファーストを訴えていますが、同じ国の女子中学生が、オンライン講座で素晴らしい成績を上げている。まさにエデュケーション・ファーストをどんな環境であっても、インターネットに繋がりさえすれば実現してしまうという実例となっています。</p>\r\n\r\n<h4 class=\"tips\">統計学の講座を体験してみた</h4>\r\n<p>イベントの当日は、全部で3つの未公開講座を、少しずつだけ体験させてもらいました。</p>\r\n\r\n<p>1つ目に受講したのは統計学。ベストセラー「統計学が最強の学問である」の著者である東大の西内 啓さんや統計数理研究所の土屋 隆裕さん、総務省の方々という、データ分析のブロたちによる講座が、4部構成で公開される予定です。</p>\r\n\r\n<p>4部構成の内訳は、</p>\r\n<ol>\r\n	<li>統計データの活用</li>\r\n	<li>統計学の基礎</li>\r\n	<li>データの見方</li>\r\n	<li>公的データの入手とコースのまとめ</li>\r\n</ol>\r\n\r\n<p>という内容と流れになっており、それぞれ1週間、1日に10分ずつ受講することが可能です。</p>\r\n\r\n[caption id=\"attachment_29403\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/01/gacco1.jpg\" alt=\"統計学の講座について説明を受けています。\" width=\"592\" height=\"336\" class=\"size-full wp-image-29403\" /> 統計学の講座について説明を受けています。[/caption]\r\n<p>今回はそのなかでも3部目のデータの見方を少しだけ受講することになりましたが、まさに先月私が見て、ビジネスの可能性を見出そうとしていたデータをもとに解説されていました。このデータを見ながら、この問題の本質はどこにあるのか、そしてその解決策を導き出すためにどう考えればよいかといった、ビジネスの現場でも必須となる考え方を、具体的に教えてくれて、すぐさま仕事で生かせるような内容になっていました。</p>\r\n\r\n<p>統計学の講座についてより詳しく知りたい方は、<a rel=\"nofollow\" target=\"_blank\" href=\"https://lms.gacco.org/courses/gacco/ga031/2015_03/about?utm_source=blogger&utm_medium=link&utm_campaign=bem_150121_ga031\">社会人のためのデータサイエンス入門</a>のページをご覧ください。</p>\r\n\r\n[caption id=\"attachment_29401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/01/gacco2.jpg\" alt=\"Javascriptを使って楽しみながらプログラミングを学べる「物理法則プログラミング入門」\" width=\"592\" height=\"354\" class=\"size-full wp-image-29401\" /> Javascriptを使って楽しみながらプログラミングを学べる「物理法則プログラミング入門」[/caption]\r\n<p>その他にも当日は<a rel=\"nofollow\" target=\"_blank\" href=\"https://lms.gacco.org/courses/gacco/ga025/2015_02/about?utm_source=blogger&utm_medium=link&utm_campaign=bem_150121_ga025\">3Dプリンタとデジタルファブリケーション</a>と<a rel=\"nofollow\" target=\"_blank\" href=\"https://lms.gacco.org/courses/gacco/ga028/2015_03/about?utm_source=blogger&utm_medium=link&utm_campaign=bem_150121_ga028\">物理法則プログラミング入門</a>についても体験受講をしてみました。いずれもちょっと取っ付きづらいけれども、自分が興味を持っている分野。受けてみると、その分野で第一線を張っている有名人が、かなり易しく、そして楽しく授業を進めてくれるので、これは興味を持たざるを得ないな、という印象。私もこれらの学問習得にハマってしまいそうです。</p>\r\n\r\n[caption id=\"attachment_29400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/01/gacco3.jpg\" alt=\"「3Dプリンタとデジタルファブリケーション」の講座では、実際に3Dプリンタを使ってものづくりを体験できる講座も開催予定とのこと。写真は3Dプリンタで作成した鎖状の物体。\" width=\"592\" height=\"323\" class=\"size-full wp-image-29400\" /> 「3Dプリンタとデジタルファブリケーション」の講座では、実際に3Dプリンタを使ってものづくりを体験できる講座も開催予定とのこと。写真は3Dプリンタで作成した鎖状の物体。[/caption]\r\n\r\n<p>講座はこれ以外にも、歴史・人文系やデザイン/アート、コンテンツ/メディアといった分野も準備されています。私は歴史を広範囲にわたって学ぶことが好きなので、3月開講予定の<a rel=\"nofollow\" target=\"_blank\" href=\"https://lms.gacco.org/courses/gacco/ga029/2015_03/about\">大航海時代の日本：日欧文化交流の歴史(ヒストリア)</a>を受講登録しておきました。</p>\r\n\r\n<p>先日、2015年1月15日に会員数が10万人を突破したというgacco。特定の学問に対して、本当は興味を持っているというひとはまだまだたくさんいるはず。gaccoについて、より詳しく知りたいかたは、<a rel=\"nofollow\" target=\"_blank\" href=\"http://gacco.org/?utm_source=blogger&utm_medium=link&utm_campaign=bem_150121_top\">http://gacco.org/</a>へどうぞ。</p>\r\n\r\n【PR by BLOGTIMES】<a href=\"http://blogtimes.jp\" target=\"_blank\"><img src=\"http://blogtimes.jp/sys/im.php?b=185&r=10098&i=123\" border=\"0\" alt=\"ブログタイムズ\" /></a>', '日本初のMOOC「gacco」は、敷居の高い学問へ気軽に足を踏み込めるきっかけとなる', '大学教授陣やその分野で第一線を張っている専門家たちによる本格的な講義をだれでも無料で受けられる「gacco」', 'publish', 'open', 'closed', '', 'gacco', '', '', '2015-10-17 14:21:54', '2015-10-17 05:21:54', '', 0, 'http://web-marketing.zako.org/?p=29398', 0, 'post', '', 0),
(29391, 4, '2015-01-13 01:54:31', '2015-01-12 16:54:31', '', 'mailtrack', '', 'inherit', 'open', 'closed', '', 'mailtrack', '', '', '2015-01-13 01:54:42', '2015-01-12 16:54:42', '', 29390, 'http://web-marketing.zako.org/images/2015/01/mailtrack.png', 0, 'attachment', 'image/png', 0),
(29392, 4, '2015-01-13 01:54:32', '2015-01-12 16:54:32', '', 'mailtrack2', 'こちらは相手が未開封の状態。', 'inherit', 'open', 'closed', '', 'mailtrack2', '', '', '2015-01-13 01:55:04', '2015-01-12 16:55:04', '', 29390, 'http://web-marketing.zako.org/images/2015/01/mailtrack2.png', 0, 'attachment', 'image/png', 0),
(29393, 4, '2015-01-13 01:54:32', '2015-01-12 16:54:32', '', 'mailtrack1', '送信済みメール一覧のスター、または重要マークの右にチェックマークが入るようになります。', 'inherit', 'open', 'closed', '', 'mailtrack1', '', '', '2015-01-13 01:54:53', '2015-01-12 16:54:53', '', 29390, 'http://web-marketing.zako.org/images/2015/01/mailtrack1.png', 0, 'attachment', 'image/png', 0),
(29394, 4, '2015-01-13 01:54:33', '2015-01-12 16:54:33', '', 'mailtrack3', '専用のボタンを押すことで、開封確認の通知メールを受け取れます。', 'inherit', 'open', 'closed', '', 'mailtrack3', '', '', '2015-01-13 01:55:25', '2015-01-12 16:55:25', '', 29390, 'http://web-marketing.zako.org/images/2015/01/mailtrack3.png', 0, 'attachment', 'image/png', 0),
(29385, 4, '2014-12-23 19:34:35', '2014-12-23 10:34:35', '', 'amazon-app-campaign2', '今日の日替わり無料アプリはチェックリスト。', 'inherit', 'open', 'closed', '', 'amazon-app-campaign2', '', '', '2014-12-23 19:34:48', '2014-12-23 10:34:48', '', 29382, 'http://web-marketing.zako.org/images/2014/12/amazon-app-campaign2.png', 0, 'attachment', 'image/png', 0),
(29372, 4, '2014-12-22 00:48:37', '2014-12-21 15:48:37', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/12/sitekit.png\" alt=\"sitekit\" width=\"592\" height=\"316\" class=\"alignnone size-full wp-image-29377\" /></p>\r\n<p>レスポンシブWEBデザインのサイトにして、PCでもモバイルでも同じ情報をストレスなく見ることができるサイトを作りたい。</p>\r\n<p>それを制作会社に頼もうとすると、結構な金額になってしまうことが多いと思います。</p>\r\n<p>それなりに成長したビジネスであれば、クオリティ重視でお金をかけても良いとは思いますが、これから起業する、あるいはスモールスタートでビジネスを始めるといった時には、そうもいかないですよね。</p>\r\n<p>そんな時に使えそうなのが、今回ご紹介するレスポンシブサイトの作成ツールです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">レスポンシブWEBデザインのサイトを手軽に作れる「SiteKit」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://trysitekit.com/\">SiteKit</a>」は、<strong>レスポンシブWEBデザインのサイトを、無料で手軽に作成できるサイトビルダー。</strong></p>\r\n<p>レイアウトも予め決まっているテンプレートを使うので、デザイン面で悩むことが一切ないようにできています。</p>\r\n\r\n<h4 class=\"tips\">ページの内容を手軽に作れる</h4>\r\n[caption id=\"attachment_29376\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/sitekit1.jpg\" alt=\"作成したサイト。\" width=\"592\" height=\"444\" class=\"size-full wp-image-29376\" /> 作成したサイト。[/caption]\r\n<p>要素をドラッグしてレイアウトを決めていく、といったサイト作成ツールもありますが、そんなことをするのも面倒だという場合もあると思います。SiteKitではレイアウトも決まっており、指定された場所を埋めていくだけでレスポンシブなサイトを作ることができてしまいます。</p>\r\n<p class=\"desc\">サンプルサイト→ <a target=\"_blank\" href=\"http://gz6k8.site.moboom.com/\">Home | グレイトコーヒー</a><br />※ほぼサンプルのままにしている状態です。</p>\r\n\r\n<h4 class=\"tips\">各ページの内容も簡単に作成可能</h4>\r\n[caption id=\"attachment_29375\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/sitekit2.png\" alt=\"ページの内容を作成/編集する画面。\" width=\"592\" height=\"400\" class=\"size-full wp-image-29375\" /> ページの内容を作成/編集する画面。[/caption]\r\n<p>ホームや会社紹介、お問い合わせページなども簡単な編集画面で作成することが可能です。お問い合わせフォームに関しても、連絡先（Contact info ）の情報を埋めておけば、その連絡先メールアドレスにフォームから内容が送信されます。（前述のサンプルサイトではメールが届かないようにしています。）</p>\r\n\r\n<h4 class=\"tips\">モバイルのプレビューも簡単</h4>\r\n[caption id=\"attachment_29374\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/sitekit3.png\" alt=\"ボタンを押すだけでタブレットやモバイルでの見栄えも確認。\" width=\"592\" height=\"425\" class=\"size-full wp-image-29374\" /> ボタンを押すだけでタブレットやモバイルでの見栄えも確認。[/caption]\r\n<p>ボタンひとつで作成中のサイトのプレビューを確認可能、機種ごとに確認できるわけではありませんがタブレットやスマートフォンでの見栄えもボタンひとつで確認可能です。</p>\r\n\r\n<h4 class=\"tips\">独自ドメインの利用も可能</h4>\r\n[caption id=\"attachment_29373\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/sitekit4.png\" alt=\"自分で取得した独自ドメインの利用も可能。\" width=\"592\" height=\"224\" class=\"size-full wp-image-29373\" /> 自分で取得した独自ドメインの利用も可能。[/caption]\r\n<p>CNAME レコードで独自ドメインをマッピングすることも可能。独自ドメインは自分で購入する必要がありますが、この手のサービスでは独自ドメインを使うと有料になることも多いので、ドメイン以外の料金がかからないのも魅力ですね。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://trysitekit.com/\">SiteKit</a>へどうぞ。初回はアカウントを作成せずに試してみることができ、気に入ったら無料会員登録をして、サイトを公開することが可能です。</p>\r\n', '無料で簡単にレスポンシブサイトを作れる「SiteKit」', 'レスポンシブWEBデザインのサイトを無料で手軽に作成できるサイト作成サービス。', 'publish', 'open', 'closed', '', 'website-builder-sitekit', '', '', '2014-12-22 00:48:37', '2014-12-21 15:48:37', '', 0, 'http://web-marketing.zako.org/?p=29372', 0, 'post', '', 0),
(29346, 4, '2014-12-14 22:26:30', '2014-12-14 13:26:30', '', 'twoodo-like', 'LIKEボタンもあり。', 'inherit', 'open', 'closed', '', 'twoodo-like', '', '', '2014-12-14 22:26:49', '2014-12-14 13:26:49', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-like.png', 0, 'attachment', 'image/png', 0),
(29347, 4, '2014-12-14 22:26:30', '2014-12-14 13:26:30', '', 'twoodo-tenpu', '画像やドキュメントの添付も可能。', 'inherit', 'open', 'closed', '', 'twoodo-tenpu', '', '', '2014-12-14 22:27:27', '2014-12-14 13:27:27', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-tenpu.png', 0, 'attachment', 'image/png', 0),
(29348, 4, '2014-12-14 22:26:31', '2014-12-14 13:26:31', '', 'twoodo-vote', 'アンケート形式。', 'inherit', 'open', 'closed', '', 'twoodo-vote', '', '', '2014-12-14 22:27:35', '2014-12-14 13:27:35', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-vote.png', 0, 'attachment', 'image/png', 0),
(29349, 4, '2014-12-14 22:26:32', '2014-12-14 13:26:32', '', 'twoodo-question', '質問としてチャットに投稿できる。', 'inherit', 'open', 'closed', '', 'twoodo-question', '', '', '2014-12-14 22:27:43', '2014-12-14 13:27:43', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-question.png', 0, 'attachment', 'image/png', 0),
(29350, 4, '2014-12-14 22:26:33', '2014-12-14 13:26:33', '', 'twoodo-calendar', 'カレンダーに表示される期限付きタスク。', 'inherit', 'open', 'closed', '', 'twoodo-calendar', '', '', '2014-12-14 22:27:49', '2014-12-14 13:27:49', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-calendar.png', 0, 'attachment', 'image/png', 0),
(29351, 4, '2014-12-14 22:26:34', '2014-12-14 13:26:34', '', 'twoodo-todo', '日次の期限付きタスクを、他のメンバーに振ることができる。', 'inherit', 'open', 'closed', '', 'twoodo-todo', '', '', '2014-12-14 22:27:56', '2014-12-14 13:27:56', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-todo.png', 0, 'attachment', 'image/png', 0),
(29352, 4, '2014-12-14 22:26:34', '2014-12-14 13:26:34', '', 'twoodo-dm', 'ダイレクトメッセージ。', 'inherit', 'open', 'closed', '', 'twoodo-dm', '', '', '2014-12-14 22:28:04', '2014-12-14 13:28:04', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo-dm.png', 0, 'attachment', 'image/png', 0),
(29353, 4, '2014-12-14 22:26:35', '2014-12-14 13:26:35', '', 'twoodo1', 'プロジェクト、チームごとのグループチャット。', 'inherit', 'open', 'closed', '', 'twoodo1', '', '', '2014-12-14 22:28:11', '2014-12-14 13:28:11', '', 29344, 'http://web-marketing.zako.org/images/2014/12/twoodo1.png', 0, 'attachment', 'image/png', 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
(29344, 4, '2014-12-15 00:52:01', '2014-12-14 15:52:01', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/12/twoodo.jpg\" alt=\"Twoodo\" width=\"592\" height=\"295\" class=\"alignnone size-full wp-image-29345\" /></p>\r\n<p>ビジネス用のチャットは、実にさまざまなものが出揃ってきました。社内でのやりとり、あるいは社外とのやりとりを、メールを使わずにチャットでおこなっているという人も増えてきたのではないでしょうか。</p>\r\n<p>そこにまだ、不足を感じることがあるとしたら、チームのタスク管理やドキュメントの共同編集といったもの。</p>\r\n<p>今回ご紹介するツールはそのひとつ、チームのタスク管理を容易にできるチャットのサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">チームのタスク管理を容易にできるビジネス用チャット「Twoodo」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.twoodo.com/\">Twoodo</a>」は、<strong>ビジネス用にチーム単位でのコミュニケーションに特化したチャットサービス。</strong></p>\r\n<p>グループチャットやタスク、あるいは質問といった要素を加える事で、チームで仕事をするのに最適化されたビジネス チャットになっています。</p>\r\n\r\n<h4 class=\"tips\">チーム（あるいはプロジェクト）ごとにグループで会話できる</h4>\r\n[caption id=\"attachment_29353\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo1.png\" alt=\"プロジェクト、チームごとのグループチャット。\" width=\"592\" height=\"311\" class=\"size-full wp-image-29353\" /> プロジェクト、チームごとのグループチャット。[/caption]\r\n<p>チーム、あるいはプロジェクトを作り、必要なメンバーを招待してグループ会話することができます。</p>\r\n\r\n<p>グループチャットを公開/非公開設定することも可能。公開に設定していれば、参加していないメンバーも内容を閲覧することができます。ここでいう公開とは、組織内での公開ですので、外部一般に公開するわけではありませんのでご安心を。</p>\r\n\r\n<h4 class=\"tips\">ダイレクトメッセージも送れる</h4>\r\n[caption id=\"attachment_29352\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-dm.png\" alt=\"ダイレクトメッセージ。\" width=\"592\" height=\"449\" class=\"size-full wp-image-29352\" /> ダイレクトメッセージ。[/caption]\r\n<p>特定のメンバーに対して1対1のメッセージも送れます。これなら、グループに公開することなく個人的な相談をすることもできますね。</p>\r\n\r\n<h4 class=\"tips\">他のメンバーに期限付きタスクを容易に振れる</h4>\r\n[caption id=\"attachment_29351\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-todo.png\" alt=\"日次の期限付きタスクを、他のメンバーに振ることができる。\" width=\"592\" height=\"179\" class=\"size-full wp-image-29351\" /> 日次の期限付きタスクを、他のメンバーに振ることができる。[/caption]\r\n<p>会話の流れから、そのままタスクを追加できます。そのタスクに対してさらにコメントやタスクを追加することも可能。タスクに対してアドバイスをしながら、さらにタスクを細分化したり、といったことが容易にできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">カレンダーでもタスク管理できる</h4>\r\n[caption id=\"attachment_29350\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-calendar.png\" alt=\"カレンダーに表示される期限付きタスク。\" width=\"592\" height=\"403\" class=\"size-full wp-image-29350\" /> カレンダーに表示される期限付きタスク。[/caption]\r\n<p>期限付きのタスクを追加すると、カレンダーにも表示されます。このカレンダー上からタスクを追加することも、期限の日付を変更することも可能です。</p>\r\n<p>チャットにこの機能が付いているのは大きいですね。</p>\r\n\r\n<h4 class=\"tips\">通常会話と質問を分けられる</h4>\r\n[caption id=\"attachment_29349\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-question.png\" alt=\"質問としてチャットに投稿できる。\" width=\"592\" height=\"161\" class=\"size-full wp-image-29349\" /> 質問としてチャットに投稿できる。[/caption]\r\n<p>通常のディスカッションではなく、質問の場合、質問に答えるひとが答えやすいようなインターフェースになります。</p>\r\n<p>これも投稿する際に「？」ボタンを押すか、投稿に #question を含めることで利用可能です。</p>\r\n\r\n<h4 class=\"tips\">Yes/Noのアンケートもとれる</h4>\r\n[caption id=\"attachment_29348\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-vote.png\" alt=\"アンケート形式。\" width=\"592\" height=\"228\" class=\"size-full wp-image-29348\" /> アンケート形式の投稿。[/caption]\r\n<p>Yes/Noあるいはわからない、で答えられるアンケート形式の投稿も可能です。忙しいさなかでも回答しやすいのが良いですね。</p>\r\n\r\n<h4 class=\"tips\">ファイルの添付も可能</h4>\r\n[caption id=\"attachment_29347\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-tenpu.png\" alt=\"画像やドキュメントの添付も可能。\" width=\"592\" height=\"334\" class=\"size-full wp-image-29347\" /> 画像やドキュメントの添付も可能。[/caption]\r\n<p>画像などのファイルを添付することも可能。画像に関してはその場で拡大表示させることもできるようです。</p>\r\n\r\n<h4 class=\"tips\">いいねボタンがある</h4>\r\n[caption id=\"attachment_29346\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/twoodo-like.png\" alt=\"LIKEボタンもあり。\" width=\"592\" height=\"271\" class=\"size-full wp-image-29346\" /> LIKEボタンもあり。[/caption]\r\n\r\n<p>ビジネス用のチャットに意外とないのがいいねボタン。あったっていいじゃんと思うのですが、そのボタンも装備されています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.twoodo.com/\">Twoodo</a>へどうぞ。Googleアカウントを使って利用開始可能、Android、iOSアプリも用意されています。</p>\r\n\r\n<h5 class=\"tips\">Androidアプリ</h5>\r\n<a href=\'https://play.google.com/store/apps/details?id=com.twoodo.android1\' target=\'_blank\' style=\'textdecoration:none;\'><div class=\'gpstoreAppImg\'><img width=\'57\' src=\'https://lh6.ggpht.com/L8oK5QGSm23yx0O49efo0YpVoWUOEGDdVXtuhwfB4Pg5Ko2MO0eGo_siR_OWMe8JMws=w124-rw\' alt=\'Twoodo - Team Collaboration\' /></div><div class=\'gpstoreAppName\'>Twoodo - Team Collaboration</div></a><div class=\'gpstoreAppDescription\'>価格：0円<br />平均評価：4.0（34）</div><div class=\'clear_both\'></div><div class=\'gpstoreAppBtn\'><a href=\'https://play.google.com/store/apps/details?id=com.twoodo.android1\' rel=\'nofollow\' target=\'_blank\'>Download on Google Play Store</a></div>\r\n\r\n<h5 class=\"tips\">iOSアプリ</h5>\r\n<div class=\"pochireba\" style=\"text-align:left;font-size:small;padding:20px 0;/zoom: 1;overflow: hidden;\"><a href=\"https://itunes.apple.com/jp/app/twoodo-team-collaboration/id714337900?mt=8&uo=4&at=11l8Es\" target=\"_blank\" ><img src=\"http://a699.phobos.apple.com/us/r30/Purple5/v4/82/6f/96/826f966f-e7c7-0d63-a89d-bdc6a8ae774d/AppIcon57x57.png\" alt=\"Twoodo - Team Collaboration\" width=\"60\" height=\"60\" style=\"float:left;margin:0 15px 0 0;width:60px;height:60px;\" class=\"pochi_img\" ></a><div class=\"pochi_info\" style=\"text-align:left;/zoom: 1;overflow: hidden;\"><div class=\"pochi_name\"><a href=\"https://itunes.apple.com/jp/app/twoodo-team-collaboration/id714337900?mt=8&uo=4&at=11l8Es\" target=\"_blank\" >Twoodo - Team Collaboration</a></div><div class=\"pochi_price\" style=\"display:inline;\">無料</div><div class=\"pochi_time\" style=\"font-size:x-small;display:inline;\">(2014.12.14時点)</div><div class=\"pochi_seller\"><a href=\"https://itunes.apple.com/jp/artist/twoodo-ltd./id738686995?uo=4&at=11l8Es\" target=\"_blank\" >Twoodo ltd.</a></div><div class=\"pochi_post\" style=\"font-size:x-small;\">posted with <a href=\"http://pochireba.com\" rel=\"nofollow\" target=\"_blank\">ポチレバ</a></div></div><div class=\"pochireba-footer\" style=\"clear: left\"></div></div>', 'チームのタスク管理とコミュニケーションを手軽におこなえる「Twoodo」', 'ビジネス向けに特化した、タスク管理も容易なチャットツール。アプリもあって、タスク管理ツールとチャットツールが１つで済んでしまいます。', 'publish', 'open', 'closed', '', 'twoodo', '', '', '2014-12-15 00:52:01', '2014-12-14 15:52:01', '', 0, 'http://web-marketing.zako.org/?p=29344', 0, 'post', '', 0),
(29307, 4, '2014-12-11 00:02:42', '2014-12-10 15:02:42', '<img src=\"http://tag.ripre.com/campaign?guid=on&k=b1c52a8c52d6474d57ace485eaa03152&c=b8afc9b183b4d2ac161e249d09f7f060\" width=\"1\" height=\"1\" />\r\n<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/12/amazon-app-store.jpg\" alt=\"Amazon Androidアプリストア\" width=\"592\" height=\"395\" class=\"alignnone size-full wp-image-29308\" /></p>\r\n<p>2012年12月にリリースされた、Google PlayのAmazon版、AmazonのAndroidアプリストア。Fireタブレットではなく、通常のAndroid端末を使っている方には、まだ馴染みが薄いのではないでしょうか。</p>\r\n<p>私自身も、なぜGoogle Playと同じことをやっているのだろう、使う意味があるのだろうかと感じて最近まで使うことはなかったのですが、どうやら大きなメリットがありそうです。</p>\r\n<p>今回はRipreを通してアマゾンジャパンのキャンペーンに参加し、Amazonアプリストアの担当の方にお話をお伺いすることができたので、そのメリットをご紹介したいと思います。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">Androidのスマホを使っているならAmazonアプリストアがお得</h3>\r\n<p><a href=\"http://s.ripre.com/c/kKCaa0\" rel=\"nofollow\" >Amazon Androidアプリストア</a>を使うメリットは、私個人の観点も含めて４つあります。</p>\r\n<ol>\r\n<li>日替わりで有料アプリが無料になる</li>\r\n<li>Amazonコインで払うと最大10％お得になる</li>\r\n<li>便利で安心</li>\r\n<li>日本では使えないアプリも使える</li>\r\n</ol>\r\n\r\n<h4 class=\"tips\">1.日替わりで有料アプリが無料になる</h4>\r\n[caption id=\"attachment_29309\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/amazon-app-store-sale.jpg\" alt=\"日替わりで無料配布される有料アプリ\" width=\"592\" height=\"367\" class=\"size-full wp-image-29309\" /> 日替わりで無料配布される有料アプリ[/caption]\r\n<p>これは非常に大きなメリットではないでしょうか。Amazonが独自に展開しているもので、日替わりでトップページに特集されています。</p>\r\n<p>対象ジャンルもさまざまなものがあり、思わぬ掘り出し物があるときも。無料以外にも割引されているアプリもあり、通常よりも安く欲しいアプリが手に入る可能性があります。</p>\r\n\r\n<h4 class=\"tips\">2.Amazonコインで払うと最大10％お得になる</h4>\r\n[caption id=\"attachment_29311\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/amazon-coin.jpg\" alt=\"Amazonコインのステッカー。仮想通貨なので本物のAmazonコインの実態はありません。\" width=\"592\" height=\"395\" class=\"size-full wp-image-29311\" /> Amazonコインのステッカー。仮想通貨なので本物のAmazonコインの実態はありません。[/caption]\r\n<p>無料でなくても、割引になっているアプリを安く買う方法もあります。それはAmazonコインを購入して使うことです。</p>\r\n\r\n<p>Amazonコインは、Amazonアプリストア内で使える仮想通貨。頻繁に割引価格で提供されているので、通常通りに購入するよりも、多くのアプリを手に入れたり、アプリ内課金をしたりすることができます。</p>\r\n\r\n<p>その割引率は最大で10%。アプリストアで割引されているものならば、割引を二重に受けることができるので、お得度がより大きくなりますね。</p>\r\n\r\n<h4 class=\"tips\">3.便利で安心</h4>\r\n[caption id=\"attachment_29310\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/amazon-app-store-number.jpg\" alt=\"2014年12月10日時点のAmazon Android アプリストアの登録数は268,986個\" width=\"592\" height=\"392\" class=\"size-full wp-image-29310\" /> 2014年12月10日時点のAmazon Android<br />アプリストアの登録数は268,986個[/caption]\r\n<p>実は、Amazonアプリストアに掲載されているアブリは、Google Playよりも数が少なくなっています。</p>\r\n\r\n<p>なぜ掲載数が少ないのか、それはAmazonがアプリの動作確認をしているからです。</p>\r\n\r\n<p>アプリの動作確認には個人情報を抜くものを弾くようなチェックも含まれているので、安心して利用することができますね。</p>\r\n\r\n<p>携帯キャリアも同じように厳選したアプリを紹介していますが、その数の差は歴然。Google Playよりも少ないとはいえ、その数は膨大なものです。2014年12月10日時点でも26万8千個ものアプリが掲載されています。</p>\r\n\r\n<h4 class=\"tips\">4.日本では使えないアプリも使える</h4>\r\n[caption id=\"attachment_29314\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/amazon-flickr.jpg\" alt=\"Google PlayではインストールできないFlickr公式アプリもインストール可能。\" width=\"592\" height=\"392\" class=\"size-full wp-image-29314\" /> Google PlayではインストールできないFlickr公式アプリもインストール可能。[/caption]\r\n<p>私はこれがきっかけでAmazonアプリストアを使い始めました。そのきっかけとなったアプリは、米国の写真共有サービスFlickrの公式アプリです。</p>\r\n\r\n<p>このアプリはFlickrユーザーにとって非常に便利かつ無料で使えるのが大きいのですが、なぜか日本のGoogle Playではインストール出来ないのです。</p>\r\n\r\n<p>そのために有料のサードパーティアプリを使うのも、機能的には変わらないがゆえにしゃくなので、手に入れる手段を考えた結果、Amazonアプリストアを見てみたら、普通に配布していたので使い始めたのです。</p>\r\n\r\n<h3 class=\"header-label\">Amazon Android アプリストアはどこから使えるのか</h3>\r\n<p>対象をAndroid端末を使っている人に絞りますが、全部で3箇所の入り口があります。</p>\r\n\r\n<p>ひとつめは、Google Playに登録されているAmazonアプリストアのアプリから。このアプリをインストールすることで、アプリを開くとでAmazonアプリストアを使うことができます。</p>\r\n\r\n<p>ふたつめは、パソコン版のAmazon.co.jp。サイドメニューからアプリストアを開くことができます。この画面からアプリをスマホにインストールすることも可能。Kindleの書籍を買うのと同じように、利用する端末を選んでインストールします。</p>\r\n\r\n\r\n<p>みっつめは、普段Amazonで買い物するときに使うAmazonアプリ。こちらもメニューからアプリストアを選択すると、カテゴリからアプリを探すことができます。</p>\r\n\r\n\r\n<p>お得で便利なAmazonアプリストア、ぜひ使ってみてはいかがでしょうか。<a href=\"http://s.ripre.com/c/kKCaa0\" rel=\"nofollow\" >Amazon Androidアプリストアはこちらからどうぞ</a>。</p>\r\n\r\n<a href=\"https://www.amazon.co.jp/gp/mas/get/android/ref=mas_ameba_1412\"><img src=\"https://www.ripre.com/contents/campaign/1951/rip-banner-icon_1._V402440018_.png\" /></a>', 'Amazon Androidアプリストアを使うべき４つの理由', '日本では使うことのできないAndroidアプリも使える、これが私のAmazon Androidアプリストアを使い始めた一番の決め手です。', 'publish', 'open', 'closed', '', 'amazon-android-app-store-1', '', '', '2014-12-17 02:06:16', '2014-12-16 17:06:16', '', 0, 'http://web-marketing.zako.org/?p=29307', 0, 'post', '', 0),
(29300, 4, '2014-12-08 00:01:55', '2014-12-07 15:01:55', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/12/referralsnip.png\" alt=\"ReferralSnip\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-29304\" /></p>\r\n<p>「ソーシャルメディアでシェアをしてくれたら1ヶ月無料になります。」といったキャンペーンをよく見かけることがあると思います。でも、その仕組を作るのは意外とスキルやコストを要してしまいそうですよね。</p>\r\n<p>そんなシェアでプレゼントキャンペーンを手軽に作れてしまうサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">シェアでプレゼントするキャンペーンを手軽に作れる「ReferralSnip」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://referralsnip.com/\">ReferralSnip</a>」は、<strong>FacebookやTwitterなどへシェアした人に、プレゼントをあげる仕組みを作ることができるサービス。</strong></p>\r\n<p>プレゼントを得られる回数も設定できるので、3回シェアしたらプレゼント、などの制約を設けることも可能です。</p>\r\n\r\n<h4 class=\"tips\">シェアすることにオファーをつけられる</h4>\r\n[caption id=\"attachment_29303\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/referralsnip1.png\" alt=\"シェアしたらプレゼントがあることを伝える「ReferralSnip」で作成した画面\" width=\"592\" height=\"417\" class=\"size-full wp-image-29303\" /> シェアしたらプレゼントがあることを伝える「ReferralSnip」で作成した画面[/caption]\r\n<p>管理画面から4ステップでオファー付きのシェアキャンペーンを作成できます。生成したリンクをサンクスページやシェアをお願いするページと置き換えて使用します。</p>\r\n\r\n[caption id=\"attachment_29302\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/referralsnip2.png\" alt=\"画面を作成しているところ\" width=\"592\" height=\"452\" class=\"size-full wp-image-29302\" /> 画面を作成しているところ[/caption]\r\n<p>設定中にいくつかリンク先を指定しますが、その指定リンク先の内訳は以下のようになります。</p>\r\n\r\n<ul>\r\n<li>Your landing Page：シェアをしなかった場合に開くページを指定します。シェアをお願いする画面の背景にも表示されます</li>\r\n<li>Link Visitors Will Share：シェアされたリンクを、他のユーザーがクリックした時に開くページを指定します</li>\r\n<li>Reward Landing Page　：シェアした人にプレゼントをあげるページを指定します</li>\r\n</ul>\r\n\r\n<h4 class=\"tips\">キャンペーンの効果測定機能ができる</h4>\r\n[caption id=\"attachment_29301\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/12/referralsnip3.png\" alt=\"ダッシュボードに表示されるデータ\" width=\"592\" height=\"421\" class=\"size-full wp-image-29301\" /> ダッシュボードに表示されるデータ[/caption]\r\n<p>キャンペーン（Snippet）の成果をダッシュボードで確認することができます。見られた回数やシェア数、コンバージョン、そしてシェアした手段等々がわかりやすく表示されます。</p>\r\n\r\n<p>無料でできるのは1キャンペーンで20クリック/月までになりますが、得られる効果を試してみるには良いのではないでしょうか。（ちなみに管理画面上から3回シェアすると、無料の範囲が40クリック/月までになります。）興味があるかたは<a target=\"_blank\" href=\"http://referralsnip.com/\">ReferralSnip</a>へどうぞ。</p>', 'シェアした人にプレゼントをあげるキャンペーンを作れる「ReferralSnip」', '', 'publish', 'open', 'closed', '', 'referralsnip', '', '', '2014-12-08 00:01:55', '2014-12-07 15:01:55', '', 0, 'http://web-marketing.zako.org/?p=29300', 0, 'post', '', 0),
(29301, 4, '2014-12-07 23:39:57', '2014-12-07 14:39:57', '', 'referralsnip3', 'ダッシュボードに表示されるデータ', 'inherit', 'open', 'closed', '', 'referralsnip3', '', '', '2014-12-07 23:40:27', '2014-12-07 14:40:27', '', 29300, 'http://web-marketing.zako.org/images/2014/12/referralsnip3.png', 0, 'attachment', 'image/png', 0),
(29302, 4, '2014-12-07 23:39:58', '2014-12-07 14:39:58', '', 'referralsnip2', '画面を作成しているところ', 'inherit', 'open', 'closed', '', 'referralsnip2', '', '', '2014-12-07 23:40:16', '2014-12-07 14:40:16', '', 29300, 'http://web-marketing.zako.org/images/2014/12/referralsnip2.png', 0, 'attachment', 'image/png', 0),
(29303, 4, '2014-12-07 23:39:59', '2014-12-07 14:39:59', '', 'referralsnip1', 'シェアしたらプレゼントがあることを伝える「ReferralSnip」で作成した画面', 'inherit', 'open', 'closed', '', 'referralsnip1', '', '', '2014-12-07 23:40:09', '2014-12-07 14:40:09', '', 29300, 'http://web-marketing.zako.org/images/2014/12/referralsnip1.png', 0, 'attachment', 'image/png', 0),
(29304, 4, '2014-12-07 23:40:00', '2014-12-07 14:40:00', '', 'referralsnip', '', 'inherit', 'open', 'closed', '', 'referralsnip', '', '', '2014-12-07 23:40:33', '2014-12-07 14:40:33', '', 29300, 'http://web-marketing.zako.org/images/2014/12/referralsnip.png', 0, 'attachment', 'image/png', 0),
(29230, 4, '2014-11-04 00:04:02', '2014-11-03 15:04:02', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/11/Earth-View-from.jpg\" alt=\"Earth View from Google Maps\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29231\" /></p>\r\n<p>これまでにも、<a target=\"_blank\" href=\"http://web-marketing.zako.org/tag/%E6%96%B0%E3%81%97%E3%81%84%E3%82%BF%E3%83%96\">新しいタブを開いた時にさまざまな機能を提供してくれるChrome拡張やアプリ</a>をご紹介してきました。</p>\r\n<p>今回は、最近<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4861996112/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\" >死ぬまでに行きたい! 世界の絶景</a>や、<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4415317375/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\" >―WONDER SPOT― 世界の絶景・秘境100</a>のような本で見られるような世界の絶景を新しいタブを開く度に見ることができるChrome拡張機能をご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">新しいタブを開くと世界の絶景が現れるChromeアプリ</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/earth-view-from-google-ma/bhloflhklmhfpedakmangadcdofhnnoh\">Earth View from Google Map</a>」は、Chromeで<strong>新しいタブを開くたびに、Googleマップで見ることのできる世界の絶景を表示</strong>してくれる拡張機能。</p>\r\n<p>美しい写真を見せてくれるとともに、右下には地名と国名、そしてGoogleマップへのリンクが表示されているので、気になった時には、その絶景がどこにあるのかをすぐに調べることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">いくつかの絶景表示例</h4>\r\n\r\n<h5 class=\"tips\">ミスティ山（ペルー）</h5>\r\n<p>\r\n	<img src=\"http://cdn.zako.org/images/2014/11/misty.jpg\" alt=\"misty\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29236\" /><br /><a target=\"_blank\" href=\"https://www.google.co.jp/maps/place/%E3%83%9A%E3%83%AB%E3%83%BC+Salinas+and+Aguada+Blanca+National+Reservation,+%E3%83%9F%E3%82%B9%E3%83%86%E3%82%A3/@-16.3010632,-71.4087866,3169m/data=!3m1!1e3!4m2!3m1!1s0x91424fb49c410605:0xe0ca5c48e2d09f16\">Google マップで見る</a>\r\n</p>\r\n\r\n<h5 class=\"tips\">リー・クリーク （オーストラリア）</h5>\r\n<p>\r\n	<img src=\"http://cdn.zako.org/images/2014/11/leigh-creek.jpg\" alt=\"leigh-creek\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29234\" /><br /><a target=\"_blank\" href=\"https://www.google.com/maps/@-30.602283,138.360754,8174m/data=!3m1!1e3\">Google マップで見る</a>\r\n</p>\r\n\r\n<h5 class=\"tips\">珊瑚海（ニューカレドニア）</h5>\r\n<p>\r\n	<img src=\"http://cdn.zako.org/images/2014/11/mouidou.jpg\" alt=\"mouidou\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29235\" /><br /><a target=\"_blank\" href=\"https://www.google.com/maps/@-21.776303,165.620855,18z/data=!3m1!1e3\">Google マップで見る</a>\r\n</p>\r\n\r\n<h4 class=\"tips\">Googleマップで位置を確認できるリンク</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/map-link.jpg\" alt=\"map-link\" width=\"592\" height=\"227\" class=\"alignnone size-full wp-image-29233\" /><br />新しいタブ画面の右下の、地名、国名が書かれている部分はGoogleマップへのリンクになっています。クリックすると、今見ている風景をそのままGoogleマップで確認することができるので、その絶景がどこにあるのかが一目瞭然になります。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/earth-view-from-google-ma/bhloflhklmhfpedakmangadcdofhnnoh\">Earth View from Google Map</a>へどうぞ。</p>\r\n\r\n<p>\r\n	新しいタブに出てくるのは衛星写真ではありますが、Googleマップであればその付近で撮られた写真も見られるので、地上から見た光景も確認できるのが良いですね。<br /><img src=\"http://cdn.zako.org/images/2014/11/mapimages.jpg\" alt=\"mapimages\" width=\"592\" height=\"287\" class=\"alignnone size-full wp-image-29232\" />\r\n</p>\r\n\r\n<h4 class=\"tips\">文中でご紹介した書籍</h4>\r\n\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4861996112/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\"><img src=\"http://ecx.images-amazon.com/images/I/41Vs6c6W04L._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4861996112/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\">死ぬまでに行きたい! 世界の絶景</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\">詩歩 三才ブックス 2013-07-31    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=%8E%80%82%CA%82%DC%82%C5%82%C9%8Ds%82%AB%82%BD%82%A2%21%20%90%A2%8AE%82%CC%90%E2%8Ci&__mk_ja_JP=%83J%83%5E%83J%83i&tag=hawaii-zako-22\" rel=\"nofollow\" target=\"_blank\" title=\"アマゾン\" >Amazon</a></div><div class=\"shoplinkrakuten\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E6%25AD%25BB%25E3%2581%25AC%25E3%2581%25BE%25E3%2581%25A7%25E3%2581%25AB%25E8%25A1%258C%25E3%2581%258D%25E3%2581%259F%25E3%2581%2584%2521%2520%25E4%25B8%2596%25E7%2595%258C%25E3%2581%25AE%25E7%25B5%25B6%25E6%2599%25AF%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" rel=\"nofollow\" target=\"_blank\" title=\"楽天市場\" >楽天市場</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>\r\n\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MEF7UPC/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\"><img src=\"http://ecx.images-amazon.com/images/I/41nOSXQ0kBL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MEF7UPC/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\">死ぬまでに行きたい! 世界の絶景 2015カレンダー</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\">- TRY-X Corporation(Books) 2014-09-17    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=%8E%80%82%CA%82%DC%82%C5%82%C9%8Ds%82%AB%82%BD%82%A2%21%20%90%A2%8AE%82%CC%90%E2%8Ci%202015%83J%83%8C%83%93%83_%81%5B&__mk_ja_JP=%83J%83%5E%83J%83i&tag=hawaii-zako-22\" rel=\"nofollow\" target=\"_blank\" title=\"アマゾン\" >Amazon</a></div><div class=\"shoplinkrakuten\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E6%25AD%25BB%25E3%2581%25AC%25E3%2581%25BE%25E3%2581%25A7%25E3%2581%25AB%25E8%25A1%258C%25E3%2581%258D%25E3%2581%259F%25E3%2581%2584%2521%2520%25E4%25B8%2596%25E7%2595%258C%25E3%2581%25AE%25E7%25B5%25B6%25E6%2599%25AF%25202015%25E3%2582%25AB%25E3%2583%25AC%25E3%2583%25B3%25E3%2583%2580%25E3%2583%25BC%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" rel=\"nofollow\" target=\"_blank\" title=\"楽天市場\" >楽天市場</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>\r\n\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4415317375/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\"><img src=\"http://ecx.images-amazon.com/images/I/51QVbGDmITL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4415317375/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\">―WONDER SPOT― 世界の絶景・秘境100</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\">成美堂出版編集部 成美堂出版 2013-10-02    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=WONDER%20SPOT%81%5C%20%90%A2%8AE%82%CC%90%E2%8Ci%81E%94%E9%8B%AB100&__mk_ja_JP=%83J%83%5E%83J%83i&tag=hawaii-zako-22\" rel=\"nofollow\" target=\"_blank\" title=\"アマゾン\" >Amazon</a></div><div class=\"shoplinkrakuten\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FWONDER%2520SPOT%25E2%2580%2595%2520%25E4%25B8%2596%25E7%2595%258C%25E3%2581%25AE%25E7%25B5%25B6%25E6%2599%25AF%25E3%2583%25BB%25E7%25A7%2598%25E5%25A2%2583100%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" rel=\"nofollow\" target=\"_blank\" title=\"楽天市場\" >楽天市場</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>', '新しいタブを開くたびに「世界の絶景」を見ることができるChrome拡張「Earth View from Google Maps」', '', 'publish', 'open', 'closed', '', 'earth-view-from-google-maps', '', '', '2014-11-04 00:04:02', '2014-11-03 15:04:02', '', 0, 'http://web-marketing.zako.org/?p=29230', 0, 'post', '', 0),
(29231, 4, '2014-11-03 20:30:21', '2014-11-03 11:30:21', '', 'Earth-View-from', '', 'inherit', 'open', 'closed', '', 'earth-view-from', '', '', '2014-11-03 20:30:21', '2014-11-03 11:30:21', '', 29230, 'http://web-marketing.zako.org/images/2014/11/Earth-View-from.jpg', 0, 'attachment', 'image/jpeg', 0),
(29232, 4, '2014-11-03 20:30:22', '2014-11-03 11:30:22', '', 'mapimages', '', 'inherit', 'open', 'closed', '', 'mapimages', '', '', '2014-11-03 20:30:22', '2014-11-03 11:30:22', '', 29230, 'http://web-marketing.zako.org/images/2014/11/mapimages.jpg', 0, 'attachment', 'image/jpeg', 0),
(29233, 4, '2014-11-03 20:30:23', '2014-11-03 11:30:23', '', 'map-link', '', 'inherit', 'open', 'closed', '', 'map-link', '', '', '2014-11-03 20:30:23', '2014-11-03 11:30:23', '', 29230, 'http://web-marketing.zako.org/images/2014/11/map-link.jpg', 0, 'attachment', 'image/jpeg', 0),
(29234, 4, '2014-11-03 20:30:23', '2014-11-03 11:30:23', '', 'leigh-creek', '', 'inherit', 'open', 'closed', '', 'leigh-creek', '', '', '2014-11-03 20:30:23', '2014-11-03 11:30:23', '', 29230, 'http://web-marketing.zako.org/images/2014/11/leigh-creek.jpg', 0, 'attachment', 'image/jpeg', 0),
(29235, 4, '2014-11-03 20:30:24', '2014-11-03 11:30:24', '', 'mouidou', '', 'inherit', 'open', 'closed', '', 'mouidou', '', '', '2014-11-03 20:30:24', '2014-11-03 11:30:24', '', 29230, 'http://web-marketing.zako.org/images/2014/11/mouidou.jpg', 0, 'attachment', 'image/jpeg', 0),
(29236, 4, '2014-11-03 20:30:25', '2014-11-03 11:30:25', '', 'misty', '', 'inherit', 'open', 'closed', '', 'misty', '', '', '2014-11-03 20:30:25', '2014-11-03 11:30:25', '', 29230, 'http://web-marketing.zako.org/images/2014/11/misty.jpg', 0, 'attachment', 'image/jpeg', 0),
(29241, 4, '2014-11-10 00:06:39', '2014-11-09 15:06:39', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/11/dexclock.jpg\" alt=\"dexclock\" width=\"592\" height=\"370\" class=\"alignnone size-full wp-image-29242\" /></p>\r\n<p>PCのデスクトップ壁紙に時計やカレンダーが表示できたら、気分転換とともに合理性も持たせることができますよね。</p>\r\n<p>今回は、そんなニーズを叶えてくれるフリーソフトをご紹介。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">Windowsのデスクトップ壁紙に時計とカレンダーを表示できる「Dexclock」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://dexpot.de/dexclock.php?id=dexclock\">Dexclock</a>」は、<strong>Windows PCのデスクトップ壁紙に、時計と日付、曜日を表示できるフリーソフト。</strong></p>\r\n<p>壁紙のデザインは１００種類以上のなかから選ぶことができるうえに、つくろうと思えば自分で作ってしまうこともできます。</p>\r\n\r\n<h4 class=\"tips\">タスクトレイから壁紙デザインを変更</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/dexclock1.jpg\" alt=\"dexclock1\" width=\"592\" height=\"285\" class=\"alignnone size-full wp-image-29245\" /><br />タスクトレイに表示されるアイコンを、右クリックすることでメニューが表示されます。</p>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/dexclock2.png\" alt=\"dexclock2\" width=\"592\" height=\"413\" class=\"alignnone size-full wp-image-29244\" /><br />ここで「時計壁紙を選択してください」を選ぶと、壁紙の選択画面が開きます。デフォルトでは４つほどのデザインが登録されています。</p>\r\n\r\n<h4 class=\"tips\">壁紙配布ページからお気に入りの壁紙を入手</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/dexclock3.jpg\" alt=\"dexclock3\" width=\"592\" height=\"348\" class=\"alignnone size-full wp-image-29246\" /><br />アイコンを右クリックして出るメニューから「さらに時計壁紙を取得する」を選択すると、<a target=\"_blank\" href=\"http://www.vladstudio.com/ja/wallpaperclocks/browse.php?order=popular\">壁紙時計配布ページ</a>が開きます。ここから、好きなデザイン、サイズの壁紙をダウンロードし、専用のフォルダにそのファイルを入れることで使えるようになります。</p>\r\n\r\n<p>専用のフォルダは、アイコンを右クリックして出るメニューの「時計のフォルダーを開く」で開くことができます。</p>\r\n\r\n<h4 class=\"tips\">専用の壁紙を自分で作ることも可能</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/dexclock4.jpg\" alt=\"dexclock4\" width=\"592\" height=\"384\" class=\"alignnone size-full wp-image-29243\" /><br />Photoshopのファイルを編集する必要はありますが、プログラムの知識がなくても、作れるようになっています。</p>\r\n<p>時計とカレンダーの部分はあらかじめテンプレートが用意されているので、そのテンプレートを元に、自分のデザインをあてることができます。ただ、時計や日付のデザインをしなくてはならないので、ちょっと手間はかかります。</p>\r\n\r\n<h5 class=\"tips\">時計壁紙を完成させる際に必要なファイル</h5>\r\n<ul>\r\n<li>clock.ini (必須) - 設定ファイル (<a target=\"_blank\" href=\"http://www.vladstudio.com/ja/wallpaperclock_create/ini_generator.php\">CLOCK.INI file generator</a>で作れます。)</li>\r\n<li>bg.jpg (必須) - 背景画像部分（<a target=\"_blank\" href=\"http://www.vladstudio.com/ja/wallpaperclock_create/templates.php\">templates</a>から入手可能です。）</li>\r\n<li>preview200x150.jpg (必須) - プレビュー用の200x150のJPGファイルを作ります。</li>\r\n<li>preview100x75.jpg - プレビュー用の100x75のJPGファイルを作ります。</li> \r\n<li>day1.png - day31.png</li>\r\n<li>hour0.png - hour23.png (デジタル時計の場合)アナログ時計の場合は hour0.png - hour59.png</li>\r\n<li>minute0.png - minute59.png</li>\r\n<li>month1.png - month12.png</li>\r\n<li>weekday1.png - weekday7.png</li>\r\n</ul>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://dexpot.de/dexclock.php?id=dexclock_download\">Dexclockのダウンロードページ</a>から、ソフトをインストールしてください。</p>\r\n', '時計と日付を表示したPCのデスクトップ壁紙を使える「Dexclock」（Win）', '', 'publish', 'open', 'closed', '', 'dexclock-for-win', '', '', '2014-11-10 00:06:39', '2014-11-09 15:06:39', '', 0, 'http://web-marketing.zako.org/?p=29241', 0, 'post', '', 0),
(29242, 4, '2014-11-09 19:45:18', '2014-11-09 10:45:18', '', 'dexclock', '', 'inherit', 'open', 'closed', '', 'dexclock', '', '', '2014-11-09 19:45:18', '2014-11-09 10:45:18', '', 29241, 'http://web-marketing.zako.org/images/2014/11/dexclock.jpg', 0, 'attachment', 'image/jpeg', 0),
(29243, 4, '2014-11-09 19:45:19', '2014-11-09 10:45:19', '', 'dexclock4', '', 'inherit', 'open', 'closed', '', 'dexclock4', '', '', '2014-11-09 19:45:19', '2014-11-09 10:45:19', '', 29241, 'http://web-marketing.zako.org/images/2014/11/dexclock4.jpg', 0, 'attachment', 'image/jpeg', 0),
(29244, 4, '2014-11-09 19:45:19', '2014-11-09 10:45:19', '', 'dexclock2', '', 'inherit', 'open', 'closed', '', 'dexclock2', '', '', '2014-11-09 19:45:19', '2014-11-09 10:45:19', '', 29241, 'http://web-marketing.zako.org/images/2014/11/dexclock2.png', 0, 'attachment', 'image/png', 0),
(29245, 4, '2014-11-09 19:45:20', '2014-11-09 10:45:20', '', 'dexclock1', '', 'inherit', 'open', 'closed', '', 'dexclock1', '', '', '2014-11-09 19:45:20', '2014-11-09 10:45:20', '', 29241, 'http://web-marketing.zako.org/images/2014/11/dexclock1.jpg', 0, 'attachment', 'image/jpeg', 0),
(29246, 4, '2014-11-09 19:45:21', '2014-11-09 10:45:21', '', 'dexclock3', '', 'inherit', 'open', 'closed', '', 'dexclock3', '', '', '2014-11-09 19:45:21', '2014-11-09 10:45:21', '', 29241, 'http://web-marketing.zako.org/images/2014/11/dexclock3.jpg', 0, 'attachment', 'image/jpeg', 0),
(29249, 4, '2014-11-17 00:14:49', '2014-11-16 15:14:49', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/11/typwrittr.jpg\" alt=\"typwrittr\" width=\"592\" height=\"297\" class=\"alignnone size-full wp-image-29253\" /></p>\r\n<p>ライティングをしているとき、なかなか集中できない、何も考え付かないなどの理由で、まったく筆が進まなくなるような状況に直面することがあると思います。</p>\r\n<p>そういった時にできることとしては、場所を変えるなどして自分の環境を変えることが考えられます。</p>\r\n<p>それらの手段の1つとして使えそうなのが、今回ご紹介する超シンプルなテキストエディタです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">画面上でライティング環境を変えられる「typWrittr」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.typwrittr.com/\">typWrittr</a>」は、<strong>ブラウザ上で使えるオンラインのシンプルなテキストエディタ。</strong></p>\r\n<p>機能は最小限ながらも、画面の見栄えを変えることで、書いている文章に合わせて、気分転換をしながらライティングすることができます。</p>\r\n\r\n<h4 class=\"tips\">複数のノートを保存できる</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/typwrittr2.jpg\" alt=\"typwrittr2\" width=\"592\" height=\"256\" class=\"alignnone size-full wp-image-29250\" /><br />保存ボタンを押すと、テキストがオンライン上に保存されます。保存をした後に、新規作成ボタンを押すことで、新たなノートを作成可能。</p>\r\n\r\n<p>これまでに作成したノートは、保存ノート一覧でリストアップし、読み込むことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">背景やエディタの雰囲気を変えられる</h4>\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/typwrittr4.jpg\" alt=\"typwrittr4\" width=\"592\" height=\"338\" class=\"alignnone size-full wp-image-29251\" /><br />20種類以上のプリセットから、気分に合わせて背景やエディタの雰囲気を変えることが可能。宇宙船の中や、おとぎ話にでてきそうな情景など、文章を書くことにのめりこめそうなものが用意されています。</p>\r\n\r\n<p><img src=\"http://cdn.zako.org/images/2014/11/typwrittr3.jpg\" alt=\"typwrittr3\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29252\" /><br />自分で写真をURLで登録するなどして、オリジナルのテーマを作って保存することもできます。設定はエディタの幅や背景色、文字色、行の高さなど細部までいじることが可能。</p>\r\n<p>好きな画像を背景にできるのは、書いているテーマの写真を背景にしたり、文字起こしをするものを背景にしたりなど、いろいろと応用が効きそうですね。</p>\r\n\r\n<p>サービスへの登録にはTwitterあるいはFacebookアカウントを使うことができます。興味があるかたは<a target=\"_blank\" href=\"http://www.typwrittr.com/\">typWrittr</a>へどうぞ。</p>', 'ライティング中の気分転換に使えそうなテキストエディタ「typWrittr」', 'ライティング中の気分転換を効率的におこなえそうなテキストエディタ。', 'publish', 'open', 'closed', '', 'typwrittr', '', '', '2014-11-17 00:14:49', '2014-11-16 15:14:49', '', 0, 'http://web-marketing.zako.org/?p=29249', 0, 'post', '', 1),
(29250, 4, '2014-11-16 23:04:47', '2014-11-16 14:04:47', '', 'typwrittr2', '', 'inherit', 'open', 'closed', '', 'typwrittr2', '', '', '2014-11-16 23:04:47', '2014-11-16 14:04:47', '', 29249, 'http://web-marketing.zako.org/images/2014/11/typwrittr2.jpg', 0, 'attachment', 'image/jpeg', 0),
(29251, 4, '2014-11-16 23:04:48', '2014-11-16 14:04:48', '', 'typwrittr4', '', 'inherit', 'open', 'closed', '', 'typwrittr4', '', '', '2014-11-16 23:04:48', '2014-11-16 14:04:48', '', 29249, 'http://web-marketing.zako.org/images/2014/11/typwrittr4.jpg', 0, 'attachment', 'image/jpeg', 0),
(29252, 4, '2014-11-16 23:04:49', '2014-11-16 14:04:49', '', 'typwrittr3', '', 'inherit', 'open', 'closed', '', 'typwrittr3', '', '', '2014-11-16 23:04:49', '2014-11-16 14:04:49', '', 29249, 'http://web-marketing.zako.org/images/2014/11/typwrittr3.jpg', 0, 'attachment', 'image/jpeg', 0),
(29253, 4, '2014-11-16 23:04:50', '2014-11-16 14:04:50', '', 'typwrittr', '', 'inherit', 'open', 'closed', '', 'typwrittr-2', '', '', '2014-11-16 23:04:50', '2014-11-16 14:04:50', '', 29249, 'http://web-marketing.zako.org/images/2014/11/typwrittr.jpg', 0, 'attachment', 'image/jpeg', 0),
(29261, 4, '2014-11-24 00:23:28', '2014-11-23 15:23:28', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2014/11/camiapp-s.jpg\" alt=\"CamiApp S\" width=\"592\" height=\"395\" class=\"alignnone size-full wp-image-29280\" /></p>\r\n<p>悪筆な私の場合OCRが認識してくれないのではないか、という懸念から購入するのを保留していた<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MGCE2WC/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\" >コクヨのデジタルノート CamiApp S ノートタイプ</a>。しかしどうしても手書きノートを楽にEvernoteへ保存したいがために、ついに手に入れてしまいました。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">届きました、「CamiApp S ノートタイプ」</h3>\r\n[caption id=\"attachment_29276\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-1.jpg\" alt=\"こちらがCamiApp S ノートタイプの箱\" width=\"592\" height=\"395\" class=\"size-full wp-image-29276\" /> こちらがCamiApp S ノートタイプの箱[/caption]\r\n\r\n<p>箱を開けると、中にはこんなものが入っています。ちょっと厚めなノートカバーに専用ボールペン、そしてバッテリーです。充電器やケーブルは付属していないので、Micro-USBのケーブルが別途必要になります。パソコンからUSB接続することで充電できるようになっています。</p>\r\n\r\n[caption id=\"attachment_29288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-21.jpg\" alt=\"CamiApp S ノートタイプの同梱物、専用のボールペンやノート、バッテリーなど。\" width=\"592\" height=\"395\" class=\"size-full wp-image-29288\" /> CamiApp S ノートタイプの同梱物、専用のボールペンやノート、バッテリーなど。[/caption]\r\n\r\n<p>ちょっと厚めの機械がノートカバーに入っています。買った時に重さも見ずに注文してしまったので、少し心配していましたが、重さは730gとそこまで気になるレベルではなく、安心しました。ただ、ノートPCと一緒に運ぶとなると、ちょっと考えてしまいそうですね。</p>\r\n\r\n<p>さて、早速使ってみます。</p>\r\n<h4 class=\"tips\">ノートに書いた内容が自動的にクラウドへ</h4>\r\n<p>CamiAppとCamiApp S設定用のアプリをスマホにインストールしてBluetoothでスマホと接続し、保存先を設定すれば利用開始できます。</p>\r\n[caption id=\"attachment_29287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-3.jpg\" alt=\"ここにチェックを入れると、設定したクラウドサービスに自動保存されます\" width=\"592\" height=\"395\" class=\"size-full wp-image-29287\" /> ここにチェックを入れると、設定したクラウドサービスに自動保存されます[/caption]\r\n<p>対応するサービスは、Evernote、Dropbox、Googleアカウントを使ったカレンダーなど。CamiApp同様にアクションマーカーに数字を割り当てておくことで、保存先のサービスを指定することができます。Evernoteの場合はノートブック、タグを設定しておくことが可能。</p>\r\n\r\n<p><b>本当はノートを取るのが好き</b>なのだけれど、<b>電子化することを優先</b>してノートを使わなくなった人にとって、<b>手放すことができなくなる逸品</b>になるかもしれません。</p>\r\n\r\n<p>保存のファイル形式はJPGかPDF、あるいはテキスト変換情報も含むPDFの３つから選択できます。</p>\r\n\r\n<h4 class=\"tips\">OCR機能でテキスト変換される</h4>\r\n[caption id=\"attachment_29286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-4.png\" alt=\"OCRでテキストとともにPDFが保存されている\" width=\"592\" height=\"328\" class=\"size-full wp-image-29286\" /> OCRでテキストとともにPDFが保存されている[/caption]\r\n<p>画像やPDFで保存されたノートに、テキストも保存されます。これならノートに手書きした議事録を電子化する手間も省けてしまいますね。</p>\r\n\r\n<p>私のように悪筆な人は、正確にテキスト変換されないことが多いようですが、それでも、これまで<strong>ノートやホワイトボードノート</strong>を<strong>スマホで撮って保存</strong>していたので、<strong>その手間が省けるだけでもかなりの効率化</strong>です。</p>\r\n\r\n<h4 class=\"tips\">図や絵も保存</h4>\r\n[caption id=\"attachment_29285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-5.png\" alt=\"Evernoteに保存した絵\" width=\"592\" height=\"370\" class=\"size-full wp-image-29285\" /> Evernoteに保存した絵[/caption]\r\n<p>ノートに絵を描いて保存してみました。ずれてしまいましたけど、このような感じで保存されます。</p>\r\n[caption id=\"attachment_29283\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-7.jpg\" alt=\"ノートに書いた実際の絵\" width=\"592\" height=\"395\" class=\"size-full wp-image-29283\" /> ノートに書いた実際の絵[/caption]\r\n<p>絵だとこのようになってしまいますが、シンプルな図であれば、問題なく行けそうだと思います。</p>\r\n[caption id=\"attachment_29284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-6.png\" alt=\"ちょっと複雑な図の場合\" width=\"592\" height=\"338\" class=\"size-full wp-image-29284\" /> ちょっと複雑な図の場合[/caption]\r\n<p>試しに<a href=\"http://web-marketing.zako.org/web-tools/canvanizer.html\" title=\"ビジネスモデル構築や競合分析などの思考を円滑にする「Canvanizer」\">ビジネスモデルキャンバス</a>をノートに書いて保存してみました。縦書きで書いてしまったので改行しながら書いたことも影響し、OCRは要らないなと感じたケースです。。。でも、<b>チェックを入れるだけでEvernoteにサクッと保存</b>できてしまうのは本当に楽で仕方ないと感じています。これは本当に癖になりそう（笑）</p>\r\n\r\n<p>→ <a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MGCE2WC/hawaii-zako-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\" >コクヨのデジタルノート CamiApp Sの購入はこちらから</a>。iOS版、Android版、あるいはメモパッドタイプはリンク先のページで切り替えることができます。</p>\r\n\r\n<h4 class=\"tips\">注意点</h4>\r\n\r\n<h5 class=\"tips\">絵を描くのにはあまり向いていない</h5>\r\n<p>紙がずれると位置関係がバラバラになります。文字を書いている場合はそこまで気にならなかったのですが、絵を描いていると、紙がずれた場合に、紙がずれた後に描いたものがずれた状態で保存されてしまいます。</p>\r\n<p>また、保存設定を変更しないとOCRも効いてしまうので、絵が言語化されてしまいます（笑）当然なのでしょうけれど、ちょっと絵を描くのには向いていないようです。</p>\r\n\r\n<h5 class=\"tips\">字は丁寧に書かないと正しく認識されない</h5>\r\n[caption id=\"attachment_29282\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-8.png\" alt=\"OCR機能を使って変な文章になっているところ\" width=\"592\" height=\"45\" class=\"size-full wp-image-29282\" /> OCR機能を使って変な文章になっているところ[/caption]\r\n<p>悪筆なことを気にせずいつもどおりに書いてみると、当初の懸念通りに中国語のようなものや誤字が発生してしまいます。私のように悪筆な人は、丁寧に書かないと正確さを求めることができないようです。機能をフルに活用するためにも、まず字を綺麗にしたいと思います。。。</p>\r\n\r\n<h5 class=\"tips\">できればノートの種類を選びたい</h5>\r\n[caption id=\"attachment_29281\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2014/11/camiapp-s-9.jpg\" alt=\"デフォルトの横罫ノート\" width=\"592\" height=\"395\" class=\"size-full wp-image-29281\" /> デフォルトの横罫ノート[/caption]\r\n<p>本体に同梱されているノートは横罫・6mm。方眼ノートしか使わない私にとってはノートを書くことがあまり楽しくなくなってしまいます。替えノートには横罫のほかに<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MGCE6CI/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\" >方眼罫</a>、<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MGCE68W/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\" >打合せ記録タイプ</a>もあるので良いのですが、できれば同梱されるノートも選びたいところですね。</p>\r\n\r\n\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MGCE2WC/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\"><img src=\"http://ecx.images-amazon.com/images/I/41SyfxLey-L._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00MGCE2WC/webm-22/ref=nosim/\" rel=\"nofollow\" target=\"_blank\">コクヨ デジタルノート CamiApp S ノートタイプ Android版 替え芯付タイプ NST-CAS-NA5-AM</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\"> コクヨ 2014-09-05    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=CamiApp%20S%20%83m%81%5B%83g%83%5E%83C%83v&__mk_ja_JP=%83J%83%5E%83J%83i&tag=webm-22\" rel=\"nofollow\" target=\"_blank\" title=\"アマゾン\" >Amazon</a></div><div class=\"shoplinkrakuten\" style=\"margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FCamiApp%2520S%2520%25E3%2583%258E%25E3%2583%25BC%25E3%2583%2588%25E3%2582%25BF%25E3%2582%25A4%25E3%2583%2597%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" rel=\"nofollow\" target=\"_blank\" title=\"楽天市場\" >楽天市場</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>', 'コクヨのデジタルノート「CamiApp S」のノートタイプを使ってみた', '手書きノートが大好きな人が、電子化のために手書きノートをあきらめないですむデジタルノート、「CamiApp S」', 'publish', 'open', 'closed', '', 'camiapp-s', '', '', '2014-12-02 01:47:51', '2014-12-01 16:47:51', '', 0, 'http://web-marketing.zako.org/?p=29261', 0, 'post', '', 0),
(29276, 4, '2014-11-23 21:05:55', '2014-11-23 12:05:55', '', 'camiapp-s-1', 'こちらがCamiApp S ノートタイプの箱', 'inherit', 'open', 'closed', '', 'camiapp-s-1', '', '', '2014-11-23 21:06:00', '2014-11-23 12:06:00', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-1.jpg', 0, 'attachment', 'image/jpeg', 0),
(29280, 4, '2014-11-24 00:00:50', '2014-11-23 15:00:50', '', 'camiapp-s', '', 'inherit', 'open', 'closed', '', 'camiapp-s-3', '', '', '2014-11-24 00:01:45', '2014-11-23 15:01:45', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s.jpg', 0, 'attachment', 'image/jpeg', 0),
(29281, 4, '2014-11-24 00:00:51', '2014-11-23 15:00:51', '', 'camiapp-s-9', 'デフォルトの横罫ノート', 'inherit', 'open', 'closed', '', 'camiapp-s-9', '', '', '2014-11-24 00:01:53', '2014-11-23 15:01:53', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-9.jpg', 0, 'attachment', 'image/jpeg', 0),
(29282, 4, '2014-11-24 00:00:52', '2014-11-23 15:00:52', '', 'camiapp-s-8', 'OCR機能を使って変な文章になっているところ', 'inherit', 'open', 'closed', '', 'camiapp-s-8', '', '', '2014-11-24 00:01:59', '2014-11-23 15:01:59', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-8.png', 0, 'attachment', 'image/png', 0),
(29283, 4, '2014-11-24 00:00:52', '2014-11-23 15:00:52', '', 'camiapp-s-7', 'ノートに書いた実際の絵', 'inherit', 'open', 'closed', '', 'camiapp-s-7', '', '', '2014-11-24 00:02:16', '2014-11-23 15:02:16', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-7.jpg', 0, 'attachment', 'image/jpeg', 0),
(29284, 4, '2014-11-24 00:00:53', '2014-11-23 15:00:53', '', 'camiapp-s-6', 'ちょっと複雑な図の場合', 'inherit', 'open', 'closed', '', 'camiapp-s-6', '', '', '2014-11-24 00:02:20', '2014-11-23 15:02:20', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-6.png', 0, 'attachment', 'image/png', 0),
(29285, 4, '2014-11-24 00:00:54', '2014-11-23 15:00:54', '', 'camiapp-s-5', 'Evernoteに保存した絵', 'inherit', 'open', 'closed', '', 'camiapp-s-5', '', '', '2014-11-24 00:02:25', '2014-11-23 15:02:25', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-5.png', 0, 'attachment', 'image/png', 0),
(29286, 4, '2014-11-24 00:00:55', '2014-11-23 15:00:55', '', 'camiapp-s-4', 'OCRでテキストとともにPDFが保存されている', 'inherit', 'open', 'closed', '', 'camiapp-s-4', '', '', '2014-11-24 00:02:33', '2014-11-23 15:02:33', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-4.png', 0, 'attachment', 'image/png', 0),
(29287, 4, '2014-11-24 00:00:56', '2014-11-23 15:00:56', '', 'camiapp-s-3', 'ここにチェックを入れると、設定したクラウドサービスに自動保存されます', 'inherit', 'open', 'closed', '', 'camiapp-s-3-2', '', '', '2014-11-24 00:02:40', '2014-11-23 15:02:40', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-3.jpg', 0, 'attachment', 'image/jpeg', 0),
(29288, 4, '2014-11-24 00:00:57', '2014-11-23 15:00:57', '', 'camiapp-s-2', 'CamiApp S ノートタイプの同梱物、専用のボールペンやノート、バッテリーなど。', 'inherit', 'open', 'closed', '', 'camiapp-s-2-2', '', '', '2014-11-24 00:02:58', '2014-11-23 15:02:58', '', 29261, 'http://web-marketing.zako.org/images/2014/11/camiapp-s-21.jpg', 0, 'attachment', 'image/jpeg', 0),
(29497, 4, '2015-04-06 00:06:38', '2015-04-05 15:06:38', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/04/snippus.jpg\" alt=\"snippus\" width=\"592\" height=\"384\" class=\"alignnone size-full wp-image-29502\" /></p>\r\n<p>Facebookやはてブなどでも、気になった記事やその文章、そして自分のコメントを共有することができるのだけど、最近そういったことには疲れてきた、なんてかたもいらっしゃるのでは。</p>\r\n<p>そういったときに使えそうなのが、今回ご紹介するサービス。仕組みは非常にシンプルで、開いているページをChrome拡張機能のボタンを押して共有できるようになっています。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ハイライトした文章をシェアできる「Snippus」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://snippus.com/\">Get Snippus</a>」は、<strong>開いたページをChromeのメニューボタンを押して共有できるようにするサービス。</strong></p>\r\n<p>ページ上で選択した文章とともに共有することができ、その際に自分のコメントを添えることも可能です。</p>\r\n\r\n<h4 class=\"tips\">Crome拡張機能を使って追加</h4>\r\n[caption id=\"attachment_29501\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/add-snippus.jpg\" alt=\"開いているページを、ボタンを押して追加します。\" width=\"592\" height=\"459\" class=\"size-full wp-image-29501\" /> 開いているページを、ボタンを押して追加します。[/caption]\r\n<p>Chrome拡張機能を追加していれば、開いたページで共有したい文章を選択した状態でボタンを押すことで、サイトとその文章を共有することができます。</p>\r\n<p>この際に、自分のコメントを添えることもできるようになっています。</p>\r\n\r\n[caption id=\"attachment_29500\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/snippus-added.jpg\" alt=\"共有するとこのようになります。 \" width=\"592\" height=\"261\" class=\"size-full wp-image-29500\" /> 共有するとこのようになります。<br />[/caption]\r\n\r\n<h4 class=\"tips\">個別に情報を共有できる</h4>\r\n<p>追加した情報は、以下のようにリンクを共有することもできます。</p>\r\n<p class=\"desc\">\r\n	<a target=\"_blank\" href=\"https://snippus.com/s/Nye0QE5l\">ソニー、管理職比率２割に半減 年功要素を完全撤廃  ：日本経済新聞 - Snippus</a>\r\n</p>\r\n\r\n<p>情報を貯めておく時にコメントも添えておき、共有する際にはそのコメントも入っているページのリンクを共有するだけで済むというのも効率的かもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">ノートで情報を整理</h4>\r\n[caption id=\"attachment_29499\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/snippus-note.jpg\" alt=\"ノートに追加することで、情報を整理することが可能。 \" width=\"592\" height=\"175\" class=\"size-full wp-image-29499\" /> ノートに追加することで、情報を整理することが可能。<br />[/caption]\r\n<p>追加した情報は、タグと同じような機能である「ノート」を作り、そこに追加することで情報整理することができます。</p>\r\n[caption id=\"attachment_29498\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/snippus-add-note.jpg\" alt=\" 共有した情報をノートに追加します。 \" width=\"592\" height=\"181\" class=\"size-full wp-image-29498\" /> <br />共有した情報をノートに追加します。<br />[/caption]\r\n<p>このノートは、ノート毎に購読することができるようになっていて、購読を中止することも可能です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://snippus.com/\">Get Snippus</a>へどうぞ。</p>\r\n\r\n<p>現在はまだまだベータ版的段階のようで、非公開設定などの便利機能も付いていないですし、フォローしたユーザーの共有した情報が流れる「Feed」という機能も、もう少しブラッシュアップしたほうが良いだろうなとも感じることはありますが、サクサク追加できるので、共有するための情報をためておく場所としては、十分に使えるのではないかなと思っています。</p>\r\n', 'サイト上のテキストに自分のコメントを添えてサクッと共有できる 「Snippus」', 'Chrome拡張機能を使って、楽に情報を共有する手助けをしてくれるWebサービス。', 'publish', 'open', 'closed', '', 'snippus', '', '', '2015-04-06 00:06:38', '2015-04-05 15:06:38', '', 0, 'http://web-marketing.zako.org/?p=29497', 0, 'post', '', 0),
(29498, 4, '2015-04-05 23:59:52', '2015-04-05 14:59:52', '', 'snippus-add-note', '共有した情報をノートに追加します。\n\n', 'inherit', 'open', 'closed', '', 'snippus-add-note', '', '', '2015-04-06 00:01:21', '2015-04-05 15:01:21', '', 29497, 'http://web-marketing.zako.org/images/2015/04/snippus-add-note.jpg', 0, 'attachment', 'image/jpeg', 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
(29499, 4, '2015-04-05 23:59:53', '2015-04-05 14:59:53', '', 'snippus-note', 'ノートに追加することで、情報を整理することが可能。\n', 'inherit', 'open', 'closed', '', 'snippus-note', '', '', '2015-04-06 00:00:45', '2015-04-05 15:00:45', '', 29497, 'http://web-marketing.zako.org/images/2015/04/snippus-note.jpg', 0, 'attachment', 'image/jpeg', 0),
(29500, 4, '2015-04-05 23:59:54', '2015-04-05 14:59:54', '', 'snippus-added', '共有するとこのようになります。\n', 'inherit', 'open', 'closed', '', 'snippus-added', '', '', '2015-04-06 00:00:43', '2015-04-05 15:00:43', '', 29497, 'http://web-marketing.zako.org/images/2015/04/snippus-added.jpg', 0, 'attachment', 'image/jpeg', 0),
(29501, 4, '2015-04-05 23:59:55', '2015-04-05 14:59:55', '', 'add-snippus', '開いているページを、ボタンを押して追加します。', 'inherit', 'open', 'closed', '', 'add-snippus', '', '', '2015-04-06 00:00:40', '2015-04-05 15:00:40', '', 29497, 'http://web-marketing.zako.org/images/2015/04/add-snippus.jpg', 0, 'attachment', 'image/jpeg', 0),
(29502, 4, '2015-04-06 00:02:27', '2015-04-05 15:02:27', '', 'snippus', '', 'inherit', 'open', 'closed', '', 'snippus-2', '', '', '2015-04-06 00:02:31', '2015-04-05 15:02:31', '', 29497, 'http://web-marketing.zako.org/images/2015/04/snippus.jpg', 0, 'attachment', 'image/jpeg', 0),
(29506, 4, '2015-04-13 00:04:59', '2015-04-12 15:04:59', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/04/folj-me.jpg\" alt=\"Folj\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29511\" /></p>\r\n<p>Instagramはスマホから、Flickrはデジカメから、といったような写真ストックサービスの使い分けをしているかたも多いのではないでしょうか。</p>\r\n<p>そんな複数の写真ストック、共有サービスを使っているかたに覚えておいていただきたいのがこのサービス。InstagramとFlickr、500pxの写真を1箇所で見ることができるようになります。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">InstagramとFlickr、500pxを１画面で使える「Folj 」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.folj.me/\">Följ</a>」は、<strong>InstagramとFlickr、500pxの３つの写真共有、ストックサービスを１箇所で見られるようにできるサービス。</strong></p>\r\n<p>Feedもミックスした状態で閲覧することができ、一度に気になる写真全てをチェックできるのも嬉しいポイントです。</p>\r\n\r\n<h4 class=\"tips\">自分の写真をまとめてチェックできる</h4>\r\n[caption id=\"attachment_29513\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/folj-me-mine.jpg\" alt=\"３つのサービスにアップした写真を一度にまとめて閲覧できます。\" width=\"592\" height=\"307\" class=\"size-full wp-image-29513\" /> ３つのサービスにアップした写真を一度にまとめて閲覧できます。[/caption]\r\n<p>自分で撮って各サービスにアップしておいた写真を、Följですべて閲覧することができます。ここからFacebookやTwitterなどへシェアすることも可能です。</p>\r\n\r\n[caption id=\"attachment_29510\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/folj-me-single.jpg\" alt=\"写真をクリックするとその場に拡大表示。さらにもう一度クリックすると個別ページで大きなサイズで閲覧することができます。 \" width=\"592\" height=\"307\" class=\"size-full wp-image-29510\" /> 写真をクリックするとその場に拡大表示。さらにもう一度クリックすると個別ページで大きなサイズで閲覧することができます。<br />[/caption]\r\n\r\n[caption id=\"attachment_29512\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/folj-me-button.jpg\" alt=\"表示するサービスをON/OFFできるボタン\" width=\"592\" height=\"76\" class=\"size-full wp-image-29512\" /> 表示するサービスをON/OFFできるボタン[/caption]\r\n<p>また、写真を表示するサービスをON/OFFすることも可能。</p>\r\n\r\n<h4 class=\"tips\">各サービスでフォローしているユーザーや人気の写真もミックス</h4>\r\n[caption id=\"attachment_29509\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/folj-me-popular.jpg\" alt=\" Popular画面では各サービスで人気の写真を表示。 \" width=\"592\" height=\"307\" class=\"size-full wp-image-29509\" /> <br />Popular画面では各サービスで人気の写真を表示。<br />[/caption]\r\n<p>各サービスで人気の写真や、フォローしているユーザーの写真をすべてミックスして閲覧することも可能。これもまたおもしろいですし、写真をチェックする効率も良いですよね。</p>\r\n\r\n<h4 class=\"tips\">横断検索は英語で可能</h4>\r\n[caption id=\"attachment_29508\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/folj-me-search.jpg\" alt=\" 検索ボタンをおして検索フォームを使う \" width=\"592\" height=\"134\" class=\"size-full wp-image-29508\" /> <br />検索ボタンをおして検索フォームを使う<br />[/caption]\r\n<p>残念ながら日本語での検索はできませんが、英語ならば横断検索も可能。</p>\r\n\r\n[caption id=\"attachment_29507\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/folj-me-kahala.jpg\" alt=\" KAHALAと検索した結果。 \" width=\"592\" height=\"307\" class=\"size-full wp-image-29507\" /> <br />KAHALAと検索した結果。<br />[/caption]\r\n<p>同じキーワードでもより多様性のある写真を見つけられるのがキモですね。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.folj.me/\">Följ</a>へどうぞ。Instagram、Flickrあるいは500pxのアカウントでログインすることができます。</p>\r\n', 'InstagramとFlickr、500pxを串刺しで楽しめる「Folj 」', '３つの写真共有サイトにアップした写真を1箇所でまとめてチェックできる便利サービス。', 'publish', 'open', 'closed', '', 'folj', '', '', '2015-04-13 00:04:59', '2015-04-12 15:04:59', '', 0, 'http://web-marketing.zako.org/?p=29506', 0, 'post', '', 0),
(29507, 4, '2015-04-12 23:30:31', '2015-04-12 14:30:31', '', 'folj-me-kahala', '\nKAHALAと検索した結果。\n', 'inherit', 'open', 'closed', '', 'folj-me-kahala', '', '', '2015-04-12 23:31:46', '2015-04-12 14:31:46', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me-kahala.jpg', 0, 'attachment', 'image/jpeg', 0),
(29508, 4, '2015-04-12 23:30:32', '2015-04-12 14:30:32', '', 'folj-me-search', '\n検索ボタンをおして検索フォームを使う\n', 'inherit', 'open', 'closed', '', 'folj-me-search', '', '', '2015-04-12 23:31:41', '2015-04-12 14:31:41', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me-search.jpg', 0, 'attachment', 'image/jpeg', 0),
(29509, 4, '2015-04-12 23:30:33', '2015-04-12 14:30:33', '', 'folj-me-popular', '\nPopular画面では各サービスで人気の写真を表示。\n', 'inherit', 'open', 'closed', '', 'folj-me-popular', '', '', '2015-04-12 23:31:36', '2015-04-12 14:31:36', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me-popular.jpg', 0, 'attachment', 'image/jpeg', 0),
(29510, 4, '2015-04-12 23:30:34', '2015-04-12 14:30:34', '', 'folj-me-single', '写真をクリックするとその場に拡大表示。さらにもう一度クリックすると個別ページで大きなサイズで閲覧することができます。\n', 'inherit', 'open', 'closed', '', 'folj-me-single', '', '', '2015-04-12 23:31:26', '2015-04-12 14:31:26', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me-single.jpg', 0, 'attachment', 'image/jpeg', 0),
(29511, 4, '2015-04-12 23:30:35', '2015-04-12 14:30:35', '', 'folj-me', '', 'inherit', 'open', 'closed', '', 'folj-me', '', '', '2015-04-12 23:31:11', '2015-04-12 14:31:11', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me.jpg', 0, 'attachment', 'image/jpeg', 0),
(29512, 4, '2015-04-12 23:30:36', '2015-04-12 14:30:36', '', 'folj-me-button', '表示するサービスをON/OFFできるボタン', 'inherit', 'open', 'closed', '', 'folj-me-button', '', '', '2015-04-12 23:31:01', '2015-04-12 14:31:01', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me-button.jpg', 0, 'attachment', 'image/jpeg', 0),
(29513, 4, '2015-04-12 23:30:37', '2015-04-12 14:30:37', '', 'folj-me-mine', '３つのサービスにアップした写真を一度にまとめて閲覧できます。', 'inherit', 'open', 'closed', '', 'folj-me-mine', '', '', '2015-04-12 23:30:48', '2015-04-12 14:30:48', '', 29506, 'http://web-marketing.zako.org/images/2015/04/folj-me-mine.jpg', 0, 'attachment', 'image/jpeg', 0),
(29528, 4, '2015-04-27 00:20:15', '2015-04-26 15:20:15', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/04/gradientgenerator.png\" alt=\"Gradient Generator\" width=\"592\" height=\"323\" class=\"alignnone size-full wp-image-29535\" /></p>\r\n<p>CSS3のグラデーションを思い通りに作りたいとき、便利なジェネレーターを使うのがもっとも効率よいのですが、意外とどのツールも細かい部分で融通がきかないというケースが多いと感じます。</p>\r\n<p>今回ご紹介するグラデーション ジェネレーターは、そういった細かい部分でも融通がきくものになっていて、思い通りのグラデーションを実現するのに役立ちそうなものになっています。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">かゆいところに手が届くCSS3 グラデーションジェネレーター「Gradient Generator」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gradientgenerator.com/\">Gradient Generator</a>」は、<strong>手軽にCSS3のグラデーションを作成できるオンラインツール。</strong></p>\r\n<p>手軽に作れるだけでなく、微妙な色の調整や色が変化するポイントの調整、あるいはグラデーションの方向などといった微細な部分を調節できるようになっているのが特徴です。</p>\r\n\r\n<h4 class=\"tips\">手軽にグラデーションCSSを生成</h4>\r\n[caption id=\"attachment_29534\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/gradient-generate.png\" alt=\"プリセットからグラデーションのパターンを選ぶだけでグラデーションのCSSを生成。\" width=\"592\" height=\"495\" class=\"size-full wp-image-29534\" /> プリセットからグラデーションのパターンを選ぶだけでグラデーションのCSSを生成。[/caption]\r\n<p>グラデーションCSSの生成手順はいたってシンプル。プリセットから使いたいパターンを選択して、「Get CSS」ボタンを押すだけでOKです。</p>\r\n[caption id=\"attachment_29533\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/gradient-css.png\" alt=\"「Get CSS」ボタンを押すとCSSが生成されます。\" width=\"592\" height=\"493\" class=\"size-full wp-image-29533\" /> 「Get CSS」ボタンを押すとCSSが生成されます。[/caption]\r\n<p>生成されるCSSには、IE8以下やIE9、iOS 3.2以上、Android 2.3以下といったものに対応するハックも含まれています。これもまたかゆいところに手が届いていて助かりますね。</p>\r\n\r\n<h4 class=\"tips\">微妙な色の調整もできる</h4>\r\n[caption id=\"attachment_29532\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/gradient-color.png\" alt=\"微妙な色合いも、スライダーでカンタンに調節できます。\" width=\"592\" height=\"445\" class=\"size-full wp-image-29532\" /> 微妙な色合いも、スライダーでカンタンに調節できます。[/caption]\r\n<p>「Adjust color」ボタンを押せば、スライダで微妙な色合いを調整することができます。個人的にカラーピッカーよりもスライダで調整するほうが色を作りやすいので、これも重宝しそう。</p>\r\n\r\n<h4 class=\"tips\">グラデーションタイプや方向も自由自在</h4>\r\n[caption id=\"attachment_29531\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/gradient-type.png\" alt=\"かなり細かい調整までも可能。\" width=\"592\" height=\"392\" class=\"size-full wp-image-29531\" /> かなり細かい調整までも可能。[/caption]\r\n<p>グラデーションの細かい表現も調整できます。グラデーションタイプをlinearかradialで選択したり、シェイプをcircleかellipseから選んだり、コーナーの角丸の大きさを選んだり等々、挙げていたらきりがないほど細かい調整をできてしまいます。</p>\r\n\r\n[caption id=\"attachment_29530\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/gradient-config.png\" alt=\"「Config」ボタンを押せば、CSS周りの設定もおこなえます。\" width=\"592\" height=\"386\" class=\"size-full wp-image-29530\" /> 「Config」ボタンを押せば、CSS周りの設定もおこなえます。[/caption]\r\n<p>さらにCSS周りの調整も可能。セレクタを自分の環境に合わせて変更したり、対応ブラウザを設定したり、カラーフォーマットを変えたりなどなど、こちらも詳細まで設定することが可能です。</p>\r\n\r\n[caption id=\"attachment_29529\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/04/gradient-options.png\" alt=\"そしてさらに、作成したグラデーションを保存したり、PNG形式の画像でエクスポートしたり、はたまたQRコードやパーマリンクで共有できてしまったりと、至れり尽くせりです。\" width=\"592\" height=\"104\" class=\"size-full wp-image-29529\" /> そしてさらに、作成したグラデーションを保存したり、PNG形式の画像でエクスポートしたり、はたまたQRコードやパーマリンクで共有できてしまったりと、至れり尽くせりです。[/caption]\r\n\r\n<p>試してみたいかたは<a target=\"_blank\" href=\"http://gradientgenerator.com/\">Gradient Generator</a>へどうぞ。</p>\r\n', '至れり尽くせりなCSS3 グラデーション ジェネレーター「Gradient Generator」', '', 'publish', 'open', 'closed', '', 'gradient-generator', '', '', '2015-04-27 00:20:15', '2015-04-26 15:20:15', '', 0, 'http://web-marketing.zako.org/?p=29528', 0, 'post', '', 0),
(29529, 4, '2015-04-26 19:49:18', '2015-04-26 10:49:18', '', 'gradient-options', 'さらには作成したグラデーションを保存したり、PNG形式の画像でエクスポートしたり、はたまたQRコードやパーマリンクで共有できてしまったりと、至れり尽くせりです。', 'inherit', 'open', 'closed', '', 'gradient-options', '', '', '2015-04-26 19:50:40', '2015-04-26 10:50:40', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradient-options.png', 0, 'attachment', 'image/png', 0),
(29530, 4, '2015-04-26 19:49:19', '2015-04-26 10:49:19', '', 'gradient-config', '「Config」ボタンを押せば、CSS周りの設定もおこなえます。', 'inherit', 'open', 'closed', '', 'gradient-config', '', '', '2015-04-26 19:50:31', '2015-04-26 10:50:31', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradient-config.png', 0, 'attachment', 'image/png', 0),
(29531, 4, '2015-04-26 19:49:20', '2015-04-26 10:49:20', '', 'gradient-type', 'かなり細かい調整までも可能。', 'inherit', 'open', 'closed', '', 'gradient-type', '', '', '2015-04-26 19:50:23', '2015-04-26 10:50:23', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradient-type.png', 0, 'attachment', 'image/png', 0),
(29532, 4, '2015-04-26 19:49:21', '2015-04-26 10:49:21', '', 'gradient-color', '微妙な色合いも、スライダーでカンタンに調節できます。', 'inherit', 'open', 'closed', '', 'gradient-color', '', '', '2015-04-26 19:50:14', '2015-04-26 10:50:14', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradient-color.png', 0, 'attachment', 'image/png', 0),
(29533, 4, '2015-04-26 19:49:22', '2015-04-26 10:49:22', '', 'gradient-css', '「Get CSS」ボタンを押すとCSSが生成されます。', 'inherit', 'open', 'closed', '', 'gradient-css', '', '', '2015-04-26 19:50:05', '2015-04-26 10:50:05', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradient-css.png', 0, 'attachment', 'image/png', 0),
(29534, 4, '2015-04-26 19:49:23', '2015-04-26 10:49:23', '', 'gradient-generate', 'プリセットからグラデーションのパターンを選ぶだけでグラデーションのCSSを生成。', 'inherit', 'open', 'closed', '', 'gradient-generate', '', '', '2015-04-26 19:49:55', '2015-04-26 10:49:55', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradient-generate.png', 0, 'attachment', 'image/png', 0),
(29535, 4, '2015-04-26 19:49:24', '2015-04-26 10:49:24', '', 'gradientgenerator', '', 'inherit', 'open', 'closed', '', 'gradientgenerator', '', '', '2015-04-26 19:49:38', '2015-04-26 10:49:38', '', 29528, 'http://web-marketing.zako.org/images/2015/04/gradientgenerator.png', 0, 'attachment', 'image/png', 0),
(29539, 3, '2015-04-26 00:51:57', '2015-04-25 15:51:57', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/05/niku.png\" alt=\"甘太郎の焼肉食べ放題\" width=\"592\" height=\"395\" class=\"alignnone size-full wp-image-29540\" /></p>\r\n\r\n<p>ブログタイムズさんにお招きいただき、焼肉の食べ放題をごちそうになってきました！</p>\r\n<p>お店はなんと「手作り居酒屋 甘太郎」さん（渋谷センター街店）。「居酒屋さんなのに「焼肉食べ放題？」」と思いましたが、実は甘太郎さんは、焼肉やしゃぶしゃぶの食べ放題メニューがあるんです。</p>\r\n<!--more-->\r\n\r\n<p>昨年の10/22より、渋谷、松戸、横浜の甘太郎さんからスタートした「焼肉食べ放題」。いくつか食べ放題のコースがあるようですが、今回私達がいた代のは特選焼肉食べ放題(￥2,689)のコース。全55品で肉だけでなく、お野菜からごはんものまで充実した取り揃え。これで3,000円しないのはかなりお得な気がします。</p>\r\n\r\n<p>さて、最初に頂いたのは、松坂豚の焼肉。結構な厚みとたっぷりの脂身！ステーキのような重厚感すら感じるお肉。</p>\r\n[caption id=\"attachment_29549\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/matsuzakabuta.png\" alt=\"三元豚の松坂豚\" width=\"592\" height=\"395\" class=\"size-full wp-image-29549\" /> 三元豚の松坂豚[/caption]\r\n\r\n<p>焼いた姿がこちら、</p>\r\n\r\n[caption id=\"attachment_29548\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/matsuzakabuta-1.png\" alt=\"プリップリの松坂豚 \" width=\"592\" height=\"395\" class=\"size-full wp-image-29548\" /> プリップリの松坂豚<br />[/caption]\r\n\r\n<p>テリテリと表面を覆う肉汁が食欲をそそるっ！ということで、いただきます！うん、とてもジューシーで美味しい！食べ応えもあり、脂身部分も口の中で美味しく溶け「おいしい～」と幸せに浸れるお肉。食べ放題でこんなお肉だしていいのかな？と思いました。</p>\r\n\r\n<p>さて、そんな松坂豚を皮切りに、どんどんお肉を頼みましたよ～</p>\r\n\r\n<p>お次は「壺仕込みの豚ハラミ」ぷりぷりで美味しかった。味付けがしっかりされているので何もつけずにペロリと頂けます</p>\r\n[caption id=\"attachment_29547\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/tsubo-harami.png\" alt=\"壺の中には豚ハラミ \" width=\"592\" height=\"395\" class=\"size-full wp-image-29547\" /> 壺の中には豚ハラミ<br />[/caption]\r\n\r\n<p>定番のカルビももちろん頂きました。お味は申し分ないですが、1回で運ばれてくる量がすくないかな～と（笑）でも食べ放題ですので、何回も頼めばいいんですね。うん。</p>\r\n\r\n[caption id=\"attachment_29546\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/karubi.png\" alt=\"カルビ、そしてカルビ \" width=\"592\" height=\"395\" class=\"size-full wp-image-29546\" /> カルビ、そしてカルビ<br />[/caption]\r\n\r\n<p>続いて「タン系もいきたい！」ということで豚タンを。やわらかい食感でほどよく脂身もあり、美味。味付けはサラッと塩のみorレモン汁がおすすめ。</p>\r\n[caption id=\"attachment_29545\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/tan.png\" alt=\"すぐに溶けてしまいそうな豚タン \" width=\"592\" height=\"395\" class=\"size-full wp-image-29545\" /> すぐに溶けてしまいそうな豚タン<br />[/caption]\r\n\r\n<p>そしてぼんじり。味は美味しいのですが、焼けるとちょーっと小さい・・かな？ま、まぁいいんです！食べ放題なので沢山頼めば！</p>\r\n[caption id=\"attachment_29544\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/bonjiri.png\" alt=\"おつまみにちょうど良さそうなぼんじり \" width=\"592\" height=\"395\" class=\"size-full wp-image-29544\" /> おつまみにちょうど良さそうなぼんじり<br />[/caption]\r\n\r\n\r\n<p>続々とお肉を頼む合間に、お肉以外の居酒屋メニューも！ということで唐突にたこ焼き。ごくごく普通のたこ焼きですが、安定のおいしさでヒョイヒョイパクパクと食べ5個のたこ焼きが瞬足で胃の中へ消えました（笑）</p>\r\n[caption id=\"attachment_29543\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/takoyaki.png\" alt=\"居酒屋定番メニューも食べ放題に入っているのが嬉しい \" width=\"592\" height=\"395\" class=\"size-full wp-image-29543\" /> 居酒屋定番メニューも食べ放題に入っているのが嬉しい<br />[/caption]\r\n\r\n<p>こちらはチョレギサラダ（取分け後）ドレッシングが美味しかった！</p>\r\n[caption id=\"attachment_29542\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/tyoregi.png\" alt=\"お酒にも合いそうなチョレギサラダ \" width=\"592\" height=\"395\" class=\"size-full wp-image-29542\" /> お酒にも合いそうなチョレギサラダ<br />[/caption]\r\n\r\n<p>米モノはこちら、キムチチャーハンをオーダー。パラパラしてて美味しい。</p>\r\n[caption id=\"attachment_29541\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/chahan.png\" alt=\"お腹が減っていたらガッツリいってしまいましょう \" width=\"592\" height=\"395\" class=\"size-full wp-image-29541\" /> お腹が減っていたらガッツリいってしまいましょう<br />[/caption]\r\n\r\n<p>と、ここら辺でけっこうおなか一杯&時間が来てしまいました。ふう～結構食べたな・・</p>\r\n<p>まとめとしては、</p>\r\n<ul>\r\n<li>お肉はどれもおいしい</li>\r\n<li>さすが居酒屋！ってことでサイドメニューも充実</li>\r\n<li>だけど1皿のお肉が少なかったり</li>\r\n<li>1枚のお肉が小さかったりすることがあるよ</li>\r\n<li>過度な期待は禁物ですし、オーダーするときは先を見越して沢山頼んでおくとよいかも！</li>\r\n</ul>\r\n<p>って感じです。</p>\r\n\r\n<p>でも、なんといっても「コスパ的にとても良い」が最大の感想！ゴールデンウィーク、なに食べよう？で迷ったら、ぜひ甘太郎の焼肉食べ放題をお勧めします＾＾</p>\r\n', '[PR]居酒屋で焼肉食べ放題！？甘太郎の焼肉食べ放題を体感してきた', '', 'publish', 'open', 'closed', '', 'amataro-yakiniku', '', '', '2015-05-04 01:09:18', '2015-05-03 16:09:18', '', 0, 'http://web-marketing.zako.org/?p=29539', 0, 'post', '', 0),
(29540, 4, '2015-05-04 00:53:47', '2015-05-03 15:53:47', '', 'niku', '', 'inherit', 'open', 'closed', '', 'niku', '', '', '2015-05-04 00:54:04', '2015-05-03 15:54:04', '', 29539, 'http://web-marketing.zako.org/images/2015/05/niku.png', 0, 'attachment', 'image/png', 0),
(29541, 4, '2015-05-04 00:53:49', '2015-05-03 15:53:49', '', 'chahan', 'お腹が減っていたらガッツリいってしまいましょう\n', 'inherit', 'open', 'closed', '', 'chahan', '', '', '2015-05-04 00:55:28', '2015-05-03 15:55:28', '', 29539, 'http://web-marketing.zako.org/images/2015/05/chahan.png', 0, 'attachment', 'image/png', 0),
(29542, 4, '2015-05-04 00:53:50', '2015-05-03 15:53:50', '', 'tyoregi', 'お酒にも合いそうなチョレギサラダ\n', 'inherit', 'open', 'closed', '', 'tyoregi', '', '', '2015-05-04 00:55:21', '2015-05-03 15:55:21', '', 29539, 'http://web-marketing.zako.org/images/2015/05/tyoregi.png', 0, 'attachment', 'image/png', 0),
(29543, 4, '2015-05-04 00:53:51', '2015-05-03 15:53:51', '', 'takoyaki', '居酒屋定番メニューも食べ放題に入っているのが嬉しい\n', 'inherit', 'open', 'closed', '', 'takoyaki', '', '', '2015-05-04 00:55:12', '2015-05-03 15:55:12', '', 29539, 'http://web-marketing.zako.org/images/2015/05/takoyaki.png', 0, 'attachment', 'image/png', 0),
(29544, 4, '2015-05-04 00:53:52', '2015-05-03 15:53:52', '', 'bonjiri', 'おつまみにちょうど良さそうなぼんじり\n', 'inherit', 'open', 'closed', '', 'bonjiri', '', '', '2015-05-04 00:55:03', '2015-05-03 15:55:03', '', 29539, 'http://web-marketing.zako.org/images/2015/05/bonjiri.png', 0, 'attachment', 'image/png', 0),
(29545, 4, '2015-05-04 00:53:53', '2015-05-03 15:53:53', '', 'tan', 'すぐに溶けてしまいそうな豚タン\n', 'inherit', 'open', 'closed', '', 'tan', '', '', '2015-05-04 00:54:40', '2015-05-03 15:54:40', '', 29539, 'http://web-marketing.zako.org/images/2015/05/tan.png', 0, 'attachment', 'image/png', 0),
(29546, 4, '2015-05-04 00:53:54', '2015-05-03 15:53:54', '', 'karubi', 'カルビ、そしてカルビ\n', 'inherit', 'open', 'closed', '', 'karubi', '', '', '2015-05-04 00:54:51', '2015-05-03 15:54:51', '', 29539, 'http://web-marketing.zako.org/images/2015/05/karubi.png', 0, 'attachment', 'image/png', 0),
(29547, 4, '2015-05-04 00:53:55', '2015-05-03 15:53:55', '', 'tsubo-harami', '壺の中には豚ハラミ\n', 'inherit', 'open', 'closed', '', 'tsubo-harami', '', '', '2015-05-04 00:54:28', '2015-05-03 15:54:28', '', 29539, 'http://web-marketing.zako.org/images/2015/05/tsubo-harami.png', 0, 'attachment', 'image/png', 0),
(29548, 4, '2015-05-04 00:53:56', '2015-05-03 15:53:56', '', 'matsuzakabuta-1', 'プリップリの松坂豚\n', 'inherit', 'open', 'closed', '', 'matsuzakabuta-1', '', '', '2015-05-04 00:54:20', '2015-05-03 15:54:20', '', 29539, 'http://web-marketing.zako.org/images/2015/05/matsuzakabuta-1.png', 0, 'attachment', 'image/png', 0),
(29549, 4, '2015-05-04 00:53:57', '2015-05-03 15:53:57', '', 'matsuzakabuta', '三元豚の松坂豚', 'inherit', 'open', 'closed', '', 'matsuzakabuta', '', '', '2015-05-04 00:54:15', '2015-05-03 15:54:15', '', 29539, 'http://web-marketing.zako.org/images/2015/05/matsuzakabuta.png', 0, 'attachment', 'image/png', 0),
(29553, 4, '2015-05-18 00:03:19', '2015-05-17 15:03:19', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/05/oneqstn.png\" alt=\"OneQstn\" width=\"592\" height=\"268\" class=\"alignnone size-full wp-image-29559\" /></p>\r\n<p>アンケートを取りたいけれども、回答をなかなかもらえないことが多い。なぜなら質問の数が多くて敷居が高いから。あるいは、設問を用意してアンケートを取っても、集計する時間を取ることができない。なんてこともあると思います。</p>\r\n\r\n<p>そんなときに、手軽に１問だけアンケートを取れるのが、今回ご紹介するサービス。たった１問だけでもアンケートを取りたい時に便利なサービスです。</p>\r\n\r\n\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">１問だけのシンプルなアンケートツール「OneQstn」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.oneqstn.com/\">OneQstn</a>」は、１問だけのアンケートを収集、集計するためのオンラインツール。</p>\r\n<p>サービスにログインする必要がなく、かつ自分のサイトに埋め込んでアンケートを収集することもできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">サンプルアンケート</h4>\r\n<p>以下のアンケートは、OneQstnで発行されたタグをそのまま貼り付けたものです。</p>\r\n\r\n<div class=\"oq-question well toast\">\r\n	<h3>1個だけ質問できるって十分だと思いますか</h3>\r\n	<div class=\"oq-options\">\r\n	<a href=\"https://www.oneqstn.com/7448/30705\" class=\"btn btn-info castVote btn-oo-mod\" target=\"_blank\" id=\"30705\">十分だと思う</a>\r\n	<a href=\"https://www.oneqstn.com/7448/30706\" class=\"btn btn-info castVote btn-oo-mod\" target=\"_blank\" id=\"30706\">不十分だと思う</a>\r\n	<a href=\"https://www.oneqstn.com/7448/30707\" class=\"btn btn-info castVote btn-oo-mod\" target=\"_blank\" id=\"30707\">どちらとも思わない</a>\r\n	</div>\r\n</div>	\r\n<p>部分的にこのブログのCSSが影響していますが、プログラムを用意しなくても自然に設置できるのが良いですね。</p>\r\n\r\n\r\n<h4 class=\"tips\">ひとつの質問なのでサクッと作成できる</h4>\r\n[caption id=\"attachment_29558\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/oneqstn-create.png\" alt=\"作成する質問はひとつだけなので、ひとつの質問とそれに対する回答の選択肢を用意するだけで作成完了。\" width=\"592\" height=\"458\" class=\"size-full wp-image-29558\" /> 作成する質問はひとつだけなので、ひとつの質問とそれに対する回答の選択肢を用意するだけで作成完了。[/caption]\r\n<p>ちょっと気になることがあるので聞いてみよう。これだけは投票で決めたい、といった、すぐにアンケートを取ってみたいときにも便利です。</p>\r\n\r\n<h4 class=\"tips\">ソーシャルへの投稿リンクとサイトへの埋め込みタグを生成</h4>\r\n[caption id=\"attachment_29557\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/oneqstn-done.png\" alt=\"アンケート作成が完了した後の画面。\" width=\"592\" height=\"458\" class=\"size-full wp-image-29557\" /> アンケート作成が完了した後の画面。[/caption]\r\n<p>アンケートの作成が完了すると、ソーシャルに投稿できるボタンと、サイトに埋め込み可能なHTMLタグが生成されます。</p>\r\n\r\n<h4 class=\"tips\">アンケート結果の集計も可能</h4>\r\n[caption id=\"attachment_29556\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/oneqstn-result.png\" alt=\"作成完了画面の下の方にはアンケート集計結果も表示。\" width=\"592\" height=\"314\" class=\"size-full wp-image-29556\" /> 作成完了画面の下の方にはアンケート集計結果も表示。[/caption]\r\n<p>シンプルなものではありますが、集計結果も同じ作成完了画面に表示してくれます。アンケート作成が完了したら、このページをブックマークしておけば、あとから結果をすぐに確認できます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.oneqstn.com/\">OneQstn</a>へどうぞ。</p>\r\n\r\n<p>アンケートを作成しようとすると、その設計が大変なわけですが、質問が一つだけでも良いのであれば、こういったサービスでサクッと作ってしまうのも良いですね。</p>\r\n', 'ひとつだけ質問したいときに使いたいアンケートツール「OneQstn」', 'ひとつだけ質問したいときにサクッとアンケートを作れてしまうWEBサービス。', 'publish', 'open', 'closed', '', 'oneqstn', '', '', '2015-05-18 00:03:19', '2015-05-17 15:03:19', '', 0, 'http://web-marketing.zako.org/?p=29553', 0, 'post', '', 0),
(29556, 4, '2015-05-17 21:01:38', '2015-05-17 12:01:38', '', 'oneqstn-result', '作成完了画面の下の方にはアンケート集計結果も表示。', 'inherit', 'open', 'closed', '', 'oneqstn-result', '', '', '2015-05-17 21:02:30', '2015-05-17 12:02:30', '', 29553, 'http://web-marketing.zako.org/images/2015/05/oneqstn-result.png', 0, 'attachment', 'image/png', 0),
(29557, 4, '2015-05-17 21:01:39', '2015-05-17 12:01:39', '', 'oneqstn-done', 'アンケート作成が完了した後の画面。', 'inherit', 'open', 'closed', '', 'oneqstn-done', '', '', '2015-05-17 21:02:22', '2015-05-17 12:02:22', '', 29553, 'http://web-marketing.zako.org/images/2015/05/oneqstn-done.png', 0, 'attachment', 'image/png', 0),
(29558, 4, '2015-05-17 21:01:40', '2015-05-17 12:01:40', '', 'oneqstn-create', '作成する質問はひとつだけなので、ひとつの質問とそれに対する回答の選択肢を用意するだけで作成完了。', 'inherit', 'open', 'closed', '', 'oneqstn-create', '', '', '2015-05-17 21:02:15', '2015-05-17 12:02:15', '', 29553, 'http://web-marketing.zako.org/images/2015/05/oneqstn-create.png', 0, 'attachment', 'image/png', 0),
(29559, 4, '2015-05-17 21:01:41', '2015-05-17 12:01:41', '', 'oneqstn', '', 'inherit', 'open', 'closed', '', 'oneqstn-2', '', '', '2015-05-17 21:01:47', '2015-05-17 12:01:47', '', 29553, 'http://web-marketing.zako.org/images/2015/05/oneqstn.png', 0, 'attachment', 'image/png', 0),
(29562, 4, '2015-05-25 00:10:05', '2015-05-24 15:10:05', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/05/devport.jpg\" alt=\"DevPort\" width=\"592\" height=\"378\" class=\"alignnone size-full wp-image-29564\" /></p>\r\n<p>開発者が自分のポートフォリオを作成する際に悩みがちなのが、デザインや制作実績の見せ方だったりしますよね。</p>\r\n<p>あるいは、就活をしている学生も、いまでは自分自身のプロフィールページを作成して企業に売り込んでいくなんてケースも考えられると思います。そういったシーンで手軽にこれまでやってきたことをまとめられるのが、今回ご紹介するサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">別サイトから制作実績をインポートしてポートフォリオを作れる「DevPort 」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://devport.co/\">DevPort</a>」は、<strong>開発者のためのポートフォリオ作成サービス。</strong>ここに手間をかけたくないフロントエンジニアにもオススメかも。</p>\r\n<p>Githubアカウントでログインでき、Github、App Store、Google Play、あるいはWEBサイトのURLから自分の制作実績を簡単にインポートできるようになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">GithubとTwitterからプロフィールをインポート</h4>\r\n[caption id=\"attachment_29571\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/profile-import.jpg\" alt=\"個人のプロフィールをインポート\" width=\"592\" height=\"271\" class=\"size-full wp-image-29571\" /> 個人のプロフィールをインポート[/caption]\r\n<p>個人のプロフィールは、GithubかTwitterと連携することで情報をインポートしてくれます。</p>\r\n\r\n[caption id=\"attachment_29570\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/bio-add.jpg\" alt=\"Markdown と HTML に対応した追加プロフィール編集画面\" width=\"592\" height=\"185\" class=\"size-full wp-image-29570\" /> Markdown と HTML に対応した追加プロフィール編集画面[/caption]\r\n<p>また、追加プロフィールの編集画面も、Markdown と HTML に対応しているので、ちょっとしたレイアウトもしやすくなっています。ちなみに上記のサンプルはGoogle＋のプロフィールをコピペして改行しただけのもの。</p>\r\n\r\n<h4 class=\"tips\">ウェブサイトやApp Store、Google Play、Githubなどから実績をインポート</h4>\r\n[caption id=\"attachment_29569\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/webpage-portfolio.jpg\" alt=\"WEBサイトの実績ページサンプル\" width=\"592\" height=\"439\" class=\"size-full wp-image-29569\" /> WEBサイトの実績ページサンプル[/caption]\r\n<p>このプロジェクトのインポートがとても便利です。たとえばWEBサイトでも、URLを入力するだけで、サイトのキャプチャや紹介文、紹介ページまで生成してくれます。</p>\r\n\r\n[caption id=\"attachment_29568\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/webpage-portfolio-2.jpg\" alt=\"リンクを入力して、表示する画像を選んでプレビューするだけで完了\" width=\"592\" height=\"350\" class=\"size-full wp-image-29568\" /> リンクを入力して、表示する画像を選んでプレビューするだけで完了[/caption]\r\n\r\n[caption id=\"attachment_29567\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/app-work.jpg\" alt=\"アプリの制作実績ページサンプル\" width=\"592\" height=\"434\" class=\"size-full wp-image-29567\" /> アプリの制作実績ページサンプル[/caption]\r\n<p>たとえばアプリの実績ページであれば、<a target=\"_blank\" href=\"http://a2.devport.co/projects/foursquare\">Foursquare • Alexsander Akers</a>のページのようにページが生成されます。</p>\r\n\r\n[caption id=\"attachment_29563\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/devport-import.jpg\" alt=\"各種サービスからインポート可能\" width=\"592\" height=\"237\" class=\"size-full wp-image-29563\" /> 各種サービスからインポート可能[/caption]\r\n<p>Github、App store、Google Playからのインポートの他、画像をインポートして作成することも、空白の状態から作成することも可能になっています。</p>\r\n\r\n<h4 class=\"tips\">デザインはテンプレートから選ぶだけ</h4>\r\n[caption id=\"attachment_29566\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/theme-dev.png\" alt=\"１２種類から選べるデザインテンプレート\" width=\"592\" height=\"399\" class=\"size-full wp-image-29566\" /> １２種類から選べるデザインテンプレート[/caption]\r\n<p>本当にテンプレートから選ぶだけで、綺麗なレイアウト、デザインが実現できてしまいます。この点、時間をかけずにできてしまうのが嬉しいですね。</p>\r\n\r\n<h4 class=\"tips\">サイトの公開はリアルタイム</h4>\r\n[caption id=\"attachment_29565\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/05/dev-portfolio-1.png\" alt=\"更新をかけるとリアルタイムに反映\" width=\"592\" height=\"439\" class=\"size-full wp-image-29565\" /> 更新をかけるとリアルタイムに反映[/caption]\r\n<p>内容を編集してSaveボタンを押すと、リアルタイムに公開ページが更新されます。ちなみにデフォルトのドメインは、サインアップ時に決めることができ、Githubアカウントでログインする場合は、特に設定しなければユーザー名がサブドメインのホスト名になります。もちろん、あとから編集することも可能です。</p>\r\n\r\n<p>その他にも、CNAMEで独自ドメインも使用可能、テーマのカスタマイズもできるうえにAPIも提供しているようです。詳しくは<a target=\"_blank\" href=\"http://devport.co/customization/\">Extra Features - DevPort</a>をご覧ください。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://devport.co/\">DevPort</a>へどうぞ。</p>', 'GithubやApp store、ウェブサイトのURLから開発者のポートフォリオを楽に作成できる「DevPort 」', '個人の職歴や制作実績、プロジェクトの履歴を個人プロフィールサイトへカンタンに反映できるポートフォリオ作成サービス。', 'publish', 'open', 'closed', '', 'devport', '', '', '2015-05-25 00:10:05', '2015-05-24 15:10:05', '', 0, 'http://web-marketing.zako.org/?p=29562', 0, 'post', '', 0),
(29563, 4, '2015-05-24 20:32:15', '2015-05-24 11:32:15', '', 'devport-import', '各種サービスからインポート可能', 'inherit', 'open', 'closed', '', 'devport-import', '', '', '2015-05-24 20:32:30', '2015-05-24 11:32:30', '', 29562, 'http://web-marketing.zako.org/images/2015/05/devport-import.jpg', 0, 'attachment', 'image/jpeg', 0),
(29564, 4, '2015-05-24 20:32:16', '2015-05-24 11:32:16', '', 'devport', '', 'inherit', 'open', 'closed', '', 'devport-2', '', '', '2015-05-24 20:32:51', '2015-05-24 11:32:51', '', 29562, 'http://web-marketing.zako.org/images/2015/05/devport.jpg', 0, 'attachment', 'image/jpeg', 0),
(29565, 4, '2015-05-24 20:32:17', '2015-05-24 11:32:17', '', 'dev-portfolio-1', '更新をかけるとリアルタイムに反映', 'inherit', 'open', 'closed', '', 'dev-portfolio-1', '', '', '2015-05-24 20:33:41', '2015-05-24 11:33:41', '', 29562, 'http://web-marketing.zako.org/images/2015/05/dev-portfolio-1.png', 0, 'attachment', 'image/png', 0),
(29566, 4, '2015-05-24 20:32:17', '2015-05-24 11:32:17', '', 'theme-dev', '１２種類から選べるデザインテンプレート', 'inherit', 'open', 'closed', '', 'theme-dev', '', '', '2015-05-24 20:33:12', '2015-05-24 11:33:12', '', 29562, 'http://web-marketing.zako.org/images/2015/05/theme-dev.png', 0, 'attachment', 'image/png', 0),
(29567, 4, '2015-05-24 20:32:18', '2015-05-24 11:32:18', '', 'app-work', 'アプリの制作実績ページサンプル', 'inherit', 'open', 'closed', '', 'app-work', '', '', '2015-05-24 20:33:19', '2015-05-24 11:33:19', '', 29562, 'http://web-marketing.zako.org/images/2015/05/app-work.jpg', 0, 'attachment', 'image/jpeg', 0),
(29568, 4, '2015-05-24 20:32:19', '2015-05-24 11:32:19', '', 'webpage-portfolio-2', 'リンクを入力して、表示する画像を選んでプレビューするだけで完了', 'inherit', 'open', 'closed', '', 'webpage-portfolio-2', '', '', '2015-05-24 20:33:26', '2015-05-24 11:33:26', '', 29562, 'http://web-marketing.zako.org/images/2015/05/webpage-portfolio-2.jpg', 0, 'attachment', 'image/jpeg', 0),
(29569, 4, '2015-05-24 20:32:20', '2015-05-24 11:32:20', '', 'webpage-portfolio', 'WEBサイトの実績ページサンプル', 'inherit', 'open', 'closed', '', 'webpage-portfolio', '', '', '2015-05-24 20:33:32', '2015-05-24 11:33:32', '', 29562, 'http://web-marketing.zako.org/images/2015/05/webpage-portfolio.jpg', 0, 'attachment', 'image/jpeg', 0),
(29570, 4, '2015-05-24 20:32:21', '2015-05-24 11:32:21', '', 'bio-add', 'Markdown と HTML に対応した追加プロフィール編集画面', 'inherit', 'open', 'closed', '', 'bio-add', '', '', '2015-05-24 20:33:52', '2015-05-24 11:33:52', '', 29562, 'http://web-marketing.zako.org/images/2015/05/bio-add.jpg', 0, 'attachment', 'image/jpeg', 0),
(29571, 4, '2015-05-24 20:32:22', '2015-05-24 11:32:22', '', 'profile-import', '個人のプロフィールをインポート', 'inherit', 'open', 'closed', '', 'profile-import', '', '', '2015-05-24 20:33:58', '2015-05-24 11:33:58', '', 29562, 'http://web-marketing.zako.org/images/2015/05/profile-import.jpg', 0, 'attachment', 'image/jpeg', 0),
(29709, 4, '2015-07-20 22:28:49', '2015-07-20 13:28:49', '', 'snicKer', '', 'inherit', 'open', 'closed', '', 'snicker-2', '', '', '2015-07-20 22:29:04', '2015-07-20 13:29:04', '', 29707, 'http://web-marketing.zako.org/images/2015/07/snicKer.jpg', 0, 'attachment', 'image/jpeg', 0),
(29710, 4, '2015-07-20 22:28:50', '2015-07-20 13:28:50', '', 'snicKer-tweet', 'コメントを添えてソーシャルメディアへ投稿。', 'inherit', 'open', 'closed', '', 'snicker-tweet', '', '', '2015-07-20 22:29:40', '2015-07-20 13:29:40', '', 29707, 'http://web-marketing.zako.org/images/2015/07/snicKer-tweet.jpg', 0, 'attachment', 'image/jpeg', 0),
(29711, 4, '2015-07-20 22:28:51', '2015-07-20 13:28:51', '', 'snicKer-social', '投稿するソーシャルメディアを選択。', 'inherit', 'open', 'closed', '', 'snicker-social', '', '', '2015-07-20 22:29:33', '2015-07-20 13:29:33', '', 29707, 'http://web-marketing.zako.org/images/2015/07/snicKer-social.jpg', 0, 'attachment', 'image/jpeg', 0),
(29712, 4, '2015-07-20 22:28:53', '2015-07-20 13:28:53', '', 'snicKer-crop', '写真を選んで切り抜く。', 'inherit', 'open', 'closed', '', 'snicker-crop', '', '', '2015-07-20 22:29:28', '2015-07-20 13:29:28', '', 29707, 'http://web-marketing.zako.org/images/2015/07/snicKer-crop.jpg', 0, 'attachment', 'image/jpeg', 0),
(29713, 4, '2015-07-20 22:28:54', '2015-07-20 13:28:54', '', 'snicKer-img-full', 'このように全体像を見られるわけです。', 'inherit', 'open', 'closed', '', 'snicker-img-full', '', '', '2015-07-20 22:29:18', '2015-07-20 13:29:18', '', 29707, 'http://web-marketing.zako.org/images/2015/07/snicKer-img-full.jpg', 0, 'attachment', 'image/jpeg', 0),
(29714, 4, '2015-07-20 22:28:55', '2015-07-20 13:28:55', '', 'snicKer-img', 'こんな画像を見せられたら、何が起きているのか気になってしまいますが、投稿されているリンクをクリックすると、', 'inherit', 'open', 'closed', '', 'snicker-img', '', '', '2015-07-20 22:29:13', '2015-07-20 13:29:13', '', 29707, 'http://web-marketing.zako.org/images/2015/07/snicKer-img.jpg', 0, 'attachment', 'image/jpeg', 0),
(29707, 4, '2015-07-21 00:52:20', '2015-07-20 15:52:20', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/07/snicKer.jpg\" alt=\"snicKer\" width=\"592\" height=\"304\" class=\"alignnone size-full wp-image-29709\" /></p>\r\n<p>続きを見たくさせる仕掛けって、全てを見せるわけではなく、その一部分だけを見せておいて、「続きを読む」という誘導を設けると思います。画像だって同じことで、何かすごいことが起こっていそうなんだけど、その画像だけでは何が起きているのか判断できずに、全体像をみたくなるってことがありますよね。</p>\r\n<p>そんな心理をうまく使えるサービスを、今回はご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">切り抜いた画像を投稿できるAndroidアプリ「snicKer」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://play.google.com/store/apps/details?id=com.snicker\">snicKer</a>」は、<strong>画像の一部分だけをソーシャルメディアへ投稿し、切り抜く前の画像へのリンクを付けてくれるAndroidアプリ。</strong></p>\r\n<p>たとえばですけど、</p>\r\n[caption id=\"attachment_29714\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/snicKer-img.jpg\" alt=\"こんな画像を見せられたら、何が起きているのか気になってしまいますが、投稿されているリンクをクリックすると、\" width=\"592\" height=\"457\" class=\"size-full wp-image-29714\" /> こんな画像を見せられたら、何が起きているのか気になってしまいますが、投稿されているリンクをクリックすると、[/caption]\r\n\r\n[caption id=\"attachment_29713\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/snicKer-img-full.jpg\" alt=\"このように全体像を見られるわけです。\" width=\"592\" height=\"457\" class=\"size-full wp-image-29713\" /> このように全体像を見られるわけです。[/caption]\r\n\r\n<h4 class=\"tips\">写真を切り抜いてソーシャルメディアへ投稿</h4>\r\n[caption id=\"attachment_29711\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/snicKer-social.jpg\" alt=\"投稿するソーシャルメディアを選択。\" width=\"592\" height=\"457\" class=\"size-full wp-image-29711\" /> 投稿するソーシャルメディアを選択。[/caption]\r\n<p>アプリを立ち上げて、まず連携するソーシャルメディアを選択します。このアプリで使う画像はすべてimgurとう画像投稿サービスに投稿されるので、このサービスのアカウントも連携させておくと良さそうです。</p>\r\n\r\n[caption id=\"attachment_29712\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/snicKer-crop.jpg\" alt=\"写真を選んで切り抜く。\" width=\"592\" height=\"457\" class=\"size-full wp-image-29712\" /> 写真を選んで切り抜く。[/caption]\r\n<p>つぎに、スマホから写真を選ぶか、カメラで写真を撮るかして、投稿する画像を選択。そして投稿したい部分だけ、画像を切り抜きます。</p>\r\n\r\n[caption id=\"attachment_29710\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/snicKer-tweet.jpg\" alt=\"コメントを添えてソーシャルメディアへ投稿。\" width=\"592\" height=\"457\" class=\"size-full wp-image-29710\" /> コメントを添えてソーシャルメディアへ投稿。[/caption]\r\n<p>最後に、画像にコメントを添えて、投稿したいソーシャルメディアを選択すれば投稿完了。</p>\r\n\r\n<p>このとき「Post cropped image only」にチェックを入れておけば、切り抜く前の画像へのリンクがなくなりますので、違った誘導の仕方もできそうですね。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://play.google.com/store/apps/details?id=com.snicker\">snicKer social photo crop tool - Google Play の Android アプリ</a>のページでアプリをインストールしてください。</p>\r\n\r\n<p>このアプリ、連携する画像の投稿サービスをimgur以外で選択できたり、切り抜く前の画像のページだけに表示するコメントも付けられると、よりいっそう面白くなりそうです。</p>\r\n', '思わず続きを見たくなる写真をソーシャルメディアへ投稿できるAndroidアプリ「snicKer」', '気になって仕方がない画像を投稿して、画像投稿サイトへと誘導するおもしろ発想のAndroidアプリ。', 'publish', 'open', 'closed', '', 'snicker', '', '', '2015-07-21 00:52:20', '2015-07-20 15:52:20', '', 0, 'http://web-marketing.zako.org/?p=29707', 0, 'post', '', 0),
(29700, 4, '2015-07-12 19:03:03', '2015-07-12 10:03:03', '', 'gffy2', '', 'inherit', 'open', 'closed', '', 'gffy2', '', '', '2015-07-12 19:03:03', '2015-07-12 10:03:03', '', 29695, 'http://web-marketing.zako.org/images/2015/07/gffy2.gif', 0, 'attachment', 'image/gif', 0),
(29701, 4, '2015-07-12 19:12:55', '2015-07-12 10:12:55', '', 'setting-gffy', '出力するファイルの解像度やフレームの数なども設定することができます。', 'inherit', 'open', 'closed', '', 'setting-gffy', '', '', '2015-07-12 19:13:08', '2015-07-12 10:13:08', '', 29695, 'http://web-marketing.zako.org/images/2015/07/setting-gffy.png', 0, 'attachment', 'image/png', 0),
(29702, 4, '2015-07-12 19:12:56', '2015-07-12 10:12:56', '', 'ramen-gffy', '背景画像を追加して、文字をその上に載せることも可能です。', 'inherit', 'open', 'closed', '', 'ramen-gffy', '', '', '2015-07-12 19:13:02', '2015-07-12 10:13:02', '', 29695, 'http://web-marketing.zako.org/images/2015/07/ramen-gffy.png', 0, 'attachment', 'image/png', 0),
(29695, 4, '2015-07-13 00:07:24', '2015-07-12 15:07:24', '<img src=\"http://cdn.zako.org/images/2015/07/gffy.gif\" alt=\"Gffyで作成したGIFアニメーション\" width=\"640\" height=\"353\" class=\"size-full wp-image-29696\" />\r\n<p>イラストを描いたり、なにか重要なメッセージをシェアするときに、GIFアニメを使うと、より強烈なメッセージ性を持たせることが期待できますよね。</p>\r\n<p>今回は、Android上で手書きしたものをGIFアニメ化して共有できるアプリをご紹介します。</p>\r\n\r\n<!--more-->\r\n<h3 class=\"header-label\">手書きしたものをGIFアニメ化してシェアできる「Gffy」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://play.google.com/store/apps/details?id=eli.dayosoft.com.eli\">Gffy</a>」は、<strong>Androidアプリ上で手書きした筆跡を録画して、GIFアニメーション化したGIF画像をシェアできるアプリ。</strong></p>\r\n<p>テキストだけでソーシャルメディアへ投稿するよりも、よりメッセージ性を高めたいという場合にも使えそうなものになっています。</p>\r\n\r\n<h4 class=\"tips\">手書きした経緯を録画してシェア</h4>\r\n<img src=\"http://cdn.zako.org/images/2015/07/gffy2.gif\" alt=\"gffy2\" width=\"640\" height=\"353\" class=\"alignnone size-full wp-image-29700\" />\r\n<p>スマホアプリ上で手書きした内容を録画し、GIFアニメーションに変換して共有することができます。</p>\r\n\r\n\r\n[caption id=\"attachment_29702\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/ramen-gffy.png\" alt=\"背景画像を追加して、文字をその上に載せることも可能です。\" width=\"592\" height=\"333\" class=\"size-full wp-image-29702\" /> 背景画像を追加して、文字をその上に載せることも可能です。[/caption]\r\n<p>画像に手描きでアニメーション効果を加えてアップするのも、より面白いかもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">MP4形式での出力も可能</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/3Zw0aUUUfl4\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>MP4形式で出力したアニメーションをYouTubeにアップしたもの。サービスの紹介動画などで手書きで商品の説明をしていることがあるかと思いますが、その紹介動画の素材として使うという考え方もできそうですね。</p>\r\n\r\n[caption id=\"attachment_29701\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/setting-gffy.png\" alt=\"出力するファイルの解像度やフレームの数なども設定することができます。\" width=\"592\" height=\"330\" class=\"size-full wp-image-29701\" /> 出力するファイルの解像度やフレームの数なども設定することができます。[/caption]\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<p>このデモ動画をみていただくのが、一番伝わりやすいかもしれません。</p>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/zQi-30XeMo8\" frameborder=\"0\" allowfullscreen></iframe>\r\n\r\n<p>一度書いた後に、書き直したいところまで戻り、その位置から書き直せるようになっているのがわかると思います。（ただし、プログレスバーを戻して書き換えると、一番最後からその位置までの部分は消えてしまうのでご注意を。）</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://play.google.com/store/apps/details?id=eli.dayosoft.com.eli\">Gffy</a>のページからAndroidアプリをインストールしてください。</p>\r\n\r\n<a href=\"https://play.google.com/store/apps/details?id=eli.dayosoft.com.eli\">\r\n  <img alt=\"Get it on Google Play\"\r\n       src=\"https://developer.android.com/images/brand/ja_generic_rgb_wo_45.png\" />\r\n</a>\r\n\r\n', 'スマホで手描きした内容をGIFアニメにしてシェアできるAndroidアプリ「Gffy」', '', 'publish', 'open', 'closed', '', 'gffy', '', '', '2015-07-13 00:07:24', '2015-07-12 15:07:24', '', 0, 'http://web-marketing.zako.org/?p=29695', 0, 'post', '', 0),
(29696, 4, '2015-07-12 18:30:29', '2015-07-12 09:30:29', '', 'gffy', 'Gffyで作成したGIFアニメーション', 'inherit', 'open', 'closed', '', 'gffy-2', '', '', '2015-07-12 18:34:00', '2015-07-12 09:34:00', '', 29695, 'http://web-marketing.zako.org/images/2015/07/gffy.gif', 0, 'attachment', 'image/gif', 0),
(29691, 4, '2015-07-05 19:55:57', '2015-07-05 10:55:57', '', 'yoke-twitter', 'Twitterの過去一週間の投稿を表示させたもの。', 'inherit', 'open', 'closed', '', 'yoke-twitter', '', '', '2015-07-05 19:56:17', '2015-07-05 10:56:17', '', 29685, 'http://web-marketing.zako.org/images/2015/07/yoke-twitter.jpg', 0, 'attachment', 'image/jpeg', 0),
(29626, 4, '2015-06-01 01:02:26', '2015-05-31 16:02:26', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/06/boon.jpg\" alt=\"Boon\" width=\"592\" height=\"186\" class=\"alignnone size-full wp-image-29627\" /></p>\r\n<p>ベンチャー企業にありがちな、局所的に人手が足りないという状況。この状況を乗り切るために、重要度の高い仕事を放り投げて、緊急度の高い作業をおこなうことも多いと思います。</p>\r\n<p>そういったときのために社内に人手があれば良いのですが、なかなかそんな余裕があるわけでもありませんよね。そんな時に助かりそうな、海外のオンデマンド人材派遣サービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">必要なときに必要なだけスタッフをアサインできる「Boon」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://tryboon.com/\">Boon</a>」は、必要なときに経営陣のアシスタントや受付、ソーシャルメディア運営補助、データ入力、あるいは顧客サポートなどといった<strong>事務作業ができる人を、時給18ドルでアサインすることができる米国内のサービス。</strong></p>\r\n\r\n<p>アサインする際に個人の評価も見ることができ、そのまま手伝って欲しい日時を指定することができます。</p>\r\n\r\n<h4 class=\"tips\">Boonの利用手順</h4>\r\n<p>日本国内では使えませんが、このように人手を探せるんだという参考までに。</p>\r\n\r\n<h5 class=\"tips\">1.探す</h5>\r\n[caption id=\"attachment_29630\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/boon1.png\" alt=\"仕事を依頼する人を探す\" width=\"592\" height=\"445\" class=\"size-full wp-image-29630\" /> 仕事を依頼する人を探す[/caption]\r\n<p>地域ごとに絞り込んで人を探すことができ、その検索結果には個別に評価が表示されています。</p>\r\n\r\n<h5 class=\"tips\">2.見つける</h5>\r\n[caption id=\"attachment_29629\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/boon2.png\" alt=\"合いそうな人を見つける\" width=\"592\" height=\"445\" class=\"size-full wp-image-29629\" /> 合いそうな人を見つける[/caption]\r\n<p>評価とプロフィールを参考に、依頼したい仕事に合いそうな人を見つけます。</p>\r\n\r\n<h5 class=\"tips\">3.採用する</h5>\r\n[caption id=\"attachment_29628\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/boon3.png\" alt=\"出勤して欲しい日時を指定する\" width=\"592\" height=\"445\" class=\"size-full wp-image-29628\" /> 出勤して欲しい日時を指定する[/caption]\r\n<p>採用を決めた時点で、仕事を手伝って欲しい日時と日数、そして労働時間を指定することができます。金額も時給18ドルと決まっているので、良さそうな人さえ見つかれば、ここまであっという間にできてしまいそうですね。</p>\r\n\r\n<p>採用される側の人は、週ごとにBoonから報酬を支払われるようで、お金周りの手間もかなり省けそうですよね。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://tryboon.com/\">Boon</a>へどうぞ。</p>\r\n\r\n<p>ベンチャーにいると、その道のプロを探すことには一生懸命ですが、事務作業に対する人手不足のために、本来自分たちがやるべきでない作業に時間を取られていることに対しては、意外と見落としがち、あるいは致し方ないと済ましている状態ではないでしょうか。そうすべきではないと思えた時に、このようなオンデマンドのサービスがあると非常に助かりそうですね。</p>', '必要なときに時給18ドルでスタッフをアサインできる「Boon」', '作業が溢れてしまった時に必要に応じて人材を派遣してくれる米国の人材マッチングサービス。', 'publish', 'open', 'closed', '', 'on-demand-staffing-boon', '', '', '2015-06-01 01:02:26', '2015-05-31 16:02:26', '', 0, 'http://web-marketing.zako.org/?p=29626', 0, 'post', '', 0),
(29627, 4, '2015-06-01 00:55:13', '2015-05-31 15:55:13', '', 'boon', '', 'inherit', 'open', 'closed', '', 'boon', '', '', '2015-06-01 00:55:19', '2015-05-31 15:55:19', '', 29626, 'http://web-marketing.zako.org/images/2015/06/boon.jpg', 0, 'attachment', 'image/jpeg', 0),
(29628, 4, '2015-06-01 00:55:13', '2015-05-31 15:55:13', '', 'boon3', '出勤して欲しい日時を指定する', 'inherit', 'open', 'closed', '', 'boon3', '', '', '2015-06-01 00:55:27', '2015-05-31 15:55:27', '', 29626, 'http://web-marketing.zako.org/images/2015/06/boon3.png', 0, 'attachment', 'image/png', 0),
(29629, 4, '2015-06-01 00:55:14', '2015-05-31 15:55:14', '', 'boon2', '合いそうな人を見つける', 'inherit', 'open', 'closed', '', 'boon2', '', '', '2015-06-01 00:55:32', '2015-05-31 15:55:32', '', 29626, 'http://web-marketing.zako.org/images/2015/06/boon2.png', 0, 'attachment', 'image/png', 0),
(29630, 4, '2015-06-01 00:55:15', '2015-05-31 15:55:15', '', 'boon1', '仕事を依頼する人を探す', 'inherit', 'open', 'closed', '', 'boon1', '', '', '2015-06-01 00:55:43', '2015-05-31 15:55:43', '', 29626, 'http://web-marketing.zako.org/images/2015/06/boon1.png', 0, 'attachment', 'image/png', 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
(29634, 4, '2015-06-08 00:00:13', '2015-06-07 15:00:13', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/06/ganttpro.jpg\" alt=\"GanttPRO\" width=\"592\" height=\"254\" class=\"alignnone size-full wp-image-29644\" /></p>\r\n<p>オンラインでガントチャートを作成できるサービスにはさまざまなものがありますが、操作性の悪いものが多かったり、有料だったり、あるいは表示が重かったりと、なかなか手軽に使えるものが少ないというのが現状です。</p>\r\n<p>そこで今回ご紹介するのは、無料でかつ、操作性も良いガントチャート作成サービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">操作性に優れたガントチャートを使える「GanttPRO」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://ganttpro.com/en/\">GanttPRO</a>」は、<strong>無料でガントチャートを作成できるオンラインサービス。</strong></p>\r\n<p><del datetime=\"2015-06-21T05:53:04+00:00\">部分的に日本語入力の制限があるものの、</del>この操作性の良さはくせになりそうです。</p>\r\n<p class=\"desc\">2015年6月21日追記：今回のアップデートで、日本語にも対応してくれました。</p>\r\n\r\n<h4 class=\"tips\">作成したガントチャートのサンプル</h4>\r\n[caption id=\"attachment_29638\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-chart.jpg\" alt=\"作成したガントチャート。\" width=\"592\" height=\"292\" class=\"size-full wp-image-29638\" /> 作成したガントチャート。[/caption]\r\n<p>ガントチャートのリンクを共有すれば、閲覧モードか編集モードで共有することができます。</p>\r\n<p class=\"desc\">サンプル：<a target=\"_blank\" href=\"http://app.ganttpro.com/shared/token/7b33d8646172b4783446aaeea434247b8b060673651dc7bf246ece60627a5f13\">閲覧権限のみで共有したガントチャート</a> </p>\r\n\r\n<h4 class=\"tips\">直感的かつカンタンな操作で作成可能</h4>\r\n[caption id=\"attachment_29643\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-operation.jpg\" alt=\"シンプルなUIで操作性も抜群。\" width=\"592\" height=\"367\" class=\"size-full wp-image-29643\" /> シンプルなUIで操作性も抜群。[/caption]\r\n<p>サブタスクの作成やマイルストーンの追加など、マウス操作でクリックした部分をどこからでも編集できるようになっているのも使いやすさのひとつ。この手のツールでは結構操作に迷うことが多いのですが、迷うことなく編集をサクサクおこなえてしまいます。</p>\r\n\r\n[caption id=\"attachment_29642\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-operation2.jpg\" alt=\"ガントチャートの部分をダブルクリックすることでも、編集画面が開きます。ここでマイルストーンをタスクに変更するといった操作も可能。\" width=\"592\" height=\"335\" class=\"size-full wp-image-29642\" /> ガントチャートの部分をダブルクリックすることでも、編集画面が開きます。ここでマイルストーンをタスクに変更するといった操作も可能。[/caption]\r\n\r\n[caption id=\"attachment_29641\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-create.jpg\" alt=\"新規作成時に、採用活動やプロダクトリリースなどのテンプレートを選択して作成することも可能。見本を参考にしながら作成することもできます。\" width=\"592\" height=\"533\" class=\"size-full wp-image-29641\" /> 新規作成時に、採用活動やプロダクトリリースなどのテンプレートを選択して作成することも可能。見本を参考にしながら作成することもできます。[/caption]\r\n\r\n<h4 class=\"tips\">複数のガントチャートをタブで管理</h4>\r\n[caption id=\"attachment_29640\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-tabs.jpg\" alt=\"タブでプロジェクトを分けられる。\" width=\"592\" height=\"98\" class=\"size-full wp-image-29640\" /> タブでプロジェクトを分けられる。[/caption]\r\n<p>ガントチャートは複数作成可能で、かつタブで管理されるので、複数のプロジェクトを抱えているような人でもすぐに切り替えて管理することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">担当者を追加できる</h4>\r\n[caption id=\"attachment_29639\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-assign.jpg\" alt=\"予め担当者名を追加しておいてタスクをアサイン。\" width=\"592\" height=\"433\" class=\"size-full wp-image-29639\" /> 予め担当者名を追加しておいてタスクをアサイン。[/caption]\r\n<p>アカウントを追加して、リソースごとにアカウントが割り当てられるようなものではありませんが、担当者名を追加してタスクをアサインすることができます。</p>\r\n\r\n<h4 class=\"tips\">担当者ごとにソートできる</h4>\r\n[caption id=\"attachment_29637\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/ganttpro-member.jpg\" alt=\"担当ごとに階層化した表示。\" width=\"592\" height=\"610\" class=\"size-full wp-image-29637\" /> 担当ごとに階層化した表示。[/caption]\r\n<p>タスクベースではなく、アサインした担当ベースでソートすることも可能。エクセルで管理するよりも、リソース面のボトルネックを把握しやすそうで良いですね。</p>\r\n\r\n<h4 class=\"tips\">ガントチャートをエクスポートできる</h4>\r\n<p>プロジェクトの業務に関わっているひとならばWEBの画面で確認すればよいでしょうが、なかなかそれでは伝えられない相手も存在するはず。そういった場合には、エクスポート機能を使って、相手に合わせて共有しやすいフォーマットに変換することができます。</p>\r\n\r\n\r\n<h5 class=\"tips\">XLSX形式</h5>\r\n<iframe src=\"https://docs.google.com/spreadsheets/d/1_leXcjRWxmwmOV-o4EFMi_VpHy41-zeOa_SA0zYJhLg/pubhtml?gid=1498846523&amp;single=true&amp;widget=true&amp;headers=false\"></iframe>\r\n<p>プロジェクト名がファイル名になったエクセル形式でエクスポートできます。別の観点から集計をおこないたいときなどにも使えそうですね。</p>\r\n\r\n<h5 class=\"tips\">PDF</h5>\r\n<iframe src=\"https://docs.google.com/file/d/0B3vqpQISkWN-Z290aFZ4Rm01SW8/preview\" width=\"100%\" height=\"260\"></iframe>\r\n<p>シンプルにガントチャートそのものを共有したいときに使えそうなPDF。無駄な領域を省き、内容がある部分だけがPDFになります。</p>\r\n\r\n<h5 class=\"tips\">画像</h5>\r\n[caption id=\"attachment_29636\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/gantt.png\" alt=\"PNG形式でエクスポートしたもの。\" width=\"592\" height=\"212\" class=\"size-full wp-image-29636\" /> PNG形式でエクスポートしたもの。[/caption]\r\n<p>画像形式でもエクスポート可能。プロジェクトのリリースノートに貼っつける、なんてときにも便利そうです。</p>\r\n\r\n<h5 class=\"tips\">iCal</h5>\r\n[caption id=\"attachment_29635\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/gantt-ical.png\" alt=\"iCal形式のファイルをGoogleカレンダーにインポートしたもの。\" width=\"592\" height=\"228\" class=\"size-full wp-image-29635\" /> iCal形式のファイルをGoogleカレンダーにインポートしたもの。[/caption]\r\n<p>iClal形式でエクスポートすれば、社内で使っているカレンダーツールに反映することも可能。これならば多くの局面において、計画を共有しやすそうですね。計画を共有した、してないなんて生産性のない話にもなりにくいでしょう。</p>\r\n\r\n\r\n<p><del datetime=\"2015-06-21T05:55:53+00:00\">使いやすさは抜群なのですが、残念ながらプロジェクト名と担当者名に日本語を使うことができません。タスクは日本語でも追加できるので、このあたりを改善してもらえると非常に嬉しいですね。お願いはしてみましたが。</del></p>\r\n<p class=\"desc\">2015年6月8日追記：次回のアップデート（今週中の予定）で日本語入力にも対応してくれるそうです。<br />\r\n2015年6月21日追記：今回のアップデートで、日本語にも対応してくれました。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://ganttpro.com/en/\">GanttPRO</a>へどうぞ。</p>', '無料で操作性の良いガントチャートを作れる「GanttPRO」', 'プロジェクト管理に欠かしたくないガントチャートを、無料かつ高い操作性で使うことができるオンラインサービス。', 'publish', 'open', 'closed', '', 'ganttpro', '', '', '2015-06-21 14:56:51', '2015-06-21 05:56:51', '', 0, 'http://web-marketing.zako.org/?p=29634', 0, 'post', '', 0),
(29635, 4, '2015-06-07 22:31:32', '2015-06-07 13:31:32', '', 'gantt-ical', 'iCal形式のファイルをGoogleカレンダーにインポートしたもの。', 'inherit', 'open', 'closed', '', 'gantt-ical', '', '', '2015-06-07 22:33:01', '2015-06-07 13:33:01', '', 29634, 'http://web-marketing.zako.org/images/2015/06/gantt-ical.png', 0, 'attachment', 'image/png', 0),
(29636, 4, '2015-06-07 22:31:33', '2015-06-07 13:31:33', '', 'gantt', 'PNG形式でエクスポートしたもの。', 'inherit', 'open', 'closed', '', 'gantt', '', '', '2015-06-07 22:32:55', '2015-06-07 13:32:55', '', 29634, 'http://web-marketing.zako.org/images/2015/06/gantt.png', 0, 'attachment', 'image/png', 0),
(29637, 4, '2015-06-07 22:31:35', '2015-06-07 13:31:35', '', 'ganttpro-member', '担当ごとに階層化した表示。', 'inherit', 'open', 'closed', '', 'ganttpro-member', '', '', '2015-06-07 22:32:44', '2015-06-07 13:32:44', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-member.jpg', 0, 'attachment', 'image/jpeg', 0),
(29638, 4, '2015-06-07 22:31:36', '2015-06-07 13:31:36', '', 'ganttpro-chart', '作成したガントチャート。', 'inherit', 'open', 'closed', '', 'ganttpro-chart', '', '', '2015-06-07 22:31:55', '2015-06-07 13:31:55', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-chart.jpg', 0, 'attachment', 'image/jpeg', 0),
(29639, 4, '2015-06-07 22:31:37', '2015-06-07 13:31:37', '', 'ganttpro-assign', '予め担当者名を追加しておいてタスクをアサイン。', 'inherit', 'open', 'closed', '', 'ganttpro-assign', '', '', '2015-06-07 22:32:37', '2015-06-07 13:32:37', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-assign.jpg', 0, 'attachment', 'image/jpeg', 0),
(29640, 4, '2015-06-07 22:31:38', '2015-06-07 13:31:38', '', 'ganttpro-tabs', 'タブでプロジェクトを分けられる。', 'inherit', 'open', 'closed', '', 'ganttpro-tabs', '', '', '2015-06-07 22:32:29', '2015-06-07 13:32:29', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-tabs.jpg', 0, 'attachment', 'image/jpeg', 0),
(29641, 4, '2015-06-07 22:31:39', '2015-06-07 13:31:39', '', 'ganttpro-create', '新規作成時に、採用活動やプロダクトリリースなどのテンプレートを選択して作成することも可能。見本を参考にしながら作成することもできます。', 'inherit', 'open', 'closed', '', 'ganttpro-create', '', '', '2015-06-07 22:32:23', '2015-06-07 13:32:23', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-create.jpg', 0, 'attachment', 'image/jpeg', 0),
(29642, 4, '2015-06-07 22:31:41', '2015-06-07 13:31:41', '', 'ganttpro-operation2', 'ガントチャートの部分をダブルクリックすることでも、編集画面が開きます。ここでマイルストーンをタスクに変更するといった操作も可能。', 'inherit', 'open', 'closed', '', 'ganttpro-operation2', '', '', '2015-06-07 22:32:17', '2015-06-07 13:32:17', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-operation2.jpg', 0, 'attachment', 'image/jpeg', 0),
(29643, 4, '2015-06-07 22:31:42', '2015-06-07 13:31:42', '', 'ganttpro-operation', 'シンプルなUIで操作性も抜群。', 'inherit', 'open', 'closed', '', 'ganttpro-operation', '', '', '2015-06-07 22:32:09', '2015-06-07 13:32:09', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro-operation.jpg', 0, 'attachment', 'image/jpeg', 0),
(29644, 4, '2015-06-07 22:31:43', '2015-06-07 13:31:43', '', 'ganttpro', '', 'inherit', 'open', 'closed', '', 'ganttpro-2', '', '', '2015-06-07 22:32:01', '2015-06-07 13:32:01', '', 29634, 'http://web-marketing.zako.org/images/2015/06/ganttpro.jpg', 0, 'attachment', 'image/jpeg', 0),
(29656, 4, '2015-06-21 02:34:05', '2015-06-20 17:34:05', '<h4 class=\"tips\">お問い合わせフォーム</h4>    \r\n\r\n<p>お名前 (※必須)<br />\r\n    [text* your-name] </p>\r\n\r\n<p>ご連絡先メールアドレス (※必須)<br />\r\n    [email* your-email] </p>\r\n\r\n<p>お持ちのサイトのURL<br />\r\n    [url url-243] </p>\r\n\r\n<p>お問い合わせ内容 (※必須)<br />\r\n    [textarea* your-message] </p>\r\n    \r\n[recaptcha]\r\n\r\n<p>[submit \"送信\"]</p>\nWEBマブのお問い合わせを受け付けました。\n[your-name] <wordpress@web-marketing.zako.org>\nFrom: [your-name] <[your-email]>\r\n\r\nお持ちのサイトのURL：[url-243]\r\n\r\nお問い合わせ内容：\r\n[your-message]\r\n\r\n--\r\nThis e-mail was sent from a contact form on WEBマーケティング ブログ (http://web-marketing.zako.org)\nsigeos15+webm@gmail.com\nReply-To: [your-email]\n\n\n\n1\n【WEBマーケティングブログ】お問い合わせを受け付けました。\nWEBマーケティング ブログ <wordpress@web-marketing.zako.org>\n[your-name]さま\r\n\r\nお世話になります、WEBマーケティングブログのsigeo（村重）と申します。\r\n\r\nこのたびは、お問い合わせフォームよりご連絡をいただき誠にありがとうございました。\r\n\r\n以下の内容にて、お問い合わせを承りましたので、ご連絡をいたしました。\r\nご確認の程、よろしくお願い致します。\r\n\r\nお持ちのサイトのURL：[url-243]\r\n\r\nお問い合わせ内容：\r\n[your-message]\r\n\r\n--------------------------------------------------------------------------------------------\r\n\r\nWEBマーケティングブログ\r\nName  ：sigeo （村重 淳一）\r\nE-mail ：info@web-marketing.in\r\nURL  ：http://web-marketing.zako.org/\r\nTwitter：http://twitter.com/web__marketing\r\nFacebook：http://www.facebook.com/junichi.murashige\r\n\r\n★新たなチャレンジをすべく、2014年1月よりスタートアップ企業に合流しました！\r\n      士業専門のWebサービスを展開する株式会社マイト\r\n      http://www.mate-en.com/\r\n\r\n★バケーションレンタル事業を展開するスタートアップにて、\r\nグロースハックを担当しています。\r\n      http://www.givacation.co.jp/\r\n\r\n--------------------------------------------------------------------------------------------\r\nThis e-mail was sent from a contact form on WEBマーケティング ブログ (http://web-marketing.zako.org)\n[your-email]\nReply-To: sigeos15@gmail.com\n\n\n\nお問い合わせを承りました。ありがとうございます。\nFailed to send your message. Please try later or contact the administrator by another method.\n入力内容に不備があります。確認してもう一度送信してください。\nメッセージの送信に失敗しました。間をおいてもう一度お試しいただくか、別の手段で管理者にお問い合わせ下さい。\n進めるには条項の承諾が必要です。\n必須項目に記入もれがあります。\nThis input is too long.\nThis input is too short.\n入力されたコードが正しくありません。\n数値の形式が正しくないようです。\n数値が小さすぎます。\n数値が大きすぎます。\nメールアドレスの形式が正しくないようです。\nURL の形式が正しくないようです。\n電話番号の形式が正しくないようです。\n答えが正しくありません。\n日付の形式が正しくないようです。\n日付が早すぎます。\n日付が遅すぎます。\nファイルのアップロードに失敗しました。\n許可されていないファイル形式です。\nファイルが大きすぎます。\nファイルのアップロードに失敗しました。エラーが発生しています。', 'お問い合わせフォーム', '', 'publish', 'open', 'closed', '', 'contact-form-1', '', '', '2016-08-23 16:06:32', '2016-08-23 07:06:32', '', 0, 'http://web-marketing.zako.org/?post_type=wpcf7_contact_form&#038;p=29656', 0, 'wpcf7_contact_form', '', 0),
(29663, 4, '2015-06-22 00:03:33', '2015-06-21 15:03:33', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/06/slemma.png\" alt=\"slemma\" width=\"592\" height=\"336\" class=\"alignnone size-full wp-image-29669\" /></p>\r\n<p>誰かを説得するためのアウトプットを作成するためには、さまざまなデータソースを集めてそれらを集約し、論理建てていくことがあると思います。その工数は、生半可なものではないことも多々あるかと。</p>\r\n<p>今回は、そのさまざまなデータソースからグラフや1枚ものの企画書を作成する手助けとなりそうなツールをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">一枚企画書やグラフをGoogle ドライブやDropboxなどからインポートして作成できる「Slemma」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://slemma.com/\">Slemma</a>」は、<strong>エクセルやGoogleドライブなどのツールからデータをインポートして、グラフやインフォグラフィックス（一枚企画書のようなもの）を作成できる</strong>オンラインサービス。</p>\r\n<p>直接データを入力してグラフ化することも可能で、作成したグラフや一枚企画書をリンクで共有したり、サイトに埋め込んだりすることもできます。</p>\r\n\r\n<h4 class=\"tips\">埋め込みグラフのサンプル</h4>\r\n<iframe width=\"100%\" height=\"650\" src=\"https://slemma.com/share/ae9756da13070ceb520f89753a52718f22084d49\" frameborder=\"0\" allowfullscreen></iframe>\r\n\r\n<p>このサンプルグラフは、Slemmaの画面上で直接データを打ち込んで作成したものです。作成している画面は以下。</p>\r\n[caption id=\"attachment_29667\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/new-chart.png\" alt=\"直接入力して作成している画面。\" width=\"592\" height=\"257\" class=\"size-full wp-image-29667\" /> 直接入力して作成している画面。[/caption]\r\n<p>エクセルなどの元データがなくても、このように直接画面上で作成することも可能です。</p>\r\n\r\n<h4 class=\"tips\">エクセルやGoogleドライブからインポート</h4>\r\n[caption id=\"attachment_29670\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/slemma-import.png\" alt=\"インポート可能なサービスの一覧。\" width=\"592\" height=\"385\" class=\"size-full wp-image-29670\" /> インポート可能なサービスの一覧。[/caption]\r\n<p>もともとGoogleスプレッドシートやエクセルなどでデータをまとめている場合は、データをインポートすることも可能です。</p>\r\n\r\n<p>連携してインポートに対応するサービスには、Googleドライブ、Dropbox、そしてOneDriveがあり、他には有料版とはなりますが、GoogleアナリティクスやMysqlなどといったものにも対応をしています。有料版では定期的にデータを同期してくれる機能もあるようです。</p>\r\n\r\n<h4 class=\"tips\">インフォグラフィックスのように企画書を作れる</h4>\r\n[caption id=\"attachment_29668\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/slemma-dashboard.png\" alt=\"インフォグラフィックスのサンプル。\" width=\"592\" height=\"561\" class=\"size-full wp-image-29668\" /> インフォグラフィックスのサンプル。[/caption]\r\n<p>インフォグラフィックスといえば、データを視覚化して、一枚の画像で訴えかけてくるもの。それと同様のことを実現できる機能も備えています。</p>\r\n<p>さまざまな観点から導き出したデータを、的確な方法でグラフ化、視覚化することによって、よりわかりやすくなり、相手を説得し易い状況を作り出せそうですね。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://slemma.com/infographics/32716\">インフォグラフィックスのサンプル</a></p>\r\n\r\n<p>この1枚企画書を作成できるダッシュボードは、本当に自由度が高く、複数のデータソースからさまざまなグラフや視覚化データを表現して、企画書にまとめることができます。</p>\r\n\r\n[caption id=\"attachment_29666\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/slemma-dashboard-create.png\" alt=\"1枚企画書の作成画面「ダッシュボード」。\" width=\"592\" height=\"329\" class=\"size-full wp-image-29666\" /> 1枚企画書の作成画面「ダッシュボード」。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://slemma.com/\">Slemma</a>へどうぞ。</p>\r\n', '美しいグラフや1枚企画書をエクセルやGoogleドライブなどからインポートして作れる「Slemma」', '手軽に美しいグラフを使った、1枚ものの企画書を作成できるオンラインツール。', 'publish', 'open', 'closed', '', 'slemma', '', '', '2015-06-22 00:03:33', '2015-06-21 15:03:33', '', 0, 'http://web-marketing.zako.org/?p=29663', 0, 'post', '', 0),
(29666, 4, '2015-06-21 16:28:25', '2015-06-21 07:28:25', '', 'slemma-dashboard-create', '1枚企画書の作成画面「ダッシュボード」。', 'inherit', 'open', 'closed', '', 'slemma-dashboard-create', '', '', '2015-06-21 16:29:08', '2015-06-21 07:29:08', '', 29663, 'http://web-marketing.zako.org/images/2015/06/slemma-dashboard-create.png', 0, 'attachment', 'image/png', 0),
(29667, 4, '2015-06-21 16:28:26', '2015-06-21 07:28:26', '', 'new-chart', '直接入力して作成している画面。', 'inherit', 'open', 'closed', '', 'new-chart', '', '', '2015-06-21 16:28:39', '2015-06-21 07:28:39', '', 29663, 'http://web-marketing.zako.org/images/2015/06/new-chart.png', 0, 'attachment', 'image/png', 0),
(29668, 4, '2015-06-21 16:28:28', '2015-06-21 07:28:28', '', 'slemma-dashboard', 'インフォグラフィックスのサンプル。', 'inherit', 'open', 'closed', '', 'slemma-dashboard', '', '', '2015-06-21 16:28:58', '2015-06-21 07:28:58', '', 29663, 'http://web-marketing.zako.org/images/2015/06/slemma-dashboard.png', 0, 'attachment', 'image/png', 0),
(29669, 4, '2015-06-21 16:28:29', '2015-06-21 07:28:29', '', 'slemma', '', 'inherit', 'open', 'closed', '', 'slemma-2', '', '', '2015-06-21 16:29:12', '2015-06-21 07:29:12', '', 29663, 'http://web-marketing.zako.org/images/2015/06/slemma.png', 0, 'attachment', 'image/png', 0),
(29670, 4, '2015-06-21 16:28:30', '2015-06-21 07:28:30', '', 'slemma-import', 'インポート可能なサービスの一覧。', 'inherit', 'open', 'closed', '', 'slemma-import', '', '', '2015-06-21 16:28:50', '2015-06-21 07:28:50', '', 29663, 'http://web-marketing.zako.org/images/2015/06/slemma-import.png', 0, 'attachment', 'image/png', 0),
(29675, 4, '2015-06-28 18:07:39', '2015-06-28 09:07:39', '', 'googpeplusbadge', '', 'inherit', 'open', 'closed', '', 'googpeplusbadge', '', '', '2015-06-28 18:07:39', '2015-06-28 09:07:39', '', 0, 'http://web-marketing.zako.org/images/2015/06/googpeplusbadge.png', 0, 'attachment', 'image/png', 0),
(29676, 4, '2015-06-29 00:19:49', '2015-06-28 15:19:49', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/06/mapiful.jpg\" alt=\"Mapiful\" width=\"592\" height=\"290\" class=\"alignnone size-full wp-image-29681\" /></p>\r\n<p>自分が好きな街の地図を、額縁に入れてインテリアにする人も多いと思います。しかし、ピンポイントで自分の好きな街のポスターに出会うことが、なかなかないということも多いですよね。</p>\r\n<p>そんなかたのために、自分で街を選び、カスタマイズしてポスターを注文できるサイトをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">自分の好きな街の地図を作成して注文できる「Mapiful 」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.mapiful.com/\">Mapiful</a>」は、<strong>ウェブ上で自分の好きな場所を選んでカスタマイズし、注文することができる</strong>スウェーデンのサービス。</p>\r\n<p>60ドル払えば、世界中どこでも送料無料でプリントしたポスターを送ってくれます。ポスターのサイズにはノルディックサイズとアメリカンサイズがあり、ノルディックサイズであればIKEAのフレームがピッタリだそうです。</p>\r\n\r\n<h4 class=\"tips\">好きな街の地図をポスターにできる</h4>\r\n[caption id=\"attachment_29680\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/mapiful-locaiton.jpg\" alt=\"地名で検索。\" width=\"592\" height=\"294\" class=\"size-full wp-image-29680\" /> 地名で検索。[/caption]\r\n<p>まず、自分の好きな街の地名を検索して、ポスターに印刷する場所を指定します。</p>\r\n\r\n[caption id=\"attachment_29679\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/mapiful-label.jpg\" alt=\"ポスターに印刷するラベルを編集。\" width=\"592\" height=\"301\" class=\"size-full wp-image-29679\" /> ポスターに印刷するラベルを編集。[/caption]\r\n<p>つぎに、印刷するラベルを編集します。</p>\r\n\r\n[caption id=\"attachment_29678\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/mapiful-customize.jpg\" alt=\"ポスターの向きやサイズ、テーマを選ぶ。\" width=\"592\" height=\"289\" class=\"size-full wp-image-29678\" /> ポスターの向きやサイズ、テーマを選ぶ。[/caption]\r\n<p>最後に地図のデザイン、サイズ、そして縦横を選べば作成完了。あとは配送先の設定とカードでの支払いをすませば、ポスターが送られてきます。</p>\r\n\r\n<p>印刷する紙は無光沢紙で、重さは200ｇだそうです。</p>\r\n[caption id=\"attachment_29677\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/06/mapiful-receive.jpg\" alt=\"このような状態で届くようです。\" width=\"592\" height=\"317\" class=\"size-full wp-image-29677\" /> このような状態で届くようです。[/caption]\r\n\r\n<p>興味があるかたは「<a target=\"_blank\" href=\"https://www.mapiful.com/\">Mapiful</a>」へどうぞ。</p>', '自分の好きな街の地図を美しいポスターにできる「Mapiful」', '自分の好きな国や都市、街の地図を使った美しいポスターを作れるサービス。', 'publish', 'open', 'closed', '', 'mapiful', '', '', '2015-06-29 00:19:49', '2015-06-28 15:19:49', '', 0, 'http://web-marketing.zako.org/?p=29676', 0, 'post', '', 0),
(29677, 4, '2015-06-28 20:12:18', '2015-06-28 11:12:18', '', 'mapiful-receive', 'このような状態で届くようです。', 'inherit', 'open', 'closed', '', 'mapiful-receive', '', '', '2015-06-28 20:12:38', '2015-06-28 11:12:38', '', 29676, 'http://web-marketing.zako.org/images/2015/06/mapiful-receive.jpg', 0, 'attachment', 'image/jpeg', 0),
(29678, 4, '2015-06-28 20:12:19', '2015-06-28 11:12:19', '', 'mapiful-customize', 'ポスターの向きやサイズ、テーマを選ぶ。', 'inherit', 'open', 'closed', '', 'mapiful-customize', '', '', '2015-06-28 20:12:54', '2015-06-28 11:12:54', '', 29676, 'http://web-marketing.zako.org/images/2015/06/mapiful-customize.jpg', 0, 'attachment', 'image/jpeg', 0),
(29679, 4, '2015-06-28 20:12:20', '2015-06-28 11:12:20', '', 'mapiful-label', 'ポスターに印刷するラベルを編集。', 'inherit', 'open', 'closed', '', 'mapiful-label', '', '', '2015-06-28 20:12:49', '2015-06-28 11:12:49', '', 29676, 'http://web-marketing.zako.org/images/2015/06/mapiful-label.jpg', 0, 'attachment', 'image/jpeg', 0),
(29680, 4, '2015-06-28 20:12:21', '2015-06-28 11:12:21', '', 'mapiful-locaiton', '地名で検索。', 'inherit', 'open', 'closed', '', 'mapiful-locaiton', '', '', '2015-06-28 20:12:44', '2015-06-28 11:12:44', '', 29676, 'http://web-marketing.zako.org/images/2015/06/mapiful-locaiton.jpg', 0, 'attachment', 'image/jpeg', 0),
(29681, 4, '2015-06-28 20:12:22', '2015-06-28 11:12:22', '', 'mapiful', '', 'inherit', 'open', 'closed', '', 'mapiful', '', '', '2015-06-28 20:12:34', '2015-06-28 11:12:34', '', 29676, 'http://web-marketing.zako.org/images/2015/06/mapiful.jpg', 0, 'attachment', 'image/jpeg', 0),
(29718, 4, '2015-07-27 00:41:58', '2015-07-26 15:41:58', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/07/slidecaptain.jpg\" alt=\"SlideCaptain\" width=\"592\" height=\"307\" class=\"alignnone size-full wp-image-29724\" /></p>\r\n<p>綺麗なプレゼン資料を作るのは時間の無駄とよく言われますが、どうせなら綺麗でインパクトのある資料を作りたい場面もあることでしょう。</p>\r\n<p>ならば、時間の無駄にならないよう、きれいなプレゼン資料を効率よく作れればよいのですが、パワーポイントでは見た目にこだわろうとすると、どうしても時間がかかりがちです。</p>\r\n<p>そういったときにオススメできそうなのが、今回ご紹介するオンラインサービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">綺麗なプレゼン資料をサクサク作れる「SlideCaptain」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.slidecaptain.com/\">SlideCaptain</a>」は、<strong>見た目にもインパクトのある整理された資料を作るのに向いているオンラインサービス。</strong></p>\r\n<p>ページごとにテンプレートが用意されているうえに、動画や画像、アイコンなどを、FlickrやGoogleドライブ、Dropbox、あるいはYouTube、Vimeoといったようなメジャーなサービスと連携することで、容易に挿入することもできるようにもなっています。</p>\r\n\r\n<h4 class=\"tips\">スライドのサンプル</h4>\r\n<iframe src=\"//www.slideshare.net/slideshow/embed_code/key/xt4UoSITWSdOf4\" width=\"425\" height=\"355\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;\" allowfullscreen> </iframe> <div style=\"margin-bottom:5px\"> <strong> <a href=\"//www.slideshare.net/sigeos15/slidecaptain-sample\" title=\"SlideCaptain sample\" target=\"_blank\">SlideCaptain sample</a> </strong> from <strong><a href=\"//www.slideshare.net/sigeos15\" target=\"_blank\">web marketing</a></strong> </div>\r\n<p>このサンプルは、SlideCaptainで作成したスライドを、PDF形式でエクスポートしてSlideshareへアップしたものです。</p>\r\n<p>SlideCaptain上でこのスライドを表示する場合は、以下のリンク先のようになります。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"http://lookout.slidecaptain.com/flows/3b1617r//-JuetLr2WoiXgT5UZ48x?#/1/1\">テストプレゼン資料</a></p>\r\n\r\n<p>他にもこんなサンプルもあります。</p>\r\n<p class=\"desc\"><a target=\"_blank\" href=\"http://lookout.slidecaptain.com/flows/HankaSlides/the-four-seasons/-JpqKQqw3lm9nGUZOqYm\">The Four Seasons</a></p>\r\n\r\n<p>上記リンク先の資料のように、SlideCaptain上で表示させた場合、方向キーで縦横にスライドを切り替えることができ、ページを変えた時のアニメーション効果も設定可能です。</p>\r\n\r\n<p>スライドの横キーでの切り替えは、編集画面でセクションを分けることで実現できます。</p>\r\n\r\n<h4 class=\"tips\">テンプレートからレイアウトを作成</h4>\r\n[caption id=\"attachment_29728\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/slidecaptain-editer.jpg\" alt=\"SlideCaptainの編集画面。\" width=\"592\" height=\"307\" class=\"size-full wp-image-29728\" /> SlideCaptainの編集画面。[/caption]\r\n<p>編集画面はパワーポイントと同様で、左側にスライドの一覧を表示し、右側でプレビューしながら編集をおこないます。見出しや文章などといったテキストの種類の変更や、画像の挿入などといったメニューは、右側に表示されます。テーマの変更なども、この右側のメニューからおこなえます。</p>\r\n\r\n[caption id=\"attachment_29727\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/add-content.jpg\" alt=\"さまざまなレイアウトをテンプレートから選べる。\" width=\"592\" height=\"474\" class=\"size-full wp-image-29727\" /> さまざまなレイアウトをテンプレートから選べる。[/caption]\r\n<p>このツールの便利なポイントのひとつとして、レイアウトのテンプレートが豊富なことが挙げられます。左側のスライド一覧にページを追加する際に、このテンプレート一覧からレイアウトを選択することができます。</p>\r\n\r\n[caption id=\"attachment_29726\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/slidecaptain-rte.jpg\" alt=\"文字の編集にRTEを使える。\" width=\"592\" height=\"97\" class=\"size-full wp-image-29726\" /> 文字の編集にRTEを使える。[/caption]\r\n<p>文字編集の際に、リッチテキストエディタが使えるのも便利なところ。この部分も編集のしやすさとして挙げられる点です。</p>\r\n\r\n<h4 class=\"tips\">画像や動画を手軽に挿入</h4>\r\n[caption id=\"attachment_29725\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/07/flickr-to-slidecaptain.jpg\" alt=\"Flickrからの画像の挿入。\" width=\"592\" height=\"414\" class=\"size-full wp-image-29725\" /> Flickrからの画像の挿入。[/caption]\r\n<p>画像や動画もスライドへ手軽に挿入することができます。特に画像ではFacebookやFlickr、Dropbox、Instagram、そしてEvernoteなどなど、さまざまなサービスとアカウントを連携させることによって、その場で画像を選んで挿入することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.slidecaptain.com/\">SlideCaptain</a>へどうぞ。</p>\r\n', '美しいプレゼン資料を手軽に作成できる「SlideCaptain」', 'クオリティの高いプレゼン資料を手軽に作ることができるオンラインサービス。', 'publish', 'open', 'closed', '', 'slidecaptain', '', '', '2015-07-27 00:41:58', '2015-07-26 15:41:58', '', 0, 'http://web-marketing.zako.org/?p=29718', 0, 'post', '', 1),
(29724, 4, '2015-07-27 00:37:32', '2015-07-26 15:37:32', '', 'slidecaptain', '', 'inherit', 'open', 'closed', '', 'slidecaptain-2', '', '', '2015-07-27 00:37:42', '2015-07-26 15:37:42', '', 29718, 'http://web-marketing.zako.org/images/2015/07/slidecaptain.jpg', 0, 'attachment', 'image/jpeg', 0),
(29725, 4, '2015-07-27 00:37:33', '2015-07-26 15:37:33', '', 'flickr-to-slidecaptain', 'Flickrからの画像の挿入。', 'inherit', 'open', 'closed', '', 'flickr-to-slidecaptain', '', '', '2015-07-27 00:37:54', '2015-07-26 15:37:54', '', 29718, 'http://web-marketing.zako.org/images/2015/07/flickr-to-slidecaptain.jpg', 0, 'attachment', 'image/jpeg', 0),
(29726, 4, '2015-07-27 00:37:34', '2015-07-26 15:37:34', '', 'slidecaptain-rte', '文字の編集にRTEを使える。', 'inherit', 'open', 'closed', '', 'slidecaptain-rte', '', '', '2015-07-27 00:38:10', '2015-07-26 15:38:10', '', 29718, 'http://web-marketing.zako.org/images/2015/07/slidecaptain-rte.jpg', 0, 'attachment', 'image/jpeg', 0),
(29727, 4, '2015-07-27 00:37:36', '2015-07-26 15:37:36', '', 'add-content', 'さまざまなレイアウトをテンプレートから選べる。', 'inherit', 'open', 'closed', '', 'add-content', '', '', '2015-07-27 00:38:16', '2015-07-26 15:38:16', '', 29718, 'http://web-marketing.zako.org/images/2015/07/add-content.jpg', 0, 'attachment', 'image/jpeg', 0),
(29728, 4, '2015-07-27 00:37:37', '2015-07-26 15:37:37', '', 'slidecaptain-editer', 'SlideCaptainの編集画面。', 'inherit', 'open', 'closed', '', 'slidecaptain-editer', '', '', '2015-07-27 00:38:20', '2015-07-26 15:38:20', '', 29718, 'http://web-marketing.zako.org/images/2015/07/slidecaptain-editer.jpg', 0, 'attachment', 'image/jpeg', 0),
(29989, 4, '2015-10-05 00:05:02', '2015-10-04 15:05:02', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/10/sync-com.png\" alt=\"Sync.com\" width=\"592\" height=\"330\" class=\"alignnone size-full wp-image-29990\" /></p>\r\n<p>パソコンと同期できるオンラインストレージといえばDropboxやBOX、あるいはGoogleドライブなんてものがあるけれど、こういったものはいくつあっても良いものです。</p>\r\n<p>パソコンの中に増加していく写真や動画、あるいは書類といったものを、サービスごとに何を保存しておくか決めてバックアップしていくことで、万一PCが壊れてしまった時にも、まったく焦る必要がなくなりますしね。</p>\r\n<p>今回は、無料で５GBまで使える、有料版でもDropboxより安いオンラインストレージをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">5GBまで無料で使えるオンラインストレージ「Sync.com」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.sync.com/\">Sync.com </a>」は、<strong>5GBまで無料で使える、複数のデバイスでフォルダを同期できるオンラインストレージサービス。</strong></p>\r\n<p>有料版では500GBと2TBのプランがあり、その料金はDropboxより安価な設定になっています。</p>\r\n\r\n<h4 class=\"tips\">カンタンな設定で同期開始</h4>\r\n[caption id=\"attachment_29993\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/sync-install.png\" alt=\"専用のソフトをインストールしてフォルダを指定するだけ。\" width=\"592\" height=\"447\" class=\"size-full wp-image-29993\" /> 専用のソフトをインストールしてフォルダを指定するだけ。[/caption]\r\n<p>利用を開始するには、専用のソフトをインストールして、同期するフォルダの場所を指定するだけです。指定したフォルダの中に「Sync」というフォルダが生成されるので、この中に同期させたいファイルやフォルダを入れていきます。</p>\r\n\r\n[caption id=\"attachment_29992\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/sync-webapp.png\" alt=\"WEBアプリの画面。\" width=\"592\" height=\"227\" class=\"size-full wp-image-29992\" /> WEBアプリの画面。[/caption]\r\n<p>同期されたファイルは、Dropboxと同様のWEBアプリ画面上にも表示されます。</p>\r\n\r\n[caption id=\"attachment_29991\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/sync-pass.png\" alt=\"共有ファイルのパスワード設定画面。\" width=\"592\" height=\"268\" class=\"size-full wp-image-29991\" /> 共有ファイルのパスワード設定画面。[/caption]\r\n<p>ファイルを共有する際に、手間なく閲覧パスワードの設定ができるのは使い勝手が良いなと感じています。</p>\r\n\r\n<p>その他、共有したリンクの一覧など、共有設定の一覧も表示されるので、管理しやすい点も良いです。</p>\r\n\r\n<h4 class=\"tips\">アプリを使ってどこからでもアクセス可能</h4>\r\n<p>セキュリティの観点からなのか、アプリのスクリーンショットができないようになっているようなのでキャプチャを割愛しますが、同期したファイルを<a href=\"https://play.google.com/store/apps/details?id=com.sync.mobileapp\">Androidアプリ</a>、<a href=\"https://geo.itunes.apple.com/us/app/sync.com/id917410266?mt=8&at=11l8Es\">iOSアプリ</a>から閲覧することができるようになっています。</p>\r\n<p>アプリはDropboxのようなCamera upload機能も備えており、画像だけを表示するタブも用意されています。</p>\r\n\r\n<h4 class=\"tips\">手順をクリアすると１GBのボーナスが貰える</h4>\r\n[caption id=\"attachment_29994\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/sync-step.png\" alt=\"初期設定の手順。\" width=\"592\" height=\"393\" class=\"size-full wp-image-29994\" /> 初期設定の手順。[/caption]\r\n<p>アカウントを作成して、メールの承認リンクをクリックすると、初期設定の手順一覧が表示されます。これらの手順をすべてクリアすると、ストレージ容量が1GB増えるようです。他のPCにもSyncをインストールしたり、友人や同僚へフォルダを共有したりといったことをやってみることでクリアできるようです。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.sync.com/\">Sync.com </a>へどうぞ。</p>\r\n\r\n\r\n<h5 class=\"tips\">Androidアプリ</h5>\r\n<p><a href=\"https://play.google.com/store/apps/details?id=com.sync.mobileapp\">\r\n  <img alt=\"Get it on Google Play\"\r\n       src=\"https://developer.android.com/images/brand/ja_generic_rgb_wo_45.png\" />\r\n</a></p>\r\n\r\n<h5 class=\"tips\">iOSアプリ</h5>\r\n<p>\r\n	<a href=\"https://geo.itunes.apple.com/us/app/sync.com/id917410266?mt=8&at=11l8Es\" style=\"display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;\"></a>\r\n</p>', '無料で5GBまで使えてパソコンと同期できる「Sync.com」Dropboxよりも安価', '', 'publish', 'open', 'closed', '', 'sync-com', '', '', '2015-10-05 00:05:02', '2015-10-04 15:05:02', '', 0, 'http://web-marketing.zako.org/?p=29989', 0, 'post', '', 0),
(29990, 4, '2015-10-04 22:03:01', '2015-10-04 13:03:01', '', 'sync-com', '', 'inherit', 'open', 'closed', '', 'sync-com-2', '', '', '2015-10-04 22:03:15', '2015-10-04 13:03:15', '', 29989, 'http://web-marketing.zako.org/images/2015/10/sync-com.png', 0, 'attachment', 'image/png', 0),
(29991, 4, '2015-10-04 22:03:02', '2015-10-04 13:03:02', '', 'sync-pass', '共有ファイルのパスワード設定画面。', 'inherit', 'open', 'closed', '', 'sync-pass', '', '', '2015-10-04 22:03:28', '2015-10-04 13:03:28', '', 29989, 'http://web-marketing.zako.org/images/2015/10/sync-pass.png', 0, 'attachment', 'image/png', 0),
(29992, 4, '2015-10-04 22:03:03', '2015-10-04 13:03:03', '', 'sync-webapp', 'WEBアプリの画面。', 'inherit', 'open', 'closed', '', 'sync-webapp', '', '', '2015-10-04 22:03:37', '2015-10-04 13:03:37', '', 29989, 'http://web-marketing.zako.org/images/2015/10/sync-webapp.png', 0, 'attachment', 'image/png', 0),
(29993, 4, '2015-10-04 22:03:04', '2015-10-04 13:03:04', '', 'sync-install', '専用のソフトをインストールしてフォルダを指定するだけ。', 'inherit', 'open', 'closed', '', 'sync-install', '', '', '2015-10-04 22:03:45', '2015-10-04 13:03:45', '', 29989, 'http://web-marketing.zako.org/images/2015/10/sync-install.png', 0, 'attachment', 'image/png', 0),
(29994, 4, '2015-10-04 22:06:31', '2015-10-04 13:06:31', '', 'sync-step', '初期設定の手順。', 'inherit', 'open', 'closed', '', 'sync-step', '', '', '2015-10-04 22:06:34', '2015-10-04 13:06:34', '', 29989, 'http://web-marketing.zako.org/images/2015/10/sync-step.png', 0, 'attachment', 'image/png', 0),
(29997, 4, '2015-10-13 00:15:07', '2015-10-12 15:15:07', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/10/followus.jpg\" alt=\"FollowUs.com\" width=\"592\" height=\"341\" class=\"alignnone size-full wp-image-30001\" /></p>\r\n<p>企業やサービスのソーシャルメディアアカウントは、FacebookページやTwitter、YouTube、Instagramなどなど、広げようと思えばいくらでも増えていってしまいますよね。</p>\r\n<p>情報を受け取りたい側からしたら、その中からもっとも自分にとって都合の良い物を選びたいところですが、探すのが手間であきらめてしまうこともあるはず。</p>\r\n<p>そんな機会損失を少し和らげてくれそうなサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">企業やサービスのソーシャルメディアアカウントをまとめて紹介できる「FollowUs.com」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.followus.com/\">FollowUs.com</a>」は、<strong>企業やサービスのソーシャルアカウントをまとめて紹介できるサイトを作成</strong>するサービス。</p>\r\n<p>アクセス解析機能も備えており、どのソーシャルメディアへ遷移したかを測定できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">FollowUs.comで作成したサンプルサイト</h4>\r\n[caption id=\"attachment_30002\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/followus-sample.jpg\" alt=\"当ブログのページ：http://followus.com/webmarketing\" width=\"592\" height=\"307\" class=\"size-full wp-image-30002\" /> 当ブログのページ：<a target=\"_blank\" href=\"http://followus.com/webmarketing\">http://followus.com/webmarketing</a>[/caption]\r\n<p>このように、任意のディレクトリ名を付けて、すべてのソーシャルアカウントをひとつのページで紹介することができます。特定サービスのソーシャルアカウントを検索エンジンで探している人向けに、サイトのタイトルを合わせてあげるのも良さそうですね。</p>\r\n\r\n<h4 class=\"tips\">シンプルでわかりやすいページ管理画面</h4>\r\n[caption id=\"attachment_30000\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/followus-page-editor.jpg\" alt=\"ムダな機能を省いているので、直感的な操作で編集可能。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30000\" /> ムダな機能を省いているので、直感的な操作で編集可能。[/caption]\r\n<p>非常にシンプルな編集画面。モバイルやタブレットのプレビューを確認することもできます。アカウントの追加や変更も楽におこなえます。</p>\r\n\r\n<h4 class=\"tips\">選べるデザインも豊富</h4>\r\n[caption id=\"attachment_29999\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/followus-design.jpg\" alt=\"約20種類の背景画像、90パターンのテンプレートからデザインを選べます。\" width=\"592\" height=\"307\" class=\"size-full wp-image-29999\" /> 約20種類の背景画像、90パターンのテンプレートからデザインを選べます。[/caption]\r\n<p>約90パターンのデザインテンプレートから選ぶことができ、さらにオリジナルの背景画像やボタンなどの色にカスタマイズすることも可能です。</p>\r\n\r\n<h4 class=\"tips\">アクセス解析機能も</h4>\r\n[caption id=\"attachment_29998\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/10/followus-analytics.jpg\" alt=\"シンプルながらも重要なデータが取得されているアクセス解析画面。\" width=\"592\" height=\"360\" class=\"size-full wp-image-29998\" /> シンプルながらも重要なデータが取得されているアクセス解析画面。[/caption]\r\n<p>アクセス解析の画面では、訪問者の接続元情報や利用デバイス種類といったものと、どのソーシャルメディアへ遷移したかというデータまでをレポートしてくれます。独自のアクセス解析タグを入れることはできませんが、逆にこちらのほうが分かりやすかったりして。</p>\r\n\r\n<p>そのほかにも、HTMLメール用の署名の発行や、QRコードの生成もできるようになっています。興味がある方は<a target=\"_blank\" href=\"http://www.followus.com/\">FollowUs.com</a>へどうぞ。</p>\r\n', '企業やサービスのソーシャルアカウントを伝えるサイトを作れる「FollowUs.com」', '複数のソーシャルアカウントをひとつのページで紹介することができるサイト作成サービス。', 'publish', 'open', 'closed', '', 'followus-com', '', '', '2015-10-13 00:15:07', '2015-10-12 15:15:07', '', 0, 'http://web-marketing.zako.org/?p=29997', 0, 'post', '', 0),
(29998, 4, '2015-10-12 19:06:52', '2015-10-12 10:06:52', '', 'followus-analytics', 'シンプルながらも重要なデータが取得されているアクセス解析画面。', 'inherit', 'open', 'closed', '', 'followus-analytics', '', '', '2015-10-12 19:07:05', '2015-10-12 10:07:05', '', 29997, 'http://web-marketing.zako.org/images/2015/10/followus-analytics.jpg', 0, 'attachment', 'image/jpeg', 0),
(29999, 4, '2015-10-12 19:06:53', '2015-10-12 10:06:53', '', 'followus-design', '約20種類の背景画像、90パターンのテンプレートからデザインを選べます。', 'inherit', 'open', 'closed', '', 'followus-design', '', '', '2015-10-12 19:07:25', '2015-10-12 10:07:25', '', 29997, 'http://web-marketing.zako.org/images/2015/10/followus-design.jpg', 0, 'attachment', 'image/jpeg', 0),
(30000, 4, '2015-10-12 19:06:54', '2015-10-12 10:06:54', '', 'followus-page-editor', 'ムダな機能を省いているので、直感的な操作で編集可能。', 'inherit', 'open', 'closed', '', 'followus-page-editor', '', '', '2015-10-12 19:07:40', '2015-10-12 10:07:40', '', 29997, 'http://web-marketing.zako.org/images/2015/10/followus-page-editor.jpg', 0, 'attachment', 'image/jpeg', 0),
(30001, 4, '2015-10-12 19:06:55', '2015-10-12 10:06:55', '', 'followus', '', 'inherit', 'open', 'closed', '', 'followus', '', '', '2015-10-12 19:07:45', '2015-10-12 10:07:45', '', 29997, 'http://web-marketing.zako.org/images/2015/10/followus.jpg', 0, 'attachment', 'image/jpeg', 0),
(30002, 4, '2015-10-12 19:06:56', '2015-10-12 10:06:56', '', 'followus-sample', '当ブログのページ：<a target=\"_blank\" href=\"http://followus.com/webmarketing\">http://followus.com/webmarketing</a>', 'inherit', 'open', 'closed', '', 'followus-sample', '', '', '2015-10-12 19:08:05', '2015-10-12 10:08:05', '', 29997, 'http://web-marketing.zako.org/images/2015/10/followus-sample.jpg', 0, 'attachment', 'image/jpeg', 0),
(29971, 4, '2015-09-23 20:09:47', '2015-09-23 11:09:47', '', 'gmail-larger10m', '10MB以上のファイルが添付されているメール。', 'inherit', 'open', 'closed', '', 'gmail-larger10m', '', '', '2015-09-23 20:09:51', '2015-09-23 11:09:51', '', 29964, 'http://web-marketing.zako.org/images/2015/09/gmail-larger10m.png', 0, 'attachment', 'image/png', 0),
(29972, 4, '2015-09-23 20:10:17', '2015-09-23 11:10:17', '', 'gmail-larger5m', '5MB以上のファイルが添付されているメール。', 'inherit', 'open', 'closed', '', 'gmail-larger5m', '', '', '2015-09-23 20:10:20', '2015-09-23 11:10:20', '', 29964, 'http://web-marketing.zako.org/images/2015/09/gmail-larger5m.png', 0, 'attachment', 'image/png', 0),
(29973, 4, '2015-09-23 20:18:52', '2015-09-23 11:18:52', '', 'gmail-open-all', '「すべてのメール」を開く', 'inherit', 'open', 'closed', '', 'gmail-open-all', '', '', '2015-09-23 20:18:56', '2015-09-23 11:18:56', '', 29964, 'http://web-marketing.zako.org/images/2015/09/gmail-open-all.png', 0, 'attachment', 'image/png', 0),
(29961, 4, '2015-09-20 01:36:40', '2015-09-19 16:36:40', '', 'realtime-mind', '複数メンバーで同時編集しているところ。', 'inherit', 'open', 'closed', '', 'realtime-mind', '', '', '2015-09-20 01:36:58', '2015-09-19 16:36:58', '', 29958, 'http://web-marketing.zako.org/images/2015/09/realtime-mind.gif', 0, 'attachment', 'image/gif', 0),
(29962, 4, '2015-09-20 01:48:28', '2015-09-19 16:48:28', '', '2015-09-20_01h47_59', '個人アカウントのエクスポート画面。', 'inherit', 'open', 'closed', '', '2015-09-20_01h47_59', '', '', '2015-09-20 01:48:44', '2015-09-19 16:48:44', '', 29958, 'http://web-marketing.zako.org/images/2015/09/2015-09-20_01h47_59.png', 0, 'attachment', 'image/png', 0),
(29948, 4, '2015-09-14 00:07:40', '2015-09-13 15:07:40', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/09/kickofflabs.png\" alt=\"KickoffLabs\" width=\"592\" height=\"292\" class=\"alignnone size-full wp-image-29952\" /></p>\r\n<p>口コミによってユーザー数が増えるのは、サービスを立ち上げるひとにとって最も理想的な形でしょう。</p>\r\n<p>しかしながら、数あるサービスの中で、そう簡単に口コミが発生するものではないというのは身を持って感じている方も多いはず。今回は、そんな口コミによるユーザー数増加を支援してくれるサービスをご紹介します。</p>\r\n\r\n<!--more-->\r\n<h3 class=\"header-label\">バイラルキャンペーンを容易に始められる「KickoffLabs」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://kickofflabs.com/\">KickoffLabs</a>」は、<strong>サービスのユーザー数を増やすためのバイラルキャンペーンを簡単に作成できるサービス。</strong></p>\r\n<p>キャンペーン用のLP作成だけでなく、ポップアップイベントなどの手段を使ったり、作成するだけでなく、A/Bテストやリアルタイム分析、リードのデモグラフィックデータ表示などなど、サービスを成長させるための分析ツールも含まれています。</p>\r\n\r\n<h4 class=\"tips\">実際に使われている事例</h4>\r\n<p>最近新しいサービスに登録した際、たまたまこのサービスが複数のサイトで使われていたので、その事例をご紹介します。</p>\r\n\r\n<h5 class=\"tips\">事例１</h5>\r\n[caption id=\"attachment_29951\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/09/eventnode.png\" alt=\"Eventnode\" width=\"592\" height=\"410\" class=\"size-full wp-image-29951\" /> <a target=\"_blank\" href=\"http://eventnode.co/\">Eventnode</a>[/caption]\r\n<ul><li>５人招待すると、早期にプライベートベータ版を使える</li><li>２５人招待すると、早期に使える上、オリジナルTシャツが貰える</li><li>５０人招待すると、上記に加えて125ドルの価値があるプレミアムイベントに参加できる</li><li>100人招待すると、250ドルの価値があるプレミアムイベントに参加でき、1,000ドルの旅行プレゼントキャンペーンに応募される</li></ul>\r\n\r\n<h5 class=\"tips\">事例２</h5>\r\n[caption id=\"attachment_29950\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/09/plango.png\" alt=\"Plango\" width=\"592\" height=\"428\" class=\"size-full wp-image-29950\" /> <a target=\"_blank\" href=\"http://www.plango.us/\">Plango</a>[/caption]\r\n<ul><li>５人招待すると、感謝の気持ちを伝えられる</li><li>２０人招待すると、携帯充電器が貰える</li><li>５０人招待すると、セルカ棒を貰える</li></ul>\r\n\r\n<h4 class=\"tips\">リード獲得の手段を選べる</h4>\r\n[caption id=\"attachment_29953\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/09/kickofflabs-leads.png\" alt=\"複数の手段から選択できる。\" width=\"592\" height=\"416\" class=\"size-full wp-image-29953\" /> 複数の手段から選択できる。[/caption]\r\n<p>LP、ページ離脱時のポップアップ、ページに埋め込めるバイラルキャンペーンのポップアップ用HTMLあるいはウィジェット、バイラルの仕掛けを持ったサンクスページから選ぶことができます。</p>\r\n[caption id=\"attachment_29954\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/09/kickoff-thanks.png\" alt=\"無料版ではKickoffLabsのドメイン配下にサンクスページが生成されます。\" width=\"592\" height=\"270\" class=\"size-full wp-image-29954\" /> 無料版ではKickoffLabsのドメイン配下にサンクスページが生成されます。[/caption]\r\n<p>フォームのサンクスページは、無料版の場合はKickoffLabsのドメイン配下で運用します。</p>\r\n\r\n\r\n<p>利用料は月額27ドル（年間契約時）からとなっていますが、1キャンペーン、月間1,000UUまでで、かつKickoffLabsの広告が入っていても良い場合は無料でも使うことができます。興味があるかたは<a target=\"_blank\" href=\"http://kickofflabs.com/\">KickoffLabs</a>へどうぞ。</p>\r\n\r\n\r\n\r\n<script>window.jQuery || document.write(\'<scr\' + \'ipt src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js\"><\\/sc\' + \'ript>\')</script>\r\n<script>window.$kol_jquery = window.jQuery</script>\r\n<script src=\"https://kickoffpages-kickofflabs.netdna-ssl.com/widgets/1.4.0/kol_bounce.js\"></script>\r\n<script src=\'https://kickoffpages-kickofflabs.netdna-ssl.com/w/54329/67909.js\'></script>', 'ユーザー数を増やすためのバイラルキャンペーンを簡単に打てる「KickoffLabs」', 'サイト登録時のバイラルキャンペーンを作成、管理できるグロースハックツール。', 'publish', 'open', 'closed', '', 'kickofflabs', '', '', '2015-09-14 00:07:40', '2015-09-13 15:07:40', '', 0, 'http://web-marketing.zako.org/?p=29948', 0, 'post', '', 0),
(29938, 4, '2015-09-06 18:00:51', '2015-09-06 09:00:51', '', 'mockup-io', '', 'inherit', 'open', 'closed', '', 'mockup-io-2', '', '', '2015-09-06 18:00:51', '2015-09-06 09:00:51', '', 29929, 'http://web-marketing.zako.org/images/2015/09/mockup-io.png', 0, 'attachment', 'image/png', 0),
(29939, 4, '2015-09-06 18:00:52', '2015-09-06 09:00:52', '', 'mockup-io-public', 'プロジェクトを「公開」状態にしたもの。', 'inherit', 'open', 'closed', '', 'mockup-io-public', '', '', '2015-09-06 18:01:24', '2015-09-06 09:01:24', '', 29929, 'http://web-marketing.zako.org/images/2015/09/mockup-io-public.png', 0, 'attachment', 'image/png', 0),
(29889, 4, '2015-08-17 00:44:23', '2015-08-16 15:44:23', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/08/skystats.jpg\" alt=\"SkyStats\" width=\"592\" height=\"303\" class=\"alignnone size-full wp-image-29890\" /></p>\r\n\r\n<p>WordPressのダッシュボードは、最近の投稿やコメントなどの表示はしてくれるものの、ビジネスに必要なデータを表示する機能はデフォルトでは持ち合わせていません。そのため、ダッシュボードにデータを表示させるにはプラグインを追加することで実現する必要があります。</p>\r\n<p>そのようなプラグインも、Google Analyticsだけに限定されていることが多く、マーケティングに必要なデータすべてを表示させることはなかなかできません。</p>\r\n<p>今回ご紹介するのは、重要な複数のデータを、ダッシュボードにまとめて表示させることができるWordPressプラグインです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">WordPressのダッシュボードにマーケのデータを表示させる「SkyStats」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://skystats.com/\">SkyStats</a>」は<strong>Google AnalyticsやAdWordsなどのデータサマリをWordPressのダッシュボードに表示させるWordPressプラグイン。</strong></p>\r\n<p>1サイトまでかつ30日間のデータ表示であれば無料で使うことができます。</p>\r\n\r\n<h4 class=\"tips\">サイトのデータを1画面にサマリ表示</h4>\r\n[caption id=\"attachment_29897\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-all.jpg\" alt=\"SkyStatsのデータサマリ表示画面。\" width=\"592\" height=\"349\" class=\"size-full wp-image-29897\" /> SkyStatsのデータサマリ表示画面。[/caption]\r\n<p>表示できるサービスはGoogle Analytics、Facebook、Twitter、AdWordsの４つ。無料版ではそれぞれ30日間のデータを表示させることができます。</p>\r\n<p>有料版ではさらに長期間のデータ表示に対応する上に複数サイトでの使用を可能にし、顧客向けにブランドロゴを追加するなどの機能が付与されます。</p>\r\n\r\n<h4 class=\"tips\">トレンドサマリデータも閲覧可能</h4>\r\n[caption id=\"attachment_29896\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-ga.jpg\" alt=\"Google Analyticsのトレンドデータ表示画面。\" width=\"592\" height=\"414\" class=\"size-full wp-image-29896\" /> Google Analyticsのトレンドデータ表示画面。[/caption]\r\n<p>ダッシュボードから各サービスの分析画面へ遷移すると、もう少し掘り下げたトレンドデータを閲覧することも可能です。</p>\r\n<p>Google Analyticsの場合は、流入キーワードTOP5、検索エンジンTOP5、ランディングページTOP5、国別のアクセスTOP５などを表示。</p>\r\n\r\n[caption id=\"attachment_29895\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-aw.jpg\" alt=\"AdWordsのデータ表示画面。\" width=\"592\" height=\"414\" class=\"size-full wp-image-29895\" /> AdWordsのデータ表示画面。[/caption]\r\n<p>AdWordsの場合は、広告グループごとのデータ、パフォーマンスの高いキーワード一覧を表示します。</p>\r\n\r\n[caption id=\"attachment_29894\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-tw.jpg\" alt=\"Twitterのデータ表示画面。\" width=\"592\" height=\"414\" class=\"size-full wp-image-29894\" /> Twitterのデータ表示画面。[/caption]\r\n<p>Twitterの場合は、もっとも反応が高かった（リツイートやファボられ数が多かった）投稿TOP5、リツイートの多かった投稿TOP5、メンションの多かった投稿TOP5、ふぁぼられTOP5が表示されます。</p>\r\n\r\n<p>Facebookではいいねやリーチ数の多かった投稿TOP5が表示されます。</p>\r\n\r\n<h4 class=\"tips\">表示するアカウントなどの指定も可能</h4>\r\n[caption id=\"attachment_29893\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-setting.jpg\" alt=\"SkyStatsのロール設定画面。\" width=\"592\" height=\"353\" class=\"size-full wp-image-29893\" /> SkyStatsの設定画面。[/caption]\r\n<p>執筆を外部に委託して、アカウントを発行している場合などでも、SkyStatsのダッシュボードを表示させるアカウントを限定することで、社内のアカウントのみ閲覧可能にすることも可能です。</p>\r\n\r\n<h5 class=\"tips\">Stats Access</h5>\r\n<p>Google Analyticsなどのデータを表示させる権限を限定させる設定です。Administrator、Authorなどといった枠で限定させることができます。</p>\r\n\r\n<h5 class=\"tips\">Settings Access</h5>\r\n<p>SkyStatsの設定をおこなえるアカウントを限定するための設定です。この設定をおこなえるのはAdministratorの権限だけですが、そのAdministratorの権限を持つアカウントの中でもひとつのアカウントだけに限定することができます。アカウントを指定しない場合はすべてのAdministratorが設定できるようになります。</p>\r\n\r\n<h5 class=\"tips\">Default Dashboard</h5>\r\n<p>WordPressへログインした際に最初に開く画面を、WordPressのダッシュボードにするか、それともSkyStatsにするかを選択することができます。</p>\r\n\r\n<h5 class=\"tips\">Caching</h5>\r\n<p>キャッシュを有効にするとSkyStatsの画面を開く際に無駄なリクエストをすることなくスムーズに開けるように鳴ります。</p>\r\n\r\n\r\n<h4 class=\"tips\">利用方法</h4>\r\n<p>利用するには、まず無料の会員登録をおこないます。</p>\r\n\r\n<p>会員登録を完了すると、メールでアクセスキーとプラグインのダウンロードリンクが送られてきます。まずはプラグインをダウンロードし、FTPソフトなどでインストールしたいWordPressにアップロードします。</p>\r\n\r\n[caption id=\"attachment_29892\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-start.jpg\" alt=\"プラグイン一覧に表示されたSkyStats。\" width=\"592\" height=\"63\" class=\"size-full wp-image-29892\" /> プラグイン一覧に表示されたSkyStats。[/caption]\r\n<p>プラグインの画面を開くと「SkyStats Lite」が追加されているので、これを有効化します。</p>\r\n\r\n[caption id=\"attachment_29891\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/skystats-license.jpg\" alt=\"ライセンスコードの入力箇所。\" width=\"592\" height=\"228\" class=\"size-full wp-image-29891\" /> ライセンスコードの入力箇所。管理画面サイドメニューから SkyStats ＞ Settings を開くと入力画面が表示されます。[/caption]\r\n<p>SkyStatsの設定画面にライセンスコードを入力する画面があるので、ここにメールで送られてきた「license key」をコピペして「Validate」ボタンを押します。</p>\r\n\r\n<p>あとは表示させたいサービスをそれぞれアカウント連携すればダッシュボードにデータが表示されるようになります。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://skystats.com/\">SkyStats</a>へどうぞ。</p>\r\n', 'WordPressのダッシュボードをビジネス向けに拡張する「SkyStats」', '', 'publish', 'open', 'closed', '', 'dashboard-skystats', '', '', '2015-08-17 01:04:37', '2015-08-16 16:04:37', '', 0, 'http://web-marketing.zako.org/?p=29889', 0, 'post', '', 0),
(29890, 4, '2015-08-16 17:51:42', '2015-08-16 08:51:42', '', 'skystats', '', 'inherit', 'open', 'closed', '', 'skystats', '', '', '2015-08-16 17:51:56', '2015-08-16 08:51:56', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats.jpg', 0, 'attachment', 'image/jpeg', 0),
(29891, 4, '2015-08-16 17:51:43', '2015-08-16 08:51:43', '', 'skystats-license', 'ライセンスコードの入力箇所。', 'inherit', 'open', 'closed', '', 'skystats-license', '', '', '2015-08-16 17:52:21', '2015-08-16 08:52:21', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-license.jpg', 0, 'attachment', 'image/jpeg', 0),
(29892, 4, '2015-08-16 17:51:43', '2015-08-16 08:51:43', '', 'skystats-start', 'プラグイン一覧に表示されたSkyStats。', 'inherit', 'open', 'closed', '', 'skystats-start', '', '', '2015-08-16 17:52:43', '2015-08-16 08:52:43', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-start.jpg', 0, 'attachment', 'image/jpeg', 0),
(29893, 4, '2015-08-16 17:51:44', '2015-08-16 08:51:44', '', 'skystats-setting', 'SkyStatsのロール設定画面。', 'inherit', 'open', 'closed', '', 'skystats-setting', '', '', '2015-08-16 17:53:00', '2015-08-16 08:53:00', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-setting.jpg', 0, 'attachment', 'image/jpeg', 0),
(29894, 4, '2015-08-16 17:51:45', '2015-08-16 08:51:45', '', 'skystats-tw', 'Twitterのデータ表示画面。', 'inherit', 'open', 'closed', '', 'skystats-tw', '', '', '2015-08-16 17:53:05', '2015-08-16 08:53:05', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-tw.jpg', 0, 'attachment', 'image/jpeg', 0),
(29895, 4, '2015-08-16 17:51:46', '2015-08-16 08:51:46', '', 'skystats-aw', 'AdWordsのデータ表示画面。', 'inherit', 'open', 'closed', '', 'skystats-aw', '', '', '2015-08-16 17:53:12', '2015-08-16 08:53:12', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-aw.jpg', 0, 'attachment', 'image/jpeg', 0),
(29896, 4, '2015-08-16 17:51:47', '2015-08-16 08:51:47', '', 'skystats-ga', 'Google Analyticsのトレンドデータ表示画面。', 'inherit', 'open', 'closed', '', 'skystats-ga', '', '', '2015-08-16 17:53:18', '2015-08-16 08:53:18', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-ga.jpg', 0, 'attachment', 'image/jpeg', 0),
(29897, 4, '2015-08-16 17:51:48', '2015-08-16 08:51:48', '', 'skystats-all', 'SkyStatsのデータサマリ表示画面。', 'inherit', 'open', 'closed', '', 'skystats-all', '', '', '2015-08-16 17:53:34', '2015-08-16 08:53:34', '', 29889, 'http://web-marketing.zako.org/images/2015/08/skystats-all.jpg', 0, 'attachment', 'image/jpeg', 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
(30108, 4, '2015-12-07 00:02:34', '2015-12-06 15:02:34', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/12/hitsteps.jpg\" alt=\"Hitsteps\" width=\"592\" height=\"338\" class=\"alignnone size-full wp-image-30109\" /></p>\r\n<p>Google Analyticsでもリアルタイムのデータを見ることはできますが、視覚的にわかりやすいかというと、そうでもありませんよね。結局は知りたい情報を網羅することはできず、何回かクリックしながらどんな状況であるのかを見る必要があります。</p>\r\n<p>今回ご紹介するのは、アクセス解析のダッシュボードで、それらの情報を網羅してくれるなど、多くの特徴を持ったリアルタイムのアクセス解析ツールです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">リアルタイムのアクセス解析ツール「Hitsteps」</h3>\r\n<p>「<a href=\"http://www.hitsteps.com/aff33295/\" target=\"_blank\">Hitsteps Web Analytics</a>」は、<strong>サイトのアクセス解析をリアリタイムで視覚的に確認できる</strong>ツール。</p>\r\n<p>現在どのひとが、どのページにどれくらい、何ページ見ているかという情報を即座に確認できる上にクリックヒートマップやチャットを使うことも可能になっています。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードでリアルタイムな情報を網羅</h4>\r\n[caption id=\"attachment_30112\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/hitsteps-dashboard.jpg\" alt=\"ダッシュボードに主要なアクティブデータが表示されます。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30112\" /> ダッシュボードに主要なアクティブデータが表示されます。[/caption]\r\n<p>現在どのページにどのくらいの人が、どの地域から、どうやって流入してきているか、どれくらい滞在しているかといった情報が網羅されています。</p>\r\n\r\n<h4 class=\"tips\">ユーザーごとの情報を確認</h4>\r\n[caption id=\"attachment_30111\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/hitsteps-detail.jpg\" alt=\"ユーザーごとの詳細な情報を確認できます。\" width=\"592\" height=\"507\" class=\"size-full wp-image-30111\" /> ユーザーごとの詳細な情報を確認できます。[/caption]\r\n<p>当該ユーザーがいつどこに初回訪問し、その後どのような行動をしたかを確認することができます。</p>\r\n<p>特筆すべき点があればメモを付けておき、必要とあらばサイト滞在中であればチャットで話しかけることも可能です。（ユーザーのデバイスがスマホの場合、チャットは利用できません。）</p>\r\n\r\n<h4 class=\"tips\">クリックヒートマップを使える（試用期間中は無料で使用可能）</h4>\r\n[caption id=\"attachment_30115\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/hitsteps-heatmap.jpg\" alt=\"クリックしたおおよその場所を視覚化します。\" width=\"592\" height=\"332\" class=\"size-full wp-image-30115\" /> クリックしたおおよその場所を視覚化します。[/caption]\r\n<p>サイトの大体の幅を指定しておけば、ヒートマップでクリックしたおおよその位置を知ることができます。ただしスマホには今のところ対応していない様子。スマホでもPCの画面に表示してしまうのですが、Chromeの開発者ツールでモバイルビューにすれば見えなくもないかもしれません。</p>\r\n[caption id=\"attachment_30114\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/hitsteps-heatmap-mobile.jpg\" alt=\"Chromeの開発者ツールで無理やりモバイルの見た目にしたもの。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30114\" /> Chromeの開発者ツールでモバイルの見た目にしたもの。[/caption]\r\n\r\n<h4 class=\"tips\">チャットで話しかけられる（試用期間中は無料で使用可能）</h4>\r\n[caption id=\"attachment_30113\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/hitsteps-chat.jpg\" alt=\"選択したユーザーにチャットで話しかけることができます。\" width=\"592\" height=\"325\" class=\"size-full wp-image-30113\" /> 選択したユーザーにチャットで話しかけることができます。[/caption]\r\n<p>無料で使えるのはヒートマップと同じく試用期間中のみですが、特定の訪問者に対してチャットでアプローチすることができます。</p>\r\n\r\n<h4 class=\"tips\">SEOや参照元などのレポートも</h4>\r\n[caption id=\"attachment_30110\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/hitsteps-seo.jpg\" alt=\"検索エンジンや流入キーワード、トレンドなどといったレポートも生成。\" width=\"592\" height=\"302\" class=\"size-full wp-image-30110\" /> 検索エンジンや流入キーワード、トレンドなどといったレポートも生成。[/caption]\r\n<p>最近どのようなキーワードで流入しているか、月ごとのトレンドはどうかなどといったレポートもわかりやすくまとめてくれます。</p>\r\n\r\n<p>興味があるかたは<a href=\"http://www.hitsteps.com/aff33295/\" target=\"_blank\">Hitsteps</a>へどうぞ。最初の8日間は有料版を試用できます。（有料プランの機能は、主にヒートマップやチャットなど）</p>\r\n\r\n<p>1サイトかつ3,500PVまで、データ保持が2週間までなどの制限付きであれば無料で使えますが、ヒートマップやチャットも使えるベーシックな有料プランでも月額1,000円程度なので、有料のヒートマップツールだけを使うよりも、このツールのほうがよいかもしれませんね。</p>\r\n<p>\r\n	<a target=\"_blank\" href=\"http://www.hitsteps.com/aff33295/\"><img src=\"http://www.hitsteps.com/imgs/imgs/affiliate1.jpg\" width=\"120\" height=\"120\" border=\"0\"  alt=\"hitsteps realtime visitors dashboard\" /></a>\r\n</p>\r\n', 'サイトのアクセス解析をリアルタイムに見れる「Hitsteps」ヒートマップやチャット機能も', 'クリックヒートマップやウェブチャットの機能も有したリアルタイムなアクセス解析ツール。', 'publish', 'open', 'closed', '', 'hitsteps', '', '', '2015-12-07 00:26:06', '2015-12-06 15:26:06', '', 0, 'http://web-marketing.zako.org/?p=30108', 0, 'post', '', 0),
(30109, 4, '2015-12-06 22:08:30', '2015-12-06 13:08:30', '', 'hitsteps', '', 'inherit', 'open', 'closed', '', 'hitsteps', '', '', '2015-12-06 22:08:41', '2015-12-06 13:08:41', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps.jpg', 0, 'attachment', 'image/jpeg', 0),
(30110, 4, '2015-12-06 22:08:31', '2015-12-06 13:08:31', '', 'hitsteps-seo', '検索エンジンや流入キーワード、トレンドなどといったレポートも生成。', 'inherit', 'open', 'closed', '', 'hitsteps-seo', '', '', '2015-12-06 22:08:51', '2015-12-06 13:08:51', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps-seo.jpg', 0, 'attachment', 'image/jpeg', 0),
(30111, 4, '2015-12-06 22:08:32', '2015-12-06 13:08:32', '', 'hitsteps-detail', 'ユーザーごとの詳細な情報を確認できます。', 'inherit', 'open', 'closed', '', 'hitsteps-detail', '', '', '2015-12-06 22:09:11', '2015-12-06 13:09:11', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps-detail.jpg', 0, 'attachment', 'image/jpeg', 0),
(30112, 4, '2015-12-06 22:08:33', '2015-12-06 13:08:33', '', 'hitsteps-dashboard', 'ダッシュボードに主要なアクティブデータが表示されます。', 'inherit', 'open', 'closed', '', 'hitsteps-dashboard', '', '', '2015-12-06 22:09:18', '2015-12-06 13:09:18', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps-dashboard.jpg', 0, 'attachment', 'image/jpeg', 0),
(30113, 4, '2015-12-06 22:08:34', '2015-12-06 13:08:34', '', 'hitsteps-chat', '選択したユーザーにチャットで話しかけることができます。', 'inherit', 'open', 'closed', '', 'hitsteps-chat', '', '', '2015-12-06 22:09:26', '2015-12-06 13:09:26', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps-chat.jpg', 0, 'attachment', 'image/jpeg', 0),
(30114, 4, '2015-12-06 22:08:35', '2015-12-06 13:08:35', '', 'hitsteps-heatmap-mobile', 'Chromeの開発者ツールで無理やりモバイルの見た目にしたもの。', 'inherit', 'open', 'closed', '', 'hitsteps-heatmap-mobile', '', '', '2015-12-06 22:09:38', '2015-12-06 13:09:38', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps-heatmap-mobile.jpg', 0, 'attachment', 'image/jpeg', 0),
(30115, 4, '2015-12-06 22:08:36', '2015-12-06 13:08:36', '', 'hitsteps-heatmap', 'クリックしたおおよその場所を視覚化します。', 'inherit', 'open', 'closed', '', 'hitsteps-heatmap', '', '', '2015-12-06 22:09:47', '2015-12-06 13:09:47', '', 30108, 'http://web-marketing.zako.org/images/2015/12/hitsteps-heatmap.jpg', 0, 'attachment', 'image/jpeg', 0),
(30128, 4, '2015-12-14 00:04:11', '2015-12-13 15:04:11', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/12/screenshotlayer.png\" alt=\"screenshotlayer\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30131\" /></p>\r\n<p>Webページ全体のスクリーンショットを撮れるツールはさまざまなものがあって、<a href=\"http://web-marketing.zako.org/blog/screenpresso-pro-screenshot-soft.html\">ScreenPresso</a>のようなものでも撮ることも可能です。</p>\r\n<p>でも、PCの環境によっては若干ズレが発生したりして、綺麗に撮れないこともけっこうあります。</p>\r\n<p>今回ご紹介するのは、オンラインのツールながらも、綺麗にWEBページのスクリーンショットを撮ってくれるサービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">URLを指定するとページのスクリーンショットを撮れる「screenshotlayer」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://screenshotlayer.com/\">screenshotlayer</a>」は、<strong>指定したURLのページ全体をキャプチャ</strong>できるオンラインサービス。</p>\r\n<p>APIも提供していて、ユーザーエージェントやビューポートを変更したり画像のフォーマットを変更したりなど、カスタマイズ性にも優れています。</p>\r\n\r\n<h4 class=\"tips\">URLを指定してページ全体のスクリーンショットを撮れる</h4>\r\n[caption id=\"attachment_30130\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/screenshotlayer-yahoo.png\" alt=\"サンプルツールでYahooのトップページを指定してページ全体をキャプチャしたところ。\" width=\"592\" height=\"388\" class=\"size-full wp-image-30130\" /> サービストップページで使えるサンプルツールで、Yahooのトップページを指定してページ全体をキャプチャしたところ。[/caption]\r\n<p>スクリーンショットを撮りたいページのURLを入力することで、ページ全体の綺麗なスクリーンショットを撮ることができます。スクリーンショットが撮れるまでの時間も結構速い。</p>\r\n\r\n<p>この手の海外のサービスは、日本語が文字化けすることも多いのですが、screenshotlayerでは、フォントが若干変わるものの、文字化けすることなくページ全体をキャプチャできます。</p>\r\n[caption id=\"attachment_30132\" align=\"aligncenter\" width=\"242\"]<a target=\"_blank\" href=\"http://cdn.zako.org/images/2015/12/scl_api_yahoo.png\" rel=\"attachment wp-att-30132\"><img src=\"http://cdn.zako.org/images/2015/12/scl_api_yahoo-242x300.png\" alt=\"Yahooトップページのサンプル、綺麗なもんです。\" width=\"242\" height=\"300\" class=\"size-medium wp-image-30132\" /></a> Yahooトップページのサンプル、綺麗なもんです。[/caption]\r\n\r\n<h4 class=\"tips\">月100回まで無料で使えるAPI</h4>\r\n[caption id=\"attachment_30129\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/screenshotlayer-api.png\" alt=\"サムネイルのサイズを指定したり、ビューポートやユーザーエージェントを変更したりなんてこともできます。\" width=\"592\" height=\"122\" class=\"size-full wp-image-30129\" /> サムネイルのサイズを指定したり、ビューポートやユーザーエージェントを変更したりなんてこともできます。[/caption]\r\n<p>APIはベースとなる\r\n<code>http://api.screenshotlayer.com/api/capture</code>\r\nを元にパラメータを付与していくのですが、このパラメータが意外と豊富で、サイト制作時のブラウザチェックの取っ掛かりとして使うなんてこともできそうです。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://screenshotlayer.com/\">screenshotlayer</a>へどうぞ。</p>\r\n', 'WEBページのスクリーンショットをURLでサクッと綺麗に撮れる「screenshotlayer」', 'ページ全体のスクリーンショットを綺麗に撮れるオンラインツール。カスタマイズ性に優れたAPIも提供。', 'publish', 'open', 'closed', '', 'screenshotlayer', '', '', '2015-12-14 00:06:38', '2015-12-13 15:06:38', '', 0, 'http://web-marketing.zako.org/?p=30128', 0, 'post', '', 0),
(30129, 4, '2015-12-13 18:06:03', '2015-12-13 09:06:03', '', 'screenshotlayer-api', 'サムネイルのサイズを指定したり、ビューポートやユーザーエージェントを変更したりなんてこともできます。', 'inherit', 'open', 'closed', '', 'screenshotlayer-api', '', '', '2015-12-13 18:07:06', '2015-12-13 09:07:06', '', 30128, 'http://web-marketing.zako.org/images/2015/12/screenshotlayer-api.png', 0, 'attachment', 'image/png', 0),
(30130, 4, '2015-12-13 18:06:04', '2015-12-13 09:06:04', '', 'screenshotlayer-yahoo', 'サンプルツールでYahooのトップページを指定してページ全体をキャプチャしたところ。', 'inherit', 'open', 'closed', '', 'screenshotlayer-yahoo', '', '', '2015-12-13 18:06:59', '2015-12-13 09:06:59', '', 30128, 'http://web-marketing.zako.org/images/2015/12/screenshotlayer-yahoo.png', 0, 'attachment', 'image/png', 0),
(30131, 4, '2015-12-13 18:06:06', '2015-12-13 09:06:06', '', 'screenshotlayer', '', 'inherit', 'open', 'closed', '', 'screenshotlayer', '', '', '2015-12-13 18:06:30', '2015-12-13 09:06:30', '', 30128, 'http://web-marketing.zako.org/images/2015/12/screenshotlayer.png', 0, 'attachment', 'image/png', 0),
(30132, 4, '2015-12-13 18:06:07', '2015-12-13 09:06:07', '', 'scl_api_yahoo', 'Yahooトップページのサンプル、綺麗なもんです。', 'inherit', 'open', 'closed', '', 'scl_api_yahoo', '', '', '2015-12-13 18:06:21', '2015-12-13 09:06:21', '', 30128, 'http://web-marketing.zako.org/images/2015/12/scl_api_yahoo.png', 0, 'attachment', 'image/png', 0),
(30141, 4, '2015-12-21 00:25:05', '2015-12-20 15:25:05', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/12/cuteleads.png\" alt=\"Cute Leads\" width=\"592\" height=\"310\" class=\"aligncenter size-full wp-image-30142\" /></p>\r\n<p>CMSは、世界ではどのツールがもっともよく使われているのか、プログラミング言語は何が主流なのかといった情報や、ある特定の分野で人気のあのサイトでは、どのような技術が使われているのかといった情報を収集するのは、なかなか手間のかかるものです。</p>\r\n<p>今回は、そういった情報を簡単に、あるいは視覚的に見せてくれるサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">CMSやカートといったツールのシェアや人気サイトが採用している技術を見れる「Cute Leads」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>」は、CMSやカートなどのツールのシェアや、Facebook、Twitterなどといった人気サイトが使っているプログラミング言語やOSなどといった情報を知ることができるサービス。</p>\r\n<p>シェアはグラフで視覚化し、人気サイトの採用している技術はリスト形式で、その技術が世界のサイトでどのくらい採用されているかも教えてくれます。</p>\r\n\r\n<h4 class=\"tips\">CMSなどのツールの世界シェアをグラフ化</h4>\r\n[caption id=\"attachment_30148\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share.png\" alt=\"CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30148\" /> CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。[/caption]\r\n<p>CMSやOS、プログラミング言語など、あらゆる分野のシェアを円グラフで見ることができます。</p>\r\n\r\n[caption id=\"attachment_30147\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms.png\" alt=\"CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30147\" /> CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。[/caption]\r\n<p>さらに分野名を検索するか、トップページに出ているそれぞれの分野名のリンクをクリックすると、さらに詳細なシェアを閲覧できます。CMSの場合は上位155位まで表示されます。</p>\r\n\r\n[caption id=\"attachment_30146\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms-lang.png\" alt=\"CMSに絞ったときの言語のランキング。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30146\" /> CMSに絞ったときの言語のランキング。[/caption]\r\n<p>CMSシェアのランキングの下には、CMSの分野で占める言語のランキングもあります。</p>\r\n\r\n<h4 class=\"tips\">人気サイトの採用している技術を一覧</h4>\r\n[caption id=\"attachment_30145\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-made-with.png\" alt=\"Yahoo JAPANはNginxとSizmekを採用していることがわかります。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30145\" /> Yahoo JAPANはNginxとSizmekを採用していることがわかります。[/caption]\r\n<p>各国の人気サイトに限られますが、ドメインを入力して検索をかけると、そのサービスが採用している技術と、その技術を採用しているサイトの数を見ることができます。</p>\r\n<p>人気サイトが採用している技術を利用するサイト数が少なかった際に、その目的は何なのかなんて疑問が出てきておもしろそうです。</p>\r\n\r\n<h4 class=\"tips\">国ごとのサイトの数をランキング</h4>\r\n[caption id=\"attachment_30144\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-ranking.png\" alt=\"1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30144\" /> 1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。[/caption]\r\n<p>やはり英語圏は広い。世界の55%を占めているようだ。しかし、日本語サイトもドイツ語の次にランクインしていて、世界で3位の数。しかし、それでも世界シェアとしては5%にも満たない、なんて参考データを入手できます。</p>\r\n\r\n<p>中国語サイトがまだ6位で3%というのも、もしかするとアクセス制限などの影響で取得できないデータがあるのかもしれませんが、なるほどと感じられそう。</p>\r\n\r\n\r\n<h4 class=\"tips\">国、言語ごとのサイトが採用している技術をランキング</h4>\r\n[caption id=\"attachment_30143\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-tech-ranking.png\" alt=\"言語を絞り込んだ場合の採用技術のランキング。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30143\" /> 言語を絞り込んだ場合の採用技術のランキング。[/caption]\r\n<p>日本ではIISはもう殆ど使われていないけれども、米国ではまだまだ使われている。ドイツは米国の次にサイトの数が多い、しかしNginxの普及は進んでいないようだ。などといった参考情報を把握できるようになっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>へどうぞ。</p>\r\n\r\n<p>有料（19.99ドル）でWordPressを利用している世界のサイト一覧なんてデータを取得することもできるようです。なお、無料メンバーになることで、このレポートを5つまで無料で取得できるようです。（新規登録画面はないのですが、パスワードリセットから無理やり登録することはできる様子。）</p>', '各分野のツールのシェアや、人気サイトで使っている技術を教えてくれる「Cute Leads」', 'WordPressやNginxの世界シェアは？Facebookが採用している技術は？といったデータを容易に取得できるサービス。', 'publish', 'open', 'closed', '', 'cute-leads', '', '', '2015-12-21 00:28:59', '2015-12-20 15:28:59', '', 0, 'http://web-marketing.zako.org/?p=30141', 0, 'post', '', 0),
(30142, 4, '2015-12-20 22:17:13', '2015-12-20 13:17:13', '', 'cuteleads', '', 'inherit', 'open', 'closed', '', 'cuteleads', '', '', '2015-12-20 22:17:22', '2015-12-20 13:17:22', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads.png', 0, 'attachment', 'image/png', 0),
(30143, 4, '2015-12-20 22:17:15', '2015-12-20 13:17:15', '', 'cuteleads-lang-tech-ranking', '言語を絞り込んだ場合の採用技術のランキング。', 'inherit', 'open', 'closed', '', 'cuteleads-lang-tech-ranking', '', '', '2015-12-20 22:17:35', '2015-12-20 13:17:35', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads-lang-tech-ranking.png', 0, 'attachment', 'image/png', 0),
(30144, 4, '2015-12-20 22:17:16', '2015-12-20 13:17:16', '', 'cuteleads-lang-ranking', '1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。', 'inherit', 'open', 'closed', '', 'cuteleads-lang-ranking', '', '', '2015-12-20 22:20:56', '2015-12-20 13:20:56', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads-lang-ranking.png', 0, 'attachment', 'image/png', 0),
(30145, 4, '2015-12-20 22:17:18', '2015-12-20 13:17:18', '', 'cuteleads-made-with', 'Yahoo JAPANはNginxとSizmekを採用していることがわかります。', 'inherit', 'open', 'closed', '', 'cuteleads-made-with', '', '', '2015-12-20 22:18:32', '2015-12-20 13:18:32', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads-made-with.png', 0, 'attachment', 'image/png', 0),
(30146, 4, '2015-12-20 22:17:20', '2015-12-20 13:17:20', '', 'cuteleads-share-cms-lang', 'CMSに絞ったときの言語のランキング。', 'inherit', 'open', 'closed', '', 'cuteleads-share-cms-lang', '', '', '2015-12-20 22:18:24', '2015-12-20 13:18:24', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads-share-cms-lang.png', 0, 'attachment', 'image/png', 0),
(30147, 4, '2015-12-20 22:17:22', '2015-12-20 13:17:22', '', 'cuteleads-share-cms', 'CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。', 'inherit', 'open', 'closed', '', 'cuteleads-share-cms', '', '', '2015-12-20 22:18:03', '2015-12-20 13:18:03', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads-share-cms.png', 0, 'attachment', 'image/png', 0),
(30148, 4, '2015-12-20 22:17:24', '2015-12-20 13:17:24', '', 'cuteleads-share', 'CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。', 'inherit', 'open', 'closed', '', 'cuteleads-share', '', '', '2015-12-20 22:17:47', '2015-12-20 13:17:47', '', 30141, 'http://web-marketing.zako.org/images/2015/12/cuteleads-share.png', 0, 'attachment', 'image/png', 0),
(30156, 4, '2015-12-21 00:28:59', '2015-12-20 15:28:59', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/12/cuteleads.png\" alt=\"Cute Leads\" width=\"592\" height=\"310\" class=\"aligncenter size-full wp-image-30142\" /></p>\r\n<p>CMSは、世界ではどのツールがもっともよく使われているのか、プログラミング言語は何が主流なのかといった情報や、ある特定の分野で人気のあのサイトでは、どのような技術が使われているのかといった情報を収集するのは、なかなか手間のかかるものです。</p>\r\n<p>今回は、そういった情報を簡単に、あるいは視覚的に見せてくれるサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">CMSやカートといったツールのシェアや人気サイトが採用している技術を見れる「Cute Leads」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>」は、CMSやカートなどのツールのシェアや、Facebook、Twitterなどといった人気サイトが使っているプログラミング言語やOSなどといった情報を知ることができるサービス。</p>\r\n<p>シェアはグラフで視覚化し、人気サイトの採用している技術はリスト形式で、その技術が世界のサイトでどのくらい採用されているかも教えてくれます。</p>\r\n\r\n<h4 class=\"tips\">CMSなどのツールの世界シェアをグラフ化</h4>\r\n[caption id=\"attachment_30148\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share.png\" alt=\"CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30148\" /> CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。[/caption]\r\n<p>CMSやOS、プログラミング言語など、あらゆる分野のシェアを円グラフで見ることができます。</p>\r\n\r\n[caption id=\"attachment_30147\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms.png\" alt=\"CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30147\" /> CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。[/caption]\r\n<p>さらに分野名を検索するか、トップページに出ているそれぞれの分野名のリンクをクリックすると、さらに詳細なシェアを閲覧できます。CMSの場合は上位155位まで表示されます。</p>\r\n\r\n[caption id=\"attachment_30146\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms-lang.png\" alt=\"CMSに絞ったときの言語のランキング。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30146\" /> CMSに絞ったときの言語のランキング。[/caption]\r\n<p>CMSシェアのランキングの下には、CMSの分野で占める言語のランキングもあります。</p>\r\n\r\n<h4 class=\"tips\">人気サイトの採用している技術を一覧</h4>\r\n[caption id=\"attachment_30145\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-made-with.png\" alt=\"Yahoo JAPANはNginxとSizmekを採用していることがわかります。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30145\" /> Yahoo JAPANはNginxとSizmekを採用していることがわかります。[/caption]\r\n<p>各国の人気サイトに限られますが、ドメインを入力して検索をかけると、そのサービスが採用している技術と、その技術を採用しているサイトの数を見ることができます。</p>\r\n<p>人気サイトが採用している技術を利用するサイト数が少なかった際に、その目的は何なのかなんて疑問が出てきておもしろそうです。</p>\r\n\r\n<h4 class=\"tips\">国ごとのサイトの数をランキング</h4>\r\n[caption id=\"attachment_30144\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-ranking.png\" alt=\"1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30144\" /> 1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。[/caption]\r\n<p>やはり英語圏は広い。世界の55%を占めているようだ。しかし、日本語サイトもドイツ語の次にランクインしていて、世界で3位の数。しかし、それでも世界シェアとしては5%にも満たない、なんて参考データを入手できます。</p>\r\n\r\n<p>中国語サイトがまだ6位で3%というのも、もしかするとアクセス制限などの影響で取得できないデータがあるのかもしれませんが、なるほどと感じられそう。</p>\r\n\r\n\r\n<h4 class=\"tips\">国、言語ごとのサイトが採用している技術をランキング</h4>\r\n[caption id=\"attachment_30143\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-tech-ranking.png\" alt=\"言語を絞り込んだ場合の採用技術のランキング。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30143\" /> 言語を絞り込んだ場合の採用技術のランキング。[/caption]\r\n<p>日本ではIISはもう殆ど使われていないけれども、米国ではまだまだ使われている。ドイツは米国の次にサイトの数が多い、しかしNginxの普及は進んでいないようだ。などといった参考情報を把握できるようになっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>へどうぞ。</p>\r\n\r\n<p>有料（19.99ドル）でWordPressを利用している世界のサイト一覧なんてデータを取得することもできるようです。なお、無料メンバーになることで、このレポートを5つまで無料で取得できるようです。（新規登録画面はないのですが、パスワードリセットから無理やり登録することはできる様子。）</p>', '各分野のツールのシェアや、人気サイトで使っている技術を教えてくれる「Cute Leads」', 'WordPressやNginxの世界シェアは？Facebookが採用している技術は？といったデータを容易に取得できるサービス。', 'inherit', 'closed', 'closed', '', '30141-revision-v1', '', '', '2015-12-21 00:28:59', '2015-12-20 15:28:59', '', 30141, 'http://web-marketing.zako.org/web-tools/30141-revision-v1.html', 0, 'revision', '', 0),
(30154, 4, '2015-12-21 00:25:05', '2015-12-20 15:25:05', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/12/cuteleads.png\" alt=\"Cute Leads\" width=\"592\" height=\"310\" class=\"aligncenter size-full wp-image-30142\" /></p>\r\n<p>CMSは、世界ではどのツールがもっともよく使われているのか、プログラミング言語は何が主流なのかといった情報や、ある特定の分野で人気のあのサイトでは、どのような技術が使われているのかといった情報を収集するのは、なかなか手間のかかるものです。</p>\r\n<p>今回は、そういった情報を簡単に、あるいは視覚的に見せてくれるサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">CMSやカートといったツールのシェアや人気サイトが採用している技術を見れる「Cute Leads」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>」は、CMSやカートなどのツールのシェアや、Facebook、Twitterなどといった人気サイトが使っているプログラミング言語やOSなどといった情報を知ることができるサービス。</p>\r\n<p>シェアはグラフで視覚化し、人気サイトの採用している技術はリスト形式で、その技術が世界のサイトでどのくらい採用されているかも教えてくれます。</p>\r\n\r\n<h4 class=\"tips\">CMSなどのツールの世界シェアをグラフ化</h4>\r\n[caption id=\"attachment_30148\" align=\"aligncenter\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share.png\" alt=\"CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30148\" /> CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。[/caption]\r\n<p>CMSやOS、プログラミング言語など、あらゆる分野のシェアを円グラフで見ることができます。</p>\r\n\r\n[caption id=\"attachment_30147\" align=\"aligncenter\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms.png\" alt=\"CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30147\" /> CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。[/caption]\r\n<p>さらに分野名を検索するか、トップページに出ているそれぞれの分野名のリンクをクリックすると、さらに詳細なシェアを閲覧できます。CMSの場合は上位155位まで表示されます。</p>\r\n\r\n[caption id=\"attachment_30146\" align=\"aligncenter\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms-lang.png\" alt=\"CMSに絞ったときの言語のランキング。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30146\" /> CMSに絞ったときの言語のランキング。[/caption]\r\n<p>CMSシェアのランキングの下には、CMSの分野で占める言語のランキングもあります。</p>\r\n\r\n<h4 class=\"tips\">人気サイトの採用している技術を一覧</h4>\r\n[caption id=\"attachment_30145\" align=\"aligncenter\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-made-with.png\" alt=\"Yahoo JAPANはNginxとSizmekを採用していることがわかります。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30145\" /> Yahoo JAPANはNginxとSizmekを採用していることがわかります。[/caption]\r\n<p>各国の人気サイトに限られますが、ドメインを入力して検索をかけると、そのサービスが採用している技術と、その技術を採用しているサイトの数を見ることができます。</p>\r\n<p>人気サイトが採用している技術を利用するサイト数が少なかった際に、その目的は何なのかなんて疑問が出てきておもしろそうです。</p>\r\n\r\n<h4 class=\"tips\">国ごとのサイトの数をランキング</h4>\r\n[caption id=\"attachment_30144\" align=\"aligncenter\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-ranking.png\" alt=\"1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30144\" /> 1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。[/caption]\r\n<p>やはり英語圏は広い。世界の55%を占めているようだ。しかし、日本語サイトもドイツ語の次にランクインしていて、世界で3位の数。しかし、それでも世界シェアとしては5%にも満たない、なんて参考データを入手できます。</p>\r\n\r\n<p>中国語サイトがまだ6位で3%というのも、もしかするとアクセス制限などの影響で取得できないデータがあるのかもしれませんが、なるほどと感じられそう。</p>\r\n\r\n\r\n<h4 class=\"tips\">国、言語ごとのサイトが採用している技術をランキング</h4>\r\n[caption id=\"attachment_30143\" align=\"aligncenter\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-tech-ranking.png\" alt=\"言語を絞り込んだ場合の採用技術のランキング。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30143\" /> 言語を絞り込んだ場合の採用技術のランキング。[/caption]\r\n<p>日本ではIISはもう殆ど使われていないけれども、米国ではまだまだ使われている。ドイツは米国の次にサイトの数が多い、しかしNginxの普及は進んでいないようだ。などといった参考情報を把握できるようになっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>へどうぞ。</p>\r\n\r\n<p>有料（19.99ドル）でWordPressを利用している世界のサイト一覧なんてデータを取得することもできるようです。なお、無料メンバーになることで、このレポートを5つまで無料で取得できるようです。（新規登録画面はないのですが、パスワードリセットから無理やり登録することはできる様子。）</p>', '各分野のツールのシェアや、人気サイトで使っている技術を教えてくれる「Cute Leads」', 'WordPressやNginxの世界シェアは？Facebookが採用している技術は？といったデータを容易に取得できるサービス。', 'inherit', 'closed', 'closed', '', '30141-revision-v1', '', '', '2015-12-21 00:25:05', '2015-12-20 15:25:05', '', 30141, 'http://web-marketing.zako.org/web-tools/30141-revision-v1.html', 0, 'revision', '', 0),
(30155, 4, '2015-12-21 00:28:48', '2015-12-20 15:28:48', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/12/cuteleads.png\" alt=\"Cute Leads\" width=\"592\" height=\"310\" class=\"aligncenter size-full wp-image-30142\" /></p>\r\n<p>CMSは、世界ではどのツールがもっともよく使われているのか、プログラミング言語は何が主流なのかといった情報や、ある特定の分野で人気のあのサイトでは、どのような技術が使われているのかといった情報を収集するのは、なかなか手間のかかるものです。</p>\r\n<p>今回は、そういった情報を簡単に、あるいは視覚的に見せてくれるサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">CMSやカートといったツールのシェアや人気サイトが採用している技術を見れる「Cute Leads」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>」は、CMSやカートなどのツールのシェアや、Facebook、Twitterなどといった人気サイトが使っているプログラミング言語やOSなどといった情報を知ることができるサービス。</p>\r\n<p>シェアはグラフで視覚化し、人気サイトの採用している技術はリスト形式で、その技術が世界のサイトでどのくらい採用されているかも教えてくれます。</p>\r\n\r\n<h4 class=\"tips\">CMSなどのツールの世界シェアをグラフ化</h4>\r\n[caption id=\"attachment_30148\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share.png\" alt=\"CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30148\" /> CMSは圧倒的多数でWordpressが1位。シェアは61%。10年近く前、Wordpressが伸びてくるまでは圧倒的1位だったMovable Typeは、もはやTOP5にも出てこないのですね。Wixが5位というのもすごい。[/caption]\r\n<p>CMSやOS、プログラミング言語など、あらゆる分野のシェアを円グラフで見ることができます。</p>\r\n\r\n[caption id=\"attachment_30147\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms.png\" alt=\"CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。\" width=\"592\" height=\"383\" class=\"size-full wp-image-30147\" /> CMSの上位155位までのランキング。ここでやっとMovable Typeの名前も出てきますが、順位は16位、シェアは0.34%にとどまります。[/caption]\r\n<p>さらに分野名を検索するか、トップページに出ているそれぞれの分野名のリンクをクリックすると、さらに詳細なシェアを閲覧できます。CMSの場合は上位155位まで表示されます。</p>\r\n\r\n[caption id=\"attachment_30146\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-share-cms-lang.png\" alt=\"CMSに絞ったときの言語のランキング。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30146\" /> CMSに絞ったときの言語のランキング。[/caption]\r\n<p>CMSシェアのランキングの下には、CMSの分野で占める言語のランキングもあります。</p>\r\n\r\n<h4 class=\"tips\">人気サイトの採用している技術を一覧</h4>\r\n[caption id=\"attachment_30145\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-made-with.png\" alt=\"Yahoo JAPANはNginxとSizmekを採用していることがわかります。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30145\" /> Yahoo JAPANはNginxとSizmekを採用していることがわかります。[/caption]\r\n<p>各国の人気サイトに限られますが、ドメインを入力して検索をかけると、そのサービスが採用している技術と、その技術を採用しているサイトの数を見ることができます。</p>\r\n<p>人気サイトが採用している技術を利用するサイト数が少なかった際に、その目的は何なのかなんて疑問が出てきておもしろそうです。</p>\r\n\r\n<h4 class=\"tips\">国ごとのサイトの数をランキング</h4>\r\n[caption id=\"attachment_30144\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-ranking.png\" alt=\"1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30144\" /> 1位は米国の英語サイト、2位にドイツのドイツ語サイト。そして3位に日本の日本語サイトがランクイン。[/caption]\r\n<p>やはり英語圏は広い。世界の55%を占めているようだ。しかし、日本語サイトもドイツ語の次にランクインしていて、世界で3位の数。しかし、それでも世界シェアとしては5%にも満たない、なんて参考データを入手できます。</p>\r\n\r\n<p>中国語サイトがまだ6位で3%というのも、もしかするとアクセス制限などの影響で取得できないデータがあるのかもしれませんが、なるほどと感じられそう。</p>\r\n\r\n\r\n<h4 class=\"tips\">国、言語ごとのサイトが採用している技術をランキング</h4>\r\n[caption id=\"attachment_30143\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/12/cuteleads-lang-tech-ranking.png\" alt=\"言語を絞り込んだ場合の採用技術のランキング。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30143\" /> 言語を絞り込んだ場合の採用技術のランキング。[/caption]\r\n<p>日本ではIISはもう殆ど使われていないけれども、米国ではまだまだ使われている。ドイツは米国の次にサイトの数が多い、しかしNginxの普及は進んでいないようだ。などといった参考情報を把握できるようになっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.cuteleads.com/\">Cute Leads</a>へどうぞ。</p>\r\n\r\n<p>有料（19.99ドル）でWordPressを利用している世界のサイト一覧なんてデータを取得することもできるようです。なお、無料メンバーになることで、このレポートを5つまで無料で取得できるようです。（新規登録画面はないのですが、パスワードリセットから無理やり登録することはできる様子。）</p>', '各分野のツールのシェアや、人気サイトで使っている技術を教えてくれる「Cute Leads」', 'WordPressやNginxの世界シェアは？Facebookが採用している技術は？といったデータを容易に取得できるサービス。', 'inherit', 'closed', 'closed', '', '30141-autosave-v1', '', '', '2015-12-21 00:28:48', '2015-12-20 15:28:48', '', 30141, 'http://web-marketing.zako.org/web-tools/30141-autosave-v1.html', 0, 'revision', '', 0),
(30158, 4, '2016-01-04 00:05:17', '2016-01-03 15:05:17', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/getform.png\" alt=\"Getform\" width=\"592\" height=\"278\" class=\"alignnone size-full wp-image-30170\" /></p>\r\n\r\n<p>サイトを制作している時、すでにHTMLコーディングはできているんだけれども、お問い合わせフォームのプログラムが間に合っていない、なんてこともあるかと思います。</p>\r\n<p>手っ取り早くGoogleフォームなどを使うという手段もありますが、それだとiframeなので、すでに出来上がっているデザインを当てられないなんてデメリットがあります。</p>\r\n<p>今回はそんな時に役立つサービスをご紹介します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">お問い合わせフォームを簡単に作れる「Getform」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>」は、<strong>すでに出来上がっているHTMLのフォームへ簡単にプログラムを実装できる</strong>ウェブサービス。</p>\r\n<p>送信されたお問い合わせ内容は、サービスサイト上に蓄積され、エクセル形式でエクスポートすることも可能です。</p>\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<p>このフォームのように、HTML5のバリデーションを使ってエラーを出すことも可能です。詳しくは<a target=\"_blank\" href=\"https://getform.org/docs#html5_validation\">html5_validation</a>（英文）をご覧ください。</p>\r\n	<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea name=\"text\" rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n<button type=\"submit\">送信</button>\r\n</p>\r\n</form>\r\n\r\n<h4 class=\"tips\">送信されたデータを蓄積</h4>\r\n[caption id=\"attachment_30172\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform5.png\" alt=\"お問い合わせフォームから送信されたデータの一覧。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30172\" /> お問い合わせフォームから送信されたデータの一覧。[/caption]\r\n<p>フォームを設置する際に、入力項目ごとにname属性を付けておけば、そのname属性が列項目のタイトルとなってサービスサイト上に蓄積されていきます。</p>\r\n<p>途中から項目を増やしても、列が増えて蓄積されていきます。その他、送信元のIPアドレスと送信した日付も表示されます。</p>\r\n\r\n<h4 class=\"tips\">エクセル形式でエクスポート</h4>\r\n[caption id=\"attachment_30171\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform6.png\" alt=\"Excel形式でエクスポートしたお問い合わせ受信一覧。\" width=\"592\" height=\"136\" class=\"size-full wp-image-30171\" /> Excel形式でエクスポートしたお問い合わせ受信一覧。[/caption]\r\n<p>蓄積されたお問い合わせ内容のデータは、エクセル形式でエクスポートできます。</p>\r\n\r\n<h4 class=\"tips\">フォームの作成手順</h4>\r\n\r\n<h5 class=\"tips\">1.フォームのタイプを選ぶ</h5>\r\n[caption id=\"attachment_30176\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform1.png\" alt=\"2種類のタイプから選択。\" width=\"592\" height=\"376\" class=\"size-full wp-image-30176\" /> 2種類のタイプから選択。[/caption]\r\n<p>フォームは通常のお問い合わせフォームとファイルアップロード機能付きの2種類から選べます。</p>\r\n\r\n<h5 class=\"tips\">2.フォームの基本設定</h5>\r\n[caption id=\"attachment_30175\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform2.png\" alt=\"フォームの管理名とサンクスページの指定。\" width=\"592\" height=\"359\" class=\"size-full wp-image-30175\" /> フォームの管理名とサンクスページの指定。[/caption]\r\n<p>フォームの名前とサンクスページURLの指定をおこないます。サンクスページがなくてもOKです。「Email each submission?」にチェックを入れることで、お問い合わせが送信される度にメール通知するようにも設定できます。</p>\r\n\r\n<h5 class=\"tips\">3.このサービスのアカウントを作成</h5>\r\n[caption id=\"attachment_30174\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform3.png\" alt=\"メールアドレスとパスワードの設定。\" width=\"592\" height=\"430\" class=\"size-full wp-image-30174\" /> メールアドレスとパスワードの設定。[/caption]\r\n<p>フォームの内容を蓄積する画面を利用するために、アカウントを作成します。</p>\r\n\r\n<h5 class=\"tips\">4.タグの発行</h5>\r\n[caption id=\"attachment_30173\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform4.png\" alt=\"formタグの発行。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30173\" /> formタグの発行。[/caption]\r\n<p>最後にFormタグが発行されます。このタグをHTMLで作成したフォームに追加します。</p>\r\n<p>また、入力項目ごとにname属性を付与することで、そのname属性が列の項目となって蓄積されるようになります。</p>\r\n\r\n<p>無料版では1,000回までお問い合わせを受けることができるようになっています。興味があるかたは<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>へどうぞ。</p>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'publish', 'open', 'closed', '', 'getform', '', '', '2016-01-04 00:05:17', '2016-01-03 15:05:17', '', 0, 'http://web-marketing.zako.org/?p=30158', 0, 'post', '', 0),
(30159, 4, '2016-01-03 18:01:34', '2016-01-03 09:01:34', '\r\n\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\"></form>\r\n    <input type=\"text\" name=\"name\" required >\r\n    <input type=\"email\" name=\"email\" required >\r\n    <input type=\"text\" maxlength=\"10\">\r\n	<textarea maxlength=\"20\"></textarea>\r\n    <button type=\"submit\" >\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:01:34', '2016-01-03 09:01:34', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30160, 4, '2016-01-03 18:02:17', '2016-01-03 09:02:17', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n    <input type=\"text\" name=\"name\" required />\r\n    <input type=\"email\" name=\"email\" required />\r\n    <input type=\"text\" maxlength=\"10\">\r\n	<textarea maxlength=\"20\"></textarea>\r\n    <button type=\"submit\" />\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:02:17', '2016-01-03 09:02:17', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30161, 4, '2016-01-03 18:04:16', '2016-01-03 09:04:16', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n    <input type=\"text\" name=\"name\" required />\r\n    <input type=\"email\" name=\"email\" required />\r\n    <input type=\"text\" maxlength=\"10\">\r\n	<textarea maxlength=\"20\"></textarea>\r\n    <button type=\"submit\"></button>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:04:16', '2016-01-03 09:04:16', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30162, 4, '2016-01-03 18:05:29', '2016-01-03 09:05:29', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n    お名前：<input type=\"text\" name=\"name\" required /><br />\r\n    ご連絡先メールアドレス：<input type=\"email\" name=\"email\" required /><br />\r\n　　お問い合わせ内容：<textarea maxlength=\"20\"></textarea><br />\r\n    <button type=\"submit\">送信</button>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:05:29', '2016-01-03 09:05:29', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30163, 4, '2016-01-03 18:09:15', '2016-01-03 09:09:15', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\n    	お名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\n    	ご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\n　　	お問い合わせ内容：<br /><textarea maxlength=\"20\"></textarea>\r\n</p>\r\n    <button type=\"submit\">送信</button>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:09:15', '2016-01-03 09:09:15', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30164, 4, '2016-01-03 18:10:49', '2016-01-03 09:10:49', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea rows=\"4\" cols=\"40\" maxlength=\"50\"></textarea>\r\n</p>\r\n    <button type=\"submit\">送信</button>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:10:49', '2016-01-03 09:10:49', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30165, 4, '2016-01-03 18:11:19', '2016-01-03 09:11:19', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容（150文字まで）：<br /><textarea rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n    <button type=\"submit\">送信</button>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:11:19', '2016-01-03 09:11:19', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30166, 4, '2016-01-03 18:12:57', '2016-01-03 09:12:57', '\r\n<form action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容（150文字まで）：<br /><textarea rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p style=\"text-align: center;\">\r\n    	<button type=\"submit\">送信</button>\r\n</p>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:12:57', '2016-01-03 09:12:57', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30167, 4, '2016-01-03 18:13:18', '2016-01-03 09:13:18', '\r\n<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容（150文字まで）：<br /><textarea rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n    	<button type=\"submit\">送信</button>\r\n</p>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:13:18', '2016-01-03 09:13:18', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30168, 4, '2016-01-03 18:14:20', '2016-01-03 09:14:20', '\r\n\r\n\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n    	<button type=\"submit\">送信</button>\r\n</p>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:14:20', '2016-01-03 09:14:20', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30169, 4, '2016-01-03 18:21:47', '2016-01-03 09:21:47', '\r\n\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea name=\"text\" rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n<button type=\"submit\">送信</button>\r\n</p>\r\n</form>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:21:47', '2016-01-03 09:21:47', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30170, 4, '2016-01-03 18:55:13', '2016-01-03 09:55:13', '', 'getform', '', 'inherit', 'open', 'closed', '', 'getform-2', '', '', '2016-01-03 18:55:28', '2016-01-03 09:55:28', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform.png', 0, 'attachment', 'image/png', 0),
(30171, 4, '2016-01-03 18:55:15', '2016-01-03 09:55:15', '', 'getform6', 'Excel形式でエクスポートしたお問い合わせ受信一覧。', 'inherit', 'open', 'closed', '', 'getform6', '', '', '2016-01-03 18:55:36', '2016-01-03 09:55:36', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform6.png', 0, 'attachment', 'image/png', 0),
(30172, 4, '2016-01-03 18:55:16', '2016-01-03 09:55:16', '', 'getform5', 'お問い合わせフォームから送信されたデータの一覧。', 'inherit', 'open', 'closed', '', 'getform5', '', '', '2016-01-03 18:55:42', '2016-01-03 09:55:42', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform5.png', 0, 'attachment', 'image/png', 0),
(30173, 4, '2016-01-03 18:55:17', '2016-01-03 09:55:17', '', 'getform4', 'formタグの発行。', 'inherit', 'open', 'closed', '', 'getform4', '', '', '2016-01-03 18:55:49', '2016-01-03 09:55:49', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform4.png', 0, 'attachment', 'image/png', 0),
(30174, 4, '2016-01-03 18:55:18', '2016-01-03 09:55:18', '', 'getform3', 'メールアドレスとパスワードの設定。', 'inherit', 'open', 'closed', '', 'getform3', '', '', '2016-01-03 18:55:58', '2016-01-03 09:55:58', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform3.png', 0, 'attachment', 'image/png', 0),
(30175, 4, '2016-01-03 18:55:19', '2016-01-03 09:55:19', '', 'getform2', '★', 'inherit', 'open', 'closed', '', 'getform2', '', '', '2016-01-03 18:56:04', '2016-01-03 09:56:04', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform2.png', 0, 'attachment', 'image/png', 0),
(30176, 4, '2016-01-03 18:55:20', '2016-01-03 09:55:20', '', 'getform1', '★', 'inherit', 'open', 'closed', '', 'getform1', '', '', '2016-01-03 18:56:07', '2016-01-03 09:56:07', '', 30158, 'http://web-marketing.zako.org/images/2016/01/getform1.png', 0, 'attachment', 'image/png', 0),
(30177, 4, '2016-01-03 18:57:52', '2016-01-03 09:57:52', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/getform.png\" alt=\"Getform\" width=\"592\" height=\"278\" class=\"alignnone size-full wp-image-30170\" /></p>\r\n\r\n<p>サイトを制作している時、すでにHTMLコーディングはできているんだけれども、お問い合わせフォームのプログラムが間に合っていない、なんてこともあるかと思います。</p>\r\n<p>手っ取り早くGoogleフォームなどを使うという手段もありますが、それだとiframeなので、すでに出来上がっているデザインを当てられないなんてデメリットがあります。</p>\r\n<p>今回はそんな時に役立つサービスをご紹介します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">お問い合わせフォームを簡単に作れる「Getform」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>」は、すでに出来上がっているHTMLのフォームへ簡単にプログラムを実装できるウェブサービス。</p>\r\n<p>送信されたお問い合わせ内容は、サービスサイト上に蓄積され、エクセル形式でエクスポートすることも可能です。</p>\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea name=\"text\" rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n<button type=\"submit\">送信</button>\r\n</p>\r\n</form>\r\n\r\n<h4 class=\"tips\">送信されたデータを蓄積</h4>\r\n[caption id=\"attachment_30172\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform5.png\" alt=\"お問い合わせフォームから送信されたデータの一覧。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30172\" /> お問い合わせフォームから送信されたデータの一覧。[/caption]\r\n<p>フォームを設置する際に、入力項目ごとにname属性を付けておけば、そのname属性が列項目のタイトルとなってサービスサイト上に蓄積されていきます。</p>\r\n<p>途中から項目を増やしても、列が増えて蓄積されていきます。その他、送信元のIPアドレスと送信した日付も表示されます。</p>\r\n\r\n<h4 class=\"tips\">エクセル形式でエクスポート</h4>\r\n[caption id=\"attachment_30171\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform6.png\" alt=\"Excel形式でエクスポートしたお問い合わせ受信一覧。\" width=\"592\" height=\"136\" class=\"size-full wp-image-30171\" /> Excel形式でエクスポートしたお問い合わせ受信一覧。[/caption]\r\n<p>蓄積されたお問い合わせ内容のデータは、エクセル形式でエクスポートできます。</p>\r\n\r\n<h4 class=\"tips\">フォームの作成手順</h4>\r\n\r\n<h5 class=\"tips\">1.フォームのタイプを選ぶ</h5>\r\n[caption id=\"attachment_30176\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform1.png\" alt=\"2種類のタイプから選択。\" width=\"592\" height=\"376\" class=\"size-full wp-image-30176\" /> 2種類のタイプから選択。[/caption]\r\n<p>フォームは通常のお問い合わせフォームとファイルアップロード機能付きの2種類から選べます。</p>\r\n\r\n<h5 class=\"tips\">2.フォームの基本設定</h5>\r\n[caption id=\"attachment_30175\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform2.png\" alt=\"フォームの管理名とサンクスページの指定。\" width=\"592\" height=\"359\" class=\"size-full wp-image-30175\" /> フォームの管理名とサンクスページの指定。[/caption]\r\n<p>フォームの名前とサンクスページURLの指定をおこないます。サンクスページがなくてもOKです。</p>\r\n\r\n<h5 class=\"tips\">3.このサービスのアカウントを作成</h5>\r\n[caption id=\"attachment_30174\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform3.png\" alt=\"メールアドレスとパスワードの設定。\" width=\"592\" height=\"430\" class=\"size-full wp-image-30174\" /> メールアドレスとパスワードの設定。[/caption]\r\n<p>フォームの内容を蓄積する画面を利用するために、アカウントを作成します。</p>\r\n\r\n<h5 class=\"tips\">4.タグの発行</h5>\r\n[caption id=\"attachment_30173\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform4.png\" alt=\"formタグの発行。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30173\" /> formタグの発行。[/caption]\r\n<p>最後にFormタグが発行されます。このタグをHTMLで作成したフォームに追加します。</p>\r\n<p>また、入力項目ごとにname属性を付与することで、そのname属性が列の項目となって蓄積されるようになります。</p>\r\n\r\n<p>無料版では1,000回までお問い合わせを受けることができるようになっています。興味があるかたは<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>へどうぞ。</p>\r\n\r\n', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:57:52', '2016-01-03 09:57:52', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-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
(30178, 4, '2016-01-03 18:58:35', '2016-01-03 09:58:35', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/getform.png\" alt=\"Getform\" width=\"592\" height=\"278\" class=\"alignnone size-full wp-image-30170\" /></p>\r\n\r\n<p>サイトを制作している時、すでにHTMLコーディングはできているんだけれども、お問い合わせフォームのプログラムが間に合っていない、なんてこともあるかと思います。</p>\r\n<p>手っ取り早くGoogleフォームなどを使うという手段もありますが、それだとiframeなので、すでに出来上がっているデザインを当てられないなんてデメリットがあります。</p>\r\n<p>今回はそんな時に役立つサービスをご紹介します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">お問い合わせフォームを簡単に作れる「Getform」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>」は、<strong>すでに出来上がっているHTMLのフォームへ簡単にプログラムを実装できる</strong>ウェブサービス。</p>\r\n<p>送信されたお問い合わせ内容は、サービスサイト上に蓄積され、エクセル形式でエクスポートすることも可能です。</p>\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea name=\"text\" rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n<button type=\"submit\">送信</button>\r\n</p>\r\n</form>\r\n\r\n<h4 class=\"tips\">送信されたデータを蓄積</h4>\r\n[caption id=\"attachment_30172\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform5.png\" alt=\"お問い合わせフォームから送信されたデータの一覧。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30172\" /> お問い合わせフォームから送信されたデータの一覧。[/caption]\r\n<p>フォームを設置する際に、入力項目ごとにname属性を付けておけば、そのname属性が列項目のタイトルとなってサービスサイト上に蓄積されていきます。</p>\r\n<p>途中から項目を増やしても、列が増えて蓄積されていきます。その他、送信元のIPアドレスと送信した日付も表示されます。</p>\r\n\r\n<h4 class=\"tips\">エクセル形式でエクスポート</h4>\r\n[caption id=\"attachment_30171\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform6.png\" alt=\"Excel形式でエクスポートしたお問い合わせ受信一覧。\" width=\"592\" height=\"136\" class=\"size-full wp-image-30171\" /> Excel形式でエクスポートしたお問い合わせ受信一覧。[/caption]\r\n<p>蓄積されたお問い合わせ内容のデータは、エクセル形式でエクスポートできます。</p>\r\n\r\n<h4 class=\"tips\">フォームの作成手順</h4>\r\n\r\n<h5 class=\"tips\">1.フォームのタイプを選ぶ</h5>\r\n[caption id=\"attachment_30176\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform1.png\" alt=\"2種類のタイプから選択。\" width=\"592\" height=\"376\" class=\"size-full wp-image-30176\" /> 2種類のタイプから選択。[/caption]\r\n<p>フォームは通常のお問い合わせフォームとファイルアップロード機能付きの2種類から選べます。</p>\r\n\r\n<h5 class=\"tips\">2.フォームの基本設定</h5>\r\n[caption id=\"attachment_30175\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform2.png\" alt=\"フォームの管理名とサンクスページの指定。\" width=\"592\" height=\"359\" class=\"size-full wp-image-30175\" /> フォームの管理名とサンクスページの指定。[/caption]\r\n<p>フォームの名前とサンクスページURLの指定をおこないます。サンクスページがなくてもOKです。</p>\r\n\r\n<h5 class=\"tips\">3.このサービスのアカウントを作成</h5>\r\n[caption id=\"attachment_30174\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform3.png\" alt=\"メールアドレスとパスワードの設定。\" width=\"592\" height=\"430\" class=\"size-full wp-image-30174\" /> メールアドレスとパスワードの設定。[/caption]\r\n<p>フォームの内容を蓄積する画面を利用するために、アカウントを作成します。</p>\r\n\r\n<h5 class=\"tips\">4.タグの発行</h5>\r\n[caption id=\"attachment_30173\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform4.png\" alt=\"formタグの発行。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30173\" /> formタグの発行。[/caption]\r\n<p>最後にFormタグが発行されます。このタグをHTMLで作成したフォームに追加します。</p>\r\n<p>また、入力項目ごとにname属性を付与することで、そのname属性が列の項目となって蓄積されるようになります。</p>\r\n\r\n<p>無料版では1,000回までお問い合わせを受けることができるようになっています。興味があるかたは<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>へどうぞ。</p>\r\n\r\n', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 18:58:35', '2016-01-03 09:58:35', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30179, 4, '2016-01-03 19:00:55', '2016-01-03 10:00:55', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/getform.png\" alt=\"Getform\" width=\"592\" height=\"278\" class=\"alignnone size-full wp-image-30170\" /></p>\r\n\r\n<p>サイトを制作している時、すでにHTMLコーディングはできているんだけれども、お問い合わせフォームのプログラムが間に合っていない、なんてこともあるかと思います。</p>\r\n<p>手っ取り早くGoogleフォームなどを使うという手段もありますが、それだとiframeなので、すでに出来上がっているデザインを当てられないなんてデメリットがあります。</p>\r\n<p>今回はそんな時に役立つサービスをご紹介します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">お問い合わせフォームを簡単に作れる「Getform」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>」は、<strong>すでに出来上がっているHTMLのフォームへ簡単にプログラムを実装できる</strong>ウェブサービス。</p>\r\n<p>送信されたお問い合わせ内容は、サービスサイト上に蓄積され、エクセル形式でエクスポートすることも可能です。</p>\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<p>このフォームのように、HTML5のバリデーションを使ってエラーを出すことも可能です。詳しくは<a target=\"_blank\" href=\"https://getform.org/docs#html5_validation\">html5_validation</a>（英文）をご覧ください。</p>\r\n	<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea name=\"text\" rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n<button type=\"submit\">送信</button>\r\n</p>\r\n</form>\r\n\r\n<h4 class=\"tips\">送信されたデータを蓄積</h4>\r\n[caption id=\"attachment_30172\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform5.png\" alt=\"お問い合わせフォームから送信されたデータの一覧。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30172\" /> お問い合わせフォームから送信されたデータの一覧。[/caption]\r\n<p>フォームを設置する際に、入力項目ごとにname属性を付けておけば、そのname属性が列項目のタイトルとなってサービスサイト上に蓄積されていきます。</p>\r\n<p>途中から項目を増やしても、列が増えて蓄積されていきます。その他、送信元のIPアドレスと送信した日付も表示されます。</p>\r\n\r\n<h4 class=\"tips\">エクセル形式でエクスポート</h4>\r\n[caption id=\"attachment_30171\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform6.png\" alt=\"Excel形式でエクスポートしたお問い合わせ受信一覧。\" width=\"592\" height=\"136\" class=\"size-full wp-image-30171\" /> Excel形式でエクスポートしたお問い合わせ受信一覧。[/caption]\r\n<p>蓄積されたお問い合わせ内容のデータは、エクセル形式でエクスポートできます。</p>\r\n\r\n<h4 class=\"tips\">フォームの作成手順</h4>\r\n\r\n<h5 class=\"tips\">1.フォームのタイプを選ぶ</h5>\r\n[caption id=\"attachment_30176\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform1.png\" alt=\"2種類のタイプから選択。\" width=\"592\" height=\"376\" class=\"size-full wp-image-30176\" /> 2種類のタイプから選択。[/caption]\r\n<p>フォームは通常のお問い合わせフォームとファイルアップロード機能付きの2種類から選べます。</p>\r\n\r\n<h5 class=\"tips\">2.フォームの基本設定</h5>\r\n[caption id=\"attachment_30175\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform2.png\" alt=\"フォームの管理名とサンクスページの指定。\" width=\"592\" height=\"359\" class=\"size-full wp-image-30175\" /> フォームの管理名とサンクスページの指定。[/caption]\r\n<p>フォームの名前とサンクスページURLの指定をおこないます。サンクスページがなくてもOKです。</p>\r\n\r\n<h5 class=\"tips\">3.このサービスのアカウントを作成</h5>\r\n[caption id=\"attachment_30174\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform3.png\" alt=\"メールアドレスとパスワードの設定。\" width=\"592\" height=\"430\" class=\"size-full wp-image-30174\" /> メールアドレスとパスワードの設定。[/caption]\r\n<p>フォームの内容を蓄積する画面を利用するために、アカウントを作成します。</p>\r\n\r\n<h5 class=\"tips\">4.タグの発行</h5>\r\n[caption id=\"attachment_30173\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform4.png\" alt=\"formタグの発行。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30173\" /> formタグの発行。[/caption]\r\n<p>最後にFormタグが発行されます。このタグをHTMLで作成したフォームに追加します。</p>\r\n<p>また、入力項目ごとにname属性を付与することで、そのname属性が列の項目となって蓄積されるようになります。</p>\r\n\r\n<p>無料版では1,000回までお問い合わせを受けることができるようになっています。興味があるかたは<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>へどうぞ。</p>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 19:00:55', '2016-01-03 10:00:55', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30180, 4, '2016-01-03 19:03:55', '2016-01-03 10:03:55', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/getform.png\" alt=\"Getform\" width=\"592\" height=\"278\" class=\"alignnone size-full wp-image-30170\" /></p>\r\n\r\n<p>サイトを制作している時、すでにHTMLコーディングはできているんだけれども、お問い合わせフォームのプログラムが間に合っていない、なんてこともあるかと思います。</p>\r\n<p>手っ取り早くGoogleフォームなどを使うという手段もありますが、それだとiframeなので、すでに出来上がっているデザインを当てられないなんてデメリットがあります。</p>\r\n<p>今回はそんな時に役立つサービスをご紹介します。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">お問い合わせフォームを簡単に作れる「Getform」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>」は、<strong>すでに出来上がっているHTMLのフォームへ簡単にプログラムを実装できる</strong>ウェブサービス。</p>\r\n<p>送信されたお問い合わせ内容は、サービスサイト上に蓄積され、エクセル形式でエクスポートすることも可能です。</p>\r\n\r\n<h4 class=\"tips\">サンプルお問い合わせフォーム</h4>\r\n<p>このフォームのように、HTML5のバリデーションを使ってエラーを出すことも可能です。詳しくは<a target=\"_blank\" href=\"https://getform.org/docs#html5_validation\">html5_validation</a>（英文）をご覧ください。</p>\r\n	<form style=\"text-align: center;\" action=\"https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3\" method=\"POST\">\r\n<p>\r\nお名前（必須）：<br /><input type=\"text\" name=\"name\" required />\r\n</p>\r\n<p>\r\nご連絡先メールアドレス（必須）：<br /><input type=\"email\" name=\"email\" required />\r\n</p>\r\n<p>\r\nお問い合わせ内容：<br /><textarea name=\"text\" rows=\"8\" cols=\"40\" maxlength=\"150\"></textarea>\r\n</p>\r\n<p>\r\n<button type=\"submit\">送信</button>\r\n</p>\r\n</form>\r\n\r\n<h4 class=\"tips\">送信されたデータを蓄積</h4>\r\n[caption id=\"attachment_30172\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform5.png\" alt=\"お問い合わせフォームから送信されたデータの一覧。\" width=\"592\" height=\"293\" class=\"size-full wp-image-30172\" /> お問い合わせフォームから送信されたデータの一覧。[/caption]\r\n<p>フォームを設置する際に、入力項目ごとにname属性を付けておけば、そのname属性が列項目のタイトルとなってサービスサイト上に蓄積されていきます。</p>\r\n<p>途中から項目を増やしても、列が増えて蓄積されていきます。その他、送信元のIPアドレスと送信した日付も表示されます。</p>\r\n\r\n<h4 class=\"tips\">エクセル形式でエクスポート</h4>\r\n[caption id=\"attachment_30171\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform6.png\" alt=\"Excel形式でエクスポートしたお問い合わせ受信一覧。\" width=\"592\" height=\"136\" class=\"size-full wp-image-30171\" /> Excel形式でエクスポートしたお問い合わせ受信一覧。[/caption]\r\n<p>蓄積されたお問い合わせ内容のデータは、エクセル形式でエクスポートできます。</p>\r\n\r\n<h4 class=\"tips\">フォームの作成手順</h4>\r\n\r\n<h5 class=\"tips\">1.フォームのタイプを選ぶ</h5>\r\n[caption id=\"attachment_30176\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform1.png\" alt=\"2種類のタイプから選択。\" width=\"592\" height=\"376\" class=\"size-full wp-image-30176\" /> 2種類のタイプから選択。[/caption]\r\n<p>フォームは通常のお問い合わせフォームとファイルアップロード機能付きの2種類から選べます。</p>\r\n\r\n<h5 class=\"tips\">2.フォームの基本設定</h5>\r\n[caption id=\"attachment_30175\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform2.png\" alt=\"フォームの管理名とサンクスページの指定。\" width=\"592\" height=\"359\" class=\"size-full wp-image-30175\" /> フォームの管理名とサンクスページの指定。[/caption]\r\n<p>フォームの名前とサンクスページURLの指定をおこないます。サンクスページがなくてもOKです。「Email each submission?」にチェックを入れることで、お問い合わせが送信される度にメール通知するようにも設定できます。</p>\r\n\r\n<h5 class=\"tips\">3.このサービスのアカウントを作成</h5>\r\n[caption id=\"attachment_30174\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform3.png\" alt=\"メールアドレスとパスワードの設定。\" width=\"592\" height=\"430\" class=\"size-full wp-image-30174\" /> メールアドレスとパスワードの設定。[/caption]\r\n<p>フォームの内容を蓄積する画面を利用するために、アカウントを作成します。</p>\r\n\r\n<h5 class=\"tips\">4.タグの発行</h5>\r\n[caption id=\"attachment_30173\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/getform4.png\" alt=\"formタグの発行。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30173\" /> formタグの発行。[/caption]\r\n<p>最後にFormタグが発行されます。このタグをHTMLで作成したフォームに追加します。</p>\r\n<p>また、入力項目ごとにname属性を付与することで、そのname属性が列の項目となって蓄積されるようになります。</p>\r\n\r\n<p>無料版では1,000回までお問い合わせを受けることができるようになっています。興味があるかたは<a target=\"_blank\" href=\"https://getform.org/\">Getform</a>へどうぞ。</p>', 'プログラムなしでお問い合わせフォームを作れる「Getform」', '', 'inherit', 'closed', 'closed', '', '30158-revision-v1', '', '', '2016-01-03 19:03:55', '2016-01-03 10:03:55', '', 30158, 'http://web-marketing.zako.org/web-tools/30158-revision-v1.html', 0, 'revision', '', 0),
(30182, 4, '2016-02-01 00:09:30', '2016-01-31 15:09:30', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/simlink.png\" alt=\"SimLink\" width=\"592\" height=\"314\" class=\"alignnone size-full wp-image-30188\" /></p>\r\n<p>限定的にサイトやファイルを共有する場合に、放っておいても勝手に削除してくれるのが安心というもの。</p>\r\n<p>いつまでも共有したままにしておくと、SNSなどで共有した内容とサイトの内容が変わってしまったり、意図せぬ相手にファイルを共有することになってしまったりということもあるはず。</p>\r\n<p>今回は、そんな一時的にサイトやファイルを共有したい時に役立ちそうなサービスのひとつをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">24時間で自動消滅する短縮URLサービス「SimLink It!」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sim.link/\">SimLink It!</a>」は、<strong>生成してから24時間経つと自動的に削除してくれるサイトやファイルの共有サービス。</strong></p>\r\n<p>ファイルや画像をアップロードして共有する場合は、一度に30MBまでのファイルを共有可能です。</p>\r\n\r\n<h4 class=\"tips\">サイトのURLを短縮</h4>\r\n[caption id=\"attachment_30187\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink1.png\" alt=\"サイトのURLを短縮したもの。\" width=\"592\" height=\"343\" class=\"size-full wp-image-30187\" /> サイトのURLを短縮したもの。[/caption]\r\n<p>サイトのURLを貼り付けると、短縮URLとともにQRコードが発行され、リンクの有効期限が表示されます。有効期限を過ぎると、サイト上に「Link expired. Sorry」とエラー文言が一時的に表記されるとともにサービスサイトのトップページへと遷移します。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルを共有</h4>\r\n[caption id=\"attachment_30186\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink2.png\" alt=\"ファイルのアップロード画面。\" width=\"592\" height=\"225\" class=\"size-full wp-image-30186\" /> ファイルのアップロード画面。[/caption]\r\n<p>ファイルのアップロードは、ドラッグアンドドロップかファイル選択で可能。</p>\r\n[caption id=\"attachment_30185\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink3.png\" alt=\"ファイルの短縮URL。\" width=\"592\" height=\"356\" class=\"size-full wp-image-30185\" /> ファイルの短縮URL。[/caption]\r\n<p>ファイルもサイト共有と同様に、短縮URLとQRコード、そして有効期限が表示されます。</p>\r\n[caption id=\"attachment_30184\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink4.png\" alt=\"ファイル共有の場合、短縮URLを開くとこうなります。\" width=\"592\" height=\"338\" class=\"size-full wp-image-30184\" /> ファイル共有の場合、短縮URLを開くとこうなります。[/caption]\r\n<p>ファイル共有の短縮URLを開くと、上記のように画像のほか有効期限などの情報も表示されます。ここで画像をクリックすると、その場で拡大表示してくれます。</p>\r\n\r\n<h4 class=\"tips\">iPhoneアプリもある</h4>\r\n[caption id=\"attachment_30183\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink-iphone.png\" alt=\"iPhoneアプリの画面。\" width=\"592\" height=\"467\" class=\"size-full wp-image-30183\" /> iPhoneアプリの画面。[/caption]\r\n<p>iPhoneアプリは、共有するファイルの選択から短縮リンク生成、他のアプリでの共有までをスムーズにできるような機能を持っているようです。</p>\r\n\r\n<p>試してみたい方は<a target=\"_blank\" href=\"https://sim.link/\">SimLink It!</a> へどうぞ。</p>\r\n\r\n<h5 class=\"tips\">iPhoneアプリはこちら</h5>\r\n<p>\r\n	<a href=\"https://geo.itunes.apple.com/jp/app/simlink-it!/id1067594163?mt=8&at=11l8Es\" style=\"display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;\"></a>\r\n</p>', '24時間限定のサイトとファイルの短縮URLを生成する「SimLink It!」', '1日経つと自動的に無効となる短縮URL。ファイルやサイトの共有に使えます。', 'publish', 'open', 'closed', '', 'simlink-it', '', '', '2016-02-01 00:10:19', '2016-01-31 15:10:19', '', 0, 'http://web-marketing.zako.org/?p=30182', 0, 'post', '', 0),
(30183, 4, '2016-01-31 19:20:39', '2016-01-31 10:20:39', '', 'simlink-iphone', 'iPhoneアプリの画面。', 'inherit', 'open', 'closed', '', 'simlink-iphone', '', '', '2016-01-31 19:21:39', '2016-01-31 10:21:39', '', 30182, 'http://web-marketing.zako.org/images/2016/01/simlink-iphone.png', 0, 'attachment', 'image/png', 0),
(30184, 4, '2016-01-31 19:20:40', '2016-01-31 10:20:40', '', 'simlink4', 'ファイル共有の場合、短縮URLを開くとこうなります。', 'inherit', 'open', 'closed', '', 'simlink4', '', '', '2016-01-31 19:21:30', '2016-01-31 10:21:30', '', 30182, 'http://web-marketing.zako.org/images/2016/01/simlink4.png', 0, 'attachment', 'image/png', 0),
(30185, 4, '2016-01-31 19:20:41', '2016-01-31 10:20:41', '', 'simlink3', 'ファイルの短縮URL。', 'inherit', 'open', 'closed', '', 'simlink3', '', '', '2016-01-31 19:21:13', '2016-01-31 10:21:13', '', 30182, 'http://web-marketing.zako.org/images/2016/01/simlink3.png', 0, 'attachment', 'image/png', 0),
(30186, 4, '2016-01-31 19:20:43', '2016-01-31 10:20:43', '', 'simlink2', 'ファイルのアップロード画面。', 'inherit', 'open', 'closed', '', 'simlink2', '', '', '2016-01-31 19:21:07', '2016-01-31 10:21:07', '', 30182, 'http://web-marketing.zako.org/images/2016/01/simlink2.png', 0, 'attachment', 'image/png', 0),
(30187, 4, '2016-01-31 19:20:44', '2016-01-31 10:20:44', '', 'simlink1', 'サイトのURLを短縮したもの。', 'inherit', 'open', 'closed', '', 'simlink1', '', '', '2016-01-31 19:20:58', '2016-01-31 10:20:58', '', 30182, 'http://web-marketing.zako.org/images/2016/01/simlink1.png', 0, 'attachment', 'image/png', 0),
(30188, 4, '2016-01-31 19:20:45', '2016-01-31 10:20:45', '', 'simlink', '', 'inherit', 'open', 'closed', '', 'simlink', '', '', '2016-01-31 19:20:50', '2016-01-31 10:20:50', '', 30182, 'http://web-marketing.zako.org/images/2016/01/simlink.png', 0, 'attachment', 'image/png', 0),
(30189, 4, '2016-01-31 19:24:14', '2016-01-31 10:24:14', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/simlink.png\" alt=\"SimLink\" width=\"592\" height=\"314\" class=\"alignnone size-full wp-image-30188\" /></p>\r\n<p>限定的にサイトやファイルを共有する場合に、放っておいても勝手に削除してくれるのが安心というもの。</p>\r\n<p>いつまでも共有したままにしておくと、SNSなどで共有した内容とサイトの内容が変わってしまったり、意図せぬ相手にファイルを共有することになってしまったりということもあるはず。</p>\r\n<p>今回は、そんな一時的にサイトやファイルを共有したい時に役立ちそうなサービスのひとつをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">24時間で自動消滅する短縮URLサービス「SimLink」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sim.link/\">Simlink</a>」は、<strong>生成してから24時間経つと自動的に削除してくれるサイトやファイルの共有サービス。</strong></p>\r\n<p>ファイルや画像をアップロードして共有する場合は、一度に30MBまでのファイルを共有可能です。</p>\r\n\r\n<h4 class=\"tips\">サイトのURLを短縮</h4>\r\n[caption id=\"attachment_30187\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink1.png\" alt=\"サイトのURLを短縮したもの。\" width=\"592\" height=\"343\" class=\"size-full wp-image-30187\" /> サイトのURLを短縮したもの。[/caption]\r\n<p>サイトのURLを貼り付けると、短縮URLとともにQRコードが発行され、リンクの有効期限が表示されます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルを共有</h4>\r\n[caption id=\"attachment_30186\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink2.png\" alt=\"ファイルのアップロード画面。\" width=\"592\" height=\"225\" class=\"size-full wp-image-30186\" /> ファイルのアップロード画面。[/caption]\r\n<p>ファイルのアップロードは、ドラッグアンドドロップかファイル選択で可能。</p>\r\n[caption id=\"attachment_30185\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink3.png\" alt=\"ファイルの短縮URL。\" width=\"592\" height=\"356\" class=\"size-full wp-image-30185\" /> ファイルの短縮URL。[/caption]\r\n<p>ファイルもサイト共有と同様に、短縮URLとQRコード、そして有効期限が表示されます。</p>\r\n[caption id=\"attachment_30184\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink4.png\" alt=\"ファイル共有の場合、短縮URLを開くとこうなります。\" width=\"592\" height=\"338\" class=\"size-full wp-image-30184\" /> ファイル共有の場合、短縮URLを開くとこうなります。[/caption]\r\n<p>ファイル共有の短縮URLを開くと、上記のように画像のほか有効期限などの情報も表示されます。ここで画像をクリックすると、その場で拡大表示してくれます。</p>\r\n\r\n<h4 class=\"tips\">iPhoneアプリもある</h4>\r\n[caption id=\"attachment_30183\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink-iphone.png\" alt=\"iPhoneアプリの画面。\" width=\"592\" height=\"467\" class=\"size-full wp-image-30183\" /> iPhoneアプリの画面。[/caption]\r\n<p>iPhoneアプリは、共有するファイルの選択から短縮リンク生成、共有までをiPhoneでもスムーズにできるような機能を持っているようです。</p>\r\n\r\n<p>試してみたい方は<a target=\"_blank\" href=\"https://sim.link/\">Simlink</a> へどうぞ。</p>\r\n', '24時間限定のサイトとファイルの短縮URLを生成する「SimLink」', '', 'inherit', 'closed', 'closed', '', '30182-revision-v1', '', '', '2016-01-31 19:24:14', '2016-01-31 10:24:14', '', 30182, 'http://web-marketing.zako.org/web-tools/30182-revision-v1.html', 0, 'revision', '', 0),
(30190, 4, '2016-01-31 19:26:32', '2016-01-31 10:26:32', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/simlink.png\" alt=\"SimLink\" width=\"592\" height=\"314\" class=\"alignnone size-full wp-image-30188\" /></p>\r\n<p>限定的にサイトやファイルを共有する場合に、放っておいても勝手に削除してくれるのが安心というもの。</p>\r\n<p>いつまでも共有したままにしておくと、SNSなどで共有した内容とサイトの内容が変わってしまったり、意図せぬ相手にファイルを共有することになってしまったりということもあるはず。</p>\r\n<p>今回は、そんな一時的にサイトやファイルを共有したい時に役立ちそうなサービスのひとつをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">24時間で自動消滅する短縮URLサービス「SimLink」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sim.link/\">Simlink</a>」は、<strong>生成してから24時間経つと自動的に削除してくれるサイトやファイルの共有サービス。</strong></p>\r\n<p>ファイルや画像をアップロードして共有する場合は、一度に30MBまでのファイルを共有可能です。</p>\r\n\r\n<h4 class=\"tips\">サイトのURLを短縮</h4>\r\n[caption id=\"attachment_30187\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink1.png\" alt=\"サイトのURLを短縮したもの。\" width=\"592\" height=\"343\" class=\"size-full wp-image-30187\" /> サイトのURLを短縮したもの。[/caption]\r\n<p>サイトのURLを貼り付けると、短縮URLとともにQRコードが発行され、リンクの有効期限が表示されます。有効期限を過ぎると、サイト上に「Link expired. Sorry」とエラー文言が一時的に表記されるとともにサービスサイトのトップページへと遷移します。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルを共有</h4>\r\n[caption id=\"attachment_30186\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink2.png\" alt=\"ファイルのアップロード画面。\" width=\"592\" height=\"225\" class=\"size-full wp-image-30186\" /> ファイルのアップロード画面。[/caption]\r\n<p>ファイルのアップロードは、ドラッグアンドドロップかファイル選択で可能。</p>\r\n[caption id=\"attachment_30185\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink3.png\" alt=\"ファイルの短縮URL。\" width=\"592\" height=\"356\" class=\"size-full wp-image-30185\" /> ファイルの短縮URL。[/caption]\r\n<p>ファイルもサイト共有と同様に、短縮URLとQRコード、そして有効期限が表示されます。</p>\r\n[caption id=\"attachment_30184\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink4.png\" alt=\"ファイル共有の場合、短縮URLを開くとこうなります。\" width=\"592\" height=\"338\" class=\"size-full wp-image-30184\" /> ファイル共有の場合、短縮URLを開くとこうなります。[/caption]\r\n<p>ファイル共有の短縮URLを開くと、上記のように画像のほか有効期限などの情報も表示されます。ここで画像をクリックすると、その場で拡大表示してくれます。</p>\r\n\r\n<h4 class=\"tips\">iPhoneアプリもある</h4>\r\n[caption id=\"attachment_30183\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink-iphone.png\" alt=\"iPhoneアプリの画面。\" width=\"592\" height=\"467\" class=\"size-full wp-image-30183\" /> iPhoneアプリの画面。[/caption]\r\n<p>iPhoneアプリは、共有するファイルの選択から短縮リンク生成、共有までをiPhoneでもスムーズにできるような機能を持っているようです。</p>\r\n\r\n<p>試してみたい方は<a target=\"_blank\" href=\"https://sim.link/\">Simlink</a> へどうぞ。</p>\r\n', '24時間限定のサイトとファイルの短縮URLを生成する「SimLink」', '', 'inherit', 'closed', 'closed', '', '30182-revision-v1', '', '', '2016-01-31 19:26:32', '2016-01-31 10:26:32', '', 30182, 'http://web-marketing.zako.org/web-tools/30182-revision-v1.html', 0, 'revision', '', 0),
(30191, 4, '2016-01-31 19:30:03', '2016-01-31 10:30:03', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/simlink.png\" alt=\"SimLink\" width=\"592\" height=\"314\" class=\"alignnone size-full wp-image-30188\" /></p>\r\n<p>限定的にサイトやファイルを共有する場合に、放っておいても勝手に削除してくれるのが安心というもの。</p>\r\n<p>いつまでも共有したままにしておくと、SNSなどで共有した内容とサイトの内容が変わってしまったり、意図せぬ相手にファイルを共有することになってしまったりということもあるはず。</p>\r\n<p>今回は、そんな一時的にサイトやファイルを共有したい時に役立ちそうなサービスのひとつをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">24時間で自動消滅する短縮URLサービス「SimLink It!」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sim.link/\">SimLink It!</a>」は、<strong>生成してから24時間経つと自動的に削除してくれるサイトやファイルの共有サービス。</strong></p>\r\n<p>ファイルや画像をアップロードして共有する場合は、一度に30MBまでのファイルを共有可能です。</p>\r\n\r\n<h4 class=\"tips\">サイトのURLを短縮</h4>\r\n[caption id=\"attachment_30187\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink1.png\" alt=\"サイトのURLを短縮したもの。\" width=\"592\" height=\"343\" class=\"size-full wp-image-30187\" /> サイトのURLを短縮したもの。[/caption]\r\n<p>サイトのURLを貼り付けると、短縮URLとともにQRコードが発行され、リンクの有効期限が表示されます。有効期限を過ぎると、サイト上に「Link expired. Sorry」とエラー文言が一時的に表記されるとともにサービスサイトのトップページへと遷移します。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルを共有</h4>\r\n[caption id=\"attachment_30186\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink2.png\" alt=\"ファイルのアップロード画面。\" width=\"592\" height=\"225\" class=\"size-full wp-image-30186\" /> ファイルのアップロード画面。[/caption]\r\n<p>ファイルのアップロードは、ドラッグアンドドロップかファイル選択で可能。</p>\r\n[caption id=\"attachment_30185\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink3.png\" alt=\"ファイルの短縮URL。\" width=\"592\" height=\"356\" class=\"size-full wp-image-30185\" /> ファイルの短縮URL。[/caption]\r\n<p>ファイルもサイト共有と同様に、短縮URLとQRコード、そして有効期限が表示されます。</p>\r\n[caption id=\"attachment_30184\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink4.png\" alt=\"ファイル共有の場合、短縮URLを開くとこうなります。\" width=\"592\" height=\"338\" class=\"size-full wp-image-30184\" /> ファイル共有の場合、短縮URLを開くとこうなります。[/caption]\r\n<p>ファイル共有の短縮URLを開くと、上記のように画像のほか有効期限などの情報も表示されます。ここで画像をクリックすると、その場で拡大表示してくれます。</p>\r\n\r\n<h4 class=\"tips\">iPhoneアプリもある</h4>\r\n[caption id=\"attachment_30183\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink-iphone.png\" alt=\"iPhoneアプリの画面。\" width=\"592\" height=\"467\" class=\"size-full wp-image-30183\" /> iPhoneアプリの画面。[/caption]\r\n<p>iPhoneアプリは、共有するファイルの選択から短縮リンク生成、他のアプリでの共有までをスムーズにできるような機能を持っているようです。</p>\r\n\r\n<p>試してみたい方は<a target=\"_blank\" href=\"https://sim.link/\">SimLink It!</a> へどうぞ。</p>\r\n\r\n<h5 class=\"tips\">iPhoneアプリはこちら</h5>\r\n<p>\r\n	<a href=\"https://geo.itunes.apple.com/jp/app/simlink-it!/id1067594163?mt=8&at=11l8Es\" style=\"display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;\"></a>\r\n</p>', '24時間限定のサイトとファイルの短縮URLを生成する「SimLink It!」', '', 'inherit', 'closed', 'closed', '', '30182-revision-v1', '', '', '2016-01-31 19:30:03', '2016-01-31 10:30:03', '', 30182, 'http://web-marketing.zako.org/web-tools/30182-revision-v1.html', 0, 'revision', '', 0),
(30192, 4, '2016-02-01 00:10:19', '2016-01-31 15:10:19', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/01/simlink.png\" alt=\"SimLink\" width=\"592\" height=\"314\" class=\"alignnone size-full wp-image-30188\" /></p>\r\n<p>限定的にサイトやファイルを共有する場合に、放っておいても勝手に削除してくれるのが安心というもの。</p>\r\n<p>いつまでも共有したままにしておくと、SNSなどで共有した内容とサイトの内容が変わってしまったり、意図せぬ相手にファイルを共有することになってしまったりということもあるはず。</p>\r\n<p>今回は、そんな一時的にサイトやファイルを共有したい時に役立ちそうなサービスのひとつをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">24時間で自動消滅する短縮URLサービス「SimLink It!」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sim.link/\">SimLink It!</a>」は、<strong>生成してから24時間経つと自動的に削除してくれるサイトやファイルの共有サービス。</strong></p>\r\n<p>ファイルや画像をアップロードして共有する場合は、一度に30MBまでのファイルを共有可能です。</p>\r\n\r\n<h4 class=\"tips\">サイトのURLを短縮</h4>\r\n[caption id=\"attachment_30187\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink1.png\" alt=\"サイトのURLを短縮したもの。\" width=\"592\" height=\"343\" class=\"size-full wp-image-30187\" /> サイトのURLを短縮したもの。[/caption]\r\n<p>サイトのURLを貼り付けると、短縮URLとともにQRコードが発行され、リンクの有効期限が表示されます。有効期限を過ぎると、サイト上に「Link expired. Sorry」とエラー文言が一時的に表記されるとともにサービスサイトのトップページへと遷移します。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルを共有</h4>\r\n[caption id=\"attachment_30186\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink2.png\" alt=\"ファイルのアップロード画面。\" width=\"592\" height=\"225\" class=\"size-full wp-image-30186\" /> ファイルのアップロード画面。[/caption]\r\n<p>ファイルのアップロードは、ドラッグアンドドロップかファイル選択で可能。</p>\r\n[caption id=\"attachment_30185\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink3.png\" alt=\"ファイルの短縮URL。\" width=\"592\" height=\"356\" class=\"size-full wp-image-30185\" /> ファイルの短縮URL。[/caption]\r\n<p>ファイルもサイト共有と同様に、短縮URLとQRコード、そして有効期限が表示されます。</p>\r\n[caption id=\"attachment_30184\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink4.png\" alt=\"ファイル共有の場合、短縮URLを開くとこうなります。\" width=\"592\" height=\"338\" class=\"size-full wp-image-30184\" /> ファイル共有の場合、短縮URLを開くとこうなります。[/caption]\r\n<p>ファイル共有の短縮URLを開くと、上記のように画像のほか有効期限などの情報も表示されます。ここで画像をクリックすると、その場で拡大表示してくれます。</p>\r\n\r\n<h4 class=\"tips\">iPhoneアプリもある</h4>\r\n[caption id=\"attachment_30183\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/01/simlink-iphone.png\" alt=\"iPhoneアプリの画面。\" width=\"592\" height=\"467\" class=\"size-full wp-image-30183\" /> iPhoneアプリの画面。[/caption]\r\n<p>iPhoneアプリは、共有するファイルの選択から短縮リンク生成、他のアプリでの共有までをスムーズにできるような機能を持っているようです。</p>\r\n\r\n<p>試してみたい方は<a target=\"_blank\" href=\"https://sim.link/\">SimLink It!</a> へどうぞ。</p>\r\n\r\n<h5 class=\"tips\">iPhoneアプリはこちら</h5>\r\n<p>\r\n	<a href=\"https://geo.itunes.apple.com/jp/app/simlink-it!/id1067594163?mt=8&at=11l8Es\" style=\"display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;\"></a>\r\n</p>', '24時間限定のサイトとファイルの短縮URLを生成する「SimLink It!」', '1日経つと自動的に無効となる短縮URL。ファイルやサイトの共有に使えます。', 'inherit', 'closed', 'closed', '', '30182-revision-v1', '', '', '2016-02-01 00:10:19', '2016-01-31 15:10:19', '', 30182, 'http://web-marketing.zako.org/web-tools/30182-revision-v1.html', 0, 'revision', '', 0),
(30193, 4, '2016-02-08 00:51:57', '2016-02-07 15:51:57', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry.png\" alt=\"Envelope Registry\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30200\" /></p>\r\n<p>結婚式の案内って、いまだに出欠確認用の葉書だけでおこなうことが多いですよね。でも、サイトなどを使うことによって、参加する方々にとってもより参画意識を持っていただけたり、自分たちが力になってあげられることを見つけたりすることもできるように思います。</p>\r\n<p>そういった新しい結婚式の体験を、当事者と参加者双方が感じることができそうなサービスを、今回はご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">結婚式のサイトを作成して夫婦の夢の支援を募れる「Envelope Registry」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://enveloperegistry.com/us/\">Envelope Registry</a>」は、<strong>無料で結婚式の告知サイトを作成できるサービス。</strong></p>\r\n<p>いまのところ銀行振込などのお金の手続きは米国、英国、豪州に限られていますが、クラウドファンディングのようにやりたいことを提示して、それに対して参加者が支援をおこなうという機能も持っています。</p>\r\n\r\n<h4 class=\"tips\">結婚式の案内LPサイトを無料で作れる</h4>\r\n[caption id=\"attachment_30199\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-lp.png\" alt=\"結婚式案内サイトのファーストビュー。\" width=\"592\" height=\"581\" class=\"size-full wp-image-30199\" /> 結婚式案内サイトのファーストビュー。[/caption]\r\n<p>レスポンシブにも対応した一枚もののLPを無料で作成することができます。</p>\r\n<p>作成方法はシンプルで、手順にそって写真を登録したり、タイトルを決めたりするだけでOKです。</p>\r\n\r\n<p class=\"desc\">サンプルサイト：<a target=\"_blank\" href=\"https://enveloperegistry.com/au/annisaandsimon#/\">Annisa &amp; Simon | Envelope</a><br />※ギフトの購入などは締め切られていて使えないようになっています。</p>\r\n\r\n<h4 class=\"tips\">誰がページを見たかをトラッキングできる</h4>\r\n<p>このサイトへは、基本的にメールで招待することによって参加者に共有をおこないます。そのメールを誰が開封したか、サイトを開いたかというトラッキングもおこなってくれます。</p>\r\n<p>そのため、メールに気づいていない人に対して別途の連絡をおこなうなどの対処もおこなえますよね。</p>\r\n\r\n<h4 class=\"tips\">実現したいことに対する寄付やギフトを募ることも可能</h4>\r\n[caption id=\"attachment_30198\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-gifts.png\" alt=\"新婚旅行でバンをレンタルしたい、ちょっと贅沢なディナーを食べたいなど、寄付募集のお題は多彩。\" width=\"592\" height=\"513\" class=\"size-full wp-image-30198\" /> 新婚旅行でバンをレンタルしたい、ちょっと贅沢なディナーを食べたいなど、寄付募集のお題は多彩。[/caption]\r\n<p>おもに欧米などの習慣であり、旧来の日本文化には馴染みがないのかもしれませんが、結婚する2人が実現したい夢に対してクラウドファンディングのように寄付やギフトを贈れる機能がついています。</p>\r\n\r\n<p>このサービスは、結婚する当事者からは料金を取りませんが、この寄付などの料金のうち6%を、お祝いする側の人から手数料として徴収することによっビジネスを成り立たせているようです。</p>\r\n\r\n[caption id=\"attachment_30194\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-gift-set.png\" alt=\"ギフトを設定する画面。Airbnbのクレジットやディズニーランドのチケットなんてものも用意されています。\" width=\"592\" height=\"387\" class=\"size-full wp-image-30194\" /> ギフトを設定する画面。Airbnbのクレジットやディズニーランドのチケットなんてものも用意されています。[/caption]\r\n<p>ギフトはかなり多くの設定があらかじめ用意されており、その中から新郎新婦が複数選べるようになっています。</p>\r\n\r\n<h4 class=\"tips\">ゲストがお祝いのメッセージを残せる</h4>\r\n[caption id=\"attachment_30197\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-guest-messages.png\" alt=\"サイト上にゲストのメッセージが並ぶ。\" width=\"592\" height=\"513\" class=\"size-full wp-image-30197\" /> サイト上にゲストのメッセージが並ぶ。[/caption]\r\n<p>この告知サイト上にゲストがお祝いのメッセージを残せるのも特徴。会場で直接伝えるのも良いですが、このように後々まで残るものとしてお祝いできるのも良いですね。</p>\r\n\r\n\r\n<h4 class=\"tips\">Instagramで指定したハッシュタグを付けた写真を一覧できる</h4>\r\n[caption id=\"attachment_30196\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-instagram.png\" alt=\"あらかじめハッシュタグを告知しておけば、このサイト上に投稿された写真がまとめられる。\" width=\"592\" height=\"519\" class=\"size-full wp-image-30196\" /> あらかじめハッシュタグを告知しておけば、このサイト上に投稿された写真がまとめられる。[/caption]\r\n<p>結婚式の様子や、その準備、あるいは結婚式後の様子、新婚旅行の写真などを、あらかじめ決めておいたハッシュタグでInstagramへ投稿すれば、この結婚式サイトを見ることで、みんなが写真をまとめてみることもできます。</p>\r\n\r\n[caption id=\"attachment_30195\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-hashtag.png\" alt=\"ハッシュタグを設定する画面。\" width=\"592\" height=\"281\" class=\"size-full wp-image-30195\" /> ハッシュタグを設定する画面。[/caption]\r\n<p>ハッシュタグはサイトの作成時に指定できるようになっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://enveloperegistry.com/us/\">Envelope Registry</a>へどうぞ。</p>\r\n', '結婚式の告知サイトを無料で作れてクラウドファンディング的なこともできる「Envelope Registry」', '自分たちの結婚式の告知ランディングページを無料で作成できるサービス。日本の通貨や銀行には対応していないものの、クラウドファンディングの機能も要しています。', 'publish', 'open', 'closed', '', 'envelope-registry', '', '', '2016-02-08 00:51:57', '2016-02-07 15:51:57', '', 0, 'http://web-marketing.zako.org/?p=30193', 0, 'post', '', 0),
(30194, 4, '2016-02-07 19:54:01', '2016-02-07 10:54:01', '', 'enveloperegistry-gift-set', 'ギフトを設定する画面。Airbnbのクレジットやディズニーランドのチケットなんてものも用意されています。', 'inherit', 'open', 'closed', '', 'enveloperegistry-gift-set', '', '', '2016-02-07 19:55:08', '2016-02-07 10:55:08', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry-gift-set.png', 0, 'attachment', 'image/png', 0),
(30195, 4, '2016-02-07 19:54:03', '2016-02-07 10:54:03', '', 'enveloperegistry-hashtag', 'ハッシュタグを設定する画面。', 'inherit', 'open', 'closed', '', 'enveloperegistry-hashtag', '', '', '2016-02-07 19:55:26', '2016-02-07 10:55:26', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry-hashtag.png', 0, 'attachment', 'image/png', 0),
(30196, 4, '2016-02-07 19:54:05', '2016-02-07 10:54:05', '', 'enveloperegistry-instagram', 'あらかじめハッシュタグを告知しておけば、このサイト上に投稿された写真がまとめられる。', 'inherit', 'open', 'closed', '', 'enveloperegistry-instagram', '', '', '2016-02-07 19:55:21', '2016-02-07 10:55:21', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry-instagram.png', 0, 'attachment', 'image/png', 0),
(30197, 4, '2016-02-07 19:54:06', '2016-02-07 10:54:06', '', 'enveloperegistry-guest-messages', 'サイト上にゲストのメッセージが並ぶ。', 'inherit', 'open', 'closed', '', 'enveloperegistry-guest-messages', '', '', '2016-02-07 19:55:15', '2016-02-07 10:55:15', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry-guest-messages.png', 0, 'attachment', 'image/png', 0),
(30198, 4, '2016-02-07 19:54:08', '2016-02-07 10:54:08', '', 'enveloperegistry-gifts', '新婚旅行でバンをレンタルしたい、ちょっと贅沢なディナーを食べたいなど、寄付募集のお題は多彩。', 'inherit', 'open', 'closed', '', 'enveloperegistry-gifts', '', '', '2016-02-07 19:54:57', '2016-02-07 10:54:57', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry-gifts.png', 0, 'attachment', 'image/png', 0),
(30199, 4, '2016-02-07 19:54:10', '2016-02-07 10:54:10', '', 'enveloperegistry-lp', '結婚式案内サイトのファーストビュー。', 'inherit', 'open', 'closed', '', 'enveloperegistry-lp', '', '', '2016-02-07 19:54:38', '2016-02-07 10:54:38', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry-lp.png', 0, 'attachment', 'image/png', 0),
(30200, 4, '2016-02-07 19:54:12', '2016-02-07 10:54:12', '', 'enveloperegistry', '', 'inherit', 'open', 'closed', '', 'enveloperegistry', '', '', '2016-02-07 19:54:20', '2016-02-07 10:54:20', '', 30193, 'http://web-marketing.zako.org/images/2016/02/enveloperegistry.png', 0, 'attachment', 'image/png', 0),
(30201, 4, '2016-02-07 20:00:40', '2016-02-07 11:00:40', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry.png\" alt=\"Envelope Registry\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30200\" /></p>\r\n<p>結婚式の案内って、いまだに出欠確認用の葉書だけでおこなうことが多いですよね。でも、サイトなどを使うことによって、参加する方々にとってもより参画意識を持っていただけたり、自分たちが力になってあげられることを見つけたりすることもできるように思います。</p>\r\n<p>そういった新しい結婚式の体験を、当事者と参加者双方が感じることができそうなサービスを、今回はご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">結婚式のサイトを作成して夫婦の夢の支援を募れる「Envelope Registry」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://enveloperegistry.com/us/\">Envelope Registry</a>」は、<strong>無料で結婚式の告知サイトを作成できるサービス。</strong></p>\r\n<p>いまのところ銀行振込などのお金の手続きは米国、英国、豪州に限られていますが、クラウドファンディングのようにやりたいことを提示して、それに対して参加者が支援をおこなうという機能も持っています。</p>\r\n\r\n<h4 class=\"tips\">結婚式の案内LPサイトを無料で作れる</h4>\r\n[caption id=\"attachment_30199\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-lp.png\" alt=\"結婚式案内サイトのファーストビュー。\" width=\"592\" height=\"581\" class=\"size-full wp-image-30199\" /> 結婚式案内サイトのファーストビュー。[/caption]\r\n<p>レスポンシブにも対応した一枚もののLPを無料で作成することができます。</p>\r\n<p>作成方法はシンプルで、手順にそって写真を登録したり、タイトルを決めたりするだけでOKです。</p>\r\n\r\n<p class=\"desc\">サンプルサイト：<a target=\"_blank\" href=\"https://enveloperegistry.com/au/annisaandsimon#/\">Annisa &amp; Simon | Envelope</a><br />※ギフトの購入などは締め切られていて使えないようになっています。</p>\r\n\r\n<h4 class=\"tips\">誰がページを見たかをトラッキングできる</h4>\r\n<p>このサイトへは、基本的にメールで招待することによって参加者に共有をおこないます。そのメールを誰が開封したか、サイトを開いたかというトラッキングもおこなってくれます。</p>\r\n<p>そのため、メールに気づいていない人に対して別途の連絡をおこなうなどの対処もおこなえますよね。</p>\r\n\r\n<h4 class=\"tips\">実現したいことに対する寄付やギフトを募ることも可能</h4>\r\n[caption id=\"attachment_30198\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-gifts.png\" alt=\"新婚旅行でバンをレンタルしたい、ちょっと贅沢なディナーを食べたいなど、寄付募集のお題は多彩。\" width=\"592\" height=\"513\" class=\"size-full wp-image-30198\" /> 新婚旅行でバンをレンタルしたい、ちょっと贅沢なディナーを食べたいなど、寄付募集のお題は多彩。[/caption]\r\n<p>おもに欧米などの習慣であり、旧来の日本文化には馴染みがないのかもしれませんが、結婚する2人が実現したい夢に対してクラウドファンディングのように寄付やギフトを贈れる機能がついています。</p>\r\n\r\n<p>このサービスは、結婚する当事者からは料金を取りませんが、この寄付などの料金のうち6%を、お祝いする側の人から手数料として徴収することによっビジネスを成り立たせているようです。</p>\r\n\r\n[caption id=\"attachment_30194\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-gift-set.png\" alt=\"ギフトを設定する画面。Airbnbのクレジットやディズニーランドのチケットなんてものも用意されています。\" width=\"592\" height=\"387\" class=\"size-full wp-image-30194\" /> ギフトを設定する画面。Airbnbのクレジットやディズニーランドのチケットなんてものも用意されています。[/caption]\r\n<p>ギフトはかなり多くの設定があらかじめ用意されており、その中から新郎新婦が複数選べるようになっています。</p>\r\n\r\n<h4 class=\"tips\">ゲストがお祝いのメッセージを残せる</h4>\r\n[caption id=\"attachment_30197\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-guest-messages.png\" alt=\"サイト上にゲストのメッセージが並ぶ。\" width=\"592\" height=\"513\" class=\"size-full wp-image-30197\" /> サイト上にゲストのメッセージが並ぶ。[/caption]\r\n<p>この告知サイト上にゲストがお祝いのメッセージを残せるのも特徴。会場で直接伝えるのも良いですが、このように後々まで残るものとしてお祝いできるのも良いですね。</p>\r\n\r\n\r\n<h4 class=\"tips\">Instagramで指定したハッシュタグを付けた写真を一覧できる</h4>\r\n[caption id=\"attachment_30196\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-instagram.png\" alt=\"あらかじめハッシュタグを告知しておけば、このサイト上に投稿された写真がまとめられる。\" width=\"592\" height=\"519\" class=\"size-full wp-image-30196\" /> あらかじめハッシュタグを告知しておけば、このサイト上に投稿された写真がまとめられる。[/caption]\r\n<p>結婚式の様子や、その準備、あるいは結婚式後の様子、新婚旅行の写真などを、あらかじめ決めておいたハッシュタグでInstagramへ投稿すれば、この結婚式サイトを見ることで、みんなが写真をまとめてみることもできます。</p>\r\n\r\n[caption id=\"attachment_30195\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/enveloperegistry-hashtag.png\" alt=\"ハッシュタグを設定する画面。\" width=\"592\" height=\"281\" class=\"size-full wp-image-30195\" /> ハッシュタグを設定する画面。[/caption]\r\n<p>ハッシュタグはサイトの作成時に指定できるようになっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://enveloperegistry.com/us/\">Envelope Registry</a>へどうぞ。</p>\r\n', '結婚式の告知サイトを無料で作れてクラウドファンディング的なこともできる「Envelope Registry」', '自分たちの結婚式の告知ランディングページを無料で作成できるサービス。日本の通貨や銀行には対応していないものの、クラウドファンディングの機能も要しています。', 'inherit', 'closed', 'closed', '', '30193-revision-v1', '', '', '2016-02-07 20:00:40', '2016-02-07 11:00:40', '', 30193, 'http://web-marketing.zako.org/web-tools/30193-revision-v1.html', 0, 'revision', '', 0),
(30203, 4, '2016-02-15 00:08:51', '2016-02-14 15:08:51', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/samepage.png\" alt=\"Samepage\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30204\" /></p>\r\n<p>チーム内で仕事をする際に、複数の画面を何度も切り替えながら進めていることも多いかと思います。メールを見たと思ったら今度はスプレッドシート、パワーポイント、ワードやDropboxにPDF、Slackなどなど。</p>\r\n<p>できれば、こういったことはすべてひとつの画面で済ませたいものです。</p>\r\n<p>今回ご紹介するのは、散らばってしまっている情報をひとつの画面で確認できるようにし、わざわざブラウザのタブを切り替えたりファイルを探したりすることをなくしてくれるツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">チームでの仕事をひとつの画面で済ませられる 「Samepage」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.samepage.io/\">Samepage</a>」は、<strong>ひとつの画面でプロジェクトの仕事を完結できるオンラインサービス。</strong></p>\r\n<p>これまで、ひとつの画面で済まそうとするには帯に短し襷に長しなものが多かった中、かゆいところに手が届くものになっています。</p>\r\n\r\n<h4 class=\"tips\">プロジェクト管理をシンプルにできる</h4>\r\n[caption id=\"attachment_30212\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-pm.png\" alt=\"Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。\" width=\"592\" height=\"252\" class=\"size-full wp-image-30212\" /> Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。[/caption]\r\n<p>プロジェクトの概要やマイルストーンを記載できるカレンダー、そしてクラウド上に保存されているファイルへのリンクなどなど、プロジェクトの管理に必要なことを1ページにまとめることができます。</p>\r\n<p>画面のレイアウトはドラッグ・アンド・ドロップで変更可能となっていて、自分がいちばん管理しやすい状況にすることができます。</p>\r\n\r\n[caption id=\"attachment_30211\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-pm-temp.png\" alt=\"プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。\" width=\"592\" height=\"504\" class=\"size-full wp-image-30211\" /> プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。[/caption]\r\n<p>プロジェクト管理用のテンプレートも用意されているので、手軽に始められるのも良い点です。</p>\r\n\r\n[caption id=\"attachment_30205\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-newsfeed.png\" alt=\"ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。\" width=\"592\" height=\"236\" class=\"size-full wp-image-30205\" /> ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。[/caption]\r\n<p>チャットやニュースフィードの機能も持っており、何か内容を更新した際には、ニュースフィードへ投稿することでメンバーに更新を通知することができます。もちろん、ダイレクトチャットやグループチャットの機能も持っています。</p>\r\n\r\n<h4 class=\"tips\">情報共有も１画面にまとめられる</h4>\r\n[caption id=\"attachment_30210\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-share.png\" alt=\"動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。\" width=\"592\" height=\"251\" class=\"size-full wp-image-30210\" /> 動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。[/caption]\r\n<p>文章だけでは伝わらず、チャットだけでは流れていってしまう大切な情報も、ひとつの画面にさまざまな種類のドキュメントを使ってまとめることができます。</p>\r\n\r\n[caption id=\"attachment_30207\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-share-sample.png\" alt=\"情報共有ページのサンプル。\" width=\"592\" height=\"382\" class=\"size-full wp-image-30207\" /> 情報共有ページのサンプル。[/caption]\r\n<p>YouTubeなどにアップしたプレゼン動画を埋め込んで、そのなかに出てくる重要なデータを、ページに埋め込まれた表（エクセル）ですぐに確認できるようにして、補足資料はGoogleドライブやDropbox、Boxなどへのリンクを付けておくなど、いちいち情報を探すことなく一画面で確認できるのが良いですね。</p>\r\n\r\n<h4 class=\"tips\">ミーティングのアジェンダと議事録も１枚に</h4>\r\n[caption id=\"attachment_30209\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-agenda.png\" alt=\"議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。\" width=\"592\" height=\"259\" class=\"size-full wp-image-30209\" /> 議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。[/caption]\r\n<p>議事録担当者がとっている議事録もリアルタイムに反映されるアジェンダ。スマホアプリ経由でホワイトボードのキャプチャをアップロードすることもでき、すべてその場で完結させることができます。</p>\r\n\r\n[caption id=\"attachment_30208\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-agenda-sample.png\" alt=\"こちらがアジェンダのサンプル。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30208\" /> こちらがアジェンダのサンプル。[/caption]\r\n<p>会議が終わってから議事録をまとめるなんて無駄なこともなく、作成された議事録に対してその場でフィードバックできるのも良いですね。</p>\r\n\r\n[caption id=\"attachment_30206\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-template.png\" alt=\"ページのテンプレートはブランクを合わせて４種類。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30206\" /> ページのテンプレートはブランクを合わせて４種類。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.samepage.io/\">Samepage</a>へどうぞ。２５ページ、５GBのストレージ使用までは無料で使えます。ユーザー数は無料版でも無制限です。</p>\r\n\r\n<p>こういった情報をまとめたりするために、Googleサイトを使うなんてことが良くあります。しかしGoogleサイトの場合は操作感などでイマイチな点が多く、使うこと自体がストレスになってしまいます。Samepageではそのストレスがないうえに、通常時のコミュニケーションツールも内包しているのが良い所なのかもしれませんね。</p>\r\n', 'プロジェクト管理をひとつの画面で済ませられる「Samepage」', 'チャット、プロジェクト管理、アジェンダ、議事録などをひとつの画面にまとめられるサービス。', 'publish', 'open', 'closed', '', 'samepage', '', '', '2016-02-15 00:08:51', '2016-02-14 15:08:51', '', 0, 'http://web-marketing.zako.org/?p=30203', 0, 'post', '', 0),
(30204, 4, '2016-02-14 18:31:48', '2016-02-14 09:31:48', '', 'samepage', '', 'inherit', 'open', 'closed', '', 'samepage-2', '', '', '2016-02-14 18:32:00', '2016-02-14 09:32:00', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage.png', 0, 'attachment', 'image/png', 0),
(30205, 4, '2016-02-14 18:31:50', '2016-02-14 09:31:50', '', 'samepage-newsfeed', 'ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。', 'inherit', 'open', 'closed', '', 'samepage-newsfeed', '', '', '2016-02-14 18:32:12', '2016-02-14 09:32:12', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-newsfeed.png', 0, 'attachment', 'image/png', 0),
(30206, 4, '2016-02-14 18:31:51', '2016-02-14 09:31:51', '', 'samepage-template', 'ページのテンプレートはブランクを合わせて４種類。', 'inherit', 'open', 'closed', '', 'samepage-template', '', '', '2016-02-14 18:32:21', '2016-02-14 09:32:21', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-template.png', 0, 'attachment', 'image/png', 0),
(30207, 4, '2016-02-14 18:31:52', '2016-02-14 09:31:52', '', 'samepage-share-sample', '情報共有ページのサンプル。', 'inherit', 'open', 'closed', '', 'samepage-share-sample', '', '', '2016-02-14 18:32:35', '2016-02-14 09:32:35', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-share-sample.png', 0, 'attachment', 'image/png', 0),
(30208, 4, '2016-02-14 18:31:53', '2016-02-14 09:31:53', '', 'samepage-agenda-sample', 'こちらがアジェンダのサンプル。', 'inherit', 'open', 'closed', '', 'samepage-agenda-sample', '', '', '2016-02-14 18:32:41', '2016-02-14 09:32:41', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-agenda-sample.png', 0, 'attachment', 'image/png', 0),
(30209, 4, '2016-02-14 18:31:55', '2016-02-14 09:31:55', '', 'samepage-agenda', '議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。', 'inherit', 'open', 'closed', '', 'samepage-agenda', '', '', '2016-02-14 18:33:07', '2016-02-14 09:33:07', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-agenda.png', 0, 'attachment', 'image/png', 0),
(30210, 4, '2016-02-14 18:31:56', '2016-02-14 09:31:56', '', 'samepage-share', '動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。', 'inherit', 'open', 'closed', '', 'samepage-share', '', '', '2016-02-14 18:33:14', '2016-02-14 09:33:14', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-share.png', 0, 'attachment', 'image/png', 0),
(30211, 4, '2016-02-14 18:31:57', '2016-02-14 09:31:57', '', 'samepage-pm-temp', 'プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。', 'inherit', 'open', 'closed', '', 'samepage-pm-temp', '', '', '2016-02-14 18:33:39', '2016-02-14 09:33:39', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-pm-temp.png', 0, 'attachment', 'image/png', 0),
(30212, 4, '2016-02-14 18:31:59', '2016-02-14 09:31:59', '', 'samepage-pm', 'Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。', 'inherit', 'open', 'closed', '', 'samepage-pm', '', '', '2016-02-14 18:33:55', '2016-02-14 09:33:55', '', 30203, 'http://web-marketing.zako.org/images/2016/02/samepage-pm.png', 0, 'attachment', 'image/png', 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
(30213, 4, '2016-02-14 18:39:44', '2016-02-14 09:39:44', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/samepage.png\" alt=\"Samepage\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30204\" /></p>\r\n<p>チーム内で仕事をする際に、複数の画面を何度も切り替えながら進めていることも多いかと思います。メールを見たと思ったら今度はスプレッドシート、パワーポイント、ワードやDropboxにPDF、Slackなどなど。</p>\r\n<p>できれば、こういったことはすべてひとつの画面で済ませたいものです。</p>\r\n<p>今回ご紹介するのは、散らばってしまっている情報をひとつの画面で確認できるようにし、わざわざブラウザのタブを切り替えたりファイルを探したりすることをなくしてくれるツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">チームでの仕事をひとつの画面で済ませられる 「Samepage」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.samepage.io/\">Samepage</a>」は、<strong>ひとつの画面でプロジェクトの仕事を完結できるオンラインサービス。</strong></p>\r\n<p>これまで、ひとつの画面で済まそうとするには帯に短し襷に長しなものが多かった中、かゆいところに手が届くものになっています。</p>\r\n\r\n<h4 class=\"tips\">プロジェクト管理をシンプルにできる</h4>\r\n[caption id=\"attachment_30212\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-pm.png\" alt=\"Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。\" width=\"592\" height=\"252\" class=\"size-full wp-image-30212\" /> Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。[/caption]\r\n<p>プロジェクトの概要やマイルストーンを記載できるカレンダー、そしてクラウド上に保存されているファイルへのリンクなどなど、プロジェクトの管理に必要なことを1ページにまとめることができます。</p>\r\n<p>画面のレイアウトはドラッグ・アンド・ドロップで変更可能となっていて、自分がいちばん管理しやすい状況にすることができます。</p>\r\n\r\n[caption id=\"attachment_30211\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-pm-temp.png\" alt=\"プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。\" width=\"592\" height=\"504\" class=\"size-full wp-image-30211\" /> プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。[/caption]\r\n<p>プロジェクト管理用のテンプレートも用意されているので、手軽に始められるのも良い点です。</p>\r\n\r\n[caption id=\"attachment_30205\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-newsfeed.png\" alt=\"ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。\" width=\"592\" height=\"236\" class=\"size-full wp-image-30205\" /> ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。[/caption]\r\n<p>チャットやニュースフィードの機能も持っており、何か内容を更新した際には、ニュースフィードへ投稿することでメンバーに更新を通知することができます。もちろん、ダイレクトチャットやグループチャットの機能も持っています。</p>\r\n\r\n<h4 class=\"tips\">情報共有も１画面にまとめられる</h4>\r\n[caption id=\"attachment_30210\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-share.png\" alt=\"動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。\" width=\"592\" height=\"251\" class=\"size-full wp-image-30210\" /> 動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。[/caption]\r\n<p>文章だけでは伝わらず、チャットだけでは流れていってしまう大切な情報も、ひとつの画面にさまざまな種類のドキュメントを使ってまとめることができます。</p>\r\n\r\n[caption id=\"attachment_30207\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-share-sample.png\" alt=\"情報共有ページのサンプル。\" width=\"592\" height=\"382\" class=\"size-full wp-image-30207\" /> 情報共有ページのサンプル。[/caption]\r\n<p>YouTubeなどにアップしたプレゼン動画を埋め込んで、そのなかに出てくる重要なデータを、ページに埋め込まれた表（エクセル）ですぐに確認できるようにして、補足資料はGoogleドライブやDropbox、Boxなどへのリンクを付けておくなど、いちいち情報を探すことなく一画面で確認できるのが良いですね。</p>\r\n\r\n<h4 class=\"tips\">ミーティングのアジェンダと議事録も１枚に</h4>\r\n[caption id=\"attachment_30209\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-agenda.png\" alt=\"議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。\" width=\"592\" height=\"259\" class=\"size-full wp-image-30209\" /> 議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。[/caption]\r\n<p>議事録担当者がとっている議事録もリアルタイムに反映されるアジェンダ。スマホアプリ経由でホワイトボードのキャプチャをアップロードすることもでき、すべてその場で完結させることができます。</p>\r\n\r\n[caption id=\"attachment_30208\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-agenda-sample.png\" alt=\"こちらがアジェンダのサンプル。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30208\" /> こちらがアジェンダのサンプル。[/caption]\r\n<p>会議が終わってから議事録をまとめるなんて無駄なこともなく、作成された議事録に対してその場でフィードバックできるのも良いですね。</p>\r\n\r\n[caption id=\"attachment_30206\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-template.png\" alt=\"ページのテンプレートはブランクを合わせて４種類。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30206\" /> ページのテンプレートはブランクを合わせて４種類。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.samepage.io/\">Samepage</a>へどうぞ。２５ページ、５GBのストレージ使用までは無料で使えます。ユーザー数は無料版でも無制限です。</p>\r\n\r\n<p>こういった情報をまとめたりするために、Googleサイトを使うなんてことが良くあります。しかしGoogleサイトの場合は操作感などでイマイチな点が多く、使うこと自体がストレスになってしまいます。Samepageではそのストレスがないうえに、通常時のコミュニケーションツールも内包しているのが良い所なのかもしれませんね。</p>\r\n', 'プロジェクト管理をひとつの画面で済ませられる「Samepage」', '', 'inherit', 'closed', 'closed', '', '30203-revision-v1', '', '', '2016-02-14 18:39:44', '2016-02-14 09:39:44', '', 30203, 'http://web-marketing.zako.org/web-tools/30203-revision-v1.html', 0, 'revision', '', 0),
(30214, 4, '2016-02-15 00:08:51', '2016-02-14 15:08:51', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/samepage.png\" alt=\"Samepage\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30204\" /></p>\r\n<p>チーム内で仕事をする際に、複数の画面を何度も切り替えながら進めていることも多いかと思います。メールを見たと思ったら今度はスプレッドシート、パワーポイント、ワードやDropboxにPDF、Slackなどなど。</p>\r\n<p>できれば、こういったことはすべてひとつの画面で済ませたいものです。</p>\r\n<p>今回ご紹介するのは、散らばってしまっている情報をひとつの画面で確認できるようにし、わざわざブラウザのタブを切り替えたりファイルを探したりすることをなくしてくれるツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">チームでの仕事をひとつの画面で済ませられる 「Samepage」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.samepage.io/\">Samepage</a>」は、<strong>ひとつの画面でプロジェクトの仕事を完結できるオンラインサービス。</strong></p>\r\n<p>これまで、ひとつの画面で済まそうとするには帯に短し襷に長しなものが多かった中、かゆいところに手が届くものになっています。</p>\r\n\r\n<h4 class=\"tips\">プロジェクト管理をシンプルにできる</h4>\r\n[caption id=\"attachment_30212\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-pm.png\" alt=\"Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。\" width=\"592\" height=\"252\" class=\"size-full wp-image-30212\" /> Google Driveなどのファイルを一覧したり、画像を掲載できて、個別に振ったタスクの進捗管理もできる。[/caption]\r\n<p>プロジェクトの概要やマイルストーンを記載できるカレンダー、そしてクラウド上に保存されているファイルへのリンクなどなど、プロジェクトの管理に必要なことを1ページにまとめることができます。</p>\r\n<p>画面のレイアウトはドラッグ・アンド・ドロップで変更可能となっていて、自分がいちばん管理しやすい状況にすることができます。</p>\r\n\r\n[caption id=\"attachment_30211\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-pm-temp.png\" alt=\"プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。\" width=\"592\" height=\"504\" class=\"size-full wp-image-30211\" /> プロジェクト管理のテンプレートを選択して作成したプロジェクトの概要を伝える画面。[/caption]\r\n<p>プロジェクト管理用のテンプレートも用意されているので、手軽に始められるのも良い点です。</p>\r\n\r\n[caption id=\"attachment_30205\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-newsfeed.png\" alt=\"ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。\" width=\"592\" height=\"236\" class=\"size-full wp-image-30205\" /> ニュースフィード画面に更新したファイルへのリンクと更新した旨を簡単に通知できる。[/caption]\r\n<p>チャットやニュースフィードの機能も持っており、何か内容を更新した際には、ニュースフィードへ投稿することでメンバーに更新を通知することができます。もちろん、ダイレクトチャットやグループチャットの機能も持っています。</p>\r\n\r\n<h4 class=\"tips\">情報共有も１画面にまとめられる</h4>\r\n[caption id=\"attachment_30210\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-share.png\" alt=\"動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。\" width=\"592\" height=\"251\" class=\"size-full wp-image-30210\" /> 動画や画像にSlideShareやクラウド上のファイルなどをまとめられる。[/caption]\r\n<p>文章だけでは伝わらず、チャットだけでは流れていってしまう大切な情報も、ひとつの画面にさまざまな種類のドキュメントを使ってまとめることができます。</p>\r\n\r\n[caption id=\"attachment_30207\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-share-sample.png\" alt=\"情報共有ページのサンプル。\" width=\"592\" height=\"382\" class=\"size-full wp-image-30207\" /> 情報共有ページのサンプル。[/caption]\r\n<p>YouTubeなどにアップしたプレゼン動画を埋め込んで、そのなかに出てくる重要なデータを、ページに埋め込まれた表（エクセル）ですぐに確認できるようにして、補足資料はGoogleドライブやDropbox、Boxなどへのリンクを付けておくなど、いちいち情報を探すことなく一画面で確認できるのが良いですね。</p>\r\n\r\n<h4 class=\"tips\">ミーティングのアジェンダと議事録も１枚に</h4>\r\n[caption id=\"attachment_30209\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-agenda.png\" alt=\"議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。\" width=\"592\" height=\"259\" class=\"size-full wp-image-30209\" /> 議事録をとっているのをリアルタイムに見ることもできて、情報もすべて１ページにまとめられます。[/caption]\r\n<p>議事録担当者がとっている議事録もリアルタイムに反映されるアジェンダ。スマホアプリ経由でホワイトボードのキャプチャをアップロードすることもでき、すべてその場で完結させることができます。</p>\r\n\r\n[caption id=\"attachment_30208\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-agenda-sample.png\" alt=\"こちらがアジェンダのサンプル。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30208\" /> こちらがアジェンダのサンプル。[/caption]\r\n<p>会議が終わってから議事録をまとめるなんて無駄なこともなく、作成された議事録に対してその場でフィードバックできるのも良いですね。</p>\r\n\r\n[caption id=\"attachment_30206\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/samepage-template.png\" alt=\"ページのテンプレートはブランクを合わせて４種類。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30206\" /> ページのテンプレートはブランクを合わせて４種類。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.samepage.io/\">Samepage</a>へどうぞ。２５ページ、５GBのストレージ使用までは無料で使えます。ユーザー数は無料版でも無制限です。</p>\r\n\r\n<p>こういった情報をまとめたりするために、Googleサイトを使うなんてことが良くあります。しかしGoogleサイトの場合は操作感などでイマイチな点が多く、使うこと自体がストレスになってしまいます。Samepageではそのストレスがないうえに、通常時のコミュニケーションツールも内包しているのが良い所なのかもしれませんね。</p>\r\n', 'プロジェクト管理をひとつの画面で済ませられる「Samepage」', 'チャット、プロジェクト管理、アジェンダ、議事録などをひとつの画面にまとめられるサービス。', 'inherit', 'closed', 'closed', '', '30203-revision-v1', '', '', '2016-02-15 00:08:51', '2016-02-14 15:08:51', '', 30203, 'http://web-marketing.zako.org/web-tools/30203-revision-v1.html', 0, 'revision', '', 0),
(30216, 4, '2016-02-29 01:39:22', '2016-02-28 16:39:22', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps.png\" alt=\"gaHeatmaps\" width=\"592\" height=\"281\" class=\"alignnone size-full wp-image-30218\" /></p>\r\n<p class=\"desc\">2016年2月29日現在、このサービスはまだリリースされておりません。メールアドレスを登録することで、リリースの通知を受け取ることができます。</p>\r\n<p>無料で利用できるアクセス解析ツールとして、不動の地位を築いているGoogle Analytics。とはいえ、ツールを最大限に活用するには、まだまだ分析や計測技術の知識やスキルが求められるような状況であることに変わりはありません。</p>\r\n<p>そのGoogle Analyticsのデータから、手軽にコンテンツの最適化を示唆するデータを取れるようにしてくれそうなのが、今回ご紹介するデータ視覚化サービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Google Analyticsのデータをクリックヒートマップで視覚化する「gaHeatmaps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>」は、<strong>Google Analyticsのデータ</strong>を、追加コードをインストールすることなく、<strong>クリックヒートマップで視覚化</strong>してくれるサービス。</p>\r\n<p>2016年2月29日現在、まだサービスはリリースされていませんが、ローンチリストにメールアドレスを登録しておくことで、リリースの通知を受け取ることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">gaHeatmapsの特徴</h4>\r\n<ul><li>コードの追加インストール不要</li><li>Google Analyticsアカウントの連携だけでOK</li><li>新規、再訪でのフィルタ可能</li><li>ヒートマップは、デスクトップだけでなく、モバイルとタブレットにも対応</li></ul>\r\n\r\n\r\n<p>Google Analyticsの基本機能として「ページ解析」というものがあり、この機能でもリンククリックのヒートマップをある程度見ることができるようになっています。この機能と比較して、gaHeatmapsがどのように違うのか、気になるところです。</p>\r\n<p>たしかにGoogle Analyticsのページ解析では新規訪問と再訪問、あるいはデバイス別でフィルタされたヒートマップを表示できないので、その点については良いのかもしれませんね。</p>\r\n\r\n[caption id=\"attachment_30220\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-image.png\" alt=\"gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。\" width=\"592\" height=\"431\" class=\"size-full wp-image-30220\" /> gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。[/caption]\r\n\r\n[caption id=\"attachment_30225\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/ga-page-analytics.png\" alt=\"こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30225\" /> こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。[/caption]\r\n\r\n[caption id=\"attachment_30217\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-steps.png\" alt=\"利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。\" width=\"592\" height=\"145\" class=\"size-full wp-image-30217\" /> 利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。[/caption]\r\n\r\n\r\n<p>興味があるかたは、<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>のページにある【Get notified when we launch →】か【CONNECT NOW →】ボタンを押して、メールアドレスを登録してみてください。</p>', 'Google Analyticsのデータをヒートマップで視覚化する「gaHeatmaps」がリリース間近', 'Google Analyticsのページ解析機能を拡張し、クリックヒートマップによって視覚化してくれるサービス。', 'publish', 'open', 'closed', '', 'gaheatmaps', '', '', '2016-02-29 01:39:51', '2016-02-28 16:39:51', '', 0, 'http://web-marketing.zako.org/?p=30216', 0, 'post', '', 0),
(30217, 4, '2016-02-28 18:41:07', '2016-02-28 09:41:07', '', 'gaheatmaps-steps', '利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。', 'inherit', 'open', 'closed', '', 'gaheatmaps-steps', '', '', '2016-02-28 18:41:38', '2016-02-28 09:41:38', '', 30216, 'http://web-marketing.zako.org/images/2016/02/gaheatmaps-steps.png', 0, 'attachment', 'image/png', 0),
(30218, 4, '2016-02-28 18:41:08', '2016-02-28 09:41:08', '', 'gaheatmaps', '', 'inherit', 'open', 'closed', '', 'gaheatmaps', '', '', '2016-02-28 18:41:22', '2016-02-28 09:41:22', '', 30216, 'http://web-marketing.zako.org/images/2016/02/gaheatmaps.png', 0, 'attachment', 'image/png', 0),
(30220, 4, '2016-02-28 18:41:12', '2016-02-28 09:41:12', '', 'gaheatmaps-image', 'gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。', 'inherit', 'open', 'closed', '', 'gaheatmaps-image', '', '', '2016-02-28 18:42:05', '2016-02-28 09:42:05', '', 30216, 'http://web-marketing.zako.org/images/2016/02/gaheatmaps-image.png', 0, 'attachment', 'image/png', 0),
(30225, 4, '2016-02-28 19:05:18', '2016-02-28 10:05:18', '', 'ga-page-analytics', 'こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。', 'inherit', 'open', 'closed', '', 'ga-page-analytics', '', '', '2016-02-28 19:05:22', '2016-02-28 10:05:22', '', 30216, 'http://web-marketing.zako.org/images/2016/02/ga-page-analytics.png', 0, 'attachment', 'image/png', 0),
(30221, 4, '2016-02-28 18:53:53', '2016-02-28 09:53:53', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps.png\" alt=\"gaHeatmaps\" width=\"592\" height=\"281\" class=\"alignnone size-full wp-image-30218\" /></p>\r\n<p class=\"desc\">2016年2月29日現在、このサービスはまだリリースされておりません。</p>\r\n<p>無料で利用できるアクセス解析ツールとして、不動の地位を築いているGoogle Analytics。とはいえ、ツールを最大限に活用するには、まだまだ分析や計測技術の知識やスキルが求められるような状況であることに変わりはありません。</p>\r\n<p>そのGoogle Analyticsのデータから、手軽にコンテンツの最適化を示唆するデータを取れるようにしてくれそうなのが、今回ご紹介するデータ視覚化サービスです。</p>\r\n\r\n<h3 class=\"header-label\">Google Analyticsのデータをクリックヒートマップで視覚化する「gaHeatmaps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>」は、Google Analyticsのデータを、追加コードをインストールすることなく、クリックヒートマップで視覚化してくれるサービス。</p>\r\n<p>2016年2月29日現在、まだサービスはリリースされていませんが、ローンチリストにメールアドレスを登録しておくことで、リリースの通知を受け取ることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">gaHeatmapsの特徴</h4>\r\n<ul><li>コードの追加インストール不要</li><li>Google Analyticsアカウントの連携だけでOK</li><li>新規、再訪でのフィルタ可能</li><li>ヒートマップは、デスクトップだけでなく、モバイルとタブレットにも対応</li></ul>\r\n\r\n\r\n<p>Google Analyticsの基本機能として「ページ解析」というものがあり、この機能でもリンククリックのヒートマップをある程度見ることができるようになっています。この機能と比較して、gaHeatmapsがどのように違うのか、気になるところです。</p>\r\n<p>たしかにGoogle Analyticsのページ解析では新規訪問と再訪問、あるいはデバイス別でフィルタされたヒートマップを表示できないので、その点については良いのかもしれませんね。</p>\r\n\r\n[caption id=\"attachment_30220\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-image.png\" alt=\"gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。\" width=\"592\" height=\"431\" class=\"size-full wp-image-30220\" /> gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。[/caption]\r\n\r\n[caption id=\"attachment_30219\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/ga-page-analytics.png\" alt=\"こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30219\" /> こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。[/caption]\r\n\r\n[caption id=\"attachment_30217\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-steps.png\" alt=\"利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。\" width=\"592\" height=\"145\" class=\"size-full wp-image-30217\" /> 利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。[/caption]\r\n\r\n\r\n<p>興味があるかたは、<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>のページにある【Get notified when we launch →】か【CONNECT NOW →】ボタンを押して、メールアドレスを登録してみてください。</p>\r\n', 'Google Analyticsのデータをヒートマップで視覚化する「gaHeatmaps」がリリース間近', 'Google Analyticsのページ解析機能を拡張し、クリックヒートマップによって視覚化してくれるサービス。', 'inherit', 'closed', 'closed', '', '30216-revision-v1', '', '', '2016-02-28 18:53:53', '2016-02-28 09:53:53', '', 30216, 'http://web-marketing.zako.org/web-tools/30216-revision-v1.html', 0, 'revision', '', 0),
(30222, 4, '2016-02-28 18:54:02', '2016-02-28 09:54:02', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps.png\" alt=\"gaHeatmaps\" width=\"592\" height=\"281\" class=\"alignnone size-full wp-image-30218\" /></p>\r\n<p class=\"desc\">2016年2月29日現在、このサービスはまだリリースされておりません。</p>\r\n<p>無料で利用できるアクセス解析ツールとして、不動の地位を築いているGoogle Analytics。とはいえ、ツールを最大限に活用するには、まだまだ分析や計測技術の知識やスキルが求められるような状況であることに変わりはありません。</p>\r\n<p>そのGoogle Analyticsのデータから、手軽にコンテンツの最適化を示唆するデータを取れるようにしてくれそうなのが、今回ご紹介するデータ視覚化サービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Google Analyticsのデータをクリックヒートマップで視覚化する「gaHeatmaps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>」は、Google Analyticsのデータを、追加コードをインストールすることなく、クリックヒートマップで視覚化してくれるサービス。</p>\r\n<p>2016年2月29日現在、まだサービスはリリースされていませんが、ローンチリストにメールアドレスを登録しておくことで、リリースの通知を受け取ることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">gaHeatmapsの特徴</h4>\r\n<ul><li>コードの追加インストール不要</li><li>Google Analyticsアカウントの連携だけでOK</li><li>新規、再訪でのフィルタ可能</li><li>ヒートマップは、デスクトップだけでなく、モバイルとタブレットにも対応</li></ul>\r\n\r\n\r\n<p>Google Analyticsの基本機能として「ページ解析」というものがあり、この機能でもリンククリックのヒートマップをある程度見ることができるようになっています。この機能と比較して、gaHeatmapsがどのように違うのか、気になるところです。</p>\r\n<p>たしかにGoogle Analyticsのページ解析では新規訪問と再訪問、あるいはデバイス別でフィルタされたヒートマップを表示できないので、その点については良いのかもしれませんね。</p>\r\n\r\n[caption id=\"attachment_30220\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-image.png\" alt=\"gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。\" width=\"592\" height=\"431\" class=\"size-full wp-image-30220\" /> gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。[/caption]\r\n\r\n[caption id=\"attachment_30219\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/ga-page-analytics.png\" alt=\"こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30219\" /> こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。[/caption]\r\n\r\n[caption id=\"attachment_30217\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-steps.png\" alt=\"利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。\" width=\"592\" height=\"145\" class=\"size-full wp-image-30217\" /> 利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。[/caption]\r\n\r\n\r\n<p>興味があるかたは、<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>のページにある【Get notified when we launch →】か【CONNECT NOW →】ボタンを押して、メールアドレスを登録してみてください。</p>\r\n', 'Google Analyticsのデータをヒートマップで視覚化する「gaHeatmaps」がリリース間近', 'Google Analyticsのページ解析機能を拡張し、クリックヒートマップによって視覚化してくれるサービス。', 'inherit', 'closed', 'closed', '', '30216-revision-v1', '', '', '2016-02-28 18:54:02', '2016-02-28 09:54:02', '', 30216, 'http://web-marketing.zako.org/web-tools/30216-revision-v1.html', 0, 'revision', '', 0),
(30223, 4, '2016-02-28 19:02:31', '2016-02-28 10:02:31', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps.png\" alt=\"gaHeatmaps\" width=\"592\" height=\"281\" class=\"alignnone size-full wp-image-30218\" /></p>\r\n<p class=\"desc\">2016年2月29日現在、このサービスはまだリリースされておりません。メールアドレスを登録することで、リリースの通知を受け取ることができます。</p>\r\n<p>無料で利用できるアクセス解析ツールとして、不動の地位を築いているGoogle Analytics。とはいえ、ツールを最大限に活用するには、まだまだ分析や計測技術の知識やスキルが求められるような状況であることに変わりはありません。</p>\r\n<p>そのGoogle Analyticsのデータから、手軽にコンテンツの最適化を示唆するデータを取れるようにしてくれそうなのが、今回ご紹介するデータ視覚化サービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Google Analyticsのデータをクリックヒートマップで視覚化する「gaHeatmaps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>」は、Google Analyticsのデータを、追加コードをインストールすることなく、クリックヒートマップで視覚化してくれるサービス。</p>\r\n<p>2016年2月29日現在、まだサービスはリリースされていませんが、ローンチリストにメールアドレスを登録しておくことで、リリースの通知を受け取ることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">gaHeatmapsの特徴</h4>\r\n<ul><li>コードの追加インストール不要</li><li>Google Analyticsアカウントの連携だけでOK</li><li>新規、再訪でのフィルタ可能</li><li>ヒートマップは、デスクトップだけでなく、モバイルとタブレットにも対応</li></ul>\r\n\r\n\r\n<p>Google Analyticsの基本機能として「ページ解析」というものがあり、この機能でもリンククリックのヒートマップをある程度見ることができるようになっています。この機能と比較して、gaHeatmapsがどのように違うのか、気になるところです。</p>\r\n<p>たしかにGoogle Analyticsのページ解析では新規訪問と再訪問、あるいはデバイス別でフィルタされたヒートマップを表示できないので、その点については良いのかもしれませんね。</p>\r\n\r\n[caption id=\"attachment_30220\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-image.png\" alt=\"gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。\" width=\"592\" height=\"431\" class=\"size-full wp-image-30220\" /> gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。[/caption]\r\n\r\n[caption id=\"attachment_30219\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/ga-page-analytics.png\" alt=\"こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30219\" /> こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。[/caption]\r\n\r\n[caption id=\"attachment_30217\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-steps.png\" alt=\"利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。\" width=\"592\" height=\"145\" class=\"size-full wp-image-30217\" /> 利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。[/caption]\r\n\r\n\r\n<p>興味があるかたは、<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>のページにある【Get notified when we launch →】か【CONNECT NOW →】ボタンを押して、メールアドレスを登録してみてください。</p>\r\n', 'Google Analyticsのデータをヒートマップで視覚化する「gaHeatmaps」がリリース間近', 'Google Analyticsのページ解析機能を拡張し、クリックヒートマップによって視覚化してくれるサービス。', 'inherit', 'closed', 'closed', '', '30216-revision-v1', '', '', '2016-02-28 19:02:31', '2016-02-28 10:02:31', '', 30216, 'http://web-marketing.zako.org/web-tools/30216-revision-v1.html', 0, 'revision', '', 0),
(30224, 4, '2016-02-28 19:03:06', '2016-02-28 10:03:06', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps.png\" alt=\"gaHeatmaps\" width=\"592\" height=\"281\" class=\"alignnone size-full wp-image-30218\" /></p>\r\n<p class=\"desc\">2016年2月29日現在、このサービスはまだリリースされておりません。メールアドレスを登録することで、リリースの通知を受け取ることができます。</p>\r\n<p>無料で利用できるアクセス解析ツールとして、不動の地位を築いているGoogle Analytics。とはいえ、ツールを最大限に活用するには、まだまだ分析や計測技術の知識やスキルが求められるような状況であることに変わりはありません。</p>\r\n<p>そのGoogle Analyticsのデータから、手軽にコンテンツの最適化を示唆するデータを取れるようにしてくれそうなのが、今回ご紹介するデータ視覚化サービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Google Analyticsのデータをクリックヒートマップで視覚化する「gaHeatmaps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>」は、<strong>Google Analyticsのデータ</strong>を、追加コードをインストールすることなく、<strong>クリックヒートマップで視覚化</strong>してくれるサービス。</p>\r\n<p>2016年2月29日現在、まだサービスはリリースされていませんが、ローンチリストにメールアドレスを登録しておくことで、リリースの通知を受け取ることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">gaHeatmapsの特徴</h4>\r\n<ul><li>コードの追加インストール不要</li><li>Google Analyticsアカウントの連携だけでOK</li><li>新規、再訪でのフィルタ可能</li><li>ヒートマップは、デスクトップだけでなく、モバイルとタブレットにも対応</li></ul>\r\n\r\n\r\n<p>Google Analyticsの基本機能として「ページ解析」というものがあり、この機能でもリンククリックのヒートマップをある程度見ることができるようになっています。この機能と比較して、gaHeatmapsがどのように違うのか、気になるところです。</p>\r\n<p>たしかにGoogle Analyticsのページ解析では新規訪問と再訪問、あるいはデバイス別でフィルタされたヒートマップを表示できないので、その点については良いのかもしれませんね。</p>\r\n\r\n[caption id=\"attachment_30220\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-image.png\" alt=\"gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。\" width=\"592\" height=\"431\" class=\"size-full wp-image-30220\" /> gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。[/caption]\r\n\r\n[caption id=\"attachment_30219\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/ga-page-analytics.png\" alt=\"こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30219\" /> こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。[/caption]\r\n\r\n[caption id=\"attachment_30217\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-steps.png\" alt=\"利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。\" width=\"592\" height=\"145\" class=\"size-full wp-image-30217\" /> 利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。[/caption]\r\n\r\n\r\n<p>興味があるかたは、<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>のページにある【Get notified when we launch →】か【CONNECT NOW →】ボタンを押して、メールアドレスを登録してみてください。</p>\r\n', 'Google Analyticsのデータをヒートマップで視覚化する「gaHeatmaps」がリリース間近', 'Google Analyticsのページ解析機能を拡張し、クリックヒートマップによって視覚化してくれるサービス。', 'inherit', 'closed', 'closed', '', '30216-revision-v1', '', '', '2016-02-28 19:03:06', '2016-02-28 10:03:06', '', 30216, 'http://web-marketing.zako.org/web-tools/30216-revision-v1.html', 0, 'revision', '', 0),
(30226, 4, '2016-02-28 19:05:39', '2016-02-28 10:05:39', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps.png\" alt=\"gaHeatmaps\" width=\"592\" height=\"281\" class=\"alignnone size-full wp-image-30218\" /></p>\r\n<p class=\"desc\">2016年2月29日現在、このサービスはまだリリースされておりません。メールアドレスを登録することで、リリースの通知を受け取ることができます。</p>\r\n<p>無料で利用できるアクセス解析ツールとして、不動の地位を築いているGoogle Analytics。とはいえ、ツールを最大限に活用するには、まだまだ分析や計測技術の知識やスキルが求められるような状況であることに変わりはありません。</p>\r\n<p>そのGoogle Analyticsのデータから、手軽にコンテンツの最適化を示唆するデータを取れるようにしてくれそうなのが、今回ご紹介するデータ視覚化サービスです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">Google Analyticsのデータをクリックヒートマップで視覚化する「gaHeatmaps」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>」は、<strong>Google Analyticsのデータ</strong>を、追加コードをインストールすることなく、<strong>クリックヒートマップで視覚化</strong>してくれるサービス。</p>\r\n<p>2016年2月29日現在、まだサービスはリリースされていませんが、ローンチリストにメールアドレスを登録しておくことで、リリースの通知を受け取ることができるようになっています。</p>\r\n\r\n<h4 class=\"tips\">gaHeatmapsの特徴</h4>\r\n<ul><li>コードの追加インストール不要</li><li>Google Analyticsアカウントの連携だけでOK</li><li>新規、再訪でのフィルタ可能</li><li>ヒートマップは、デスクトップだけでなく、モバイルとタブレットにも対応</li></ul>\r\n\r\n\r\n<p>Google Analyticsの基本機能として「ページ解析」というものがあり、この機能でもリンククリックのヒートマップをある程度見ることができるようになっています。この機能と比較して、gaHeatmapsがどのように違うのか、気になるところです。</p>\r\n<p>たしかにGoogle Analyticsのページ解析では新規訪問と再訪問、あるいはデバイス別でフィルタされたヒートマップを表示できないので、その点については良いのかもしれませんね。</p>\r\n\r\n[caption id=\"attachment_30220\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-image.png\" alt=\"gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。\" width=\"592\" height=\"431\" class=\"size-full wp-image-30220\" /> gaHeatmapsのイメージ。これを見るとGoogle Analyticsのページ解析よりも機能拡張されていると言えそうか。[/caption]\r\n\r\n[caption id=\"attachment_30225\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/ga-page-analytics.png\" alt=\"こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30225\" /> こちらはGoogle Analyticsの「ページ解析」で視覚化されたページ内クリック分析。[/caption]\r\n\r\n[caption id=\"attachment_30217\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/02/gaheatmaps-steps.png\" alt=\"利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。\" width=\"592\" height=\"145\" class=\"size-full wp-image-30217\" /> 利用するにはGoogle Analyticsアカウントとの連携だけでOKというもの。[/caption]\r\n\r\n\r\n<p>興味があるかたは、<a target=\"_blank\" href=\"http://gaheatmaps.com/\">gaHeatmaps</a>のページにある【Get notified when we launch →】か【CONNECT NOW →】ボタンを押して、メールアドレスを登録してみてください。</p>', 'Google Analyticsのデータをヒートマップで視覚化する「gaHeatmaps」がリリース間近', 'Google Analyticsのページ解析機能を拡張し、クリックヒートマップによって視覚化してくれるサービス。', 'inherit', 'closed', 'closed', '', '30216-revision-v1', '', '', '2016-02-28 19:05:39', '2016-02-28 10:05:39', '', 30216, 'http://web-marketing.zako.org/web-tools/30216-revision-v1.html', 0, 'revision', '', 0),
(30227, 4, '2016-03-07 00:04:16', '2016-03-06 15:04:16', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/30dayspics.png\" alt=\"30DaysPics\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30228\" /></p>\r\n<p>自分にとって、いつも素晴らしい投稿をしている、お気に入りのinstagrammer（インスタグラマー）が存在すると思います。その投稿を、あとからまとめて見たくなるなんてこともありますよね。</p>\r\n<p>Googleフォトには、自分の写真を自動的にフォトムービーを生成する機能を持っていますが、今回ご紹介するのは、そのお気に入りのインスタグラマーの写真をフォトムービーにしてくれるものです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">1ヶ月間のInstagramへの投稿をフォトムービーにまとめてくれる「30DaysPics」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://30dayspics.com/\">30dayspics</a>」は、指定したInstagramのアカウントに直近1ヶ月間に投稿された写真を動画へ変換してくれるサービス。</p>\r\n<p>生成された動画は、指定したメールアドレスへエクスポートできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">Instagramのアカウントを指定してフォトムービーを生成</h4>\r\n[caption id=\"attachment_30234\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-input.png\" alt=\"Instagramアカウントを指定。\" width=\"592\" height=\"302\" class=\"size-full wp-image-30234\" /> Instagramアカウントを指定。[/caption]\r\n<p>サービスサイト上で、ムービーを生成したいInstagramのアカウント名を入力し、ボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30233\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-loading.png\" alt=\"ムービーを生成中。\" width=\"592\" height=\"285\" class=\"size-full wp-image-30233\" /> ムービーを生成中。[/caption]\r\n<p>しばらく処理を待ちます。</p>\r\n\r\n[caption id=\"attachment_30232\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-movie.png\" alt=\"生成された動画。\" width=\"592\" height=\"365\" class=\"size-full wp-image-30232\" /> 生成された動画。[/caption]\r\n<p>処理が完了すると、その場でフォトムービーが再生されます。このフォトムービーをエクスポートすることも可能です。</p>\r\n\r\n\r\n[caption id=\"attachment_30231\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-instagrammer.png\" alt=\"サイト上にはトップインスタグラマーの直近30日間の投稿のフォトムービーも紹介されています。\" width=\"592\" height=\"350\" class=\"size-full wp-image-30231\" /> サイト上にはトップインスタグラマーの直近30日間の投稿のフォトムービーも紹介されています。[/caption]\r\n<p>公開されており、かつ直近30日間に投稿さえあれば、さまざまなアカウントの動画を生成することができます。</p>\r\n\r\n<h4 class=\"tips\">指定したメールアドレスへフォトムービーをエクスポート</h4>\r\n<iframe src=\"https://player.vimeo.com/video/157804918\" width=\"592\" height=\"592\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>\r\n<p><a href=\"https://vimeo.com/157804918\">hawaiimagazine_1602</a> from <a href=\"https://vimeo.com/webmarketing\">sigeos15</a> on <a href=\"https://vimeo.com\">Vimeo</a>.</p>\r\n<p>こちらがエクスポートしたフォトムービー。投稿数が多いとその分写真の切り替わりタイミングが速くなるようです。</p>\r\n\r\n[caption id=\"attachment_30229\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-mail.png\" alt=\"エクスポートしたフォトムービーの届け先を指定。\" width=\"592\" height=\"270\" class=\"size-full wp-image-30229\" /> エクスポートしたフォトムービーの届け先を指定。[/caption]\r\n<p>生成された動画の下にある「Export the video to your phone」という入力欄にメールアドレスを入れて【Export】ボタンを押すと、しばらくしてからメールにMP4形式の動画が添付されて届きます。</p>\r\n\r\n[caption id=\"attachment_30230\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-export.png\" alt=\"エクスポートしたフォトムービーはメールに添付される。\" width=\"592\" height=\"405\" class=\"size-full wp-image-30230\" /> エクスポートしたフォトムービーはメールに添付される。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://30dayspics.com/\">30dayspics</a>へどうぞ。</p>\r\n', 'この1ヶ月に投稿したInstagramの写真をフォトムービーにしてくれる「30DaysPics」', 'Instagramのアカウントを指定して、フォトムービーを生成することができます。', 'publish', 'open', 'closed', '', '30dayspics', '', '\nhttps://vimeo.com/157804918', '2016-03-07 00:04:16', '2016-03-06 15:04:16', '', 0, 'http://web-marketing.zako.org/?p=30227', 0, 'post', '', 0),
(30228, 4, '2016-03-05 19:37:10', '2016-03-05 10:37:10', '', '30dayspics', '', 'inherit', 'open', 'closed', '', '30dayspics-2', '', '', '2016-03-05 19:37:25', '2016-03-05 10:37:25', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics.png', 0, 'attachment', 'image/png', 0),
(30229, 4, '2016-03-05 19:37:12', '2016-03-05 10:37:12', '', '30dayspics-mail', 'エクスポートしたフォトムービーの届け先を指定。', 'inherit', 'open', 'closed', '', '30dayspics-mail', '', '', '2016-03-05 19:37:36', '2016-03-05 10:37:36', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics-mail.png', 0, 'attachment', 'image/png', 0),
(30230, 4, '2016-03-05 19:37:14', '2016-03-05 10:37:14', '', '30dayspics-export', 'エクスポートしたフォトムービーはメールに添付される。', 'inherit', 'open', 'closed', '', '30dayspics-export', '', '', '2016-03-05 19:37:45', '2016-03-05 10:37:45', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics-export.png', 0, 'attachment', 'image/png', 0),
(30231, 4, '2016-03-05 19:37:15', '2016-03-05 10:37:15', '', '30dayspics-instagrammer', 'サイト上にはトップインスタグラマーの直近30日間の投稿のフォトムービーも紹介されています。', 'inherit', 'open', 'closed', '', '30dayspics-instagrammer', '', '', '2016-03-05 19:37:55', '2016-03-05 10:37:55', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics-instagrammer.png', 0, 'attachment', 'image/png', 0),
(30232, 4, '2016-03-05 19:37:17', '2016-03-05 10:37:17', '', '30dayspics-movie', '生成された動画。', 'inherit', 'open', 'closed', '', '30dayspics-movie', '', '', '2016-03-05 19:38:04', '2016-03-05 10:38:04', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics-movie.png', 0, 'attachment', 'image/png', 0),
(30233, 4, '2016-03-05 19:37:18', '2016-03-05 10:37:18', '', '30dayspics-loading', 'ムービーを生成中。', 'inherit', 'open', 'closed', '', '30dayspics-loading', '', '', '2016-03-05 19:38:10', '2016-03-05 10:38:10', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics-loading.png', 0, 'attachment', 'image/png', 0),
(30234, 4, '2016-03-05 19:37:20', '2016-03-05 10:37:20', '', '30dayspics-input', 'Instagramアカウントを指定。', 'inherit', 'open', 'closed', '', '30dayspics-input', '', '', '2016-03-05 19:38:22', '2016-03-05 10:38:22', '', 30227, 'http://web-marketing.zako.org/images/2016/03/30dayspics-input.png', 0, 'attachment', 'image/png', 0),
(30235, 4, '2016-03-05 19:41:01', '2016-03-05 10:41:01', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/30dayspics.png\" alt=\"30DaysPics\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30228\" /></p>\r\n<p>自分にとって、いつも素晴らしい投稿をしている、お気に入りのinstagrammer（インスタグラマー）が存在すると思います。その投稿を、あとからまとめて見たくなるなんてこともありますよね。</p>\r\n<p>Googleフォトには、自分の写真を自動的にフォトムービーを生成する機能を持っていますが、今回ご紹介するのは、そのお気に入りのインスタグラマーの写真をフォトムービーにしてくれるものです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">1ヶ月間のInstagramへの投稿をフォトムービーにまとめてくれる「30DaysPics」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://30dayspics.com/\">30dayspics</a>」は、指定したInstagramのアカウントに直近1ヶ月間に投稿された写真を動画へ変換してくれるサービス。</p>\r\n<p>生成された動画は、指定したメールアドレスへエクスポートできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">Instagramのアカウントを指定してフォトムービーを生成</h4>\r\n[caption id=\"attachment_30234\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-input.png\" alt=\"Instagramアカウントを指定。\" width=\"592\" height=\"302\" class=\"size-full wp-image-30234\" /> Instagramアカウントを指定。[/caption]\r\n<p>サービスサイト上で、ムービーを生成したいInstagramのアカウント名を入力し、ボタンを押します。</p>\r\n\r\n[caption id=\"attachment_30233\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-loading.png\" alt=\"ムービーを生成中。\" width=\"592\" height=\"285\" class=\"size-full wp-image-30233\" /> ムービーを生成中。[/caption]\r\n<p>しばらく処理を待ちます。</p>\r\n\r\n[caption id=\"attachment_30232\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-movie.png\" alt=\"生成された動画。\" width=\"592\" height=\"365\" class=\"size-full wp-image-30232\" /> 生成された動画。[/caption]\r\n<p>処理が完了すると、その場でフォトムービーが再生されます。このフォトムービーをエクスポートすることも可能です。</p>\r\n\r\n\r\n[caption id=\"attachment_30231\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-instagrammer.png\" alt=\"サイト上にはトップインスタグラマーの直近30日間の投稿のフォトムービーも紹介されています。\" width=\"592\" height=\"350\" class=\"size-full wp-image-30231\" /> サイト上にはトップインスタグラマーの直近30日間の投稿のフォトムービーも紹介されています。[/caption]\r\n<p>公開されており、かつ直近30日間に投稿さえあれば、さまざまなアカウントの動画を生成することができます。</p>\r\n\r\n<h4 class=\"tips\">指定したメールアドレスへフォトムービーをエクスポート</h4>\r\n<iframe src=\"https://player.vimeo.com/video/157804918\" width=\"592\" height=\"592\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>\r\n<p><a href=\"https://vimeo.com/157804918\">hawaiimagazine_1602</a> from <a href=\"https://vimeo.com/webmarketing\">sigeos15</a> on <a href=\"https://vimeo.com\">Vimeo</a>.</p>\r\n<p>こちらがエクスポートしたフォトムービー。投稿数が多いとその分写真の切り替わりタイミングが速くなるようです。</p>\r\n\r\n[caption id=\"attachment_30229\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-mail.png\" alt=\"エクスポートしたフォトムービーの届け先を指定。\" width=\"592\" height=\"270\" class=\"size-full wp-image-30229\" /> エクスポートしたフォトムービーの届け先を指定。[/caption]\r\n<p>生成された動画の下にある「Export the video to your phone」という入力欄にメールアドレスを入れて【Export】ボタンを押すと、しばらくしてからメールにMP4形式の動画が添付されて届きます。</p>\r\n\r\n[caption id=\"attachment_30230\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/30dayspics-export.png\" alt=\"エクスポートしたフォトムービーはメールに添付される。\" width=\"592\" height=\"405\" class=\"size-full wp-image-30230\" /> エクスポートしたフォトムービーはメールに添付される。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://30dayspics.com/\">30dayspics</a>へどうぞ。</p>\r\n', 'この1ヶ月に投稿したInstagramの写真をフォトムービーにしてくれる「30DaysPics」', 'Instagramのアカウントを指定して、フォトムービーを生成することができます。', 'inherit', 'closed', 'closed', '', '30227-revision-v1', '', '', '2016-03-05 19:41:01', '2016-03-05 10:41:01', '', 30227, 'http://web-marketing.zako.org/web-tools/30227-revision-v1.html', 0, 'revision', '', 0),
(30237, 4, '2016-03-14 00:02:31', '2016-03-13 15:02:31', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/appealing.png\" alt=\"appealing\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30238\" /></p>\r\n<p>さまざまなサイトのUIをスクリーンショットで見ることができるサイトは多くあるものの、モバイルサイトのUIで特に重要な「動き」を参考にするようなサイトはなかなかないものですよね。</p>\r\n<p>今回ご紹介するのは、そのモバイルUIの「動き」を参考にできるサイトです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">代表的なサイトのモバイルUIの「動き」を見られる「appealing」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://app-ealing.com/\">Appealing</a>」は、代表的なサイトのナビゲーションやpull to refreshなど、<strong>モバイルサイト特有のUIの動きをアニメーションで見ることができる</strong>UIまとめサイト。</p>\r\n<p>SPLASH SCREEN、TRANSITION、INTERACTIONなどといったカテゴリで整理されており、UIを検討する際の参考にすることができます。</p>\r\n\r\n<h4 class=\"tips\">代表的なサイトのモバイルUIをアニメーションで確認</h4>\r\n[caption id=\"attachment_30240\" align=\"alignnone\" width=\"480\"]<img src=\"http://cdn.zako.org/images/2016/03/appealing-anime.gif\" alt=\"さまざまなサイトのUIを動画で確認できます\" width=\"480\" height=\"240\" class=\"size-full wp-image-30240\" /> さまざまなサイトの機能別のUIを動画で確認できます[/caption]\r\n<p>わざわざサイトを開かなくても、PCの画面で動きを見て比較することができます。動画はもちろん全画面で再生することも可能。HD画質にして再生することもできるようです。</p>\r\n<p>掲載されているサイトはTwitterやGoogle系サービス、FacebookにAirbnb、Instagramなどなど、モバイルに力を入れている代表的なサイトがそろっています。</p>\r\n\r\n<h4 class=\"tips\">スプラッシュスクリーンなどのカテゴリで絞って閲覧可能</h4>\r\n[caption id=\"attachment_30239\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/appealing-tag.png\" alt=\"カテゴリを絞った検索結果画面\" width=\"592\" height=\"310\" class=\"size-full wp-image-30239\" /> カテゴリを絞った検索結果画面[/caption]\r\n<p>各サイトのナビゲーションだけに着目して比較したい、Twitterのサイトの動きを参考にしたいなどといったときにも、タグで絞り込んだり、検索をすることで一覧性を高めてくれます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://app-ealing.com/\">Appealing</a>へどうぞ。</p>\r\n', 'モバイルのUIをアニメーションで見られるまとめサイト「appealing」', 'モバイルに力を入れている代表的なサイトのUIの動きを参考にできるまとめサイト。', 'publish', 'open', 'closed', '', 'mobile-ui-animations-appealing', '', '', '2016-03-14 00:02:53', '2016-03-13 15:02:53', '', 0, 'http://web-marketing.zako.org/?p=30237', 0, 'post', '', 0),
(30238, 4, '2016-03-13 03:45:24', '2016-03-12 18:45:24', '', 'appealing', '', 'inherit', 'open', 'closed', '', 'appealing', '', '', '2016-03-13 03:45:40', '2016-03-12 18:45:40', '', 30237, 'http://web-marketing.zako.org/images/2016/03/appealing.png', 0, 'attachment', 'image/png', 0),
(30239, 4, '2016-03-13 03:45:26', '2016-03-12 18:45:26', '', 'appealing-tag', 'カテゴリを絞った検索結果画面', 'inherit', 'open', 'closed', '', 'appealing-tag', '', '', '2016-03-13 03:45:48', '2016-03-12 18:45:48', '', 30237, 'http://web-marketing.zako.org/images/2016/03/appealing-tag.png', 0, 'attachment', 'image/png', 0),
(30240, 4, '2016-03-13 03:45:27', '2016-03-12 18:45:27', '', 'appealing-anime', 'さまざまなサイトのUIを動画で確認できます', 'inherit', 'open', 'closed', '', 'appealing-anime', '', '', '2016-03-13 03:45:58', '2016-03-12 18:45:58', '', 30237, 'http://web-marketing.zako.org/images/2016/03/appealing-anime.gif', 0, 'attachment', 'image/gif', 0),
(30241, 4, '2016-03-13 03:49:18', '2016-03-12 18:49:18', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/appealing.png\" alt=\"appealing\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30238\" /></p>\r\n<p>さまざまなサイトのUIをスクリーンショットで見ることができるサイトは多くあるものの、モバイルサイトのUIで特に重要な「動き」を参考にするようなサイトはなかなかないものですよね。</p>\r\n<p>今回ご紹介するのは、そのモバイルUIの「動き」を参考にできるサイトです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">代表的なサイトのモバイルUIの「動き」を見られる「appealing」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://app-ealing.com/\">Appealing</a>」は、代表的なサイトのナビゲーションやpull to refreshなど、<strong>モバイルサイト特有のUIの動きをアニメーションで見ることができる</strong>UIまとめサイト。</p>\r\n<p>SPLASH SCREEN、TRANSITION、INTERACTIONなどといったカテゴリで整理されており、UIを検討する際の参考にすることができます。</p>\r\n\r\n<h4 class=\"tips\">代表的なサイトのモバイルUIをアニメーションで確認</h4>\r\n[caption id=\"attachment_30240\" align=\"alignnone\" width=\"480\"]<img src=\"http://cdn.zako.org/images/2016/03/appealing-anime.gif\" alt=\"さまざまなサイトのUIを動画で確認できます\" width=\"480\" height=\"240\" class=\"size-full wp-image-30240\" /> さまざまなサイトの機能別のUIを動画で確認できます[/caption]\r\n<p>わざわざサイトを開かなくても、PCの画面で動きを見て比較することができます。動画はもちろん全画面で再生することも可能。HD画質にして再生することもできるようです。</p>\r\n<p>掲載されているサイトはTwitterやGoogle系サービス、FacebookにAirbnb、Instagramなどなど、モバイルに力を入れている代表的なサイトがそろっています。</p>\r\n\r\n<h4 class=\"tips\">スプラッシュスクリーンなどのカテゴリで絞って閲覧可能</h4>\r\n[caption id=\"attachment_30239\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/appealing-tag.png\" alt=\"カテゴリを絞った検索結果画面\" width=\"592\" height=\"310\" class=\"size-full wp-image-30239\" /> カテゴリを絞った検索結果画面[/caption]\r\n<p>各サイトのナビゲーションだけに着目して比較したい、Twitterのサイトの動きを参考にしたいなどといったときにも、タグで絞り込んだり、検索をすることで一覧性を高めてくれます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://app-ealing.com/\">Appealing</a>へどうぞ。</p>\r\n', 'モバイルのUIをアニメーションで見ることができる「appealing」', 'モバイルに力を入れている代表的なサイトのUIの動きを参考にできるまとめサイト。', 'inherit', 'closed', 'closed', '', '30237-revision-v1', '', '', '2016-03-13 03:49:18', '2016-03-12 18:49:18', '', 30237, 'http://web-marketing.zako.org/web-tools/30237-revision-v1.html', 0, 'revision', '', 0),
(30242, 4, '2016-03-14 00:02:53', '2016-03-13 15:02:53', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/appealing.png\" alt=\"appealing\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30238\" /></p>\r\n<p>さまざまなサイトのUIをスクリーンショットで見ることができるサイトは多くあるものの、モバイルサイトのUIで特に重要な「動き」を参考にするようなサイトはなかなかないものですよね。</p>\r\n<p>今回ご紹介するのは、そのモバイルUIの「動き」を参考にできるサイトです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">代表的なサイトのモバイルUIの「動き」を見られる「appealing」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://app-ealing.com/\">Appealing</a>」は、代表的なサイトのナビゲーションやpull to refreshなど、<strong>モバイルサイト特有のUIの動きをアニメーションで見ることができる</strong>UIまとめサイト。</p>\r\n<p>SPLASH SCREEN、TRANSITION、INTERACTIONなどといったカテゴリで整理されており、UIを検討する際の参考にすることができます。</p>\r\n\r\n<h4 class=\"tips\">代表的なサイトのモバイルUIをアニメーションで確認</h4>\r\n[caption id=\"attachment_30240\" align=\"alignnone\" width=\"480\"]<img src=\"http://cdn.zako.org/images/2016/03/appealing-anime.gif\" alt=\"さまざまなサイトのUIを動画で確認できます\" width=\"480\" height=\"240\" class=\"size-full wp-image-30240\" /> さまざまなサイトの機能別のUIを動画で確認できます[/caption]\r\n<p>わざわざサイトを開かなくても、PCの画面で動きを見て比較することができます。動画はもちろん全画面で再生することも可能。HD画質にして再生することもできるようです。</p>\r\n<p>掲載されているサイトはTwitterやGoogle系サービス、FacebookにAirbnb、Instagramなどなど、モバイルに力を入れている代表的なサイトがそろっています。</p>\r\n\r\n<h4 class=\"tips\">スプラッシュスクリーンなどのカテゴリで絞って閲覧可能</h4>\r\n[caption id=\"attachment_30239\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/appealing-tag.png\" alt=\"カテゴリを絞った検索結果画面\" width=\"592\" height=\"310\" class=\"size-full wp-image-30239\" /> カテゴリを絞った検索結果画面[/caption]\r\n<p>各サイトのナビゲーションだけに着目して比較したい、Twitterのサイトの動きを参考にしたいなどといったときにも、タグで絞り込んだり、検索をすることで一覧性を高めてくれます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://app-ealing.com/\">Appealing</a>へどうぞ。</p>\r\n', 'モバイルのUIをアニメーションで見られるまとめサイト「appealing」', 'モバイルに力を入れている代表的なサイトのUIの動きを参考にできるまとめサイト。', 'inherit', 'closed', 'closed', '', '30237-revision-v1', '', '', '2016-03-14 00:02:53', '2016-03-13 15:02:53', '', 30237, 'http://web-marketing.zako.org/web-tools/30237-revision-v1.html', 0, 'revision', '', 0),
(30244, 4, '2016-03-22 00:14:25', '2016-03-21 15:14:25', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/mycindr.jpg\" alt=\"cindr\" width=\"592\" height=\"295\" class=\"alignnone size-full wp-image-30245\" /></p>\r\n<p>商品を販売するようなランディングページだけでなく、コーポレートサイトなどでも1ページで完結するサイトをよく見かけるようになっているうえに、そのようなサイトを簡単に作成できるサービスも数多く出ていますが、それでもなかなか、サイトのクオリティを上げるのは至難の業であることにはまだまだ変わりないように感じています。</p>\r\n<p>今回は、アクセス解析のタグが埋め込めないのが残念なものの、そんなデザインの再現性の低さを解決してくれそうな、非常に簡単に1ページ完結型のサイトを作成することができるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">1ページ完結型のサイトを驚くほど簡単に作成できる「Cindr」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cindr.com/\">Cindr</a>」は、<strong>1ページ完結型のウェブサイトを、非常に簡単な操作で作成、編集することができる</strong>サービス。</p>\r\n<p>Paypalなどの外部サービスを使うことで、ECサイトにすることもできてしまいます。</p>\r\n\r\n[caption id=\"attachment_30251\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-yuuhawaii.jpg\" alt=\"サンプルサイト\" width=\"592\" height=\"305\" class=\"size-full wp-image-30251\" /> <a target=\"_blank\" href=\"http://yuuhawaii.mycindr.com/\">サンプルサイトを開く</a>[/caption]\r\n\r\n<h4 class=\"tips\">テンプレートのパーツを組み合わせて文字を入れるだけ</h4>\r\n[caption id=\"attachment_30248\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-parts.jpg\" alt=\"左側のメニューから追加したいパーツをクリックして追加。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30248\" /> 左側のメニューから追加したいパーツをクリックして追加。[/caption]\r\n<p>ヘッダーやコンテンツ、フッターといったエリア別、あるいは動画やチーム紹介などといったテンプレートのパーツを、サイトの構成に合わせて挿入することができますし、並び順もボタンひとつで変更可能。</p>\r\n\r\n[caption id=\"attachment_30247\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-menu.jpg\" alt=\"右側のメニューを使えば、一番上へ一気に移動させることも可能。\" width=\"592\" height=\"404\" class=\"size-full wp-image-30247\" /> 右側のメニューを使えば、一番上へ一気に移動させることも可能。[/caption]\r\n<p>右側にあるメニューでは、一気に一番上や一番下にパーツを移動させることもできるうえ、メニューの一番上の部分に名称を付けると、グローバルメニューにそのパーツへのアンカーリンクが生成されます。パーツのコピーや削除もこのメニューからおこなえます。</p>\r\n\r\n[caption id=\"attachment_30249\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-edit.jpg\" alt=\"テキスト部分をダブルクリックするだけで編集画面が起動。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30249\" /> テキスト部分をダブルクリックするだけで編集画面が起動。[/caption]\r\n<p>テキストや画像を編集したい時には、その部分をダブルクリックするだけで編集画面になります。</p>\r\n<p>選択したテキストを太字にしたり、リンクをつけたりといったことも可能。HTMLタグでの編集もできるようになっています。パーツの背景色やテキストの表示位置、テキストの色も変更可能です。</p>\r\n\r\n<h4 class=\"tips\">検索結果での表示も意識できる</h4>\r\n[caption id=\"attachment_30250\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-seo.jpg\" alt=\"検索結果での表示を意識しながらタイトルとディスクリプションを設定。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30250\" /> 検索結果での表示を意識しながらタイトルとディスクリプションを設定。[/caption]\r\n<p>ここまでわかりやすくするのならば、Google Analyticsのタグぐらい入れられるか、アクセス解析の画面があっても良いのに、と感じてしまうほどわかりやすいタイトルとディスクリプションの設定画面。</p>\r\n\r\n\r\n<h4 class=\"tips\">保存して公開すれば更新される</h4>\r\n[caption id=\"attachment_30246\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-save.jpg\" alt=\"「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。\" width=\"592\" height=\"176\" class=\"size-full wp-image-30246\" /> 「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。[/caption]\r\n<p>保存していきなり公開されるのではなく、保存した後に公開ボタンを押さないかぎりは公開されているページが更新されないようになっています。</p>\r\n\r\n<p>パーツ一覧の中にあるプレミアムブロックと呼ばれる錠前のアイコンが付いたパーツは、公開時に有料プランへアップグレードするよう求められます。無料でページを公開したい場合は、このプレミアムブロックを使わずに公開しましょう。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cindr.com/\">Cindr</a>へどうぞ。2016年3月20日現在、なぜかFacebookでのログインはできませんでした。FBログインできない場合はメールアドレスでの登録で利用できます。</p>\r\n', 'シングルページのサイトを驚くほど容易に作成できる「Cindr」', '一枚完結型のシングルページサイトを直感的に作成することができるサービス。', 'publish', 'open', 'closed', '', 'cindr', '', '', '2016-03-22 00:14:25', '2016-03-21 15:14:25', '', 0, 'http://web-marketing.zako.org/?p=30244', 0, 'post', '', 0),
(30245, 4, '2016-03-21 01:23:59', '2016-03-20 16:23:59', '', 'mycindr', '', 'inherit', 'open', 'closed', '', 'mycindr', '', '', '2016-03-21 01:24:35', '2016-03-20 16:24:35', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr.jpg', 0, 'attachment', 'image/jpeg', 0),
(30246, 4, '2016-03-21 01:24:01', '2016-03-20 16:24:01', '', 'mycindr-save', '「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。', 'inherit', 'open', 'closed', '', 'mycindr-save', '', '', '2016-03-21 01:24:45', '2016-03-20 16:24:45', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr-save.jpg', 0, 'attachment', 'image/jpeg', 0),
(30247, 4, '2016-03-21 01:24:02', '2016-03-20 16:24:02', '', 'mycindr-menu', '右側のメニューを使えば、一番上へ一気に移動させることも可能。', 'inherit', 'open', 'closed', '', 'mycindr-menu', '', '', '2016-03-21 01:26:42', '2016-03-20 16:26:42', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr-menu.jpg', 0, 'attachment', 'image/jpeg', 0),
(30248, 4, '2016-03-21 01:24:04', '2016-03-20 16:24:04', '', 'mycindr-parts', '左側のメニューから追加したいパーツをクリックして追加。', 'inherit', 'open', 'closed', '', 'mycindr-parts', '', '', '2016-03-21 01:26:49', '2016-03-20 16:26:49', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr-parts.jpg', 0, 'attachment', 'image/jpeg', 0),
(30249, 4, '2016-03-21 01:24:05', '2016-03-20 16:24:05', '', 'mycindr-edit', 'テキスト部分をダブルクリックするだけで編集画面が起動。', 'inherit', 'open', 'closed', '', 'mycindr-edit', '', '', '2016-03-21 01:26:58', '2016-03-20 16:26:58', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr-edit.jpg', 0, 'attachment', 'image/jpeg', 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
(30250, 4, '2016-03-21 01:24:06', '2016-03-20 16:24:06', '', 'mycindr-seo', '検索結果での表示を意識しながらタイトルとディスクリプションを設定。', 'inherit', 'open', 'closed', '', 'mycindr-seo', '', '', '2016-03-21 01:27:05', '2016-03-20 16:27:05', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr-seo.jpg', 0, 'attachment', 'image/jpeg', 0),
(30251, 4, '2016-03-21 01:24:07', '2016-03-20 16:24:07', '', 'mycindr-yuuhawaii', '<a target=\"_blank\" href=\"http://yuuhawaii.mycindr.com/\">サンプルサイト</a>', 'inherit', 'open', 'closed', '', 'mycindr-yuuhawaii', '', '', '2016-03-21 01:27:27', '2016-03-20 16:27:27', '', 30244, 'http://web-marketing.zako.org/images/2016/03/mycindr-yuuhawaii.jpg', 0, 'attachment', 'image/jpeg', 0),
(30252, 4, '2016-03-21 01:32:42', '2016-03-20 16:32:42', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/mycindr.jpg\" alt=\"cindr\" width=\"592\" height=\"295\" class=\"alignnone size-full wp-image-30245\" /></p>\r\n<p>商品を販売するようなランディングページだけでなく、コーポレートサイトなどでも1ページで完結するサイトをよく見かけるようになっているうえに、そのようなサイトを簡単に作成できるサービスも数多く出ていますが、それでもなかなか、サイトのクオリティを上げるのは至難の業であることにはまだまだ変わりないように感じています。</p>\r\n<p>今回は、アクセス解析のタグが埋め込めないのが残念なものの、そんなデザインの再現性の低さを解決してくれそうな、非常に簡単に1ページ完結型のサイトを作成することができるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">1ページ完結型のサイトを驚くほど簡単に作成できる「Cindr」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cindr.com/\">Cindr</a>」は、1ページのウェブサイトを、非常に簡単な操作で作成、編集することができるサービス。</p>\r\n<p>Paypalなどの外部サービスを使うことで、ECサイトにすることもできてしまいます。</p>\r\n\r\n[caption id=\"attachment_30251\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-yuuhawaii.jpg\" alt=\"サンプルサイト\" width=\"592\" height=\"305\" class=\"size-full wp-image-30251\" /> <a target=\"_blank\" href=\"http://yuuhawaii.mycindr.com/\">サンプルサイト</a>[/caption]\r\n\r\n<h4 class=\"tips\">テンプレートのパーツを組み合わせて文字を入れるだけ</h4>\r\n[caption id=\"attachment_30248\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-parts.jpg\" alt=\"左側のメニューから追加したいパーツをクリックして追加。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30248\" /> 左側のメニューから追加したいパーツをクリックして追加。[/caption]\r\n<p>ヘッダーやコンテンツ、フッターといったエリア別、あるいは動画やチーム紹介などといったテンプレートのパーツを、サイトの構成に合わせて挿入することができますし、並び順もボタンひとつで変更可能。</p>\r\n\r\n[caption id=\"attachment_30247\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-menu.jpg\" alt=\"右側のメニューを使えば、一番上へ一気に移動させることも可能。\" width=\"592\" height=\"404\" class=\"size-full wp-image-30247\" /> 右側のメニューを使えば、一番上へ一気に移動させることも可能。[/caption]\r\n<p>右側にあるメニューでは、一気に一番上や一番下にパーツを移動させることもできるうえ、メニューの一番上の部分に名称を付けると、グローバルメニューにそのパーツへのアンカーリンクが生成されます。パーツのコピーや削除もこのメニューからおこなえます。</p>\r\n\r\n[caption id=\"attachment_30249\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-edit.jpg\" alt=\"テキスト部分をダブルクリックするだけで編集画面が起動。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30249\" /> テキスト部分をダブルクリックするだけで編集画面が起動。[/caption]\r\n<p>テキストや画像を編集したい時には、その部分をダブルクリックするだけで編集画面になります。</p>\r\n<p>選択したテキストを太字にしたり、リンクをつけたりといったことも可能。HTMLタグでの編集もできるようになっています。パーツの背景色やテキストの表示位置、テキストの色も変更可能です。</p>\r\n\r\n<h4 class=\"tips\">検索結果での表示も意識できる</h4>\r\n[caption id=\"attachment_30250\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-seo.jpg\" alt=\"検索結果での表示を意識しながらタイトルとディスクリプションを設定。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30250\" /> 検索結果での表示を意識しながらタイトルとディスクリプションを設定。[/caption]\r\n<p>ここまでわかりやすくするのならば、Google Analyticsのタグぐらい入れられるか、アクセス解析の画面があっても良いのに、と感じてしまうほどわかりやすいタイトルとディスクリプションの設定画面。</p>\r\n\r\n\r\n<h4 class=\"tips\">保存して公開すれば更新される</h4>\r\n[caption id=\"attachment_30246\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-save.jpg\" alt=\"「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。\" width=\"592\" height=\"176\" class=\"size-full wp-image-30246\" /> 「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。[/caption]\r\n<p>保存していきなり公開されるのではなく、保存した後に公開ボタンを押さないかぎりは公開されているページが更新されないようになっています。</p>\r\n\r\n<p>パーツ一覧の中にあるプレミアムブロックと呼ばれる錠前のアイコンが付いたパーツは、公開時に有料プランへアップグレードするよう求められます。無料でページを公開したい場合は、このプレミアムブロックを使わずに公開しましょう。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cindr.com/\">Cindr</a>へどうぞ。2016年3月20日現在、なぜかFacebookでのログインはできませんでした。FBログインできない場合はメールアドレスでの登録で利用できます。</p>\r\n', 'シングルページのサイトを驚くほど容易に作成できる「Cindr」', '一枚完結型のシングルページサイトを直感的に作成することができるサービス。', 'inherit', 'closed', 'closed', '', '30244-revision-v1', '', '', '2016-03-21 01:32:42', '2016-03-20 16:32:42', '', 30244, 'http://web-marketing.zako.org/web-tools/30244-revision-v1.html', 0, 'revision', '', 0),
(30253, 4, '2016-03-21 01:33:48', '2016-03-20 16:33:48', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/mycindr.jpg\" alt=\"cindr\" width=\"592\" height=\"295\" class=\"alignnone size-full wp-image-30245\" /></p>\r\n<p>商品を販売するようなランディングページだけでなく、コーポレートサイトなどでも1ページで完結するサイトをよく見かけるようになっているうえに、そのようなサイトを簡単に作成できるサービスも数多く出ていますが、それでもなかなか、サイトのクオリティを上げるのは至難の業であることにはまだまだ変わりないように感じています。</p>\r\n<p>今回は、アクセス解析のタグが埋め込めないのが残念なものの、そんなデザインの再現性の低さを解決してくれそうな、非常に簡単に1ページ完結型のサイトを作成することができるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">1ページ完結型のサイトを驚くほど簡単に作成できる「Cindr」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cindr.com/\">Cindr</a>」は、<strong>1ページ完結型のウェブサイトを、非常に簡単な操作で作成、編集することができる</strong>サービス。</p>\r\n<p>Paypalなどの外部サービスを使うことで、ECサイトにすることもできてしまいます。</p>\r\n\r\n[caption id=\"attachment_30251\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-yuuhawaii.jpg\" alt=\"サンプルサイト\" width=\"592\" height=\"305\" class=\"size-full wp-image-30251\" /> <a target=\"_blank\" href=\"http://yuuhawaii.mycindr.com/\">サンプルサイトを開く</a>[/caption]\r\n\r\n<h4 class=\"tips\">テンプレートのパーツを組み合わせて文字を入れるだけ</h4>\r\n[caption id=\"attachment_30248\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-parts.jpg\" alt=\"左側のメニューから追加したいパーツをクリックして追加。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30248\" /> 左側のメニューから追加したいパーツをクリックして追加。[/caption]\r\n<p>ヘッダーやコンテンツ、フッターといったエリア別、あるいは動画やチーム紹介などといったテンプレートのパーツを、サイトの構成に合わせて挿入することができますし、並び順もボタンひとつで変更可能。</p>\r\n\r\n[caption id=\"attachment_30247\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-menu.jpg\" alt=\"右側のメニューを使えば、一番上へ一気に移動させることも可能。\" width=\"592\" height=\"404\" class=\"size-full wp-image-30247\" /> 右側のメニューを使えば、一番上へ一気に移動させることも可能。[/caption]\r\n<p>右側にあるメニューでは、一気に一番上や一番下にパーツを移動させることもできるうえ、メニューの一番上の部分に名称を付けると、グローバルメニューにそのパーツへのアンカーリンクが生成されます。パーツのコピーや削除もこのメニューからおこなえます。</p>\r\n\r\n[caption id=\"attachment_30249\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-edit.jpg\" alt=\"テキスト部分をダブルクリックするだけで編集画面が起動。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30249\" /> テキスト部分をダブルクリックするだけで編集画面が起動。[/caption]\r\n<p>テキストや画像を編集したい時には、その部分をダブルクリックするだけで編集画面になります。</p>\r\n<p>選択したテキストを太字にしたり、リンクをつけたりといったことも可能。HTMLタグでの編集もできるようになっています。パーツの背景色やテキストの表示位置、テキストの色も変更可能です。</p>\r\n\r\n<h4 class=\"tips\">検索結果での表示も意識できる</h4>\r\n[caption id=\"attachment_30250\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-seo.jpg\" alt=\"検索結果での表示を意識しながらタイトルとディスクリプションを設定。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30250\" /> 検索結果での表示を意識しながらタイトルとディスクリプションを設定。[/caption]\r\n<p>ここまでわかりやすくするのならば、Google Analyticsのタグぐらい入れられるか、アクセス解析の画面があっても良いのに、と感じてしまうほどわかりやすいタイトルとディスクリプションの設定画面。</p>\r\n\r\n\r\n<h4 class=\"tips\">保存して公開すれば更新される</h4>\r\n[caption id=\"attachment_30246\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/mycindr-save.jpg\" alt=\"「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。\" width=\"592\" height=\"176\" class=\"size-full wp-image-30246\" /> 「SAVE」したあとに「PUBLISH」することで、外部に公開されたサイトが更新されます。[/caption]\r\n<p>保存していきなり公開されるのではなく、保存した後に公開ボタンを押さないかぎりは公開されているページが更新されないようになっています。</p>\r\n\r\n<p>パーツ一覧の中にあるプレミアムブロックと呼ばれる錠前のアイコンが付いたパーツは、公開時に有料プランへアップグレードするよう求められます。無料でページを公開したい場合は、このプレミアムブロックを使わずに公開しましょう。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cindr.com/\">Cindr</a>へどうぞ。2016年3月20日現在、なぜかFacebookでのログインはできませんでした。FBログインできない場合はメールアドレスでの登録で利用できます。</p>\r\n', 'シングルページのサイトを驚くほど容易に作成できる「Cindr」', '一枚完結型のシングルページサイトを直感的に作成することができるサービス。', 'inherit', 'closed', 'closed', '', '30244-revision-v1', '', '', '2016-03-21 01:33:48', '2016-03-20 16:33:48', '', 30244, 'http://web-marketing.zako.org/web-tools/30244-revision-v1.html', 0, 'revision', '', 0),
(30254, 4, '2016-03-28 00:03:33', '2016-03-27 15:03:33', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest.png\" alt=\"Broken Link Test\" width=\"592\" height=\"338\" class=\"alignnone size-full wp-image-30258\" /></p>\r\n<p>ページのリンク切れチェックをおこなえるツールは数多くあるものの、同時にすべてのリンク先のステータスコードやNofollow属性の付与がチェックできるものも欲しい時がありますよね。</p>\r\n<p>サイト内リンクがリダイレクトする以前のリンク先になっていないか、リンク先の外部サイトが怪しい状態になっていないかなど、目的にはさまざまなことがあると思います。</p>\r\n<p>そんな時に便利なのが今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">リンク切れチェックとリンク先ステータスコードをチェックできる「Broken Link Test」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.brokenlinktest.com/\">Broken Link Test</a>」は、<strong>指定したページに張っているリンクのリンク切れチェックとともに、そのリンク先のステータスコードを一括でチェックできる</strong>ツール。</p>\r\n<p>貼られているリンクがDo followかNo followかも判別してくれます。</p>\r\n\r\n<h4 class=\"tips\">ページに張られているリンクを一覧</h4>\r\n[caption id=\"attachment_30257\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-list.png\" alt=\"ページに張られているリンク一覧を表示。\" width=\"592\" height=\"445\" class=\"size-full wp-image-30257\" /> ページに張られているリンク一覧を表示。[/caption]\r\n<p>ページのURLを入れて【test now】ボタンを押下すると、張られているリンクを一覧し、同時にリンク先ページのチェックが開始されます。</p>\r\n\r\n<h4 class=\"tips\">チェックの結果を一覧</h4>\r\n[caption id=\"attachment_30256\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-results.png\" alt=\"テストが完了すると、ステータスコードとFollowの状態が一覧されます。\" width=\"592\" height=\"445\" class=\"size-full wp-image-30256\" /> テストが完了すると、ステータスコードとFollowの状態が一覧されます。[/caption]\r\n<p>チェックが完了すると、リンク先ページのステータスコードとDo followかNo followかの判定結果が一覧されます。</p>\r\n<p>ここでリンク切れだけでなく、301や302リダイレクトされているもの、あるいはNofollow属性をつけるべきものについていないなどの確認をおこなえます。</p>\r\n<p>リンク先ページへのURLリンクもあるので、確認も容易にできそうです。</p>\r\n\r\n[caption id=\"attachment_30255\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-filter.png\" alt=\"リンク切れだけに絞り込んだ状態。\" width=\"592\" height=\"190\" class=\"size-full wp-image-30255\" /> リンク切れだけに絞り込んだ状態。[/caption]\r\n<p>さらに、一覧の右上にある「Show broken links only:」をONにすることで、リンク切れしているものだけに絞り込むことが出来ます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.brokenlinktest.com/\">Broken Link Test</a>へどうぞ。</p>\r\n\r\n<p>WordPressだと<a target=\"_blank\" href=\"https://ja.wordpress.org/plugins/broken-link-checker/\">Broken Link Checker</a>のようなプラグインを使えばすべて解決しますが、静的なサイトでのチェックには重宝しそうですね。</p>\r\n', 'ページのリンク先ステータスコードを容易にチェックできる「Broken Link Test」', 'ページに張っているリンクのリンク切れチェックやステータスコードチェックを自動化してくれるチェックツール。', 'publish', 'open', 'closed', '', 'broken-link-test', '', '', '2016-03-28 00:03:33', '2016-03-27 15:03:33', '', 0, 'http://web-marketing.zako.org/?p=30254', 0, 'post', '', 0),
(30255, 4, '2016-03-27 17:07:14', '2016-03-27 08:07:14', '', 'brokenlinktest-filter', 'リンク切れだけに絞り込んだ状態。', 'inherit', 'open', 'closed', '', 'brokenlinktest-filter', '', '', '2016-03-27 17:07:32', '2016-03-27 08:07:32', '', 30254, 'http://web-marketing.zako.org/images/2016/03/brokenlinktest-filter.png', 0, 'attachment', 'image/png', 0),
(30256, 4, '2016-03-27 17:07:15', '2016-03-27 08:07:15', '', 'brokenlinktest-results', 'テストが完了すると、ステータスコードとFollowの状態が一覧されます。', 'inherit', 'open', 'closed', '', 'brokenlinktest-results', '', '', '2016-03-27 17:07:46', '2016-03-27 08:07:46', '', 30254, 'http://web-marketing.zako.org/images/2016/03/brokenlinktest-results.png', 0, 'attachment', 'image/png', 0),
(30257, 4, '2016-03-27 17:07:17', '2016-03-27 08:07:17', '', 'brokenlinktest-list', 'ページに張られているリンク一覧を表示。', 'inherit', 'open', 'closed', '', 'brokenlinktest-list', '', '', '2016-03-27 17:07:58', '2016-03-27 08:07:58', '', 30254, 'http://web-marketing.zako.org/images/2016/03/brokenlinktest-list.png', 0, 'attachment', 'image/png', 0),
(30258, 4, '2016-03-27 17:07:18', '2016-03-27 08:07:18', '', 'brokenlinktest', '', 'inherit', 'open', 'closed', '', 'brokenlinktest', '', '', '2016-03-27 17:08:03', '2016-03-27 08:08:03', '', 30254, 'http://web-marketing.zako.org/images/2016/03/brokenlinktest.png', 0, 'attachment', 'image/png', 0),
(30259, 4, '2016-03-27 17:10:19', '2016-03-27 08:10:19', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest.png\" alt=\"Broken Link Test\" width=\"592\" height=\"338\" class=\"alignnone size-full wp-image-30258\" /></p>\r\n<p>ページのリンク切れチェックをおこなえるツールは数多くあるものの、同時にすべてのリンク先のステータスコードやNofollow属性の付与がチェックできるものも欲しい時がありますよね。</p>\r\n<p>サイト内リンクがリダイレクトする以前のリンク先になっていないか、リンク先の外部サイトが怪しい状態になっていないかなど、目的にはさまざまなことがあると思います。</p>\r\n<p>そんな時に便利なのが今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">リンク切れチェックとリンク先ステータスコードをチェックできる「Broken Link Test」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.brokenlinktest.com/\">Broken Link Test</a>」は、<strong>指定したページに張っているリンクのリンク切れチェックとともに、そのリンク先のステータスコードを一括でチェックできる</strong>ツール。</p>\r\n<p>貼られているリンクがDo followかNo followかも判別してくれます。</p>\r\n\r\n<h4 class=\"tips\">ページに張られているリンクを一覧</h4>\r\n[caption id=\"attachment_30257\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-list.png\" alt=\"ページに張られているリンク一覧を表示。\" width=\"592\" height=\"445\" class=\"size-full wp-image-30257\" /> ページに張られているリンク一覧を表示。[/caption]\r\n<p>ページのURLを入れて【test now】ボタンを押下すると、張られているリンクを一覧し、同時にリンク先ページのチェックが開始されます。</p>\r\n\r\n<h4 class=\"tips\">チェックの結果を一覧</h4>\r\n[caption id=\"attachment_30256\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-results.png\" alt=\"テストが完了すると、ステータスコードとFollowの状態が一覧されます。\" width=\"592\" height=\"445\" class=\"size-full wp-image-30256\" /> テストが完了すると、ステータスコードとFollowの状態が一覧されます。[/caption]\r\n<p>チェックが完了すると、リンク先ページのステータスコードとDo followかNo followかの判定結果が一覧されます。</p>\r\n<p>ここでリンク切れだけでなく、301や302リダイレクトされているもの、あるいはNofollow属性をつけるべきものについていないなどの確認をおこなえます。</p>\r\n<p>リンク先ページへのURLリンクもあるので、確認も容易にできそうです。</p>\r\n\r\n[caption id=\"attachment_30255\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-filter.png\" alt=\"リンク切れだけに絞り込んだ状態。\" width=\"592\" height=\"190\" class=\"size-full wp-image-30255\" /> リンク切れだけに絞り込んだ状態。[/caption]\r\n<p>さらに、一覧の右上にある「Show broken links only:」をONにすることで、リンク切れしているものだけに絞り込むことが出来ます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.brokenlinktest.com/\">Broken Link Test</a>へどうぞ。</p>\r\n\r\n<p>WordPressだと<a target=\"_blank\" href=\"https://ja.wordpress.org/plugins/broken-link-checker/\">Broken Link Checker</a>のようなプラグインを使えばすべて解決しますが、静的なサイトでのチェックには重宝しそうですね。</p>\r\n', 'ページのリンク先ステータスコードを容易にチェックできる「Broken Link Test」', '', 'inherit', 'closed', 'closed', '', '30254-revision-v1', '', '', '2016-03-27 17:10:19', '2016-03-27 08:10:19', '', 30254, 'http://web-marketing.zako.org/web-tools/30254-revision-v1.html', 0, 'revision', '', 0),
(30260, 4, '2016-03-27 17:16:41', '2016-03-27 08:16:41', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest.png\" alt=\"Broken Link Test\" width=\"592\" height=\"338\" class=\"alignnone size-full wp-image-30258\" /></p>\r\n<p>ページのリンク切れチェックをおこなえるツールは数多くあるものの、同時にすべてのリンク先のステータスコードやNofollow属性の付与がチェックできるものも欲しい時がありますよね。</p>\r\n<p>サイト内リンクがリダイレクトする以前のリンク先になっていないか、リンク先の外部サイトが怪しい状態になっていないかなど、目的にはさまざまなことがあると思います。</p>\r\n<p>そんな時に便利なのが今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">リンク切れチェックとリンク先ステータスコードをチェックできる「Broken Link Test」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.brokenlinktest.com/\">Broken Link Test</a>」は、<strong>指定したページに張っているリンクのリンク切れチェックとともに、そのリンク先のステータスコードを一括でチェックできる</strong>ツール。</p>\r\n<p>貼られているリンクがDo followかNo followかも判別してくれます。</p>\r\n\r\n<h4 class=\"tips\">ページに張られているリンクを一覧</h4>\r\n[caption id=\"attachment_30257\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-list.png\" alt=\"ページに張られているリンク一覧を表示。\" width=\"592\" height=\"445\" class=\"size-full wp-image-30257\" /> ページに張られているリンク一覧を表示。[/caption]\r\n<p>ページのURLを入れて【test now】ボタンを押下すると、張られているリンクを一覧し、同時にリンク先ページのチェックが開始されます。</p>\r\n\r\n<h4 class=\"tips\">チェックの結果を一覧</h4>\r\n[caption id=\"attachment_30256\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-results.png\" alt=\"テストが完了すると、ステータスコードとFollowの状態が一覧されます。\" width=\"592\" height=\"445\" class=\"size-full wp-image-30256\" /> テストが完了すると、ステータスコードとFollowの状態が一覧されます。[/caption]\r\n<p>チェックが完了すると、リンク先ページのステータスコードとDo followかNo followかの判定結果が一覧されます。</p>\r\n<p>ここでリンク切れだけでなく、301や302リダイレクトされているもの、あるいはNofollow属性をつけるべきものについていないなどの確認をおこなえます。</p>\r\n<p>リンク先ページへのURLリンクもあるので、確認も容易にできそうです。</p>\r\n\r\n[caption id=\"attachment_30255\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/brokenlinktest-filter.png\" alt=\"リンク切れだけに絞り込んだ状態。\" width=\"592\" height=\"190\" class=\"size-full wp-image-30255\" /> リンク切れだけに絞り込んだ状態。[/caption]\r\n<p>さらに、一覧の右上にある「Show broken links only:」をONにすることで、リンク切れしているものだけに絞り込むことが出来ます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.brokenlinktest.com/\">Broken Link Test</a>へどうぞ。</p>\r\n\r\n<p>WordPressだと<a target=\"_blank\" href=\"https://ja.wordpress.org/plugins/broken-link-checker/\">Broken Link Checker</a>のようなプラグインを使えばすべて解決しますが、静的なサイトでのチェックには重宝しそうですね。</p>\r\n', 'ページのリンク先ステータスコードを容易にチェックできる「Broken Link Test」', 'ページに張っているリンクのリンク切れチェックやステータスコードチェックを自動化してくれるチェックツール。', 'inherit', 'closed', 'closed', '', '30254-revision-v1', '', '', '2016-03-27 17:16:41', '2016-03-27 08:16:41', '', 30254, 'http://web-marketing.zako.org/web-tools/30254-revision-v1.html', 0, 'revision', '', 0),
(30261, 4, '2016-03-27 17:44:52', '2016-03-27 08:44:52', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/colovely.png\" alt=\"Colovely\" width=\"592\" height=\"296\" class=\"alignnone size-full wp-image-30262\" /></p>\r\n<p>サイトやパーツの色を決める際に、カラーピッカーなどで微妙な色合いを決めていくこともあるかと思いますが、どうしても似たり寄ったりな色になってしまいがちなこともあるのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、ランダムで見ることによって新たな色との出会いがありそうなサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">新たな色を発見できそうな「Colovely」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a> 」は、<strong>スペースキーを打つごとに色をランダムに表示して、HEX、RGB、HSLのカラーコードを生成</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/rV98uQlE_gM\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>スペースキーを押す度に画面の色が変わり、HEX、RGB、HSLのカラーコードが表示されます。</p>\r\n\r\n<h4 class=\"tips\">生成されたカラーコードをコピペ</h4>\r\n[caption id=\"attachment_30263\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/colovely-code.png\" alt=\"生成されたカラーコードはテキストなので、もちろんコピペ可能。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30263\" /> 生成されたカラーコードはテキストなので、もちろんコピペ可能。[/caption]\r\n<p>気に入った色があれば、利用したい種類のカラーコードをコピーして使用します。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a>へどうぞ。</p>\r\n\r\n', 'ランダムにカラーコードを生成する「Colovely」', '新たな色の発想を得るための、カラフル・カラーコード・ジェネレーター。', 'publish', 'open', 'closed', '', 'colovely', '', '', '2016-03-27 17:44:52', '2016-03-27 08:44:52', '', 0, 'http://web-marketing.zako.org/?p=30261', 0, 'post', '', 0),
(30262, 4, '2016-03-27 17:39:34', '2016-03-27 08:39:34', '', 'colovely', '', 'inherit', 'open', 'closed', '', 'colovely', '', '', '2016-03-27 17:39:52', '2016-03-27 08:39:52', '', 30261, 'http://web-marketing.zako.org/images/2016/03/colovely.png', 0, 'attachment', 'image/png', 0),
(30263, 4, '2016-03-27 17:39:36', '2016-03-27 08:39:36', '', 'colovely-code', '生成されたカラーコードはテキストなので、もちろんコピペ可能。', 'inherit', 'open', 'closed', '', 'colovely-code', '', '', '2016-03-27 17:39:47', '2016-03-27 08:39:47', '', 30261, 'http://web-marketing.zako.org/images/2016/03/colovely-code.png', 0, 'attachment', 'image/png', 0),
(30264, 4, '2016-03-27 17:42:32', '2016-03-27 08:42:32', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/colovely.png\" alt=\"Colovely\" width=\"592\" height=\"296\" class=\"alignnone size-full wp-image-30262\" /></p>\r\n<p>サイトやパーツの色を決める際に、カラーピッカーなどで微妙な色合いを決めていくこともあるかと思いますが、どうしても似たり寄ったりな色になってしまいがちなこともあるのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、ランダムで見ることによって新たな色との出会いがありそうなサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">新たな色を発見できそうな「Colovely」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a> 」は、<strong>スペースキーを打つごとに色をランダムに表示して、HEX、RGB、HSLのカラーコードを生成</strong>してくれる超シンプルなカラフルジェネレーター。</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/rV98uQlE_gM\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>スペースキーを押す度に画面の色が変わり、HEX、RGB、HSLのカラーコードが表示されます。</p>\r\n\r\n<h4 class=\"tips\">生成されたカラーコードをコピペ</h4>\r\n[caption id=\"attachment_30263\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/colovely-code.png\" alt=\"生成されたカラーコードはテキストなので、もちろんコピペ可能。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30263\" /> 生成されたカラーコードはテキストなので、もちろんコピペ可能。[/caption]\r\n<p>気に入った色があれば、利用したい種類のカラーコードをコピーして使用します。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a>へどうぞ。</p>\r\n\r\n', 'ランダムにカラーコードを生成する「Colovely」', '新たな色の発想を得るための、カラフル・カラーコード・ジェネレーター。', 'inherit', 'closed', 'closed', '', '30261-revision-v1', '', '', '2016-03-27 17:42:32', '2016-03-27 08:42:32', '', 30261, 'http://web-marketing.zako.org/web-tools/30261-revision-v1.html', 0, 'revision', '', 0),
(30265, 4, '2016-03-27 17:44:25', '2016-03-27 08:44:25', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/colovely.png\" alt=\"Colovely\" width=\"592\" height=\"296\" class=\"alignnone size-full wp-image-30262\" /></p>\r\n<p>サイトやパーツの色を決める際に、カラーピッカーなどで微妙な色合いを決めていくこともあるかと思いますが、どうしても似たり寄ったりな色になってしまいがちなこともあるのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、ランダムで見ることによって新たな色との出会いがありそうなサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">新たな色を発見できそうな「Colovely」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a> 」は、<strong>スペースキーを打つごとに色をランダムに表示して、HEX、RGB、HSLのカラーコードを生成</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/rV98uQlE_gM\" frameborder=\"0\" allowfullscreen></iframe\r\n<p>スペースキーを押す度に画面の色が変わり、HEX、RGB、HSLのカラーコードが表示されます。</p>\r\n\r\n<h4 class=\"tips\">生成されたカラーコードをコピペ</h4>\r\n[caption id=\"attachment_30263\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/colovely-code.png\" alt=\"生成されたカラーコードはテキストなので、もちろんコピペ可能。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30263\" /> 生成されたカラーコードはテキストなので、もちろんコピペ可能。[/caption]\r\n<p>気に入った色があれば、利用したい種類のカラーコードをコピーして使用します。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a>へどうぞ。</p>\r\n\r\n', 'ランダムにカラーコードを生成する「Colovely」', '新たな色の発想を得るための、カラフル・カラーコード・ジェネレーター。', 'inherit', 'closed', 'closed', '', '30261-revision-v1', '', '', '2016-03-27 17:44:25', '2016-03-27 08:44:25', '', 30261, 'http://web-marketing.zako.org/web-tools/30261-revision-v1.html', 0, 'revision', '', 0),
(30266, 4, '2016-03-27 17:44:52', '2016-03-27 08:44:52', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/03/colovely.png\" alt=\"Colovely\" width=\"592\" height=\"296\" class=\"alignnone size-full wp-image-30262\" /></p>\r\n<p>サイトやパーツの色を決める際に、カラーピッカーなどで微妙な色合いを決めていくこともあるかと思いますが、どうしても似たり寄ったりな色になってしまいがちなこともあるのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、ランダムで見ることによって新たな色との出会いがありそうなサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">新たな色を発見できそうな「Colovely」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a> 」は、<strong>スペースキーを打つごとに色をランダムに表示して、HEX、RGB、HSLのカラーコードを生成</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/rV98uQlE_gM\" frameborder=\"0\" allowfullscreen></iframe>\r\n<p>スペースキーを押す度に画面の色が変わり、HEX、RGB、HSLのカラーコードが表示されます。</p>\r\n\r\n<h4 class=\"tips\">生成されたカラーコードをコピペ</h4>\r\n[caption id=\"attachment_30263\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/03/colovely-code.png\" alt=\"生成されたカラーコードはテキストなので、もちろんコピペ可能。\" width=\"592\" height=\"377\" class=\"size-full wp-image-30263\" /> 生成されたカラーコードはテキストなので、もちろんコピペ可能。[/caption]\r\n<p>気に入った色があれば、利用したい種類のカラーコードをコピーして使用します。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://colovely.nofach.com/\">Colovely</a>へどうぞ。</p>\r\n\r\n', 'ランダムにカラーコードを生成する「Colovely」', '新たな色の発想を得るための、カラフル・カラーコード・ジェネレーター。', 'inherit', 'closed', 'closed', '', '30261-revision-v1', '', '', '2016-03-27 17:44:52', '2016-03-27 08:44:52', '', 30261, 'http://web-marketing.zako.org/web-tools/30261-revision-v1.html', 0, 'revision', '', 0),
(30268, 4, '2016-04-04 00:21:01', '2016-04-03 15:21:01', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/cardform.jpg\" alt=\"CARDFORM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30269\" /></p>\r\n<p>ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。</p>\r\n<p>そのブログやサイトの中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしまったら、というのを実現してしまったのがこのサービス。</p>\r\n<p>人気のタスク管理ツールが、サイトをリアルタイムに更新できるCMSになってしまいます。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">「Trello」でブログやLPを作成、更新できる「CARDFORM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>」は、<strong>タスク管理ツール「<a target=\"_blank\" href=\"https://trello.com/\">Trello</a>」でブログやサイトも管理できるようにしてしまう</strong>サービス。</p>\r\n<p>テーマや更新方法を選択するだけで、あとはタスク管理ツール上で内容を更新していくことが可能になります。</p>\r\n\r\n<h4 class=\"tips\">「CARDFORM」で作成できるサイトの例</h4>\r\n[caption id=\"attachment_30272\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio.jpg\" alt=\"ポートフォリオサイトを作ったもの。\" width=\"592\" height=\"385\" class=\"size-full wp-image-30272\" /> ポートフォリオサイトを作ったもの。[/caption]\r\n<p>画像はポートフォリオサイトを作成したもの。写真や写真のタイトル、説明文もTrelloで設定しています。</p>\r\n\r\n[caption id=\"attachment_30270\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio-photo.jpg\" alt=\"写真をクリックするとLightboxで拡大表示します。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30270\" /> 写真をクリックするとLightboxで拡大表示します。[/caption]\r\n\r\n<h5 class=\"tips\">ブログも作ることができます</h5>\r\n\r\n[caption id=\"attachment_30271\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-blog.jpg\" alt=\"ブログの記事をタスクで作成、更新。\" width=\"592\" height=\"394\" class=\"size-full wp-image-30271\" /> ブログの記事をタスクで作成、更新。[/caption]\r\n<p>ブログの記事は、カテゴリを「ラベル」で指定します。また、強調表示やリンク、見出しにリストなどといった表現は、Markdown記法を使っておこなうことができます。</p>\r\n\r\n<p class=\"desc\">ブログのサンプル：<a target=\"_blank\" href=\"http://webm.mysit.es/\">http://webm.mysit.es/</a></p>\r\n\r\n<h4 class=\"tips\">テンプレートを選択してサイトの外枠を作成</h4>\r\n[caption id=\"attachment_30277\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-temp.png\" alt=\"7種類のテンプレートからサイトの種類を選べます。\" width=\"592\" height=\"352\" class=\"size-full wp-image-30277\" /> 7種類のテンプレートからサイトの種類を選べます。[/caption]\r\n<p>アプリ用のLPやポートフォリオサイト、ブログ、1枚もののコーポレートページなどといった目的別のテンプレートからサイトを選択します。テンプレートはすべてレスポンシブ対応になっています。</p>\r\n\r\n<h4 class=\"tips\">タスク管理ツールでサイトの中身を作成、更新</h4>\r\n[caption id=\"attachment_30276\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-trello.png\" alt=\"タスク管理ツール「Trello」でサイトの情報を編集します。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30276\" /> タスク管理ツール「Trello」でサイトの情報を編集します。[/caption]\r\n<p>サイトのタイトルやディスクリプションといった基本情報、見出しや文章、写真といったものはすべて「Trello」のタスクに設定することで編集します。</p>\r\n<p>サイトの初期設定時に「Automatic refreshing」をONにしておけば、内容の編集完了とともに公開しているサイトに反映されます。</p>\r\n\r\n[caption id=\"attachment_30274\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-desc.png\" alt=\"サイトのディスクリプションを設定。\" width=\"592\" height=\"384\" class=\"size-full wp-image-30274\" /> サイトのディスクリプションを設定。[/caption]\r\n<p>基本設定のタスクリストでは、サイト名やメールフォームの飛び先メールアドレス等の設定をおこなえます。</p>\r\n[caption id=\"attachment_30273\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-social.png\" alt=\"ソーシャルのURLを設定。\" width=\"592\" height=\"369\" class=\"size-full wp-image-30273\" /> ソーシャルのURLを設定。[/caption]\r\n<p>TwitterやFacebookページ、InstagramのURLもタスクで指定します。</p>\r\n\r\n[caption id=\"attachment_30275\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-photo.png\" alt=\"サイトに掲載する写真をタスクに添付。\" width=\"592\" height=\"336\" class=\"size-full wp-image-30275\" /> サイトに掲載する写真をタスクに添付。[/caption]\r\n<p>写真はタスクに添付することでサイトに表示可能。写真を表示できるテンプレートには写真を登録するリストがあるので、そこにタスクを追加し、写真を添付していきます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>へどうぞ。</p>\r\n', 'タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」', 'タスク管理ツールでブログやサイトを作成、更新できてしまうタスク管理CMS！？', 'publish', 'open', 'closed', '', 'cardform-trello', '', '', '2016-04-17 18:30:52', '2016-04-17 09:30:52', '', 0, 'http://web-marketing.zako.org/?p=30268', 0, 'post', '', 0),
(30269, 4, '2016-04-03 12:37:35', '2016-04-03 03:37:35', '', 'cardform', '', 'inherit', 'open', 'closed', '', 'cardform', '', '', '2016-04-03 12:37:45', '2016-04-03 03:37:45', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform.jpg', 0, 'attachment', 'image/jpeg', 0),
(30270, 4, '2016-04-03 12:37:36', '2016-04-03 03:37:36', '', 'cardform-portfolio-photo', '写真をクリックするとLightboxで拡大表示します。', 'inherit', 'open', 'closed', '', 'cardform-portfolio-photo', '', '', '2016-04-03 12:37:53', '2016-04-03 03:37:53', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-portfolio-photo.jpg', 0, 'attachment', 'image/jpeg', 0),
(30271, 4, '2016-04-03 12:37:37', '2016-04-03 03:37:37', '', 'cardform-blog', 'ブログの記事をタスクで作成、更新。', 'inherit', 'open', 'closed', '', 'cardform-blog', '', '', '2016-04-03 12:38:14', '2016-04-03 03:38:14', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-blog.jpg', 0, 'attachment', 'image/jpeg', 0),
(30272, 4, '2016-04-03 12:37:38', '2016-04-03 03:37:38', '', 'cardform-portfolio', 'ポートフォリオサイトを作ったもの。', 'inherit', 'open', 'closed', '', 'cardform-portfolio', '', '', '2016-04-03 12:38:24', '2016-04-03 03:38:24', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-portfolio.jpg', 0, 'attachment', 'image/jpeg', 0),
(30273, 4, '2016-04-03 12:37:39', '2016-04-03 03:37:39', '', 'cardform-social', 'ソーシャルのURLを設定。', 'inherit', 'open', 'closed', '', 'cardform-social', '', '', '2016-04-03 12:38:33', '2016-04-03 03:38:33', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-social.png', 0, 'attachment', 'image/png', 0),
(30274, 4, '2016-04-03 12:37:40', '2016-04-03 03:37:40', '', 'cardform-desc', 'サイトのディスクリプションを設定。', 'inherit', 'open', 'closed', '', 'cardform-desc', '', '', '2016-04-03 12:38:39', '2016-04-03 03:38:39', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-desc.png', 0, 'attachment', 'image/png', 0),
(30275, 4, '2016-04-03 12:37:41', '2016-04-03 03:37:41', '', 'cardform-photo', 'サイトに掲載する写真をタスクに添付。', 'inherit', 'open', 'closed', '', 'cardform-photo', '', '', '2016-04-03 12:38:51', '2016-04-03 03:38:51', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-photo.png', 0, 'attachment', 'image/png', 0),
(30276, 4, '2016-04-03 12:37:42', '2016-04-03 03:37:42', '', 'cardform-trello', 'タスク管理ツール「Trello」でサイトの情報を編集します。', 'inherit', 'open', 'closed', '', 'cardform-trello-2', '', '', '2016-04-03 12:39:02', '2016-04-03 03:39:02', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-trello.png', 0, 'attachment', 'image/png', 0),
(30277, 4, '2016-04-03 12:37:43', '2016-04-03 03:37:43', '', 'cardform-temp', '7種類のテンプレートからサイトの種類を選べます。', 'inherit', 'open', 'closed', '', 'cardform-temp', '', '', '2016-04-03 12:39:08', '2016-04-03 03:39:08', '', 30268, 'http://web-marketing.zako.org/images/2016/04/cardform-temp.png', 0, 'attachment', 'image/png', 0),
(30278, 4, '2016-04-03 12:44:25', '2016-04-03 03:44:25', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/cardform.jpg\" alt=\"CARDFORM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30269\" /></p>\r\n<p>ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。</p>\r\n<p>その中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしまったら、というのを実現してしまったのがこのサービス。</p>\r\n<p>人気のタスク管理ツールが、サイトをリアルタイムに更新できるCMSになってしまいます。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">「Trello」でブログやLPを作成、更新できる「CARDFORM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>」は、<strong>タスク管理ツール「<a target=\"_blank\" href=\"https://trello.com/\">Trello</a>」でブログやサイトも管理できるようにしてしまう</strong>サービス。</p>\r\n<p>テーマや更新方法を選択するだけで、あとはタスク管理ツール上で内容を更新していくことが可能になります。</p>\r\n\r\n<h4 class=\"tips\">「CARDFORM」で作成したサイト</h4>\r\n[caption id=\"attachment_30272\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio.jpg\" alt=\"ポートフォリオサイトを作ったもの。\" width=\"592\" height=\"385\" class=\"size-full wp-image-30272\" /> ポートフォリオサイトを作ったもの。[/caption]\r\n<p>画像はポートフォリオサイトを作成したもの。写真や写真のタイトル、説明文もTrelloで設定しています。</p>\r\n\r\n[caption id=\"attachment_30270\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio-photo.jpg\" alt=\"写真をクリックするとLightboxで拡大表示します。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30270\" /> 写真をクリックするとLightboxで拡大表示します。[/caption]\r\n\r\n<p>次はブログの場合です。</p>\r\n\r\n[caption id=\"attachment_30271\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-blog.jpg\" alt=\"ブログの記事をタスクで作成、更新。\" width=\"592\" height=\"394\" class=\"size-full wp-image-30271\" /> ブログの記事をタスクで作成、更新。[/caption]\r\n<p>ブログの記事は、カテゴリを「ラベル」で指定します。また、強調表示やリンク、見出しにリストなどといった表現は、Markdown記法を使っておこなうことができます。</p>\r\n\r\n<p class=\"desc\">ブログのサンプル：<a target=\"_blank\" href=\"http://webm.mysit.es/\">http://webm.mysit.es/</a></p>\r\n\r\n<h4 class=\"tips\">テンプレートを選択してサイトの外枠を作成</h4>\r\n[caption id=\"attachment_30277\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-temp.png\" alt=\"7種類のテンプレートからサイトの種類を選べます。\" width=\"592\" height=\"352\" class=\"size-full wp-image-30277\" /> 7種類のテンプレートからサイトの種類を選べます。[/caption]\r\n<p>アプリ用のLPやポートフォリオサイト、ブログ、1枚もののコーポレートページなどといった目的別のテンプレートからサイトを選択します。テンプレートはすべてレスポンシブ対応になっています。</p>\r\n\r\n<h4 class=\"tips\">タスク管理ツールでサイトの中身を作成、更新</h4>\r\n[caption id=\"attachment_30276\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-trello.png\" alt=\"タスク管理ツール「Trello」でサイトの情報を編集します。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30276\" /> タスク管理ツール「Trello」でサイトの情報を編集します。[/caption]\r\n<p>サイトのタイトルやディスクリプションといった基本情報、見出しや文章、写真といったものはすべて「Trello」のタスクに設定することで編集します。</p>\r\n<p>サイトの初期設定時に「Automatic refreshing」をONにしておけば、内容の編集完了とともに公開しているサイトに反映されます。</p>\r\n\r\n[caption id=\"attachment_30274\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-desc.png\" alt=\"サイトのディスクリプションを設定。\" width=\"592\" height=\"384\" class=\"size-full wp-image-30274\" /> サイトのディスクリプションを設定。[/caption]\r\n<p>基本設定のタスクリストでは、サイト名やメールフォームの飛び先メールアドレス等の設定をおこなえます。</p>\r\n[caption id=\"attachment_30273\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-social.png\" alt=\"ソーシャルのURLを設定。\" width=\"592\" height=\"369\" class=\"size-full wp-image-30273\" /> ソーシャルのURLを設定。[/caption]\r\n<p>TwitterやFacebookページ、InstagramのURLもタスクで指定します。</p>\r\n\r\n[caption id=\"attachment_30275\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-photo.png\" alt=\"サイトに掲載する写真をタスクに添付。\" width=\"592\" height=\"336\" class=\"size-full wp-image-30275\" /> サイトに掲載する写真をタスクに添付。[/caption]\r\n<p>写真はタスクに添付することでサイトに表示可能。写真を表示できるテンプレートには写真を登録するリストがあるので、そこにタスクを追加し、写真を添付していきます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>へどうぞ。</p>\r\n', 'タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」', 'タスク管理ツールでブログやサイトを作成、更新できてしまうタスク管理CMS！？', 'inherit', 'closed', 'closed', '', '30268-revision-v1', '', '', '2016-04-03 12:44:25', '2016-04-03 03:44:25', '', 30268, 'http://web-marketing.zako.org/web-tools/30268-revision-v1.html', 0, 'revision', '', 0),
(30279, 4, '2016-04-03 12:44:51', '2016-04-03 03:44:51', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/cardform.jpg\" alt=\"CARDFORM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30269\" /></p>\r\n<p>ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。</p>\r\n<p>そのブログやサイトの中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしまったら、というのを実現してしまったのがこのサービス。</p>\r\n<p>人気のタスク管理ツールが、サイトをリアルタイムに更新できるCMSになってしまいます。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">「Trello」でブログやLPを作成、更新できる「CARDFORM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>」は、<strong>タスク管理ツール「<a target=\"_blank\" href=\"https://trello.com/\">Trello</a>」でブログやサイトも管理できるようにしてしまう</strong>サービス。</p>\r\n<p>テーマや更新方法を選択するだけで、あとはタスク管理ツール上で内容を更新していくことが可能になります。</p>\r\n\r\n<h4 class=\"tips\">「CARDFORM」で作成したサイト</h4>\r\n[caption id=\"attachment_30272\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio.jpg\" alt=\"ポートフォリオサイトを作ったもの。\" width=\"592\" height=\"385\" class=\"size-full wp-image-30272\" /> ポートフォリオサイトを作ったもの。[/caption]\r\n<p>画像はポートフォリオサイトを作成したもの。写真や写真のタイトル、説明文もTrelloで設定しています。</p>\r\n\r\n[caption id=\"attachment_30270\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio-photo.jpg\" alt=\"写真をクリックするとLightboxで拡大表示します。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30270\" /> 写真をクリックするとLightboxで拡大表示します。[/caption]\r\n\r\n<p>次はブログの場合です。</p>\r\n\r\n[caption id=\"attachment_30271\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-blog.jpg\" alt=\"ブログの記事をタスクで作成、更新。\" width=\"592\" height=\"394\" class=\"size-full wp-image-30271\" /> ブログの記事をタスクで作成、更新。[/caption]\r\n<p>ブログの記事は、カテゴリを「ラベル」で指定します。また、強調表示やリンク、見出しにリストなどといった表現は、Markdown記法を使っておこなうことができます。</p>\r\n\r\n<p class=\"desc\">ブログのサンプル：<a target=\"_blank\" href=\"http://webm.mysit.es/\">http://webm.mysit.es/</a></p>\r\n\r\n<h4 class=\"tips\">テンプレートを選択してサイトの外枠を作成</h4>\r\n[caption id=\"attachment_30277\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-temp.png\" alt=\"7種類のテンプレートからサイトの種類を選べます。\" width=\"592\" height=\"352\" class=\"size-full wp-image-30277\" /> 7種類のテンプレートからサイトの種類を選べます。[/caption]\r\n<p>アプリ用のLPやポートフォリオサイト、ブログ、1枚もののコーポレートページなどといった目的別のテンプレートからサイトを選択します。テンプレートはすべてレスポンシブ対応になっています。</p>\r\n\r\n<h4 class=\"tips\">タスク管理ツールでサイトの中身を作成、更新</h4>\r\n[caption id=\"attachment_30276\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-trello.png\" alt=\"タスク管理ツール「Trello」でサイトの情報を編集します。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30276\" /> タスク管理ツール「Trello」でサイトの情報を編集します。[/caption]\r\n<p>サイトのタイトルやディスクリプションといった基本情報、見出しや文章、写真といったものはすべて「Trello」のタスクに設定することで編集します。</p>\r\n<p>サイトの初期設定時に「Automatic refreshing」をONにしておけば、内容の編集完了とともに公開しているサイトに反映されます。</p>\r\n\r\n[caption id=\"attachment_30274\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-desc.png\" alt=\"サイトのディスクリプションを設定。\" width=\"592\" height=\"384\" class=\"size-full wp-image-30274\" /> サイトのディスクリプションを設定。[/caption]\r\n<p>基本設定のタスクリストでは、サイト名やメールフォームの飛び先メールアドレス等の設定をおこなえます。</p>\r\n[caption id=\"attachment_30273\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-social.png\" alt=\"ソーシャルのURLを設定。\" width=\"592\" height=\"369\" class=\"size-full wp-image-30273\" /> ソーシャルのURLを設定。[/caption]\r\n<p>TwitterやFacebookページ、InstagramのURLもタスクで指定します。</p>\r\n\r\n[caption id=\"attachment_30275\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-photo.png\" alt=\"サイトに掲載する写真をタスクに添付。\" width=\"592\" height=\"336\" class=\"size-full wp-image-30275\" /> サイトに掲載する写真をタスクに添付。[/caption]\r\n<p>写真はタスクに添付することでサイトに表示可能。写真を表示できるテンプレートには写真を登録するリストがあるので、そこにタスクを追加し、写真を添付していきます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>へどうぞ。</p>\r\n', 'タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」', 'タスク管理ツールでブログやサイトを作成、更新できてしまうタスク管理CMS！？', 'inherit', 'closed', 'closed', '', '30268-revision-v1', '', '', '2016-04-03 12:44:51', '2016-04-03 03:44:51', '', 30268, 'http://web-marketing.zako.org/web-tools/30268-revision-v1.html', 0, 'revision', '', 0),
(30280, 4, '2016-04-03 12:46:22', '2016-04-03 03:46:22', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/cardform.jpg\" alt=\"CARDFORM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30269\" /></p>\r\n<p>ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。</p>\r\n<p>そのブログやサイトの中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしまったら、というのを実現してしまったのがこのサービス。</p>\r\n<p>人気のタスク管理ツールが、サイトをリアルタイムに更新できるCMSになってしまいます。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">「Trello」でブログやLPを作成、更新できる「CARDFORM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>」は、<strong>タスク管理ツール「<a target=\"_blank\" href=\"https://trello.com/\">Trello</a>」でブログやサイトも管理できるようにしてしまう</strong>サービス。</p>\r\n<p>テーマや更新方法を選択するだけで、あとはタスク管理ツール上で内容を更新していくことが可能になります。</p>\r\n\r\n<h4 class=\"tips\">「CARDFORM」で作成できるサイトの例</h4>\r\n[caption id=\"attachment_30272\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio.jpg\" alt=\"ポートフォリオサイトを作ったもの。\" width=\"592\" height=\"385\" class=\"size-full wp-image-30272\" /> ポートフォリオサイトを作ったもの。[/caption]\r\n<p>画像はポートフォリオサイトを作成したもの。写真や写真のタイトル、説明文もTrelloで設定しています。</p>\r\n\r\n[caption id=\"attachment_30270\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio-photo.jpg\" alt=\"写真をクリックするとLightboxで拡大表示します。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30270\" /> 写真をクリックするとLightboxで拡大表示します。[/caption]\r\n\r\n<p>ブログも作ることができます。</p>\r\n\r\n[caption id=\"attachment_30271\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-blog.jpg\" alt=\"ブログの記事をタスクで作成、更新。\" width=\"592\" height=\"394\" class=\"size-full wp-image-30271\" /> ブログの記事をタスクで作成、更新。[/caption]\r\n<p>ブログの記事は、カテゴリを「ラベル」で指定します。また、強調表示やリンク、見出しにリストなどといった表現は、Markdown記法を使っておこなうことができます。</p>\r\n\r\n<p class=\"desc\">ブログのサンプル：<a target=\"_blank\" href=\"http://webm.mysit.es/\">http://webm.mysit.es/</a></p>\r\n\r\n<h4 class=\"tips\">テンプレートを選択してサイトの外枠を作成</h4>\r\n[caption id=\"attachment_30277\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-temp.png\" alt=\"7種類のテンプレートからサイトの種類を選べます。\" width=\"592\" height=\"352\" class=\"size-full wp-image-30277\" /> 7種類のテンプレートからサイトの種類を選べます。[/caption]\r\n<p>アプリ用のLPやポートフォリオサイト、ブログ、1枚もののコーポレートページなどといった目的別のテンプレートからサイトを選択します。テンプレートはすべてレスポンシブ対応になっています。</p>\r\n\r\n<h4 class=\"tips\">タスク管理ツールでサイトの中身を作成、更新</h4>\r\n[caption id=\"attachment_30276\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-trello.png\" alt=\"タスク管理ツール「Trello」でサイトの情報を編集します。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30276\" /> タスク管理ツール「Trello」でサイトの情報を編集します。[/caption]\r\n<p>サイトのタイトルやディスクリプションといった基本情報、見出しや文章、写真といったものはすべて「Trello」のタスクに設定することで編集します。</p>\r\n<p>サイトの初期設定時に「Automatic refreshing」をONにしておけば、内容の編集完了とともに公開しているサイトに反映されます。</p>\r\n\r\n[caption id=\"attachment_30274\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-desc.png\" alt=\"サイトのディスクリプションを設定。\" width=\"592\" height=\"384\" class=\"size-full wp-image-30274\" /> サイトのディスクリプションを設定。[/caption]\r\n<p>基本設定のタスクリストでは、サイト名やメールフォームの飛び先メールアドレス等の設定をおこなえます。</p>\r\n[caption id=\"attachment_30273\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-social.png\" alt=\"ソーシャルのURLを設定。\" width=\"592\" height=\"369\" class=\"size-full wp-image-30273\" /> ソーシャルのURLを設定。[/caption]\r\n<p>TwitterやFacebookページ、InstagramのURLもタスクで指定します。</p>\r\n\r\n[caption id=\"attachment_30275\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-photo.png\" alt=\"サイトに掲載する写真をタスクに添付。\" width=\"592\" height=\"336\" class=\"size-full wp-image-30275\" /> サイトに掲載する写真をタスクに添付。[/caption]\r\n<p>写真はタスクに添付することでサイトに表示可能。写真を表示できるテンプレートには写真を登録するリストがあるので、そこにタスクを追加し、写真を添付していきます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>へどうぞ。</p>\r\n', 'タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」', 'タスク管理ツールでブログやサイトを作成、更新できてしまうタスク管理CMS！？', 'inherit', 'closed', 'closed', '', '30268-revision-v1', '', '', '2016-04-03 12:46:22', '2016-04-03 03:46:22', '', 30268, 'http://web-marketing.zako.org/web-tools/30268-revision-v1.html', 0, 'revision', '', 0),
(30281, 4, '2016-04-03 12:47:09', '2016-04-03 03:47:09', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/cardform.jpg\" alt=\"CARDFORM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30269\" /></p>\r\n<p>ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。</p>\r\n<p>そのブログやサイトの中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしまったら、というのを実現してしまったのがこのサービス。</p>\r\n<p>人気のタスク管理ツールが、サイトをリアルタイムに更新できるCMSになってしまいます。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">「Trello」でブログやLPを作成、更新できる「CARDFORM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>」は、<strong>タスク管理ツール「<a target=\"_blank\" href=\"https://trello.com/\">Trello</a>」でブログやサイトも管理できるようにしてしまう</strong>サービス。</p>\r\n<p>テーマや更新方法を選択するだけで、あとはタスク管理ツール上で内容を更新していくことが可能になります。</p>\r\n\r\n<h4 class=\"tips\">「CARDFORM」で作成できるサイトの例</h4>\r\n[caption id=\"attachment_30272\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio.jpg\" alt=\"ポートフォリオサイトを作ったもの。\" width=\"592\" height=\"385\" class=\"size-full wp-image-30272\" /> ポートフォリオサイトを作ったもの。[/caption]\r\n<p>画像はポートフォリオサイトを作成したもの。写真や写真のタイトル、説明文もTrelloで設定しています。</p>\r\n\r\n[caption id=\"attachment_30270\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-portfolio-photo.jpg\" alt=\"写真をクリックするとLightboxで拡大表示します。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30270\" /> 写真をクリックするとLightboxで拡大表示します。[/caption]\r\n\r\n<h5 class=\"tips\">ブログも作ることができます</h5>\r\n\r\n[caption id=\"attachment_30271\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-blog.jpg\" alt=\"ブログの記事をタスクで作成、更新。\" width=\"592\" height=\"394\" class=\"size-full wp-image-30271\" /> ブログの記事をタスクで作成、更新。[/caption]\r\n<p>ブログの記事は、カテゴリを「ラベル」で指定します。また、強調表示やリンク、見出しにリストなどといった表現は、Markdown記法を使っておこなうことができます。</p>\r\n\r\n<p class=\"desc\">ブログのサンプル：<a target=\"_blank\" href=\"http://webm.mysit.es/\">http://webm.mysit.es/</a></p>\r\n\r\n<h4 class=\"tips\">テンプレートを選択してサイトの外枠を作成</h4>\r\n[caption id=\"attachment_30277\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-temp.png\" alt=\"7種類のテンプレートからサイトの種類を選べます。\" width=\"592\" height=\"352\" class=\"size-full wp-image-30277\" /> 7種類のテンプレートからサイトの種類を選べます。[/caption]\r\n<p>アプリ用のLPやポートフォリオサイト、ブログ、1枚もののコーポレートページなどといった目的別のテンプレートからサイトを選択します。テンプレートはすべてレスポンシブ対応になっています。</p>\r\n\r\n<h4 class=\"tips\">タスク管理ツールでサイトの中身を作成、更新</h4>\r\n[caption id=\"attachment_30276\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-trello.png\" alt=\"タスク管理ツール「Trello」でサイトの情報を編集します。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30276\" /> タスク管理ツール「Trello」でサイトの情報を編集します。[/caption]\r\n<p>サイトのタイトルやディスクリプションといった基本情報、見出しや文章、写真といったものはすべて「Trello」のタスクに設定することで編集します。</p>\r\n<p>サイトの初期設定時に「Automatic refreshing」をONにしておけば、内容の編集完了とともに公開しているサイトに反映されます。</p>\r\n\r\n[caption id=\"attachment_30274\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-desc.png\" alt=\"サイトのディスクリプションを設定。\" width=\"592\" height=\"384\" class=\"size-full wp-image-30274\" /> サイトのディスクリプションを設定。[/caption]\r\n<p>基本設定のタスクリストでは、サイト名やメールフォームの飛び先メールアドレス等の設定をおこなえます。</p>\r\n[caption id=\"attachment_30273\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-social.png\" alt=\"ソーシャルのURLを設定。\" width=\"592\" height=\"369\" class=\"size-full wp-image-30273\" /> ソーシャルのURLを設定。[/caption]\r\n<p>TwitterやFacebookページ、InstagramのURLもタスクで指定します。</p>\r\n\r\n[caption id=\"attachment_30275\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/cardform-photo.png\" alt=\"サイトに掲載する写真をタスクに添付。\" width=\"592\" height=\"336\" class=\"size-full wp-image-30275\" /> サイトに掲載する写真をタスクに添付。[/caption]\r\n<p>写真はタスクに添付することでサイトに表示可能。写真を表示できるテンプレートには写真を登録するリストがあるので、そこにタスクを追加し、写真を添付していきます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://cardform.co/\">CardForm</a>へどうぞ。</p>\r\n', 'タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」', 'タスク管理ツールでブログやサイトを作成、更新できてしまうタスク管理CMS！？', 'inherit', 'closed', 'closed', '', '30268-revision-v1', '', '', '2016-04-03 12:47:09', '2016-04-03 03:47:09', '', 30268, 'http://web-marketing.zako.org/web-tools/30268-revision-v1.html', 0, 'revision', '', 0);
