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
(29900, 4, '2015-08-05 05:16:27', '2015-08-04 20:16:27', '<p>その昔、断トツのキャッシュバック率で、車好きの学生だった自分を助けてくれたJOMO（ENEOS）カード。車をよく使う人なら、その当時作られたのではないでしょうか。</p>\r\n<p>私もそのままずっと使っていましたが、昔よりもかなりお得度が低くなり、ここ数年はいい加減に替えなくてはと感じていました。</p>\r\n<p>そしてJOMOがENEOSに吸収合併されたため、いよいよ替えるべきだろうと、日頃からショッピングに使っている<strong>楽天のカード</strong>にしたらどうなるかを<strong>比較、検証</strong>してみました。</p><p><a onclick=\"_gaq.push([\'_trackEvent\', \'goal\', \'bannaer_click_1\', \'jomocard\']);\" rel=\"nofollow\" href=\"http://bit.ly/grHNi0\" target=\"_blank\">\r\n<img border=\"0\" width=\"300\" height=\"250\" alt=\"\" src=\"http://www27.a8.net/svt/bgt?aid=110423660149&#038;wid=001&#038;eno=01&#038;mid=s00000002033002078000&#038;mc=1\"></a>\r\n<img border=\"0\" width=\"1\" height=\"1\" src=\"http://www19.a8.net/0.gif?a8mat=1TQRFW+2GPLWY+FOQ+CDDY9\" alt=\"\"></p>\r\n<!--more-->\r\n\r\n\r\n<h3>驚愕の事実がそこに&#8230;</h3>\r\n<p>いままでまったく確認していなかったのですが、よくよく見てみると、<b>ENEOSとJOMOは、楽天カードに加盟</b>しているじゃないですか。。。</p>\r\n\r\nこんなキャンペーンもやっているし。。。<br /><a onclick=\"_gaq.push([\'_trackEvent\', \'goal\', \'text_click_1\', \'jomocard\']);\" rel=\"nofollow\" href=\"http://bit.ly/fVodnV\" target=\"_blank\"><img src=\"http://web-marketing.in/consult-diary/images/2011/04/jomo-eneos.jpg\" alt=\"jomo-eneos\" title=\"jomo-eneos\" width=\"500\" height=\"144\" class=\"alignnone size-full wp-image-491\" /></a>\r\n<p>となると、ひょっとしてJOMO（ENEOS）カードではなく、楽天カードでも<strong>ガソリンで同じくらいポイントが付与</strong>されるのでは？</p>\r\n<p>ちょっとドキドキしながら、二つのカードをJOMO、あるいはENEOSで使うとどのような違いがあるのかを見てみました。</p>\r\n<h4>ENEOS、JOMOで１万円分使ったときのポイント付与比較</h4>\r\n<div id=\"attachment_482\" class=\"wp-caption alignnone\" style=\"width: 520px\"><img src=\"http://web-marketing.in/consult-diary/images/2011/04/3.png\" alt=\"ENEOSとJOMOでのJOMOカード、楽天カードポイント比較\" title=\"ENEOSとJOMO\" width=\"510\" height=\"354\" class=\"size-full wp-image-482\" /><p class=\"wp-caption-text\">ENEOSとJOMOでのJOMOカード、楽天カードポイント比較</p></div>\r\n<p>この表を見れば一目瞭然なのですが、<a onclick=\"_gaq.push([\'_trackEvent\', \'goal\', \'text_click_2\', \'jomocard\']);\" rel=\"nofollow\" href=\"http://bit.ly/fuGwMS\" target=\"_blank\">ENEOS（JOMO）での給油はポイント２倍</a><img class=\"none\" border=\"0\" width=\"1\" height=\"1\" src=\"http://www17.a8.net/0.gif?a8mat=1TQRFW+2GPLWY+FOQ+CBVXU\" alt=\"\">となり、実質３％となるので、JOMOカードとのポイントの差はありませんでした(ノ∀｀；)</p>\r\n<p>しかも、<strong>JOMOカード</strong>の場合は<strong>1,000円３０ポイント</strong>なので、<strong>１００円でポイント加算</strong>される<strong>楽天カード</strong>よりもポイント付与の条件は厳しいのです。</p>\r\n<p>さらに、JOMO（ENEOS）カードに付与されたポイントは、ガソリン代の相殺をするか、カタログ商品との交換をするしかないのに対し、<strong>楽天カード</strong>の場合は、<strong>楽天で売っている</strong>ものならば、<strong>どの商品にも</strong>替えられます。</p>\r\n<p>となると、お得度の差ははっきりしていますよね。</p>\r\n<p>私はこの結果を見ただけで楽天カードに替えようと思い、すぐに申し込みました。なんでもっと早く調べなかったんだろうと（笑）</p>\r\n<p>あなたがもしJOMOカードを使っているなら、下記のリンクからチェックしてみてください。</p>\r\n<p>☆★楽天カード新規入会キャンペーン★☆<br />\r\n<a onclick=\"_gaq.push([\'_trackEvent\', \'goal\', \'text_click_3\', \'jomocard\']);\" rel=\"nofollow\" href=\"http://bit.ly/gxnTfa\" target=\"_blank\">「年会費無料！新規入会でもれなく楽天スーパーポイントがもらえる」</a><img class=\"none\" border=\"0\" width=\"1\" height=\"1\" src=\"http://www15.a8.net/0.gif?a8mat=1TQRFW+2GPLWY+FOQ+C7TC2\" alt=\"\"></p>\r\n<p>ただ、それ以外の買い物などで使ったとき、どのような差があるかも気になりますよね。</p>\r\n<p>そこで、その他のお店で使った場合の二つのカードに付与されるポイントを比較してみました。</p>\r\n<h4>居酒屋で1万円使った場合</h4>\r\n<div id=\"attachment_483\" class=\"wp-caption alignnone\" style=\"width: 520px\"><img src=\"http://web-marketing.in/consult-diary/images/2011/04/1.png\" alt=\"居酒屋で1万円使ったときのJOMO（ENEOS）カードと楽天カードのポイント比較\" title=\"居酒屋\" width=\"510\" height=\"350\" class=\"size-full wp-image-483\" /><p class=\"wp-caption-text\">居酒屋で1万円使ったときのJOMO（ENEOS）カードと楽天カードのポイント比較</p></div>\r\n<p>これは、居酒屋で1万円使ったときのポイントの差です。一般的なお店で使っても同じようになります。</p>\r\n<p>あまり大した違いにはなりませんが、ちりも積もればといいますし、長いスパンで見れば大きな違いになるでしょうね。</p>\r\n<p>では、次に楽天で買物をしたときの差を見てみます。</p>\r\n<h4>楽天で1万円使った場合</h4>\r\n<div id=\"attachment_484\" class=\"wp-caption alignnone\" style=\"width: 520px\"><img src=\"http://web-marketing.in/consult-diary/images/2011/04/2.png\" alt=\"楽天で1万円使ったときのJOMOカードと楽天カードの比較\" title=\"楽天\" width=\"510\" height=\"350\" class=\"size-full wp-image-484\" /><p class=\"wp-caption-text\">楽天で1万円使ったときのJOMO（ENEOS）カードと楽天カードの比較</p></div>\r\n<p>楽天だけに、ここでは大きな差が出ます。視覚化してみると、なぜいままでJOMO（ENEOS）カードのままで楽天を使っていたのかと、自分を問い詰めたくなります。。。</p>\r\n<p>というわけで、今回JOMOカードから楽天カードに切り替えたのですが、この他にも、楽天カードには賢くポイントを増やすオプションもあり、毎月決められた日に楽天で買物をすると、更にポイントが貯まるキャンペーンやオプションもあります。</p>\r\n<p>ぜひ一度検討してみてはいかがでしょう。</p>\r\n<p>楽天カードでポイントゲット<br />\r\n　　　→<a onclick=\"_gaq.push([\'_trackEvent\', \'goal\', \'text_click_4\', \'jomocard\']);\" rel=\"nofollow\" href=\"http://bit.ly/dYcHkL\" target=\"_blank\"><strong>お申込</strong>はこちらへ</a><img class=\"none\" border=\"0\" width=\"1\" height=\"1\" src=\"http://www18.a8.net/0.gif?a8mat=1TQRFW+2GPLWY+FOQ+BYLJM\" alt=\"\"></p>\r\n<p><a onclick=\"_gaq.push([\'_trackEvent\', \'goal\', \'text_click_5\', \'jomocard\']);\" rel=\"nofollow\" href=\"http://bit.ly/goW1gY\" target=\"_blank\"><img class=\"none\" border=\"0\" width=\"468\" height=\"60\" alt=\"\" src=\"http://www28.a8.net/svt/bgt?aid=110423660149&#038;wid=001&#038;eno=01&#038;mid=s00000002033002041000&#038;mc=1\"></a><img border=\"0\" width=\"1\" height=\"1\" src=\"http://www12.a8.net/0.gif?a8mat=1TQRFW+2GPLWY+FOQ+C5GGH\" alt=\"\"></p>', 'JOMO（ENEOS）カードを持っている人は楽天カードに替えたほうがお得', '', 'publish', 'open', 'closed', '', 'jomo-card-to-rakuten', '', '', '2015-08-22 05:17:17', '2015-08-21 20:17:17', '', 0, 'http://web-marketing.zako.org/?p=29900', 0, 'post', '', 0),
(29903, 4, '2015-02-22 05:24:49', '2015-02-21 20:24:49', '<p>最近は、仕事の効率化を図るために、情報を集約する<strong>母艦ノート</strong>、スキマ時間を有効活用するための<strong>スケジュールノート</strong>、そしてヒラメキをとっさに書き留めるための<strong>メモ</strong>の３つをセットで使う、３冊ノート術のようなものを活用する人も増えていると思います。</p>\r\n<p>かくいう私も、この３冊ノート術を実践しているのですが、そこで出てくる問題が、母艦ノートとスケジュールノートがバラバラになることの非効率さ。</p>\r\n<p>その問題を解決してくれるのが、２冊のノートを収容できるカバーノート、 コクヨのSYSTEMIC［システミック］です。</p>\r\n<!--more-->\r\n\r\n\r\n<h4>２冊のノートをひとまとめ メモも挟めるカバーノート</h4>\r\n<p class=\"floatleft\"><a rel=\"nofollow\" href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B001J5PC6M/webm-22/ref=nosim/\"><img src=\"http://ecx.images-amazon.com/images/I/41QETcIE8eL._SL160_.jpg\" alt=\"コクヨS&#038;T カバーノート SYSTEMIC (システミック) 2冊収容タイプ A5 黒 A罫 40枚 ノ-655A-1\" /></a></p>\r\n<p>コクヨのSYSTEMICは、２冊のノートを１冊にまとめ、表紙のポケットに<a rel=\"nofollow\" href=\"http://bit.ly/9nY25d\" target=\"_blank\">RHODIA</a>などのメモ帳やボールペンもはさめる便利なカバーノート。</p><p><strong>しおりひもが２本</strong>ついているので、スケジュールノート、母艦ノートともに、現在地をすぐに開くことができます。\r\n</p><br clear=\"all\" />\r\n<p class=\"floatright\"><img src=\"http://web-marketing.in/consult-diary/images/2010/02/systemic.jpg\" alt=\"SYSTEMICの表紙部分にRHODIA\" title=\"SYSTEMICの表紙部分にRHODIA\" width=\"200\" height=\"285\" class=\"alignnone size-full wp-image-349\" /></p>\r\n<p>右の画像は、私が使っているSYSTEMIC（システミック）。先述した通り、<strong>表紙ポケットにはRHODIAのNo.11と４色ボールペン</strong>を挟んでいます。</p>\r\n<p>サイズはセミB5とA5、そしてA6の全３種類。カラーも全４種類となっています。</p>\r\n<p>ただし、ご利用になる際に気をつけていただきたいことが一点だけあります。</p>\r\n<p>今回、私はスケジュールノートのサイズをスリムB5サイズにしていたため、２冊収納して、B5サイズの母艦ノートを書くとき、何かしら下敷きを用意しないと、段差ができてしまったのです（笑）</p>\r\n<p class=\"clear\">当たり前なことなのですが、サイズ違いのノートを使っている人はご注意ください。</p>\r\n<p class=\"floatleft\"><img src=\"http://web-marketing.in/consult-diary/images/2010/02/systemic1.jpg\" alt=\"systemic1\" title=\"systemic1\" width=\"300\" height=\"216\" class=\"alignnone size-full wp-image-356\" /></p>\r\n<p>左の写真は、スケジュールノートを開いているところです。付箋をよく使うので、カバーノートの裏表紙に付箋の束を貼っています。</p>\r\n<p>しかし、裏表紙のポケット部分に付箋の束を貼っていると、たまに剥がれてしまうので、今はノートの表紙に貼り付けるようにしています。</p><p>この点はぜひコクヨさんに改善して欲しいですね。</p>\r\n<p>興味のある方は<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B001J5PC62/webm-22/ref=nosim/\">コクヨS&#038;T カバーノート＜SYSTEMIC＞（システミック）Amazonで送料無料</a>へどうぞ。</p>\r\n<p>複数のノートを使っている方には、本当にオススメしたい逸品です。ぜひ！</p>', 'ノート２冊をまとめて使える コクヨのSYSTEMIC［システミック］が使える件', '', 'publish', 'open', 'closed', '', 'kokuyo-systemic-html', '', '', '2015-08-22 05:26:27', '2015-08-21 20:26:27', '', 0, 'http://web-marketing.zako.org/?p=29903', 0, 'post', '', 0),
(29906, 4, '2015-08-24 00:44:58', '2015-08-23 15:44:58', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/08/agora.jpg\" alt=\"agora\" width=\"592\" height=\"262\" class=\"alignnone size-full wp-image-29912\" /></p>\r\n<p>GoogleドライブにDropbox、boxなど、クラウド上に作成したファイルを保存しておけるサービスはさまざまですよね。</p>\r\n<p>仕事においても、このようなクラウドストレージサービスに作成したファイルを保存しておく機会がかなり増えているのではないでしょうか。</p>\r\n<p>しかしながら便利な反面で、Googleスプレッドシートの機能が不足しているためにExcelでファイルをつくり、そのファイルはDropboxに保存している、といったファイル保存先が分散してしまうことも発生するはず。</p>\r\n<p>今回ご紹介するAgoraは、ファイル保存先が分散してありかを探すのに不便を感じている時に便利なサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">クラウド上のファイルを1箇所で探せる「Agora」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://agora.co/\">Agora</a>」は、<strong>Googleドライブ、Dropbox、boxに保存したファイルを、1箇所でアクセスすることができるサービス。</strong></p>\r\n<p>複数サービスを横断して一括検索できるので、どこに置いたかわからなくなったファイルを見つけ出すのも容易になりそうです。</p>\r\n\r\n<h4 class=\"tips\">すべてのファイルへ1箇所からアクセス可能</h4>\r\n[caption id=\"attachment_29914\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/agora-access.jpg\" alt=\"1つの画面上で複数サービスにあるファイルを一覧。\" width=\"592\" height=\"409\" class=\"size-full wp-image-29914\" /> 1つの画面上で複数サービスにあるファイルを一覧。[/caption]\r\n<p>Googleドライブ、Dropbox、boxに散らばっているファイルを、1箇所から探してダウンロードしたり、編集したりすることができます。</p>\r\n\r\n[caption id=\"attachment_29909\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/agora-connect.jpg\" alt=\"複数サービスで、それぞれ複数のアカウントを追加可能。\" width=\"592\" height=\"373\" class=\"size-full wp-image-29909\" /> 複数サービスで、それぞれ複数のアカウントを追加可能。[/caption]\r\n<p>３つのクラウドサービスのアカウントを連携させたところ、さらに他のアカウントも追加できるという表示がされました。個人と会社のGoogleアカウントがある場合などにも便利そうですね。</p>\r\n\r\n[caption id=\"attachment_29910\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/agora-search.jpg\" alt=\"複数サービスでの横断検索結果。\" width=\"592\" height=\"406\" class=\"size-full wp-image-29910\" /> 複数サービスでの横断検索結果。[/caption]\r\n<p>画面上部にある検索ボックスから検索をかけると、複数サービスにアップロードされたファイル、フォルダが一気に表示されます。</p>\r\n\r\n<h4 class=\"tips\">異なるサービスのアカウントでも同時編集可能</h4>\r\n[caption id=\"attachment_29913\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/agora-collaborate.jpg\" alt=\"異なるサービスのアカウントで同時編集ができる。\" width=\"592\" height=\"205\" class=\"size-full wp-image-29913\" /> 異なるサービスのアカウントで同時編集ができる。[/caption]\r\n<p>面白いポイントとなりそうなのが、ファイルを共有するユーザー同士が別サービスのアカウントであっても、ファイルを共有、同時に編集できてしまうこと。一方のユーザーがGoogleドライブのアカウントで、もう一方のユーザーがDropboxアカウントであっても、同じファイルを同時に編集できてしまうということなのです。</p>\r\n\r\n[caption id=\"attachment_29908\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/agora-share.jpg\" alt=\"実際にDropboxとGoogleドライブのアカウントで同時編集しているところ。\" width=\"592\" height=\"375\" class=\"size-full wp-image-29908\" /> 実際にDropboxとGoogleドライブのアカウントでExcelファイルを同時編集しているところ。[/caption]\r\n<p>本当に可能なのかどうか試してみたところ、DropboxにあるExcelファイルを、一方はDropboxのアカウントで、もう一方はGoogle Appsのアカウントで同時に同じファイルを編集することができました。双方ともにAgoraへの登録が必要となりますが、これは意外と便利かも。</p>\r\n\r\n<h4 class=\"tips\">あらゆるデバイスに対応予定</h4>\r\n[caption id=\"attachment_29911\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/agora-device.jpg\" alt=\"画像で見るに、デスクトップPCのほか、タブレット、Android、iPhoneでも使うことができそう。\" width=\"592\" height=\"261\" class=\"size-full wp-image-29911\" /> 画像で見る限り、デスクトップPCのほか、タブレット、Android、iPhoneでも使うことができそう。[/caption]\r\n<p>サイト上で紹介されている画像を見てみると、PC、タブレット、Android端末、iPhoneにも対応しているように見えます。モバイルの使用環境にアプリが用意されるのか否かはまだわかりませんが、手段を選ばないという点も良さそうですね。</p>\r\n\r\n<p>試してみたい方は<a target=\"_blank\" href=\"https://beta.agora.co/#/login\">Agoraのログインページ</a>から「Sign up」のリンクをクリックして登録してみてください。</p>\r\n', 'クラウド上のファイルを1箇所にまとめて検索、共有、編集できる「Agora」', 'Googleドライブ、Dropbox、boxのファイルを横断検索、異なるアカウントで同時編集もできる便利ツール。', 'publish', 'open', 'closed', '', 'agora', '', '', '2015-08-24 00:47:07', '2015-08-23 15:47:07', '', 0, 'http://web-marketing.zako.org/?p=29906', 0, 'post', '', 0),
(29908, 4, '2015-08-23 20:36:03', '2015-08-23 11:36:03', '', 'agora-share', '実際にDropboxとGoogleドライブのアカウントで同時編集しているところ。', 'inherit', 'open', 'closed', '', 'agora-share', '', '', '2015-08-23 20:38:15', '2015-08-23 11:38:15', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora-share.jpg', 0, 'attachment', 'image/jpeg', 0),
(29909, 4, '2015-08-23 20:36:04', '2015-08-23 11:36:04', '', 'agora-connect', '複数サービスで、それぞれ複数のアカウントを追加可能。', 'inherit', 'open', 'closed', '', 'agora-connect', '', '', '2015-08-23 20:38:15', '2015-08-23 11:38:15', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora-connect.jpg', 0, 'attachment', 'image/jpeg', 0),
(29910, 4, '2015-08-23 20:36:05', '2015-08-23 11:36:05', '', 'agora-search', '複数サービスでの横断検索結果。', 'inherit', 'open', 'closed', '', 'agora-search', '', '', '2015-08-23 20:38:15', '2015-08-23 11:38:15', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora-search.jpg', 0, 'attachment', 'image/jpeg', 0),
(29911, 4, '2015-08-23 20:36:06', '2015-08-23 11:36:06', '', 'agora-device', '画像で見るに、デスクトップPCのほか、タブレット、Android、iPhoneでも使うことができそう。', 'inherit', 'open', 'closed', '', 'agora-device', '', '', '2015-08-23 20:38:15', '2015-08-23 11:38:15', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora-device.jpg', 0, 'attachment', 'image/jpeg', 0),
(29912, 4, '2015-08-23 20:36:06', '2015-08-23 11:36:06', '', 'agora', '', 'inherit', 'open', 'closed', '', 'agora-2', '', '', '2015-08-23 20:36:06', '2015-08-23 11:36:06', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora.jpg', 0, 'attachment', 'image/jpeg', 0),
(29913, 4, '2015-08-23 20:36:07', '2015-08-23 11:36:07', '', 'agora-collaborate', '異なるサービスのアカウントで同時編集ができる。', 'inherit', 'open', 'closed', '', 'agora-collaborate', '', '', '2015-08-23 20:38:15', '2015-08-23 11:38:15', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora-collaborate.jpg', 0, 'attachment', 'image/jpeg', 0),
(29914, 4, '2015-08-23 20:36:08', '2015-08-23 11:36:08', '', 'agora-access', '1つの画面上で複数サービスにあるファイルを一覧。', 'inherit', 'open', 'closed', '', 'agora-access', '', '', '2015-08-23 20:38:15', '2015-08-23 11:38:15', '', 29906, 'http://web-marketing.zako.org/images/2015/08/agora-access.jpg', 0, 'attachment', 'image/jpeg', 0),
(29920, 4, '2015-08-31 00:06:17', '2015-08-30 15:06:17', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/08/growthtools.png\" alt=\"Growth Tools\" width=\"592\" height=\"368\" class=\"alignnone size-full wp-image-29925\" /></p>\r\n<p>Webサービスのグロースには、当然のことながら必要に応じてさまざまな分析が必要になってきますよね。しかしすでに収益が上がっているサービスならばともかく、まだまだマネタイズもできていない状況では、高額なツールを導入するのは資金調達がよほどうまく行っていない限りかなりリスクが高いはず。</p>\r\n<p>今回は、そんな発展途上のWebサービスを運営しているグロースハッカーたちが、コスパの良い分析ツールを選びやすくしてくれるサイトをご紹介します。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">グロースハックツールをおすすめ度で比較できる「Growth Tools」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://growthtools.io/\">Growth Tools</a>」は、<strong>グロースハックに必要な分析のツールを、おすすめ度順にランキングして紹介してくれるデータベース。</strong></p>\r\n<p>SEO、アクセス解析、CRO、ASOなどなど、さまざまな分野ごとに最適なツールをおすすめ度順に紹介しており、自分もオススメのツールに投票をすることが可能です。</p>\r\n\r\n<h4 class=\"tips\">18分野、数百のツールから選べる</h4>\r\n[caption id=\"attachment_29924\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/growthtools-genre.png\" alt=\"CRO、フィードバック、リードジェネレーション、ソーシャルメディア、ランディングページなどなど、全18分野に分けられています。\" width=\"592\" height=\"247\" class=\"size-full wp-image-29924\" /> CRO、フィードバック、リードジェネレーション、ソーシャルメディア、ランディングページなどなど、全18分野に分けられています。[/caption]\r\n\r\n[caption id=\"attachment_29923\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/analytics-growth.png\" alt=\"英語の説明にはなりますが、各分野ごとのページで、評価を得たポイント順のランキングでツールが紹介されています。\" width=\"592\" height=\"440\" class=\"size-full wp-image-29923\" /> 英語の説明にはなりますが、各分野ごとのページで、評価を得たポイント順のランキングでツールが紹介されています。[/caption]\r\n<p>各分野のランキングのページでは、グロースハッカーたちが評価したポイント順にツールが紹介されています。それぞれのツールの価格帯も表記されていて、フリーミアムモデルのものであればその旨も記載されています。</p>\r\n\r\n<h4 class=\"tips\">自分のオススメも反映、追加も可能</h4>\r\n[caption id=\"attachment_29921\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/vote-tool.png\" alt=\"自分のオススメを、ランキングページ上でクリックすることで評価できます。\" width=\"592\" height=\"384\" class=\"size-full wp-image-29921\" /> 自分のオススメを、ランキングページ上でクリックすることで評価できます。[/caption]\r\n<p>Facebookアカウントなどでこのサイトにログインすれば、ランキングページでオススメのツールにポイントを付与することができます。</p>\r\n\r\n[caption id=\"attachment_29922\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/08/add-new-tool.png\" alt=\"未登録のツールを登録することも可能。\" width=\"592\" height=\"423\" class=\"size-full wp-image-29922\" /> 未登録のツールを登録することも可能。[/caption]\r\n<p>ランキング上に掲載されていない、自分独自のツールがある場合は、新たにツールをランキングに追加することも可能です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://growthtools.io/\">Growth Tools</a>へどうぞ。意外と知らない、コスパが高い分析ツールが見つかるかもしれません。</p>\r\n', 'グロースハックツールを分野ごとにオススメしてくれる「Growth Tools」', 'すべてのグロースハッカーのためのグロースハックツール比較サイト。', 'publish', 'open', 'closed', '', 'growth-tools', '', '', '2015-08-31 00:06:17', '2015-08-30 15:06:17', '', 0, 'http://web-marketing.zako.org/?p=29920', 0, 'post', '', 0),
(29921, 4, '2015-08-30 23:35:28', '2015-08-30 14:35:28', '', 'vote-tool', '自分のオススメを、ランキングページ上でクリックすることで評価できます。', 'inherit', 'open', 'closed', '', 'vote-tool', '', '', '2015-08-30 23:36:04', '2015-08-30 14:36:04', '', 29920, 'http://web-marketing.zako.org/images/2015/08/vote-tool.png', 0, 'attachment', 'image/png', 0),
(29922, 4, '2015-08-30 23:35:29', '2015-08-30 14:35:29', '', 'add-new-tool', '未登録のツールを登録することも可能。', 'inherit', 'open', 'closed', '', 'add-new-tool', '', '', '2015-08-30 23:36:10', '2015-08-30 14:36:10', '', 29920, 'http://web-marketing.zako.org/images/2015/08/add-new-tool.png', 0, 'attachment', 'image/png', 0),
(29923, 4, '2015-08-30 23:35:30', '2015-08-30 14:35:30', '', 'analytics-growth', '英語の説明にはなりますが、各分野ごとのページで、評価を得たポイント順のランキングでツールが紹介されています。', 'inherit', 'open', 'closed', '', 'analytics-growth', '', '', '2015-08-30 23:35:55', '2015-08-30 14:35:55', '', 29920, 'http://web-marketing.zako.org/images/2015/08/analytics-growth.png', 0, 'attachment', 'image/png', 0),
(29924, 4, '2015-08-30 23:35:31', '2015-08-30 14:35:31', '', 'growthtools-genre', 'CRO、フィードバック、リードジェネレーション、ソーシャルメディア、ランディングページなどなど、全18分野に分けられています。', 'inherit', 'open', 'closed', '', 'growthtools-genre', '', '', '2015-08-30 23:35:47', '2015-08-30 14:35:47', '', 29920, 'http://web-marketing.zako.org/images/2015/08/growthtools-genre.png', 0, 'attachment', 'image/png', 0),
(29925, 4, '2015-08-30 23:35:32', '2015-08-30 14:35:32', '', 'growthtools', '', 'inherit', 'open', 'closed', '', 'growthtools', '', '', '2015-08-30 23:35:40', '2015-08-30 14:35:40', '', 29920, 'http://web-marketing.zako.org/images/2015/08/growthtools.png', 0, 'attachment', 'image/png', 0),
(30047, 4, '2015-11-02 00:05:53', '2015-11-01 15:05:53', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/11/neatlyio.jpg\" alt=\"neatly.io\" width=\"592\" height=\"256\" class=\"alignnone size-full wp-image-30052\" /></p>\r\n<p>マーケの担当者は、サイトを成長させるためにデータを分析し、改善を繰り返していくわけですが、その分析をおこなうツールは多岐にわたり、いくつものツールを別々のブラウザタブに開いて調査する作業に時間を多くかけていることもあるのではないでしょうか。</p>\r\n<p>APIを使って1箇所にマージするなどしてしまえば、そのような作業もなくなるわけですが、とはいえ、そう簡単にはいかない環境であることも多いでしょう。</p>\r\n<p>そんなときに役立ちそうなのが、今回ご紹介するツールのデータをまとめて確認できるサービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">あらゆるツールのデータをワンストップで確認できる「neatly.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://neatly.io/\">Neatly.io</a>」は、<strong>ビジネスで利用するデータをひとつのダッシュボードにまとめることができるオンラインサービス。</strong></p>\r\n<p>無料版では３つのツールのデータまで取り込むことができ、月額9.99ユーロで10個のツールまで対応できるようになります。</p>\r\n\r\n<h4 class=\"tips\">あらゆるビジネスツールのデータを取り込める</h4>\r\n[caption id=\"attachment_30053\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/neatlyio-connect.png\" alt=\"SEOならMOZやGoogle Search Console、ソーシャルならFacebookやTwitter、Instagram、YouTube、Linkedinなどに対応。\" width=\"592\" height=\"388\" class=\"size-full wp-image-30053\" /> SEOならMOZやGoogle Search Console、ソーシャルならFacebookやTwitter、Instagram、YouTube、Linkedinなどに対応。[/caption]\r\n<p>アクセス解析やCRM、SEO、Eコマースそしてソーシャルなど、あらゆるメジャーなツールやアカウントに対応していて、それぞれ重要なデータサマリをダッシュボードに表示させることができます。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードに重要なデータを表示</h4>\r\n[caption id=\"attachment_30054\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/neatlyio-fb.png\" alt=\"こちらはFacebookページのデータ。年代別のインプレッション数やいいね数など、重要な指標のデータを表示します。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30054\" /> こちらはFacebookページのデータ。年代別のインプレッション数やいいね数など、重要な指標のデータを表示します。[/caption]\r\n<p>ダッシュボードはツールごとにタブで画面をわけられていて、それぞれのタブで重要なデータのみを表示。</p>\r\n[caption id=\"attachment_30051\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/neatlyio-gsc.png\" alt=\"Google Search Consoleならばインデックス数のほかエラーや警告の数値を表示。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30051\" /> Google Search Consoleならばインデックス数のほかエラーや警告の数値を表示。[/caption]\r\n<p>バラバラにチェックする必要があるものはけっこう忘れがち。ダッシュボードに追加しておけばチェック漏れを防ぐことができますね。</p>\r\n[caption id=\"attachment_30050\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/neatlyio-gsc-error.png\" alt=\"画像は昨日データベースが大変なことになった時のエラー。\" width=\"592\" height=\"351\" class=\"size-full wp-image-30050\" /> 画像は昨日データベースが大変なことになった時のエラー。[/caption]\r\n<p>表示されている数値をクリックすると、その詳細データを一覧します。</p>\r\n\r\n<h4 class=\"tips\">ツールのON/OFFが簡単</h4>\r\n[caption id=\"attachment_30049\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/neatlyio-gsc-provider.png\" alt=\"ツールからのデータ取り込みを設定する画面。\" width=\"592\" height=\"388\" class=\"size-full wp-image-30049\" /> ツールからのデータ取り込みを設定する画面。[/caption]\r\n<p>無料版で３つまでですが、ON/OFFを容易に切り替えられるので、どれくらい使えるかを試してから有料版に移行することも可能。あわよくば無料版でも十分に使えてしまうかも。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://neatly.io/\">Neatly.io</a>へどうぞ。</p>\r\n', 'あらゆるビジネスツールのデータを1箇所にまとめる「neatly.io」', 'ソーシャルやSEO、アクセス解析データ等、メジャーな分析ツールのデータを1箇所で確認できるようにするサービス。', 'publish', 'open', 'closed', '', 'neatly-io', '', '', '2017-11-19 17:38:25', '2017-11-19 08:38:25', '', 0, 'http://web-marketing.zako.org/?p=30047', 0, 'post', '', 0),
(30049, 4, '2015-11-01 23:23:16', '2015-11-01 14:23:16', '', 'neatlyio-gsc-provider', 'ツールからのデータ取り込みを設定する画面。', 'inherit', 'open', 'closed', '', 'neatlyio-gsc-provider', '', '', '2015-11-01 23:23:39', '2015-11-01 14:23:39', '', 30047, 'http://web-marketing.zako.org/images/2015/11/neatlyio-gsc-provider.png', 0, 'attachment', 'image/png', 0),
(30050, 4, '2015-11-01 23:23:17', '2015-11-01 14:23:17', '', 'neatlyio-gsc-error', '画像は昨日データベースが大変なことになった時のエラー。', 'inherit', 'open', 'closed', '', 'neatlyio-gsc-error', '', '', '2015-11-01 23:23:55', '2015-11-01 14:23:55', '', 30047, 'http://web-marketing.zako.org/images/2015/11/neatlyio-gsc-error.png', 0, 'attachment', 'image/png', 0),
(30051, 4, '2015-11-01 23:23:18', '2015-11-01 14:23:18', '', 'neatlyio-gsc', 'Google Search Consoleならばインデックス数のほかエラーや警告の数値を表示。', 'inherit', 'open', 'closed', '', 'neatlyio-gsc', '', '', '2015-11-01 23:24:03', '2015-11-01 14:24:03', '', 30047, 'http://web-marketing.zako.org/images/2015/11/neatlyio-gsc.png', 0, 'attachment', 'image/png', 0),
(30052, 4, '2015-11-01 23:23:19', '2015-11-01 14:23:19', '', 'neatlyio', '', 'inherit', 'open', 'closed', '', 'neatlyio', '', '', '2015-11-01 23:23:26', '2015-11-01 14:23:26', '', 30047, 'http://web-marketing.zako.org/images/2015/11/neatlyio.jpg', 0, 'attachment', 'image/jpeg', 0),
(30053, 4, '2015-11-01 23:23:20', '2015-11-01 14:23:20', '', 'neatlyio-connect', 'SEOならMOZやGoogle Search Console、ソーシャルならFacebookやTwitter、Instagram、YouTube、Linkedinなどに対応。', 'inherit', 'open', 'closed', '', 'neatlyio-connect', '', '', '2015-11-01 23:24:10', '2015-11-01 14:24:10', '', 30047, 'http://web-marketing.zako.org/images/2015/11/neatlyio-connect.png', 0, 'attachment', 'image/png', 0),
(30054, 4, '2015-11-01 23:23:21', '2015-11-01 14:23:21', '', 'neatlyio-fb', 'こちらはFacebookページのデータ。年代別のインプレッション数やいいね数など、重要な指標のデータを表示します。', 'inherit', 'open', 'closed', '', 'neatlyio-fb', '', '', '2015-11-01 23:24:22', '2015-11-01 14:24:22', '', 30047, 'http://web-marketing.zako.org/images/2015/11/neatlyio-fb.png', 0, 'attachment', 'image/png', 0),
(30059, 4, '2015-11-09 00:06:05', '2015-11-08 15:06:05', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/11/send-anywhere.png\" alt=\"Send Anywhere\" width=\"592\" height=\"445\" class=\"alignnone size-full wp-image-30061\" /></p>\r\n<p>スマホで撮った写真や動画、作成したファイルなどを自宅や会社のデスクトップPC、あるいはノートPCなどに転送したい時、メールを使ったり、チャットの自分だけのルームに投稿したりなんてことをしますよね。</p>\r\n<p>異なるデバイス間でもっと便利に転送できるツールがあると良いのですが、ブラウザで開いているページを転送できるPushbulletのようなものはあるものの、ファイル転送となるとDropboxのカメラアップロード機能を使うしかなかったりします。そんな時に便利なのが、今回ご紹介するファイル転送サービスです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">複数のデバイス間でファイルを容易に転送できる「Send Anywhere」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://send-anywhere.com/\">Send Anywhere</a>」は、<strong>異なるデバイス間でファイルをカンタンに転送</strong>することができるサービス。</p>\r\n<p><a href=\"https://geo.itunes.apple.com/jp/app/send-anywhere-fairu-zhuan/id596642855?mt=8&at=11l8Es\">iPhoneアプリ</a>や<a target=\"_blank\" href=\"https://play.google.com/store/apps/details?id=com.estmob.android.sendanywhere\">Android アプリ</a>あるいはWindows PC、Mac用のアプリも用意されており、Send Anywhereのウェブサイトからファイル転送する場合は一度に最大1GBまでの制限があるものの、それ以外の場合は容量制限無しで利用することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">6桁のピンコードを伝えることでファイルを転送</h4>\r\n[caption id=\"attachment_30065\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/send-anywhere-sending.png\" alt=\"受信側がピンコードを打つことでファイルを受信。\" width=\"592\" height=\"468\" class=\"size-full wp-image-30065\" /> 受信側がピンコードを打つことでファイルを受信。[/caption]\r\n<p>ファイルを転送すると、6桁のピンコードが表示されます。これを受信側の端末で打ち込むことによってファイルを受信できるようになっています。送信時に発行されるQRコードで受信できるようにすることもできるうえに、このピンコード入力を省いて受信側からファイルをダウンロードできるように「通知を送信」することも可能です。</p>\r\n\r\n\r\n<h4 class=\"tips\">写真や音声、テキストも送れる</h4>\r\n[caption id=\"attachment_30063\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/send-anywhere-send.png\" alt=\"ファイルやフォルダだけでなく、クリップボードに保存されているテキストも履歴から送信可能。\" width=\"592\" height=\"526\" class=\"size-full wp-image-30063\" /> ファイルやフォルダだけでなく、クリップボードに保存されているテキストも履歴から送信可能。[/caption]\r\n<p>写真や音声、あるいはアプリのファイルなどといったものはもちろん、コピーしてクリップボードに保存されているテキストも他のデバイスへ転送することができます。</p>\r\n\r\n[caption id=\"attachment_30068\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/send-anywhere-push.png\" alt=\"テキストをコピーすると通知から直接送信することもできる。\" width=\"592\" height=\"308\" class=\"size-full wp-image-30068\" /> テキストをコピーすると通知から直接送信することもできる。[/caption]\r\n<p>スマホでテキストをコピーすると、通知欄から直接テキストを送信することもできます。テキストは、.txt形式のファイルとなって受信されるようになっています。</p>\r\n\r\n\r\n<h4 class=\"tips\">フォルダもそのまま送れる</h4>\r\n[caption id=\"attachment_30062\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/send-anywhere-folder.png\" alt=\"フォルダの転送でも圧縮不要。\" width=\"592\" height=\"441\" class=\"size-full wp-image-30062\" /> フォルダの転送でも圧縮不要。[/caption]\r\n<p>フォルダごと転送しようと言う時、大抵の場合Zip圧縮してからでないと転送できないことが多いと思いますが、Send Anywhereの場合、フォルダをドラッグするだけで、そのまま転送することができます。受け取り側では、フォルダはZip圧縮された状態で受け取ることになります。この辺りの簡単さも良いですね。</p>\r\n\r\n<h4 class=\"tips\">転送履歴から再送信できる</h4>\r\n[caption id=\"attachment_30060\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/send-anywhere-history.png\" alt=\"これまでに転送したファイルの履歴からも操作可能。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30060\" /> これまでに転送したファイルの履歴からも操作可能。[/caption]\r\n<p>地味に便利なのが、過去に転送したファイルが履歴に残されていて、ここからも容易に再転送できること。「この前もらったあのファイル、どれだったっけ。」という人に、サクッともう一度送ってあげられるのが良いですね。</p>\r\n\r\n[caption id=\"attachment_30070\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/send-anywhere-24h.png\" alt=\"24時間共有にすることで、時限タイマー付きのファイル共有をおこなうことも可能。\" width=\"592\" height=\"441\" class=\"size-full wp-image-30070\" /> 24時間共有にすることで、時限タイマー付きのファイル共有をおこなうことも可能。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://send-anywhere.com/\">Send Anywhere</a>へどうぞ。ログインしなくても利用可能です。</p>', '異なるデバイス間でカンタンにファイル転送できる「Send Anywhere」', '手軽に異なるデバイス間でファイルやフォルダを転送できるサービス。パスコードやダウンロードの有効期限付きで共有することも可能。', 'publish', 'open', 'closed', '', 'send-anywhere', '', '', '2015-11-09 00:06:05', '2015-11-08 15:06:05', '', 0, 'http://web-marketing.zako.org/?p=30059', 0, 'post', '', 0),
(30060, 4, '2015-11-08 17:52:45', '2015-11-08 08:52:45', '', 'send-anywhere-history', 'これまでに転送したファイルの履歴からも操作可能。', 'inherit', 'open', 'closed', '', 'send-anywhere-history', '', '', '2015-11-08 17:53:02', '2015-11-08 08:53:02', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere-history.png', 0, 'attachment', 'image/png', 0),
(30061, 4, '2015-11-08 17:52:46', '2015-11-08 08:52:46', '', 'send-anywhere', '', 'inherit', 'open', 'closed', '', 'send-anywhere', '', '', '2015-11-08 17:52:54', '2015-11-08 08:52:54', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere.png', 0, 'attachment', 'image/png', 0),
(30062, 4, '2015-11-08 17:52:47', '2015-11-08 08:52:47', '', 'send-anywhere-folder', 'フォルダの転送でも圧縮不要。', 'inherit', 'open', 'closed', '', 'send-anywhere-folder', '', '', '2015-11-08 17:53:15', '2015-11-08 08:53:15', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere-folder.png', 0, 'attachment', 'image/png', 0),
(30063, 4, '2015-11-08 17:52:48', '2015-11-08 08:52:48', '', 'send-anywhere-send', 'ファイルやフォルダだけでなく、クリップボードに保存されているテキストも履歴から送信可能。', 'inherit', 'open', 'closed', '', 'send-anywhere-send', '', '', '2015-11-08 17:53:21', '2015-11-08 08:53:21', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere-send.png', 0, 'attachment', 'image/png', 0),
(30065, 4, '2015-11-08 17:52:51', '2015-11-08 08:52:51', '', 'send-anywhere-sending', '受信側がピンコードを打つことでファイルを受信。', 'inherit', 'open', 'closed', '', 'send-anywhere-sending', '', '', '2015-11-08 17:53:32', '2015-11-08 08:53:32', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere-sending.png', 0, 'attachment', 'image/png', 0),
(30068, 4, '2015-11-08 18:05:06', '2015-11-08 09:05:06', '', 'send-anywhere-push', 'テキストをコピーすると通知から直接送信することもできる。', 'inherit', 'open', 'closed', '', 'send-anywhere-push', '', '', '2015-11-08 18:05:09', '2015-11-08 09:05:09', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere-push.png', 0, 'attachment', 'image/png', 0),
(30070, 4, '2015-11-08 18:07:01', '2015-11-08 09:07:01', '', 'send-anywhere-24h', '24時間共有にすることで、時限タイマー付きのファイル共有をおこなうことも可能。', 'inherit', 'open', 'closed', '', 'send-anywhere-24h', '', '', '2015-11-08 18:07:37', '2015-11-08 09:07:37', '', 30059, 'http://web-marketing.zako.org/images/2015/11/send-anywhere-24h.png', 0, 'attachment', 'image/png', 0),
(30072, 4, '2015-11-16 00:07:18', '2015-11-15 15:07:18', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/11/pitchmaker.png\" alt=\"Pitchmaker\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30073\" /></p>\r\n<p>PDFで出力した提案書とランディングページ、どちらも目的は商品を売るためのものですが、このふたつが同じものであるという意識にはなりづらいですよね。</p>\r\n<p>相手先企業に商品を提案をするとき、パワーポイントで作成した資料を紙やPDFで渡すということが、ほとんどだと思います。</p>\r\n<p>そして、WEB上に作ったランディングページは、ターゲットを絞ってはいるものの、特定のクライアントに対してのものではないと考えるのが普通だと思います。</p>\r\n<p>今回ご紹介するのは、こういった既成概念を壊してくれそうなものです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">提案書をランディングページにできる「Pitchmaker」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://pitchmaker.pm/\">Pitchmaker</a>」は、<strong>特定のクライアントに対してPDFで渡していた提案書を、ランディングページで渡す</strong>という発想のサービス。</p>\r\n<p>テンプレートを元に文章を編集でき、動画やアニメーションも入れられるものになっています。</p>\r\n\r\n<h4 class=\"tips\">カンタンなインターフェイスで作成できる</h4>\r\n[caption id=\"attachment_30078\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-edit.png\" alt=\"プレビューを見ながら企画書を編集。\" width=\"592\" height=\"401\" class=\"size-full wp-image-30078\" /> プレビューを見ながら企画書を編集。[/caption]\r\n<p>デフォルトで3種類のテンプレートが用意されており、その形式にそって文章を編集することでページを作成することができます。編集を楽にしてくれるリッチテキストエディタが付いているので、動画や画像、アニメーションの追加も容易にできます。</p>\r\n\r\n[caption id=\"attachment_30077\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-html.png\" alt=\"HTMLで編集することも可能です。\" width=\"592\" height=\"170\" class=\"size-full wp-image-30077\" /> HTMLで編集することも可能です。[/caption]\r\n\r\n\r\n<h4 class=\"tips\">インタラクティブな提案書を作れる</h4>\r\n[caption id=\"attachment_30079\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-interactive.png\" alt=\"資料に動画を掲載できる。\" width=\"592\" height=\"394\" class=\"size-full wp-image-30079\" /> 資料に動画を掲載できる。[/caption]\r\n<p>WEBベースだから、プランを動画やアニメーションでも伝えることができます。文章で回りくどく説明するよりも、動きのあるイメージで伝えられるので、より効率的な提案ができそうです。</p>\r\n\r\n[caption id=\"attachment_30076\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-video.png\" alt=\"動画は埋め込みタグを貼り付けるか、YouTubeであればURLを貼り付けるだけで動画を設置できます。\" width=\"592\" height=\"246\" class=\"size-full wp-image-30076\" /> 動画は埋め込みタグを貼り付けるか、YouTubeであればURLを貼り付けることで動画を設置できます。[/caption]\r\n<p>動画はもちろん、外部サイトで埋め込める機能を持ったプロトタイプあるいはワイヤーフレームの作成サービスやGoogleマップを入れることもできますね。</p>\r\n\r\n<h4 class=\"tips\">モバイルでも気軽に見れる</h4>\r\n[caption id=\"attachment_30075\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-mobile.png\" alt=\"モバイルで見た提案書。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30075\" /> モバイルで見た提案書。[/caption]\r\n<p>サイト自体はBootstrapで作られているので、モバイルにも対応。デスクトップPCに向かわなくても企画書を確認できるようになります。</p>\r\n\r\n<h4 class=\"tips\">パスワードもかけられる</h4>\r\n[caption id=\"attachment_30074\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-password.png\" alt=\"パスワードの設定画面。\" width=\"592\" height=\"257\" class=\"size-full wp-image-30074\" /> パスワードの設定画面。[/caption]\r\n<p>企画書を公開する際に、任意でパスワードを設定することも可能です。そもそも不特定多数のかたに向けたものではなく、クライアントを指定したものである前提なので、パスワードを掛けられるのは助かりますね。</p>\r\n\r\n<h4 class=\"tips\">トラッキングできる</h4>\r\n[caption id=\"attachment_30080\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/pitchmaker-tracked.png\" alt=\"ダッシュボードのアクティビティ欄に表示される行動履歴。\" width=\"592\" height=\"246\" class=\"size-full wp-image-30080\" /> ダッシュボードのアクティビティ欄に表示される行動履歴。[/caption]\r\n<p>アクセス解析ツールのようなグラフまでは表示されませんが、誰（クライアント）が、どのページを、どのくらいの時間見ているかという履歴が残るようになっています。</p>\r\n\r\n<p>ランディングページの場合、アクセス解析ツールのデータなどからページを改善していくことになりますが、PDFで提出した資料を改善するには、相手に提案して何が刺さった、刺さらなかった、伝わった、伝わりづらかったなどといったことから改善をおこなっていると思います。それを、どのページをどれくらいの時間見ていたか、という観点からも分析できるのはおもしろそうです。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://pitchmaker.pm/p/4-214jtrih/\">サンプルページはこちら </a></p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://pitchmaker.pm/\">Pitchmaker</a>へどうぞ。</p>\r\n\r\n<p>1点、料金表のページで日本円に対応していないのは残念ですが、料金表の機能を使わなくても、テーブルを追加して編集すれば料金表として事足りるので、まあ良いかなというところです。</p>\r\n', '提案書をランディングページで渡せる「Pitchmaker」', '特定のクライアントに対する提案書を、ランディングページで作ってしまおうと言う発想のWEBサービス。', 'publish', 'open', 'closed', '', 'pitchmaker', '', '', '2015-11-16 00:07:18', '2015-11-15 15:07:18', '', 0, 'http://web-marketing.zako.org/?p=30072', 0, 'post', '', 0),
(30073, 4, '2015-11-15 17:03:41', '2015-11-15 08:03:41', '', 'pitchmaker', '', 'inherit', 'open', 'closed', '', 'pitchmaker-2', '', '', '2015-11-15 17:03:54', '2015-11-15 08:03:54', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker.png', 0, 'attachment', 'image/png', 0),
(30074, 4, '2015-11-15 17:03:42', '2015-11-15 08:03:42', '', 'pitchmaker-password', 'パスワードの設定画面。', 'inherit', 'open', 'closed', '', 'pitchmaker-password', '', '', '2015-11-15 17:04:06', '2015-11-15 08:04:06', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-password.png', 0, 'attachment', 'image/png', 0),
(30075, 4, '2015-11-15 17:03:43', '2015-11-15 08:03:43', '', 'pitchmaker-mobile', 'モバイルで見た提案書。', 'inherit', 'open', 'closed', '', 'pitchmaker-mobile', '', '', '2015-11-15 17:04:18', '2015-11-15 08:04:18', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-mobile.png', 0, 'attachment', 'image/png', 0),
(30076, 4, '2015-11-15 17:03:44', '2015-11-15 08:03:44', '', 'pitchmaker-video', '動画は埋め込みタグを貼り付けるか、YouTubeであればURLを貼り付けるだけで動画を設置できます。', 'inherit', 'open', 'closed', '', 'pitchmaker-video', '', '', '2015-11-15 17:04:27', '2015-11-15 08:04:27', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-video.png', 0, 'attachment', 'image/png', 0),
(30077, 4, '2015-11-15 17:03:45', '2015-11-15 08:03:45', '', 'pitchmaker-html', 'HTMLで編集することも可能です。', 'inherit', 'open', 'closed', '', 'pitchmaker-html', '', '', '2015-11-15 17:04:33', '2015-11-15 08:04:33', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-html.png', 0, 'attachment', 'image/png', 0),
(30078, 4, '2015-11-15 17:03:45', '2015-11-15 08:03:45', '', 'pitchmaker-edit', 'プレビューを見ながら企画書を編集。', 'inherit', 'open', 'closed', '', 'pitchmaker-edit', '', '', '2015-11-15 17:04:41', '2015-11-15 08:04:41', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-edit.png', 0, 'attachment', 'image/png', 0),
(30079, 4, '2015-11-15 17:03:46', '2015-11-15 08:03:46', '', 'pitchmaker-interactive', '資料に動画を掲載できる。', 'inherit', 'open', 'closed', '', 'pitchmaker-interactive', '', '', '2015-11-15 17:04:47', '2015-11-15 08:04:47', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-interactive.png', 0, 'attachment', 'image/png', 0),
(30080, 4, '2015-11-15 17:03:47', '2015-11-15 08:03:47', '', 'pitchmaker-tracked', 'ダッシュボードのアクティビティ欄に表示される行動履歴。', 'inherit', 'open', 'closed', '', 'pitchmaker-tracked', '', '', '2015-11-15 17:04:55', '2015-11-15 08:04:55', '', 30072, 'http://web-marketing.zako.org/images/2015/11/pitchmaker-tracked.png', 0, 'attachment', 'image/png', 0),
(30083, 4, '2015-11-24 00:16:25', '2015-11-23 15:16:25', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/11/keyword-generator-by-url.png\" alt=\"KEYWORD GENERATOR BY URL\" width=\"592\" height=\"320\" class=\"alignnone size-full wp-image-30089\" /></p>\r\n<p>特定のサイトに関連するキーワードを抽出するには、Adwordsのキーワード プランナーを使うことで実現できますが、そもそもキーワード プランナーはAdwordで広告出稿するためのものなので、キーワードを抽出する目的だけの場合にはUIがちょっと面倒に感じます。</p>\r\n<p>そこで今回は、同じ結果をもっと楽に得られるツールをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">キーワード プランナーの「ランディング ページ」のキーワード取得を楽にできる「KEYWORD GENERATOR BY URL」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://rankactive.com/free-tools/keyword-generator-by-url\">Keyword generator by URL</a>」は、<strong>指定したサイトが属する分野の主要なキーワードを抜き出し、月間検索数とともに一覧</strong>できるツール。</p>\r\n\r\n<p>世界各国に対応しており、日本を指定すれば、日本語のキーワードを一覧してくれます。</p>\r\n\r\n<h4 class=\"tips\">サイトに関連する主要なキーワードを抽出</h4>\r\n[caption id=\"attachment_30091\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/keyword-generator-by-url-do.png\" alt=\"サイトのURLをコピペして、対象の国を選ぶだけ。\" width=\"592\" height=\"195\" class=\"size-full wp-image-30091\" /> サイトのURLをコピペして、対象の国を選ぶだけ。[/caption]\r\n<p>指定したURLからキーワードを生成するようになっています。URLを貼り付けて、対象国を指定し、「GENERATE KEYWORDS」ボタンを押せばOK。</p>\r\n\r\n[caption id=\"attachment_30090\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/keyword-generator-by-url-result.png\" alt=\"ボタンをおして少し待つとキーワードを出力してくれます。\" width=\"592\" height=\"643\" class=\"size-full wp-image-30090\" /> ボタンをおして少し待つとキーワードを出力してくれます。[/caption]\r\n<p>しばらく待つと、キーワードと検索ボリュームの一覧が生成されます。</p>\r\n\r\n<h4 class=\"tips\">出力結果をコピー可能</h4>\r\n<iframe width=\"600\" height=\"300\" frameborder=\"0\" src=\"https://docs.google.com/spreadsheets/d/1cI3ZWxVB8Rn8oOXu8kLGo-e7DgqzgCgit4PobHDvq4E/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false\"></iframe>\r\n<p>とあるひとつのサイトを指定したら、あっという間に435個のキーワードを抜き出してくれました。結果はAdwordのキーワード プランナーで出力するのとまったく同じ結果です。</p>\r\n<p>このキーワードを「COPY ALL KEYWORD SEARCH VOLUME」ボタンを押してコピーすることができるので、これをエクセルやGoogleスプレッドシートに貼り付けることができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://rankactive.com/free-tools/keyword-generator-by-url\">Keyword generator by URL</a>へどうぞ。</p>', '指定したサイトのキーワードを月間検索数とともに抜き出せる「KEYWORD GENERATOR BY URL」', 'Google Adwordsのキーワード プランナーを使わなくても、同じキーワード一覧と月間検索ボリュームを取得できるSEOツール。', 'publish', 'open', 'closed', '', 'keyword-generator-by-url', '', '', '2015-11-24 00:16:25', '2015-11-23 15:16:25', '', 0, 'http://web-marketing.zako.org/?p=30083', 0, 'post', '', 0),
(30089, 4, '2015-11-23 22:00:06', '2015-11-23 13:00:06', '', 'keyword-generator-by-url', '', 'inherit', 'open', 'closed', '', 'keyword-generator-by-url-2', '', '', '2015-11-23 22:00:16', '2015-11-23 13:00:16', '', 30083, 'http://web-marketing.zako.org/images/2015/11/keyword-generator-by-url.png', 0, 'attachment', 'image/png', 0),
(30090, 4, '2015-11-23 22:00:07', '2015-11-23 13:00:07', '', 'keyword-generator-by-url-result', 'ボタンをおして少し待つとキーワードを出力してくれます。', 'inherit', 'open', 'closed', '', 'keyword-generator-by-url-result', '', '', '2015-11-23 22:00:27', '2015-11-23 13:00:27', '', 30083, 'http://web-marketing.zako.org/images/2015/11/keyword-generator-by-url-result.png', 0, 'attachment', 'image/png', 0),
(30091, 4, '2015-11-23 22:00:08', '2015-11-23 13:00:08', '', 'keyword-generator-by-url-do', 'サイトのURLをコピペして、対象の国を選ぶだけ。', 'inherit', 'open', 'closed', '', 'keyword-generator-by-url-do', '', '', '2015-11-23 22:00:32', '2015-11-23 13:00:32', '', 30083, 'http://web-marketing.zako.org/images/2015/11/keyword-generator-by-url-do.png', 0, 'attachment', 'image/png', 0),
(30097, 4, '2015-11-30 00:02:38', '2015-11-29 15:02:38', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2015/11/rankactive.jpg\" alt=\"RankActive\" width=\"592\" height=\"290\" class=\"alignnone size-full wp-image-30102\" /></p>\r\n<p>サイトのSEOをおこなううえで、まず重要なのは現状のデータを元にして仮説を立てること。しかし、そのデータから何か気づきを得るには、レポートの作り方が問題になってくるかと思います。</p>\r\n<p>こんな切り口からデータをまとめてみたり、また違う切り口からやってみたり、それでもなかなか課題が見えてこないなんてことも多いのではないでしょうか。</p>\r\n<p>今回ご紹介するのは、そのレポートをさまざまな角度からサクサク見ることができるSEOツールです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">SEOのオールインワンツール「RankActive」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://rankactive.com/\">RankActive</a>」は、<strong>さまざまな角度からSEOのレポートを見ることができるオンラインツール。</strong></p>\r\n<p>月額70ドルほどなのですが、15日間無料で使うことができ、その間だけでも課題を発見して改善することができそうです。</p>\r\n\r\n<h4 class=\"tips\">キーワードの順位やアクセス数をひと目で確認できるダッシュボード</h4>\r\n[caption id=\"attachment_30101\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/rankactive-dashboard.png\" alt=\"キーワードの順位状況や遷移、アクセス数のサマリを表示。\" width=\"592\" height=\"300\" class=\"size-full wp-image-30101\" /> キーワードの順位状況や遷移、アクセス数のサマリを表示。[/caption]\r\n<p>ダッシュボードには、登録しておいたキーワードの順位やその変動状況などをグラフで表示。</p>\r\n<p>またGoogle Analyticsと連携しておけば、アクセス数やコンバージョン数などの数値もサマライズしてくれます。</p>\r\n\r\n<h4 class=\"tips\">登録したキーワードの順位遷移を見れる</h4>\r\n[caption id=\"attachment_30103\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/rankactive-ranking.png\" alt=\"キーワードの月間検索数と順位を前月比とともに表示。個別の変動状況も可視化される。\" width=\"592\" height=\"300\" class=\"size-full wp-image-30103\" /> キーワードの月間検索数と順位を前月比とともに表示。個別の変動状況も可視化される。[/caption]\r\n<p>トライアル版では250キーワードまで登録することができ、月間検索数、前月同日と当日の順位を表示してくれます。どのような順位変動がおこっているかも右側のカラムで可視化されています。</p>\r\n<p>グラフには100位以内、10位以内、5位以内、3位以内のキーワード数を折れ線でレポートしています。このレポートをエクセル形式でエクスポートすることも可能。タグでジャンルを管理すれば、ジャンルごとに絞り込んで表示させることも可能です。</p>\r\n\r\n<h4 class=\"tips\">Google Analyticsのデータサマリを見れる</h4>\r\n[caption id=\"attachment_30100\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/rankactive-analytics.png\" alt=\"Google Analyticsの主要データをサクッと見やすいグラフで表示。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30100\" /> Google Analyticsの主要データをサクッと見やすいグラフで表示。[/caption]\r\n<p>Google Analyticsのデータをよりわかりやすいまとめ方で可視化してくれます。この画面には複数のタブがあり、ユーザー、参照元、コンテンツ、コンバージョンといった切り口のデータをサクサク表示します。</p>\r\n\r\n<h4 class=\"tips\">競合サイトとの比較ができる</h4>\r\n[caption id=\"attachment_30099\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/rankactive-competitors.png\" alt=\"あらかじめ登録した競合サイトとの比較もあらゆる角度からできる。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30099\" /> あらかじめ登録した競合サイトとの比較もあらゆる角度からできる。[/caption]\r\n<p>新規登録時に競合サイトを自動的にオススメしてくれるのですが、そこで設定した競合サイトとの比較をおこなえます。</p>\r\n<p>比較できる項目は、トラフィックのボリュームやキーワードの平均ランキング、検索のビジビリティ、キーワードごとの順位などです。</p>\r\n<p>トラフィックのボリュームは、自然検索流入の割合がどのくらいかという比較もおこなえます。</p>\r\n\r\n<h4 class=\"tips\">Google Search ConsoleのHTMLの改善情報を見れる</h4>\r\n[caption id=\"attachment_30098\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2015/11/rankactive-monitor.png\" alt=\"HTMLの改善をすべきものが一覧される。\" width=\"592\" height=\"301\" class=\"size-full wp-image-30098\" /> HTMLの改善をすべきものが一覧される。[/caption]\r\n<p>改善点を知る手段として非常に役に立つGoogle Search Consoleですが、また別のツールとして画面を開かなくてはならないので、意外とおざなりになりがち。</p>\r\n<p>その便利な機能もこのツールには含まれていて、短いdescriptionやタイトルタグ、重複などといったものがどのページにあり、Hタグがそれぞれ幾つずつある、外部リンクがいくつ、などといった情報もここで確認することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://rankactive.com/\">RankActive</a>へどうぞ。リンク先ページでデモ画面を見ることもできます。</p>\r\n', 'レポートが見やすいSEOオールインワンツール「RankActive」', 'SEOに必要なレポートが集約できるオンラインツール。', 'publish', 'open', 'closed', '', 'rankactive', '', '', '2015-11-30 00:02:38', '2015-11-29 15:02:38', '', 0, 'http://web-marketing.zako.org/?p=30097', 0, 'post', '', 0),
(30098, 4, '2015-11-29 20:56:24', '2015-11-29 11:56:24', '', 'rankactive-monitor', 'HTMLの改善をすべきものが一覧される。', 'inherit', 'open', 'closed', '', 'rankactive-monitor', '', '', '2015-11-29 20:56:55', '2015-11-29 11:56:55', '', 30097, 'http://web-marketing.zako.org/images/2015/11/rankactive-monitor.png', 0, 'attachment', 'image/png', 0),
(30099, 4, '2015-11-29 20:56:25', '2015-11-29 11:56:25', '', 'rankactive-competitors', 'あらかじめ登録した競合サイトとの比較もあらゆる角度からできる。', 'inherit', 'open', 'closed', '', 'rankactive-competitors', '', '', '2015-11-29 20:57:06', '2015-11-29 11:57:06', '', 30097, 'http://web-marketing.zako.org/images/2015/11/rankactive-competitors.png', 0, 'attachment', 'image/png', 0),
(30100, 4, '2015-11-29 20:56:26', '2015-11-29 11:56:26', '', 'rankactive-analytics', 'Google Analyticsの主要データをサクッと見やすいグラフで表示。', 'inherit', 'open', 'closed', '', 'rankactive-analytics', '', '', '2015-11-29 20:57:23', '2015-11-29 11:57:23', '', 30097, 'http://web-marketing.zako.org/images/2015/11/rankactive-analytics.png', 0, 'attachment', 'image/png', 0),
(30101, 4, '2015-11-29 20:56:27', '2015-11-29 11:56:27', '', 'rankactive-dashboard', 'キーワードの順位状況や遷移、アクセ売っ数のサマリを表示。', 'inherit', 'open', 'closed', '', 'rankactive-dashboard', '', '', '2015-11-29 20:57:32', '2015-11-29 11:57:32', '', 30097, 'http://web-marketing.zako.org/images/2015/11/rankactive-dashboard.png', 0, 'attachment', 'image/png', 0),
(30102, 4, '2015-11-29 20:56:28', '2015-11-29 11:56:28', '', 'rankactive', '', 'inherit', 'open', 'closed', '', 'rankactive', '', '', '2015-11-29 20:56:33', '2015-11-29 11:56:33', '', 30097, 'http://web-marketing.zako.org/images/2015/11/rankactive.jpg', 0, 'attachment', 'image/jpeg', 0),
(30103, 4, '2015-11-29 20:58:44', '2015-11-29 11:58:44', '', 'rankactive-ranking', 'キーワードの月間検索数と順位を前月比とともに表示。個別の変動状況も可視化される。', 'inherit', 'open', 'closed', '', 'rankactive-ranking', '', '', '2015-11-29 21:00:00', '2015-11-29 12:00:00', '', 30097, 'http://web-marketing.zako.org/images/2015/11/rankactive-ranking.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
(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);
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
(30283, 3, '2016-04-11 00:09:22', '2016-04-10 15:09:22', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\r\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\r\n\r\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\r\n\r\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\r\n<p>「WIX」は、<strong>ホームページ作成の知識がなくても、簡単に、<a href=\"http://ja.wix.com/\" target=\"_blank\">無料でホームページが作れるオンラインツール。</a></strong></p>\r\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\r\n\r\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\r\n\r\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\r\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\r\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\r\n\r\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\r\n\r\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\r\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\r\n\r\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\r\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\r\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\r\n\r\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\r\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\r\n\r\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\r\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\r\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\r\n<p>というもの。これはぜひ実現して欲しいですね。</p>\r\n\r\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\r\n\r\n<p>お次はトップページの文字編集です。</p>\r\n\r\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\r\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\r\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\r\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\r\n\r\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\r\n\r\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\r\n<p>作成してから、あれ、これってスマホではどうなるんだろうと確認したところ、何も考えずに勝手にスマホサイトもできあがっていました！これは嬉しい♥</p>\r\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\r\n\r\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>\r\n[caption id=\"attachment_30295\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-help.png\" alt=\"編集メニューに必ず出てくる「？」のボタンは救世主！？\" width=\"592\" height=\"469\" class=\"size-full wp-image-30295\" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]\r\n\r\n<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\r\n\r\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\r\n\r\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\r\n<h5 class=\"tips\">最大の感想</h5>\r\n<p>「無料でここまで作れたら大したもの！」</p>\r\n<h5 class=\"tips\">良い感想：</h5>\r\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\r\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\r\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>\r\n\r\n<p>試してみたい方は<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>へどうぞ。</p>\r\n', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'publish', 'open', 'closed', '', '30-ol-wix', '', '', '2016-04-13 12:12:10', '2016-04-13 03:12:10', '', 0, 'http://web-marketing.zako.org/?p=30283', 0, 'post', '', 0),
(30284, 4, '2016-04-10 01:53:02', '2016-04-09 16:53:02', '', 'wix-design', 'フレンチレストランのデザインを選択。', 'inherit', 'open', 'closed', '', 'wix-design', '', '', '2016-04-10 01:53:30', '2016-04-09 16:53:30', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-design.jpg', 0, 'attachment', 'image/jpeg', 0),
(30285, 4, '2016-04-10 01:53:03', '2016-04-09 16:53:03', '', 'wix-edit-text2', 'デザインを見ながらできる、テキストの編集画面。', 'inherit', 'open', 'closed', '', 'wix-edit-text2', '', '', '2016-04-10 01:53:53', '2016-04-09 16:53:53', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-edit-text2.png', 0, 'attachment', 'image/png', 0),
(30286, 4, '2016-04-10 01:53:05', '2016-04-09 16:53:05', '', 'wix-responsive', '特に意識していなくても、勝手にスマホにも対応してくれます。', 'inherit', 'open', 'closed', '', 'wix-responsive', '', '', '2016-04-10 01:53:59', '2016-04-09 16:53:59', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-responsive.png', 0, 'attachment', 'image/png', 0),
(30287, 4, '2016-04-10 01:53:06', '2016-04-09 16:53:06', '', 'wix-toppage', '作成したホームページのトップページ。', 'inherit', 'open', 'closed', '', 'wix-toppage', '', '', '2016-04-10 01:54:13', '2016-04-09 16:54:13', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-toppage.png', 0, 'attachment', 'image/png', 0),
(30288, 4, '2016-04-10 01:53:08', '2016-04-09 16:53:08', '', 'wix-images', 'WIXの画像アップロード画面。', 'inherit', 'open', 'closed', '', 'wix-images', '', '', '2016-04-10 01:54:28', '2016-04-09 16:54:28', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-images.png', 0, 'attachment', 'image/png', 0),
(30289, 4, '2016-04-10 01:53:09', '2016-04-09 16:53:09', '', 'wix-edit-img', '画像の編集メニュー。', 'inherit', 'open', 'closed', '', 'wix-edit-img', '', '', '2016-04-10 01:54:36', '2016-04-09 16:54:36', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-edit-img.png', 0, 'attachment', 'image/png', 0),
(30290, 4, '2016-04-10 01:53:10', '2016-04-09 16:53:10', '', 'wix-edit-text', '', 'inherit', 'open', 'closed', '', 'wix-edit-text', '', '', '2016-04-10 01:53:10', '2016-04-09 16:53:10', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-edit-text.png', 0, 'attachment', 'image/png', 0),
(30291, 4, '2016-04-10 01:53:11', '2016-04-09 16:53:11', '', 'wix-edit', 'ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。', 'inherit', 'open', 'closed', '', 'wix-edit', '', '', '2016-04-10 01:55:22', '2016-04-09 16:55:22', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-edit.png', 0, 'attachment', 'image/png', 0),
(30292, 4, '2016-04-10 01:53:13', '2016-04-09 16:53:13', '', 'wix-templates', 'デザインテンプレートの選択画面。', 'inherit', 'open', 'closed', '', 'wix-templates', '', '', '2016-04-10 01:55:27', '2016-04-09 16:55:27', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-templates.png', 0, 'attachment', 'image/png', 0),
(30293, 4, '2016-04-10 02:01:13', '2016-04-09 17:01:13', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\r\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\r\n\r\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\r\n\r\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\r\n<p>「<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>」は、<strong>ホームページ作成の知識がなくても、簡単に、無料でホームページが作れるオンラインツール。</strong></p>\r\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\r\n\r\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\r\n\r\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\r\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\r\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\r\n\r\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\r\n\r\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\r\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\r\n\r\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\r\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\r\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\r\n\r\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\r\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\r\n\r\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\r\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\r\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\r\n<p>というもの。これはぜひ実現して欲しいですね。</p>\r\n\r\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\r\n\r\n<p>お次はトップページの文字編集です。</p>\r\n\r\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\r\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\r\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\r\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\r\n\r\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\r\n\r\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\r\n\r\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\r\n\r\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。ここから先は水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\r\n\r\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\r\n\r\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\r\n<h5 class=\"tips\">最大の感想</h5>\r\n<p>「無料でここまで作れたら大したもの！」</p>\r\n<h5 class=\"tips\">良い感想：</h5>\r\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\r\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\r\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>\r\n', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'inherit', 'closed', 'closed', '', '30283-revision-v1', '', '', '2016-04-10 02:01:13', '2016-04-09 17:01:13', '', 30283, 'http://web-marketing.zako.org/web-tools/30283-revision-v1.html', 0, 'revision', '', 0),
(30294, 4, '2016-04-10 02:07:28', '2016-04-09 17:07:28', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\n\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\n\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\n<!--more-->\n\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\n<p>「<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>」は、<strong>ホームページ作成の知識がなくても、簡単に、無料でホームページが作れるオンラインツール。</strong></p>\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\n\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\n\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\n\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\n\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\n\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\n\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\n\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\n<p>というもの。これはぜひ実現して欲しいですね。</p>\n\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\n\n<p>お次はトップページの文字編集です。</p>\n\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\n\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\n\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\n<p>作成してから、あれ、これってスマホではどうなるんだろうと確認したところ、何も考えずに勝手にスマホサイトもできあがっていました！これは嬉しい♥</p>\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\n\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>\n[caption id=\"attachment_30295\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-help.png\" alt=\"編集メニューに必ず出てくる「？」のボタンは救世主！？\" width=\"592\" height=\"469\" class=\"size-full wp-image-30295\" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]\n\n<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\n\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\n\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\n<h5 class=\"tips\">最大の感想</h5>\n<p>「無料でここまで作れたら大したもの！」</p>\n<h5 class=\"tips\">良い感想：</h5>\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>\n\n試してみたい方は\n', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'inherit', 'closed', 'closed', '', '30283-autosave-v1', '', '', '2016-04-10 02:07:28', '2016-04-09 17:07:28', '', 30283, 'http://web-marketing.zako.org/web-tools/30283-autosave-v1.html', 0, 'revision', '', 0),
(30295, 4, '2016-04-10 02:04:03', '2016-04-09 17:04:03', '', 'wix-edit-help', '編集メニューに必ず出てくる「？」のボタンは救世主！？', 'inherit', 'open', 'closed', '', 'wix-edit-help', '', '', '2016-04-10 02:04:24', '2016-04-09 17:04:24', '', 30283, 'http://web-marketing.zako.org/images/2016/04/wix-edit-help.png', 0, 'attachment', 'image/png', 0),
(30296, 4, '2016-04-10 02:05:02', '2016-04-09 17:05:02', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\r\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\r\n\r\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\r\n\r\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\r\n<p>「<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>」は、<strong>ホームページ作成の知識がなくても、簡単に、無料でホームページが作れるオンラインツール。</strong></p>\r\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\r\n\r\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\r\n\r\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\r\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\r\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\r\n\r\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\r\n\r\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\r\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\r\n\r\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\r\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\r\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\r\n\r\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\r\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\r\n\r\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\r\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\r\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\r\n<p>というもの。これはぜひ実現して欲しいですね。</p>\r\n\r\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\r\n\r\n<p>お次はトップページの文字編集です。</p>\r\n\r\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\r\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\r\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\r\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\r\n\r\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\r\n\r\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\r\n\r\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\r\n\r\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>\r\n[caption id=\"attachment_30295\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-help.png\" alt=\"編集メニューに必ず出てくる「？」のボタンは救世主！？\" width=\"592\" height=\"469\" class=\"size-full wp-image-30295\" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]\r\n\r\n<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\r\n\r\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\r\n\r\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\r\n<h5 class=\"tips\">最大の感想</h5>\r\n<p>「無料でここまで作れたら大したもの！」</p>\r\n<h5 class=\"tips\">良い感想：</h5>\r\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\r\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\r\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'inherit', 'closed', 'closed', '', '30283-revision-v1', '', '', '2016-04-10 02:05:02', '2016-04-09 17:05:02', '', 30283, 'http://web-marketing.zako.org/web-tools/30283-revision-v1.html', 0, 'revision', '', 0),
(30297, 4, '2016-04-10 02:06:24', '2016-04-09 17:06:24', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\r\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\r\n\r\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\r\n\r\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\r\n<p>「<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>」は、<strong>ホームページ作成の知識がなくても、簡単に、無料でホームページが作れるオンラインツール。</strong></p>\r\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\r\n\r\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\r\n\r\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\r\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\r\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\r\n\r\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\r\n\r\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\r\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\r\n\r\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\r\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\r\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\r\n\r\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\r\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\r\n\r\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\r\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\r\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\r\n<p>というもの。これはぜひ実現して欲しいですね。</p>\r\n\r\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\r\n\r\n<p>お次はトップページの文字編集です。</p>\r\n\r\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\r\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\r\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\r\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\r\n\r\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\r\n\r\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\r\n<p>作成してから、あれ、これってスマホではどうなるんだろうと確認したところ、何も考えずに勝手にスマホサイトもできあがっていました！これは嬉しい♥</p>\r\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\r\n\r\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>\r\n[caption id=\"attachment_30295\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-help.png\" alt=\"編集メニューに必ず出てくる「？」のボタンは救世主！？\" width=\"592\" height=\"469\" class=\"size-full wp-image-30295\" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]\r\n\r\n<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\r\n\r\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\r\n\r\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\r\n<h5 class=\"tips\">最大の感想</h5>\r\n<p>「無料でここまで作れたら大したもの！」</p>\r\n<h5 class=\"tips\">良い感想：</h5>\r\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\r\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\r\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'inherit', 'closed', 'closed', '', '30283-revision-v1', '', '', '2016-04-10 02:06:24', '2016-04-09 17:06:24', '', 30283, 'http://web-marketing.zako.org/web-tools/30283-revision-v1.html', 0, 'revision', '', 0),
(30298, 4, '2016-04-10 02:07:52', '2016-04-09 17:07:52', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\r\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\r\n\r\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\r\n\r\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\r\n<p>「<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>」は、<strong>ホームページ作成の知識がなくても、簡単に、無料でホームページが作れるオンラインツール。</strong></p>\r\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\r\n\r\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\r\n\r\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\r\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\r\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\r\n\r\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\r\n\r\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\r\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\r\n\r\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\r\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\r\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\r\n\r\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\r\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\r\n\r\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\r\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\r\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\r\n<p>というもの。これはぜひ実現して欲しいですね。</p>\r\n\r\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\r\n\r\n<p>お次はトップページの文字編集です。</p>\r\n\r\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\r\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\r\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\r\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\r\n\r\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\r\n\r\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\r\n<p>作成してから、あれ、これってスマホではどうなるんだろうと確認したところ、何も考えずに勝手にスマホサイトもできあがっていました！これは嬉しい♥</p>\r\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\r\n\r\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>\r\n[caption id=\"attachment_30295\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-help.png\" alt=\"編集メニューに必ず出てくる「？」のボタンは救世主！？\" width=\"592\" height=\"469\" class=\"size-full wp-image-30295\" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]\r\n\r\n<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\r\n\r\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\r\n\r\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\r\n<h5 class=\"tips\">最大の感想</h5>\r\n<p>「無料でここまで作れたら大したもの！」</p>\r\n<h5 class=\"tips\">良い感想：</h5>\r\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\r\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\r\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>\r\n\r\n<p>試してみたい方は<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>へどうぞ。</p>\r\n', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'inherit', 'closed', 'closed', '', '30283-revision-v1', '', '', '2016-04-10 02:07:52', '2016-04-09 17:07:52', '', 30283, 'http://web-marketing.zako.org/web-tools/30283-revision-v1.html', 0, 'revision', '', 0),
(30299, 4, '2016-04-13 12:12:10', '2016-04-13 03:12:10', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"WIX\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /></p>\r\n<p>友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな～♥」と聞かれました。</p>\r\n\r\n<p>新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということで、ここはひとつおすすめな場所をホームページにして、次から質問がきたら「はいココおすすめだよ！」と、そのホームページのURLを渡たせば良いのでは？と考えました。</p>\r\n\r\n<p>ただ、条件としてはお金をかけず、かつ手間もかけたくないというもの。そこで今回ご紹介するツールで作ってみることにしました。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さっそくWIXというツールで無料のホームページを作ることに</h3>\r\n<p>「WIX」は、<strong>ホームページ作成の知識がなくても、簡単に、<a href=\"http://ja.wix.com/\" target=\"_blank\">無料でホームページが作れるオンラインツール。</a></strong></p>\r\n<p>デザインやレイアウト、フォントも多数あり、それを自由にカスタマイズすることで、手軽に自分だけのオリジナルサイトが作れるというものです。</p>\r\n\r\n<p>「え、なんか素敵すぎて裏があるかも・・？」と、ちょっぴり不安を抱きつつ、まずはアカウント作成から。１からアカウント作らなくても、フェイスブックやGoogleのアカウントでサクっとログイン可。さっそく私はGoogleアカウントでログインして作成開始です。</p>\r\n\r\n<h4 class=\"tips\">業種別、目的別にデザインのテンプレートで選んで作れる</h4>\r\n[caption id=\"attachment_30292\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-templates.png\" alt=\"デザインテンプレートの選択画面。\" width=\"592\" height=\"463\" class=\"size-full wp-image-30292\" /> デザインテンプレートの選択画面。[/caption]\r\n<p>ログインしてすぐに出てきたのがデザインを選ぶ画面。一度に多くのデザインが沢山でると混乱するけど、1画面に６つずつのデザインが出てくるので、イメージが固まっていない私としてはありがたい画面設計。</p>\r\n\r\n<p>また、画面の下にひとつひとつ「価格: 無料」と書いてくれてるのが安心。（だって「このデザイン！」と思って進んでも「このデザインは有料です」ってなったら嫌じゃないですか！）そしてすべてのデザインはわりとイケてる。デザインのことはよくわからないけど、なんとなくイマドキな感じのデザインが沢山です。</p>\r\n\r\n[caption id=\"attachment_30284\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-design.jpg\" alt=\"フレンチレストランのデザインを選択。\" width=\"592\" height=\"567\" class=\"size-full wp-image-30284\" /> フレンチレストランのデザインを選択。[/caption]\r\n<p>そして私はこちらをチョイス。ということでデザイン右下の「編集する」をポチリ。ログインしてからこれまでの間、デザインに悩みつつも約10分。悩んだ割にはサクサク進みすぎでちょっと怖い（笑）</p>\r\n\r\n<h4 class=\"tips\">直感的すぎて初見で困る！？ページの作成</h4>\r\n[caption id=\"attachment_30291\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit.png\" alt=\"ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。\" width=\"592\" height=\"282\" class=\"size-full wp-image-30291\" /> ホームページの編集画面。デザインをプレビューしながら直感的に操作できます。[/caption]\r\n<p>「この後何か難関が待ち受けてるかも?!」な予感を残しつつも、編集をスタート。こちらが編集画面。とりあえず写真をかえてみようと思ったけれど「はて、どーやって？」と固まりました（笑）そこで「キミを変えたいんだよ！ホリャ！」とサンプル画像をクリックした所、画像下に現れた数々のボタン。</p>\r\n\r\n[caption id=\"attachment_30289\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-img.png\" alt=\"画像の編集メニュー。\" width=\"592\" height=\"348\" class=\"size-full wp-image-30289\" /> 画像の編集メニュー。[/caption]\r\n<p>「うーん初見ではちょっとわかりにくいかなぁ」と思いつつ「画像変更」ボタンをポチリ。よくある画像アップ画面のお出ましです。あとから気づいたのですが、画像をダブルクリックしても画像アップ画面が開くみたいです。すぐに気付かなかったことが悔しい（笑）</p>\r\n\r\n[caption id=\"attachment_30288\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-images.png\" alt=\"WIXの画像アップロード画面。\" width=\"592\" height=\"306\" class=\"size-full wp-image-30288\" /> WIXの画像アップロード画面。[/caption]\r\n<p>ハワイの写真を保管してる自分のGoogleフォトのサイトで写真を選び、そのGoogleフォトのサイトから写真をダウンロードして、Wixにアップして、をしてる時に思ったのは、</p>\r\n<p>「Googleのアカウントでログインしているサービスなのだから、Googleフォトから直接写真を選択できてもいいんじゃないの？」</p>\r\n<p>というもの。これはぜひ実現して欲しいですね。</p>\r\n\r\n<p>それから、デジタル一眼レフで撮った写真をアップしたいため、画像の容量上限も少し気になりましたが、幸いにもすべての画像をアップすることができました。</p>\r\n\r\n<p>お次はトップページの文字編集です。</p>\r\n\r\n[caption id=\"attachment_30285\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-text2.png\" alt=\"デザインを見ながらできる、テキストの編集画面。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30285\" /> デザインを見ながらできる、テキストの編集画面。[/caption]\r\n<p>サンプルの文字がかわいかったので、そのまま書き換えて使用。フォント数も多くておしゃれ♥</p>\r\n<p>変えたい文字をダブルクリック、または「テキストを編集」ボタンを押すことで、文字編集を開始することができます。</p>\r\n<p>そして画像の上に乗っている文字を書き換え、ログインしてから２５分程度でこちらのトップページが完成！デザインで悩んだことを考えると、十分に速いものですよね。</p>\r\n\r\n<p>何だかんだ言ったけれども、意外と思い通りのものが完成。この手のツールはデザインの再現性が低かったりするので、その点でかなりの満足感が得られたかもしれません。</p>\r\n\r\n[caption id=\"attachment_30287\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-toppage.png\" alt=\"作成したホームページのトップページ。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30287\" /> 作成したホームページのトップページ。[/caption]\r\n<p>作成してから、あれ、これってスマホではどうなるんだろうと確認したところ、何も考えずに勝手にスマホサイトもできあがっていました！これは嬉しい♥</p>\r\n[caption id=\"attachment_30286\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-responsive.png\" alt=\"特に意識していなくても、勝手にスマホにも対応してくれます。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30286\" /> 特に意識していなくても、勝手にスマホにも対応してくれます。[/caption]\r\n\r\n<p>あとはメニューごとにページを作って・・と次の段階にいこうとしたところで再びの私フリーズ！「え！ページ追加ってどこでやればいいの？」となりました（笑）こういったホームページ作成ツールは、ある程度のITスキルがない人はどうしたらいいかわかりづらいもの。でもその場でマニュアルを確認できる「？」のボタンがあるので、困ったときにはここを押して確認すれば良いようです。いちいちマニュアルを読まなくても良いのは救われますね。</p>\r\n[caption id=\"attachment_30295\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/wix-edit-help.png\" alt=\"編集メニューに必ず出てくる「？」のボタンは救世主！？\" width=\"592\" height=\"469\" class=\"size-full wp-image-30295\" /> 編集メニューに必ず出てくる「？」のボタンは救世主！？[/caption]\r\n\r\n<p>一度ヘルプを確認してから先は、水を得た魚のようにページを追加して保存してを繰り返し、サイトが完成しました。</p>\r\n\r\n<p>なるほど！WIXってこんな感じか！アラサーOLがWIX使った感想まとめはこのような感じです。</p>\r\n\r\n<h4 class=\"tips\">WIXを使っての感想まとめ</h4>\r\n<h5 class=\"tips\">最大の感想</h5>\r\n<p>「無料でここまで作れたら大したもの！」</p>\r\n<h5 class=\"tips\">良い感想：</h5>\r\n<ul><li>デザインに多様性がある</li><li>フォントの種類が多い</li><li>画像を簡単に好きな位置へ移動できる</li></ul>\r\n<h5 class=\"tips\">ちょっと残念なところ：</h5>\r\n<p>ITスキル低い人にとって、やはり初見での操作性は良いとは言いがたいかも（でも「？」ボタンの存在さえ知っておけば安心）</p>\r\n\r\n<p>試してみたい方は<a href=\"http://ja.wix.com/\" target=\"_blank\">WIX</a>へどうぞ。</p>\r\n', 'アラサーOLが「WIX」で無料ホームページを作ってみた', '', 'inherit', 'closed', 'closed', '', '30283-revision-v1', '', '', '2016-04-13 12:12:10', '2016-04-13 03:12:10', '', 30283, 'http://web-marketing.zako.org/web-tools/30283-revision-v1.html', 0, 'revision', '', 0),
(30300, 4, '2016-04-18 00:02:54', '2016-04-17 15:02:54', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/google-save.jpg\" alt=\"Save to Google\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30301\" /></p>\r\n<p>サイトのブックマークを保存できるサービスには、PocketやInstapaperなどのようなものがあります。</p>\r\n<p>しかし、これらのようなサービスは、便利は便利なのですが、もっと視覚的に画像とともにブックマークしておきたいというニーズには応えられていません。</p>\r\n<p>そこで今回ご紹介するのは、画像とともにブックマークを保存できるGoogleのサービスです。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">画像付きで視覚的にブックマークできる「Save to Google」</h3>\r\n<p><a target=\"_blank\" href=\"https://www.google.com/save/me?hl=en-US\">Google Save</a>は、画像とともにブックマークを保存できるGoogleのサービス。（現在英語版のみの提供）</p>\r\n<p>Google Chrome拡張機能の「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/save-to-google/meoeeoaohbmgbocpdpnjklmfmjjagkkf?ref=producthunt\">Save to Google</a>」を使って、Chromeブラウザからショートカットキーで保存、タグやメモを付けることもできます。</p>\r\n\r\n<h4 class=\"tips\">ウェブページを画像付きで保存できる</h4>\r\n[caption id=\"attachment_30306\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-add.png\" alt=\"拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます\" width=\"592\" height=\"352\" class=\"size-full wp-image-30306\" /> 拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます[/caption]\r\n<p>保存したいページを開いた状態でChromeブラウザに表示されるボタンを押すと、ページの概要がポップアップ画面に表示され、ページに画像があれば、その画像のうちどの画像をサムネイルとして保存するかを選択できるうえに、タグを追加することができるようになっています。</p>\r\n\r\n[caption id=\"attachment_30305\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-keyboard.png\" alt=\"拡張機能にショートカットキーを設定\" width=\"592\" height=\"332\" class=\"size-full wp-image-30305\" /> 拡張機能にショートカットキーを設定[/caption]\r\n<p>Chromeブラウザの「拡張機能を管理」ページの一番下にある「キーボード ショートカット」でSave to Googleにショートカットキーを割り当てておけば、ショートカットキーでウェブページを保存することができます。</p>\r\n\r\n<h4 class=\"tips\">タグで整理できる</h4>\r\n[caption id=\"attachment_30304\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-tag.png\" alt=\"タグごとに整理された画面\" width=\"592\" height=\"370\" class=\"size-full wp-image-30304\" /> タグごとに整理された画面[/caption]\r\n<p>ページの保存時にタグを追加しておくと、Google Saveの画面でタグごとに整理して表示させることが可能です。</p>\r\n\r\n<h4 class=\"tips\">メモを残して検索で探せる</h4>\r\n[caption id=\"attachment_30303\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-memo.png\" alt=\"保存したページ概要にメモを残すこともできます\" width=\"592\" height=\"327\" class=\"size-full wp-image-30303\" /> 保存したページ概要にメモを残すこともできます[/caption]\r\n<p>Google Saveに保存したページの情報に、メモを残しておくこともできます。ページによっては保存するときに、説明文や概要文がメモに自動追加されることもあります。</p>\r\n\r\n[caption id=\"attachment_30302\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-search.png\" alt=\"メモに記載されているテキストも検索対象に\" width=\"592\" height=\"354\" class=\"size-full wp-image-30302\" /> メモに記載されているテキストも検索対象に[/caption]\r\n<p>タグだけでなく、メモに残しておくことで、後から検索して絞り込むことも可能になっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/save-to-google/meoeeoaohbmgbocpdpnjklmfmjjagkkf?ref=producthunt\">Save to Google</a>の拡張機能のページヘどうぞ。</p>', '画像付きのブックマークを保存できるChrome拡張「Save to Google」', 'Googleの新しいオンラインブックマークサービスにChromeブラウザから容易に追加できるChrome拡張機能。', 'publish', 'open', 'closed', '', 'save-to-google', '', '', '2016-04-18 00:10:14', '2016-04-17 15:10:14', '', 0, 'http://web-marketing.zako.org/?p=30300', 0, 'post', '', 0),
(30301, 4, '2016-04-17 18:16:39', '2016-04-17 09:16:39', '', 'google-save', '', 'inherit', 'open', 'closed', '', 'google-save', '', '', '2016-04-17 18:16:54', '2016-04-17 09:16:54', '', 30300, 'http://web-marketing.zako.org/images/2016/04/google-save.jpg', 0, 'attachment', 'image/jpeg', 0),
(30302, 4, '2016-04-17 18:16:40', '2016-04-17 09:16:40', '', 'google-save-search', 'メモに記載されているテキストも検索対象に', 'inherit', 'open', 'closed', '', 'google-save-search', '', '', '2016-04-17 18:17:14', '2016-04-17 09:17:14', '', 30300, 'http://web-marketing.zako.org/images/2016/04/google-save-search.png', 0, 'attachment', 'image/png', 0),
(30303, 4, '2016-04-17 18:16:41', '2016-04-17 09:16:41', '', 'google-save-memo', '保存したページ概要にメモを残すこともできます', 'inherit', 'open', 'closed', '', 'google-save-memo', '', '', '2016-04-17 18:17:31', '2016-04-17 09:17:31', '', 30300, 'http://web-marketing.zako.org/images/2016/04/google-save-memo.png', 0, 'attachment', 'image/png', 0),
(30304, 4, '2016-04-17 18:16:42', '2016-04-17 09:16:42', '', 'google-save-tag', 'タグごとに整理された画面', 'inherit', 'open', 'closed', '', 'google-save-tag', '', '', '2016-04-17 18:17:37', '2016-04-17 09:17:37', '', 30300, 'http://web-marketing.zako.org/images/2016/04/google-save-tag.png', 0, 'attachment', 'image/png', 0),
(30305, 4, '2016-04-17 18:16:44', '2016-04-17 09:16:44', '', 'google-save-keyboard', '拡張機能にショートカットキーを設定', 'inherit', 'open', 'closed', '', 'google-save-keyboard', '', '', '2016-04-17 18:17:43', '2016-04-17 09:17:43', '', 30300, 'http://web-marketing.zako.org/images/2016/04/google-save-keyboard.png', 0, 'attachment', 'image/png', 0),
(30306, 4, '2016-04-17 18:16:45', '2016-04-17 09:16:45', '', 'google-save-add', '拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます', 'inherit', 'open', 'closed', '', 'google-save-add', '', '', '2016-04-17 18:17:52', '2016-04-17 09:17:52', '', 30300, 'http://web-marketing.zako.org/images/2016/04/google-save-add.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
(30307, 4, '2016-04-17 18:22:08', '2016-04-17 09:22:08', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/google-save.jpg\" alt=\"Save to Google\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30301\" /></p>\r\n<p>サイトのブックマークを保存できるサービスには、PocketやInstapaperなどのようなものがあります。</p>\r\n<p>しかし、これらのようなサービスは、便利は便利なのですが、もっと視覚的に画像とともにブックマークしておきたいというニーズには応えられていません。</p>\r\n<p>そこで今回ご紹介するのは、画像とともにブックマークを保存できるGoogleのサービスです。</p>\r\n<h3 class=\"header-label\">画像付きで視覚的にブックマークできる「Save to Google」</h3>\r\n<!--more-->\r\n\r\n<p><a target=\"_blank\" href=\"https://www.google.com/save/me?hl=en-US\">Google Save</a>は、画像とともにブックマークを保存できるGoogleのサービス。（現在英語版のみの提供）</p>\r\n<p>Google Chrome拡張機能の「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/save-to-google/meoeeoaohbmgbocpdpnjklmfmjjagkkf?ref=producthunt\">Save to Google</a>」を使って、Chromeブラウザからショートカットキーで保存、タグやメモを付けることもできます。</p>\r\n\r\n<h4 class=\"tips\">ウェブページを画像付きで保存できる</h4>\r\n[caption id=\"attachment_30306\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-add.png\" alt=\"拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます\" width=\"592\" height=\"352\" class=\"size-full wp-image-30306\" /> 拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます[/caption]\r\n<p>保存したいページを開いた状態でChromeブラウザに表示されるボタンを押すと、ページの概要がポップアップ画面に表示され、ページに画像があれば、その画像のうちどの画像をサムネイルとして保存するかを選択できるうえに、タグを追加することができるようになっています。</p>\r\n\r\n[caption id=\"attachment_30305\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-keyboard.png\" alt=\"拡張機能にショートカットキーを設定\" width=\"592\" height=\"332\" class=\"size-full wp-image-30305\" /> 拡張機能にショートカットキーを設定[/caption]\r\n<p>Chromeブラウザの「拡張機能を管理」ページの一番下にある「キーボード ショートカット」でSave to Googleにショートカットキーを割り当てておけば、ショートカットキーでウェブページを保存することができます。</p>\r\n\r\n<h4 class=\"tips\">タグで整理できる</h4>\r\n[caption id=\"attachment_30304\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-tag.png\" alt=\"タグごとに整理された画面\" width=\"592\" height=\"370\" class=\"size-full wp-image-30304\" /> タグごとに整理された画面[/caption]\r\n<p>ページの保存時にタグを追加しておくと、Google Saveの画面でタグごとに整理して表示させることが可能です。</p>\r\n\r\n<h4 class=\"tips\">メモを残して検索で探せる</h4>\r\n[caption id=\"attachment_30303\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-memo.png\" alt=\"保存したページ概要にメモを残すこともできます\" width=\"592\" height=\"327\" class=\"size-full wp-image-30303\" /> 保存したページ概要にメモを残すこともできます[/caption]\r\n<p>Google Saveに保存したページの情報に、メモを残しておくこともできます。ページによっては保存するときに、説明文や概要文がメモに自動追加されることもあります。</p>\r\n\r\n[caption id=\"attachment_30302\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-search.png\" alt=\"メモに記載されているテキストも検索対象に\" width=\"592\" height=\"354\" class=\"size-full wp-image-30302\" /> メモに記載されているテキストも検索対象に[/caption]\r\n<p>タグだけでなく、メモに残しておくことで、後から検索して絞り込むことも可能になっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/save-to-google/meoeeoaohbmgbocpdpnjklmfmjjagkkf?ref=producthunt\">Save to Google</a>の拡張機能のページヘどうぞ。</p>\r\n', '画像付きのブックマークを保存できるChrome拡張「Save to Google」', 'Googleの新しいオンラインブックマークサービスにChromeブラウザから容易に追加できるChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30300-revision-v1', '', '', '2016-04-17 18:22:08', '2016-04-17 09:22:08', '', 30300, 'http://web-marketing.zako.org/web-tools/30300-revision-v1.html', 0, 'revision', '', 0),
(30308, 4, '2016-04-17 18:29:49', '2016-04-17 09:29:49', '<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-autosave-v1', '', '', '2016-04-17 18:29:49', '2016-04-17 09:29:49', '', 30268, 'http://web-marketing.zako.org/web-tools/30268-autosave-v1.html', 0, 'revision', '', 0),
(30312, 4, '2016-04-18 00:10:14', '2016-04-17 15:10:14', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/google-save.jpg\" alt=\"Save to Google\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30301\" /></p>\r\n<p>サイトのブックマークを保存できるサービスには、PocketやInstapaperなどのようなものがあります。</p>\r\n<p>しかし、これらのようなサービスは、便利は便利なのですが、もっと視覚的に画像とともにブックマークしておきたいというニーズには応えられていません。</p>\r\n<p>そこで今回ご紹介するのは、画像とともにブックマークを保存できるGoogleのサービスです。</p>\r\n<!--more-->\r\n<h3 class=\"header-label\">画像付きで視覚的にブックマークできる「Save to Google」</h3>\r\n<p><a target=\"_blank\" href=\"https://www.google.com/save/me?hl=en-US\">Google Save</a>は、画像とともにブックマークを保存できるGoogleのサービス。（現在英語版のみの提供）</p>\r\n<p>Google Chrome拡張機能の「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/save-to-google/meoeeoaohbmgbocpdpnjklmfmjjagkkf?ref=producthunt\">Save to Google</a>」を使って、Chromeブラウザからショートカットキーで保存、タグやメモを付けることもできます。</p>\r\n\r\n<h4 class=\"tips\">ウェブページを画像付きで保存できる</h4>\r\n[caption id=\"attachment_30306\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-add.png\" alt=\"拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます\" width=\"592\" height=\"352\" class=\"size-full wp-image-30306\" /> 拡張機能のボタンを押すと、画像選択とタグを設定する画面が表示されます[/caption]\r\n<p>保存したいページを開いた状態でChromeブラウザに表示されるボタンを押すと、ページの概要がポップアップ画面に表示され、ページに画像があれば、その画像のうちどの画像をサムネイルとして保存するかを選択できるうえに、タグを追加することができるようになっています。</p>\r\n\r\n[caption id=\"attachment_30305\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-keyboard.png\" alt=\"拡張機能にショートカットキーを設定\" width=\"592\" height=\"332\" class=\"size-full wp-image-30305\" /> 拡張機能にショートカットキーを設定[/caption]\r\n<p>Chromeブラウザの「拡張機能を管理」ページの一番下にある「キーボード ショートカット」でSave to Googleにショートカットキーを割り当てておけば、ショートカットキーでウェブページを保存することができます。</p>\r\n\r\n<h4 class=\"tips\">タグで整理できる</h4>\r\n[caption id=\"attachment_30304\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-tag.png\" alt=\"タグごとに整理された画面\" width=\"592\" height=\"370\" class=\"size-full wp-image-30304\" /> タグごとに整理された画面[/caption]\r\n<p>ページの保存時にタグを追加しておくと、Google Saveの画面でタグごとに整理して表示させることが可能です。</p>\r\n\r\n<h4 class=\"tips\">メモを残して検索で探せる</h4>\r\n[caption id=\"attachment_30303\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-memo.png\" alt=\"保存したページ概要にメモを残すこともできます\" width=\"592\" height=\"327\" class=\"size-full wp-image-30303\" /> 保存したページ概要にメモを残すこともできます[/caption]\r\n<p>Google Saveに保存したページの情報に、メモを残しておくこともできます。ページによっては保存するときに、説明文や概要文がメモに自動追加されることもあります。</p>\r\n\r\n[caption id=\"attachment_30302\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/google-save-search.png\" alt=\"メモに記載されているテキストも検索対象に\" width=\"592\" height=\"354\" class=\"size-full wp-image-30302\" /> メモに記載されているテキストも検索対象に[/caption]\r\n<p>タグだけでなく、メモに残しておくことで、後から検索して絞り込むことも可能になっています。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/save-to-google/meoeeoaohbmgbocpdpnjklmfmjjagkkf?ref=producthunt\">Save to Google</a>の拡張機能のページヘどうぞ。</p>', '画像付きのブックマークを保存できるChrome拡張「Save to Google」', 'Googleの新しいオンラインブックマークサービスにChromeブラウザから容易に追加できるChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30300-revision-v1', '', '', '2016-04-18 00:10:14', '2016-04-17 15:10:14', '', 30300, 'http://web-marketing.zako.org/web-tools/30300-revision-v1.html', 0, 'revision', '', 0),
(30314, 4, '2016-04-25 00:02:23', '2016-04-24 15:02:23', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/goalmap.jpg\" alt=\"goalmap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30315\" /></p>\r\n<p>読書や英語の勉強、ダイエットや富士山へ登るなど、身につけたい良い習慣や達成したい目標など、一念発起して決意したもののモチベーションが続かずに途中で諦めてしまうことも多いかと思います。</p>\r\n<p>今回は、目標達成や習慣化のモチベーションを持続するためのサポートをしてくれるスマホアプリをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">目標達成を支援してくれるアプリ「goalmap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>」は、<strong>人生における目標を設定し、その目標の達成を支援してくれるスマホアプリ。</strong></p>\r\n<p>多くの人が設定している目標も一覧されているので、さらなる高みを目指すための新たな目標を見つけることもできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">目標を設定できる</h4>\r\n[caption id=\"attachment_30320\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-setting.jpg\" alt=\"目標の設定画面と自分の目標の一覧\" width=\"592\" height=\"379\" class=\"size-full wp-image-30320\" /> 目標の設定画面と自分の目標の一覧[/caption]\r\n<p>目標は、一日1時間以上、週に30分などといった時間の設定や、タバコは一日10本まで、体重何キロまで減量などといった設定のしかたも可能。目標の種類によって設定画面が変わります。</p>\r\n\r\n<h4 class=\"tips\">みんなが設定している目標からも選べる</h4>\r\n[caption id=\"attachment_30319\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-find.jpg\" alt=\"ジャンル別にリストアップされた目標\" width=\"592\" height=\"379\" class=\"size-full wp-image-30319\" /> ジャンル別にリストアップされた目標[/caption]\r\n<p>アプリ上から閲覧できるGoal storeでは、日々の習慣や成し遂げたいこと、今年の10の決意などといったジャンルから、多くのユーザーが設定している目標を選んで自分の目標として設定することもできます。</p>\r\n\r\n[caption id=\"attachment_30317\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-list.jpg\" alt=\"リストアップされている目標や習慣の例\" width=\"592\" height=\"268\" class=\"size-full wp-image-30317\" /> リストアップされている目標や習慣の例[/caption]\r\n<p>一覧されている目標や習慣は、転職を決める、サーフィンの習得など多岐にわたります。</p>\r\n\r\n<h4 class=\"tips\">習慣化のためにリマインドしてくれる</h4>\r\n[caption id=\"attachment_30318\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-remind.jpg\" alt=\"リマインダーの設定画面\" width=\"592\" height=\"379\" class=\"size-full wp-image-30318\" /> リマインダーの設定画面[/caption]\r\n<p>習慣化を徹底するために、リマインダーを設定することも可能。通知する時間と曜日をセットすることが可能です。</p>\r\n\r\n<h4 class=\"tips\">達成度や進捗を視覚化してくれる</h4>\r\n[caption id=\"attachment_30316\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-analytics.jpg\" alt=\"進捗をグラフで視覚化\" width=\"592\" height=\"391\" class=\"size-full wp-image-30316\" /> 進捗をグラフで視覚化[/caption]\r\n<p>目標に向けた進捗度合いは、棒グラフ、折れ線グラフで視覚化してくれます。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>へどうぞ。</p>\r\n\r\n<p><a href=\"https://geo.itunes.apple.com/jp/app/goalmap-smart-goal-setting/id1023822370?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>　<a href=\'https://play.google.com/store/apps/details?id=com.goalmap.mobile&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\'><img src=\"http://cdn.zako.org/images/2016/04/google-play-badge.png\" alt=\"Google Play で手に入れよう\" width=\"145\" height=\"44\" class=\"alignnone size-full wp-image-30323\" /></a>\r\n\r\n\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/a9wmNk-_QdU\" frameborder=\"0\" allowfullscreen></iframe>', '三日坊主の克服を助けてくれるスマホアプリ「goalmap」', '目標達成や良い習慣をつけることをサポートしてくれるスマホアプリ。', 'publish', 'open', 'closed', '', 'goalmap', '', '', '2016-04-25 00:02:23', '2016-04-24 15:02:23', '', 0, 'http://web-marketing.zako.org/?p=30314', 0, 'post', '', 0),
(30315, 4, '2016-04-24 22:31:35', '2016-04-24 13:31:35', '', 'goalmap', '', 'inherit', 'open', 'closed', '', 'goalmap', '', '', '2016-04-24 22:31:44', '2016-04-24 13:31:44', '', 30314, 'http://web-marketing.zako.org/images/2016/04/goalmap.jpg', 0, 'attachment', 'image/jpeg', 0),
(30316, 4, '2016-04-24 22:31:37', '2016-04-24 13:31:37', '', 'goalmap-analytics', '進捗をグラフで視覚化', 'inherit', 'open', 'closed', '', 'goalmap-analytics', '', '', '2016-04-24 22:31:52', '2016-04-24 13:31:52', '', 30314, 'http://web-marketing.zako.org/images/2016/04/goalmap-analytics.jpg', 0, 'attachment', 'image/jpeg', 0),
(30317, 4, '2016-04-24 22:31:38', '2016-04-24 13:31:38', '', 'goalmap-list', 'リストアップされている目標や習慣の例', 'inherit', 'open', 'closed', '', 'goalmap-list', '', '', '2016-04-24 22:31:59', '2016-04-24 13:31:59', '', 30314, 'http://web-marketing.zako.org/images/2016/04/goalmap-list.jpg', 0, 'attachment', 'image/jpeg', 0),
(30318, 4, '2016-04-24 22:31:39', '2016-04-24 13:31:39', '', 'goalmap-remind', 'リマインダーの設定画面', 'inherit', 'open', 'closed', '', 'goalmap-remind', '', '', '2016-04-24 22:32:04', '2016-04-24 13:32:04', '', 30314, 'http://web-marketing.zako.org/images/2016/04/goalmap-remind.jpg', 0, 'attachment', 'image/jpeg', 0),
(30319, 4, '2016-04-24 22:31:41', '2016-04-24 13:31:41', '', 'goalmap-find', 'ジャンル別にリストアップされた目標', 'inherit', 'open', 'closed', '', 'goalmap-find', '', '', '2016-04-24 22:32:11', '2016-04-24 13:32:11', '', 30314, 'http://web-marketing.zako.org/images/2016/04/goalmap-find.jpg', 0, 'attachment', 'image/jpeg', 0),
(30320, 4, '2016-04-24 22:31:42', '2016-04-24 13:31:42', '', 'goalmap-setting', '目標の設定画面と自分の目標の一覧', 'inherit', 'open', 'closed', '', 'goalmap-setting', '', '', '2016-04-24 22:32:17', '2016-04-24 13:32:17', '', 30314, 'http://web-marketing.zako.org/images/2016/04/goalmap-setting.jpg', 0, 'attachment', 'image/jpeg', 0),
(30321, 4, '2016-04-24 22:35:03', '2016-04-24 13:35:03', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/goalmap.jpg\" alt=\"goalmap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30315\" /></p>\r\n<p>読書や英語の勉強、ダイエットや富士山へ登るなど、身につけたい良い習慣や達成したい目標など、一念発起して決意したもののモチベーションが続かずに途中で諦めてしまうことも多いかと思います。</p>\r\n<p>今回は、目標達成や習慣化のモチベーションを持続するためのサポートをしてくれるスマホアプリをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">目標達成を支援してくれるアプリ「goalmap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>」は、<strong>人生における目標を設定し、その目標の達成を支援してくれるスマホアプリ。</strong></p>\r\n<p>多くの人が設定している目標も一覧されているので、さらなる高みを目指すための新たな目標を見つけることもできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">目標を設定できる</h4>\r\n[caption id=\"attachment_30320\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-setting.jpg\" alt=\"目標の設定画面と自分の目標の一覧\" width=\"592\" height=\"379\" class=\"size-full wp-image-30320\" /> 目標の設定画面と自分の目標の一覧[/caption]\r\n<p>目標は、一日1時間以上、週に30分などといった時間の設定や、タバコは一日10本まで、体重何キロまで減量などといった設定のしかたも可能。目標の種類によって設定画面が変わります。</p>\r\n\r\n<h4 class=\"tips\">みんなが設定している目標からも選べる</h4>\r\n[caption id=\"attachment_30319\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-find.jpg\" alt=\"ジャンル別にリストアップされた目標\" width=\"592\" height=\"379\" class=\"size-full wp-image-30319\" /> ジャンル別にリストアップされた目標[/caption]\r\n<p>アプリ上から閲覧できるGoal storeでは、日々の習慣や成し遂げたいこと、今年の10の決意などといったジャンルから、多くのユーザーが設定している目標を選んで自分の目標として設定することもできます。</p>\r\n\r\n[caption id=\"attachment_30317\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-list.jpg\" alt=\"リストアップされている目標や習慣の例\" width=\"592\" height=\"268\" class=\"size-full wp-image-30317\" /> リストアップされている目標や習慣の例[/caption]\r\n<p>一覧されている目標や習慣は、転職を決める、サーフィンの習得など多岐にわたります。</p>\r\n\r\n<h4 class=\"tips\">習慣化のためにリマインドしてくれる</h4>\r\n[caption id=\"attachment_30318\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-remind.jpg\" alt=\"リマインダーの設定画面\" width=\"592\" height=\"379\" class=\"size-full wp-image-30318\" /> リマインダーの設定画面[/caption]\r\n<p>習慣化を徹底するために、リマインダーを設定することも可能。通知する時間と曜日をセットすることが可能です。</p>\r\n\r\n<h4 class=\"tips\">達成度や進捗を視覚化してくれる</h4>\r\n[caption id=\"attachment_30316\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-analytics.jpg\" alt=\"進捗をグラフで視覚化\" width=\"592\" height=\"391\" class=\"size-full wp-image-30316\" /> 進捗をグラフで視覚化[/caption]\r\n<p>目標に向けた進捗度合いは、棒グラフ、折れ線グラフで視覚化してくれます。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>へどうぞ。</p>\r\n\r\n<p><a href=\"https://geo.itunes.apple.com/jp/app/goalmap-smart-goal-setting/id1023822370?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>　<a href=\'https://play.google.com/store/apps/details?id=com.goalmap.mobile&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\'><img alt=\'Google Play で手に入れよう\' src=\'https://play.google.com/intl/en_us/badges/images/generic/ja_badge_web_generic.png\'/></a></p>\r\n\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/a9wmNk-_QdU\" frameborder=\"0\" allowfullscreen></iframe>', '三日坊主の克服を助けてくれるスマホアプリ「goalmap」', '目標達成や良い習慣をつけることをサポートしてくれるスマホアプリ。', 'inherit', 'closed', 'closed', '', '30314-revision-v1', '', '', '2016-04-24 22:35:03', '2016-04-24 13:35:03', '', 30314, 'http://web-marketing.zako.org/web-tools/30314-revision-v1.html', 0, 'revision', '', 0),
(30322, 4, '2016-04-24 22:48:25', '2016-04-24 13:48:25', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/goalmap.jpg\" alt=\"goalmap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30315\" /></p>\r\n<p>読書や英語の勉強、ダイエットや富士山へ登るなど、身につけたい良い習慣や達成したい目標など、一念発起して決意したもののモチベーションが続かずに途中で諦めてしまうことも多いかと思います。</p>\r\n<p>今回は、目標達成や習慣化のモチベーションを持続するためのサポートをしてくれるスマホアプリをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">目標達成を支援してくれるアプリ「goalmap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>」は、<strong>人生における目標を設定し、その目標の達成を支援してくれるスマホアプリ。</strong></p>\r\n<p>多くの人が設定している目標も一覧されているので、さらなる高みを目指すための新たな目標を見つけることもできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">目標を設定できる</h4>\r\n[caption id=\"attachment_30320\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-setting.jpg\" alt=\"目標の設定画面と自分の目標の一覧\" width=\"592\" height=\"379\" class=\"size-full wp-image-30320\" /> 目標の設定画面と自分の目標の一覧[/caption]\r\n<p>目標は、一日1時間以上、週に30分などといった時間の設定や、タバコは一日10本まで、体重何キロまで減量などといった設定のしかたも可能。目標の種類によって設定画面が変わります。</p>\r\n\r\n<h4 class=\"tips\">みんなが設定している目標からも選べる</h4>\r\n[caption id=\"attachment_30319\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-find.jpg\" alt=\"ジャンル別にリストアップされた目標\" width=\"592\" height=\"379\" class=\"size-full wp-image-30319\" /> ジャンル別にリストアップされた目標[/caption]\r\n<p>アプリ上から閲覧できるGoal storeでは、日々の習慣や成し遂げたいこと、今年の10の決意などといったジャンルから、多くのユーザーが設定している目標を選んで自分の目標として設定することもできます。</p>\r\n\r\n[caption id=\"attachment_30317\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-list.jpg\" alt=\"リストアップされている目標や習慣の例\" width=\"592\" height=\"268\" class=\"size-full wp-image-30317\" /> リストアップされている目標や習慣の例[/caption]\r\n<p>一覧されている目標や習慣は、転職を決める、サーフィンの習得など多岐にわたります。</p>\r\n\r\n<h4 class=\"tips\">習慣化のためにリマインドしてくれる</h4>\r\n[caption id=\"attachment_30318\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-remind.jpg\" alt=\"リマインダーの設定画面\" width=\"592\" height=\"379\" class=\"size-full wp-image-30318\" /> リマインダーの設定画面[/caption]\r\n<p>習慣化を徹底するために、リマインダーを設定することも可能。通知する時間と曜日をセットすることが可能です。</p>\r\n\r\n<h4 class=\"tips\">達成度や進捗を視覚化してくれる</h4>\r\n[caption id=\"attachment_30316\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-analytics.jpg\" alt=\"進捗をグラフで視覚化\" width=\"592\" height=\"391\" class=\"size-full wp-image-30316\" /> 進捗をグラフで視覚化[/caption]\r\n<p>目標に向けた進捗度合いは、棒グラフ、折れ線グラフで視覚化してくれます。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>へどうぞ。</p>\r\n\r\n<p><a href=\"https://geo.itunes.apple.com/jp/app/goalmap-smart-goal-setting/id1023822370?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>　<a href=\'https://play.google.com/store/apps/details?id=com.goalmap.mobile&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\'><img alt=\'Google Play で手に入れよう\' src=\'https://play.google.com/intl/en_us/badges/images/generic/ja_badge_web_generic.png\' width=\'150\' /></a></p>\r\n\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/a9wmNk-_QdU\" frameborder=\"0\" allowfullscreen></iframe>', '三日坊主の克服を助けてくれるスマホアプリ「goalmap」', '目標達成や良い習慣をつけることをサポートしてくれるスマホアプリ。', 'inherit', 'closed', 'closed', '', '30314-revision-v1', '', '', '2016-04-24 22:48:25', '2016-04-24 13:48:25', '', 30314, 'http://web-marketing.zako.org/web-tools/30314-revision-v1.html', 0, 'revision', '', 0),
(30323, 4, '2016-04-24 22:52:40', '2016-04-24 13:52:40', 'Google play', 'google-play-badge', '', 'inherit', 'open', 'closed', '', 'google-play-badge', '', '', '2016-04-24 22:53:10', '2016-04-24 13:53:10', '', 30314, 'http://web-marketing.zako.org/images/2016/04/google-play-badge.png', 0, 'attachment', 'image/png', 0),
(30324, 4, '2016-04-24 22:54:40', '2016-04-24 13:54:40', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/04/goalmap.jpg\" alt=\"goalmap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30315\" /></p>\r\n<p>読書や英語の勉強、ダイエットや富士山へ登るなど、身につけたい良い習慣や達成したい目標など、一念発起して決意したもののモチベーションが続かずに途中で諦めてしまうことも多いかと思います。</p>\r\n<p>今回は、目標達成や習慣化のモチベーションを持続するためのサポートをしてくれるスマホアプリをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">目標達成を支援してくれるアプリ「goalmap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>」は、<strong>人生における目標を設定し、その目標の達成を支援してくれるスマホアプリ。</strong></p>\r\n<p>多くの人が設定している目標も一覧されているので、さらなる高みを目指すための新たな目標を見つけることもできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">目標を設定できる</h4>\r\n[caption id=\"attachment_30320\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-setting.jpg\" alt=\"目標の設定画面と自分の目標の一覧\" width=\"592\" height=\"379\" class=\"size-full wp-image-30320\" /> 目標の設定画面と自分の目標の一覧[/caption]\r\n<p>目標は、一日1時間以上、週に30分などといった時間の設定や、タバコは一日10本まで、体重何キロまで減量などといった設定のしかたも可能。目標の種類によって設定画面が変わります。</p>\r\n\r\n<h4 class=\"tips\">みんなが設定している目標からも選べる</h4>\r\n[caption id=\"attachment_30319\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-find.jpg\" alt=\"ジャンル別にリストアップされた目標\" width=\"592\" height=\"379\" class=\"size-full wp-image-30319\" /> ジャンル別にリストアップされた目標[/caption]\r\n<p>アプリ上から閲覧できるGoal storeでは、日々の習慣や成し遂げたいこと、今年の10の決意などといったジャンルから、多くのユーザーが設定している目標を選んで自分の目標として設定することもできます。</p>\r\n\r\n[caption id=\"attachment_30317\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-list.jpg\" alt=\"リストアップされている目標や習慣の例\" width=\"592\" height=\"268\" class=\"size-full wp-image-30317\" /> リストアップされている目標や習慣の例[/caption]\r\n<p>一覧されている目標や習慣は、転職を決める、サーフィンの習得など多岐にわたります。</p>\r\n\r\n<h4 class=\"tips\">習慣化のためにリマインドしてくれる</h4>\r\n[caption id=\"attachment_30318\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-remind.jpg\" alt=\"リマインダーの設定画面\" width=\"592\" height=\"379\" class=\"size-full wp-image-30318\" /> リマインダーの設定画面[/caption]\r\n<p>習慣化を徹底するために、リマインダーを設定することも可能。通知する時間と曜日をセットすることが可能です。</p>\r\n\r\n<h4 class=\"tips\">達成度や進捗を視覚化してくれる</h4>\r\n[caption id=\"attachment_30316\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/04/goalmap-analytics.jpg\" alt=\"進捗をグラフで視覚化\" width=\"592\" height=\"391\" class=\"size-full wp-image-30316\" /> 進捗をグラフで視覚化[/caption]\r\n<p>目標に向けた進捗度合いは、棒グラフ、折れ線グラフで視覚化してくれます。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://goalmap.com/en\">goalmap</a>へどうぞ。</p>\r\n\r\n<p><a href=\"https://geo.itunes.apple.com/jp/app/goalmap-smart-goal-setting/id1023822370?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>　<a href=\'https://play.google.com/store/apps/details?id=com.goalmap.mobile&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1\'><img src=\"http://cdn.zako.org/images/2016/04/google-play-badge.png\" alt=\"Google Play で手に入れよう\" width=\"145\" height=\"44\" class=\"alignnone size-full wp-image-30323\" /></a>\r\n\r\n\r\n\r\n<h4 class=\"tips\">デモ動画</h4>\r\n<iframe width=\"660\" height=\"371\" src=\"https://www.youtube.com/embed/a9wmNk-_QdU\" frameborder=\"0\" allowfullscreen></iframe>', '三日坊主の克服を助けてくれるスマホアプリ「goalmap」', '目標達成や良い習慣をつけることをサポートしてくれるスマホアプリ。', 'inherit', 'closed', 'closed', '', '30314-revision-v1', '', '', '2016-04-24 22:54:40', '2016-04-24 13:54:40', '', 30314, 'http://web-marketing.zako.org/web-tools/30314-revision-v1.html', 0, 'revision', '', 0),
(30325, 4, '2016-05-02 00:02:21', '2016-05-01 15:02:21', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/timezoneninja.png\" alt=\"Time Zone Ninja\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30330\" /></p>\r\n<p>複数の海外拠点とミーティングをおこなう際に、気になるのは相手の時間帯。うまく調整するのには、なかなか骨が折れる事と思います。</p>\r\n<p>そこで今回は時差が発生する複数の拠点で会議をおこなう際に、時間調整を楽にしてくれるツールをご紹介します。同じようなツールに、myMeetingTime.comというものもあります。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数の海外拠点との会議の時間を調整できる「Time Zone Ninja」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a> 」は、<strong>３箇所以上の時差がある海外拠点との会議の時間を設定するのに便利なツール。</strong></p>\r\n<p>Voxeetというオンライン会議サービスのフロントとしての役割を持つツールですが、オンライン会議サービスを使わずに、時間の調整だけをおこなうことも可能です。</p>\r\n\r\n<h4 class=\"tips\">複数の時差のある拠点の営業時間で調整できる</h4>\r\n[caption id=\"attachment_30329\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-city.png\" alt=\"会議に参加する拠点の都市名を追加していきます。\" width=\"592\" height=\"223\" class=\"size-full wp-image-30329\" /> 会議に参加する拠点の都市名を追加していきます。[/caption]\r\n<p>まず拠点の都市名を入力します。入力は日本語でも可能で、Googleのサジェスト機能によって一部を入力しただけで、都市名を選択して入力できます。</p>\r\n\r\n[caption id=\"attachment_30328\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-time.png\" alt=\"都市名を入れると、それぞれの都市の現在時間が表示されます。\" width=\"592\" height=\"361\" class=\"size-full wp-image-30328\" /> 都市名を入れると、それぞれの都市の現在時間が表示されます。[/caption]\r\n<p>都市名を入れていくと、それぞれの現在時間が表示されます。その時間の左側に色のついたラベルが付いていますが、このラベルの色が緑だと一般的な勤務時間内になります。</p>\r\n<p>また、ラベルが黄色の場合は、一般的に残業や早朝出社すれば会議可能な時間帯、赤はちょっと厳しいよねという時間帯という表現がなされています。</p>\r\n[caption id=\"attachment_30327\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-adjust.png\" alt=\"時間を調整して、会議の時間を決めます。\" width=\"592\" height=\"154\" class=\"size-full wp-image-30327\" /> 時間を調整して、会議の時間を決めます。[/caption]\r\n<p>日付設定の下にあるスライダを動かすことで、時間の調整をおこなえます。上記画像の例では、結局うまいこと調整できなかったので、サンフランシスコに泣いてもらうという状態になりました。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a>へどうぞ。</p>\r\n', '時差のある海外拠点との会議の時間をセッティングするのに便利な「Time Zone Ninja」', '海外拠点との時差があるときの会議の開催時間を調整するツール。', 'publish', 'open', 'closed', '', 'time-zone-ninja', '', '', '2016-05-08 02:59:36', '2016-05-07 17:59:36', '', 0, 'http://web-marketing.zako.org/?p=30325', 0, 'post', '', 0),
(30326, 4, '2016-05-01 17:41:03', '2016-05-01 08:41:03', '\r\n複数の海外拠点とミーティングをおこなう際に、気になるのは相手の時間帯。うまく調整するのには、なかなか骨が折れる事と思います。\r\nそこで今回は時差が発生する複数の拠点で会議をおこなう際に、時間調整を楽にしてくれるツールをご紹介します。同じようなツールに、myMeetingTime.comというものもあります。\r\n・複数の海外拠点との会議の時間を調整できる「Time Zone Ninja」\r\n「<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a> 」は、３箇所以上の時差がある海外拠点との会議の時間を設定するのに便利なツール。\r\nVoxeetというオンライン会議サービスのフロントとしての役割を持つツールですが、オンライン会議サービスを使わずに、時間の調整だけをおこなうことも可能です。\r\n\r\n・複数の時差のある拠点の営業時間で調整できる\r\ntimezoneninja city★会議に参加する拠点の都市名を追加していきます。\r\nまず拠点の都市名を入力します。入力は日本語でも可能で、Googleのサジェスト機能によって一部を入力しただけで、都市名を選択して入力できます。\r\n\r\ntimezoneninja-time★都市名を入れると、それぞれの都市の時間が表示されます。\r\n都市名を入れていくと、それぞれの現在時間が表示されます。その時間の左側に色のついたラベルが付いていますが、このラベルの色が緑だと一般的な営業時間内になります。\r\nまた、ラベルが黄色の場合は、一般的に残業や早朝出社すれば会議可能な時間帯、赤はちょっと厳しいよねという時間帯という表現がなされています。\r\n\r\ntimezoneninja-adjust★時間を調整して、会議の時間を決めます。\r\n日付設定の下にあるスライダを動かすことで、時間の調整をおこなえます。上記画像の例では、結局うまいこと調整できなかったので、サンフランシスコに泣いてもらうという状態になりました。\r\n\r\n\r\n興味があるかたは<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a>へどうぞ。\r\n', '時差のある海外拠点との会議の時間をセッティングするのに便利な「Time Zone Ninja」', '', 'inherit', 'closed', 'closed', '', '30325-revision-v1', '', '', '2016-05-01 17:41:03', '2016-05-01 08:41:03', '', 30325, 'http://web-marketing.zako.org/web-tools/30325-revision-v1.html', 0, 'revision', '', 0),
(30327, 4, '2016-05-01 17:41:31', '2016-05-01 08:41:31', '', 'timezoneninja-adjust', '時間を調整して、会議の時間を決めます。', 'inherit', 'open', 'closed', '', 'timezoneninja-adjust', '', '', '2016-05-01 17:42:07', '2016-05-01 08:42:07', '', 30325, 'http://web-marketing.zako.org/images/2016/05/timezoneninja-adjust.png', 0, 'attachment', 'image/png', 0),
(30328, 4, '2016-05-01 17:41:32', '2016-05-01 08:41:32', '', 'timezoneninja-time', '都市名を入れると、それぞれの都市の現在時間が表示されます。', 'inherit', 'open', 'closed', '', 'timezoneninja-time', '', '', '2016-05-01 17:42:01', '2016-05-01 08:42:01', '', 30325, 'http://web-marketing.zako.org/images/2016/05/timezoneninja-time.png', 0, 'attachment', 'image/png', 0),
(30329, 4, '2016-05-01 17:41:34', '2016-05-01 08:41:34', '', 'timezoneninja-city', '会議に参加する拠点の都市名を追加していきます。', 'inherit', 'open', 'closed', '', 'timezoneninja-city', '', '', '2016-05-01 17:41:49', '2016-05-01 08:41:49', '', 30325, 'http://web-marketing.zako.org/images/2016/05/timezoneninja-city.png', 0, 'attachment', 'image/png', 0),
(30330, 4, '2016-05-01 17:41:35', '2016-05-01 08:41:35', '', 'timezoneninja', '', 'inherit', 'open', 'closed', '', 'timezoneninja', '', '', '2016-05-01 17:41:41', '2016-05-01 08:41:41', '', 30325, 'http://web-marketing.zako.org/images/2016/05/timezoneninja.png', 0, 'attachment', 'image/png', 0),
(30331, 4, '2016-05-01 17:44:49', '2016-05-01 08:44:49', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/timezoneninja.png\" alt=\"Time Zone Ninja\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30330\" /></p>\r\n<p>複数の海外拠点とミーティングをおこなう際に、気になるのは相手の時間帯。うまく調整するのには、なかなか骨が折れる事と思います。</p>\r\n<p>そこで今回は時差が発生する複数の拠点で会議をおこなう際に、時間調整を楽にしてくれるツールをご紹介します。同じようなツールに、myMeetingTime.comというものもあります。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数の海外拠点との会議の時間を調整できる「Time Zone Ninja」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a> 」は、３箇所以上の時差がある海外拠点との会議の時間を設定するのに便利なツール。</p>\r\n<p>Voxeetというオンライン会議サービスのフロントとしての役割を持つツールですが、オンライン会議サービスを使わずに、時間の調整だけをおこなうことも可能です。</p>\r\n\r\n<h4 class=\"tips\">複数の時差のある拠点の営業時間で調整できる</h4>\r\n[caption id=\"attachment_30329\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-city.png\" alt=\"会議に参加する拠点の都市名を追加していきます。\" width=\"592\" height=\"223\" class=\"size-full wp-image-30329\" /> 会議に参加する拠点の都市名を追加していきます。[/caption]\r\n<p>まず拠点の都市名を入力します。入力は日本語でも可能で、Googleのサジェスト機能によって一部を入力しただけで、都市名を選択して入力できます。</p>\r\n\r\n[caption id=\"attachment_30328\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-time.png\" alt=\"都市名を入れると、それぞれの都市の現在時間が表示されます。\" width=\"592\" height=\"361\" class=\"size-full wp-image-30328\" /> 都市名を入れると、それぞれの都市の現在時間が表示されます。[/caption]\r\n<p>都市名を入れていくと、それぞれの現在時間が表示されます。その時間の左側に色のついたラベルが付いていますが、このラベルの色が緑だと一般的な勤務時間内になります。</p>\r\n<p>また、ラベルが黄色の場合は、一般的に残業や早朝出社すれば会議可能な時間帯、赤はちょっと厳しいよねという時間帯という表現がなされています。</p>\r\n[caption id=\"attachment_30327\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-adjust.png\" alt=\"時間を調整して、会議の時間を決めます。\" width=\"592\" height=\"154\" class=\"size-full wp-image-30327\" /> 時間を調整して、会議の時間を決めます。[/caption]\r\n<p>日付設定の下にあるスライダを動かすことで、時間の調整をおこなえます。上記画像の例では、結局うまいこと調整できなかったので、サンフランシスコに泣いてもらうという状態になりました。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a>へどうぞ。</p>\r\n', '時差のある海外拠点との会議の時間をセッティングするのに便利な「Time Zone Ninja」', '海外拠点との時差があるときの会議の開催時間を調整するツール。', 'inherit', 'closed', 'closed', '', '30325-revision-v1', '', '', '2016-05-01 17:44:49', '2016-05-01 08:44:49', '', 30325, 'http://web-marketing.zako.org/web-tools/30325-revision-v1.html', 0, 'revision', '', 0),
(30332, 4, '2016-05-01 17:45:12', '2016-05-01 08:45:12', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/timezoneninja.png\" alt=\"Time Zone Ninja\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30330\" /></p>\r\n<p>複数の海外拠点とミーティングをおこなう際に、気になるのは相手の時間帯。うまく調整するのには、なかなか骨が折れる事と思います。</p>\r\n<p>そこで今回は時差が発生する複数の拠点で会議をおこなう際に、時間調整を楽にしてくれるツールをご紹介します。同じようなツールに、myMeetingTime.comというものもあります。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数の海外拠点との会議の時間を調整できる「Time Zone Ninja」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a> 」は、<strong>３箇所以上の時差がある海外拠点との会議の時間を設定するのに便利なツール。</strong></p>\r\n<p>Voxeetというオンライン会議サービスのフロントとしての役割を持つツールですが、オンライン会議サービスを使わずに、時間の調整だけをおこなうことも可能です。</p>\r\n\r\n<h4 class=\"tips\">複数の時差のある拠点の営業時間で調整できる</h4>\r\n[caption id=\"attachment_30329\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-city.png\" alt=\"会議に参加する拠点の都市名を追加していきます。\" width=\"592\" height=\"223\" class=\"size-full wp-image-30329\" /> 会議に参加する拠点の都市名を追加していきます。[/caption]\r\n<p>まず拠点の都市名を入力します。入力は日本語でも可能で、Googleのサジェスト機能によって一部を入力しただけで、都市名を選択して入力できます。</p>\r\n\r\n[caption id=\"attachment_30328\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-time.png\" alt=\"都市名を入れると、それぞれの都市の現在時間が表示されます。\" width=\"592\" height=\"361\" class=\"size-full wp-image-30328\" /> 都市名を入れると、それぞれの都市の現在時間が表示されます。[/caption]\r\n<p>都市名を入れていくと、それぞれの現在時間が表示されます。その時間の左側に色のついたラベルが付いていますが、このラベルの色が緑だと一般的な勤務時間内になります。</p>\r\n<p>また、ラベルが黄色の場合は、一般的に残業や早朝出社すれば会議可能な時間帯、赤はちょっと厳しいよねという時間帯という表現がなされています。</p>\r\n[caption id=\"attachment_30327\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/timezoneninja-adjust.png\" alt=\"時間を調整して、会議の時間を決めます。\" width=\"592\" height=\"154\" class=\"size-full wp-image-30327\" /> 時間を調整して、会議の時間を決めます。[/caption]\r\n<p>日付設定の下にあるスライダを動かすことで、時間の調整をおこなえます。上記画像の例では、結局うまいこと調整できなかったので、サンフランシスコに泣いてもらうという状態になりました。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://timezoneninja.com/\">Time Zone Ninja</a>へどうぞ。</p>\r\n', '時差のある海外拠点との会議の時間をセッティングするのに便利な「Time Zone Ninja」', '海外拠点との時差があるときの会議の開催時間を調整するツール。', 'inherit', 'closed', 'closed', '', '30325-revision-v1', '', '', '2016-05-01 17:45:12', '2016-05-01 08:45:12', '', 30325, 'http://web-marketing.zako.org/web-tools/30325-revision-v1.html', 0, 'revision', '', 0),
(30334, 4, '2016-05-09 00:08:28', '2016-05-08 15:08:28', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/modern.png\" alt=\"Modern\" width=\"592\" height=\"280\" class=\"alignnone size-full wp-image-30338\" /></p>\r\n<p>ウェブサイトにチャットを設置して顧客サポートを通じたマーケティングやセールスをおこなうケースも、昔よりかなり増えてきたと感じます。</p>\r\n<p>この顧客サポートを、Facebookメッセンジャーを使うことによって、Facebookユーザーが利用しやすく、そしてウェブサイトとしても、その後のアプローチを容易にしてくれるのがこのサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">Facebookメッセンジャーがウェブサイトのチャット窓口になる「Modern」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.modernapp.co/\">Modern</a>」は、<strong>Facebookメッセンジャーを使ってウェブサイト上で訪問者とチャットできるようにするサービス。</strong></p>\r\n<p>Facebookアカウントがないとチャットできないのは難点ですが、相手がどのような人が分かる場合のみ対応する、というフィルタリングができる点では良いと言えそうですね。</p>\r\n\r\n<h4 class=\"tips\">チャットへ誘導するウィジェットを設置できる</h4>\r\n[caption id=\"attachment_30342\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-edit.png\" alt=\"ウィジェットの編集画面。表示させる文言や紐付けるFBページを変更できます。\" width=\"592\" height=\"368\" class=\"size-full wp-image-30342\" /> ウィジェットの編集画面。表示させる文言や紐付けるFBページを変更できます。[/caption]\r\n<p>このページの右下にも表示されている、チャット画面へと誘導するウィジェット（ブログパーツ）を設置することができます。</p>\r\n\r\n[caption id=\"attachment_30341\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-script.png\" alt=\"ウィジェットを表示させるためのスクリプトが発行されます。\" width=\"592\" height=\"388\" class=\"size-full wp-image-30341\" /> ウィジェットを表示させるためのスクリプトが発行されます。[/caption]\r\n<p>ウィジェットをページに表示させるには、管理画面上で発行される1行のスクリプトを、表示させたいページの＜/body＞の直前に貼る必要があります。</p>\r\n\r\n<h4 class=\"tips\">Facebookページアカウントでメッセージをやり取りできる</h4>\r\n[caption id=\"attachment_30340\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-chat.png\" alt=\"サイト訪問者が質問できるメッセージの画面。\" width=\"592\" height=\"459\" class=\"size-full wp-image-30340\" /> サイト訪問者が質問できるメッセージの画面。[/caption]\r\n<p>ユーザーがウィジェットをクリックすると、Facebookページアカウントとのメッセージの画面へと遷移します。</p>\r\n\r\n[caption id=\"attachment_30339\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-fb-message.png\" alt=\"FBページアカウント側のチャット画面。\" width=\"592\" height=\"362\" class=\"size-full wp-image-30339\" /> FBページアカウント側のチャット画面。[/caption]\r\n<p>サイト側はFacebookページアカウントでやり取りをするので、Facebookページのメッセージ画面で会話することができます。</p>\r\n\r\n<h4 class=\"tips\">メッセージのウィジェットがどれだけ関心を持たれているか効果を測れる</h4>\r\n[caption id=\"attachment_30337\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-dashboard.png\" alt=\"ウィジェットが表示された回数などがグラフで表示されます。\" width=\"592\" height=\"360\" class=\"size-full wp-image-30337\" /> ウィジェットが表示された回数などがグラフで表示されます。[/caption]\r\n<p>メッセージのやり取りの回数などは計測されないようですが、ウィジェットのインプレッション数、マウスホバー数、クリック数が計測されます。</p>\r\n\r\n\r\n<p>今後はチャットの自動返信や、チャットを使ったプロモーションの機能も実装する予定だそうです。</p>\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.modernapp.co/\">Modern</a>へどうぞ。</p>\r\n', 'Facebookメッセンジャーを使ってサイトの訪問者とチャットできる「Modern」', 'Facebookページのアカウントを使ってウェブサイトにチャットを設置できるサービス。', 'publish', 'open', 'closed', '', 'modern-fb', '', '', '2016-05-09 00:08:28', '2016-05-08 15:08:28', '', 0, 'http://web-marketing.zako.org/?p=30334', 0, 'post', '', 0),
(30335, 4, '2016-05-07 17:23:36', '2016-05-07 08:23:36', '\r\n\r\n\r\n\r\n\r\n\r\n', 'Facebookメッセンジャーを使ってサイトの訪問者とチャットできる「Modern」', '', 'inherit', 'closed', 'closed', '', '30334-revision-v1', '', '', '2016-05-07 17:23:36', '2016-05-07 08:23:36', '', 30334, 'http://web-marketing.zako.org/web-tools/30334-revision-v1.html', 0, 'revision', '', 0),
(30336, 4, '2016-05-08 18:11:41', '2016-05-08 09:11:41', '\r\nウェブサイトにチャットを設置して顧客サポートを通じたマーケティングやセールスをおこなうケースも、昔よりかなり増えてきたと感じます。\r\nこの顧客サポートを、Facebookメッセンジャーを使うことによって、Facebookユーザーが利用しやすく、そしてウェブサイトとしても、その後のアプローチを容易にしてくれるのがこのサービスです。\r\n・Facebookメッセンジャーがウェブサイトのチャット窓口になる「Modern」\r\n「<a target=\"_blank\" href=\"https://www.modernapp.co/\">Modern</a>」は、Facebookメッセンジャーを使ってウェブサイト上で訪問者とチャットできるようにするサービス。\r\nFacebookアカウントがないとチャットできないのは難点ですが、相手がどのような人が分かる場合のみ対応する、というフィルタリングができる点では良いと言えそうですね。\r\n\r\n・チャットへ誘導するウィジェットを設置できる\r\nmodern edit★ウィジェットの編集画面。表示させる文言や紐付けるFBページを変更できます。\r\nこのページの右下にも表示されている、チャット画面へと誘導するウィジェット（ブログパーツ）を設置することができます。\r\n\r\nmodern-script★ウィジェットを表示させるためのスクリプトが発行されます。\r\nウィジェットをページに表示させるには、管理画面上で発行される1行のスクリプトを、表示させたいページの＜/body＞の直前に貼る必要があります。\r\n\r\n・Facebookページアカウントでメッセージをやり取りできる\r\nmodern-chat★メッセージの画面。\r\nユーザーがウィジェットをクリックすると、Facebookページアカウントとのメッセージの画面へと遷移します。\r\n\r\nmodern-fb message★FBページアカウント側のチャット画面。\r\nサイト側はFacebookページアカウントでやり取りをするので、Facebookページのメッセージ画面で会話することができます。\r\n\r\n・メッセージのウィジェットがどれだけ関心を持たれているか効果を測れる\r\nmodern dashboard★ウィジェットが表示された回数などがグラフで表示される。\r\nメッセージのやり取りの回数などは計測されないようですが、ウィジェットのインプレッション数、マウスホバー数、クリック数が計測されます。\r\n\r\n\r\n今後はチャットの自動返信や、チャットを使ったプロモーションの機能も実装する予定だそうです。\r\n興味があるかたは<a target=\"_blank\" href=\"https://www.modernapp.co/\">Modern</a>へどうぞ。\r\n', 'Facebookメッセンジャーを使ってサイトの訪問者とチャットできる「Modern」', '', 'inherit', 'closed', 'closed', '', '30334-revision-v1', '', '', '2016-05-08 18:11:41', '2016-05-08 09:11:41', '', 30334, 'http://web-marketing.zako.org/web-tools/30334-revision-v1.html', 0, 'revision', '', 0),
(30337, 4, '2016-05-08 18:11:56', '2016-05-08 09:11:56', '', 'modern-dashboard', 'ウィジェットが表示された回数などがグラフで表示されます。', 'inherit', 'open', 'closed', '', 'modern-dashboard', '', '', '2016-05-08 18:12:56', '2016-05-08 09:12:56', '', 30334, 'http://web-marketing.zako.org/images/2016/05/modern-dashboard.png', 0, 'attachment', 'image/png', 0),
(30338, 4, '2016-05-08 18:11:58', '2016-05-08 09:11:58', '', 'modern', '', 'inherit', 'open', 'closed', '', 'modern', '', '', '2016-05-08 18:12:07', '2016-05-08 09:12:07', '', 30334, 'http://web-marketing.zako.org/images/2016/05/modern.png', 0, 'attachment', 'image/png', 0),
(30339, 4, '2016-05-08 18:12:00', '2016-05-08 09:12:00', '', 'modern-fb-message', 'FBページアカウント側のチャット画面。', 'inherit', 'open', 'closed', '', 'modern-fb-message', '', '', '2016-05-08 18:12:46', '2016-05-08 09:12:46', '', 30334, 'http://web-marketing.zako.org/images/2016/05/modern-fb-message.png', 0, 'attachment', 'image/png', 0),
(30340, 4, '2016-05-08 18:12:03', '2016-05-08 09:12:03', '', 'modern-chat', 'サイト訪問者が質問できるメッセージの画面。', 'inherit', 'open', 'closed', '', 'modern-chat', '', '', '2016-05-08 18:12:41', '2016-05-08 09:12:41', '', 30334, 'http://web-marketing.zako.org/images/2016/05/modern-chat.png', 0, 'attachment', 'image/png', 0),
(30341, 4, '2016-05-08 18:12:05', '2016-05-08 09:12:05', '', 'modern-script', 'ウィジェットを表示させるためのスクリプトが発行されます。', 'inherit', 'open', 'closed', '', 'modern-script', '', '', '2016-05-08 18:12:22', '2016-05-08 09:12:22', '', 30334, 'http://web-marketing.zako.org/images/2016/05/modern-script.png', 0, 'attachment', 'image/png', 0),
(30342, 4, '2016-05-08 18:12:07', '2016-05-08 09:12:07', '', 'modern-edit', 'ウィジェットの編集画面。表示させる文言や紐付けるFBページを変更できます。', 'inherit', 'open', 'closed', '', 'modern-edit', '', '', '2016-05-08 18:12:16', '2016-05-08 09:12:16', '', 30334, 'http://web-marketing.zako.org/images/2016/05/modern-edit.png', 0, 'attachment', 'image/png', 0),
(30343, 4, '2016-05-08 18:16:59', '2016-05-08 09:16:59', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/modern.png\" alt=\"Modern\" width=\"592\" height=\"280\" class=\"alignnone size-full wp-image-30338\" /></p>\r\n<p>ウェブサイトにチャットを設置して顧客サポートを通じたマーケティングやセールスをおこなうケースも、昔よりかなり増えてきたと感じます。</p>\r\n<p>この顧客サポートを、Facebookメッセンジャーを使うことによって、Facebookユーザーが利用しやすく、そしてウェブサイトとしても、その後のアプローチを容易にしてくれるのがこのサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">Facebookメッセンジャーがウェブサイトのチャット窓口になる「Modern」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.modernapp.co/\">Modern</a>」は、<strong>Facebookメッセンジャーを使ってウェブサイト上で訪問者とチャットできるようにするサービス。</strong></p>\r\n<p>Facebookアカウントがないとチャットできないのは難点ですが、相手がどのような人が分かる場合のみ対応する、というフィルタリングができる点では良いと言えそうですね。</p>\r\n\r\n<h4 class=\"tips\">チャットへ誘導するウィジェットを設置できる</h4>\r\n[caption id=\"attachment_30342\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-edit.png\" alt=\"ウィジェットの編集画面。表示させる文言や紐付けるFBページを変更できます。\" width=\"592\" height=\"368\" class=\"size-full wp-image-30342\" /> ウィジェットの編集画面。表示させる文言や紐付けるFBページを変更できます。[/caption]\r\n<p>このページの右下にも表示されている、チャット画面へと誘導するウィジェット（ブログパーツ）を設置することができます。</p>\r\n\r\n[caption id=\"attachment_30341\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-script.png\" alt=\"ウィジェットを表示させるためのスクリプトが発行されます。\" width=\"592\" height=\"388\" class=\"size-full wp-image-30341\" /> ウィジェットを表示させるためのスクリプトが発行されます。[/caption]\r\n<p>ウィジェットをページに表示させるには、管理画面上で発行される1行のスクリプトを、表示させたいページの＜/body＞の直前に貼る必要があります。</p>\r\n\r\n<h4 class=\"tips\">Facebookページアカウントでメッセージをやり取りできる</h4>\r\n[caption id=\"attachment_30340\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-chat.png\" alt=\"サイト訪問者が質問できるメッセージの画面。\" width=\"592\" height=\"459\" class=\"size-full wp-image-30340\" /> サイト訪問者が質問できるメッセージの画面。[/caption]\r\n<p>ユーザーがウィジェットをクリックすると、Facebookページアカウントとのメッセージの画面へと遷移します。</p>\r\n\r\n[caption id=\"attachment_30339\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-fb-message.png\" alt=\"FBページアカウント側のチャット画面。\" width=\"592\" height=\"362\" class=\"size-full wp-image-30339\" /> FBページアカウント側のチャット画面。[/caption]\r\n<p>サイト側はFacebookページアカウントでやり取りをするので、Facebookページのメッセージ画面で会話することができます。</p>\r\n\r\n<h4 class=\"tips\">メッセージのウィジェットがどれだけ関心を持たれているか効果を測れる</h4>\r\n[caption id=\"attachment_30337\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/modern-dashboard.png\" alt=\"ウィジェットが表示された回数などがグラフで表示されます。\" width=\"592\" height=\"360\" class=\"size-full wp-image-30337\" /> ウィジェットが表示された回数などがグラフで表示されます。[/caption]\r\n<p>メッセージのやり取りの回数などは計測されないようですが、ウィジェットのインプレッション数、マウスホバー数、クリック数が計測されます。</p>\r\n\r\n\r\n<p>今後はチャットの自動返信や、チャットを使ったプロモーションの機能も実装する予定だそうです。</p>\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://www.modernapp.co/\">Modern</a>へどうぞ。</p>\r\n', 'Facebookメッセンジャーを使ってサイトの訪問者とチャットできる「Modern」', '', 'inherit', 'closed', 'closed', '', '30334-revision-v1', '', '', '2016-05-08 18:16:59', '2016-05-08 09:16:59', '', 30334, 'http://web-marketing.zako.org/web-tools/30334-revision-v1.html', 0, 'revision', '', 0);
