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);
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
(30344, 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ページのアカウントを使ってウェブサイトにチャットを設置できるサービス。', 'inherit', 'closed', 'closed', '', '30334-revision-v1', '', '', '2016-05-09 00:08:28', '2016-05-08 15:08:28', '', 30334, 'http://web-marketing.zako.org/web-tools/30334-revision-v1.html', 0, 'revision', '', 0),
(30345, 4, '2016-05-16 00:58:44', '2016-05-15 15:58:44', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/helpsite-io.png\" alt=\"HelpSite.io\" width=\"592\" height=\"383\" class=\"alignnone size-full wp-image-30352\" /></p>\r\n<p><a target=\"_blank\" href=\"https://help.evernote.com/hc/ja\">Evernote</a>や<a target=\"_blank\" href=\"http://windows.microsoft.com/ja-jp/windows-10/support\">Windows</a>、<a target=\"_blank\" href=\"https://support.skype.com/ja/skype/windows-desktop/\">Skype</a>などといったサービスのようなサポートサイト（あるいはヘルプサイト）を作りたくても、独自にUIや構成を考えるなど0から構築するのはなかなか至難の業です。</p>\r\n<p>せっかく構築したとしても、現場が使いこなせないような小難しいものになってしまっても、それでは本末転倒。</p>\r\n<p>今回ご紹介するのは、そんな時に整理されたサポートサイトを手軽に作成することができるCMSです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">整理されたサポートサイトを手軽に作成・管理できる「HelpSite.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://helpsite.io/\">HelpSite.io</a>」は、<strong>ブログのようにサポートサイトやノウハウ共有サイトを作成・編集できるサービス。</strong></p>\r\n<p>巷でよく見るような整理されたサポートサイトを手軽に作成することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">HelpSite.ioで作成したサポートサイトのサンプル</h4>\r\n[caption id=\"attachment_30351\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-sample.png\" alt=\"サポートサイトの作成サンプル。WEBマーケティングブログヘルプ - Frequently Asked Questions\" width=\"592\" height=\"391\" class=\"size-full wp-image-30351\" /> サポートサイトの作成サンプル。<a target=\"_blank\" href=\"http://web-marketing.helpsite.io/\">WEBマーケティングブログヘルプ - Frequently Asked Questions</a>[/caption]\r\n\r\n\r\n<h4 class=\"tips\">ブログのように簡単に作成できる</h4>\r\n<p>HelpSite.ioは、ユーザーが使いやすいサポートサイトを、まるでブログを使っているかのように作成・管理できます。</p>\r\n<h5 class=\"tips\">サイト情報の編集</h5>\r\n[caption id=\"attachment_30350\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-basic.png\" alt=\"サポートサイトの基本情報を設定\" width=\"592\" height=\"546\" class=\"size-full wp-image-30350\" /> サポートサイトの基本情報を設定[/caption]\r\n<p>サポートサイトの基本情報設定では、サイトのタイトルやサービスの本サイトのリンク、そしてドメインを設定することができます。</p>\r\n<p>独自ドメインはCNAMEを使って指定することができ、プロダクトと同じドメインの別ホスト名で運用することも可能です。独自ドメインは無料版でも利用できます。SSLは有料版の上位プランのみ利用可能。</p>\r\n\r\n\r\n<h4 class=\"tips\">カテゴリの作成・管理</h4>\r\n[caption id=\"attachment_30347\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-catadd.png\" alt=\"カテゴリの追加画面\" width=\"592\" height=\"257\" class=\"size-full wp-image-30347\" /> カテゴリの追加画面[/caption]\r\n<p>サポートサイトを整理するうえで、気にするのはカテゴリの部分のみになっています。</p>\r\n\r\n[caption id=\"attachment_30349\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-cat.png\" alt=\"カテゴリの編集や並び替えができる\" width=\"592\" height=\"510\" class=\"size-full wp-image-30349\" /> カテゴリの編集や並び替えができる[/caption]\r\n<p>カテゴリの管理も、並び順をドラッグでできるなど直感的にも操作できますし、機能がシンプルなので操作も特に迷うことなくできると思います。</p>\r\n\r\n<h5 class=\"tips\">ページの追加</h5>\r\n[caption id=\"attachment_30348\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-article.png\" alt=\"ページの編集画面、画像の追加も楽です。\" width=\"592\" height=\"372\" class=\"size-full wp-image-30348\" /> ページの編集画面、画像の追加も楽です。[/caption]\r\n<p>ページの追加は、本当にシンプルなブログ記事を追加するようなイメージ。エディタは画像や動画を簡単に掲載できるようになっていますし、余計な設定がないのも迷わずに済むので助かります。</p>\r\n\r\n<p>無料版では利用できる日数が限定されますが、HTMLの編集も可能になっています。</p>\r\n\r\n<h4 class=\"tips\">サイトの検索機能も使いやすい</h4>\r\n[caption id=\"attachment_30346\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-search.png\" alt=\"検索ボックスのサジェスト機能\" width=\"592\" height=\"293\" class=\"size-full wp-image-30346\" /> 検索ボックスのサジェスト機能[/caption]\r\n<p>この手の海外のサービスは、日本語の検索に弱かったりするものですが、このサービスではサジェストもバッチリ機能してくれています。有名サービスのサポートサイトさながらのサジェストで、文言を入れていくと、その文言が含まれるページのタイトルと抜粋文がサジェストされます。</p>\r\n\r\n<h4 class=\"tips\">問い合わせフォームも自動生成</h4>\r\n<p>基本情報の編集画面で設定したメールアドレス宛に飛ぶお問い合わせフォームも自動的に生成。特に配置などを考えずとも、使いやすいものが勝手にできてしまうのは本当に助かります。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://helpsite.io/\">HelpSite.io</a>へどうぞ。</p>\r\n', 'わかりやすいサポートサイトを容易に作成・編集できる「HelpSite.io」', '', 'publish', 'open', 'closed', '', 'helpsite-io', '', '', '2016-05-16 00:58:44', '2016-05-15 15:58:44', '', 0, 'http://web-marketing.zako.org/?p=30345', 0, 'post', '', 0),
(30346, 4, '2016-05-14 17:12:47', '2016-05-14 08:12:47', '', 'helpsite-io-search', '検索ボックスのサジェスト機能', 'inherit', 'open', 'closed', '', 'helpsite-io-search', '', '', '2016-05-14 17:14:32', '2016-05-14 08:14:32', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io-search.png', 0, 'attachment', 'image/png', 0),
(30347, 4, '2016-05-14 17:12:49', '2016-05-14 08:12:49', '', 'helpsite-io-catadd', 'カテゴリの追加画面', 'inherit', 'open', 'closed', '', 'helpsite-io-catadd', '', '', '2016-05-14 17:13:44', '2016-05-14 08:13:44', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io-catadd.png', 0, 'attachment', 'image/png', 0),
(30348, 4, '2016-05-14 17:12:51', '2016-05-14 08:12:51', '', 'helpsite-io-article', 'ページの編集画面、画像の追加も楽です。', 'inherit', 'open', 'closed', '', 'helpsite-io-article', '', '', '2016-05-14 17:14:24', '2016-05-14 08:14:24', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io-article.png', 0, 'attachment', 'image/png', 0),
(30349, 4, '2016-05-14 17:12:53', '2016-05-14 08:12:53', '', 'helpsite-io-cat', 'カテゴリの編集や並び替えができる', 'inherit', 'open', 'closed', '', 'helpsite-io-cat', '', '', '2016-05-14 17:14:03', '2016-05-14 08:14:03', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io-cat.png', 0, 'attachment', 'image/png', 0),
(30350, 4, '2016-05-14 17:12:56', '2016-05-14 08:12:56', '', 'helpsite-io-basic', 'サポートサイトの基本情報を設定', 'inherit', 'open', 'closed', '', 'helpsite-io-basic', '', '', '2016-05-14 17:13:22', '2016-05-14 08:13:22', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io-basic.png', 0, 'attachment', 'image/png', 0),
(30351, 4, '2016-05-14 17:12:58', '2016-05-14 08:12:58', '', 'helpsite-io-sample', 'サポートサイトの作成サンプル。<a target=\"_blank\" href=\"http://web-marketing.helpsite.io/\">WEBマーケティングブログヘルプ - Frequently Asked Questions</a>', 'inherit', 'open', 'closed', '', 'helpsite-io-sample', '', '', '2016-05-14 17:13:14', '2016-05-14 08:13:14', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io-sample.png', 0, 'attachment', 'image/png', 0),
(30352, 4, '2016-05-14 17:12:59', '2016-05-14 08:12:59', '', 'helpsite-io', '', 'inherit', 'open', 'closed', '', 'helpsite-io-2', '', '', '2016-05-14 17:13:08', '2016-05-14 08:13:08', '', 30345, 'http://web-marketing.zako.org/images/2016/05/helpsite-io.png', 0, 'attachment', 'image/png', 0),
(30353, 4, '2016-05-14 17:39:45', '2016-05-14 08:39:45', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/helpsite-io.png\" alt=\"HelpSite.io\" width=\"592\" height=\"383\" class=\"alignnone size-full wp-image-30352\" /></p>\r\n<p><a target=\"_blank\" href=\"https://help.evernote.com/hc/ja\">Evernote</a>や<a target=\"_blank\" href=\"http://windows.microsoft.com/ja-jp/windows-10/support\">Windows</a>、<a target=\"_blank\" href=\"https://support.skype.com/ja/skype/windows-desktop/\">Skype</a>などといったサービスのようなサポートサイト（あるいはヘルプサイト）を作りたくても、独自にUIや構成を考えるなど0から構築するのはなかなか至難の業です。</p>\r\n<p>せっかく構築したとしても、現場が使いこなせないような小難しいものになってしまっても、それでは本末転倒。</p>\r\n<p>今回ご紹介するのは、そんな時に整理されたサポートサイトを手軽に作成することができるCMSです。</p>\r\n\r\n<h3 class=\"header-label\">整理されたサポートサイトを手軽に作成・管理できる「HelpSite.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://helpsite.io/\">HelpSite.io</a>」は、<strong>ブログのようにサポートサイトやノウハウ共有サイトを作成・編集できるサービス。</strong></p>\r\n<p>巷でよく見るような整理されたサポートサイトを手軽に作成することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">HelpSite.ioで作成したサポートサイトのサンプル</h4>\r\n[caption id=\"attachment_30351\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-sample.png\" alt=\"サポートサイトの作成サンプル。WEBマーケティングブログヘルプ - Frequently Asked Questions\" width=\"592\" height=\"391\" class=\"size-full wp-image-30351\" /> サポートサイトの作成サンプル。<a target=\"_blank\" href=\"http://web-marketing.helpsite.io/\">WEBマーケティングブログヘルプ - Frequently Asked Questions</a>[/caption]\r\n\r\n\r\n<h4 class=\"tips\">ブログのように簡単に作成できる</h4>\r\n<p>HelpSite.ioは、ユーザーが使いやすいサポートサイトを、まるでブログを使っているかのように作成・管理できます。</p>\r\n<h5 class=\"tips\">サイト情報の編集</h5>\r\n[caption id=\"attachment_30350\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-basic.png\" alt=\"サポートサイトの基本情報を設定\" width=\"592\" height=\"546\" class=\"size-full wp-image-30350\" /> サポートサイトの基本情報を設定[/caption]\r\n<p>サポートサイトの基本情報設定では、サイトのタイトルやサービスの本サイトのリンク、そしてドメインを設定することができます。</p>\r\n<p>独自ドメインはCNAMEを使って指定することができ、プロダクトと同じドメインの別ホスト名で運用することも可能です。独自ドメインは無料版でも利用できます。SSLは有料版の上位プランのみ利用可能。</p>\r\n\r\n\r\n<h4 class=\"tips\">カテゴリの作成・管理</h4>\r\n[caption id=\"attachment_30347\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-catadd.png\" alt=\"カテゴリの追加画面\" width=\"592\" height=\"257\" class=\"size-full wp-image-30347\" /> カテゴリの追加画面[/caption]\r\n<p>サポートサイトを整理するうえで、気にするのはカテゴリの部分のみになっています。</p>\r\n\r\n[caption id=\"attachment_30349\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-cat.png\" alt=\"カテゴリの編集や並び替えができる\" width=\"592\" height=\"510\" class=\"size-full wp-image-30349\" /> カテゴリの編集や並び替えができる[/caption]\r\n<p>カテゴリの管理も、並び順をドラッグでできるなど直感的にも操作できますし、機能がシンプルなので操作も特に迷うことなくできると思います。</p>\r\n\r\n<h5 class=\"tips\">ページの追加</h5>\r\n[caption id=\"attachment_30348\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-article.png\" alt=\"ページの編集画面、画像の追加も楽です。\" width=\"592\" height=\"372\" class=\"size-full wp-image-30348\" /> ページの編集画面、画像の追加も楽です。[/caption]\r\n<p>ページの追加は、本当にシンプルなブログ記事を追加するようなイメージ。エディタは画像や動画を簡単に掲載できるようになっていますし、余計な設定がないのも迷わずに済むので助かります。</p>\r\n\r\n<p>無料版では利用できる日数が限定されますが、HTMLの編集も可能になっています。</p>\r\n\r\n<h4 class=\"tips\">サイトの検索機能も使いやすい</h4>\r\n[caption id=\"attachment_30346\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-search.png\" alt=\"検索ボックスのサジェスト機能\" width=\"592\" height=\"293\" class=\"size-full wp-image-30346\" /> 検索ボックスのサジェスト機能[/caption]\r\n<p>この手の海外のサービスは、日本語の検索に弱かったりするものですが、このサービスではサジェストもバッチリ機能してくれています。有名サービスのサポートサイトさながらのサジェストで、文言を入れていくと、その文言が含まれるページのタイトルと抜粋文がサジェストされます。</p>\r\n\r\n<h4 class=\"tips\">問い合わせフォームも自動生成</h4>\r\n<p>基本情報の編集画面で設定したメールアドレス宛に飛ぶお問い合わせフォームも自動的に生成。特に配置などを考えずとも、使いやすいものが勝手にできてしまうのは本当に助かります。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://helpsite.io/\">HelpSite.io</a>へどうぞ。</p>\r\n', 'わかりやすいサポートサイトを容易に作成・編集できる「HelpSite.io」', '', 'inherit', 'closed', 'closed', '', '30345-revision-v1', '', '', '2016-05-14 17:39:45', '2016-05-14 08:39:45', '', 30345, 'http://web-marketing.zako.org/web-tools/30345-revision-v1.html', 0, 'revision', '', 0),
(30354, 4, '2016-05-14 17:49:29', '2016-05-14 08:49:29', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/helpsite-io.png\" alt=\"HelpSite.io\" width=\"592\" height=\"383\" class=\"alignnone size-full wp-image-30352\" /></p>\r\n<p><a target=\"_blank\" href=\"https://help.evernote.com/hc/ja\">Evernote</a>や<a target=\"_blank\" href=\"http://windows.microsoft.com/ja-jp/windows-10/support\">Windows</a>、<a target=\"_blank\" href=\"https://support.skype.com/ja/skype/windows-desktop/\">Skype</a>などといったサービスのようなサポートサイト（あるいはヘルプサイト）を作りたくても、独自にUIや構成を考えるなど0から構築するのはなかなか至難の業です。</p>\r\n<p>せっかく構築したとしても、現場が使いこなせないような小難しいものになってしまっても、それでは本末転倒。</p>\r\n<p>今回ご紹介するのは、そんな時に整理されたサポートサイトを手軽に作成することができるCMSです。</p>\r\n<!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">整理されたサポートサイトを手軽に作成・管理できる「HelpSite.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://helpsite.io/\">HelpSite.io</a>」は、<strong>ブログのようにサポートサイトやノウハウ共有サイトを作成・編集できるサービス。</strong></p>\r\n<p>巷でよく見るような整理されたサポートサイトを手軽に作成することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">HelpSite.ioで作成したサポートサイトのサンプル</h4>\r\n[caption id=\"attachment_30351\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-sample.png\" alt=\"サポートサイトの作成サンプル。WEBマーケティングブログヘルプ - Frequently Asked Questions\" width=\"592\" height=\"391\" class=\"size-full wp-image-30351\" /> サポートサイトの作成サンプル。<a target=\"_blank\" href=\"http://web-marketing.helpsite.io/\">WEBマーケティングブログヘルプ - Frequently Asked Questions</a>[/caption]\r\n\r\n\r\n<h4 class=\"tips\">ブログのように簡単に作成できる</h4>\r\n<p>HelpSite.ioは、ユーザーが使いやすいサポートサイトを、まるでブログを使っているかのように作成・管理できます。</p>\r\n<h5 class=\"tips\">サイト情報の編集</h5>\r\n[caption id=\"attachment_30350\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-basic.png\" alt=\"サポートサイトの基本情報を設定\" width=\"592\" height=\"546\" class=\"size-full wp-image-30350\" /> サポートサイトの基本情報を設定[/caption]\r\n<p>サポートサイトの基本情報設定では、サイトのタイトルやサービスの本サイトのリンク、そしてドメインを設定することができます。</p>\r\n<p>独自ドメインはCNAMEを使って指定することができ、プロダクトと同じドメインの別ホスト名で運用することも可能です。独自ドメインは無料版でも利用できます。SSLは有料版の上位プランのみ利用可能。</p>\r\n\r\n\r\n<h4 class=\"tips\">カテゴリの作成・管理</h4>\r\n[caption id=\"attachment_30347\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-catadd.png\" alt=\"カテゴリの追加画面\" width=\"592\" height=\"257\" class=\"size-full wp-image-30347\" /> カテゴリの追加画面[/caption]\r\n<p>サポートサイトを整理するうえで、気にするのはカテゴリの部分のみになっています。</p>\r\n\r\n[caption id=\"attachment_30349\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-cat.png\" alt=\"カテゴリの編集や並び替えができる\" width=\"592\" height=\"510\" class=\"size-full wp-image-30349\" /> カテゴリの編集や並び替えができる[/caption]\r\n<p>カテゴリの管理も、並び順をドラッグでできるなど直感的にも操作できますし、機能がシンプルなので操作も特に迷うことなくできると思います。</p>\r\n\r\n<h5 class=\"tips\">ページの追加</h5>\r\n[caption id=\"attachment_30348\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-article.png\" alt=\"ページの編集画面、画像の追加も楽です。\" width=\"592\" height=\"372\" class=\"size-full wp-image-30348\" /> ページの編集画面、画像の追加も楽です。[/caption]\r\n<p>ページの追加は、本当にシンプルなブログ記事を追加するようなイメージ。エディタは画像や動画を簡単に掲載できるようになっていますし、余計な設定がないのも迷わずに済むので助かります。</p>\r\n\r\n<p>無料版では利用できる日数が限定されますが、HTMLの編集も可能になっています。</p>\r\n\r\n<h4 class=\"tips\">サイトの検索機能も使いやすい</h4>\r\n[caption id=\"attachment_30346\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/helpsite-io-search.png\" alt=\"検索ボックスのサジェスト機能\" width=\"592\" height=\"293\" class=\"size-full wp-image-30346\" /> 検索ボックスのサジェスト機能[/caption]\r\n<p>この手の海外のサービスは、日本語の検索に弱かったりするものですが、このサービスではサジェストもバッチリ機能してくれています。有名サービスのサポートサイトさながらのサジェストで、文言を入れていくと、その文言が含まれるページのタイトルと抜粋文がサジェストされます。</p>\r\n\r\n<h4 class=\"tips\">問い合わせフォームも自動生成</h4>\r\n<p>基本情報の編集画面で設定したメールアドレス宛に飛ぶお問い合わせフォームも自動的に生成。特に配置などを考えずとも、使いやすいものが勝手にできてしまうのは本当に助かります。</p>\r\n\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://helpsite.io/\">HelpSite.io</a>へどうぞ。</p>\r\n', 'わかりやすいサポートサイトを容易に作成・編集できる「HelpSite.io」', '', 'inherit', 'closed', 'closed', '', '30345-revision-v1', '', '', '2016-05-14 17:49:29', '2016-05-14 08:49:29', '', 30345, 'http://web-marketing.zako.org/web-tools/30345-revision-v1.html', 0, 'revision', '', 0),
(30356, 4, '2016-05-23 00:10:38', '2016-05-22 15:10:38', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/mapme.png\" alt=\"Mapme Story\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30364\" /></p>\r\n<p>Googleマップには、自分オリジナルの地図を作れるマイマップという機能があります。</p>\r\n<p>しかしながらこの機能、最近大幅にリニューアルされましたが、昔のこの機能と比較していまいち操作性が良くない上に、実現したいことをなかなか実現できません。やりたいことはとてもシンプルなのに。</p>\r\n<p>こういった不満を持っているひとにオススメしたいのが、今回ご紹介するマイマップの代替ツールとなりそうな地図作成サービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">シンプルな操作でスマートな自分だけの地図を作成できる「Mapme」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>」は、Googleのマイマップのように自分のお気に入りの場所にピンを立てた地図を作成できるサービス。</p>\r\n<p>とくにMapme Storyという機能では、ピンを立てた場所に説明文や画像、動画も掲載して共有できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">サンプルマップ</h4>\r\n<script iframe-height=\"600\" iframe-width=\"100%\" iframe-src=\"https://story.mapme.com/8bf75f55-b62c-4208-9ecf-e1770fd321bb\" src=\"https://hosting.mapme.com/story-embed.js\"></script>\r\n<p>このようにページに地図を紹介するブログパーツを埋め込むことができます。これをクリックすると、その場にポップアップで地図を表示し、複数のピンを立てたお気に入りの場所をみてもらうことができます。サンプルマップをご覧になりたい方は、上記のブログパーツをクリックしてください。マップの左上の✕ボタンを押すと、このページに戻ることができます。</p>\r\n\r\n[caption id=\"attachment_30363\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-popup.png\" alt=\"クリックしてポップアップさせるとこのように表示されます。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30363\" /> 上記の地図をクリックしてポップアップさせるとこのように表示されます。[/caption]\r\n\r\n<h4 class=\"tips\">地図の作成は、場所を指定して説明や画像を加えていくだけ</h4>\r\n<p>作成手順はシンプル。写真のアルバムを作るようにすすめることができます。ここではその手順を簡単にご紹介します。</p>\r\n[caption id=\"attachment_30362\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-title.png\" alt=\"まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30362\" /> まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。[/caption]\r\n\r\n[caption id=\"attachment_30361\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-locate.png\" alt=\"今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。\" width=\"592\" height=\"417\" class=\"size-full wp-image-30361\" /> 今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30360\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-pin.png\" alt=\"ピンを立てて、その場所の写真や動画、説明を追加していきます。\" width=\"592\" height=\"474\" class=\"size-full wp-image-30360\" /> ピンを立てて、その場所の写真や動画、説明を追加していきます。[/caption]\r\n\r\n[caption id=\"attachment_30358\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-test.png\" alt=\"画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30358\" /> 画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。[/caption]\r\n[caption id=\"attachment_30359\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-share.png\" alt=\"最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。\" width=\"592\" height=\"354\" class=\"size-full wp-image-30359\" /> 最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>へどうぞ。</p>', '手軽にスマートなおすすめスポット紹介地図を作って公開できる「Mapme」', 'お気に入りの場所を地図だけでなく画像や動画でも紹介できる地図サービス。', 'publish', 'open', 'closed', '', 'mapme', '', '', '2016-05-23 00:10:38', '2016-05-22 15:10:38', '', 0, 'http://web-marketing.zako.org/?p=30356', 0, 'post', '', 0),
(30357, 4, '2016-05-22 16:09:49', '2016-05-22 07:09:49', '\r\n\r\n<script iframe-height=\"600\" iframe-width=\"100%\" iframe-src=\"https://story.mapme.com/8bf75f55-b62c-4208-9ecf-e1770fd321bb\" src=\"https://hosting.mapme.com/story-embed.js\"></script>', '手軽にスマートなおすすめスポット紹介地図を作って公開できる「Mapme」', '', 'inherit', 'closed', 'closed', '', '30356-revision-v1', '', '', '2016-05-22 16:09:49', '2016-05-22 07:09:49', '', 30356, 'http://web-marketing.zako.org/web-tools/30356-revision-v1.html', 0, 'revision', '', 0),
(30358, 4, '2016-05-22 18:29:17', '2016-05-22 09:29:17', '', 'mapme-test', '画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。', 'inherit', 'open', 'closed', '', 'mapme-test', '', '', '2016-05-22 18:30:54', '2016-05-22 09:30:54', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme-test.png', 0, 'attachment', 'image/png', 0),
(30359, 4, '2016-05-22 18:29:19', '2016-05-22 09:29:19', '', 'mapme-share', '最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。', 'inherit', 'open', 'closed', '', 'mapme-share', '', '', '2016-05-22 18:30:49', '2016-05-22 09:30:49', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme-share.png', 0, 'attachment', 'image/png', 0),
(30360, 4, '2016-05-22 18:29:22', '2016-05-22 09:29:22', '', 'mapme-pin', 'ピンを立てて、その場所の写真や動画、説明を追加していきます。', 'inherit', 'open', 'closed', '', 'mapme-pin', '', '', '2016-05-22 18:30:38', '2016-05-22 09:30:38', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme-pin.png', 0, 'attachment', 'image/png', 0),
(30361, 4, '2016-05-22 18:29:24', '2016-05-22 09:29:24', '', 'mapme-locate', '今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。', 'inherit', 'open', 'closed', '', 'mapme-locate', '', '', '2016-05-22 18:30:31', '2016-05-22 09:30:31', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme-locate.png', 0, 'attachment', 'image/png', 0),
(30362, 4, '2016-05-22 18:29:26', '2016-05-22 09:29:26', '', 'mapme-title', 'まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。', 'inherit', 'open', 'closed', '', 'mapme-title', '', '', '2016-05-22 18:30:00', '2016-05-22 09:30:00', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme-title.png', 0, 'attachment', 'image/png', 0),
(30363, 4, '2016-05-22 18:29:28', '2016-05-22 09:29:28', '', 'mapme-popup', 'クリックしてポップアップさせるとこのように表示されます。', 'inherit', 'open', 'closed', '', 'mapme-popup', '', '', '2016-05-22 18:29:51', '2016-05-22 09:29:51', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme-popup.png', 0, 'attachment', 'image/png', 0),
(30364, 4, '2016-05-22 18:29:31', '2016-05-22 09:29:31', '', 'mapme', '', 'inherit', 'open', 'closed', '', 'mapme-2', '', '', '2016-05-22 18:29:37', '2016-05-22 09:29:37', '', 30356, 'http://web-marketing.zako.org/images/2016/05/mapme.png', 0, 'attachment', 'image/png', 0),
(30365, 4, '2016-05-22 18:34:24', '2016-05-22 09:34:24', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/mapme.png\" alt=\"Mapme Story\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30364\" /></p>\r\n<p>Googleマップには、自分オリジナルの地図を作れるマイマップという機能があります。</p>\r\n<p>しかしながらこの機能、最近大幅にリニューアルされましたが、昔のこの機能と比較していまいち操作性が良くない上に、実現したいことをなかなか実現できません。やりたいことはとてもシンプルなのに。</p>\r\n<p>こういった不満を持っているひとにオススメしたいのが、今回ご紹介するマイマップの代替ツールとなりそうな地図作成サービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">シンプルな操作でスマートな自分だけの地図を作成できる「Mapme」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>」は、Googleのマイマップのように自分のお気に入りの場所にピンを立てた地図を作成できるサービス。</p>\r\n<p>とくにMapme Storyという機能では、ピンを立てた場所に説明文や画像、動画も掲載して共有できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">サンプルマップ</h4>\r\n<script iframe-height=\"600\" iframe-width=\"100%\" iframe-src=\"https://story.mapme.com/8bf75f55-b62c-4208-9ecf-e1770fd321bb\" src=\"https://hosting.mapme.com/story-embed.js\"></script>\r\n<p>このように、ページに地図を埋め込むことができます。これをクリックすると、その場にポップアップで地図を表示し、複数のピンを立てたお気に入りの場所をみてもらうことができます。</p>\r\n\r\n[caption id=\"attachment_30363\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-popup.png\" alt=\"クリックしてポップアップさせるとこのように表示されます。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30363\" /> 上記の地図をクリックしてポップアップさせるとこのように表示されます。[/caption]\r\n\r\n<h4 class=\"tips\">場所を指定して説明や画像を加えていくだけ</h4>\r\n<p>作成手順はシンプル。写真のアルバムを作るようにすすめることができます。ここではその手順を簡単にご紹介します。</p>\r\n[caption id=\"attachment_30362\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-title.png\" alt=\"まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30362\" /> まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。[/caption]\r\n\r\n[caption id=\"attachment_30361\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-locate.png\" alt=\"今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。\" width=\"592\" height=\"417\" class=\"size-full wp-image-30361\" /> 今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30360\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-pin.png\" alt=\"ピンを立てて、その場所の写真や動画、説明を追加していきます。\" width=\"592\" height=\"474\" class=\"size-full wp-image-30360\" /> ピンを立てて、その場所の写真や動画、説明を追加していきます。[/caption]\r\n\r\n[caption id=\"attachment_30358\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-test.png\" alt=\"画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30358\" /> 画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。[/caption]\r\n[caption id=\"attachment_30359\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-share.png\" alt=\"最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。\" width=\"592\" height=\"354\" class=\"size-full wp-image-30359\" /> 最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>へどうぞ。</p>\r\n', '手軽にスマートなおすすめスポット紹介地図を作って公開できる「Mapme」', '', 'inherit', 'closed', 'closed', '', '30356-revision-v1', '', '', '2016-05-22 18:34:24', '2016-05-22 09:34:24', '', 30356, 'http://web-marketing.zako.org/web-tools/30356-revision-v1.html', 0, 'revision', '', 0),
(30366, 4, '2016-05-22 18:37:00', '2016-05-22 09:37:00', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/mapme.png\" alt=\"Mapme Story\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30364\" /></p>\r\n<p>Googleマップには、自分オリジナルの地図を作れるマイマップという機能があります。</p>\r\n<p>しかしながらこの機能、最近大幅にリニューアルされましたが、昔のこの機能と比較していまいち操作性が良くない上に、実現したいことをなかなか実現できません。やりたいことはとてもシンプルなのに。</p>\r\n<p>こういった不満を持っているひとにオススメしたいのが、今回ご紹介するマイマップの代替ツールとなりそうな地図作成サービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">シンプルな操作でスマートな自分だけの地図を作成できる「Mapme」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>」は、Googleのマイマップのように自分のお気に入りの場所にピンを立てた地図を作成できるサービス。</p>\r\n<p>とくにMapme Storyという機能では、ピンを立てた場所に説明文や画像、動画も掲載して共有できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">サンプルマップ</h4>\r\n<script iframe-height=\"600\" iframe-width=\"100%\" iframe-src=\"https://story.mapme.com/8bf75f55-b62c-4208-9ecf-e1770fd321bb\" src=\"https://hosting.mapme.com/story-embed.js\"></script>\r\n<p>このようにページに地図を紹介するブログパーツを埋め込むことができます。これをクリックすると、その場にポップアップで地図を表示し、複数のピンを立てたお気に入りの場所をみてもらうことができます。サンプルマップをご覧になりたい方は、上記のブログパーツをクリックしてください。マップの左上の✕ボタンを押すと、このページに戻ることができます。</p>\r\n\r\n[caption id=\"attachment_30363\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-popup.png\" alt=\"クリックしてポップアップさせるとこのように表示されます。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30363\" /> 上記の地図をクリックしてポップアップさせるとこのように表示されます。[/caption]\r\n\r\n<h4 class=\"tips\">場所を指定して説明や画像を加えていくだけ</h4>\r\n<p>作成手順はシンプル。写真のアルバムを作るようにすすめることができます。ここではその手順を簡単にご紹介します。</p>\r\n[caption id=\"attachment_30362\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-title.png\" alt=\"まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30362\" /> まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。[/caption]\r\n\r\n[caption id=\"attachment_30361\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-locate.png\" alt=\"今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。\" width=\"592\" height=\"417\" class=\"size-full wp-image-30361\" /> 今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30360\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-pin.png\" alt=\"ピンを立てて、その場所の写真や動画、説明を追加していきます。\" width=\"592\" height=\"474\" class=\"size-full wp-image-30360\" /> ピンを立てて、その場所の写真や動画、説明を追加していきます。[/caption]\r\n\r\n[caption id=\"attachment_30358\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-test.png\" alt=\"画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30358\" /> 画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。[/caption]\r\n[caption id=\"attachment_30359\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-share.png\" alt=\"最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。\" width=\"592\" height=\"354\" class=\"size-full wp-image-30359\" /> 最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>へどうぞ。</p>', '手軽にスマートなおすすめスポット紹介地図を作って公開できる「Mapme」', '', 'inherit', 'closed', 'closed', '', '30356-revision-v1', '', '', '2016-05-22 18:37:00', '2016-05-22 09:37:00', '', 30356, 'http://web-marketing.zako.org/web-tools/30356-revision-v1.html', 0, 'revision', '', 0),
(30367, 4, '2016-05-22 18:52:28', '2016-05-22 09:52:28', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/05/mapme.png\" alt=\"Mapme Story\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30364\" /></p>\r\n<p>Googleマップには、自分オリジナルの地図を作れるマイマップという機能があります。</p>\r\n<p>しかしながらこの機能、最近大幅にリニューアルされましたが、昔のこの機能と比較していまいち操作性が良くない上に、実現したいことをなかなか実現できません。やりたいことはとてもシンプルなのに。</p>\r\n<p>こういった不満を持っているひとにオススメしたいのが、今回ご紹介するマイマップの代替ツールとなりそうな地図作成サービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">シンプルな操作でスマートな自分だけの地図を作成できる「Mapme」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>」は、Googleのマイマップのように自分のお気に入りの場所にピンを立てた地図を作成できるサービス。</p>\r\n<p>とくにMapme Storyという機能では、ピンを立てた場所に説明文や画像、動画も掲載して共有できるようになっています。</p>\r\n\r\n<h4 class=\"tips\">サンプルマップ</h4>\r\n<script iframe-height=\"600\" iframe-width=\"100%\" iframe-src=\"https://story.mapme.com/8bf75f55-b62c-4208-9ecf-e1770fd321bb\" src=\"https://hosting.mapme.com/story-embed.js\"></script>\r\n<p>このようにページに地図を紹介するブログパーツを埋め込むことができます。これをクリックすると、その場にポップアップで地図を表示し、複数のピンを立てたお気に入りの場所をみてもらうことができます。サンプルマップをご覧になりたい方は、上記のブログパーツをクリックしてください。マップの左上の✕ボタンを押すと、このページに戻ることができます。</p>\r\n\r\n[caption id=\"attachment_30363\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-popup.png\" alt=\"クリックしてポップアップさせるとこのように表示されます。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30363\" /> 上記の地図をクリックしてポップアップさせるとこのように表示されます。[/caption]\r\n\r\n<h4 class=\"tips\">地図の作成は、場所を指定して説明や画像を加えていくだけ</h4>\r\n<p>作成手順はシンプル。写真のアルバムを作るようにすすめることができます。ここではその手順を簡単にご紹介します。</p>\r\n[caption id=\"attachment_30362\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-title.png\" alt=\"まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。\" width=\"592\" height=\"450\" class=\"size-full wp-image-30362\" /> まずアルバムのタイトルやカバー画像の設定などをおこなっていきます。[/caption]\r\n\r\n[caption id=\"attachment_30361\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-locate.png\" alt=\"今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。\" width=\"592\" height=\"417\" class=\"size-full wp-image-30361\" /> 今回の地図の中心となる位置を指定し、ピンの色も設定します。カバー写真を設定することも可能です。[/caption]\r\n\r\n[caption id=\"attachment_30360\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-pin.png\" alt=\"ピンを立てて、その場所の写真や動画、説明を追加していきます。\" width=\"592\" height=\"474\" class=\"size-full wp-image-30360\" /> ピンを立てて、その場所の写真や動画、説明を追加していきます。[/caption]\r\n\r\n[caption id=\"attachment_30358\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-test.png\" alt=\"画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。\" width=\"592\" height=\"370\" class=\"size-full wp-image-30358\" /> 画面右側には常にプレビューが表示されています。右上のボタンを押すと、PCとモバイルのプレビューを切り替えることもできます。[/caption]\r\n[caption id=\"attachment_30359\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/mapme-share.png\" alt=\"最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。\" width=\"592\" height=\"354\" class=\"size-full wp-image-30359\" /> 最後に右上の【PROMOTE】ボタンを押すと、埋め込みタグとマップのURLが発行されます。その場でソーシャルメディアへ投稿することも可能です。[/caption]\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://mapme.com/\">Mapme</a>へどうぞ。</p>', '手軽にスマートなおすすめスポット紹介地図を作って公開できる「Mapme」', 'お気に入りの場所を地図だけでなく画像や動画でも紹介できる地図サービス。', 'inherit', 'closed', 'closed', '', '30356-revision-v1', '', '', '2016-05-22 18:52:28', '2016-05-22 09:52:28', '', 30356, 'http://web-marketing.zako.org/web-tools/30356-revision-v1.html', 0, 'revision', '', 0),
(30369, 4, '2016-05-30 00:47:12', '2016-05-29 15:47:12', '<p class=\"thumb\"><img src=\"http://placeholder.pics/svg/592x300/DEDEDE/70422B/ダミー画像を作れるplaceholder.pics\" alt=\"placeholder.pics\" /></p>\r\n<p>サイトのモックアップやプロトタイプには、バナー画像や写真素材をダミーで仮に置いておくことも多いかと思います。</p>\r\n<p>素材サイトなどから仮に置いておくこともありますが、それだけでも結構な手間になるので、URLで指定するだけでダミー画像を作成できるサービスを使うこともよくあるかと思います。</p>\r\n<p>今回ご紹介するのは、そんなURLで指定するだけでダミー画像を生成できるサービス。特徴は、画像に日本語のテキストメモを入れられて、背景色をグラデーションにもできる点です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ダミー画像をURLで生成できる「Placeholder pics」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>」は、<strong>ダミー画像をURLで生成できるサービス。</strong></p>\r\n<p>海外サービスでありがちな、日本語を使えない、あるいは国内発のサービスであっても、URLで日本語をエンコードしないといけないという点もクリアしているうえに、ダミー画像の色の指定も自由度が高くなっています。</p>\r\n\r\n<h4 class=\"tips\">日本語のラベルを設定できる</h4>\r\n[caption id=\"attachment_30373\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-jp.png\" alt=\"日本語テキストもダミー画像のラベルに設定できる\" width=\"592\" height=\"424\" class=\"size-full wp-image-30373\" /> 日本語テキストもダミー画像のラベルに設定できる[/caption]\r\n<p>国内のダミー画像作成サービスであればクリアしているのが当然な点ですが、海外発でありながら、日本語のテキストを画像に問題なく入れることができます。</p>\r\n<p>あとからここにどんな画像を入れるのかメモしておくにも便利ですね。</p>\r\n\r\n<h4 class=\"tips\">背景色を指定、グラデーションにもできる</h4>\r\n[caption id=\"attachment_30372\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-bg.png\" alt=\"背景色、背景色のスタートとエンドをカラーパレットで指定\" width=\"592\" height=\"370\" class=\"size-full wp-image-30372\" /> 背景色、背景色のスタートとエンドをカラーパレットで指定[/caption]\r\n<p>他のサービスになかなか無いのが、この背景色の指定とグラデーションにする機能。あとから入れる写真素材の色合いのイメージを付けておくにも便利かもしれません。</p>\r\n\r\n\r\n<h4 class=\"tips\">枠線、ラベルの色を変えられる</h4>\r\n[caption id=\"attachment_30371\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-fg.png\" alt=\"枠線とラベルの文字色をカラーパレットで指定\" width=\"592\" height=\"403\" class=\"size-full wp-image-30371\" /> 枠線とラベルの文字色をカラーパレットで指定[/caption]\r\n\r\n\r\n<h4 class=\"tips\">生成するURLもシンプル</h4>\r\n<p>たとえば、</p>\r\n<ul><li>画像サイズ：350×250</li><li>背景色：#154C6Eから#368EC2へのグラデーション</li><li>枠線　：#4FD9FF</li><li>ラベル：この背景色に近い風景素材を入れる</li></ul>\r\n<p>という指定をするとします。これをダミー画像のURLにすると、以下のようになります。</p>\r\n\r\n<p class=\"desc\">\r\n	<code>http://placeholder.pics/svg/350x250/154C6E-368EC2/4FD9FF/あとでこの背景色に近い素材を入れる</code>\r\n</p>\r\n\r\n<p>日本語のテキストをそのまま打ち込んでも問題なく表示されますので、これが地味に便利です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>へどうぞ。</p>\r\n', 'ダミー画像を作成できる「Placeholder pics」日本語ラベルの追加も可能', '背景や枠線の色も指定できるダミー画像作成サービス。', 'publish', 'open', 'closed', '', 'placeholder-pics', '', '', '2016-05-30 00:47:12', '2016-05-29 15:47:12', '', 0, 'http://web-marketing.zako.org/?p=30369', 0, 'post', '', 0),
(30370, 4, '2016-05-29 15:17:10', '2016-05-29 06:17:10', '<img src=\"http://placeholder.pics/svg/592x300/DEDEDE/70422B/ダミー画像を作れるplaceholder.pics\" alt=\"\" />', '', '', 'inherit', 'closed', 'closed', '', '30369-revision-v1', '', '', '2016-05-29 15:17:10', '2016-05-29 06:17:10', '', 30369, 'http://web-marketing.zako.org/web-tools/30369-revision-v1.html', 0, 'revision', '', 0),
(30371, 4, '2016-05-29 18:45:16', '2016-05-29 09:45:16', '', 'placeholderpics-fg', '枠線とラベルの文字色をカラーパレットで指定', 'inherit', 'open', 'closed', '', 'placeholderpics-fg', '', '', '2016-05-29 18:45:36', '2016-05-29 09:45:36', '', 30369, 'http://web-marketing.zako.org/images/2016/05/placeholderpics-fg.png', 0, 'attachment', 'image/png', 0),
(30372, 4, '2016-05-29 18:45:19', '2016-05-29 09:45:19', '', 'placeholderpics-bg', '背景色、背景色のスタートとエンドをカラーパレットで指定', 'inherit', 'open', 'closed', '', 'placeholderpics-bg', '', '', '2016-05-29 18:45:43', '2016-05-29 09:45:43', '', 30369, 'http://web-marketing.zako.org/images/2016/05/placeholderpics-bg.png', 0, 'attachment', 'image/png', 0),
(30373, 4, '2016-05-29 18:45:21', '2016-05-29 09:45:21', '', 'placeholderpics-jp', '日本語テキストもダミー画像のラベルに設定できる', 'inherit', 'open', 'closed', '', 'placeholderpics-jp', '', '', '2016-05-29 18:45:51', '2016-05-29 09:45:51', '', 30369, 'http://web-marketing.zako.org/images/2016/05/placeholderpics-jp.png', 0, 'attachment', 'image/png', 0),
(30374, 4, '2016-05-29 18:45:24', '2016-05-29 09:45:24', '', 'placeholderpics-grad', '', 'inherit', 'open', 'closed', '', 'placeholderpics-grad', '', '', '2016-05-29 18:45:24', '2016-05-29 09:45:24', '', 30369, 'http://web-marketing.zako.org/images/2016/05/placeholderpics-grad.png', 0, 'attachment', 'image/png', 0),
(30375, 4, '2016-05-29 18:49:41', '2016-05-29 09:49:41', '<p class=\"thumb\"><img src=\"http://placeholder.pics/svg/592x300/DEDEDE/70422B/ダミー画像を作れるplaceholder.pics\" alt=\"placeholder.pics\" /></p>\r\n<p>サイトのモックアップやプロトタイプには、バナー画像や写真素材をダミーで仮に置いておくことも多いかと思います。</p>\r\n<p>素材サイトなどから仮に置いておくこともありますが、それだけでも結構な手間になるので、URLで指定するだけでダミー画像を作成できるサービスを使うこともよくあるかと思います。</p>\r\n<p>今回ご紹介するのは、そんなURLで指定するだけでダミー画像を生成できるサービス。特徴は、画像に日本語のテキストメモを入れられて、背景色をグラデーションにもできる点です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ダミー画像をURLで生成できる「Placeholder pics」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>」は、<strong>ダミー画像をURLで生成できるサービス。</strong></p>\r\n<p>海外サービスでありがちな、日本語を使えない、あるいは国内発のサービスであっても、URLで日本語をエンコードしないといけないという点もクリアしているうえに、ダミー画像の色の指定も自由度が高くなっています。</p>\r\n\r\n<h4 class=\"tips\">日本語のラベルを設定できる</h4>\r\n[caption id=\"attachment_30373\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-jp.png\" alt=\"日本語テキストもダミー画像のラベルに設定できる\" width=\"592\" height=\"424\" class=\"size-full wp-image-30373\" /> 日本語テキストもダミー画像のラベルに設定できる[/caption]\r\n<p>国内のダミー画像作成サービスであればクリアしているのが当然な点ですが、海外発でありながら、日本語のテキストを画像に問題なく入れることができます。</p>\r\n<p>あとからここにどんな画像を入れるのかメモしておくにも便利ですね。</p>\r\n\r\n<h4 class=\"tips\">背景色を指定、グラデーションにもできる</h4>\r\n[caption id=\"attachment_30372\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-bg.png\" alt=\"背景色、背景色のスタートとエンドをカラーパレットで指定\" width=\"592\" height=\"370\" class=\"size-full wp-image-30372\" /> 背景色、背景色のスタートとエンドをカラーパレットで指定[/caption]\r\n<p>他のサービスになかなか無いのが、この背景色の指定とグラデーションにする機能。あとから入れる写真素材の色合いのイメージを付けておくにも便利かもしれません。</p>\r\n\r\n\r\n<h4 class=\"tips\">枠線、ラベルの色を変えられる</h4>\r\n[caption id=\"attachment_30371\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-fg.png\" alt=\"枠線とラベルの文字色をカラーパレットで指定\" width=\"592\" height=\"403\" class=\"size-full wp-image-30371\" /> 枠線とラベルの文字色をカラーパレットで指定[/caption]\r\n\r\n\r\n<h4 class=\"tips\">生成するURLもシンプル</h4>\r\n<p>たとえば、</p>\r\n<ul><li>画像サイズ：350×250</li><li>背景色：#154C6Eから#368EC2へのグラデーション</li><li>枠線　：#4FD9FF</li><li>ラベル　：この背景色に近い風景素材を入れる</li></ul>\r\n<p>という指定をするとします。これをダミー画像のURLにすると、以下のようになります。</p>\r\n\r\n<code>http://placeholder.pics/svg/350x250/154C6E-368EC2/4FD9FF/あとでこの背景色に近い素材を入れる</code>\r\n\r\n<p>日本語のテキストをそのまま打ち込んでも問題なく表示されますので、これが地味に便利です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>へどうぞ。</p>\r\n', 'ダミー画像を作成できる「Placeholder pics」日本語ラベルの追加も可能', '', 'inherit', 'closed', 'closed', '', '30369-revision-v1', '', '', '2016-05-29 18:49:41', '2016-05-29 09:49:41', '', 30369, 'http://web-marketing.zako.org/web-tools/30369-revision-v1.html', 0, 'revision', '', 0),
(30376, 4, '2016-05-29 18:51:58', '2016-05-29 09:51:58', '<p class=\"thumb\"><img src=\"http://placeholder.pics/svg/592x300/DEDEDE/70422B/ダミー画像を作れるplaceholder.pics\" alt=\"placeholder.pics\" /></p>\r\n<p>サイトのモックアップやプロトタイプには、バナー画像や写真素材をダミーで仮に置いておくことも多いかと思います。</p>\r\n<p>素材サイトなどから仮に置いておくこともありますが、それだけでも結構な手間になるので、URLで指定するだけでダミー画像を作成できるサービスを使うこともよくあるかと思います。</p>\r\n<p>今回ご紹介するのは、そんなURLで指定するだけでダミー画像を生成できるサービス。特徴は、画像に日本語のテキストメモを入れられて、背景色をグラデーションにもできる点です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ダミー画像をURLで生成できる「Placeholder pics」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>」は、<strong>ダミー画像をURLで生成できるサービス。</strong></p>\r\n<p>海外サービスでありがちな、日本語を使えない、あるいは国内発のサービスであっても、URLで日本語をエンコードしないといけないという点もクリアしているうえに、ダミー画像の色の指定も自由度が高くなっています。</p>\r\n\r\n<h4 class=\"tips\">日本語のラベルを設定できる</h4>\r\n[caption id=\"attachment_30373\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-jp.png\" alt=\"日本語テキストもダミー画像のラベルに設定できる\" width=\"592\" height=\"424\" class=\"size-full wp-image-30373\" /> 日本語テキストもダミー画像のラベルに設定できる[/caption]\r\n<p>国内のダミー画像作成サービスであればクリアしているのが当然な点ですが、海外発でありながら、日本語のテキストを画像に問題なく入れることができます。</p>\r\n<p>あとからここにどんな画像を入れるのかメモしておくにも便利ですね。</p>\r\n\r\n<h4 class=\"tips\">背景色を指定、グラデーションにもできる</h4>\r\n[caption id=\"attachment_30372\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-bg.png\" alt=\"背景色、背景色のスタートとエンドをカラーパレットで指定\" width=\"592\" height=\"370\" class=\"size-full wp-image-30372\" /> 背景色、背景色のスタートとエンドをカラーパレットで指定[/caption]\r\n<p>他のサービスになかなか無いのが、この背景色の指定とグラデーションにする機能。あとから入れる写真素材の色合いのイメージを付けておくにも便利かもしれません。</p>\r\n\r\n\r\n<h4 class=\"tips\">枠線、ラベルの色を変えられる</h4>\r\n[caption id=\"attachment_30371\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-fg.png\" alt=\"枠線とラベルの文字色をカラーパレットで指定\" width=\"592\" height=\"403\" class=\"size-full wp-image-30371\" /> 枠線とラベルの文字色をカラーパレットで指定[/caption]\r\n\r\n\r\n<h4 class=\"tips\">生成するURLもシンプル</h4>\r\n<p>たとえば、</p>\r\n<ul><li>画像サイズ：350×250</li><li>背景色：#154C6Eから#368EC2へのグラデーション</li><li>枠線　：#4FD9FF</li><li>ラベル　：この背景色に近い風景素材を入れる</li></ul>\r\n<p>という指定をするとします。これをダミー画像のURLにすると、以下のようになります。</p>\r\n\r\n<p class=\"desc\">\r\n	<code>http://placeholder.pics/svg/350x250/154C6E-368EC2/4FD9FF/あとでこの背景色に近い素材を入れる</code>\r\n</p>\r\n\r\n<p>日本語のテキストをそのまま打ち込んでも問題なく表示されますので、これが地味に便利です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>へどうぞ。</p>\r\n', 'ダミー画像を作成できる「Placeholder pics」日本語ラベルの追加も可能', '', 'inherit', 'closed', 'closed', '', '30369-revision-v1', '', '', '2016-05-29 18:51:58', '2016-05-29 09:51:58', '', 30369, 'http://web-marketing.zako.org/web-tools/30369-revision-v1.html', 0, 'revision', '', 0),
(30377, 4, '2016-05-29 18:53:20', '2016-05-29 09:53:20', '<p class=\"thumb\"><img src=\"http://placeholder.pics/svg/592x300/DEDEDE/70422B/ダミー画像を作れるplaceholder.pics\" alt=\"placeholder.pics\" /></p>\r\n<p>サイトのモックアップやプロトタイプには、バナー画像や写真素材をダミーで仮に置いておくことも多いかと思います。</p>\r\n<p>素材サイトなどから仮に置いておくこともありますが、それだけでも結構な手間になるので、URLで指定するだけでダミー画像を作成できるサービスを使うこともよくあるかと思います。</p>\r\n<p>今回ご紹介するのは、そんなURLで指定するだけでダミー画像を生成できるサービス。特徴は、画像に日本語のテキストメモを入れられて、背景色をグラデーションにもできる点です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ダミー画像をURLで生成できる「Placeholder pics」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>」は、<strong>ダミー画像をURLで生成できるサービス。</strong></p>\r\n<p>海外サービスでありがちな、日本語を使えない、あるいは国内発のサービスであっても、URLで日本語をエンコードしないといけないという点もクリアしているうえに、ダミー画像の色の指定も自由度が高くなっています。</p>\r\n\r\n<h4 class=\"tips\">日本語のラベルを設定できる</h4>\r\n[caption id=\"attachment_30373\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-jp.png\" alt=\"日本語テキストもダミー画像のラベルに設定できる\" width=\"592\" height=\"424\" class=\"size-full wp-image-30373\" /> 日本語テキストもダミー画像のラベルに設定できる[/caption]\r\n<p>国内のダミー画像作成サービスであればクリアしているのが当然な点ですが、海外発でありながら、日本語のテキストを画像に問題なく入れることができます。</p>\r\n<p>あとからここにどんな画像を入れるのかメモしておくにも便利ですね。</p>\r\n\r\n<h4 class=\"tips\">背景色を指定、グラデーションにもできる</h4>\r\n[caption id=\"attachment_30372\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-bg.png\" alt=\"背景色、背景色のスタートとエンドをカラーパレットで指定\" width=\"592\" height=\"370\" class=\"size-full wp-image-30372\" /> 背景色、背景色のスタートとエンドをカラーパレットで指定[/caption]\r\n<p>他のサービスになかなか無いのが、この背景色の指定とグラデーションにする機能。あとから入れる写真素材の色合いのイメージを付けておくにも便利かもしれません。</p>\r\n\r\n\r\n<h4 class=\"tips\">枠線、ラベルの色を変えられる</h4>\r\n[caption id=\"attachment_30371\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-fg.png\" alt=\"枠線とラベルの文字色をカラーパレットで指定\" width=\"592\" height=\"403\" class=\"size-full wp-image-30371\" /> 枠線とラベルの文字色をカラーパレットで指定[/caption]\r\n\r\n\r\n<h4 class=\"tips\">生成するURLもシンプル</h4>\r\n<p>たとえば、</p>\r\n<ul><li>画像サイズ：350×250</li><li>背景色：#154C6Eから#368EC2へのグラデーション</li><li>枠線　：#4FD9FF</li><li>ラベル：この背景色に近い風景素材を入れる</li></ul>\r\n<p>という指定をするとします。これをダミー画像のURLにすると、以下のようになります。</p>\r\n\r\n<p class=\"desc\">\r\n	<code>http://placeholder.pics/svg/350x250/154C6E-368EC2/4FD9FF/あとでこの背景色に近い素材を入れる</code>\r\n</p>\r\n\r\n<p>日本語のテキストをそのまま打ち込んでも問題なく表示されますので、これが地味に便利です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>へどうぞ。</p>\r\n', 'ダミー画像を作成できる「Placeholder pics」日本語ラベルの追加も可能', '', 'inherit', 'closed', 'closed', '', '30369-revision-v1', '', '', '2016-05-29 18:53:20', '2016-05-29 09:53:20', '', 30369, 'http://web-marketing.zako.org/web-tools/30369-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
(30378, 4, '2016-05-30 00:47:12', '2016-05-29 15:47:12', '<p class=\"thumb\"><img src=\"http://placeholder.pics/svg/592x300/DEDEDE/70422B/ダミー画像を作れるplaceholder.pics\" alt=\"placeholder.pics\" /></p>\r\n<p>サイトのモックアップやプロトタイプには、バナー画像や写真素材をダミーで仮に置いておくことも多いかと思います。</p>\r\n<p>素材サイトなどから仮に置いておくこともありますが、それだけでも結構な手間になるので、URLで指定するだけでダミー画像を作成できるサービスを使うこともよくあるかと思います。</p>\r\n<p>今回ご紹介するのは、そんなURLで指定するだけでダミー画像を生成できるサービス。特徴は、画像に日本語のテキストメモを入れられて、背景色をグラデーションにもできる点です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">ダミー画像をURLで生成できる「Placeholder pics」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>」は、<strong>ダミー画像をURLで生成できるサービス。</strong></p>\r\n<p>海外サービスでありがちな、日本語を使えない、あるいは国内発のサービスであっても、URLで日本語をエンコードしないといけないという点もクリアしているうえに、ダミー画像の色の指定も自由度が高くなっています。</p>\r\n\r\n<h4 class=\"tips\">日本語のラベルを設定できる</h4>\r\n[caption id=\"attachment_30373\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-jp.png\" alt=\"日本語テキストもダミー画像のラベルに設定できる\" width=\"592\" height=\"424\" class=\"size-full wp-image-30373\" /> 日本語テキストもダミー画像のラベルに設定できる[/caption]\r\n<p>国内のダミー画像作成サービスであればクリアしているのが当然な点ですが、海外発でありながら、日本語のテキストを画像に問題なく入れることができます。</p>\r\n<p>あとからここにどんな画像を入れるのかメモしておくにも便利ですね。</p>\r\n\r\n<h4 class=\"tips\">背景色を指定、グラデーションにもできる</h4>\r\n[caption id=\"attachment_30372\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-bg.png\" alt=\"背景色、背景色のスタートとエンドをカラーパレットで指定\" width=\"592\" height=\"370\" class=\"size-full wp-image-30372\" /> 背景色、背景色のスタートとエンドをカラーパレットで指定[/caption]\r\n<p>他のサービスになかなか無いのが、この背景色の指定とグラデーションにする機能。あとから入れる写真素材の色合いのイメージを付けておくにも便利かもしれません。</p>\r\n\r\n\r\n<h4 class=\"tips\">枠線、ラベルの色を変えられる</h4>\r\n[caption id=\"attachment_30371\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/05/placeholderpics-fg.png\" alt=\"枠線とラベルの文字色をカラーパレットで指定\" width=\"592\" height=\"403\" class=\"size-full wp-image-30371\" /> 枠線とラベルの文字色をカラーパレットで指定[/caption]\r\n\r\n\r\n<h4 class=\"tips\">生成するURLもシンプル</h4>\r\n<p>たとえば、</p>\r\n<ul><li>画像サイズ：350×250</li><li>背景色：#154C6Eから#368EC2へのグラデーション</li><li>枠線　：#4FD9FF</li><li>ラベル：この背景色に近い風景素材を入れる</li></ul>\r\n<p>という指定をするとします。これをダミー画像のURLにすると、以下のようになります。</p>\r\n\r\n<p class=\"desc\">\r\n	<code>http://placeholder.pics/svg/350x250/154C6E-368EC2/4FD9FF/あとでこの背景色に近い素材を入れる</code>\r\n</p>\r\n\r\n<p>日本語のテキストをそのまま打ち込んでも問題なく表示されますので、これが地味に便利です。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://placeholder.pics/\">Placeholder pics</a>へどうぞ。</p>\r\n', 'ダミー画像を作成できる「Placeholder pics」日本語ラベルの追加も可能', '背景や枠線の色も指定できるダミー画像作成サービス。', 'inherit', 'closed', 'closed', '', '30369-revision-v1', '', '', '2016-05-30 00:47:12', '2016-05-29 15:47:12', '', 30369, 'http://web-marketing.zako.org/web-tools/30369-revision-v1.html', 0, 'revision', '', 0),
(30379, 4, '2016-06-06 00:18:28', '2016-06-05 15:18:28', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/instamuseum.jpg\" alt=\"INSTAMUSEUM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30383\" /></p>\r\n<p>GoogleやFacebookなど、あらゆる企業が参入しているVR。VRにチャレンジしてみたいという話もよく聴くようになりました。</p>\r\n<p>今回ご紹介するのは、このVRにも対応している、Instagramの写真を３Dギャラリーにしてウェブ上に公開できるサービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">Instagramの写真を３Dギャラリーにしてサイトに埋め込める「INSTAMUSEUM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.instamuseum.com/\">Instamuseum</a>」は、Instagramのアカウトと連携することで、投稿した写真を３Dのギャラリーにしてくれるサービス。</p>\r\n<p>生成された3DギャラリーはVRにも対応しています。</p>\r\n\r\n<h4 class=\"tips\">サンプル3Dギャラリー</h4>\r\n<iframe width=\"660\" height=\"480\" src=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5/embed\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" onmousewheel=\"\"></iframe><p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\">\r\n    <a href=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Instamuseum for @yuuhawaii</a>\r\n    by <a href=\"https://sketchfab.com/sigeos15?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">sigeos15</a>\r\n    on <a href=\"https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab</a>\r\n</p>\r\n\r\n<p>このようにサイトへ3Dギャラリーを埋め込んで表示させることができます。これをVRに対応している<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" >Galaxy Gear VR S6/S6 edge対応 SM-R322NZWAXJP</a>などで見ると、まるで美術館でInstagramの写真を見ているような気分を味わえるというわけです。</p>\r\n\r\n<h4 class=\"tips\">Instagramアカウント名を指定して生成</h4>\r\n[caption id=\"attachment_30385\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-gen.png\" alt=\"アカウント名を指定し、レイアウトを選択すると生成。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30385\" /> アカウント名を指定し、レイアウトを選択すると生成。[/caption]\r\n<p>3Dギャラリーを生成するには、Instagramのアカウント名（URL部分）を指定します。その次に好みのレイアウト（写真の枚数）を選べば、あとは生成されるのを待つだけです。</p>\r\n\r\n<h4 class=\"tips\">生成できるギャラリーは4種類</h4>\r\n[caption id=\"attachment_30386\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-layout.png\" alt=\"写真の数や表示レイアウトから選べる。\" width=\"592\" height=\"250\" class=\"size-full wp-image-30386\" /> 写真の数や表示レイアウトから選べる。[/caption]\r\n<p>アートギャラリーやキューブなど、4種類のレイアウトから３Dギャラリーを生成します。</p>\r\n\r\n[caption id=\"attachment_30384\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-vr2.jpg\" alt=\"VRゴーグルを使って3Dギャラリーを見ているところ。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30384\" /> VRゴーグルを使って3Dギャラリーを見ているところ。[/caption]\r\n<p>VRモードでは、VR対応のゴーグルなどを使うことでバーチャルリアリティを体感することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.instamuseum.com/\">Instamuseum</a>へどうぞ。</p>\r\n\r\n<h5 class=\"tips\">VR対応ゴーグル</h5>\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" ><img src=\"http://ecx.images-amazon.com/images/I/41G6EQLOhHL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" >Galaxy Gear VR S6/S6 edge対応 SM-R322NZWAXJP</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\"> by Galaxy 2015-12-18    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=SM-R322NZWAXJP&__mk_ja_JP=%83J%83%5E%83J%83i&tag=webm-22\" target=\"_blank\" >Amazonで購入</a></div><div class=\"shoplinkrakuten\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FSM-R322NZWAXJP%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" target=\"_blank\" >楽天市場で購入</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>', 'VRにも対応、Instagramの3Dギャラリーを作れる「INSTAMUSEUM」', 'VR（バーチャルリアリティ）対応ゴーグルでInstagramに投稿した写真を3Dのアートギャラリーを体感することができます。', 'publish', 'open', 'closed', '', 'instamuseum', '', '', '2016-06-06 00:18:28', '2016-06-05 15:18:28', '', 0, 'http://web-marketing.zako.org/?p=30379', 0, 'post', '', 0),
(30380, 4, '2016-06-05 01:23:50', '2016-06-04 16:23:50', '<iframe width=\"600\" height=\"480\" src=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5/embed\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" onmousewheel=\"\"></iframe><p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\">\r\n    <a href=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Instamuseum for @yuuhawaii</a>\r\n    by <a href=\"https://sketchfab.com/sigeos15?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">sigeos15</a>\r\n    on <a href=\"https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab</a>\r\n</p>\r\n', 'VRにも対応、Instagramの3Dギャラリーを作れる「INSTAMUSEUM」', '', 'inherit', 'closed', 'closed', '', '30379-revision-v1', '', '', '2016-06-05 01:23:50', '2016-06-04 16:23:50', '', 30379, 'http://web-marketing.zako.org/web-tools/30379-revision-v1.html', 0, 'revision', '', 0),
(30381, 4, '2016-06-05 01:24:39', '2016-06-04 16:24:39', '<iframe width=\"606\" height=\"480\" src=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5/embed\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" onmousewheel=\"\"></iframe><p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\">\r\n    <a href=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Instamuseum for @yuuhawaii</a>\r\n    by <a href=\"https://sketchfab.com/sigeos15?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">sigeos15</a>\r\n    on <a href=\"https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab</a>\r\n</p>\r\n', 'VRにも対応、Instagramの3Dギャラリーを作れる「INSTAMUSEUM」', '', 'inherit', 'closed', 'closed', '', '30379-revision-v1', '', '', '2016-06-05 01:24:39', '2016-06-04 16:24:39', '', 30379, 'http://web-marketing.zako.org/web-tools/30379-revision-v1.html', 0, 'revision', '', 0),
(30382, 4, '2016-06-05 01:27:23', '2016-06-04 16:27:23', '<iframe width=\"660\" height=\"480\" src=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5/embed\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" onmousewheel=\"\"></iframe><p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\">\r\n    <a href=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Instamuseum for @yuuhawaii</a>\r\n    by <a href=\"https://sketchfab.com/sigeos15?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">sigeos15</a>\r\n    on <a href=\"https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab</a>\r\n</p>\r\n\r\n', 'VRにも対応、Instagramの3Dギャラリーを作れる「INSTAMUSEUM」', '', 'inherit', 'closed', 'closed', '', '30379-revision-v1', '', '', '2016-06-05 01:27:23', '2016-06-04 16:27:23', '', 30379, 'http://web-marketing.zako.org/web-tools/30379-revision-v1.html', 0, 'revision', '', 0),
(30383, 4, '2016-06-05 20:00:07', '2016-06-05 11:00:07', '', 'instamuseum', '', 'inherit', 'open', 'closed', '', 'instamuseum-2', '', '', '2016-06-05 20:00:34', '2016-06-05 11:00:34', '', 30379, 'http://web-marketing.zako.org/images/2016/06/instamuseum.jpg', 0, 'attachment', 'image/jpeg', 0),
(30384, 4, '2016-06-05 20:00:09', '2016-06-05 11:00:09', '', 'instamuseum-vr2', 'VRゴーグルを使って3Dギャラリーを見ているところ。', 'inherit', 'open', 'closed', '', 'instamuseum-vr2', '', '', '2016-06-05 20:01:14', '2016-06-05 11:01:14', '', 30379, 'http://web-marketing.zako.org/images/2016/06/instamuseum-vr2.jpg', 0, 'attachment', 'image/jpeg', 0),
(30385, 4, '2016-06-05 20:00:10', '2016-06-05 11:00:10', '', 'instamuseum-gen', 'アカウント名を指定し、レイアウトを選択すると生成。', 'inherit', 'open', 'closed', '', 'instamuseum-gen', '', '', '2016-06-05 20:00:50', '2016-06-05 11:00:50', '', 30379, 'http://web-marketing.zako.org/images/2016/06/instamuseum-gen.png', 0, 'attachment', 'image/png', 0),
(30386, 4, '2016-06-05 20:00:12', '2016-06-05 11:00:12', '', 'instamuseum-layout', '写真の数や表示レイアウトから選べる。', 'inherit', 'open', 'closed', '', 'instamuseum-layout', '', '', '2016-06-05 20:00:44', '2016-06-05 11:00:44', '', 30379, 'http://web-marketing.zako.org/images/2016/06/instamuseum-layout.png', 0, 'attachment', 'image/png', 0),
(30387, 4, '2016-06-05 20:04:38', '2016-06-05 11:04:38', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/instamuseum.jpg\" alt=\"INSTAMUSEUM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30383\" /></p>\r\n<p>GoogleやFacebookなど、あらゆる企業が参入しているVR。VRにチャレンジしてみたいという話もよく聴くようになりました。</p>\r\n<p>今回ご紹介するのは、このVRにも対応している、Instagramの写真を３Dギャラリーにしてウェブ上に公開できるサービスです。</p>\r\n<h3 class=\"header-label\">Instagramの写真を３Dギャラリーにしてサイトに埋め込める「INSTAMUSEUM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.instamuseum.com/\">Instamuseum</a>」は、Instagramのアカウトと連携することで、投稿した写真を３Dのギャラリーにしてくれるサービス。</p>\r\n<p>生成された3DギャラリーはVRにも対応しています。</p>\r\n\r\n<h4 class=\"tips\">サンプル3Dギャラリー</h4>\r\n<iframe width=\"660\" height=\"480\" src=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5/embed\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" onmousewheel=\"\"></iframe><p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\">\r\n    <a href=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Instamuseum for @yuuhawaii</a>\r\n    by <a href=\"https://sketchfab.com/sigeos15?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">sigeos15</a>\r\n    on <a href=\"https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab</a>\r\n</p>\r\n\r\n<p>このようにサイトへ3Dギャラリーを埋め込んで表示させることができます。これをVRに対応している<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" >Galaxy Gear VR S6/S6 edge対応 SM-R322NZWAXJP</a>などで見ると、まるで美術館でInstagramの写真を見ているような気分を味わえるというわけです。</p>\r\n\r\n<h4 class=\"tips\">Instagramアカウント名を指定して生成</h4>\r\n[caption id=\"attachment_30385\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-gen.png\" alt=\"アカウント名を指定し、レイアウトを選択すると生成。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30385\" /> アカウント名を指定し、レイアウトを選択すると生成。[/caption]\r\n<p>3Dギャラリーを生成するには、Instagramのアカウント名（URL部分）を指定します。その次に好みのレイアウト（写真の枚数）を選べば、あとは生成されるのを待つだけです。</p>\r\n\r\n<h4 class=\"tips\">生成できるギャラリーは4種類</h4>\r\n[caption id=\"attachment_30386\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-layout.png\" alt=\"写真の数や表示レイアウトから選べる。\" width=\"592\" height=\"250\" class=\"size-full wp-image-30386\" /> 写真の数や表示レイアウトから選べる。[/caption]\r\n<p>アートギャラリーやキューブなど、4種類のレイアウトから３Dギャラリーを生成します。</p>\r\n\r\n[caption id=\"attachment_30384\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-vr2.jpg\" alt=\"VRゴーグルを使って3Dギャラリーを見ているところ。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30384\" /> VRゴーグルを使って3Dギャラリーを見ているところ。[/caption]\r\n<p>VRモードでは、VR対応のゴーグルなどを使うことでバーチャルリアリティを体感することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.instamuseum.com/\">Instamuseum</a>へどうぞ。</p>\r\n\r\n<h5 class=\"tips\">VR対応ゴーグル</h5>\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" ><img src=\"http://ecx.images-amazon.com/images/I/41G6EQLOhHL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" >Galaxy Gear VR S6/S6 edge対応 SM-R322NZWAXJP</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\"> by Galaxy 2015-12-18    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=SM-R322NZWAXJP&__mk_ja_JP=%83J%83%5E%83J%83i&tag=webm-22\" target=\"_blank\" >Amazonで購入</a></div><div class=\"shoplinkrakuten\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FSM-R322NZWAXJP%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" target=\"_blank\" >楽天市場で購入</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>', 'VRにも対応、Instagramの3Dギャラリーを作れる「INSTAMUSEUM」', 'VR（バーチャルリアリティ）対応ゴーグルでInstagramに投稿した写真を3Dのアートギャラリーを体感することができます。', 'inherit', 'closed', 'closed', '', '30379-revision-v1', '', '', '2016-06-05 20:04:38', '2016-06-05 11:04:38', '', 30379, 'http://web-marketing.zako.org/web-tools/30379-revision-v1.html', 0, 'revision', '', 0),
(30388, 4, '2016-06-05 20:08:00', '2016-06-05 11:08:00', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/instamuseum.jpg\" alt=\"INSTAMUSEUM\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30383\" /></p>\r\n<p>GoogleやFacebookなど、あらゆる企業が参入しているVR。VRにチャレンジしてみたいという話もよく聴くようになりました。</p>\r\n<p>今回ご紹介するのは、このVRにも対応している、Instagramの写真を３Dギャラリーにしてウェブ上に公開できるサービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">Instagramの写真を３Dギャラリーにしてサイトに埋め込める「INSTAMUSEUM」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.instamuseum.com/\">Instamuseum</a>」は、Instagramのアカウトと連携することで、投稿した写真を３Dのギャラリーにしてくれるサービス。</p>\r\n<p>生成された3DギャラリーはVRにも対応しています。</p>\r\n\r\n<h4 class=\"tips\">サンプル3Dギャラリー</h4>\r\n<iframe width=\"660\" height=\"480\" src=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5/embed\" frameborder=\"0\" allowfullscreen mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" onmousewheel=\"\"></iframe><p style=\"font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;\">\r\n    <a href=\"https://sketchfab.com/models/a6f6d68abb2246379b50a828d78408e5?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Instamuseum for @yuuhawaii</a>\r\n    by <a href=\"https://sketchfab.com/sigeos15?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">sigeos15</a>\r\n    on <a href=\"https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup\" target=\"_blank\" style=\"font-weight: bold; color: #1CAAD9;\">Sketchfab</a>\r\n</p>\r\n\r\n<p>このようにサイトへ3Dギャラリーを埋め込んで表示させることができます。これをVRに対応している<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" >Galaxy Gear VR S6/S6 edge対応 SM-R322NZWAXJP</a>などで見ると、まるで美術館でInstagramの写真を見ているような気分を味わえるというわけです。</p>\r\n\r\n<h4 class=\"tips\">Instagramアカウント名を指定して生成</h4>\r\n[caption id=\"attachment_30385\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-gen.png\" alt=\"アカウント名を指定し、レイアウトを選択すると生成。\" width=\"592\" height=\"461\" class=\"size-full wp-image-30385\" /> アカウント名を指定し、レイアウトを選択すると生成。[/caption]\r\n<p>3Dギャラリーを生成するには、Instagramのアカウント名（URL部分）を指定します。その次に好みのレイアウト（写真の枚数）を選べば、あとは生成されるのを待つだけです。</p>\r\n\r\n<h4 class=\"tips\">生成できるギャラリーは4種類</h4>\r\n[caption id=\"attachment_30386\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-layout.png\" alt=\"写真の数や表示レイアウトから選べる。\" width=\"592\" height=\"250\" class=\"size-full wp-image-30386\" /> 写真の数や表示レイアウトから選べる。[/caption]\r\n<p>アートギャラリーやキューブなど、4種類のレイアウトから３Dギャラリーを生成します。</p>\r\n\r\n[caption id=\"attachment_30384\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/instamuseum-vr2.jpg\" alt=\"VRゴーグルを使って3Dギャラリーを見ているところ。\" width=\"592\" height=\"444\" class=\"size-full wp-image-30384\" /> VRゴーグルを使って3Dギャラリーを見ているところ。[/caption]\r\n<p>VRモードでは、VR対応のゴーグルなどを使うことでバーチャルリアリティを体感することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.instamuseum.com/\">Instamuseum</a>へどうぞ。</p>\r\n\r\n<h5 class=\"tips\">VR対応ゴーグル</h5>\r\n<div class=\"kaerebalink-box\" style=\"text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-image\" style=\"float:left;margin:0 15px 10px 0;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" ><img src=\"http://ecx.images-amazon.com/images/I/41G6EQLOhHL._SL160_.jpg\" style=\"border: none;\" /></a></div><div class=\"kaerebalink-info\" style=\"line-height:120%;/zoom: 1;overflow: hidden;\"><div class=\"kaerebalink-name\" style=\"margin-bottom:10px;line-height:120%\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0199DNJHO/webm-22/ref=nosim/\" target=\"_blank\" >Galaxy Gear VR S6/S6 edge対応 SM-R322NZWAXJP</a><div class=\"kaerebalink-powered-date\" style=\"font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%\">posted with <a href=\"http://kaereba.com\" rel=\"nofollow\" target=\"_blank\">カエレバ</a></div></div><div class=\"kaerebalink-detail\" style=\"margin-bottom:5px;\"> by Galaxy 2015-12-18    </div><div class=\"kaerebalink-link1\" style=\"margin-top:10px;\"><div class=\"shoplinkamazon\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/gp/search?keywords=SM-R322NZWAXJP&__mk_ja_JP=%83J%83%5E%83J%83i&tag=webm-22\" target=\"_blank\" >Amazonで購入</a></div><div class=\"shoplinkrakuten\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kl.gif\') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://hb.afl.rakuten.co.jp/hgc/03fec45a.d28a5cec.08a573ef.6154f1c0/?pc=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FSM-R322NZWAXJP%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0%26scid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2F\" target=\"_blank\" >楽天市場で購入</a></div></div></div><div class=\"booklink-footer\" style=\"clear: left\"></div></div>', 'VRにも対応、Instagramの3Dギャラリーを作れる「INSTAMUSEUM」', 'VR（バーチャルリアリティ）対応ゴーグルでInstagramに投稿した写真を3Dのアートギャラリーを体感することができます。', 'inherit', 'closed', 'closed', '', '30379-revision-v1', '', '', '2016-06-05 20:08:00', '2016-06-05 11:08:00', '', 30379, 'http://web-marketing.zako.org/web-tools/30379-revision-v1.html', 0, 'revision', '', 0),
(30390, 4, '2016-06-13 00:08:00', '2016-06-12 15:08:00', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/wixstores.jpg\" alt=\"wixstores\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30403\" /></p>\r\n<p>ネットショップを開業しようというとき、本当にシンプルなものでも良ければ無料で簡単に作れるものがありますよね。でも、商品のジャンルによっては、ある程度ネットショップのサイトデザインにも凝りたいというニーズもあるはず。</p>\r\n<p>しかしデザインにも凝ろうとすると、開設までの道のりが一気に長くなってしまうのが通常です。</p>\r\n<p>今回は、そんなデザインにも凝りたいネットショップの開業障壁を下げてくれるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">お店の温かみやデザインにもこだわりたいネットショップを簡単に作れるWixStores</h3>\r\n<p>「WixStores」は、<strong><a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">ネットショップ</a>のデザインはもちろんのこと、運営までも簡単にできるサービス。</strong></p>\r\n<p>商品や顧客管理だけでなく、ニュースレターを送ったり、お客さんのアクションに最適化した自動メールを送ったりすることもできるので、他とは違う、販売者の温かみも伝えたいネットショップの開業を考えている方にオススメできそうなものになっています。</p>\r\n\r\n<h4 class=\"tips\">500種類以上のデザインから選んで作成</h4>\r\n[caption id=\"attachment_30402\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-design.jpg\" alt=\"テーマが明確なデザインテンプレートから選択\" width=\"592\" height=\"307\" class=\"size-full wp-image-30402\" /> テーマが明確なデザインテンプレートから選択[/caption]\r\n<p>はじめからネットショップであることを前提としたデザインも40種類ほどありますが、500種類以上あるウェブサイトのデザインテンプレートを元にネットショップを構築することも可能。通常のウェブサイトを編集中に、メニューの「ネットショップ」から設定をおこなうだけでネットショップ用の編集をおこなえます。</p>\r\n\r\n<h4 class=\"tips\">デザインをカスタマイズできる</h4>\r\n[caption id=\"attachment_30401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-layout.jpg\" alt=\"細かい部分も簡単な操作で変更可能\" width=\"592\" height=\"302\" class=\"size-full wp-image-30401\" /> 細かい部分も簡単な操作で変更可能[/caption]\r\n<p>ウェブサイトを作るときと同じように、ドラッグアンドドロップで容易にデザイン・レイアウトを変更することができます。</p>\r\n\r\n<p>以前にウェブサイトを作ったので、<a href=\"http://web-marketing.zako.org/web-tools/30-ol-wix.html\" target=\"_blank\">サイト制作の操作性などについてはこちらも参考に</a>してみてください。</p>\r\n\r\n[caption id=\"attachment_30406\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-page.png\" alt=\"レイアウトも容易に変更可能な商品ページ\" width=\"592\" height=\"604\" class=\"size-full wp-image-30406\" /> レイアウトも容易に変更可能な商品ページ[/caption]\r\n<p>商品ページも、お客さんに買ってもらうためのデザインを施せます。</p>\r\n\r\n[caption id=\"attachment_30400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-ribbon.jpg\" alt=\"商品画像にリボンを付けて、セールなどの情報を添えられる\" width=\"592\" height=\"388\" class=\"size-full wp-image-30400\" /> 商品画像にリボンを付けて、セールなどの情報を添えられる[/caption]\r\n<p>商品画像に「セール」や「季節限定」、独自のメッセージなどを添えたリボンをつけたり、商品の特徴やオススメのポイントなどを掲載することができます。</p>\r\n\r\n[caption id=\"attachment_30398\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-edit.jpg\" alt=\"商品の特徴やオススメのポイントなどを編集\" width=\"592\" height=\"603\" class=\"size-full wp-image-30398\" /> 商品の特徴やオススメのポイントなどを編集[/caption]\r\n\r\n<p>商品といえば写真の見栄えも重要になってきますよね。そんなときには<a target=\"_blank\" href=\"http://ja.wix.com/blog/2015/09/%E8%87%AA%E5%88%86%E3%81%A7%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81%E5%95%86%E5%93%81%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%92%E3%83%97%E3%83%AD%E4%B8%A6%E3%81%BF%E3%81%AB%E6%92%AE/\">商品撮影</a>のコツを解説した記事も参考になるかもしれません。</p>\r\n\r\n<h4 class=\"tips\">商品一覧も容易に表示</h4>\r\n[caption id=\"attachment_30399\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-gallary.jpg\" alt=\"新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧\" width=\"592\" height=\"309\" class=\"size-full wp-image-30399\" /> 新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧[/caption]\r\n<p>商品ページを作れても、その商品の一覧画面を作る、あるいは手動で更新するのが大変だと元も子もないですよね。その点WixStoresなら、表示するパーツの一覧から商品リストを表示させるものを選ぶだけでページ上に思い通りの商品をディスプレイすることができますし、その表示方法や表示させる商品の設定もできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">スマホにも対応</h4>\r\n[caption id=\"attachment_30394\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mobile.jpg\" alt=\"スマホやタブレットにも自動的に対応\" width=\"592\" height=\"482\" class=\"size-full wp-image-30394\" /> スマホやタブレットにも自動的に対応[/caption]\r\n<p>独自にウェブサイトを作成するにしても、モバイルに対応するのは至難の業ですし、外注したとしてもその分の時間とコストがかさんでしまいます。その点でも、何も気にすることなく、PC版のデザインを作っていくだけで、モバイル版のデザインも勝手にできてしまいます。ただ、自動でできる代わりに、スマホだけ何か違う表示をしたいということはできないので、スマホに特化したネットショップを構築したい場合には難易度が高くなるかもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">ショップを管理できる</h4>\r\n[caption id=\"attachment_30391\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-shop-mng.png\" alt=\"商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。\" width=\"592\" height=\"346\" class=\"size-full wp-image-30391\" /> 商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。[/caption]\r\n<p>商品の追加や編集、受注リストに配送料設定や特商法表記など、ネットショップ運営に必要な機能も揃っており、ムダな機能も少なくわかりやすく感じられると思います。</p>\r\n\r\n<h4 class=\"tips\">決済もかんたんに設定</h4>\r\n[caption id=\"attachment_30395\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-pay.png\" alt=\"Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる\" width=\"592\" height=\"585\" class=\"size-full wp-image-30395\" /> Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる[/caption]\r\n<p>決済機能を使うには、有料の「eコマース」プランにする必要があるのですが、有料版にアップグレードしてから簡単に決済機能を設定することができます。（Paypalを利用するにはPaypalのアカウント開設も必要です。）</p>\r\n\r\n<h4 class=\"tips\">宣伝ツールでメルマガやクーポンの発行もできる</h4>\r\n[caption id=\"attachment_30396\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-html-mail.jpg\" alt=\"メルマガ機能を使って送信したメール。\" width=\"592\" height=\"514\" class=\"size-full wp-image-30396\" /> メルマガ機能を使って送信したメール。[/caption]\r\n<p>宣伝ツールを使えば、メルマガを容易に配信することができます。</p>\r\n\r\n[caption id=\"attachment_30393\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-newsletter.png\" alt=\"ニュースレター（メルマガ）の作成画面\" width=\"592\" height=\"603\" class=\"size-full wp-image-30393\" /> ニュースレター（メルマガ）の作成画面[/caption]\r\n<p>大手ネットショップがやっているような、商品画像もレイアウトしたHTMLメールも、ネットショップを作成するのと同じように直感的に操作して作ることができます。</p>\r\n\r\n[caption id=\"attachment_30397\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mail-track.jpg\" alt=\"メールの開封状況やサイトへの誘導数もチェックできる\" width=\"592\" height=\"430\" class=\"size-full wp-image-30397\" /> メールの開封状況やサイトへの誘導数もチェックできる[/caption]\r\n<p>HTMLメールなので、受信者がHTML形式で受信していれば開封したかどうか、サイトへ誘導できたかどうかを計測することができます。</p>\r\n\r\n[caption id=\"attachment_30404\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-auto-mail.png\" alt=\"お客さんのアクションによって自動的にメールを配信\" width=\"592\" height=\"477\" class=\"size-full wp-image-30404\" /> お客さんのアクションによって自動的にメールを配信[/caption]\r\n<p>さらに、お問い合わせメールへの自動返信だけでなく、商品購入者へのクーポンの送付やお礼メール、リピーター獲得メールなど、お客さんのアクションによって効果的なメールを自動的に配信するちょっと高度な機能も持っています。</p>\r\n\r\n<p>ネットショップ機能を利用するには月額1,700円がかかりますが、まずは無料で作ってみて、実際に販売を開始するまではお金がかからないようになっています。興味がある方は<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>へどうぞ。FacebookやGoogleアカウントでも作成できます。</p>\r\n\r\n<p>個人的には、月に数件の販売までは無料で使えても良いかなと感じました。でも、販売開始するまでにメルマガ会員などの手段でお客さんを集めておくことができれば、月額を支払う障壁も減るのかなとも考えられますね。</p>\r\n', 'WixStoresでネットショップを作ってみた', '', 'publish', 'open', 'closed', '', 'wixstores', '', '', '2016-06-14 01:09:05', '2016-06-13 16:09:05', '', 0, 'http://web-marketing.zako.org/?p=30390', 0, 'post', '', 0),
(30391, 4, '2016-06-12 00:04:55', '2016-06-11 15:04:55', '', 'wixstores-shop-mng', '商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。', 'inherit', 'open', 'closed', '', 'wixstores-shop-mng', '', '', '2016-06-12 00:06:53', '2016-06-11 15:06:53', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-shop-mng.png', 0, 'attachment', 'image/png', 0),
(30392, 4, '2016-06-12 00:04:57', '2016-06-11 15:04:57', '', 'wixstores-item', 'レイアウトも容易に変更可能な商品ページ', 'inherit', 'open', 'closed', '', 'wixstores-item', '', '', '2016-06-12 00:07:11', '2016-06-11 15:07:11', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-item.png', 0, 'attachment', 'image/png', 0),
(30393, 4, '2016-06-12 00:05:00', '2016-06-11 15:05:00', '', 'wixstores-newsletter', 'ニュースレター（メルマガ）の作成画面', 'inherit', 'open', 'closed', '', 'wixstores-newsletter', '', '', '2016-06-12 00:08:27', '2016-06-11 15:08:27', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-newsletter.png', 0, 'attachment', 'image/png', 0),
(30394, 4, '2016-06-12 00:05:02', '2016-06-11 15:05:02', '', 'wixstores-mobile', 'スマホやタブレットにも自動的に対応', 'inherit', 'open', 'closed', '', 'wixstores-mobile', '', '', '2016-06-12 00:08:34', '2016-06-11 15:08:34', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-mobile.jpg', 0, 'attachment', 'image/jpeg', 0),
(30395, 4, '2016-06-12 00:05:04', '2016-06-11 15:05:04', '', 'wixstores-pay', 'Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる', 'inherit', 'open', 'closed', '', 'wixstores-pay', '', '', '2016-06-12 00:08:42', '2016-06-11 15:08:42', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-pay.png', 0, 'attachment', 'image/png', 0),
(30396, 4, '2016-06-12 00:05:06', '2016-06-11 15:05:06', '', 'wixstores-html-mail', 'メルマガ機能を使って送信したメール。', 'inherit', 'open', 'closed', '', 'wixstores-html-mail', '', '', '2016-06-12 00:08:52', '2016-06-11 15:08:52', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-html-mail.jpg', 0, 'attachment', 'image/jpeg', 0),
(30397, 4, '2016-06-12 00:05:07', '2016-06-11 15:05:07', '', 'wixstores-mail-track', 'メールの開封状況やサイトへの誘導数もチェックできる', 'inherit', 'open', 'closed', '', 'wixstores-mail-track', '', '', '2016-06-12 00:09:08', '2016-06-11 15:09:08', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-mail-track.jpg', 0, 'attachment', 'image/jpeg', 0),
(30398, 4, '2016-06-12 00:05:09', '2016-06-11 15:05:09', '', 'wixstores-item-edit', '商品の特徴やオススメのポイントなどを編集', 'inherit', 'open', 'closed', '', 'wixstores-item-edit', '', '', '2016-06-12 00:09:18', '2016-06-11 15:09:18', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-item-edit.jpg', 0, 'attachment', 'image/jpeg', 0),
(30399, 4, '2016-06-12 00:05:11', '2016-06-11 15:05:11', '', 'wixstores-gallary', '新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧', 'inherit', 'open', 'closed', '', 'wixstores-gallary', '', '', '2016-06-12 00:09:26', '2016-06-11 15:09:26', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-gallary.jpg', 0, 'attachment', 'image/jpeg', 0),
(30400, 4, '2016-06-12 00:05:12', '2016-06-11 15:05:12', '', 'wixstores-ribbon', '商品画像にリボンを付けて、セールなどの情報を添えられる', 'inherit', 'open', 'closed', '', 'wixstores-ribbon', '', '', '2016-06-12 00:09:38', '2016-06-11 15:09:38', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-ribbon.jpg', 0, 'attachment', 'image/jpeg', 0),
(30401, 4, '2016-06-12 00:05:14', '2016-06-11 15:05:14', '', 'wixstores-layout', '細かい部分も簡単な操作で変更可能', 'inherit', 'open', 'closed', '', 'wixstores-layout', '', '', '2016-06-12 00:09:46', '2016-06-11 15:09:46', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-layout.jpg', 0, 'attachment', 'image/jpeg', 0),
(30402, 4, '2016-06-12 00:05:15', '2016-06-11 15:05:15', '', 'wixstores-design', 'テーマが明確なデザインテンプレートから選択', 'inherit', 'open', 'closed', '', 'wixstores-design', '', '', '2016-06-12 00:10:07', '2016-06-11 15:10:07', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-design.jpg', 0, 'attachment', 'image/jpeg', 0),
(30403, 4, '2016-06-12 00:05:17', '2016-06-11 15:05:17', '', 'wixstores', '', 'inherit', 'open', 'closed', '', 'wixstores-2', '', '', '2016-06-12 00:05:17', '2016-06-11 15:05:17', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores.jpg', 0, 'attachment', 'image/jpeg', 0),
(30404, 4, '2016-06-12 00:19:09', '2016-06-11 15:19:09', '', 'wixstores-auto-mail', 'お客さんのアクションによって自動的にメールを配信', 'inherit', 'open', 'closed', '', 'wixstores-auto-mail', '', '', '2016-06-12 00:21:26', '2016-06-11 15:21:26', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-auto-mail.png', 0, 'attachment', 'image/png', 0),
(30405, 4, '2016-06-12 00:22:06', '2016-06-11 15:22:06', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/wixstores.jpg\" alt=\"wixstores\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30403\" /></p>\r\n<p>ネットショップを開業しようというとき、本当にシンプルなものでも良ければ無料で簡単に作れるものがありますよね。でも、商品のジャンルによっては、ある程度ネットショップのサイトデザインにも凝りたいというニーズもあるはず。</p>\r\n<p>しかしデザインにも凝ろうとすると、開設までの道のりが一気に長くなってしまうのが通常です。</p>\r\n<p>今回は、そんなデザインにも凝りたいネットショップの開業障壁を下げてくれるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">お店の温かみやデザインにもこだわりたいネットショップを簡単に作れるWixStores</h3>\r\n<p>「<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>」は、<strong>ネットショップのデザインはもちろんのこと、運営までも簡単にできるサービス。</strong></p>\r\n<p>商品や顧客管理だけでなく、ニュースレターを送ったり、お客さんのアクションに最適化した自動メールを送ったりすることもできるので、他とは違う、販売者の温かみも伝えたいネットショップの開業を考えている方にオススメできそうなものになっています。</p>\r\n\r\n<h4 class=\"tips\">500種類以上のデザインから選んで作成</h4>\r\n[caption id=\"attachment_30402\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-design.jpg\" alt=\"テーマが明確なデザインテンプレートから選択\" width=\"592\" height=\"307\" class=\"size-full wp-image-30402\" /> テーマが明確なデザインテンプレートから選択[/caption]\r\n<p>はじめからネットショップであることを前提としたデザインも40種類ほどありますが、500種類以上あるウェブサイトのデザインテンプレートを元にネットショップを構築することも可能。通常のウェブサイトを編集中に、メニューの「ネットショップ」から設定をおこなうだけでネットショップ用の編集をおこなえます。</p>\r\n\r\n<h4 class=\"tips\">デザインをカスタマイズできる</h4>\r\n[caption id=\"attachment_30401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-layout.jpg\" alt=\"細かい部分も簡単な操作で変更可能\" width=\"592\" height=\"302\" class=\"size-full wp-image-30401\" /> 細かい部分も簡単な操作で変更可能[/caption]\r\n<p>ウェブサイトを作るときと同じように、ドラッグアンドドロップで容易にデザイン・レイアウトを変更することができます。</p>\r\n\r\n<p>以前にウェブサイトを作ったので、<a href=\"http://web-marketing.zako.org/web-tools/30-ol-wix.html\" target=\"_blank\">サイト制作の操作性などについてはこちらも参考に</a>してみてください。</p>\r\n\r\n[caption id=\"attachment_30392\" align=\"alignnone\" width=\"947\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item.png\" alt=\"レイアウトも容易に変更可能な商品ページ\" width=\"947\" height=\"966\" class=\"size-full wp-image-30392\" /> レイアウトも容易に変更可能な商品ページ[/caption]\r\n<p>商品ページも、お客さんに買ってもらうためのデザインを施せます。商品画像に「セール」や「季節限定」、独自のメッセージなどを添えたリボンをつけたり、商品の特徴やオススメのポイントなどを掲載することができます。</p>\r\n\r\n[caption id=\"attachment_30400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-ribbon.jpg\" alt=\"商品画像にリボンを付けて、セールなどの情報を添えられる\" width=\"592\" height=\"388\" class=\"size-full wp-image-30400\" /> 商品画像にリボンを付けて、セールなどの情報を添えられる[/caption]\r\n\r\n\r\n[caption id=\"attachment_30398\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-edit.jpg\" alt=\"商品の特徴やオススメのポイントなどを編集\" width=\"592\" height=\"603\" class=\"size-full wp-image-30398\" /> 商品の特徴やオススメのポイントなどを編集[/caption]\r\n\r\n<p>商品といえば写真の見栄えも重要になってきますよね。そんなときには<a target=\"_blank\" href=\"http://ja.wix.com/blog/2015/09/%E8%87%AA%E5%88%86%E3%81%A7%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81%E5%95%86%E5%93%81%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%92%E3%83%97%E3%83%AD%E4%B8%A6%E3%81%BF%E3%81%AB%E6%92%AE/\">自分でやってみよう！商品の写真をプロ並みに撮る11の秘訣</a>の記事も参考になるかもしれません。</p>\r\n\r\n<h4 class=\"tips\">商品一覧も容易に表示</h4>\r\n[caption id=\"attachment_30399\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-gallary.jpg\" alt=\"新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧\" width=\"592\" height=\"309\" class=\"size-full wp-image-30399\" /> 新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧[/caption]\r\n<p>商品ページを作れても、その商品の一覧画面を作る、あるいは手動で更新するのが大変だと元も子もないですよね。その点WixStoresなら、表示するパーツの一覧から商品リストを表示させるものを選ぶだけでページ上に思い通りの商品をディスプレイすることができますし、その表示方法や表示させる商品の設定もできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">スマホにも対応</h4>\r\nwixstores-mobile★スマホやタブレットにも自動的に対応\r\n<p>独自にウェブサイトを作成するにしても、モバイルに対応するのは至難の業ですし、外注したとしてもその分の時間とコストがかさんでしまいます。その点でも、何も気にすることなく、PC版のデザインを作っていくだけで、モバイル版のデザインも勝手にできてしまいます。ただ、自動でできる代わりに、スマホだけ何か違う表示をしたいということはできないので、スマホに特化したネットショップを構築したい場合には難易度が高くなるかもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">ショップを管理できる</h4>\r\n[caption id=\"attachment_30391\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-shop-mng.png\" alt=\"商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。\" width=\"592\" height=\"346\" class=\"size-full wp-image-30391\" /> 商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。[/caption]\r\n<p>商品の追加や編集、受注リストに配送料設定や特商法表記など、ネットショップ運営に必要な機能も揃っており、ムダな機能も少なくわかりやすく感じられると思います。</p>\r\n\r\n<h4 class=\"tips\">決済もかんたんに設定</h4>\r\n[caption id=\"attachment_30395\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-pay.png\" alt=\"Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる\" width=\"592\" height=\"585\" class=\"size-full wp-image-30395\" /> Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる[/caption]\r\n<p>決済機能を使うには、有料の「eコマース」プランにする必要があるのですが、有料版にアップグレードしてから簡単に決済機能を設定することができます。（Paypalを利用するにはPaypalのアカウント開設も必要です。）</p>\r\n\r\n<h4 class=\"tips\">宣伝ツールでメルマガやクーポンの発行もできる</h4>\r\n[caption id=\"attachment_30396\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-html-mail.jpg\" alt=\"メルマガ機能を使って送信したメール。\" width=\"592\" height=\"514\" class=\"size-full wp-image-30396\" /> メルマガ機能を使って送信したメール。[/caption]\r\n<p>宣伝ツールを使えば、メルマガを容易に配信することができます。</p>\r\n\r\n[caption id=\"attachment_30393\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-newsletter.png\" alt=\"ニュースレター（メルマガ）の作成画面\" width=\"592\" height=\"603\" class=\"size-full wp-image-30393\" /> ニュースレター（メルマガ）の作成画面[/caption]\r\n<p>大手ネットショップがやっているような、商品画像もレイアウトしたHTMLメールも、ネットショップを作成するのと同じように直感的に操作して作ることができます。</p>\r\n\r\n[caption id=\"attachment_30397\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mail-track.jpg\" alt=\"メールの開封状況やサイトへの誘導数もチェックできる\" width=\"592\" height=\"430\" class=\"size-full wp-image-30397\" /> メールの開封状況やサイトへの誘導数もチェックできる[/caption]\r\n<p>HTMLメールなので、受信者がHTML形式で受信していれば開封したかどうか、サイトへ誘導できたかどうかを計測することができます。</p>\r\n\r\n[caption id=\"attachment_30404\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-auto-mail.png\" alt=\"お客さんのアクションによって自動的にメールを配信\" width=\"592\" height=\"477\" class=\"size-full wp-image-30404\" /> お客さんのアクションによって自動的にメールを配信[/caption]\r\n<p>さらに、お問い合わせメールへの自動返信だけでなく、商品購入者へのクーポンの送付やお礼メール、リピーター獲得メールなど、お客さんのアクションによって効果的なメールを自動的に配信するちょっと高度な機能も持っています。</p>\r\n\r\n<p>ネットショップ機能を利用するには月額1,700円がかかりますが、まずは無料で作ってみて、実際に販売を開始するまではお金がかからないようになっています。興味がある方は<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>へどうぞ。FacebookやGoogleアカウントでも作成できます。</p>\r\n\r\n<p>個人的には、月に数件の販売までは無料で使えても良いかなと感じました。でも、販売開始するまでにメルマガ会員などの手段でお客さんを集めておくことができれば、月額を支払う障壁も減るのかなとも考えられますね。</p>\r\n', 'WixStoresでネットショップを作ってみた', '', 'inherit', 'closed', 'closed', '', '30390-revision-v1', '', '', '2016-06-12 00:22:06', '2016-06-11 15:22:06', '', 30390, 'http://web-marketing.zako.org/web-tools/30390-revision-v1.html', 0, 'revision', '', 0),
(30406, 4, '2016-06-12 00:24:05', '2016-06-11 15:24:05', '', 'wixstores-item-page', 'レイアウトも容易に変更可能な商品ページ', 'inherit', 'open', 'closed', '', 'wixstores-item-page', '', '', '2016-06-12 00:24:10', '2016-06-11 15:24:10', '', 30390, 'http://web-marketing.zako.org/images/2016/06/wixstores-item-page.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
(30407, 4, '2016-06-12 00:24:12', '2016-06-11 15:24:12', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/wixstores.jpg\" alt=\"wixstores\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30403\" /></p>\r\n<p>ネットショップを開業しようというとき、本当にシンプルなものでも良ければ無料で簡単に作れるものがありますよね。でも、商品のジャンルによっては、ある程度ネットショップのサイトデザインにも凝りたいというニーズもあるはず。</p>\r\n<p>しかしデザインにも凝ろうとすると、開設までの道のりが一気に長くなってしまうのが通常です。</p>\r\n<p>今回は、そんなデザインにも凝りたいネットショップの開業障壁を下げてくれるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">お店の温かみやデザインにもこだわりたいネットショップを簡単に作れるWixStores</h3>\r\n<p>「<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>」は、<strong>ネットショップのデザインはもちろんのこと、運営までも簡単にできるサービス。</strong></p>\r\n<p>商品や顧客管理だけでなく、ニュースレターを送ったり、お客さんのアクションに最適化した自動メールを送ったりすることもできるので、他とは違う、販売者の温かみも伝えたいネットショップの開業を考えている方にオススメできそうなものになっています。</p>\r\n\r\n<h4 class=\"tips\">500種類以上のデザインから選んで作成</h4>\r\n[caption id=\"attachment_30402\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-design.jpg\" alt=\"テーマが明確なデザインテンプレートから選択\" width=\"592\" height=\"307\" class=\"size-full wp-image-30402\" /> テーマが明確なデザインテンプレートから選択[/caption]\r\n<p>はじめからネットショップであることを前提としたデザインも40種類ほどありますが、500種類以上あるウェブサイトのデザインテンプレートを元にネットショップを構築することも可能。通常のウェブサイトを編集中に、メニューの「ネットショップ」から設定をおこなうだけでネットショップ用の編集をおこなえます。</p>\r\n\r\n<h4 class=\"tips\">デザインをカスタマイズできる</h4>\r\n[caption id=\"attachment_30401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-layout.jpg\" alt=\"細かい部分も簡単な操作で変更可能\" width=\"592\" height=\"302\" class=\"size-full wp-image-30401\" /> 細かい部分も簡単な操作で変更可能[/caption]\r\n<p>ウェブサイトを作るときと同じように、ドラッグアンドドロップで容易にデザイン・レイアウトを変更することができます。</p>\r\n\r\n<p>以前にウェブサイトを作ったので、<a href=\"http://web-marketing.zako.org/web-tools/30-ol-wix.html\" target=\"_blank\">サイト制作の操作性などについてはこちらも参考に</a>してみてください。</p>\r\n\r\n[caption id=\"attachment_30406\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-page.png\" alt=\"レイアウトも容易に変更可能な商品ページ\" width=\"592\" height=\"604\" class=\"size-full wp-image-30406\" /> レイアウトも容易に変更可能な商品ページ[/caption]\r\n<p>商品ページも、お客さんに買ってもらうためのデザインを施せます。商品画像に「セール」や「季節限定」、独自のメッセージなどを添えたリボンをつけたり、商品の特徴やオススメのポイントなどを掲載することができます。</p>\r\n\r\n[caption id=\"attachment_30400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-ribbon.jpg\" alt=\"商品画像にリボンを付けて、セールなどの情報を添えられる\" width=\"592\" height=\"388\" class=\"size-full wp-image-30400\" /> 商品画像にリボンを付けて、セールなどの情報を添えられる[/caption]\r\n\r\n\r\n[caption id=\"attachment_30398\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-edit.jpg\" alt=\"商品の特徴やオススメのポイントなどを編集\" width=\"592\" height=\"603\" class=\"size-full wp-image-30398\" /> 商品の特徴やオススメのポイントなどを編集[/caption]\r\n\r\n<p>商品といえば写真の見栄えも重要になってきますよね。そんなときには<a target=\"_blank\" href=\"http://ja.wix.com/blog/2015/09/%E8%87%AA%E5%88%86%E3%81%A7%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81%E5%95%86%E5%93%81%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%92%E3%83%97%E3%83%AD%E4%B8%A6%E3%81%BF%E3%81%AB%E6%92%AE/\">自分でやってみよう！商品の写真をプロ並みに撮る11の秘訣</a>の記事も参考になるかもしれません。</p>\r\n\r\n<h4 class=\"tips\">商品一覧も容易に表示</h4>\r\n[caption id=\"attachment_30399\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-gallary.jpg\" alt=\"新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧\" width=\"592\" height=\"309\" class=\"size-full wp-image-30399\" /> 新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧[/caption]\r\n<p>商品ページを作れても、その商品の一覧画面を作る、あるいは手動で更新するのが大変だと元も子もないですよね。その点WixStoresなら、表示するパーツの一覧から商品リストを表示させるものを選ぶだけでページ上に思い通りの商品をディスプレイすることができますし、その表示方法や表示させる商品の設定もできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">スマホにも対応</h4>\r\nwixstores-mobile★スマホやタブレットにも自動的に対応\r\n<p>独自にウェブサイトを作成するにしても、モバイルに対応するのは至難の業ですし、外注したとしてもその分の時間とコストがかさんでしまいます。その点でも、何も気にすることなく、PC版のデザインを作っていくだけで、モバイル版のデザインも勝手にできてしまいます。ただ、自動でできる代わりに、スマホだけ何か違う表示をしたいということはできないので、スマホに特化したネットショップを構築したい場合には難易度が高くなるかもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">ショップを管理できる</h4>\r\n[caption id=\"attachment_30391\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-shop-mng.png\" alt=\"商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。\" width=\"592\" height=\"346\" class=\"size-full wp-image-30391\" /> 商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。[/caption]\r\n<p>商品の追加や編集、受注リストに配送料設定や特商法表記など、ネットショップ運営に必要な機能も揃っており、ムダな機能も少なくわかりやすく感じられると思います。</p>\r\n\r\n<h4 class=\"tips\">決済もかんたんに設定</h4>\r\n[caption id=\"attachment_30395\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-pay.png\" alt=\"Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる\" width=\"592\" height=\"585\" class=\"size-full wp-image-30395\" /> Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる[/caption]\r\n<p>決済機能を使うには、有料の「eコマース」プランにする必要があるのですが、有料版にアップグレードしてから簡単に決済機能を設定することができます。（Paypalを利用するにはPaypalのアカウント開設も必要です。）</p>\r\n\r\n<h4 class=\"tips\">宣伝ツールでメルマガやクーポンの発行もできる</h4>\r\n[caption id=\"attachment_30396\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-html-mail.jpg\" alt=\"メルマガ機能を使って送信したメール。\" width=\"592\" height=\"514\" class=\"size-full wp-image-30396\" /> メルマガ機能を使って送信したメール。[/caption]\r\n<p>宣伝ツールを使えば、メルマガを容易に配信することができます。</p>\r\n\r\n[caption id=\"attachment_30393\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-newsletter.png\" alt=\"ニュースレター（メルマガ）の作成画面\" width=\"592\" height=\"603\" class=\"size-full wp-image-30393\" /> ニュースレター（メルマガ）の作成画面[/caption]\r\n<p>大手ネットショップがやっているような、商品画像もレイアウトしたHTMLメールも、ネットショップを作成するのと同じように直感的に操作して作ることができます。</p>\r\n\r\n[caption id=\"attachment_30397\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mail-track.jpg\" alt=\"メールの開封状況やサイトへの誘導数もチェックできる\" width=\"592\" height=\"430\" class=\"size-full wp-image-30397\" /> メールの開封状況やサイトへの誘導数もチェックできる[/caption]\r\n<p>HTMLメールなので、受信者がHTML形式で受信していれば開封したかどうか、サイトへ誘導できたかどうかを計測することができます。</p>\r\n\r\n[caption id=\"attachment_30404\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-auto-mail.png\" alt=\"お客さんのアクションによって自動的にメールを配信\" width=\"592\" height=\"477\" class=\"size-full wp-image-30404\" /> お客さんのアクションによって自動的にメールを配信[/caption]\r\n<p>さらに、お問い合わせメールへの自動返信だけでなく、商品購入者へのクーポンの送付やお礼メール、リピーター獲得メールなど、お客さんのアクションによって効果的なメールを自動的に配信するちょっと高度な機能も持っています。</p>\r\n\r\n<p>ネットショップ機能を利用するには月額1,700円がかかりますが、まずは無料で作ってみて、実際に販売を開始するまではお金がかからないようになっています。興味がある方は<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>へどうぞ。FacebookやGoogleアカウントでも作成できます。</p>\r\n\r\n<p>個人的には、月に数件の販売までは無料で使えても良いかなと感じました。でも、販売開始するまでにメルマガ会員などの手段でお客さんを集めておくことができれば、月額を支払う障壁も減るのかなとも考えられますね。</p>\r\n', 'WixStoresでネットショップを作ってみた', '', 'inherit', 'closed', 'closed', '', '30390-revision-v1', '', '', '2016-06-12 00:24:12', '2016-06-11 15:24:12', '', 30390, 'http://web-marketing.zako.org/web-tools/30390-revision-v1.html', 0, 'revision', '', 0),
(30408, 4, '2016-06-12 00:25:22', '2016-06-11 15:25:22', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/wixstores.jpg\" alt=\"wixstores\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30403\" /></p>\r\n<p>ネットショップを開業しようというとき、本当にシンプルなものでも良ければ無料で簡単に作れるものがありますよね。でも、商品のジャンルによっては、ある程度ネットショップのサイトデザインにも凝りたいというニーズもあるはず。</p>\r\n<p>しかしデザインにも凝ろうとすると、開設までの道のりが一気に長くなってしまうのが通常です。</p>\r\n<p>今回は、そんなデザインにも凝りたいネットショップの開業障壁を下げてくれるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">お店の温かみやデザインにもこだわりたいネットショップを簡単に作れるWixStores</h3>\r\n<p>「<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>」は、<strong>ネットショップのデザインはもちろんのこと、運営までも簡単にできるサービス。</strong></p>\r\n<p>商品や顧客管理だけでなく、ニュースレターを送ったり、お客さんのアクションに最適化した自動メールを送ったりすることもできるので、他とは違う、販売者の温かみも伝えたいネットショップの開業を考えている方にオススメできそうなものになっています。</p>\r\n\r\n<h4 class=\"tips\">500種類以上のデザインから選んで作成</h4>\r\n[caption id=\"attachment_30402\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-design.jpg\" alt=\"テーマが明確なデザインテンプレートから選択\" width=\"592\" height=\"307\" class=\"size-full wp-image-30402\" /> テーマが明確なデザインテンプレートから選択[/caption]\r\n<p>はじめからネットショップであることを前提としたデザインも40種類ほどありますが、500種類以上あるウェブサイトのデザインテンプレートを元にネットショップを構築することも可能。通常のウェブサイトを編集中に、メニューの「ネットショップ」から設定をおこなうだけでネットショップ用の編集をおこなえます。</p>\r\n\r\n<h4 class=\"tips\">デザインをカスタマイズできる</h4>\r\n[caption id=\"attachment_30401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-layout.jpg\" alt=\"細かい部分も簡単な操作で変更可能\" width=\"592\" height=\"302\" class=\"size-full wp-image-30401\" /> 細かい部分も簡単な操作で変更可能[/caption]\r\n<p>ウェブサイトを作るときと同じように、ドラッグアンドドロップで容易にデザイン・レイアウトを変更することができます。</p>\r\n\r\n<p>以前にウェブサイトを作ったので、<a href=\"http://web-marketing.zako.org/web-tools/30-ol-wix.html\" target=\"_blank\">サイト制作の操作性などについてはこちらも参考に</a>してみてください。</p>\r\n\r\n[caption id=\"attachment_30406\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-page.png\" alt=\"レイアウトも容易に変更可能な商品ページ\" width=\"592\" height=\"604\" class=\"size-full wp-image-30406\" /> レイアウトも容易に変更可能な商品ページ[/caption]\r\n<p>商品ページも、お客さんに買ってもらうためのデザインを施せます。</p>\r\n\r\n[caption id=\"attachment_30400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-ribbon.jpg\" alt=\"商品画像にリボンを付けて、セールなどの情報を添えられる\" width=\"592\" height=\"388\" class=\"size-full wp-image-30400\" /> 商品画像にリボンを付けて、セールなどの情報を添えられる[/caption]\r\n<p>商品画像に「セール」や「季節限定」、独自のメッセージなどを添えたリボンをつけたり、商品の特徴やオススメのポイントなどを掲載することができます。</p>\r\n\r\n[caption id=\"attachment_30398\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-edit.jpg\" alt=\"商品の特徴やオススメのポイントなどを編集\" width=\"592\" height=\"603\" class=\"size-full wp-image-30398\" /> 商品の特徴やオススメのポイントなどを編集[/caption]\r\n\r\n<p>商品といえば写真の見栄えも重要になってきますよね。そんなときには<a target=\"_blank\" href=\"http://ja.wix.com/blog/2015/09/%E8%87%AA%E5%88%86%E3%81%A7%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81%E5%95%86%E5%93%81%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%92%E3%83%97%E3%83%AD%E4%B8%A6%E3%81%BF%E3%81%AB%E6%92%AE/\">自分でやってみよう！商品の写真をプロ並みに撮る11の秘訣</a>の記事も参考になるかもしれません。</p>\r\n\r\n<h4 class=\"tips\">商品一覧も容易に表示</h4>\r\n[caption id=\"attachment_30399\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-gallary.jpg\" alt=\"新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧\" width=\"592\" height=\"309\" class=\"size-full wp-image-30399\" /> 新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧[/caption]\r\n<p>商品ページを作れても、その商品の一覧画面を作る、あるいは手動で更新するのが大変だと元も子もないですよね。その点WixStoresなら、表示するパーツの一覧から商品リストを表示させるものを選ぶだけでページ上に思い通りの商品をディスプレイすることができますし、その表示方法や表示させる商品の設定もできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">スマホにも対応</h4>\r\n[caption id=\"attachment_30394\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mobile.jpg\" alt=\"スマホやタブレットにも自動的に対応\" width=\"592\" height=\"482\" class=\"size-full wp-image-30394\" /> スマホやタブレットにも自動的に対応[/caption]\r\n<p>独自にウェブサイトを作成するにしても、モバイルに対応するのは至難の業ですし、外注したとしてもその分の時間とコストがかさんでしまいます。その点でも、何も気にすることなく、PC版のデザインを作っていくだけで、モバイル版のデザインも勝手にできてしまいます。ただ、自動でできる代わりに、スマホだけ何か違う表示をしたいということはできないので、スマホに特化したネットショップを構築したい場合には難易度が高くなるかもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">ショップを管理できる</h4>\r\n[caption id=\"attachment_30391\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-shop-mng.png\" alt=\"商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。\" width=\"592\" height=\"346\" class=\"size-full wp-image-30391\" /> 商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。[/caption]\r\n<p>商品の追加や編集、受注リストに配送料設定や特商法表記など、ネットショップ運営に必要な機能も揃っており、ムダな機能も少なくわかりやすく感じられると思います。</p>\r\n\r\n<h4 class=\"tips\">決済もかんたんに設定</h4>\r\n[caption id=\"attachment_30395\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-pay.png\" alt=\"Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる\" width=\"592\" height=\"585\" class=\"size-full wp-image-30395\" /> Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる[/caption]\r\n<p>決済機能を使うには、有料の「eコマース」プランにする必要があるのですが、有料版にアップグレードしてから簡単に決済機能を設定することができます。（Paypalを利用するにはPaypalのアカウント開設も必要です。）</p>\r\n\r\n<h4 class=\"tips\">宣伝ツールでメルマガやクーポンの発行もできる</h4>\r\n[caption id=\"attachment_30396\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-html-mail.jpg\" alt=\"メルマガ機能を使って送信したメール。\" width=\"592\" height=\"514\" class=\"size-full wp-image-30396\" /> メルマガ機能を使って送信したメール。[/caption]\r\n<p>宣伝ツールを使えば、メルマガを容易に配信することができます。</p>\r\n\r\n[caption id=\"attachment_30393\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-newsletter.png\" alt=\"ニュースレター（メルマガ）の作成画面\" width=\"592\" height=\"603\" class=\"size-full wp-image-30393\" /> ニュースレター（メルマガ）の作成画面[/caption]\r\n<p>大手ネットショップがやっているような、商品画像もレイアウトしたHTMLメールも、ネットショップを作成するのと同じように直感的に操作して作ることができます。</p>\r\n\r\n[caption id=\"attachment_30397\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mail-track.jpg\" alt=\"メールの開封状況やサイトへの誘導数もチェックできる\" width=\"592\" height=\"430\" class=\"size-full wp-image-30397\" /> メールの開封状況やサイトへの誘導数もチェックできる[/caption]\r\n<p>HTMLメールなので、受信者がHTML形式で受信していれば開封したかどうか、サイトへ誘導できたかどうかを計測することができます。</p>\r\n\r\n[caption id=\"attachment_30404\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-auto-mail.png\" alt=\"お客さんのアクションによって自動的にメールを配信\" width=\"592\" height=\"477\" class=\"size-full wp-image-30404\" /> お客さんのアクションによって自動的にメールを配信[/caption]\r\n<p>さらに、お問い合わせメールへの自動返信だけでなく、商品購入者へのクーポンの送付やお礼メール、リピーター獲得メールなど、お客さんのアクションによって効果的なメールを自動的に配信するちょっと高度な機能も持っています。</p>\r\n\r\n<p>ネットショップ機能を利用するには月額1,700円がかかりますが、まずは無料で作ってみて、実際に販売を開始するまではお金がかからないようになっています。興味がある方は<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>へどうぞ。FacebookやGoogleアカウントでも作成できます。</p>\r\n\r\n<p>個人的には、月に数件の販売までは無料で使えても良いかなと感じました。でも、販売開始するまでにメルマガ会員などの手段でお客さんを集めておくことができれば、月額を支払う障壁も減るのかなとも考えられますね。</p>\r\n', 'WixStoresでネットショップを作ってみた', '', 'inherit', 'closed', 'closed', '', '30390-revision-v1', '', '', '2016-06-12 00:25:22', '2016-06-11 15:25:22', '', 30390, 'http://web-marketing.zako.org/web-tools/30390-revision-v1.html', 0, 'revision', '', 0),
(30410, 4, '2016-06-14 01:09:05', '2016-06-13 16:09:05', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/wixstores.jpg\" alt=\"wixstores\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30403\" /></p>\r\n<p>ネットショップを開業しようというとき、本当にシンプルなものでも良ければ無料で簡単に作れるものがありますよね。でも、商品のジャンルによっては、ある程度ネットショップのサイトデザインにも凝りたいというニーズもあるはず。</p>\r\n<p>しかしデザインにも凝ろうとすると、開設までの道のりが一気に長くなってしまうのが通常です。</p>\r\n<p>今回は、そんなデザインにも凝りたいネットショップの開業障壁を下げてくれるサービスをご紹介します。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">お店の温かみやデザインにもこだわりたいネットショップを簡単に作れるWixStores</h3>\r\n<p>「WixStores」は、<strong><a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">ネットショップ</a>のデザインはもちろんのこと、運営までも簡単にできるサービス。</strong></p>\r\n<p>商品や顧客管理だけでなく、ニュースレターを送ったり、お客さんのアクションに最適化した自動メールを送ったりすることもできるので、他とは違う、販売者の温かみも伝えたいネットショップの開業を考えている方にオススメできそうなものになっています。</p>\r\n\r\n<h4 class=\"tips\">500種類以上のデザインから選んで作成</h4>\r\n[caption id=\"attachment_30402\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-design.jpg\" alt=\"テーマが明確なデザインテンプレートから選択\" width=\"592\" height=\"307\" class=\"size-full wp-image-30402\" /> テーマが明確なデザインテンプレートから選択[/caption]\r\n<p>はじめからネットショップであることを前提としたデザインも40種類ほどありますが、500種類以上あるウェブサイトのデザインテンプレートを元にネットショップを構築することも可能。通常のウェブサイトを編集中に、メニューの「ネットショップ」から設定をおこなうだけでネットショップ用の編集をおこなえます。</p>\r\n\r\n<h4 class=\"tips\">デザインをカスタマイズできる</h4>\r\n[caption id=\"attachment_30401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-layout.jpg\" alt=\"細かい部分も簡単な操作で変更可能\" width=\"592\" height=\"302\" class=\"size-full wp-image-30401\" /> 細かい部分も簡単な操作で変更可能[/caption]\r\n<p>ウェブサイトを作るときと同じように、ドラッグアンドドロップで容易にデザイン・レイアウトを変更することができます。</p>\r\n\r\n<p>以前にウェブサイトを作ったので、<a href=\"http://web-marketing.zako.org/web-tools/30-ol-wix.html\" target=\"_blank\">サイト制作の操作性などについてはこちらも参考に</a>してみてください。</p>\r\n\r\n[caption id=\"attachment_30406\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-page.png\" alt=\"レイアウトも容易に変更可能な商品ページ\" width=\"592\" height=\"604\" class=\"size-full wp-image-30406\" /> レイアウトも容易に変更可能な商品ページ[/caption]\r\n<p>商品ページも、お客さんに買ってもらうためのデザインを施せます。</p>\r\n\r\n[caption id=\"attachment_30400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-ribbon.jpg\" alt=\"商品画像にリボンを付けて、セールなどの情報を添えられる\" width=\"592\" height=\"388\" class=\"size-full wp-image-30400\" /> 商品画像にリボンを付けて、セールなどの情報を添えられる[/caption]\r\n<p>商品画像に「セール」や「季節限定」、独自のメッセージなどを添えたリボンをつけたり、商品の特徴やオススメのポイントなどを掲載することができます。</p>\r\n\r\n[caption id=\"attachment_30398\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-edit.jpg\" alt=\"商品の特徴やオススメのポイントなどを編集\" width=\"592\" height=\"603\" class=\"size-full wp-image-30398\" /> 商品の特徴やオススメのポイントなどを編集[/caption]\r\n\r\n<p>商品といえば写真の見栄えも重要になってきますよね。そんなときには<a target=\"_blank\" href=\"http://ja.wix.com/blog/2015/09/%E8%87%AA%E5%88%86%E3%81%A7%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81%E5%95%86%E5%93%81%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%92%E3%83%97%E3%83%AD%E4%B8%A6%E3%81%BF%E3%81%AB%E6%92%AE/\">商品撮影</a>のコツを解説した記事も参考になるかもしれません。</p>\r\n\r\n<h4 class=\"tips\">商品一覧も容易に表示</h4>\r\n[caption id=\"attachment_30399\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-gallary.jpg\" alt=\"新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧\" width=\"592\" height=\"309\" class=\"size-full wp-image-30399\" /> 新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧[/caption]\r\n<p>商品ページを作れても、その商品の一覧画面を作る、あるいは手動で更新するのが大変だと元も子もないですよね。その点WixStoresなら、表示するパーツの一覧から商品リストを表示させるものを選ぶだけでページ上に思い通りの商品をディスプレイすることができますし、その表示方法や表示させる商品の設定もできるようになっています。</p>\r\n\r\n<h4 class=\"tips\">スマホにも対応</h4>\r\n[caption id=\"attachment_30394\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mobile.jpg\" alt=\"スマホやタブレットにも自動的に対応\" width=\"592\" height=\"482\" class=\"size-full wp-image-30394\" /> スマホやタブレットにも自動的に対応[/caption]\r\n<p>独自にウェブサイトを作成するにしても、モバイルに対応するのは至難の業ですし、外注したとしてもその分の時間とコストがかさんでしまいます。その点でも、何も気にすることなく、PC版のデザインを作っていくだけで、モバイル版のデザインも勝手にできてしまいます。ただ、自動でできる代わりに、スマホだけ何か違う表示をしたいということはできないので、スマホに特化したネットショップを構築したい場合には難易度が高くなるかもしれませんね。</p>\r\n\r\n<h4 class=\"tips\">ショップを管理できる</h4>\r\n[caption id=\"attachment_30391\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-shop-mng.png\" alt=\"商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。\" width=\"592\" height=\"346\" class=\"size-full wp-image-30391\" /> 商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。[/caption]\r\n<p>商品の追加や編集、受注リストに配送料設定や特商法表記など、ネットショップ運営に必要な機能も揃っており、ムダな機能も少なくわかりやすく感じられると思います。</p>\r\n\r\n<h4 class=\"tips\">決済もかんたんに設定</h4>\r\n[caption id=\"attachment_30395\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-pay.png\" alt=\"Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる\" width=\"592\" height=\"585\" class=\"size-full wp-image-30395\" /> Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる[/caption]\r\n<p>決済機能を使うには、有料の「eコマース」プランにする必要があるのですが、有料版にアップグレードしてから簡単に決済機能を設定することができます。（Paypalを利用するにはPaypalのアカウント開設も必要です。）</p>\r\n\r\n<h4 class=\"tips\">宣伝ツールでメルマガやクーポンの発行もできる</h4>\r\n[caption id=\"attachment_30396\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-html-mail.jpg\" alt=\"メルマガ機能を使って送信したメール。\" width=\"592\" height=\"514\" class=\"size-full wp-image-30396\" /> メルマガ機能を使って送信したメール。[/caption]\r\n<p>宣伝ツールを使えば、メルマガを容易に配信することができます。</p>\r\n\r\n[caption id=\"attachment_30393\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-newsletter.png\" alt=\"ニュースレター（メルマガ）の作成画面\" width=\"592\" height=\"603\" class=\"size-full wp-image-30393\" /> ニュースレター（メルマガ）の作成画面[/caption]\r\n<p>大手ネットショップがやっているような、商品画像もレイアウトしたHTMLメールも、ネットショップを作成するのと同じように直感的に操作して作ることができます。</p>\r\n\r\n[caption id=\"attachment_30397\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mail-track.jpg\" alt=\"メールの開封状況やサイトへの誘導数もチェックできる\" width=\"592\" height=\"430\" class=\"size-full wp-image-30397\" /> メールの開封状況やサイトへの誘導数もチェックできる[/caption]\r\n<p>HTMLメールなので、受信者がHTML形式で受信していれば開封したかどうか、サイトへ誘導できたかどうかを計測することができます。</p>\r\n\r\n[caption id=\"attachment_30404\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-auto-mail.png\" alt=\"お客さんのアクションによって自動的にメールを配信\" width=\"592\" height=\"477\" class=\"size-full wp-image-30404\" /> お客さんのアクションによって自動的にメールを配信[/caption]\r\n<p>さらに、お問い合わせメールへの自動返信だけでなく、商品購入者へのクーポンの送付やお礼メール、リピーター獲得メールなど、お客さんのアクションによって効果的なメールを自動的に配信するちょっと高度な機能も持っています。</p>\r\n\r\n<p>ネットショップ機能を利用するには月額1,700円がかかりますが、まずは無料で作ってみて、実際に販売を開始するまではお金がかからないようになっています。興味がある方は<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>へどうぞ。FacebookやGoogleアカウントでも作成できます。</p>\r\n\r\n<p>個人的には、月に数件の販売までは無料で使えても良いかなと感じました。でも、販売開始するまでにメルマガ会員などの手段でお客さんを集めておくことができれば、月額を支払う障壁も減るのかなとも考えられますね。</p>\r\n', 'WixStoresでネットショップを作ってみた', '', 'inherit', 'closed', 'closed', '', '30390-revision-v1', '', '', '2016-06-14 01:09:05', '2016-06-13 16:09:05', '', 30390, 'http://web-marketing.zako.org/web-tools/30390-revision-v1.html', 0, 'revision', '', 0),
(30409, 4, '2016-06-14 01:08:34', '2016-06-13 16:08:34', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/wixstores.jpg\" alt=\"wixstores\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30403\" /></p>\n<p>ネットショップを開業しようというとき、本当にシンプルなものでも良ければ無料で簡単に作れるものがありますよね。でも、商品のジャンルによっては、ある程度ネットショップのサイトデザインにも凝りたいというニーズもあるはず。</p>\n<p>しかしデザインにも凝ろうとすると、開設までの道のりが一気に長くなってしまうのが通常です。</p>\n<p>今回は、そんなデザインにも凝りたいネットショップの開業障壁を下げてくれるサービスをご紹介します。</p>\n<!--more-->\n\n<h3 class=\"header-label\">お店の温かみやデザインにもこだわりたいネットショップを簡単に作れるWixStores</h3>\n<p>「WixStores」は、<strong><a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">ネットショップ</a>のデザインはもちろんのこと、運営までも簡単にできるサービス。</strong></p>\n<p>商品や顧客管理だけでなく、ニュースレターを送ったり、お客さんのアクションに最適化した自動メールを送ったりすることもできるので、他とは違う、販売者の温かみも伝えたいネットショップの開業を考えている方にオススメできそうなものになっています。</p>\n\n<h4 class=\"tips\">500種類以上のデザインから選んで作成</h4>\n[caption id=\"attachment_30402\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-design.jpg\" alt=\"テーマが明確なデザインテンプレートから選択\" width=\"592\" height=\"307\" class=\"size-full wp-image-30402\" /> テーマが明確なデザインテンプレートから選択[/caption]\n<p>はじめからネットショップであることを前提としたデザインも40種類ほどありますが、500種類以上あるウェブサイトのデザインテンプレートを元にネットショップを構築することも可能。通常のウェブサイトを編集中に、メニューの「ネットショップ」から設定をおこなうだけでネットショップ用の編集をおこなえます。</p>\n\n<h4 class=\"tips\">デザインをカスタマイズできる</h4>\n[caption id=\"attachment_30401\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-layout.jpg\" alt=\"細かい部分も簡単な操作で変更可能\" width=\"592\" height=\"302\" class=\"size-full wp-image-30401\" /> 細かい部分も簡単な操作で変更可能[/caption]\n<p>ウェブサイトを作るときと同じように、ドラッグアンドドロップで容易にデザイン・レイアウトを変更することができます。</p>\n\n<p>以前にウェブサイトを作ったので、<a href=\"http://web-marketing.zako.org/web-tools/30-ol-wix.html\" target=\"_blank\">サイト制作の操作性などについてはこちらも参考に</a>してみてください。</p>\n\n[caption id=\"attachment_30406\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-page.png\" alt=\"レイアウトも容易に変更可能な商品ページ\" width=\"592\" height=\"604\" class=\"size-full wp-image-30406\" /> レイアウトも容易に変更可能な商品ページ[/caption]\n<p>商品ページも、お客さんに買ってもらうためのデザインを施せます。</p>\n\n[caption id=\"attachment_30400\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-ribbon.jpg\" alt=\"商品画像にリボンを付けて、セールなどの情報を添えられる\" width=\"592\" height=\"388\" class=\"size-full wp-image-30400\" /> 商品画像にリボンを付けて、セールなどの情報を添えられる[/caption]\n<p>商品画像に「セール」や「季節限定」、独自のメッセージなどを添えたリボンをつけたり、商品の特徴やオススメのポイントなどを掲載することができます。</p>\n\n[caption id=\"attachment_30398\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-item-edit.jpg\" alt=\"商品の特徴やオススメのポイントなどを編集\" width=\"592\" height=\"603\" class=\"size-full wp-image-30398\" /> 商品の特徴やオススメのポイントなどを編集[/caption]\n\n<p>商品といえば写真の見栄えも重要になってきますよね。そんなときには<a target=\"_blank\" href=\"http://ja.wix.com/blog/2015/09/%E8%87%AA%E5%88%86%E3%81%A7%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81%E5%95%86%E5%93%81%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%92%E3%83%97%E3%83%AD%E4%B8%A6%E3%81%BF%E3%81%AB%E6%92%AE/\">自分でやってみよう！商品の写真をプロ並みに撮る11の秘訣</a>の記事も参考になるかもしれません。</p>\n\n<h4 class=\"tips\">商品一覧も容易に表示</h4>\n[caption id=\"attachment_30399\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-gallary.jpg\" alt=\"新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧\" width=\"592\" height=\"309\" class=\"size-full wp-image-30399\" /> 新商品やおすすめ商品に絞るボールドスタイルやいまどきな表示ができるミニギャラリーなどから選べる商品一覧[/caption]\n<p>商品ページを作れても、その商品の一覧画面を作る、あるいは手動で更新するのが大変だと元も子もないですよね。その点WixStoresなら、表示するパーツの一覧から商品リストを表示させるものを選ぶだけでページ上に思い通りの商品をディスプレイすることができますし、その表示方法や表示させる商品の設定もできるようになっています。</p>\n\n<h4 class=\"tips\">スマホにも対応</h4>\n[caption id=\"attachment_30394\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mobile.jpg\" alt=\"スマホやタブレットにも自動的に対応\" width=\"592\" height=\"482\" class=\"size-full wp-image-30394\" /> スマホやタブレットにも自動的に対応[/caption]\n<p>独自にウェブサイトを作成するにしても、モバイルに対応するのは至難の業ですし、外注したとしてもその分の時間とコストがかさんでしまいます。その点でも、何も気にすることなく、PC版のデザインを作っていくだけで、モバイル版のデザインも勝手にできてしまいます。ただ、自動でできる代わりに、スマホだけ何か違う表示をしたいということはできないので、スマホに特化したネットショップを構築したい場合には難易度が高くなるかもしれませんね。</p>\n\n<h4 class=\"tips\">ショップを管理できる</h4>\n[caption id=\"attachment_30391\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-shop-mng.png\" alt=\"商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。\" width=\"592\" height=\"346\" class=\"size-full wp-image-30391\" /> 商品の管理画面、商品の追加や編集、ショップでの氷樹順の並び替えなどがおこなえます。[/caption]\n<p>商品の追加や編集、受注リストに配送料設定や特商法表記など、ネットショップ運営に必要な機能も揃っており、ムダな機能も少なくわかりやすく感じられると思います。</p>\n\n<h4 class=\"tips\">決済もかんたんに設定</h4>\n[caption id=\"attachment_30395\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-pay.png\" alt=\"Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる\" width=\"592\" height=\"585\" class=\"size-full wp-image-30395\" /> Paypal、クレジットカード決済、代引きや銀行振込などから選べて設定も楽にできる[/caption]\n<p>決済機能を使うには、有料の「eコマース」プランにする必要があるのですが、有料版にアップグレードしてから簡単に決済機能を設定することができます。（Paypalを利用するにはPaypalのアカウント開設も必要です。）</p>\n\n<h4 class=\"tips\">宣伝ツールでメルマガやクーポンの発行もできる</h4>\n[caption id=\"attachment_30396\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-html-mail.jpg\" alt=\"メルマガ機能を使って送信したメール。\" width=\"592\" height=\"514\" class=\"size-full wp-image-30396\" /> メルマガ機能を使って送信したメール。[/caption]\n<p>宣伝ツールを使えば、メルマガを容易に配信することができます。</p>\n\n[caption id=\"attachment_30393\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-newsletter.png\" alt=\"ニュースレター（メルマガ）の作成画面\" width=\"592\" height=\"603\" class=\"size-full wp-image-30393\" /> ニュースレター（メルマガ）の作成画面[/caption]\n<p>大手ネットショップがやっているような、商品画像もレイアウトしたHTMLメールも、ネットショップを作成するのと同じように直感的に操作して作ることができます。</p>\n\n[caption id=\"attachment_30397\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-mail-track.jpg\" alt=\"メールの開封状況やサイトへの誘導数もチェックできる\" width=\"592\" height=\"430\" class=\"size-full wp-image-30397\" /> メールの開封状況やサイトへの誘導数もチェックできる[/caption]\n<p>HTMLメールなので、受信者がHTML形式で受信していれば開封したかどうか、サイトへ誘導できたかどうかを計測することができます。</p>\n\n[caption id=\"attachment_30404\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/wixstores-auto-mail.png\" alt=\"お客さんのアクションによって自動的にメールを配信\" width=\"592\" height=\"477\" class=\"size-full wp-image-30404\" /> お客さんのアクションによって自動的にメールを配信[/caption]\n<p>さらに、お問い合わせメールへの自動返信だけでなく、商品購入者へのクーポンの送付やお礼メール、リピーター獲得メールなど、お客さんのアクションによって効果的なメールを自動的に配信するちょっと高度な機能も持っています。</p>\n\n<p>ネットショップ機能を利用するには月額1,700円がかかりますが、まずは無料で作ってみて、実際に販売を開始するまではお金がかからないようになっています。興味がある方は<a target=\"_blank\" href=\"http://ja.wix.com/ecommerce/netshop\">WixStores</a>へどうぞ。FacebookやGoogleアカウントでも作成できます。</p>\n\n<p>個人的には、月に数件の販売までは無料で使えても良いかなと感じました。でも、販売開始するまでにメルマガ会員などの手段でお客さんを集めておくことができれば、月額を支払う障壁も減るのかなとも考えられますね。</p>\n', 'WixStoresでネットショップを作ってみた', '', 'inherit', 'closed', 'closed', '', '30390-autosave-v1', '', '', '2016-06-14 01:08:34', '2016-06-13 16:08:34', '', 30390, 'http://web-marketing.zako.org/web-tools/30390-autosave-v1.html', 0, 'revision', '', 0),
(30412, 4, '2016-06-20 01:27:49', '2016-06-19 16:27:49', '<img src=\"http://cdn.zako.org/images/2016/06/religion.png\" alt=\"mapchart\" width=\"592\" height=\"429\" class=\"alignnone size-full wp-image-30422\" />\r\n<p>マップチャートを作る際、定量的なものであればジオチャートで表現できますが、主要言語や主な宗教などといった定性的なものを地図で示したい時もありますよね。</p>\r\n<p>今回ご紹介するのは、そんな低席的な情報を世界地図やアジア、ヨーロッパといったエリア別の地図で表現することができるサービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">世界地図やエリア別のマップチャートを作れる「mapchart」</h3>\r\n<p>「<a href=\"http://mapchart.net/\">mapchart</a>」は、簡単な操作で国別の情報を地図上で簡単に表現することができるマップチャート生成ツール。</p>\r\n<p>ラベルを作成して対象の国を選ぶだけで、生成した地図を画像化することができます。</p>\r\n\r\n<h4 class=\"tips\">利用する地図を選択</h4>\r\n[caption id=\"attachment_30420\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-select.png\" alt=\"地図を選択\" width=\"592\" height=\"294\" class=\"size-full wp-image-30420\" /> 地図を選択[/caption]\r\n<p>まず作成するエリアの地図を選択します。世界地図やヨーロッパ、アメリカ、アジア、アフリカといったエリアから選択することができ、一部英国や米国など国で選べるものもあります。（日本単体はありません。）</p>\r\n\r\n[caption id=\"attachment_30419\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-edit.png\" alt=\"地図の編集画面\" width=\"592\" height=\"307\" class=\"size-full wp-image-30419\" /> 地図の編集画面[/caption]\r\n<p>地図を選択すると、左側に編集メニューが表示され、右側にクリックで国を選択できる画面が開きます。</p>\r\n\r\n<h4 class=\"tips\">凡例のタイトルを入力</h4>\r\n[caption id=\"attachment_30418\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-legend.png\" alt=\"まず凡例（Legend）を入力しておきます\" width=\"592\" height=\"431\" class=\"size-full wp-image-30418\" /> まず凡例（Legend）を入力しておきます[/caption]\r\n<p>地図を作るために、まず凡例のタイトルを付けます。入力する場所は「Step2」のLegend titleです。ここでは言語としておきます。</p>\r\n\r\n\r\n<h4 class=\"tips\">色を指定し、対象となる国を選択</h4>\r\n[caption id=\"attachment_30417\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-color.png\" alt=\"Fill colorで色を指定します。\" width=\"592\" height=\"357\" class=\"size-full wp-image-30417\" /> Fill colorで色を指定します。[/caption]\r\n<p>凡例のタイトルをつけたら、次は最初のラベルの色を指定します。色はカラーピッカーで指定できるようになっています。</p>\r\n\r\n[caption id=\"attachment_30416\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-area.png\" alt=\"対象の国をクリックすることで指定可能\" width=\"592\" height=\"406\" class=\"size-full wp-image-30416\" /> 対象の国をクリックすることで指定可能[/caption]\r\n<p>次に対象となる国を地図上でクリックすることで指定します。ここで複数の国を指定することも可能です。</p>\r\n\r\n<h4 class=\"tips\">ラベルの名前を入力</h4>\r\n[caption id=\"attachment_30415\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-label.png\" alt=\"ラベル名を入力\" width=\"592\" height=\"324\" class=\"size-full wp-image-30415\" /> ラベル名を入力[/caption]\r\n<p>地図上で対象国を選択してから、ラベル名を入力します。</p>\r\n\r\n<p>このあと、別のラベルを追加するには、Step1のFill colorで色を変え、対象国をクリックすることで、新たなラベルを追加することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">画像に変換してダウンロード</h4>\r\n[caption id=\"attachment_30414\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-convert.png\" alt=\"CONVERT TO IMAGEボタンを押して、地図を画像に変換\" width=\"592\" height=\"338\" class=\"size-full wp-image-30414\" /> CONVERT TO IMAGEボタンを押して、地図を画像に変換[/caption]\r\n<p>地図が完成したら、「CONVERT TO IMAGE」を押して画像に変換します。そして画像を右クリックすることで地図の画像を保存することができます。</p>\r\n\r\n\r\n<p>興味があるかたは<a href=\"http://mapchart.net/\">mapchart</a>へどうぞ。</p>\r\n\r\n', '定性的な情報からも世界地図のマップチャートを作れる「mapchart」', '', 'publish', 'open', 'closed', '', 'mapchart', '', '', '2016-06-20 01:27:49', '2016-06-19 16:27:49', '', 0, 'http://web-marketing.zako.org/?p=30412', 0, 'post', '', 0),
(30413, 4, '2016-06-19 21:36:20', '2016-06-19 12:36:20', '', 'language', '', 'inherit', 'open', 'closed', '', 'language', '', '', '2016-06-19 21:36:30', '2016-06-19 12:36:30', '', 30412, 'http://web-marketing.zako.org/images/2016/06/language.png', 0, 'attachment', 'image/png', 0),
(30414, 4, '2016-06-19 21:36:22', '2016-06-19 12:36:22', '', 'mapchart-convert', 'CONVERT TO IMAGEボタンを押して、地図を画像に変換', 'inherit', 'open', 'closed', '', 'mapchart-convert', '', '', '2016-06-19 21:36:38', '2016-06-19 12:36:38', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-convert.png', 0, 'attachment', 'image/png', 0),
(30415, 4, '2016-06-19 21:36:24', '2016-06-19 12:36:24', '', 'mapchart-label', 'ラベル名を入力', 'inherit', 'open', 'closed', '', 'mapchart-label', '', '', '2016-06-19 21:39:58', '2016-06-19 12:39:58', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-label.png', 0, 'attachment', 'image/png', 0),
(30416, 4, '2016-06-19 21:36:26', '2016-06-19 12:36:26', '', 'mapchart-area', '対象の国をクリックすることで指定可能', 'inherit', 'open', 'closed', '', 'mapchart-area', '', '', '2016-06-19 21:36:53', '2016-06-19 12:36:53', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-area.png', 0, 'attachment', 'image/png', 0),
(30417, 4, '2016-06-19 21:36:27', '2016-06-19 12:36:27', '', 'mapchart-color', 'Fill colorで色を指定します。', 'inherit', 'open', 'closed', '', 'mapchart-color', '', '', '2016-06-19 21:36:58', '2016-06-19 12:36:58', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-color.png', 0, 'attachment', 'image/png', 0),
(30418, 4, '2016-06-19 21:36:29', '2016-06-19 12:36:29', '', 'mapchart-legend', 'まず凡例（Legend）を入力しておきます', 'inherit', 'open', 'closed', '', 'mapchart-legend', '', '', '2016-06-19 21:37:04', '2016-06-19 12:37:04', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-legend.png', 0, 'attachment', 'image/png', 0),
(30419, 4, '2016-06-19 21:36:30', '2016-06-19 12:36:30', '', 'mapchart-edit', '地図の編集画面', 'inherit', 'open', 'closed', '', 'mapchart-edit', '', '', '2016-06-19 21:37:10', '2016-06-19 12:37:10', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-edit.png', 0, 'attachment', 'image/png', 0),
(30420, 4, '2016-06-19 21:36:32', '2016-06-19 12:36:32', '', 'mapchart-select', '地図を選択', 'inherit', 'open', 'closed', '', 'mapchart-select', '', '', '2016-06-19 21:37:16', '2016-06-19 12:37:16', '', 30412, 'http://web-marketing.zako.org/images/2016/06/mapchart-select.png', 0, 'attachment', 'image/png', 0),
(30421, 4, '2016-06-19 21:40:42', '2016-06-19 12:40:42', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/language.png\" alt=\"mapchart\" width=\"592\" height=\"429\" class=\"alignnone size-full wp-image-30413\" /></p>\r\n<p>マップチャートを作る際、定量的なものであればジオチャートで表現できますが、主要言語や主な宗教などといった定性的なものを地図で示したい時もありますよね。</p>\r\n<p>今回ご紹介するのは、そんな低席的な情報を世界地図やアジア、ヨーロッパといったエリア別の地図で表現することができるサービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">世界地図やエリア別のマップチャートを作れる「mapchart」</h3>\r\n<p>「<a href=\"http://mapchart.net/\">mapchart</a>」は、簡単な操作で国別の情報を地図上で簡単に表現することができるマップチャート生成ツール。</p>\r\n<p>ラベルを作成して対象の国を選ぶだけで、生成した地図を画像化することができます。</p>\r\n\r\n<h4 class=\"tips\">利用する地図を選択</h4>\r\n[caption id=\"attachment_30420\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-select.png\" alt=\"地図を選択\" width=\"592\" height=\"294\" class=\"size-full wp-image-30420\" /> 地図を選択[/caption]\r\n<p>まず作成するエリアの地図を選択します。世界地図やヨーロッパ、アメリカ、アジア、アフリカといったエリアから選択することができ、一部英国や米国など国で選べるものもあります。（日本単体はありません。）</p>\r\n\r\n[caption id=\"attachment_30419\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-edit.png\" alt=\"地図の編集画面\" width=\"592\" height=\"307\" class=\"size-full wp-image-30419\" /> 地図の編集画面[/caption]\r\n<p>地図を選択すると、左側に編集メニューが表示され、右側にクリックで国を選択できる画面が開きます。</p>\r\n\r\n<h4 class=\"tips\">凡例のタイトルを入力</h4>\r\n[caption id=\"attachment_30418\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-legend.png\" alt=\"まず凡例（Legend）を入力しておきます\" width=\"592\" height=\"431\" class=\"size-full wp-image-30418\" /> まず凡例（Legend）を入力しておきます[/caption]\r\n<p>地図を作るために、まず凡例のタイトルを付けます。入力する場所は「Step2」のLegend titleです。ここでは言語としておきます。</p>\r\n\r\n\r\n<h4 class=\"tips\">色を指定し、対象となる国を選択</h4>\r\n[caption id=\"attachment_30417\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-color.png\" alt=\"Fill colorで色を指定します。\" width=\"592\" height=\"357\" class=\"size-full wp-image-30417\" /> Fill colorで色を指定します。[/caption]\r\n<p>凡例のタイトルをつけたら、次は最初のラベルの色を指定します。色はカラーピッカーで指定できるようになっています。</p>\r\n\r\n[caption id=\"attachment_30416\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-area.png\" alt=\"対象の国をクリックすることで指定可能\" width=\"592\" height=\"406\" class=\"size-full wp-image-30416\" /> 対象の国をクリックすることで指定可能[/caption]\r\n<p>次に対象となる国を地図上でクリックすることで指定します。ここで複数の国を指定することも可能です。</p>\r\n\r\n<h4 class=\"tips\">ラベルの名前を入力</h4>\r\n[caption id=\"attachment_30415\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-label.png\" alt=\"ラベル名を入力\" width=\"592\" height=\"324\" class=\"size-full wp-image-30415\" /> ラベル名を入力[/caption]\r\n<p>地図上で対象国を選択してから、ラベル名を入力します。</p>\r\n\r\n<p>このあと、別のラベルを追加するには、Step1のFill colorで色を変え、対象国をクリックすることで、新たなラベルを追加することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">画像に変換してダウンロード</h4>\r\n[caption id=\"attachment_30414\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-convert.png\" alt=\"CONVERT TO IMAGEボタンを押して、地図を画像に変換\" width=\"592\" height=\"338\" class=\"size-full wp-image-30414\" /> CONVERT TO IMAGEボタンを押して、地図を画像に変換[/caption]\r\n<p>地図が完成したら、「CONVERT TO IMAGE」を押して画像に変換します。そして画像を右クリックすることで地図の画像を保存することができます。</p>\r\n\r\n\r\n<p>興味があるかたは<a href=\"http://mapchart.net/\">mapchart</a>へどうぞ。</p>\r\n\r\n', '定性的な情報からも世界地図のマップチャートを作れる「mapchart」', '', 'inherit', 'closed', 'closed', '', '30412-revision-v1', '', '', '2016-06-19 21:40:42', '2016-06-19 12:40:42', '', 30412, 'http://web-marketing.zako.org/web-tools/30412-revision-v1.html', 0, 'revision', '', 0),
(30422, 4, '2016-06-19 21:48:09', '2016-06-19 12:48:09', '', 'religion', '', 'inherit', 'open', 'closed', '', 'religion', '', '', '2016-06-19 21:48:20', '2016-06-19 12:48:20', '', 30412, 'http://web-marketing.zako.org/images/2016/06/religion.png', 0, 'attachment', 'image/png', 0),
(30423, 4, '2016-06-19 21:48:22', '2016-06-19 12:48:22', '<img src=\"http://cdn.zako.org/images/2016/06/religion.png\" alt=\"mapchart\" width=\"592\" height=\"429\" class=\"alignnone size-full wp-image-30422\" />\r\n<p>マップチャートを作る際、定量的なものであればジオチャートで表現できますが、主要言語や主な宗教などといった定性的なものを地図で示したい時もありますよね。</p>\r\n<p>今回ご紹介するのは、そんな低席的な情報を世界地図やアジア、ヨーロッパといったエリア別の地図で表現することができるサービスです。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">世界地図やエリア別のマップチャートを作れる「mapchart」</h3>\r\n<p>「<a href=\"http://mapchart.net/\">mapchart</a>」は、簡単な操作で国別の情報を地図上で簡単に表現することができるマップチャート生成ツール。</p>\r\n<p>ラベルを作成して対象の国を選ぶだけで、生成した地図を画像化することができます。</p>\r\n\r\n<h4 class=\"tips\">利用する地図を選択</h4>\r\n[caption id=\"attachment_30420\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-select.png\" alt=\"地図を選択\" width=\"592\" height=\"294\" class=\"size-full wp-image-30420\" /> 地図を選択[/caption]\r\n<p>まず作成するエリアの地図を選択します。世界地図やヨーロッパ、アメリカ、アジア、アフリカといったエリアから選択することができ、一部英国や米国など国で選べるものもあります。（日本単体はありません。）</p>\r\n\r\n[caption id=\"attachment_30419\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-edit.png\" alt=\"地図の編集画面\" width=\"592\" height=\"307\" class=\"size-full wp-image-30419\" /> 地図の編集画面[/caption]\r\n<p>地図を選択すると、左側に編集メニューが表示され、右側にクリックで国を選択できる画面が開きます。</p>\r\n\r\n<h4 class=\"tips\">凡例のタイトルを入力</h4>\r\n[caption id=\"attachment_30418\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-legend.png\" alt=\"まず凡例（Legend）を入力しておきます\" width=\"592\" height=\"431\" class=\"size-full wp-image-30418\" /> まず凡例（Legend）を入力しておきます[/caption]\r\n<p>地図を作るために、まず凡例のタイトルを付けます。入力する場所は「Step2」のLegend titleです。ここでは言語としておきます。</p>\r\n\r\n\r\n<h4 class=\"tips\">色を指定し、対象となる国を選択</h4>\r\n[caption id=\"attachment_30417\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-color.png\" alt=\"Fill colorで色を指定します。\" width=\"592\" height=\"357\" class=\"size-full wp-image-30417\" /> Fill colorで色を指定します。[/caption]\r\n<p>凡例のタイトルをつけたら、次は最初のラベルの色を指定します。色はカラーピッカーで指定できるようになっています。</p>\r\n\r\n[caption id=\"attachment_30416\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-area.png\" alt=\"対象の国をクリックすることで指定可能\" width=\"592\" height=\"406\" class=\"size-full wp-image-30416\" /> 対象の国をクリックすることで指定可能[/caption]\r\n<p>次に対象となる国を地図上でクリックすることで指定します。ここで複数の国を指定することも可能です。</p>\r\n\r\n<h4 class=\"tips\">ラベルの名前を入力</h4>\r\n[caption id=\"attachment_30415\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-label.png\" alt=\"ラベル名を入力\" width=\"592\" height=\"324\" class=\"size-full wp-image-30415\" /> ラベル名を入力[/caption]\r\n<p>地図上で対象国を選択してから、ラベル名を入力します。</p>\r\n\r\n<p>このあと、別のラベルを追加するには、Step1のFill colorで色を変え、対象国をクリックすることで、新たなラベルを追加することができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">画像に変換してダウンロード</h4>\r\n[caption id=\"attachment_30414\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/mapchart-convert.png\" alt=\"CONVERT TO IMAGEボタンを押して、地図を画像に変換\" width=\"592\" height=\"338\" class=\"size-full wp-image-30414\" /> CONVERT TO IMAGEボタンを押して、地図を画像に変換[/caption]\r\n<p>地図が完成したら、「CONVERT TO IMAGE」を押して画像に変換します。そして画像を右クリックすることで地図の画像を保存することができます。</p>\r\n\r\n\r\n<p>興味があるかたは<a href=\"http://mapchart.net/\">mapchart</a>へどうぞ。</p>\r\n\r\n', '定性的な情報からも世界地図のマップチャートを作れる「mapchart」', '', 'inherit', 'closed', 'closed', '', '30412-revision-v1', '', '', '2016-06-19 21:48:22', '2016-06-19 12:48:22', '', 30412, 'http://web-marketing.zako.org/web-tools/30412-revision-v1.html', 0, 'revision', '', 0),
(30424, 4, '2016-06-27 00:08:07', '2016-06-26 15:08:07', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/datadeck.png\" alt=\"DataDeck\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30426\" /></p>\r\n<p>ビジネスを運営していて、その成長を試行錯誤しながら進めていくにあたって、バラバラのデータをマージして可視化することは必要不可欠なことですよね。それをエクセルやGoogleスプレッドシートなどを使ってさまざまなソースからデータを引っ張ってきてグラフ化するのがまだまだ一般的なはず。</p>\r\n<p>その大変な作業を簡単な設定をするだけで済ませられ、さらに表示データをデータソースと同期できるのが、今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数のソースからデータをまとめて可視化できる「DataDeck」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>」は、<strong>さまざまなデータソースが持つデータを同期して、ダッシュボード上にグラフで視覚化してくれるサービス。</strong></p>\r\n<p>連携できるデータソースには、エクセルやCSVをはじめ、Googleドライブ、Google アナリティクス、MySQL、セールスフォースなどといったものがあり、恒常的に発生する可視化する際にデータを紐付ける作業を軽減することができます。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードのサンプル</h4>\r\n[caption id=\"attachment_30430\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-data.png\" alt=\"Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。\" width=\"592\" height=\"333\" class=\"size-full wp-image-30430\" /> Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。[/caption]\r\n<p>画像はGoogle Analyticsのデータをダッシュボードに表示したもの。ダッシュボードのテンプレートも用意されているので、はじめて使うときにもすぐに設定して視覚化することができます。</p>\r\n\r\n[caption id=\"attachment_30429\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-dashboard-tmp.png\" alt=\"ダッシュボードのテンプレート集。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30429\" /> ダッシュボードのテンプレート集。[/caption]\r\n<p>ダッシュボードのテンプレートには、人的リソースの可視化、セールスマネージャーのデイリービュー、セールスパフォーマンスの可視化など、エクセルやGoogleスプレッドシートでデータをまとめているようならば、すぐにでも使い始められるようなものがそろっています。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://dash.datadeck.com/share-panel.html?id=6baf6b59-daba-4193-aa75-001cb7490770\">セールスパフォーマンスのサンプルダッシュボード</a></p>\r\n\r\n<h4 class=\"tips\">データのセットも簡単</h4>\r\n[caption id=\"attachment_30427\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-set.png\" alt=\"Google Analyticsのデータを表示させるためにディメンションをセットしているところ。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30427\" /> Google Analyticsのデータを表示させるためにディメンションをセットしているところ。[/caption]\r\n<p>ダッシュボードにデータを表示させるウィジェットにデータをセットするのですが、たとえばGoogle Analyticsのディメンションやメトリクスを設定する際にも、英語にはなりますが検索で容易に設定することができます。</p>\r\n[caption id=\"attachment_30428\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-filter.png\" alt=\"こちらはフィルタをかけているところ。\" width=\"592\" height=\"253\" class=\"size-full wp-image-30428\" /> こちらはフィルタをかけているところ。[/caption]\r\n<p>たとえば流入キーワードの(not provided)や(not set)などをフィルタリングしたい時にも検索して出せるので便利です。</p>\r\n\r\n<h4 class=\"tips\">データのソースを同期できるサービス</h4>\r\n[caption id=\"attachment_30425\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-data-source.png\" alt=\"連携可能なデータソースの一覧。これからもさらに増えていくとのこと。\" width=\"592\" height=\"265\" class=\"size-full wp-image-30425\" /> 連携可能なデータソースの一覧。これからもさらに増えていくとのこと。[/caption]\r\n<ul><li>Excel/CSV</li><li>Google Analytics</li><li>Google Adwords</li><li>Google Drive</li><li>Google BigQuery</li><li>MySQL</li><li>Amazon RDS</li><li>Salesforce</li><li>Facebook</li></ul>\r\n\r\n<p>これらのサービスと画面上で連携の設定をおこなうだけで、あとは編集画面から検索して抽出したいデータを指定することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>へどうぞ。いまのところ無料で使うことができるようです。</p>\r\n\r\n', 'ExcelやGoogle Analytics、MySQLなどのデータをまとめて簡単に可視化できる「DataDeck」', 'Google Analyticsやスプレッドシート、MySQLなどのデータを1箇所にマージして可視化してくれるオンラインツール。', 'publish', 'open', 'closed', '', 'datadeck', '', '', '2016-11-04 15:24:23', '2016-11-04 06:24:23', '', 0, 'http://web-marketing.zako.org/?p=30424', 0, 'post', '', 0),
(30425, 4, '2016-06-26 21:34:59', '2016-06-26 12:34:59', '', 'datadeck-data-source', '連携可能なデータソースの一覧。これからもさらに増えていくとのこと。', 'inherit', 'open', 'closed', '', 'datadeck-data-source', '', '', '2016-06-26 21:35:12', '2016-06-26 12:35:12', '', 30424, 'http://web-marketing.zako.org/images/2016/06/datadeck-data-source.png', 0, 'attachment', 'image/png', 0),
(30426, 4, '2016-06-26 21:35:01', '2016-06-26 12:35:01', '', 'datadeck', '', 'inherit', 'open', 'closed', '', 'datadeck-2', '', '', '2016-06-26 21:35:20', '2016-06-26 12:35:20', '', 30424, 'http://web-marketing.zako.org/images/2016/06/datadeck.png', 0, 'attachment', 'image/png', 0),
(30427, 4, '2016-06-26 21:35:02', '2016-06-26 12:35:02', '', 'datadeck-ga-set', 'Google Analyticsのデータを表示させるためにディメンションをセットしているところ。', 'inherit', 'open', 'closed', '', 'datadeck-ga-set', '', '', '2016-06-26 21:36:10', '2016-06-26 12:36:10', '', 30424, 'http://web-marketing.zako.org/images/2016/06/datadeck-ga-set.png', 0, 'attachment', 'image/png', 0),
(30428, 4, '2016-06-26 21:35:04', '2016-06-26 12:35:04', '', 'datadeck-ga-filter', 'こちらはフィルタをかけているところ。', 'inherit', 'open', 'closed', '', 'datadeck-ga-filter', '', '', '2016-06-26 21:36:07', '2016-06-26 12:36:07', '', 30424, 'http://web-marketing.zako.org/images/2016/06/datadeck-ga-filter.png', 0, 'attachment', 'image/png', 0),
(30429, 4, '2016-06-26 21:35:06', '2016-06-26 12:35:06', '', 'datadeck-dashboard-tmp', 'ダッシュボードのテンプレート集。', 'inherit', 'open', 'closed', '', 'datadeck-dashboard-tmp', '', '', '2016-06-26 21:36:04', '2016-06-26 12:36:04', '', 30424, 'http://web-marketing.zako.org/images/2016/06/datadeck-dashboard-tmp.png', 0, 'attachment', 'image/png', 0),
(30430, 4, '2016-06-26 21:35:08', '2016-06-26 12:35:08', '', 'datadeck-ga-data', 'Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。', 'inherit', 'open', 'closed', '', 'datadeck-ga-data', '', '', '2016-06-26 21:36:00', '2016-06-26 12:36:00', '', 30424, 'http://web-marketing.zako.org/images/2016/06/datadeck-ga-data.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
(30431, 4, '2016-06-26 21:42:22', '2016-06-26 12:42:22', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/datadeck.png\" alt=\"DataDeck\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30426\" /></p>\r\n<p>ビジネスを運営していて、その成長を試行錯誤しながら進めていくにあたって、バラバラのデータをマージして可視化することは必要不可欠なことですよね。それをエクセルやGoogleスプレッドシートなどを使ってさまざまなソースからデータを引っ張ってきてグラフ化するのがまだまだ一般的なはず。</p>\r\n<p>その大変な作業を簡単な設定をするだけで済ませられ、さらに表示データをデータソースと同期できるのが、今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数のソースからデータをまとめて可視化できる「DataDeck」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>」は、<strong>さまざまなデータソースが持つデータを同期して、ダッシュボード上にグラフで視覚化してくれるサービス。</strong></p>\r\n<p>連携できるデータソースには、エクセルやCSVをはじめ、Googleドライブ、Google アナリティクス、MySQL、セールスフォースなどといったものがあり、恒常的に発生する可視化する際にデータを紐付ける作業を軽減することができます。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードのサンプル</h4>\r\n[caption id=\"attachment_30430\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-data.png\" alt=\"Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。\" width=\"592\" height=\"333\" class=\"size-full wp-image-30430\" /> Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。[/caption]\r\n<p>画像はGoogle Analyticsのデータをダッシュボードに表示したもの。ダッシュボードのテンプレートも用意されているので、はじめて使うときにもすぐに設定して視覚化することができます。</p>\r\n\r\n[caption id=\"attachment_30429\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-dashboard-tmp.png\" alt=\"ダッシュボードのテンプレート集。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30429\" /> ダッシュボードのテンプレート集。[/caption]\r\n<p>ダッシュボードのテンプレートには、人的リソースの可視化、セールスマネージャーのデイリービュー、セールスパフォーマンスの可視化など、エクセルやGoogleスプレッドシートでデータをまとめているようならば、すぐにでも使い始められるようなものがそろっています。</p>\r\n\r\n<h4 class=\"tips\">データのセットも簡単</h4>\r\n[caption id=\"attachment_30427\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-set.png\" alt=\"Google Analyticsのデータを表示させるためにディメンションをセットしているところ。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30427\" /> Google Analyticsのデータを表示させるためにディメンションをセットしているところ。[/caption]\r\n<p>ダッシュボードにデータを表示させるウィジェットにデータをセットするのですが、たとえばGoogle Analyticsのディメンションやメトリクスを設定する際にも、英語にはなりますが検索で容易に設定することができます。</p>\r\n[caption id=\"attachment_30428\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-filter.png\" alt=\"こちらはフィルタをかけているところ。\" width=\"592\" height=\"253\" class=\"size-full wp-image-30428\" /> こちらはフィルタをかけているところ。[/caption]\r\n<p>たとえば流入キーワードの(not provided)や(not set)などをフィルタリングしたい時にも検索して出せるので便利です。</p>\r\n\r\n<h4 class=\"tips\">データのソースを同期できるサービス</h4>\r\n[caption id=\"attachment_30425\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-data-source.png\" alt=\"連携可能なデータソースの一覧。これからもさらに増えていくとのこと。\" width=\"592\" height=\"265\" class=\"size-full wp-image-30425\" /> 連携可能なデータソースの一覧。これからもさらに増えていくとのこと。[/caption]\r\n<ul><li>Excel/CSV</li><li>Google Analytics</li><li>Google Adwords</li><li>Google Drive</li><li>Google BigQuery</li><li>MySQL</li><li>Amazon RDS</li><li>Salesforce</li><li>Facebook</li></ul>\r\n\r\n<p>これらのサービスと画面上で連携の設定をおこなうだけで、あとは編集画面から検索して抽出したいデータを指定することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>へどうぞ。いまのところ無料で使うことができるようです。</p>\r\n\r\n', 'ExcelやGoogle Analytics、MySQLなどのデータをまとめて簡単に可視化できる「DataDeck」', '', 'inherit', 'closed', 'closed', '', '30424-revision-v1', '', '', '2016-06-26 21:42:22', '2016-06-26 12:42:22', '', 30424, 'http://web-marketing.zako.org/web-tools/30424-revision-v1.html', 0, 'revision', '', 0),
(30432, 4, '2016-06-26 21:44:33', '2016-06-26 12:44:33', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/datadeck.png\" alt=\"DataDeck\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30426\" /></p>\r\n<p>ビジネスを運営していて、その成長を試行錯誤しながら進めていくにあたって、バラバラのデータをマージして可視化することは必要不可欠なことですよね。それをエクセルやGoogleスプレッドシートなどを使ってさまざまなソースからデータを引っ張ってきてグラフ化するのがまだまだ一般的なはず。</p>\r\n<p>その大変な作業を簡単な設定をするだけで済ませられ、さらに表示データをデータソースと同期できるのが、今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数のソースからデータをまとめて可視化できる「DataDeck」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>」は、<strong>さまざまなデータソースが持つデータを同期して、ダッシュボード上にグラフで視覚化してくれるサービス。</strong></p>\r\n<p>連携できるデータソースには、エクセルやCSVをはじめ、Googleドライブ、Google アナリティクス、MySQL、セールスフォースなどといったものがあり、恒常的に発生する可視化する際にデータを紐付ける作業を軽減することができます。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードのサンプル</h4>\r\n[caption id=\"attachment_30430\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-data.png\" alt=\"Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。\" width=\"592\" height=\"333\" class=\"size-full wp-image-30430\" /> Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。[/caption]\r\n<p>画像はGoogle Analyticsのデータをダッシュボードに表示したもの。ダッシュボードのテンプレートも用意されているので、はじめて使うときにもすぐに設定して視覚化することができます。</p>\r\n\r\n[caption id=\"attachment_30429\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-dashboard-tmp.png\" alt=\"ダッシュボードのテンプレート集。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30429\" /> ダッシュボードのテンプレート集。[/caption]\r\n<p>ダッシュボードのテンプレートには、人的リソースの可視化、セールスマネージャーのデイリービュー、セールスパフォーマンスの可視化など、エクセルやGoogleスプレッドシートでデータをまとめているようならば、すぐにでも使い始められるようなものがそろっています。</p>\r\n\r\n<h4 class=\"tips\">データのセットも簡単</h4>\r\n[caption id=\"attachment_30427\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-set.png\" alt=\"Google Analyticsのデータを表示させるためにディメンションをセットしているところ。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30427\" /> Google Analyticsのデータを表示させるためにディメンションをセットしているところ。[/caption]\r\n<p>ダッシュボードにデータを表示させるウィジェットにデータをセットするのですが、たとえばGoogle Analyticsのディメンションやメトリクスを設定する際にも、英語にはなりますが検索で容易に設定することができます。</p>\r\n[caption id=\"attachment_30428\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-filter.png\" alt=\"こちらはフィルタをかけているところ。\" width=\"592\" height=\"253\" class=\"size-full wp-image-30428\" /> こちらはフィルタをかけているところ。[/caption]\r\n<p>たとえば流入キーワードの(not provided)や(not set)などをフィルタリングしたい時にも検索して出せるので便利です。</p>\r\n\r\n<h4 class=\"tips\">データのソースを同期できるサービス</h4>\r\n[caption id=\"attachment_30425\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-data-source.png\" alt=\"連携可能なデータソースの一覧。これからもさらに増えていくとのこと。\" width=\"592\" height=\"265\" class=\"size-full wp-image-30425\" /> 連携可能なデータソースの一覧。これからもさらに増えていくとのこと。[/caption]\r\n<ul><li>Excel/CSV</li><li>Google Analytics</li><li>Google Adwords</li><li>Google Drive</li><li>Google BigQuery</li><li>MySQL</li><li>Amazon RDS</li><li>Salesforce</li><li>Facebook</li></ul>\r\n\r\n<p>これらのサービスと画面上で連携の設定をおこなうだけで、あとは編集画面から検索して抽出したいデータを指定することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>へどうぞ。いまのところ無料で使うことができるようです。</p>\r\n\r\n', 'ExcelやGoogle Analytics、MySQLなどのデータをまとめて簡単に可視化できる「DataDeck」', 'Google Analyticsやスプレッドシート、MySQLなどのデータを1箇所にマージして可視化してくれるオンラインツール。', 'inherit', 'closed', 'closed', '', '30424-revision-v1', '', '', '2016-06-26 21:44:33', '2016-06-26 12:44:33', '', 30424, 'http://web-marketing.zako.org/web-tools/30424-revision-v1.html', 0, 'revision', '', 0),
(30433, 4, '2016-06-26 23:36:00', '2016-06-26 14:36:00', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/06/datadeck.png\" alt=\"DataDeck\" width=\"592\" height=\"279\" class=\"alignnone size-full wp-image-30426\" /></p>\r\n<p>ビジネスを運営していて、その成長を試行錯誤しながら進めていくにあたって、バラバラのデータをマージして可視化することは必要不可欠なことですよね。それをエクセルやGoogleスプレッドシートなどを使ってさまざまなソースからデータを引っ張ってきてグラフ化するのがまだまだ一般的なはず。</p>\r\n<p>その大変な作業を簡単な設定をするだけで済ませられ、さらに表示データをデータソースと同期できるのが、今回ご紹介するツールです。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">複数のソースからデータをまとめて可視化できる「DataDeck」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>」は、<strong>さまざまなデータソースが持つデータを同期して、ダッシュボード上にグラフで視覚化してくれるサービス。</strong></p>\r\n<p>連携できるデータソースには、エクセルやCSVをはじめ、Googleドライブ、Google アナリティクス、MySQL、セールスフォースなどといったものがあり、恒常的に発生する可視化する際にデータを紐付ける作業を軽減することができます。</p>\r\n\r\n<h4 class=\"tips\">ダッシュボードのサンプル</h4>\r\n[caption id=\"attachment_30430\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-data.png\" alt=\"Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。\" width=\"592\" height=\"333\" class=\"size-full wp-image-30430\" /> Google Analyticsのデータ、テンプレートから作成したものですが、グラフの数が多すぎて、この画像では一部分しか表示していません。[/caption]\r\n<p>画像はGoogle Analyticsのデータをダッシュボードに表示したもの。ダッシュボードのテンプレートも用意されているので、はじめて使うときにもすぐに設定して視覚化することができます。</p>\r\n\r\n[caption id=\"attachment_30429\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-dashboard-tmp.png\" alt=\"ダッシュボードのテンプレート集。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30429\" /> ダッシュボードのテンプレート集。[/caption]\r\n<p>ダッシュボードのテンプレートには、人的リソースの可視化、セールスマネージャーのデイリービュー、セールスパフォーマンスの可視化など、エクセルやGoogleスプレッドシートでデータをまとめているようならば、すぐにでも使い始められるようなものがそろっています。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://dash.datadeck.com/share-panel.html?id=6baf6b59-daba-4193-aa75-001cb7490770\">セールスパフォーマンスのサンプルダッシュボード</p>\r\n\r\n<h4 class=\"tips\">データのセットも簡単</h4>\r\n[caption id=\"attachment_30427\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-set.png\" alt=\"Google Analyticsのデータを表示させるためにディメンションをセットしているところ。\" width=\"592\" height=\"224\" class=\"size-full wp-image-30427\" /> Google Analyticsのデータを表示させるためにディメンションをセットしているところ。[/caption]\r\n<p>ダッシュボードにデータを表示させるウィジェットにデータをセットするのですが、たとえばGoogle Analyticsのディメンションやメトリクスを設定する際にも、英語にはなりますが検索で容易に設定することができます。</p>\r\n[caption id=\"attachment_30428\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-ga-filter.png\" alt=\"こちらはフィルタをかけているところ。\" width=\"592\" height=\"253\" class=\"size-full wp-image-30428\" /> こちらはフィルタをかけているところ。[/caption]\r\n<p>たとえば流入キーワードの(not provided)や(not set)などをフィルタリングしたい時にも検索して出せるので便利です。</p>\r\n\r\n<h4 class=\"tips\">データのソースを同期できるサービス</h4>\r\n[caption id=\"attachment_30425\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/06/datadeck-data-source.png\" alt=\"連携可能なデータソースの一覧。これからもさらに増えていくとのこと。\" width=\"592\" height=\"265\" class=\"size-full wp-image-30425\" /> 連携可能なデータソースの一覧。これからもさらに増えていくとのこと。[/caption]\r\n<ul><li>Excel/CSV</li><li>Google Analytics</li><li>Google Adwords</li><li>Google Drive</li><li>Google BigQuery</li><li>MySQL</li><li>Amazon RDS</li><li>Salesforce</li><li>Facebook</li></ul>\r\n\r\n<p>これらのサービスと画面上で連携の設定をおこなうだけで、あとは編集画面から検索して抽出したいデータを指定することができます。</p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"https://sheet.datadeck.com/\">DataDeck</a>へどうぞ。いまのところ無料で使うことができるようです。</p>\r\n\r\n', 'ExcelやGoogle Analytics、MySQLなどのデータをまとめて簡単に可視化できる「DataDeck」', 'Google Analyticsやスプレッドシート、MySQLなどのデータを1箇所にマージして可視化してくれるオンラインツール。', 'inherit', 'closed', 'closed', '', '30424-revision-v1', '', '', '2016-06-26 23:36:00', '2016-06-26 14:36:00', '', 30424, 'http://web-marketing.zako.org/web-tools/30424-revision-v1.html', 0, 'revision', '', 0),
(30435, 4, '2016-07-04 00:01:00', '2016-07-03 15:01:00', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/07/fontfit.png\" alt=\"fontfit\" width=\"592\" height=\"332\" class=\"alignnone size-full wp-image-30436\" /></p>\r\n<p>もしもウェブサイトのフォントスタイルやサイズ、あるいは文字色を変更したらどうなるのか。言ってしまえばブラウザの開発者ツールでいじればなんとかなるのでしょうけれども、CSSの影響範囲を鑑みながらシミュレーションしていくのは意外と面倒ですよね。</p>\r\n<p>今回は、日本語特有のフォントはないものの、その作業を、非常に簡単におこなえてしまうオンラインツールをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">サイトのフォント変更をシミュレーションできる「Font Fit」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.fontfit.com/\">Font Fit</a>」は、<strong>指定したページのフォントを変更し、どのように表示されるのかをシミュレーションできる</strong>サービス。</p>\r\n<p>シミュレーションできるのは、フォントのスタイルやサイズ、太さや色など、通常フォントを決める際に検討するものです。</p>\r\n\r\n<h4 class=\"tips\">URLで対象ページを指定</h4>\r\n[caption id=\"attachment_30441\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit1.png\" alt=\"シミュレーションしたいサイトのURLを入力\" width=\"592\" height=\"126\" class=\"size-full wp-image-30441\" /> シミュレーションしたいサイトのURLを入力[/caption]\r\n<p>まずサービスのトップページで、フォントのシミュレーションをしたいページのURLを指定します。</p>\r\n\r\n<p>すると、サイト内に対象のページが読み込まれます。</p>\r\n[caption id=\"attachment_30440\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit2.png\" alt=\"シミュレーションしたいサイトが読み込まれた状態\" width=\"592\" height=\"310\" class=\"size-full wp-image-30440\" /> シミュレーションしたいサイトが読み込まれた状態[/caption]\r\n<h4 class=\"tips\">BodyやArticleなどの範囲でフォントを変更</h4>\r\n[caption id=\"attachment_30439\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit3.png\" alt=\"フォントを変更したい部分をクリックして選択\" width=\"592\" height=\"205\" class=\"size-full wp-image-30439\" /> フォントを変更したい部分をクリックして選択[/caption]\r\n<p>フォントを変更したい部分をクリックして選択します。すると同一の要素のフォントを一括で変更できるようになります。</p>\r\n\r\n[caption id=\"attachment_30438\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit4.png\" alt=\"フォントのスタイルやサイズなどを変更\" width=\"592\" height=\"323\" class=\"size-full wp-image-30438\" /> フォントのスタイルやサイズなどを変更[/caption]\r\n<p>上部メニューでスタイルやサイズ、色などといったものを変更できます。</p>\r\n\r\n<h4 class=\"tips\">シミュレーションした状態の共有やエクスポートも可能</h4>\r\n[caption id=\"attachment_30437\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit5.png\" alt=\"シミュレーションの結果をエクスポート\" width=\"592\" height=\"329\" class=\"size-full wp-image-30437\" /> シミュレーションの結果をエクスポート[/caption]\r\n<p>シミュレーションした結果は、そのままHTMLとしてURLで共有することも可能。また、結果をCSSでエクスポートすることもできます。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"http://www.fontfit.com/fonter/load/9d9ae255-8d16-4a3a-9712-fde166ddb5ff\">シミュレーションの結果</a></p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.fontfit.com/\">Font Fit</a>へどうぞ。</p>\r\n', 'サイトのフォントを変えたらどうなるかシミュレーションできる「Font Fit」', 'サイトのフォント変更をシミュレーションできるオンラインツール。', 'publish', 'open', 'closed', '', 'font-fit', '', '', '2016-07-04 00:01:00', '2016-07-03 15:01:00', '', 0, 'http://web-marketing.zako.org/?p=30435', 0, 'post', '', 0),
(30436, 4, '2016-07-03 22:27:48', '2016-07-03 13:27:48', '', 'fontfit', '', 'inherit', 'open', 'closed', '', 'fontfit', '', '', '2016-07-03 22:30:34', '2016-07-03 13:30:34', '', 30435, 'http://web-marketing.zako.org/images/2016/07/fontfit.png', 0, 'attachment', 'image/png', 0),
(30437, 4, '2016-07-03 22:27:50', '2016-07-03 13:27:50', '', 'fontfit5', 'シミュレーションの結果をエクスポート', 'inherit', 'open', 'closed', '', 'fontfit5', '', '', '2016-07-03 22:30:52', '2016-07-03 13:30:52', '', 30435, 'http://web-marketing.zako.org/images/2016/07/fontfit5.png', 0, 'attachment', 'image/png', 0),
(30438, 4, '2016-07-03 22:27:51', '2016-07-03 13:27:51', '', 'fontfit4', 'フォントのスタイルやサイズなどを変更', 'inherit', 'open', 'closed', '', 'fontfit4', '', '', '2016-07-03 22:30:59', '2016-07-03 13:30:59', '', 30435, 'http://web-marketing.zako.org/images/2016/07/fontfit4.png', 0, 'attachment', 'image/png', 0),
(30439, 4, '2016-07-03 22:27:53', '2016-07-03 13:27:53', '', 'fontfit3', 'フォントを変更したい部分をクリックして選択', 'inherit', 'open', 'closed', '', 'fontfit3', '', '', '2016-07-03 22:32:27', '2016-07-03 13:32:27', '', 30435, 'http://web-marketing.zako.org/images/2016/07/fontfit3.png', 0, 'attachment', 'image/png', 0),
(30440, 4, '2016-07-03 22:27:56', '2016-07-03 13:27:56', '', 'fontfit2', 'シミュレーションしたいサイトが読み込まれた状態', 'inherit', 'open', 'closed', '', 'fontfit2', '', '', '2016-07-03 22:32:35', '2016-07-03 13:32:35', '', 30435, 'http://web-marketing.zako.org/images/2016/07/fontfit2.png', 0, 'attachment', 'image/png', 0),
(30441, 4, '2016-07-03 22:27:57', '2016-07-03 13:27:57', '', 'fontfit1', 'シミュレーションしたいサイトのURLを入力', 'inherit', 'open', 'closed', '', 'fontfit1', '', '', '2016-07-03 22:32:45', '2016-07-03 13:32:45', '', 30435, 'http://web-marketing.zako.org/images/2016/07/fontfit1.png', 0, 'attachment', 'image/png', 0),
(30442, 4, '2016-07-03 22:37:05', '2016-07-03 13:37:05', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/07/fontfit.png\" alt=\"fontfit\" width=\"592\" height=\"332\" class=\"alignnone size-full wp-image-30436\" /></p>\r\n<p>もしもウェブサイトのフォントスタイルやサイズ、あるいは文字色を変更したらどうなるのか。言ってしまえばブラウザの開発者ツールでいじればなんとかなるのでしょうけれども、CSSの影響範囲を鑑みながらシミュレーションしていくのは意外と面倒ですよね。</p>\r\n<p>今回は、日本語特有のフォントはないものの、その作業を、非常に簡単におこなえてしまうオンラインツールをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">サイトのフォント変更をシミュレーションできる「Font Fit」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.fontfit.com/\">Font Fit</a>」は、<strong>指定したページのフォントを変更し、どのように表示されるのかをシミュレーションできる</strong>サービス。</p>\r\n<p>シミュレーションできるのは、フォントのスタイルやサイズ、太さや色など、通常フォントを決める際に検討するものです。</p>\r\n\r\n<h4 class=\"tips\">URLで対象ページを指定</h4>\r\n[caption id=\"attachment_30441\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit1.png\" alt=\"シミュレーションしたいサイトのURLを入力\" width=\"592\" height=\"126\" class=\"size-full wp-image-30441\" /> シミュレーションしたいサイトのURLを入力[/caption]\r\n<p>まずサービスのトップページで、フォントのシミュレーションをしたいページのURLを指定します。</p>\r\n\r\n<p>すると、サイト内に対象のページが読み込まれます。</p>\r\n[caption id=\"attachment_30440\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit2.png\" alt=\"シミュレーションしたいサイトが読み込まれた状態\" width=\"592\" height=\"310\" class=\"size-full wp-image-30440\" /> シミュレーションしたいサイトが読み込まれた状態[/caption]\r\n<h4 class=\"tips\">BodyやArticleなどの範囲でフォントを変更</h4>\r\n[caption id=\"attachment_30439\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit3.png\" alt=\"フォントを変更したい部分をクリックして選択\" width=\"592\" height=\"205\" class=\"size-full wp-image-30439\" /> フォントを変更したい部分をクリックして選択[/caption]\r\n<p>フォントを変更したい部分をクリックして選択します。すると同一の要素のフォントを一括で変更できるようになります。</p>\r\n\r\n[caption id=\"attachment_30438\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit4.png\" alt=\"フォントのスタイルやサイズなどを変更\" width=\"592\" height=\"323\" class=\"size-full wp-image-30438\" /> フォントのスタイルやサイズなどを変更[/caption]\r\n<p>上部メニューでスタイルやサイズ、色などといったものを変更できます。</p>\r\n\r\n<h4 class=\"tips\">シミュレーションした状態の共有やエクスポートも可能</h4>\r\n[caption id=\"attachment_30437\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit5.png\" alt=\"シミュレーションの結果をエクスポート\" width=\"592\" height=\"329\" class=\"size-full wp-image-30437\" /> シミュレーションの結果をエクスポート[/caption]\r\n<p>シミュレーションした結果は、そのままHTMLとしてURLで共有することも可能。また、結果をCSSでエクスポートすることもできます。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"http://www.fontfit.com/fonter/load/9d9ae255-8d16-4a3a-9712-fde166ddb5ff\">シミュレーションの結果</a></p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.fontfit.com/\">Font Fit</a>へどうぞ。</p>\r\n', 'サイトのフォントを変えたらどうなるかシミュレーションできる「Font Fit」', '', 'inherit', 'closed', 'closed', '', '30435-revision-v1', '', '', '2016-07-03 22:37:05', '2016-07-03 13:37:05', '', 30435, 'http://web-marketing.zako.org/web-tools/30435-revision-v1.html', 0, 'revision', '', 0),
(30443, 4, '2016-07-03 22:37:27', '2016-07-03 13:37:27', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/07/fontfit.png\" alt=\"fontfit\" width=\"592\" height=\"332\" class=\"alignnone size-full wp-image-30436\" /></p>\r\n<p>もしもウェブサイトのフォントスタイルやサイズ、あるいは文字色を変更したらどうなるのか。言ってしまえばブラウザの開発者ツールでいじればなんとかなるのでしょうけれども、CSSの影響範囲を鑑みながらシミュレーションしていくのは意外と面倒ですよね。</p>\r\n<p>今回は、日本語特有のフォントはないものの、その作業を、非常に簡単におこなえてしまうオンラインツールをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">サイトのフォント変更をシミュレーションできる「Font Fit」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://www.fontfit.com/\">Font Fit</a>」は、<strong>指定したページのフォントを変更し、どのように表示されるのかをシミュレーションできる</strong>サービス。</p>\r\n<p>シミュレーションできるのは、フォントのスタイルやサイズ、太さや色など、通常フォントを決める際に検討するものです。</p>\r\n\r\n<h4 class=\"tips\">URLで対象ページを指定</h4>\r\n[caption id=\"attachment_30441\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit1.png\" alt=\"シミュレーションしたいサイトのURLを入力\" width=\"592\" height=\"126\" class=\"size-full wp-image-30441\" /> シミュレーションしたいサイトのURLを入力[/caption]\r\n<p>まずサービスのトップページで、フォントのシミュレーションをしたいページのURLを指定します。</p>\r\n\r\n<p>すると、サイト内に対象のページが読み込まれます。</p>\r\n[caption id=\"attachment_30440\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit2.png\" alt=\"シミュレーションしたいサイトが読み込まれた状態\" width=\"592\" height=\"310\" class=\"size-full wp-image-30440\" /> シミュレーションしたいサイトが読み込まれた状態[/caption]\r\n<h4 class=\"tips\">BodyやArticleなどの範囲でフォントを変更</h4>\r\n[caption id=\"attachment_30439\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit3.png\" alt=\"フォントを変更したい部分をクリックして選択\" width=\"592\" height=\"205\" class=\"size-full wp-image-30439\" /> フォントを変更したい部分をクリックして選択[/caption]\r\n<p>フォントを変更したい部分をクリックして選択します。すると同一の要素のフォントを一括で変更できるようになります。</p>\r\n\r\n[caption id=\"attachment_30438\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit4.png\" alt=\"フォントのスタイルやサイズなどを変更\" width=\"592\" height=\"323\" class=\"size-full wp-image-30438\" /> フォントのスタイルやサイズなどを変更[/caption]\r\n<p>上部メニューでスタイルやサイズ、色などといったものを変更できます。</p>\r\n\r\n<h4 class=\"tips\">シミュレーションした状態の共有やエクスポートも可能</h4>\r\n[caption id=\"attachment_30437\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/fontfit5.png\" alt=\"シミュレーションの結果をエクスポート\" width=\"592\" height=\"329\" class=\"size-full wp-image-30437\" /> シミュレーションの結果をエクスポート[/caption]\r\n<p>シミュレーションした結果は、そのままHTMLとしてURLで共有することも可能。また、結果をCSSでエクスポートすることもできます。</p>\r\n\r\n<p class=\"desc\"><a target=\"_blank\" href=\"http://www.fontfit.com/fonter/load/9d9ae255-8d16-4a3a-9712-fde166ddb5ff\">シミュレーションの結果</a></p>\r\n\r\n<p>興味があるかたは<a target=\"_blank\" href=\"http://www.fontfit.com/\">Font Fit</a>へどうぞ。</p>\r\n', 'サイトのフォントを変えたらどうなるかシミュレーションできる「Font Fit」', 'サイトのフォント変更をシミュレーションできるオンラインツール。', 'inherit', 'closed', 'closed', '', '30435-revision-v1', '', '', '2016-07-03 22:37:27', '2016-07-03 13:37:27', '', 30435, 'http://web-marketing.zako.org/web-tools/30435-revision-v1.html', 0, 'revision', '', 0),
(30444, 4, '2016-07-10 17:16:54', '0000-00-00 00:00:00', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/07/colordrop-io.jpg\" alt=\"colordrop-io\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30447\" /></p>\r\n<p>WEBサイトの制作をおこなうにあたって、サイトの配色を決めるのは手間がかかるものですよね。</p>\r\n<p>その配色を決める際の手間を、極力省いてくれそうなのが、今回ご紹介する配色パターンのサンプルを見られるサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さまざまな配色パターンを、背景色に合わせながら選べる「ColorDrop.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://colordrop.io/\">ColorDrop</a>」は、トレンドを押さえた配色パターンを一覧し、それぞれのカラーコードを取得することができるサービス。</p>\r\n<p>配色一覧の背景色を変えることで、理想とするものをより判断しやすくしてくれるものにもなっています。</p>\r\n\r\n<h4 class=\"tips\">配色のカラーコードを取得可能</h4>\r\n[caption id=\"attachment_30448\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/colordrop-io-pick.jpg\" alt=\"パターンを選択すると、画面右側にカラーコードが表示される。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30448\" /> パターンを選択すると、画面右側にカラーコードが表示される。[/caption]\r\n<p>気に入った配色パターンをクリックすると、右側に4色のカラーコードが表示されます。コピーできるカラーコードはHEX値とRGB値です。</p>\r\n\r\n[caption id=\"attachment_30446\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/colordrop-io-bg.jpg\" alt=\"背景色を変えて配色パターンを選ぶことも可能。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30446\" /> 背景色を変えて配色パターンを選ぶことも可能。[/caption]\r\n<p>背景色も変更可能、サイトのメインカラーに合わせて、配色がどのように作用するかをこれである程度予測することができます。</p>\r\n\r\n<h4 class=\"tips\">配色をお気に入りに保存できる</h4>\r\n[caption id=\"attachment_30445\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/colordrop-io-fav.jpg\" alt=\"お気に入りの配色パターンを一覧。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30445\" /> お気に入りの配色パターンを一覧。[/caption]\r\n<p>配色のカラーコードを表示する右側の欄の一番上に「★FAVOURITE」というリンクがあります。これをクリックすることで、その配色をお気に入りに保存することができます。</p>\r\n\r\n<p>お気に入りに保存をすると、左メニューにある「Favourites」から、お気に入りの配色パターン一覧を表示させることができます。気になる配色をいくつか保存しておいて、ここで一覧して最終的に選択することができますね。</p>\r\n\r\n<p>興味があるかたは「<a target=\"_blank\" href=\"https://colordrop.io/\">ColorDrop</a>」へどうぞ。</p>\r\n', 'WEBデザインで色の組み合わせを選ぶのに便利な「ColorDrop.io」', 'WEBデザインをおこなう際の配色パターンの決定を便利におこなえるサイト。', 'draft', 'open', 'closed', '', 'colordrop-io', '', '', '2016-07-10 17:16:54', '2016-07-10 08:16:54', '', 0, 'http://web-marketing.zako.org/?p=30444', 0, 'post', '', 0),
(30445, 4, '2016-07-10 17:13:40', '2016-07-10 08:13:40', '', 'colordrop-io-fav', 'お気に入りの配色パターンを一覧。', 'inherit', 'open', 'closed', '', 'colordrop-io-fav', '', '', '2016-07-10 17:13:48', '2016-07-10 08:13:48', '', 30444, 'http://web-marketing.zako.org/images/2016/07/colordrop-io-fav.jpg', 0, 'attachment', 'image/jpeg', 0),
(30446, 4, '2016-07-10 17:13:42', '2016-07-10 08:13:42', '', 'colordrop-io-bg', '背景色を変えて配色パターンを選ぶことも可能。', 'inherit', 'open', 'closed', '', 'colordrop-io-bg', '', '', '2016-07-10 17:14:05', '2016-07-10 08:14:05', '', 30444, 'http://web-marketing.zako.org/images/2016/07/colordrop-io-bg.jpg', 0, 'attachment', 'image/jpeg', 0),
(30447, 4, '2016-07-10 17:13:46', '2016-07-10 08:13:46', '', 'colordrop-io', '', 'inherit', 'open', 'closed', '', 'colordrop-io', '', '', '2016-07-10 17:14:14', '2016-07-10 08:14:14', '', 30444, 'http://web-marketing.zako.org/images/2016/07/colordrop-io.jpg', 0, 'attachment', 'image/jpeg', 0),
(30448, 4, '2016-07-10 17:13:49', '2016-07-10 08:13:49', '', 'colordrop-io-pick', 'パターンを選択すると、画面右側にカラーコードが表示される。', 'inherit', 'open', 'closed', '', 'colordrop-io-pick', '', '', '2016-07-10 17:14:23', '2016-07-10 08:14:23', '', 30444, 'http://web-marketing.zako.org/images/2016/07/colordrop-io-pick.jpg', 0, 'attachment', 'image/jpeg', 0),
(30449, 4, '2016-07-10 17:16:35', '2016-07-10 08:16:35', '<p class=\"thumb\"><img src=\"http://cdn.zako.org/images/2016/07/colordrop-io.jpg\" alt=\"colordrop-io\" width=\"592\" height=\"310\" class=\"alignnone size-full wp-image-30447\" /></p>\r\n<p>WEBサイトの制作をおこなうにあたって、サイトの配色を決めるのは手間がかかるものですよね。</p>\r\n<p>その配色を決める際の手間を、極力省いてくれそうなのが、今回ご紹介する配色パターンのサンプルを見られるサービスです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">さまざまな配色パターンを、背景色に合わせながら選べる「ColorDrop.io」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://colordrop.io/\">ColorDrop</a>」は、トレンドを押さえた配色パターンを一覧し、それぞれのカラーコードを取得することができるサービス。</p>\r\n<p>配色一覧の背景色を変えることで、理想とするものをより判断しやすくしてくれるものにもなっています。</p>\r\n\r\n<h4 class=\"tips\">配色のカラーコードを取得可能</h4>\r\n[caption id=\"attachment_30448\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/colordrop-io-pick.jpg\" alt=\"パターンを選択すると、画面右側にカラーコードが表示される。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30448\" /> パターンを選択すると、画面右側にカラーコードが表示される。[/caption]\r\n<p>気に入った配色パターンをクリックすると、右側に4色のカラーコードが表示されます。コピーできるカラーコードはHEX値とRGB値です。</p>\r\n\r\n[caption id=\"attachment_30446\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/colordrop-io-bg.jpg\" alt=\"背景色を変えて配色パターンを選ぶことも可能。\" width=\"592\" height=\"310\" class=\"size-full wp-image-30446\" /> 背景色を変えて配色パターンを選ぶことも可能。[/caption]\r\n<p>背景色も変更可能、サイトのメインカラーに合わせて、配色がどのように作用するかをこれである程度予測することができます。</p>\r\n\r\n<h4 class=\"tips\">配色をお気に入りに保存できる</h4>\r\n[caption id=\"attachment_30445\" align=\"alignnone\" width=\"592\"]<img src=\"http://cdn.zako.org/images/2016/07/colordrop-io-fav.jpg\" alt=\"お気に入りの配色パターンを一覧。\" width=\"592\" height=\"307\" class=\"size-full wp-image-30445\" /> お気に入りの配色パターンを一覧。[/caption]\r\n<p>配色のカラーコードを表示する右側の欄の一番上に「★FAVOURITE」というリンクがあります。これをクリックすることで、その配色をお気に入りに保存することができます。</p>\r\n\r\n<p>お気に入りに保存をすると、左メニューにある「Favourites」から、お気に入りの配色パターン一覧を表示させることができます。気になる配色をいくつか保存しておいて、ここで一覧して最終的に選択することができますね。</p>\r\n\r\n<p>興味があるかたは「<a target=\"_blank\" href=\"https://colordrop.io/\">ColorDrop</a>」へどうぞ。</p>\r\n', 'WEBデザインで色の組み合わせを選ぶのに便利な「ColorDrop.io」', 'WEBデザインをおこなう際の配色パターンの決定を便利におこなえるサイト。', 'inherit', 'closed', 'closed', '', '30444-revision-v1', '', '', '2016-07-10 17:16:35', '2016-07-10 08:16:35', '', 30444, 'http://web-marketing.zako.org/web-tools/30444-revision-v1.html', 0, 'revision', '', 0),
(30451, 4, '2016-07-18 22:56:36', '2016-07-18 13:56:36', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/07/darkness-chrome.jpg\" alt=\"Darkness\" width=\"592\" height=\"370\" class=\"alignnone size-full wp-image-30455\" /></p>\r\n<p>日頃からよく使うツールの大半が明るい色のUIであるために、ブルーライトから目を守るメガネを使っているような方も多いのではないでしょうか。</p>\r\n<p>しかし、そのようなメガネをかけていたとしても、長時間画面を見ていると、目が疲れることにあまり変わりがないようにも感じるところがあります。</p>\r\n<p>今回ご紹介するのは、そんな目の疲れの根本原因のひとつである明るい色のUIを、プラグインを入れるだけで目に優しい暗い色でかつ美しいテーマに変えることができるGoogle Chromeの拡張機能です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">GoogleやFacebookの背景色を目に優しい色にする「Darkness」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>」は、<strong>GoogleやFacebookの画面を、目に優しい暗い色にしてくれる</strong>Google Chrome拡張機能。</p>\r\n<p>さらに4.99ドルの有料版を購入することでGmailとYoutubeも目に優しい色へ変更することができます。</p>\r\n\r\n<h4 class=\"tips\">拡張機能をインストールするだけで暗い背景に</h4>\r\n[caption id=\"attachment_30454\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-google.png\" alt=\"暗い背景になったGoogle検索結果\" width=\"592\" height=\"302\" class=\"size-full wp-image-30454\" /> 暗い背景になったGoogle検索結果[/caption]\r\n<p>この拡張機能のポイントは、ただ単に暗い背景にするだけでなく、微妙な配色にもこだわっている点。無料で使えるテーマはIcebergだけですが、有料版ではさらに「Tomorrow」と「Material Design」のテーマを利用することができます。</p>\r\n\r\n[caption id=\"attachment_30453\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-setting.png\" alt=\"ページの右上に表示されるボタンを押して、テーマを選択\" width=\"592\" height=\"305\" class=\"size-full wp-image-30453\" /> ページの右上に表示されるボタンを押して、テーマを選択[/caption]\r\n<p>暗いテーマに切り替えるには、ページの右上に出るボタンを押し、暗いテーマを選択します。その後は「No Theme」を選択しないかぎり、暗い背景色のまま使い続けることができます。</p>\r\n\r\n[caption id=\"attachment_30452\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-fb.png\" alt=\"Facebookの画面もこのとおり\" width=\"592\" height=\"307\" class=\"size-full wp-image-30452\" /> Facebookの画面もこのとおり[/caption]\r\n<p>Facebookの場合も同様の設定手順で暗い背景に切り替えることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>へどうぞ。</p>\r\n\r\n', 'GoogleとFacebookのページを目に優しい暗い背景にするChrome拡張「Darkness」', 'Google、Facebookの明るい色のUIを暗くすることで目に優しくしてくれるChrome拡張機能。', 'publish', 'open', 'closed', '', 'darkness-chrome', '', '', '2016-07-18 22:56:36', '2016-07-18 13:56:36', '', 0, 'http://web-marketing.zako.org/?p=30451', 0, 'post', '', 0),
(30452, 4, '2016-07-18 22:45:28', '2016-07-18 13:45:28', '', 'darkness-fb', 'Facebookの画面もこのとおり', 'inherit', 'open', 'closed', '', 'darkness-fb', '', '', '2016-07-18 22:53:04', '2016-07-18 13:53:04', '', 30451, 'http://web-marketing.zako.org/images/2016/07/darkness-fb.png', 0, 'attachment', 'image/png', 0),
(30453, 4, '2016-07-18 22:45:30', '2016-07-18 13:45:30', '', 'darkness-setting', 'ページの右上に表示されるボタンを押して、テーマを選択', 'inherit', 'open', 'closed', '', 'darkness-setting', '', '', '2016-07-18 22:53:19', '2016-07-18 13:53:19', '', 30451, 'http://web-marketing.zako.org/images/2016/07/darkness-setting.png', 0, 'attachment', 'image/png', 0),
(30454, 4, '2016-07-18 22:45:31', '2016-07-18 13:45:31', '', 'darkness-google', '暗い背景になったGoogle検索結果', 'inherit', 'open', 'closed', '', 'darkness-google', '', '', '2016-07-18 22:53:25', '2016-07-18 13:53:25', '', 30451, 'http://web-marketing.zako.org/images/2016/07/darkness-google.png', 0, 'attachment', 'image/png', 0),
(30455, 4, '2016-07-18 22:45:33', '2016-07-18 13:45:33', '', 'darkness-chrome', '', 'inherit', 'open', 'closed', '', 'darkness-chrome-2', '', '', '2016-07-18 22:53:34', '2016-07-18 13:53:34', '', 30451, 'http://web-marketing.zako.org/images/2016/07/darkness-chrome.jpg', 0, 'attachment', 'image/jpeg', 0),
(30456, 4, '2016-07-18 22:47:16', '2016-07-18 13:47:16', '\r\n日頃からよく使うツールの大半が明るい色のUIであるために、ブルーライトから目を守るメガネを使っているような方も多いのではないでしょうか。\r\nしかし、そのようなメガネをかけていたとしても、長時間画面を見ていると、目が疲れることにあまり変わりがないようにも感じるところがあります。\r\n今回ご紹介するのは、そんな目の疲れの根本原因のひとつである明るい色のUIを、プラグインを入れるだけで目に優しい暗い色でかつ美しいテーマに変えることができるGoogle Chromeの拡張機能です。\r\n・GoogleやFacebookの背景色を目に優しい色にする「Darkness」\r\n「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>」は、GoogleやFacebookの画面を、目に優しい暗い色にしてくれるGoogle Chrome拡張機能。\r\nさらに4.99ドルの有料版を購入することでGmailとYoutubeも目に優しい色へ変更することができます。\r\n\r\n・拡張機能をインストールするだけで暗い背景に\r\ndarkness-google★暗い背景になったGoogle検索結果\r\nこの拡張機能のポイントは、ただ単に暗い背景にするだけでなく、微妙な配色にもこだわっている点。無料で使えるテーマはIcebergだけですが、有料版ではさらに「Tomorrow」と「Material Design」のテーマを利用することができます。\r\n\r\ndarkness-setting★ページの右上に表示されるボタンを押して、テーマを選択\r\n暗いテーマに切り替えるには、ページの右上に出るボタンを押し、暗いテーマを選択します。その後は「No Theme」を選択しないかぎり、暗い背景色のまま使い続けることができます。\r\n\r\ndarkness-fb★Facebookの画面もこのとおり\r\nFacebookの場合も同様の設定手順で暗い背景に切り替えることができます。\r\n\r\n興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>へどうぞ。\r\n\r\n', 'GoogleとFacebookのページを目に優しい暗い背景にするChrome拡張「Darkness」', '', 'inherit', 'closed', 'closed', '', '30451-revision-v1', '', '', '2016-07-18 22:47:16', '2016-07-18 13:47:16', '', 30451, 'http://web-marketing.zako.org/web-tools/30451-revision-v1.html', 0, 'revision', '', 0),
(30457, 4, '2016-07-18 22:56:08', '2016-07-18 13:56:08', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/07/darkness-chrome.jpg\" alt=\"Darkness\" width=\"592\" height=\"370\" class=\"alignnone size-full wp-image-30455\" /></p>\r\n<p>日頃からよく使うツールの大半が明るい色のUIであるために、ブルーライトから目を守るメガネを使っているような方も多いのではないでしょうか。</p>\r\n<p>しかし、そのようなメガネをかけていたとしても、長時間画面を見ていると、目が疲れることにあまり変わりがないようにも感じるところがあります。</p>\r\n<p>今回ご紹介するのは、そんな目の疲れの根本原因のひとつである明るい色のUIを、プラグインを入れるだけで目に優しい暗い色でかつ美しいテーマに変えることができるGoogle Chromeの拡張機能です。</p>\r\n<h3 class=\"header-label\">GoogleやFacebookの背景色を目に優しい色にする「Darkness」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>」は、<strong>GoogleやFacebookの画面を、目に優しい暗い色にしてくれる</strong>Google Chrome拡張機能。</p>\r\n<p>さらに4.99ドルの有料版を購入することでGmailとYoutubeも目に優しい色へ変更することができます。</p>\r\n\r\n<h4 class=\"tips\">拡張機能をインストールするだけで暗い背景に</h4>\r\n[caption id=\"attachment_30454\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-google.png\" alt=\"暗い背景になったGoogle検索結果\" width=\"592\" height=\"302\" class=\"size-full wp-image-30454\" /> 暗い背景になったGoogle検索結果[/caption]\r\n<p>この拡張機能のポイントは、ただ単に暗い背景にするだけでなく、微妙な配色にもこだわっている点。無料で使えるテーマはIcebergだけですが、有料版ではさらに「Tomorrow」と「Material Design」のテーマを利用することができます。</p>\r\n\r\n[caption id=\"attachment_30453\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-setting.png\" alt=\"ページの右上に表示されるボタンを押して、テーマを選択\" width=\"592\" height=\"305\" class=\"size-full wp-image-30453\" /> ページの右上に表示されるボタンを押して、テーマを選択[/caption]\r\n<p>暗いテーマに切り替えるには、ページの右上に出るボタンを押し、暗いテーマを選択します。その後は「No Theme」を選択しないかぎり、暗い背景色のまま使い続けることができます。</p>\r\n\r\n[caption id=\"attachment_30452\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-fb.png\" alt=\"Facebookの画面もこのとおり\" width=\"592\" height=\"307\" class=\"size-full wp-image-30452\" /> Facebookの画面もこのとおり[/caption]\r\n<p>Facebookの場合も同様の設定手順で暗い背景に切り替えることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>へどうぞ。</p>\r\n\r\n', 'GoogleとFacebookのページを目に優しい暗い背景にするChrome拡張「Darkness」', 'Google、Facebookの明るい色のUIを暗くすることで目に優しくしてくれるChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30451-revision-v1', '', '', '2016-07-18 22:56:08', '2016-07-18 13:56:08', '', 30451, 'http://web-marketing.zako.org/web-tools/30451-revision-v1.html', 0, 'revision', '', 0),
(30458, 4, '2016-07-18 22:56:22', '2016-07-18 13:56:22', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/07/darkness-chrome.jpg\" alt=\"Darkness\" width=\"592\" height=\"370\" class=\"alignnone size-full wp-image-30455\" /></p>\r\n<p>日頃からよく使うツールの大半が明るい色のUIであるために、ブルーライトから目を守るメガネを使っているような方も多いのではないでしょうか。</p>\r\n<p>しかし、そのようなメガネをかけていたとしても、長時間画面を見ていると、目が疲れることにあまり変わりがないようにも感じるところがあります。</p>\r\n<p>今回ご紹介するのは、そんな目の疲れの根本原因のひとつである明るい色のUIを、プラグインを入れるだけで目に優しい暗い色でかつ美しいテーマに変えることができるGoogle Chromeの拡張機能です。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">GoogleやFacebookの背景色を目に優しい色にする「Darkness」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>」は、<strong>GoogleやFacebookの画面を、目に優しい暗い色にしてくれる</strong>Google Chrome拡張機能。</p>\r\n<p>さらに4.99ドルの有料版を購入することでGmailとYoutubeも目に優しい色へ変更することができます。</p>\r\n\r\n<h4 class=\"tips\">拡張機能をインストールするだけで暗い背景に</h4>\r\n[caption id=\"attachment_30454\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-google.png\" alt=\"暗い背景になったGoogle検索結果\" width=\"592\" height=\"302\" class=\"size-full wp-image-30454\" /> 暗い背景になったGoogle検索結果[/caption]\r\n<p>この拡張機能のポイントは、ただ単に暗い背景にするだけでなく、微妙な配色にもこだわっている点。無料で使えるテーマはIcebergだけですが、有料版ではさらに「Tomorrow」と「Material Design」のテーマを利用することができます。</p>\r\n\r\n[caption id=\"attachment_30453\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-setting.png\" alt=\"ページの右上に表示されるボタンを押して、テーマを選択\" width=\"592\" height=\"305\" class=\"size-full wp-image-30453\" /> ページの右上に表示されるボタンを押して、テーマを選択[/caption]\r\n<p>暗いテーマに切り替えるには、ページの右上に出るボタンを押し、暗いテーマを選択します。その後は「No Theme」を選択しないかぎり、暗い背景色のまま使い続けることができます。</p>\r\n\r\n[caption id=\"attachment_30452\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/darkness-fb.png\" alt=\"Facebookの画面もこのとおり\" width=\"592\" height=\"307\" class=\"size-full wp-image-30452\" /> Facebookの画面もこのとおり[/caption]\r\n<p>Facebookの場合も同様の設定手順で暗い背景に切り替えることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/darkness-beautiful-dark-t/imilbobhamcfahccagbncamhpnbkaenm\">Darkness</a>へどうぞ。</p>\r\n\r\n', 'GoogleとFacebookのページを目に優しい暗い背景にするChrome拡張「Darkness」', 'Google、Facebookの明るい色のUIを暗くすることで目に優しくしてくれるChrome拡張機能。', 'inherit', 'closed', 'closed', '', '30451-revision-v1', '', '', '2016-07-18 22:56:22', '2016-07-18 13:56:22', '', 30451, 'http://web-marketing.zako.org/web-tools/30451-revision-v1.html', 0, 'revision', '', 0),
(30460, 4, '2016-07-31 22:43:37', '2016-07-31 13:43:37', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla.png\" alt=\"Speedtest by Ookla\" width=\"592\" height=\"373\" class=\"alignnone size-full wp-image-30464\" /></p>\r\n<p>利用しているインターネット回線の接続速度を調べる機会は、デスクトップ、ノートといったデバイスごと、あるいは接続する場所ごとにあると思います。そのようなときに、わざわざサイトを探して調査するのも面倒ですよね。</p>\r\n<p>そんなときに役立つのが、今回ご紹介するChrome拡張機能。Googleアカウントでインストールしておけば、違う環境でもログインしたGoogle Chromeからボタンひとつで調査できます。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ボタンを押すだけで回線速度を調査できるChrome拡張「Speedtest by Ookla」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/speedtest-by-ookla/pgjjikdiikihdfpoppgaidccahalehjh/\">Speedtest by Ookla</a>」は、<strong>Chromeブラウザのツールバーに表示されるボタンを押すだけで、現在接続しているインターネット回線の接続速度を計測できる拡張機能。</strong></p>\r\n<p>調査を開始したら、放置して他のことをしていても、バックグラウンドで調査を進めておいてくれます。</p>\r\n\r\n<h4 class=\"tips\">ワンクリックで回線速度を調査</h4>\r\n[caption id=\"attachment_30465\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-result.png\" alt=\"Ping、ダウンロード、アップロード速度の結果を表示。\" width=\"592\" height=\"427\" class=\"size-full wp-image-30465\" /> Ping、ダウンロード、アップロード速度の結果を表示。[/caption]\r\n<p>ツールバーに表示されるボタンを押すだけで、Ping、ダウンロード、そしてアップロードの速度を計測し、しばらく待つと結果を表示してくれます。</p>\r\n\r\n[caption id=\"attachment_30462\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-wait.png\" alt=\"計測中の画面。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30462\" /> 計測中の画面。[/caption]\r\n<p>計測中は、デジタルのメーターが動きます。メーターは100Mbpsまでの表示なので100Mbpsを超えるとメーターを振りきってしまうのですが、これもまた心をくすぐるポイントかもしれませんね！？</p>\r\n\r\n<h4 class=\"tips\">サイトの表示速度も計測</h4>\r\n[caption id=\"attachment_30463\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-website.png\" alt=\"開いているサイトの表示時にかかった時間も記録。\" width=\"592\" height=\"371\" class=\"size-full wp-image-30463\" /> 開いているサイトの表示時にかかった時間も記録。[/caption]\r\n<p>スピードテストをおこなう際に、ボタンを押した時に開いているサイトの表示までにかかった時間（Webスピード）も計測してくれます。非常に簡易的なものではあるものの、ひとつのボタンでこちらも計測できるのは便利ですね。</p>\r\n\r\n<h4 class=\"tips\">バックグラウンドで計測可能</h4>\r\n[caption id=\"attachment_30461\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-background.png\" alt=\"吹き出しを閉じても計測数値がボタンに表示される。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30461\" /> 吹き出しを閉じても計測数値がボタンに表示される。[/caption]\r\n<p>とにかく他のことをやりたくて、計測完了を待っていられない場合でも、ボタンを押して表示される吹き出しを閉じた状態でもテストを続行してくれます。</p>\r\n<p>テスト中は、メーターの数値をボタンアイコン上に表示します。計測が完了すると、数字が入っていない緑のアイコンがつくので、ボタンを押せば計測結果を閲覧できます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/speedtest-by-ookla/pgjjikdiikihdfpoppgaidccahalehjh/\">Speedtest by Ookla</a>のページからChrome拡張機能をインストールしてください。</p>\r\n\r\n\r\n', 'ワンクリックでインターネットの回線速度を調査できるChrome拡張機能「Speedtest by Ookla」', 'Chromeブラウザでボタンを押すだけでインターネット回線速度を調査できる拡張機能。', 'publish', 'open', 'closed', '', 'speedtest-by-ookla', '', '', '2016-07-31 22:43:37', '2016-07-31 13:43:37', '', 0, 'http://web-marketing.zako.org/?p=30460', 0, 'post', '', 0),
(30461, 4, '2016-07-31 17:27:09', '2016-07-31 08:27:09', '', 'speedtest-ookla-background', '吹き出しを閉じても計測数値がボタンに表示される。', 'inherit', 'open', 'closed', '', 'speedtest-ookla-background', '', '', '2016-07-31 17:27:43', '2016-07-31 08:27:43', '', 30460, 'http://web-marketing.zako.org/images/2016/07/speedtest-ookla-background.png', 0, 'attachment', 'image/png', 0),
(30462, 4, '2016-07-31 17:27:10', '2016-07-31 08:27:10', '', 'speedtest-ookla-wait', '計測中の画面。', 'inherit', 'open', 'closed', '', 'speedtest-ookla-wait', '', '', '2016-07-31 17:28:00', '2016-07-31 08:28:00', '', 30460, 'http://web-marketing.zako.org/images/2016/07/speedtest-ookla-wait.png', 0, 'attachment', 'image/png', 0),
(30463, 4, '2016-07-31 17:27:12', '2016-07-31 08:27:12', '', 'speedtest-ookla-website', '開いているサイトの表示時にかかった時間も記録。', 'inherit', 'open', 'closed', '', 'speedtest-ookla-website', '', '', '2016-07-31 17:28:24', '2016-07-31 08:28:24', '', 30460, 'http://web-marketing.zako.org/images/2016/07/speedtest-ookla-website.png', 0, 'attachment', 'image/png', 0),
(30464, 4, '2016-07-31 17:27:13', '2016-07-31 08:27:13', '', 'speedtest-ookla', '', 'inherit', 'open', 'closed', '', 'speedtest-ookla', '', '', '2016-07-31 17:28:55', '2016-07-31 08:28:55', '', 30460, 'http://web-marketing.zako.org/images/2016/07/speedtest-ookla.png', 0, 'attachment', 'image/png', 0),
(30465, 4, '2016-07-31 17:27:15', '2016-07-31 08:27:15', '', 'speedtest-ookla-result', 'Ping、ダウンロード、アップロード速度の結果を表示。', 'inherit', 'open', 'closed', '', 'speedtest-ookla-result', '', '', '2016-07-31 17:29:02', '2016-07-31 08:29:02', '', 30460, 'http://web-marketing.zako.org/images/2016/07/speedtest-ookla-result.png', 0, 'attachment', 'image/png', 0),
(30466, 4, '2016-07-31 17:32:35', '2016-07-31 08:32:35', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla.png\" alt=\"Speedtest by Ookla\" width=\"592\" height=\"373\" class=\"alignnone size-full wp-image-30464\" /></p>\r\n<p>利用しているインターネット回線の接続速度を調べる機会は、デスクトップ、ノートといったデバイスごと、あるいは接続する場所ごとにあると思います。そのようなときに、わざわざサイトを探して調査するのも面倒ですよね。</p>\r\n<p>そんなときに役立つのが、今回ご紹介するChrome拡張機能。Googleアカウントでインストールしておけば、違う環境でもログインしたGoogle Chromeからボタンひとつで調査できます。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ボタンを押すだけで回線速度を調査できるChrome拡張「Speedtest by Ookla」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/speedtest-by-ookla/pgjjikdiikihdfpoppgaidccahalehjh/\">Speedtest by Ookla</a>」は、<strong>Chromeブラウザのツールバーに表示されるボタンを押すだけで、現在接続しているインターネット回線の接続速度を計測できる拡張機能。</strong></p>\r\n<p>調査を開始したら、放置して他のことをしていても、バックグラウンドで調査を進めておいてくれます。</p>\r\n\r\n<h4 class=\"tips\">ワンクリックで回線速度を調査</h4>\r\n[caption id=\"attachment_30465\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-result.png\" alt=\"Ping、ダウンロード、アップロード速度の結果を表示。\" width=\"592\" height=\"427\" class=\"size-full wp-image-30465\" /> Ping、ダウンロード、アップロード速度の結果を表示。[/caption]\r\n<p>ツールバーに表示されるボタンを押すだけで、Ping、ダウンロード、そしてアップロードの速度を計測し、しばらく待つと結果を表示してくれます。</p>\r\n\r\n[caption id=\"attachment_30462\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-wait.png\" alt=\"計測中の画面。\" width=\"592\" height=\"442\" class=\"size-full wp-image-30462\" /> 計測中の画面。[/caption]\r\n<p>計測中は、デジタルのメーターが動きます。メーターは100Mbpsまでの表示なので100Mbpsを超えるとメーターを振りきってしまうのですが、これもまた心をくすぐるポイントかもしれませんね！？</p>\r\n\r\n<h4 class=\"tips\">サイトの表示速度も計測</h4>\r\n[caption id=\"attachment_30463\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-website.png\" alt=\"開いているサイトの表示時にかかった時間も記録。\" width=\"592\" height=\"371\" class=\"size-full wp-image-30463\" /> 開いているサイトの表示時にかかった時間も記録。[/caption]\r\n<p>スピードテストをおこなう際に、ボタンを押した時に開いているサイトの表示までにかかった時間（Webスピード）も計測してくれます。非常に簡易的なものではあるものの、ひとつのボタンでこちらも計測できるのは便利ですね。</p>\r\n\r\n<h4 class=\"tips\">バックグラウンドで計測可能</h4>\r\n[caption id=\"attachment_30461\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/07/speedtest-ookla-background.png\" alt=\"吹き出しを閉じても計測数値がボタンに表示される。\" width=\"592\" height=\"197\" class=\"size-full wp-image-30461\" /> 吹き出しを閉じても計測数値がボタンに表示される。[/caption]\r\n<p>とにかく他のことをやりたくて、計測完了を待っていられない場合でも、ボタンを押して表示される吹き出しを閉じた状態でもテストを続行してくれます。</p>\r\n<p>テスト中は、メーターの数値をボタンアイコン上に表示します。計測が完了すると、数字が入っていない緑のアイコンがつくので、ボタンを押せば計測結果を閲覧できます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/speedtest-by-ookla/pgjjikdiikihdfpoppgaidccahalehjh/\">Speedtest by Ookla</a>のページからChrome拡張機能をインストールしてください。</p>\r\n\r\n\r\n', 'ワンクリックでインターネットの回線速度を調査できるChrome拡張機能「Speedtest by Ookla」', 'Chromeブラウザでボタンを押すだけでインターネット回線速度を調査できる拡張機能。', 'inherit', 'closed', 'closed', '', '30460-revision-v1', '', '', '2016-07-31 17:32:35', '2016-07-31 08:32:35', '', 30460, 'http://web-marketing.zako.org/web-tools/30460-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
(30467, 4, '2016-08-07 23:24:44', '2016-08-07 14:24:44', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap.png\" alt=\"MockFlow SiteMap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30468\" /></p>\r\n<p>サイトを制作する際に作るサイトマップや画面遷移図。これらを既存のツールで実際のサイトをイメージしやすいように作るのは至難の業ですよね。</p>\r\n<p>凝ったものを作ろうとしても無駄な時間を浪費するだけですし、かといって簡易すぎても伝えるべきことを伝えられなくなるなんてことにもつながりかねません。</p>\r\n<p>そこで今回は、ある程度サイトのイメージをつけることもできるサイトマップを作成できるサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">イメージしやすいサイトマップや画面遷移図を作成できる「MockFlow SiteMap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>」は、<strong>画面遷移のイメージを伝えやすいサイトマップを作成できる</strong>ウェブサービス。</p>\r\n<p>テキストだけで表現するよりも、より具体的な議論ができそうなものになっています。</p>\r\n<p class=\"desc\">※新しいサイトマップを作成する際、サイトマップのタイトル（Sitemap Title）を日本語で指定するとバグが起こってサイトマップを作れないのでご注意を。サイトマップのなかでページ名などに日本語を使うことは可能です。</p>\r\n\r\n<h4 class=\"tips\">画面レイアウトのサムネイル付きでページを表現</h4>\r\n[caption id=\"attachment_30473\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/sitemap-mockflow.png\" alt=\"画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30473\" /> 画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。[/caption]\r\n<p>サイトマップ上では、ページごとにある程度のページレイアウトを示せるサムネイルを設定できます。</p>\r\n<p>ただ単にテキストで見せるよりも、サイドバーが右にくる、アイキャッチの画像を文章内に入れていくなど、認識を合わせる意味でも効果的かもしれませんね。</p>\r\n\r\n<p>また、ページだけでなくアクションも表現できるので、簡易的な画面遷移図としても機能します。サービス提供側としては、UI Flowsを実現するためのツールとして位置づけているようです。</p>\r\n<h4 class=\"tips\">スマホアプリの画面遷移図も作成可能</h4>\r\n[caption id=\"attachment_30475\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-apps.png\" alt=\"スマホアプリの画面遷移図。\" width=\"592\" height=\"618\" class=\"size-full wp-image-30475\" /> スマホアプリの画面遷移図。<a target=\"_blank\" href=\"https://sitemap.mockflow.com/view/7932c7a21064abdcd75321033b2d6ac9\">サンプル</a>[/caption]\r\n<p>ウェブサイトだけでなく、スマホアプリの画面遷移図も作成可能、画面イメージのアイコンも充実しているので、より具体的にアプリのUX/UIを伝えやすくなります。</p>\r\n\r\n[caption id=\"attachment_30472\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-thum.png\" alt=\"サムネイルやアイコンなどの設定画面。\" width=\"592\" height=\"426\" class=\"size-full wp-image-30472\" /> サムネイルやアイコンなどの設定画面。[/caption]\r\n<p>サムネイルの種類は豊富で、トップページやお問い合わせフォーム、あるいはチーム紹介、記事ページなどといった具体的な枠組みから、更に詳細なレイアウトを選んで配置することができます。</p>\r\n\r\n<p>また、ソーシャルメディアや各種イラストのアイコンを表示させることも可能です。</p>\r\n\r\n<h4 class=\"tips\">ページごとにステータスの設定も可能</h4>\r\n[caption id=\"attachment_30471\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-status.png\" alt=\"ページごとに進捗を色で明示できる。\" width=\"592\" height=\"298\" class=\"size-full wp-image-30471\" /> ページごとに進捗を色で明示できる。[/caption]\r\n<p>ページごとにステータスを設定し、ページの左上に色で表現することができます。</p>\r\n<p>ページごとの設定画面にメモを残したりファイルを添付することもできるので、修正作業漏れを防ぐ意味でも効果的かもしれません。</p>\r\n\r\n<h4 class=\"tips\">画像とCSV形式でエクスポート可能</h4>\r\n[caption id=\"attachment_30470\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-csv.png\" alt=\"CSV形式でエクスポートしたサイトマップ。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30470\" /> CSV形式でエクスポートしたサイトマップ。[/caption]\r\n<p>作成したサイトマップは、画像（PNG）かCSV、あるいはGoogle sitemapのフォーマット（XML形式）でエクスポートできます。Google sitemapのフォーマットを生成するときは、ページのURLを指定する必要があります。</p>\r\n\r\n<h4 class=\"tips\">ウェブ上に公開することも可能</h4>\r\n[caption id=\"attachment_30469\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-public.png\" alt=\"公開設定をすることで、ウェブ上で公開することも可能。\" width=\"591\" height=\"202\" class=\"size-full wp-image-30469\" /> 公開設定をすることで、ウェブ上で公開することも可能。[/caption]\r\n<p>デフォルトでは非公開となっていますが、共有設定で公開することによって、以下のリンク先のように、URLでウェブ上に公開することができます。</p>\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://sitemap.mockflow.com/view/66474f4c265c6d8f83878be64d5b5e22\">サンプルサイトマップ</a> </p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>へどうぞ。</p>\r\n\r\n<p>冒頭でもご案内したとおり、サイトマップのタイトルに日本語を使うとバグが起こってサイトマップを開けなくなります。以下の画像の画面では、必ず半角英数で名前を指定してください。日本語で作成すると「パーミッションがありません」といってサイトマップを作ることが出来ません。</p>\r\n[caption id=\"attachment_30474\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/new-sitemap.png\" alt=\"新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。\" width=\"592\" height=\"304\" class=\"size-full wp-image-30474\" /> 新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。[/caption]\r\n', 'サイトマップやライトな画面遷移図を簡単に作れる「MockFlow SiteMap」', 'より具体的な議論をサイトマップや画面遷移図でおこないときにも便利なサイトマップ作成ツールです。', 'publish', 'open', 'closed', '', 'mockflow-sitemap', '', '', '2016-08-07 23:24:44', '2016-08-07 14:24:44', '', 0, 'http://web-marketing.zako.org/?p=30467', 0, 'post', '', 0),
(30468, 4, '2016-08-07 18:31:39', '2016-08-07 09:31:39', '', 'mockflow-sitemap', '', 'inherit', 'open', 'closed', '', 'mockflow-sitemap', '', '', '2016-08-07 18:31:59', '2016-08-07 09:31:59', '', 30467, 'http://web-marketing.zako.org/images/2016/08/mockflow-sitemap.png', 0, 'attachment', 'image/png', 0),
(30469, 4, '2016-08-07 18:31:40', '2016-08-07 09:31:40', '', 'mockflow-sitemap-public', '公開設定をすることで、ウェブ上で公開することも可能。', 'inherit', 'open', 'closed', '', 'mockflow-sitemap-public', '', '', '2016-08-07 18:32:21', '2016-08-07 09:32:21', '', 30467, 'http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-public.png', 0, 'attachment', 'image/png', 0),
(30470, 4, '2016-08-07 18:31:41', '2016-08-07 09:31:41', '', 'mockflow-sitemap-csv', 'CSV形式でエクスポートしたサイトマップ。', 'inherit', 'open', 'closed', '', 'mockflow-sitemap-csv', '', '', '2016-08-07 18:32:27', '2016-08-07 09:32:27', '', 30467, 'http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-csv.png', 0, 'attachment', 'image/png', 0),
(30471, 4, '2016-08-07 18:31:42', '2016-08-07 09:31:42', '', 'mockflow-sitemap-status', 'ページごとに進捗を色で明示できる。', 'inherit', 'open', 'closed', '', 'mockflow-sitemap-status', '', '', '2016-08-07 18:32:41', '2016-08-07 09:32:41', '', 30467, 'http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-status.png', 0, 'attachment', 'image/png', 0),
(30472, 4, '2016-08-07 18:31:42', '2016-08-07 09:31:42', '', 'mockflow-sitemap-thum', 'サムネイルやアイコンなどの設定画面。', 'inherit', 'open', 'closed', '', 'mockflow-sitemap-thum', '', '', '2016-08-07 18:33:01', '2016-08-07 09:33:01', '', 30467, 'http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-thum.png', 0, 'attachment', 'image/png', 0),
(30473, 4, '2016-08-07 18:31:43', '2016-08-07 09:31:43', '', 'sitemap-mockflow', '画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。', 'inherit', 'open', 'closed', '', 'sitemap-mockflow', '', '', '2016-08-07 18:33:25', '2016-08-07 09:33:25', '', 30467, 'http://web-marketing.zako.org/images/2016/08/sitemap-mockflow.png', 0, 'attachment', 'image/png', 0),
(30474, 4, '2016-08-07 18:42:14', '2016-08-07 09:42:14', '', 'new-sitemap', '新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。', 'inherit', 'open', 'closed', '', 'new-sitemap', '', '', '2016-08-07 18:43:06', '2016-08-07 09:43:06', '', 30467, 'http://web-marketing.zako.org/images/2016/08/new-sitemap.png', 0, 'attachment', 'image/png', 0),
(30475, 4, '2016-08-07 18:52:00', '2016-08-07 09:52:00', '', 'mockflow-sitemap-apps', 'スマホアプリの画面遷移図。', 'inherit', 'open', 'closed', '', 'mockflow-sitemap-apps', '', '', '2016-08-07 18:52:09', '2016-08-07 09:52:09', '', 30467, 'http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-apps.png', 0, 'attachment', 'image/png', 0),
(30476, 4, '2016-08-07 18:53:18', '2016-08-07 09:53:18', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap.png\" alt=\"MockFlow SiteMap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30468\" /></p>\r\n<p>サイトを制作する際に作るサイトマップや画面遷移図。これらを既存のツールで実際のサイトをイメージしやすいように作るのは至難の業ですよね。</p>\r\n<p>凝ったものを作ろうとしても無駄な時間を浪費するだけですし、かといって簡易すぎても伝えるべきことを伝えられなくなるなんてことにもつながりかねません。</p>\r\n<p>そこで今回は、ある程度サイトのイメージをつけることもできるサイトマップを作成できるサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">イメージしやすいサイトマップや画面遷移図を作成できる「MockFlow SiteMap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>」は、<strong>画面遷移のイメージを伝えやすいサイトマップを作成できる</strong>ウェブサービス。</p>\r\n<p>テキストだけで表現するよりも、より具体的な議論ができそうなものになっています。</p>\r\n<p class=\"desc\">※新しいサイトマップを作成する際、サイトマップのタイトル（Sitemap Title）を日本語で指定するとバグが起こってサイトマップを作れないのでご注意を。サイトマップのなかでページ名などに日本語を使うことは可能です。</p>\r\n\r\n<h4 class=\"tips\">画面レイアウトのサムネイル付きでページを表現</h4>\r\n[caption id=\"attachment_30473\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/sitemap-mockflow.png\" alt=\"画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30473\" /> 画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。[/caption]\r\n<p>サイトマップ上では、ページごとにある程度のページレイアウトを示せるサムネイルを設定できます。</p>\r\n<p>ただ単にテキストで見せるよりも、サイドバーが右にくる、アイキャッチの画像を文章内に入れていくなど、認識を合わせる意味でも効果的かもしれませんね。</p>\r\n\r\n<p>また、ページだけでなくアクションも表現できるので、簡易的な画面遷移図としても機能します。サービス提供側としては、UI Flowsを実現するためのツールとして位置づけているようです。</p>\r\n\r\n[caption id=\"attachment_30475\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-apps.png\" alt=\"スマホアプリの画面遷移図。\" width=\"592\" height=\"618\" class=\"size-full wp-image-30475\" /> スマホアプリの画面遷移図。[/caption]\r\n<p>ウェブサイトだけでなく、スマホアプリの画面遷移図も作成可能、画面イメージのアイコンも充実しているので、より具体的にアプリのUX/UIを伝えやすくなります。</p>\r\n\r\n[caption id=\"attachment_30472\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-thum.png\" alt=\"サムネイルやアイコンなどの設定画面。\" width=\"592\" height=\"426\" class=\"size-full wp-image-30472\" /> サムネイルやアイコンなどの設定画面。[/caption]\r\n<p>サムネイルの種類は豊富で、トップページやお問い合わせフォーム、あるいはチーム紹介、記事ページなどといった具体的な枠組みから、更に詳細なレイアウトを選んで配置することができます。</p>\r\n\r\n<p>また、ソーシャルメディアや各種イラストのアイコンを表示させることも可能です。</p>\r\n\r\n<h4 class=\"tips\">ページごとにステータスの設定も可能</h4>\r\n[caption id=\"attachment_30471\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-status.png\" alt=\"ページごとに進捗を色で明示できる。\" width=\"592\" height=\"298\" class=\"size-full wp-image-30471\" /> ページごとに進捗を色で明示できる。[/caption]\r\n<p>ページごとにステータスを設定し、ページの左上に色で表現することができます。</p>\r\n<p>ページごとの設定画面にメモを残したりファイルを添付することもできるので、修正作業漏れを防ぐ意味でも効果的かもしれません。</p>\r\n\r\n<h4 class=\"tips\">画像とCSV形式でエクスポート可能</h4>\r\n[caption id=\"attachment_30470\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-csv.png\" alt=\"CSV形式でエクスポートしたサイトマップ。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30470\" /> CSV形式でエクスポートしたサイトマップ。[/caption]\r\n<p>作成したサイトマップは、画像（PNG）かCSV、あるいはGoogle sitemapのフォーマット（XML形式）でエクスポートできます。Google sitemapのフォーマットを生成するときは、ページのURLを指定する必要があります。</p>\r\n\r\n<h4 class=\"tips\">ウェブ上に公開することも可能</h4>\r\n[caption id=\"attachment_30469\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-public.png\" alt=\"公開設定をすることで、ウェブ上で公開することも可能。\" width=\"591\" height=\"202\" class=\"size-full wp-image-30469\" /> 公開設定をすることで、ウェブ上で公開することも可能。[/caption]\r\n<p>デフォルトでは非公開となっていますが、共有設定で公開することによって、以下のリンク先のように、URLでウェブ上に公開することができます。</p>\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://sitemap.mockflow.com/view/66474f4c265c6d8f83878be64d5b5e22\">サンプルサイトマップ</a> </p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>へどうぞ。</p>\r\n\r\n<p>冒頭でもご案内したとおり、サイトマップのタイトルに日本語を使うとバグが起こってサイトマップを開けなくなります。以下の画像の画面では、必ず半角英数で名前を指定してください。日本語で作成すると「パーミッションがありません」といってサイトマップを作ることが出来ません。</p>\r\n[caption id=\"attachment_30474\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/new-sitemap.png\" alt=\"新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。\" width=\"592\" height=\"304\" class=\"size-full wp-image-30474\" /> 新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。[/caption]\r\n', 'サイトマップやライトな画面遷移図を簡単に作れる「MockFlow SiteMap」', 'より具体的な議論をサイトマップや画面遷移図でおこないときにも便利なサイトマップ作成ツールです。', 'inherit', 'closed', 'closed', '', '30467-revision-v1', '', '', '2016-08-07 18:53:18', '2016-08-07 09:53:18', '', 30467, 'http://web-marketing.zako.org/web-tools/30467-revision-v1.html', 0, 'revision', '', 0),
(30477, 4, '2016-08-07 18:53:58', '2016-08-07 09:53:58', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap.png\" alt=\"MockFlow SiteMap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30468\" /></p>\r\n<p>サイトを制作する際に作るサイトマップや画面遷移図。これらを既存のツールで実際のサイトをイメージしやすいように作るのは至難の業ですよね。</p>\r\n<p>凝ったものを作ろうとしても無駄な時間を浪費するだけですし、かといって簡易すぎても伝えるべきことを伝えられなくなるなんてことにもつながりかねません。</p>\r\n<p>そこで今回は、ある程度サイトのイメージをつけることもできるサイトマップを作成できるサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">イメージしやすいサイトマップや画面遷移図を作成できる「MockFlow SiteMap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>」は、<strong>画面遷移のイメージを伝えやすいサイトマップを作成できる</strong>ウェブサービス。</p>\r\n<p>テキストだけで表現するよりも、より具体的な議論ができそうなものになっています。</p>\r\n<p class=\"desc\">※新しいサイトマップを作成する際、サイトマップのタイトル（Sitemap Title）を日本語で指定するとバグが起こってサイトマップを作れないのでご注意を。サイトマップのなかでページ名などに日本語を使うことは可能です。</p>\r\n\r\n<h4 class=\"tips\">画面レイアウトのサムネイル付きでページを表現</h4>\r\n[caption id=\"attachment_30473\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/sitemap-mockflow.png\" alt=\"画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30473\" /> 画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。[/caption]\r\n<p>サイトマップ上では、ページごとにある程度のページレイアウトを示せるサムネイルを設定できます。</p>\r\n<p>ただ単にテキストで見せるよりも、サイドバーが右にくる、アイキャッチの画像を文章内に入れていくなど、認識を合わせる意味でも効果的かもしれませんね。</p>\r\n\r\n<p>また、ページだけでなくアクションも表現できるので、簡易的な画面遷移図としても機能します。サービス提供側としては、UI Flowsを実現するためのツールとして位置づけているようです。</p>\r\n<h4 class=\"tips\">スマホアプリの画面遷移図も作成可能</h4>\r\n[caption id=\"attachment_30475\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-apps.png\" alt=\"スマホアプリの画面遷移図。\" width=\"592\" height=\"618\" class=\"size-full wp-image-30475\" /> スマホアプリの画面遷移図。[/caption]\r\n<p>ウェブサイトだけでなく、スマホアプリの画面遷移図も作成可能、画面イメージのアイコンも充実しているので、より具体的にアプリのUX/UIを伝えやすくなります。</p>\r\n\r\n[caption id=\"attachment_30472\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-thum.png\" alt=\"サムネイルやアイコンなどの設定画面。\" width=\"592\" height=\"426\" class=\"size-full wp-image-30472\" /> サムネイルやアイコンなどの設定画面。[/caption]\r\n<p>サムネイルの種類は豊富で、トップページやお問い合わせフォーム、あるいはチーム紹介、記事ページなどといった具体的な枠組みから、更に詳細なレイアウトを選んで配置することができます。</p>\r\n\r\n<p>また、ソーシャルメディアや各種イラストのアイコンを表示させることも可能です。</p>\r\n\r\n<h4 class=\"tips\">ページごとにステータスの設定も可能</h4>\r\n[caption id=\"attachment_30471\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-status.png\" alt=\"ページごとに進捗を色で明示できる。\" width=\"592\" height=\"298\" class=\"size-full wp-image-30471\" /> ページごとに進捗を色で明示できる。[/caption]\r\n<p>ページごとにステータスを設定し、ページの左上に色で表現することができます。</p>\r\n<p>ページごとの設定画面にメモを残したりファイルを添付することもできるので、修正作業漏れを防ぐ意味でも効果的かもしれません。</p>\r\n\r\n<h4 class=\"tips\">画像とCSV形式でエクスポート可能</h4>\r\n[caption id=\"attachment_30470\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-csv.png\" alt=\"CSV形式でエクスポートしたサイトマップ。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30470\" /> CSV形式でエクスポートしたサイトマップ。[/caption]\r\n<p>作成したサイトマップは、画像（PNG）かCSV、あるいはGoogle sitemapのフォーマット（XML形式）でエクスポートできます。Google sitemapのフォーマットを生成するときは、ページのURLを指定する必要があります。</p>\r\n\r\n<h4 class=\"tips\">ウェブ上に公開することも可能</h4>\r\n[caption id=\"attachment_30469\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-public.png\" alt=\"公開設定をすることで、ウェブ上で公開することも可能。\" width=\"591\" height=\"202\" class=\"size-full wp-image-30469\" /> 公開設定をすることで、ウェブ上で公開することも可能。[/caption]\r\n<p>デフォルトでは非公開となっていますが、共有設定で公開することによって、以下のリンク先のように、URLでウェブ上に公開することができます。</p>\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://sitemap.mockflow.com/view/66474f4c265c6d8f83878be64d5b5e22\">サンプルサイトマップ</a> </p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>へどうぞ。</p>\r\n\r\n<p>冒頭でもご案内したとおり、サイトマップのタイトルに日本語を使うとバグが起こってサイトマップを開けなくなります。以下の画像の画面では、必ず半角英数で名前を指定してください。日本語で作成すると「パーミッションがありません」といってサイトマップを作ることが出来ません。</p>\r\n[caption id=\"attachment_30474\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/new-sitemap.png\" alt=\"新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。\" width=\"592\" height=\"304\" class=\"size-full wp-image-30474\" /> 新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。[/caption]\r\n', 'サイトマップやライトな画面遷移図を簡単に作れる「MockFlow SiteMap」', 'より具体的な議論をサイトマップや画面遷移図でおこないときにも便利なサイトマップ作成ツールです。', 'inherit', 'closed', 'closed', '', '30467-revision-v1', '', '', '2016-08-07 18:53:58', '2016-08-07 09:53:58', '', 30467, 'http://web-marketing.zako.org/web-tools/30467-revision-v1.html', 0, 'revision', '', 0),
(30478, 4, '2016-08-07 19:12:02', '2016-08-07 10:12:02', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap.png\" alt=\"MockFlow SiteMap\" width=\"592\" height=\"311\" class=\"alignnone size-full wp-image-30468\" /></p>\r\n<p>サイトを制作する際に作るサイトマップや画面遷移図。これらを既存のツールで実際のサイトをイメージしやすいように作るのは至難の業ですよね。</p>\r\n<p>凝ったものを作ろうとしても無駄な時間を浪費するだけですし、かといって簡易すぎても伝えるべきことを伝えられなくなるなんてことにもつながりかねません。</p>\r\n<p>そこで今回は、ある程度サイトのイメージをつけることもできるサイトマップを作成できるサービスをご紹介します。</p><!--more-->\r\n\r\n\r\n<h3 class=\"header-label\">イメージしやすいサイトマップや画面遷移図を作成できる「MockFlow SiteMap」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>」は、<strong>画面遷移のイメージを伝えやすいサイトマップを作成できる</strong>ウェブサービス。</p>\r\n<p>テキストだけで表現するよりも、より具体的な議論ができそうなものになっています。</p>\r\n<p class=\"desc\">※新しいサイトマップを作成する際、サイトマップのタイトル（Sitemap Title）を日本語で指定するとバグが起こってサイトマップを作れないのでご注意を。サイトマップのなかでページ名などに日本語を使うことは可能です。</p>\r\n\r\n<h4 class=\"tips\">画面レイアウトのサムネイル付きでページを表現</h4>\r\n[caption id=\"attachment_30473\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/sitemap-mockflow.png\" alt=\"画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。\" width=\"592\" height=\"403\" class=\"size-full wp-image-30473\" /> 画像でエクスポートしたサイトマップ。アクションを入れれば画面遷移図としても機能します。[/caption]\r\n<p>サイトマップ上では、ページごとにある程度のページレイアウトを示せるサムネイルを設定できます。</p>\r\n<p>ただ単にテキストで見せるよりも、サイドバーが右にくる、アイキャッチの画像を文章内に入れていくなど、認識を合わせる意味でも効果的かもしれませんね。</p>\r\n\r\n<p>また、ページだけでなくアクションも表現できるので、簡易的な画面遷移図としても機能します。サービス提供側としては、UI Flowsを実現するためのツールとして位置づけているようです。</p>\r\n<h4 class=\"tips\">スマホアプリの画面遷移図も作成可能</h4>\r\n[caption id=\"attachment_30475\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-apps.png\" alt=\"スマホアプリの画面遷移図。\" width=\"592\" height=\"618\" class=\"size-full wp-image-30475\" /> スマホアプリの画面遷移図。<a target=\"_blank\" href=\"https://sitemap.mockflow.com/view/7932c7a21064abdcd75321033b2d6ac9\">サンプル</a>[/caption]\r\n<p>ウェブサイトだけでなく、スマホアプリの画面遷移図も作成可能、画面イメージのアイコンも充実しているので、より具体的にアプリのUX/UIを伝えやすくなります。</p>\r\n\r\n[caption id=\"attachment_30472\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-thum.png\" alt=\"サムネイルやアイコンなどの設定画面。\" width=\"592\" height=\"426\" class=\"size-full wp-image-30472\" /> サムネイルやアイコンなどの設定画面。[/caption]\r\n<p>サムネイルの種類は豊富で、トップページやお問い合わせフォーム、あるいはチーム紹介、記事ページなどといった具体的な枠組みから、更に詳細なレイアウトを選んで配置することができます。</p>\r\n\r\n<p>また、ソーシャルメディアや各種イラストのアイコンを表示させることも可能です。</p>\r\n\r\n<h4 class=\"tips\">ページごとにステータスの設定も可能</h4>\r\n[caption id=\"attachment_30471\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-status.png\" alt=\"ページごとに進捗を色で明示できる。\" width=\"592\" height=\"298\" class=\"size-full wp-image-30471\" /> ページごとに進捗を色で明示できる。[/caption]\r\n<p>ページごとにステータスを設定し、ページの左上に色で表現することができます。</p>\r\n<p>ページごとの設定画面にメモを残したりファイルを添付することもできるので、修正作業漏れを防ぐ意味でも効果的かもしれません。</p>\r\n\r\n<h4 class=\"tips\">画像とCSV形式でエクスポート可能</h4>\r\n[caption id=\"attachment_30470\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-csv.png\" alt=\"CSV形式でエクスポートしたサイトマップ。\" width=\"592\" height=\"321\" class=\"size-full wp-image-30470\" /> CSV形式でエクスポートしたサイトマップ。[/caption]\r\n<p>作成したサイトマップは、画像（PNG）かCSV、あるいはGoogle sitemapのフォーマット（XML形式）でエクスポートできます。Google sitemapのフォーマットを生成するときは、ページのURLを指定する必要があります。</p>\r\n\r\n<h4 class=\"tips\">ウェブ上に公開することも可能</h4>\r\n[caption id=\"attachment_30469\" align=\"alignnone\" width=\"591\"]<img src=\"http://web-marketing.zako.org/images/2016/08/mockflow-sitemap-public.png\" alt=\"公開設定をすることで、ウェブ上で公開することも可能。\" width=\"591\" height=\"202\" class=\"size-full wp-image-30469\" /> 公開設定をすることで、ウェブ上で公開することも可能。[/caption]\r\n<p>デフォルトでは非公開となっていますが、共有設定で公開することによって、以下のリンク先のように、URLでウェブ上に公開することができます。</p>\r\n<p class=\"desc\"><a target=\"_blank\" href=\"https://sitemap.mockflow.com/view/66474f4c265c6d8f83878be64d5b5e22\">サンプルサイトマップ</a> </p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://mockflow.com/apps/sitemap/\">MockFlow SiteMap</a>へどうぞ。</p>\r\n\r\n<p>冒頭でもご案内したとおり、サイトマップのタイトルに日本語を使うとバグが起こってサイトマップを開けなくなります。以下の画像の画面では、必ず半角英数で名前を指定してください。日本語で作成すると「パーミッションがありません」といってサイトマップを作ることが出来ません。</p>\r\n[caption id=\"attachment_30474\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/new-sitemap.png\" alt=\"新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。\" width=\"592\" height=\"304\" class=\"size-full wp-image-30474\" /> 新しいサイトマップを作るとき、この画面では日本語を使うとバグが起こるのでご注意を。必ず半角英数でご指定ください。[/caption]\r\n', 'サイトマップやライトな画面遷移図を簡単に作れる「MockFlow SiteMap」', 'より具体的な議論をサイトマップや画面遷移図でおこないときにも便利なサイトマップ作成ツールです。', 'inherit', 'closed', 'closed', '', '30467-revision-v1', '', '', '2016-08-07 19:12:02', '2016-08-07 10:12:02', '', 30467, 'http://web-marketing.zako.org/web-tools/30467-revision-v1.html', 0, 'revision', '', 0),
(30480, 4, '2016-08-14 22:57:04', '2016-08-14 13:57:04', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/meta-search.png\" alt=\"Meta Search\" width=\"592\" height=\"275\" class=\"alignnone size-full wp-image-30485\" /></p>\r\n<p>ふとひらめいたアイデアのメモや議事録にアウトプットした文章などなど、とにかく記録を残しておくことが大切なわけですが、その記録を保存する場所にこだわりすぎると、せっかくひらめいたものが薄れてしまったり、忘れてしまうこともありますよね。</p>\r\n<p>かといって、どこに保存したかを忘れてしまうと、あとから探すのに苦労したり、そのまま活用されずに埋もれてしまうこともあるかと思います。</p>\r\n<p>今回は、このような問題を解決してくれそうなサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">あらゆる場所に保存したテキストを横断検索できる「Meta Search」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>」は、<strong>デスクトップやGoogleドライブ、Dropbox、Gmail、Evernoteなどのサービスを横断して検索できるサービス。</strong>（2016年8月15日現在、デスクトップ検索はリリース待ち）</p>\r\n<p>どこに記録したかを気にしなくても、Meta Searchを使えばしっかりと記録を見つけ出すことができます。</p>\r\n<p>サービスはまだベータ版で、Windowsマシンでのデスクトップの検索についてはアプリのリリース待ちですが、もうそろそろだとのこと、待ち遠しいですね。</p>\r\n\r\n<h4 class=\"tips\">一度に横断検索できる</h4>\r\n[caption id=\"attachment_30483\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-results.png\" alt=\"Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。\" width=\"592\" height=\"342\" class=\"size-full wp-image-30483\" /> Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。[/caption]\r\n<p>GoogleドライブだろうがDropboxだろうが、とにかくキーワードに関連するファイルをすべて検索して結果を出してくれます。</p>\r\n<p>検索結果から発見した目的のファイルは、そのまま検索結果からクリックすることで、それぞれ街頭のサービス画面上で開くことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルやサービスの種類で絞り込める</h4>\r\n[caption id=\"attachment_30481\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-file.png\" alt=\"ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。\" width=\"592\" height=\"230\" class=\"size-full wp-image-30481\" /> ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。[/caption]\r\n<p>PDFやGoogleドキュメント、画像やPPTファイルなど、ファイルの種類で絞り込みをかけることができます。また、アカウントもDropboxなどに限定して絞り込みをおこなったり、作成した時期で絞ることも可能です。</p>\r\n\r\n<h4 class=\"tips\">スマートタグが付く</h4>\r\n[caption id=\"attachment_30482\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-tag.png\" alt=\"ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。\" width=\"592\" height=\"103\" class=\"size-full wp-image-30482\" /> ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。[/caption]\r\n<p>キーワードの検索結果から、さらに絞り込みを行いたい時に便利なのがスマートタグ。ドキュメント内のキーワードからタグを自動的に生成し、クリックするだけで検索結果を絞り込むことができます。</p>\r\n\r\n<p>さきほどご紹介したカメラ・レンズの検索結果も、レンズだけでは絞り込みが甘かったので、「EOS」のタグをクリックすることで最適な検索結果を得ることができました。このタグを自分で編集することも可能です。</p>\r\n\r\n<h4 class=\"tips\">対応しているサービス</h4>\r\n[caption id=\"attachment_30484\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-services.png\" alt=\"2016年8月15日現在で横断検索に対応しているサービス。\" width=\"592\" height=\"323\" class=\"size-full wp-image-30484\" /> 2016年8月15日現在で横断検索に対応しているサービス。[/caption]\r\n<ul><li>デスクトップ（Windowsはアプリのリリース待ち）</li><li>Googleドライブ</li><li>Dropbox</li><li>Gmail</li><li>Evernote</li><li>Trello</li><li>Slack</li></ul>\r\n\r\n\r\n<p>ファイル数が多いと、利用できるまでに少々時間がかかるようです。私の場合、エバーノートのノート数が3万以上あるので、それに時間を要してしまった様子で、利用開始までに7時間かかってしまいました。ただ、Evernote以外は10分程度で完了していたので、Evernoteでノート数が多くないかぎりはすぐに使うことができそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>へどうぞ。</p>\r\n\r\n<p>どうやら検索結果ページ上でのプレビュー機能も準備中のようで、これからますます便利になっていくことが期待できそうです。</p>\r\n', 'デスクトップやGoogleドライブ、Evernoteなどから横断検索できる「Meta Search」', 'Dropbox、Slack、Evernoteなど、あらゆるサービスから自分のファイルを横断検索することができるサービス。', 'publish', 'open', 'closed', '', 'meta-search', '', '', '2016-08-14 22:59:37', '2016-08-14 13:59:37', '', 0, 'http://web-marketing.zako.org/?p=30480', 0, 'post', '', 0),
(30481, 4, '2016-08-14 22:47:24', '2016-08-14 13:47:24', '', 'meta-search-file', 'ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。', 'inherit', 'open', 'closed', '', 'meta-search-file', '', '', '2016-08-14 22:47:59', '2016-08-14 13:47:59', '', 30480, 'http://web-marketing.zako.org/images/2016/08/meta-search-file.png', 0, 'attachment', 'image/png', 0),
(30482, 4, '2016-08-14 22:47:25', '2016-08-14 13:47:25', '', 'meta-search-tag', 'ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。', 'inherit', 'open', 'closed', '', 'meta-search-tag', '', '', '2016-08-14 22:48:38', '2016-08-14 13:48:38', '', 30480, 'http://web-marketing.zako.org/images/2016/08/meta-search-tag.png', 0, 'attachment', 'image/png', 0),
(30483, 4, '2016-08-14 22:47:25', '2016-08-14 13:47:25', '', 'meta-search-results', 'Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。', 'inherit', 'open', 'closed', '', 'meta-search-results', '', '', '2016-08-14 22:49:05', '2016-08-14 13:49:05', '', 30480, 'http://web-marketing.zako.org/images/2016/08/meta-search-results.png', 0, 'attachment', 'image/png', 0),
(30484, 4, '2016-08-14 22:47:26', '2016-08-14 13:47:26', '', 'meta-search-services', '2016年8月15日現在で横断検索に対応しているサービス。', 'inherit', 'open', 'closed', '', 'meta-search-services', '', '', '2016-08-14 22:49:30', '2016-08-14 13:49:30', '', 30480, 'http://web-marketing.zako.org/images/2016/08/meta-search-services.png', 0, 'attachment', 'image/png', 0),
(30485, 4, '2016-08-14 22:47:27', '2016-08-14 13:47:27', '', 'meta-search', '', 'inherit', 'open', 'closed', '', 'meta-search-2', '', '', '2016-08-14 22:49:37', '2016-08-14 13:49:37', '', 30480, 'http://web-marketing.zako.org/images/2016/08/meta-search.png', 0, 'attachment', 'image/png', 0),
(30486, 4, '2016-08-14 22:55:12', '2016-08-14 13:55:12', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/meta-search.png\" alt=\"Meta Search\" width=\"592\" height=\"275\" class=\"alignnone size-full wp-image-30485\" /></p>\r\n<p>ふとひらめいたアイデアのメモや議事録にアウトプットした文章などなど、とにかく記録を残しておくことが大切なわけですが、その記録を保存する場所にこだわりすぎると、せっかくひらめいたものが薄れてしまったり、忘れてしまうこともありますよね。</p>\r\n<p>かといって、どこに保存したかを忘れてしまうと、あとから探すのに苦労したり、そのまま活用されずに埋もれてしまうこともあるかと思います。</p>\r\n<p>今回は、このような問題を解決してくれそうなサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">あらゆる場所に保存したテキストを横断検索できる「Meta Search」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>」は、<strong>デスクトップやGoogleドライブ、Dropbox、Gmail、Evernoteなどのサービスを横断して検索できるサービス。</strong>（2016年8月15日現在、デスクトップ検索はリリース待ち）</p>\r\n<p>どこに記録したかを気にしなくても、Meta Searchを使えばしっかりと記録を見つけ出すことができます。</p>\r\n<p>サービスはまだベータ版で、Windowsマシンでのデスクトップの検索についてはアプリのリリース待ちですが、もうそろそろだとのこと、待ち遠しいですね。</p>\r\n\r\n<h4 class=\"tips\">一度に横断検索できる</h4>\r\n[caption id=\"attachment_30483\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-results.png\" alt=\"Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。\" width=\"592\" height=\"342\" class=\"size-full wp-image-30483\" /> Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。[/caption]\r\n<p>GoogleドライブだろうがDropboxだろうが、とにかくキーワードに関連するファイルをすべて検索して結果を出してくれます。</p>\r\n<p>検索結果から発見した目的のファイルは、そのまま検索結果からクリックすることで、それぞれ街頭のサービス画面上で開くことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルやサービスの種類で絞り込める</h4>\r\n[caption id=\"attachment_30481\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-file.png\" alt=\"ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。\" width=\"592\" height=\"230\" class=\"size-full wp-image-30481\" /> ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。[/caption]\r\n<p>PDFやGoogleドキュメント、画像やPPTファイルなど、ファイルの種類で絞り込みをかけることができます。また、アカウントもDropboxなどに限定して絞り込みをおこなったり、作成した時期で絞ることも可能です。</p>\r\n\r\n<h4 class=\"tips\">スマートタグが付く</h4>\r\n[caption id=\"attachment_30482\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-tag.png\" alt=\"ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。\" width=\"592\" height=\"103\" class=\"size-full wp-image-30482\" /> ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。[/caption]\r\n<p>キーワードの検索結果から、さらに絞り込みを行いたい時に便利なのがスマートタグ。ドキュメント内のキーワードからタグを自動的に生成し、クリックするだけで検索結果を絞り込むことができます。</p>\r\n\r\n<p>さきほどご紹介したカメラ・レンズの検索結果も、レンズだけでは絞り込みが甘かったので、「EOS」のタグをクリックすることで最適な検索結果を得ることができました。このタグを自分で編集することも可能です。</p>\r\n\r\n<h4 class=\"tips\">対応しているサービス</h4>\r\n[caption id=\"attachment_30484\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-services.png\" alt=\"2016年8月15日現在で横断検索に対応しているサービス。\" width=\"592\" height=\"323\" class=\"size-full wp-image-30484\" /> 2016年8月15日現在で横断検索に対応しているサービス。[/caption]\r\n<ul><li>デスクトップ（Windowsはアプリのリリース待ち）</li><li>Googleドライブ</li><li>Dropbox</li><li>Gmail</li><li>Evernote</li><li>Trello</li><li>Slack</li></ul>\r\n\r\n\r\n<p>ファイル数が多いと、利用できるまでに少々時間がかかるようです。私の場合、エバーノートのノート数が3万以上あるので、それに時間を要してしまった様子で、利用開始までに7時間かかってしまいました。ただ、Evernote以外は10分程度で完了していたので、Evernoteでノート数が多くないかぎりはすぐに使うことができそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>へどうぞ。</p>\r\n\r\n<p>どうやら検索結果ページ上でのプレビュー機能も準備中のようで、これからますます便利になっていくことが期待できそうです。</p>\r\n', 'デスクトップやGoogleドライブ、Evernoteなどから横断検索できる「Meta Search」', '', 'inherit', 'closed', 'closed', '', '30480-revision-v1', '', '', '2016-08-14 22:55:12', '2016-08-14 13:55:12', '', 30480, 'http://web-marketing.zako.org/web-tools/30480-revision-v1.html', 0, 'revision', '', 0),
(30487, 4, '2016-08-14 22:59:15', '2016-08-14 13:59:15', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/meta-search.png\" alt=\"Meta Search\" width=\"592\" height=\"275\" class=\"alignnone size-full wp-image-30485\" /></p>\n<p>ふとひらめいたアイデアのメモや議事録にアウトプットした文章などなど、とにかく記録を残しておくことが大切なわけですが、その記録を保存する場所にこだわりすぎると、せっかくひらめいたものが薄れてしまったり、忘れてしまうこともありますよね。</p>\n<p>かといって、どこに保存したかを忘れてしまうと、あとから探すのに苦労したり、そのまま活用されずに埋もれてしまうこともあるかと思います。</p>\n<p>今回は、このような問題を解決してくれそうなサービスをご紹介します。</p><!--more-->\n\n<h3 class=\"header-label\">あらゆる場所に保存したテキストを横断検索できる「Meta Search」</h3>\n<p>「<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>」は、<strong>デスクトップやGoogleドライブ、Dropbox、Gmail、Evernoteなどのサービスを横断して検索できるサービス。</strong>（2016年8月15日現在、デスクトップ検索はリリース待ち）</p>\n<p>どこに記録したかを気にしなくても、Meta Searchを使えばしっかりと記録を見つけ出すことができます。</p>\n<p>サービスはまだベータ版で、Windowsマシンでのデスクトップの検索についてはアプリのリリース待ちですが、もうそろそろだとのこと、待ち遠しいですね。</p>\n\n<h4 class=\"tips\">一度に横断検索できる</h4>\n[caption id=\"attachment_30483\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-results.png\" alt=\"Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。\" width=\"592\" height=\"342\" class=\"size-full wp-image-30483\" /> Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。[/caption]\n<p>GoogleドライブだろうがDropboxだろうが、とにかくキーワードに関連するファイルをすべて検索して結果を出してくれます。</p>\n<p>検索結果から発見した目的のファイルは、そのまま検索結果からクリックすることで、それぞれ街頭のサービス画面上で開くことができます。</p>\n\n\n<h4 class=\"tips\">ファイルやサービスの種類で絞り込める</h4>\n[caption id=\"attachment_30481\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-file.png\" alt=\"ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。\" width=\"592\" height=\"230\" class=\"size-full wp-image-30481\" /> ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。[/caption]\n<p>PDFやGoogleドキュメント、画像やPPTファイルなど、ファイルの種類で絞り込みをかけることができます。また、アカウントもDropboxなどに限定して絞り込みをおこなったり、作成した時期で絞ることも可能です。</p>\n\n<h4 class=\"tips\">スマートタグが付く</h4>\n[caption id=\"attachment_30482\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-tag.png\" alt=\"ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。\" width=\"592\" height=\"103\" class=\"size-full wp-image-30482\" /> ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。[/caption]\n<p>キーワードの検索結果から、さらに絞り込みを行いたい時に便利なのがスマートタグ。ドキュメント内のキーワードからタグを自動的に生成し、クリックするだけで検索結果を絞り込むことができます。</p>\n\n<p>さきほどご紹介したカメラ・レンズの検索結果も、レンズだけでは絞り込みが甘かったので、「EOS」のタグをクリックすることで最適な検索結果を得ることができました。このタグを自分で編集することも可能です。</p>\n\n<h4 class=\"tips\">対応しているサービス</h4>\n[caption id=\"attachment_30484\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-services.png\" alt=\"2016年8月15日現在で横断検索に対応しているサービス。\" width=\"592\" height=\"323\" class=\"size-full wp-image-30484\" /> 2016年8月15日現在で横断検索に対応しているサービス。[/caption]\n<ul><li>デスクトップ（Windowsはアプリのリリース待ち）</li><li>Googleドライブ</li><li>Dropbox</li><li>Gmail</li><li>Evernote</li><li>Trello</li><li>Slack</li></ul>\n\n\n<p>ファイル数が多いと、利用できるまでに少々時間がかかるようです。私の場合、エバーノートのノート数が3万以上あるので、それに時間を要してしまった様子で、利用開始までに7時間かかってしまいました。ただ、Evernote以外は10分程度で完了していたので、Evernoteでノート数が多くないかぎりはすぐに使うことができそうです。</p>\n\n<p>興味がある方は<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>へどうぞ。</p>\n\n<p>どうやら検索結果ページ上でのプレビュー機能も準備中のようで、これからますます便利になっていくことが期待できそうです。</p>\n', 'デスクトップやGoogleドライブ、Evernoteなどから横断検索できる「Meta Search」', 'Dropbox、Slack、Evernoteなど、', 'inherit', 'closed', 'closed', '', '30480-autosave-v1', '', '', '2016-08-14 22:59:15', '2016-08-14 13:59:15', '', 30480, 'http://web-marketing.zako.org/web-tools/30480-autosave-v1.html', 0, 'revision', '', 0),
(30488, 4, '2016-08-14 22:59:37', '2016-08-14 13:59:37', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/meta-search.png\" alt=\"Meta Search\" width=\"592\" height=\"275\" class=\"alignnone size-full wp-image-30485\" /></p>\r\n<p>ふとひらめいたアイデアのメモや議事録にアウトプットした文章などなど、とにかく記録を残しておくことが大切なわけですが、その記録を保存する場所にこだわりすぎると、せっかくひらめいたものが薄れてしまったり、忘れてしまうこともありますよね。</p>\r\n<p>かといって、どこに保存したかを忘れてしまうと、あとから探すのに苦労したり、そのまま活用されずに埋もれてしまうこともあるかと思います。</p>\r\n<p>今回は、このような問題を解決してくれそうなサービスをご紹介します。</p><!--more-->\r\n\r\n<h3 class=\"header-label\">あらゆる場所に保存したテキストを横断検索できる「Meta Search」</h3>\r\n<p>「<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>」は、<strong>デスクトップやGoogleドライブ、Dropbox、Gmail、Evernoteなどのサービスを横断して検索できるサービス。</strong>（2016年8月15日現在、デスクトップ検索はリリース待ち）</p>\r\n<p>どこに記録したかを気にしなくても、Meta Searchを使えばしっかりと記録を見つけ出すことができます。</p>\r\n<p>サービスはまだベータ版で、Windowsマシンでのデスクトップの検索についてはアプリのリリース待ちですが、もうそろそろだとのこと、待ち遠しいですね。</p>\r\n\r\n<h4 class=\"tips\">一度に横断検索できる</h4>\r\n[caption id=\"attachment_30483\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-results.png\" alt=\"Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。\" width=\"592\" height=\"342\" class=\"size-full wp-image-30483\" /> Meta Searchの検索結果。キーワードは「レンズ」で、タグを「EOS」に指定しています。[/caption]\r\n<p>GoogleドライブだろうがDropboxだろうが、とにかくキーワードに関連するファイルをすべて検索して結果を出してくれます。</p>\r\n<p>検索結果から発見した目的のファイルは、そのまま検索結果からクリックすることで、それぞれ街頭のサービス画面上で開くことができます。</p>\r\n\r\n\r\n<h4 class=\"tips\">ファイルやサービスの種類で絞り込める</h4>\r\n[caption id=\"attachment_30481\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-file.png\" alt=\"ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。\" width=\"592\" height=\"230\" class=\"size-full wp-image-30481\" /> ファイルの種類をスプレッドシートのみに絞り込んだ検索結果。検索結果に表示されたタグをクリックすることで絞り込めます。[/caption]\r\n<p>PDFやGoogleドキュメント、画像やPPTファイルなど、ファイルの種類で絞り込みをかけることができます。また、アカウントもDropboxなどに限定して絞り込みをおこなったり、作成した時期で絞ることも可能です。</p>\r\n\r\n<h4 class=\"tips\">スマートタグが付く</h4>\r\n[caption id=\"attachment_30482\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-tag.png\" alt=\"ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。\" width=\"592\" height=\"103\" class=\"size-full wp-image-30482\" /> ファイル内からキーワードを抽出し、自動的にタグを付けるスマートタグ。日本語もある程度、タグとして抽出されます。[/caption]\r\n<p>キーワードの検索結果から、さらに絞り込みを行いたい時に便利なのがスマートタグ。ドキュメント内のキーワードからタグを自動的に生成し、クリックするだけで検索結果を絞り込むことができます。</p>\r\n\r\n<p>さきほどご紹介したカメラ・レンズの検索結果も、レンズだけでは絞り込みが甘かったので、「EOS」のタグをクリックすることで最適な検索結果を得ることができました。このタグを自分で編集することも可能です。</p>\r\n\r\n<h4 class=\"tips\">対応しているサービス</h4>\r\n[caption id=\"attachment_30484\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/meta-search-services.png\" alt=\"2016年8月15日現在で横断検索に対応しているサービス。\" width=\"592\" height=\"323\" class=\"size-full wp-image-30484\" /> 2016年8月15日現在で横断検索に対応しているサービス。[/caption]\r\n<ul><li>デスクトップ（Windowsはアプリのリリース待ち）</li><li>Googleドライブ</li><li>Dropbox</li><li>Gmail</li><li>Evernote</li><li>Trello</li><li>Slack</li></ul>\r\n\r\n\r\n<p>ファイル数が多いと、利用できるまでに少々時間がかかるようです。私の場合、エバーノートのノート数が3万以上あるので、それに時間を要してしまった様子で、利用開始までに7時間かかってしまいました。ただ、Evernote以外は10分程度で完了していたので、Evernoteでノート数が多くないかぎりはすぐに使うことができそうです。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"https://www.meta.sc/beta/\">Meta Search</a>へどうぞ。</p>\r\n\r\n<p>どうやら検索結果ページ上でのプレビュー機能も準備中のようで、これからますます便利になっていくことが期待できそうです。</p>\r\n', 'デスクトップやGoogleドライブ、Evernoteなどから横断検索できる「Meta Search」', 'Dropbox、Slack、Evernoteなど、あらゆるサービスから自分のファイルを横断検索することができるサービス。', 'inherit', 'closed', 'closed', '', '30480-revision-v1', '', '', '2016-08-14 22:59:37', '2016-08-14 13:59:37', '', 30480, 'http://web-marketing.zako.org/web-tools/30480-revision-v1.html', 0, 'revision', '', 0),
(30490, 4, '2016-08-14 23:04:57', '2016-08-14 14:04:57', '<h3 class=\'header-label\'>WEBマーケティングブログについて</h3>\n\n<p>一昔前の表現をすると、元「渋谷で働くWEB担当者のブログ」というところでしょうか。 最近は「<strong>オレンジ色のブログ</strong>」とか「<strong>拡声器のロゴがついてるブログ</strong>」、海外では「webmarketingzako」なんて呼ばれているブログです。</p>\n\n<p>WEBマーケティングブログは、著者であるsigeoが気になった情報を紹介していくブログです。</p>\n\n<p>仕事に役立つこと、人生の見方を変えられるもの、少しずつでもあなたの人生に変化をもたらすことが出来たらいいなと考えながら記事を書いてます。</p>\n\n<p>あなたにわかりやすく伝えられるよう、日々努力をしております。まだまだ至らない点が多々ありますが、日々の研究の成果を反映させてまいりますのでお気軽にご意見をいただけると幸いです。</p>\n<div id=\"followButton\"></div>\n<script type=\"text/javascript\">\ntwttr.anywhere(function(twitter) {\n	twitter(\"#followButton\").followButton(\"web__marketing\");\n});\n</script>\n<p><a rel=\"author\" href=\"https://plus.google.com/u/0/104198991348267889378/posts\">\n  <img src=\"http://www.google.com/images/icons/ui/gprofile_button-64.png\" width=\"64\" height=\"64\">\n</a></p>\n\n<!--more-->\n\n<h3 class=\'header-label\'>メディア掲載実績</h3>\n\n<dl class=\"head-line\">\n<dt>サイト紹介・インタビュー記事</dt>\n<dd>2012.9：『MD月刊マーチャンダイジング』2012年9月号にソーシャルメディア活用事例の紹介記事が掲載されました<br /><iframe src=\"http://docs.google.com/viewer?url=http://analytics.web-marketing.in/wp-content/uploads/2012/09/md201209.pdf&amp;embedded=true\" style=\"width:520px; height:340px;\" frameborder=\"0\"></iframe></dd>\n<dd>2010.9：書籍<a href=\"http://amzn.to/aFg15M\" target=\"_blank\">クラウド情報整理術</a>にクラウド情報整理術の達人として、インタビューが掲載されました。</dd>\n<dd>2009.10：R25、<a href=\"http://r25.yahoo.co.jp/fushigi/report/?id=20091028-90007875-r25\" target=\"_blank\">第8回 ブログのアクセス数を伸ばしたい！[前・後編]</a>にインタビュー記事が掲載されました。</dd>\n<dd>2008.12：<a class=\"web-site-link\" href=\"http://us-lighthouse.com/\" onclick=\"window.open(\'http://us-lighthouse.com/\'); return false;\">日本語によるロサンゼルス＆サンディエゴ現地情報「ライトハウス」</a>の<a class=\"web-site-link\" href=\"http://us-lighthouse.com/special/article/illumination/\" onclick=\"window.open(\'http://us-lighthouse.com/special/article/illumination/\'); return false;\">特集記事</a>（一番下）に記事紹介されました。</dd>\n<dd>2008.08：<a href=\"http://markezine.jp/\" onclick=\"window.open(\'http://markezine.jp/\'); return false;\">Markezine</a>に<a href=\"http://markezine.jp/article/detail/4856\" onclick=\"window.open(\'http://markezine.jp/article/detail/4856\'); return false;\">インタビュー記事</a>が掲載されました。</dd>\n<dt>コンテンツ提供</dt>\n<dd>2008.12：NETMarketing Online(日経ネットマーケティング)への記事掲載を開始しました。</dd>\n<dd>2008.09：SaaS総合情報ポータルサイトへの記事掲載を開始しました。</dd>\n<dd>2008.03：ブログ/意見 - Yahoo!ニュースへの記事提供を開始しました。</dd>\n</dl>\n\n<h3 class=\'header-label\'>当ブログへの広告掲載について</h3>\n<p><a href=\"http://agilemedia.jp/contact/ad.php\" target=\"_blank\"><img\nsrc=\"http://ad.agilemedia.jp/embed/img/amn-mini-banner.gif\"\nwidth=\"200\"height=\"60\" border=\"0\" alt=\"AMN Partner Blog\" /></a></p>\n<p>当ブログはAMNパートナーブログです。<br />\n<p>当ブログへの広告掲載や記事執筆依頼、取材依頼や通常のお問い合わせは下記フォームよりお願いいたします。</p>\n\n[contact-form-7 id=\"29656\" title=\"Contact form 1\"]\n\n\n<h3 class=\'header-label\'>著者「sigeo」プロフィール</h3>\n\n<p>元、渋谷にあるIT企業の1<a href=\"http://web-marketing.zako.org/\">WEB担当者</a>。</p>\n\n<p>WEB担当者といえども、そこはベンチャー企業ならではの担当者。<br />\n企画や商品開発、社員教育、新人研修にも携わっていました。</p>\n\n<p>現在は池袋を拠点に、WEBコンサルティング事業を展開しております。 <br />また、ITベンチャーである<a href=\"http://www.mate-en.com/\" target=\"_blank\">株式会社マイト</a>に取締役COOとして所属。新規事業の企画、開発、社内外のSEO支援などを手がけ、セミナー講師としても活動しております。</p>\n\n', 'プロフィール', '', 'inherit', 'closed', 'closed', '', '1593-autosave-v1', '', '', '2016-08-14 23:04:57', '2016-08-14 14:04:57', '', 1593, 'http://web-marketing.zako.org/web-tools/1593-autosave-v1.html', 0, 'revision', '', 0),
(30491, 4, '2016-08-14 23:07:14', '2016-08-14 14:07:14', '<h3 class=\'header-label\'>WEBマーケティングブログについて</h3>\r\n\r\n<p>一昔前の表現をすると、元「渋谷で働くWEB担当者のブログ」というところでしょうか。 最近は「<strong>オレンジ色のブログ</strong>」とか「<strong>拡声器のロゴがついてるブログ</strong>」、海外では「webmarketingzako」なんて呼ばれているブログです。</p>\r\n\r\n<p>WEBマーケティングブログは、著者であるsigeoが気になった情報を紹介していくブログです。</p>\r\n\r\n<p>仕事に役立つこと、人生の見方を変えられるもの、少しずつでもあなたの人生に変化をもたらすことが出来たらいいなと考えながら記事を書いてます。</p>\r\n\r\n<p>あなたにわかりやすく伝えられるよう、日々努力をしております。まだまだ至らない点が多々ありますが、日々の研究の成果を反映させてまいりますのでお気軽にご意見をいただけると幸いです。</p>\r\n<div id=\"followButton\"></div>\r\n<script type=\"text/javascript\">\r\ntwttr.anywhere(function(twitter) {\r\n	twitter(\"#followButton\").followButton(\"web__marketing\");\r\n});\r\n</script>\r\n<p><a rel=\"author\" href=\"https://plus.google.com/u/0/104198991348267889378/posts\">\r\n  <img src=\"http://www.google.com/images/icons/ui/gprofile_button-64.png\" width=\"64\" height=\"64\">\r\n</a></p>\r\n\r\n<!--more-->\r\n\r\n<h3 class=\'header-label\'>メディア掲載実績</h3>\r\n\r\n<dl class=\"head-line\">\r\n<dt>サイト紹介・インタビュー記事</dt>\r\n<dd>2012.9：『MD月刊マーチャンダイジング』2012年9月号にソーシャルメディア活用事例の紹介記事が掲載されました<br /><iframe src=\"http://docs.google.com/viewer?url=http://analytics.web-marketing.in/wp-content/uploads/2012/09/md201209.pdf&amp;embedded=true\" style=\"width:520px; height:340px;\" frameborder=\"0\"></iframe></dd>\r\n<dd>2010.9：書籍<a href=\"http://amzn.to/aFg15M\" target=\"_blank\">クラウド情報整理術</a>にクラウド情報整理術の達人として、インタビューが掲載されました。</dd>\r\n<dd>2009.10：R25、<a href=\"http://r25.yahoo.co.jp/fushigi/report/?id=20091028-90007875-r25\" target=\"_blank\">第8回 ブログのアクセス数を伸ばしたい！[前・後編]</a>にインタビュー記事が掲載されました。</dd>\r\n<dd>2008.12：<a class=\"web-site-link\" href=\"http://us-lighthouse.com/\" onclick=\"window.open(\'http://us-lighthouse.com/\'); return false;\">日本語によるロサンゼルス＆サンディエゴ現地情報「ライトハウス」</a>の<a class=\"web-site-link\" href=\"http://us-lighthouse.com/special/article/illumination/\" onclick=\"window.open(\'http://us-lighthouse.com/special/article/illumination/\'); return false;\">特集記事</a>（一番下）に記事紹介されました。</dd>\r\n<dd>2008.08：<a href=\"http://markezine.jp/\" onclick=\"window.open(\'http://markezine.jp/\'); return false;\">Markezine</a>に<a href=\"http://markezine.jp/article/detail/4856\" onclick=\"window.open(\'http://markezine.jp/article/detail/4856\'); return false;\">インタビュー記事</a>が掲載されました。</dd>\r\n<dt>コンテンツ提供</dt>\r\n<dd>2008.12：NETMarketing Online(日経ネットマーケティング)への記事掲載を開始しました。</dd>\r\n<dd>2008.09：SaaS総合情報ポータルサイトへの記事掲載を開始しました。</dd>\r\n<dd>2008.03：ブログ/意見 - Yahoo!ニュースへの記事提供を開始しました。</dd>\r\n</dl>\r\n\r\n<h3 class=\'header-label\'>当ブログへの広告掲載について</h3>\r\n<p><a href=\"http://agilemedia.jp/contact/ad.php\" target=\"_blank\"><img\r\nsrc=\"http://ad.agilemedia.jp/embed/img/amn-mini-banner.gif\"\r\nwidth=\"200\"height=\"60\" border=\"0\" alt=\"AMN Partner Blog\" /></a></p>\r\n<p>当ブログはAMNパートナーブログです。<br />\r\n<p>当ブログへの広告掲載や記事執筆依頼、取材依頼や通常のお問い合わせは下記フォームよりお願いいたします。</p>\r\n\r\n[contact-form-7 id=\"29656\" title=\"Contact form 1\"]\r\n\r\n\r\n<h3 class=\'header-label\'>著者「sigeo」プロフィール</h3>\r\n\r\n<p>元、渋谷にあるIT企業の1<a href=\"http://web-marketing.zako.org/\">WEB担当者</a>。</p>\r\n\r\n<p>WEB担当者といえども、そこはベンチャー企業ならではの担当者。<br />\r\n企画や商品開発、社員教育、新人研修にも携わっていました。</p>\r\n\r\n<p>現在は池袋を拠点に、WEBコンサルティング事業を展開しております。 <br />また、ITベンチャーである<a href=\"http://www.mate-en.com/\" target=\"_blank\">株式会社マイト</a>に取締役COOとして所属。新規事業の企画、開発、社内外のSEO支援などを手がけ、セミナー講師としても活動しております。</p>\r\n\r\n', 'プロフィール', '', 'inherit', 'closed', 'closed', '', '1593-revision-v1', '', '', '2016-08-14 23:07:14', '2016-08-14 14:07:14', '', 1593, 'http://web-marketing.zako.org/web-tools/1593-revision-v1.html', 0, 'revision', '', 0),
(30493, 4, '2016-08-28 22:57:10', '2016-08-28 13:57:10', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers.jpg\" alt=\"pitchdeckers\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30517\" /></p>\r\n<p>スタートアップやベンチャーが新しいサービスやビジネスモデルを売り込むときに使うピッチスライド（pitch deck）。世の中的にはこういった資料を定型化して、本当に重要な事に時間を使うようにシフトしていますよね。</p>\r\n<p>今回ご紹介するのは、そのピッチスライドのテンプレートを配布しているサイトです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ピッチスライドのテンプレート配布サイト「Pitchdeckers」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>」は、優れたピッチスライドのテンプレートを毎週追加しているサイト。</p>\r\n<p>質の良いテンプレートを使うことによって、資料の作成作業を大幅に削減することができます。</p>\r\n\r\n<h4 class=\"tips\">ピッチスライドのサンプル</h4>\r\n<iframe src=\"https://drive.google.com/file/d/0B3vqpQISkWN-Z0pzeGJWTjFrT00/preview\" width=\"100%\" height=\"480\"></iframe>\r\n<p>要点だけを伝えるのに効果的なテンプレートになっています。</p>\r\n[caption id=\"attachment_30519\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-files.jpg\" alt=\"ダウンロードしたテンプレートの同梱ファイル。\" width=\"592\" height=\"195\" class=\"size-full wp-image-30519\" /> ダウンロードしたテンプレートの同梱ファイル。[/caption]\r\n<p>サンプルをダウンロードすると、フォルダの中にKeynoteとパワーポイントのテンプレートが同梱されています。</p>\r\n\r\n[caption id=\"attachment_30516\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-sample.jpg\" alt=\"他にもこのようなサンプルが毎週追加されます。\" width=\"592\" height=\"864\" class=\"size-full wp-image-30516\" /> 他にもこのようなサンプルが毎週追加されます。[/caption]\r\n\r\n<p>メールアドレスを登録しておけば、毎週テンプレートが追加される度に通知を受け取ることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>へどうぞ。</p>\r\n', 'スタートアップのピッチ資料（pitch deck）のテンプレートが毎週追加される「Pitchdeckers」', '', 'publish', 'open', 'closed', '', 'pitchdeckers', '', '', '2016-08-28 22:57:10', '2016-08-28 13:57:10', '', 0, 'http://web-marketing.zako.org/?p=30493', 0, 'post', '', 0),
(30494, 4, '2016-08-28 00:01:05', '2016-08-27 15:01:05', '<iframe src=\"https://drive.google.com/file/d/0B3vqpQISkWN-Z0pzeGJWTjFrT00/preview\" width=\"100%\" height=\"480\"></iframe>', 'スタートアップのピッチ資料（pitch deck）のテンプレートが毎週追加される「Pitchdeckers」', '', 'inherit', 'closed', 'closed', '', '30493-revision-v1', '', '', '2016-08-28 00:01:05', '2016-08-27 15:01:05', '', 30493, 'http://web-marketing.zako.org/web-tools/30493-revision-v1.html', 0, 'revision', '', 0),
(30495, 4, '2016-08-28 00:01:44', '2016-08-27 15:01:44', '\r\n\r\n\r\nサンプル\r\n<iframe src=\"https://drive.google.com/file/d/0B3vqpQISkWN-Z0pzeGJWTjFrT00/preview\" width=\"100%\" height=\"480\"></iframe>', 'スタートアップのピッチ資料（pitch deck）のテンプレートが毎週追加される「Pitchdeckers」', '', 'inherit', 'closed', 'closed', '', '30493-revision-v1', '', '', '2016-08-28 00:01:44', '2016-08-27 15:01:44', '', 30493, 'http://web-marketing.zako.org/web-tools/30493-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
(30505, 4, '2016-08-28 00:54:15', '2016-08-27 15:54:15', '<a href=\"http://web-marketing.zako.org/images/Google136.html\" onclick=\"window.open(\'http://web-marketing.zako.org/images/Google136.html\',\'popup\',\'width=665,height=562,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0\'); return false\"><img src=\"http://web-marketing.zako.org/images/Google136-thumb.gif\" width=\"180\" height=\"152\" alt=\"グーグルアース、６つの新しい光景\" /></a>\n<p><strong>グーグルアースギャラリー</strong>に新しいエントリーが６つ追加されたそうです。</p>\n\n<!--more-->\n<p>１．世界の石油消費量<br />\n<img alt=\"グーグルアースGoogle Earth世界の石油消費量\" src=\"http://web-marketing.zako.org/images/world_oil_consumption_lg.jpg\" width=\"300\" height=\"143\" /><br />\n現実を突きつけられるような光景です。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/world_oil_consumption_n.kmz\">世界の石油消費量KMLファイル</a></p>\n<p>２．Phillis Wheatleyの伝記をグーグルアースで探検<br />\n<img alt=\"Phillis Wheatleyの伝記をGoogle Earthグーグルアースで探検\" src=\"http://web-marketing.zako.org/images/phillis_wheatley_lg.jpg\" width=\"300\" height=\"143\" /><br />\nアフリカ系アメリカ人の作家、<a href=\"http://translate.google.com/translate?u=http%3A//en.wikipedia.org/wiki/Phillis_Wheatley&hl=ja&langpair=en|ja&tbb=1&ie=utf-8\" target=\"_blank\">Phillis Wheatley</a>の伝記をグーグルアースで楽しめます。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/phillis_wheatley_n.kmz\">Phillis WheatleyのKMLファイル</a></p>\n<p>３．世界の地震情報<br />\n<img alt=\"Google Earthグーグルアース、世界の地震情報\" src=\"http://web-marketing.zako.org/images/realtime_earthquakes_lg.jpg\" width=\"300\" height=\"143\" /><br />\n世界各国でこんなに地震が起きているのかと、そして、起きないところは起きないとびっくりさせられます。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/realtime_earthquakes_n.kmz\">地震情報KMLファイル</a></p>\n<p>４．アラスカのジュノー大氷原調査の旅<br />\n<img alt=\"Google Earthグーグルアース、アラスカのジュノー大氷原調査の旅\" src=\"http://web-marketing.zako.org/images/juneau_icefield_lg.jpg\" width=\"300\" height=\"143\" /><br />\n地球温暖化のために、崩れゆく生態系を<strong>グーグルアース</strong>で認識しよう。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/juneau_icefield_n.kmz\">ジュノー大氷原調査の旅KMLファイル</a></p>\n<p>５．世界の夜景<br />\n<a href=\"http://web-marketing.zako.org/images/Google1361.html\" onclick=\"window.open(\'http://web-marketing.zako.org/images/Google1361.html\',\'popup\',\'width=665,height=562,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0\'); return false\"><img src=\"http://web-marketing.zako.org/images/Google136-thumb.gif\" width=\"300\" height=\"253\" alt=\"グーグルアースで世界の夜景を\" /></a><br />\nこれは本当に綺麗です。この光景をいつまでも保てたらどんなにいいでしょう。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/night_lights_n.kmz\">世界の夜景KMLファイル</a></p>\n<p>６．ツタンカーメン王の墓を探検<br />\n<img alt=\"Google Earthグーグルアースでツタンカーメン王の墓を探検\" src=\"http://web-marketing.zako.org/images/tut_lg.jpg\" width=\"300\" height=\"143\" /><br />\nツタンカーメン王の墓を、リアルな３Dで再現、1922年に発見された宝物も再現されています。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/tutankhamon_tomb_n.kmz\">ツタンカーメン王の墓KMLファイル</a></p>\n<p>グーグルアースだけに、地球環境にまつわるものが多いですね。<br />\n地球を大事にしなくてはならないと再認識させられます。</p>\n<div class=\"tool\"><h2>グーグルアースギャラリー</h2>\nhttps://www.google.com/intl/ja/earth/explore/showcase/<br />\n6つのギャラリーを追加</div>', 'グーグルアースに６つの新しい光景', '', 'inherit', 'closed', 'closed', '', '691-revision-v1', '', '', '2016-08-28 00:54:15', '2016-08-27 15:54:15', '', 691, 'http://web-marketing.zako.org/web-tools/691-revision-v1.html', 0, 'revision', '', 0),
(30502, 4, '2016-08-28 00:53:34', '2016-08-27 15:53:34', '<a href=\"http://web-marketing.zako.org/images/Google136.html\" onclick=\"window.open(\'http://web-marketing.zako.org/images/Google136.html\',\'popup\',\'width=665,height=562,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0\'); return false\"><img src=\"http://web-marketing.zako.org/images/Google136-thumb.gif\" width=\"180\" height=\"152\" alt=\"グーグルアース、６つの新しい光景\" /></a>\n<p><strong>グーグルアースギャラリー</strong>に新しいエントリーが６つ追加されたそうです。</p>\n\n<!--more-->\n<p>１．世界の石油消費量<br />\n<img alt=\"グーグルアースGoogle Earth世界の石油消費量\" src=\"http://web-marketing.zako.org/images/world_oil_consumption_lg.jpg\" width=\"300\" height=\"143\" /><br />\n現実を突きつけられるような光景です。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/world_oil_consumption_n.kmz\">世界の石油消費量KMLファイル</a></p>\n<p>２．Phillis Wheatleyの伝記をグーグルアースで探検<br />\n<img alt=\"Phillis Wheatleyの伝記をGoogle Earthグーグルアースで探検\" src=\"http://web-marketing.zako.org/images/phillis_wheatley_lg.jpg\" width=\"300\" height=\"143\" /><br />\nアフリカ系アメリカ人の作家、<a href=\"http://translate.google.com/translate?u=http%3A//en.wikipedia.org/wiki/Phillis_Wheatley&hl=ja&langpair=en|ja&tbb=1&ie=utf-8\" target=\"_blank\">Phillis Wheatley</a>の伝記をグーグルアースで楽しめます。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/phillis_wheatley_n.kmz\">Phillis WheatleyのKMLファイル</a></p>\n<p>３．世界の地震情報<br />\n<img alt=\"Google Earthグーグルアース、世界の地震情報\" src=\"http://web-marketing.zako.org/images/realtime_earthquakes_lg.jpg\" width=\"300\" height=\"143\" /><br />\n世界各国でこんなに地震が起きているのかと、そして、起きないところは起きないとびっくりさせられます。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/realtime_earthquakes_n.kmz\">地震情報KMLファイル</a></p>\n<p>４．アラスカのジュノー大氷原調査の旅<br />\n<img alt=\"Google Earthグーグルアース、アラスカのジュノー大氷原調査の旅\" src=\"http://web-marketing.zako.org/images/juneau_icefield_lg.jpg\" width=\"300\" height=\"143\" /><br />\n地球温暖化のために、崩れゆく生態系を<strong>グーグルアース</strong>で認識しよう。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/juneau_icefield_n.kmz\">ジュノー大氷原調査の旅KMLファイル</a></p>\n<p>５．世界の夜景<br />\n<a href=\"http://web-marketing.zako.org/images/Google1361.html\" onclick=\"window.open(\'http://web-marketing.zako.org/images/Google1361.html\',\'popup\',\'width=665,height=562,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0\'); return false\"><img src=\"http://web-marketing.zako.org/images/Google136-thumb.gif\" width=\"300\" height=\"253\" alt=\"グーグルアースで世界の夜景を\" /></a><br />\nこれは本当に綺麗です。この光景をいつまでも保てたらどんなにいいでしょう。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/night_lights_n.kmz\">世界の夜景KMLファイル</a></p>\n<p>６．ツタンカーメン王の墓を探検<br />\n<img alt=\"Google Earthグーグルアースでツタンカーメン王の墓を探検\" src=\"http://web-marketing.zako.org/images/tut_lg.jpg\" width=\"300\" height=\"143\" /><br />\nツタンカーメン王の墓を、リアルな３Dで再現、1922年に発見された宝物も再現されています。<br />\n<a class=\"kml\" href=\"http://services.google.com/earth/kmz/tutankhamon_tomb_n.kmz\">ツタンカーメン王の墓KMLファイル</a></p>\n<p>グーグルアースだけに、地球環境にまつわるものが多いですね。<br />\n地球を大事にしなくてはならないと再認識させられます。</p>\n<div class=\"tool\"><h2>グーグルアースギャラリー</h2>\n<a href=\"https://www.google.com/intl/ja/earth/explore/showcase/\" target=\"_blank\">https://www.google.com/intl/ja/earth/explore/showcase/</a><br />\n6つのギャラリーを追加</div>', 'グーグルアースに６つの新しい光景', '', 'inherit', 'closed', 'closed', '', '691-revision-v1', '', '', '2016-08-28 00:53:34', '2016-08-27 15:53:34', '', 691, 'http://web-marketing.zako.org/web-tools/691-revision-v1.html', 0, 'revision', '', 0),
(30503, 4, '2016-08-28 00:53:46', '2016-08-27 15:53:46', '<a href=\"http://www.flickr.com/photos/terrylea/222994607/\" title=\"photo sharing\"><img src=\"http://farm1.static.flickr.com/58/222994607_fc44c111fd_m.jpg\" alt=\"コーヒーかす利用法　肥料や堆肥、消臭に\" style=\"border: solid 2px #000000;\" /></a>\r\n</a>\r\n</span>\r\n<br clear=\"all\" />\r\n<p><strong>コーヒーのかす</strong>にはいろいろな活用法がありますが、今回はその方法をトップ１０にてお伝えします。</p>\r\n\r\n<!--more-->\r\n<h3 class=\"tips\">10位：防臭剤にする</h3>\r\n<p><strong>コーヒーのかす</strong>を電子レンジで2~3分、様子を見ながら乾燥させ、ボールに入れて冷蔵庫の中に入れて置く。もしくは料理の後に手でこすり、脱臭する。</p>\r\n\r\n<h3 class=\"tips\">9位：肥料にする</h3>\r\n<p><strong>コーヒーのかす</strong>を酸性土を好むバラの木、ツツジ、シャクナゲ、常緑樹やツバキの土にコップからかけてあげるだけで、植物に栄養を与えることができる。</p>\r\n\r\n<h3 class=\"tips\">8位：防虫剤にする</h3>\r\n<p><strong>コーヒーのかす</strong>を蟻の巣の周辺にかけておくと、蟻たちは少し場所を変えるか、どこかへ行ってしまう。また、地面にふりかけるだけで、カタツムリ、ナメクジなどを撃退することができると言われている。</p>\r\n\r\n<h3 class=\"tips\">7位：染料として使う</h3>\r\n<p><a href=\"http://www.flickr.com/photos/dysonstarr/448695070/\" title=\"photo sharing\"><img src=\"http://farm1.static.flickr.com/179/448695070_b6c13956c0_m.jpg\" alt=\"イースターエッグ\" style=\"float: right; border: solid 2px #000000;\" /></a>\r\n<br />\r\n<strong>コーヒーのかす</strong>をお湯と混ぜて、生地、ペーパーなどの染料として使用できる。アメリカでは、イースターエッグの染料としても使われているとか。</p>\r\n\r\n<br clear=\"all\" />\r\n<h3 class=\"tips\">6位：家具の補修剤として使う</h3>\r\n<p><strong>コーヒーのかす</strong>を少量の液体（水でも可）と混ぜ合わせて、綿棒で浸してあげる。</p>\r\n\r\n<h3 class=\"tips\">5位：汚れを取るための研磨剤に使う</h3>\r\n<p><strong>コーヒーのかす</strong>は、程よい油分を含んでいるため、布やガーゼで包んでフローリング掃除や金属の研磨剤として使うことができる。</p>\r\n\r\n\r\n<h3 class=\"tips\">4位：猫よけとして使う</h3>\r\n<p>外から猫が入ってこないように<strong>コーヒーのかす</strong>とオレンジの皮と混ぜたものをプランターなどに撒いておくと、ペットボトルと同様、猫よけになる。</p>\r\n\r\n<h3 class=\"tips\">3位犬のシャンプーに使う</h3>\r\n<p><a href=\"http://www.flickr.com/photos/espressopics/513615536/\" title=\"photo sharing\"><img src=\"http://farm1.static.flickr.com/219/513615536_36ed64ec60_m.jpg\" alt=\"コーヒーのかす利用法\" style=\"float: right; border: solid 2px #000000;\" /></a>\r\n<br />\r\n<strong>コーヒーのかす</strong>は摩擦を起こしてくれるため、肌へのマッサージとなり、ノミがついていても追い払うことができる。さらに、程よい油分でワンコの毛が柔らかくなる。</p>\r\n<br clear=\"all\" />\r\n\r\n<h3 class=\"tips\">2位：塵の抑制剤として使う</h3>\r\n<p>暖炉をきれいにする前に灰の上にぬれた<strong>コーヒーのかす</strong>をかける。そうすると、掃除中に塵が舞うのを防ぐことができる。（あまり使わないかな。。。）</p>\r\n\r\n<h3 class=\"tips\">1位：セルライト低減剤の材料に使う</h3>\r\n<p>材料：コーヒーのかすをコップ1/4、スプーン1杯のオリーブ油。</p>\r\n<ol>\r\n<li>古いタオルか新聞を用意し、その上に立って、あなたの問題の箇所へ先程作った混合物を当てる。</li>\r\n<li>コーヒーのかすの上から問題の箇所をラップで巻き、数分の間そのままにしておく。</li>\r\n<li>ラップをはがし、ブラシなどでコーヒーのかすを落とし、温水のシャワーを浴びる。</li>\r\n</ol>\r\n<p>良い効果を出すためには、これを二回繰り返して行うことが良いようです。<br />\r\n場合によっては効果なセルライト除去用のクリームと同等の効果を発揮することもあるみたいです。</p>\r\n<p>灰皿に入れておいて脱臭することは良くやっていましたが、こんなに用途があるんですね。<br />\r\n非常に良いリサイクル方法なのではないでしょうか。</p>\r\n<img alt=\"チーム・マイナス6％\" src=\"http://web-marketing.zako.org/images/banner_square.gif\" width=\"100\" height=\"100\" />', 'コーヒー豆のかすを効果的に活用する10の利用法', 'コーヒーのかすをムダなく再利用する方法。', 'inherit', 'closed', 'closed', '', '684-revision-v1', '', '', '2016-08-28 00:53:46', '2016-08-27 15:53:46', '', 684, 'http://web-marketing.zako.org/web-tools/684-revision-v1.html', 0, 'revision', '', 0),
(30504, 4, '2016-08-28 00:54:05', '2016-08-27 15:54:05', '<a href=\"http://web-marketing.zako.org/images/2bs-thumb.jpg\" rel=\"lightbox\" title=\"誰でも簡単に360度パノラマ写真を撮れる奇妙なカメラ「BubbleScope」\"><img src=\"http://web-marketing.zako.org/images/2bs-thumb.jpg\" alt=\"誰でも簡単に360度パノラマ写真を撮れる奇妙なカメラ「BubbleScope」\" /></a>\n\n<p>誰でもかんたんに360度の<strong>パノラマ写真</strong>を撮ることのできる、奇妙な<strong>カメラ</strong>がリリースされていました。<br />\nその名は「BubbleScope」</p>\n\n<!--more-->\n<h3 class=\"tips\">「BubbleScope」のスライドショー</h3>\n<p>ビフォーアフター形式でスライドショーが楽しめます。<br />\n<object width=\"425\" height=\"350\"><param name=\"movie\" value=\"http://www.youtube.com/v/nFOkB-OOM84\"></param><param name=\"wmode\" value=\"transparent\"></param><embed src=\"http://www.youtube.com/v/nFOkB-OOM84\" type=\"application/x-shockwave-flash\" wmode=\"transparent\" width=\"425\" height=\"350\"></embed></object></p>\n\n<h3 class=\"tips\">「BubbleScope」のサイズ</h3>\n<p><img alt=\"「BubbleScope」のサイズ\" src=\"http://web-marketing.zako.org/images/force_pic02.jpg\" width=\"280\" height=\"260\" /><br />\nカメラの実際のサイズはこれくらいです。<br />\n<a href=\"http://web-marketing.zako.org/google/google-map/google-maps-immersive-media.html\" title=\"Google Mapsストリートビューは、ミラーボールのようなカメラで撮られていた\" target=\"_blank\">Google Mapsストリートビューで使われている<strong>カメラ</strong></a>を基準に考えていたので、かなり大きなものかと思ったら、以外にコンパクトでした。</p>\n\n<h3 class=\"tips\">「BubbleScope」でのパノラマ写真の撮り方</h3>\n<p><img alt=\"「BubbleScope」での360度パノラマ写真の撮り方\" src=\"http://web-marketing.zako.org/images/force_pic01.jpg\" width=\"280\" height=\"260\" /><br />\nパノラマ写真を撮るときの基本スタイルはこれ。</p>\n\n<h3 class=\"tips\">「BubbleScope」と通常のカメラとの視覚の違い</h3>\n<p><a href=\"http://web-marketing.zako.org/images/fov-thumb.jpg\" rel=\"lightbox\" title=\"「BubbleScope」と通常のカメラとの視覚の違い\"><img src=\"http://web-marketing.zako.org/images/fov-thumb.jpg\" alt=\"「BubbleScope」と通常のカメラとの視覚の違い\" /></a><br />\n通常のカメラと比べて考えると、ホントにすごいですよね。<br />\nパノラマ写真もいつしか消え去っていましたが、360度になって帰って来たと言うわけです。</p>\n\n<h3 class=\"tips\">360度パノラマ写真を撮る３つの手順</h3>\n<p><a href=\"http://web-marketing.zako.org/images/abc-thumb.jpg\" rel=\"lightbox\" title=\"360度パノラマ写真を撮る３つの手順\"><img src=\"http://web-marketing.zako.org/images/abc-thumb.jpg\" alt=\"360度パノラマ写真を撮る３つの手順\" /></a><br />\nたったこれだけの手順で360度パノラマ写真が撮れてしまうんです。<br />\n素晴らしいことですね。</p>\n\n<p>実際に撮れたパノラマ写真は、<a href=\"http://www.tomlawton.com/index.php\" target=\"_blank\">THE BUBBLEBLOG</a>でたくさん紹介されています。<br />\n<a href=\"http://www.tomlawton.com/index.php\"><img alt=\"THE BUBBLEBLOG パノラマ\" src=\"http://web-marketing.zako.org/images/Google210.gif\" width=\"264\" height=\"264\" /></a>\n</p>\n\n<p>発売日は未定で、金額も明記されていませんが、気になるアイテムですね。</p>\n\n<div class=\"tool\"><h2>BubbleScope</h2>\nhttp://www.bubblescope.com/<br />\n誰でも簡単に360度パノラマ写真を撮れるカメラ</div>', '誰でも簡単に360度パノラマ写真を撮れる奇妙なカメラ', '', 'inherit', 'closed', 'closed', '', '668-revision-v1', '', '', '2016-08-28 00:54:05', '2016-08-27 15:54:05', '', 668, 'http://web-marketing.zako.org/web-tools/668-revision-v1.html', 0, 'revision', '', 0),
(30516, 4, '2016-08-28 19:42:14', '2016-08-28 10:42:14', '', 'pitchdeckers-sample', '他にもこのようなサンプルが毎週追加されます。', 'inherit', 'open', 'closed', '', 'pitchdeckers-sample', '', '', '2016-08-28 19:42:22', '2016-08-28 10:42:22', '', 30493, 'http://web-marketing.zako.org/images/2016/08/pitchdeckers-sample.jpg', 0, 'attachment', 'image/jpeg', 0),
(30517, 4, '2016-08-28 19:42:16', '2016-08-28 10:42:16', '', 'pitchdeckers', '', 'inherit', 'open', 'closed', '', 'pitchdeckers-2', '', '', '2016-08-28 19:42:16', '2016-08-28 10:42:16', '', 30493, 'http://web-marketing.zako.org/images/2016/08/pitchdeckers.jpg', 0, 'attachment', 'image/jpeg', 0),
(30518, 4, '2016-08-28 19:43:39', '2016-08-28 10:43:39', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers.jpg\" alt=\"pitchdeckers\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30517\" /></p>\r\n<p>スタートアップやベンチャーが新しいサービスやビジネスモデルを売り込むときに使うピッチスライド（pitch deck）。世の中的にはこういった資料を定型化して、本当に重要な事に時間を使うようにシフトしていますよね。</p>\r\n<p>今回ご紹介するのは、そのピッチスライドのテンプレートを配布しているサイトです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ピッチスライドのテンプレート配布サイト「Pitchdeckers」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>」は、優れたピッチスライドのテンプレートを毎週追加しているサイト。</p>\r\n<p>質の良いテンプレートを使うことによって、資料の作成作業を大幅に削減することができます。</p>\r\n\r\n<h4 class=\"tips\">ピッチスライドのサンプル</h4>\r\n<iframe src=\"https://drive.google.com/file/d/0B3vqpQISkWN-Z0pzeGJWTjFrT00/preview\" width=\"100%\" height=\"480\"></iframe>\r\n\r\n\r\n<p>サンプルをダウンロードすると、フォルダの中にKeynoteとパワーポイントのテンプレートが同梱されています。</p>\r\n\r\n[caption id=\"attachment_30516\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-sample.jpg\" alt=\"他にもこのようなサンプルが毎週追加されます。\" width=\"592\" height=\"864\" class=\"size-full wp-image-30516\" /> 他にもこのようなサンプルが毎週追加されます。[/caption]\r\n\r\n<p>メールアドレスを登録しておけば、毎週テンプレートが追加される度に通知を受け取ることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>へどうぞ。</p>\r\n', 'スタートアップのピッチ資料（pitch deck）のテンプレートが毎週追加される「Pitchdeckers」', '', 'inherit', 'closed', 'closed', '', '30493-revision-v1', '', '', '2016-08-28 19:43:39', '2016-08-28 10:43:39', '', 30493, 'http://web-marketing.zako.org/web-tools/30493-revision-v1.html', 0, 'revision', '', 0),
(30519, 4, '2016-08-28 19:45:24', '2016-08-28 10:45:24', '', 'pitchdeckers-files', 'ダウンロードしたテンプレートの同梱ファイル。', 'inherit', 'open', 'closed', '', 'pitchdeckers-files', '', '', '2016-08-28 19:45:41', '2016-08-28 10:45:41', '', 30493, 'http://web-marketing.zako.org/images/2016/08/pitchdeckers-files.jpg', 0, 'attachment', 'image/jpeg', 0),
(30520, 4, '2016-08-28 19:45:59', '2016-08-28 10:45:59', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers.jpg\" alt=\"pitchdeckers\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30517\" /></p>\r\n<p>スタートアップやベンチャーが新しいサービスやビジネスモデルを売り込むときに使うピッチスライド（pitch deck）。世の中的にはこういった資料を定型化して、本当に重要な事に時間を使うようにシフトしていますよね。</p>\r\n<p>今回ご紹介するのは、そのピッチスライドのテンプレートを配布しているサイトです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ピッチスライドのテンプレート配布サイト「Pitchdeckers」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>」は、優れたピッチスライドのテンプレートを毎週追加しているサイト。</p>\r\n<p>質の良いテンプレートを使うことによって、資料の作成作業を大幅に削減することができます。</p>\r\n\r\n<h4 class=\"tips\">ピッチスライドのサンプル</h4>\r\n<iframe src=\"https://drive.google.com/file/d/0B3vqpQISkWN-Z0pzeGJWTjFrT00/preview\" width=\"100%\" height=\"480\"></iframe>\r\n\r\n[caption id=\"attachment_30519\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-files.jpg\" alt=\"ダウンロードしたテンプレートの同梱ファイル。\" width=\"592\" height=\"195\" class=\"size-full wp-image-30519\" /> ダウンロードしたテンプレートの同梱ファイル。[/caption]\r\n<p>サンプルをダウンロードすると、フォルダの中にKeynoteとパワーポイントのテンプレートが同梱されています。</p>\r\n\r\n[caption id=\"attachment_30516\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-sample.jpg\" alt=\"他にもこのようなサンプルが毎週追加されます。\" width=\"592\" height=\"864\" class=\"size-full wp-image-30516\" /> 他にもこのようなサンプルが毎週追加されます。[/caption]\r\n\r\n<p>メールアドレスを登録しておけば、毎週テンプレートが追加される度に通知を受け取ることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>へどうぞ。</p>\r\n', 'スタートアップのピッチ資料（pitch deck）のテンプレートが毎週追加される「Pitchdeckers」', '', 'inherit', 'closed', 'closed', '', '30493-revision-v1', '', '', '2016-08-28 19:45:59', '2016-08-28 10:45:59', '', 30493, 'http://web-marketing.zako.org/web-tools/30493-revision-v1.html', 0, 'revision', '', 0),
(30521, 4, '2016-08-28 19:49:03', '2016-08-28 10:49:03', '<p class=\"thumb\"><img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers.jpg\" alt=\"pitchdeckers\" width=\"592\" height=\"369\" class=\"alignnone size-full wp-image-30517\" /></p>\r\n<p>スタートアップやベンチャーが新しいサービスやビジネスモデルを売り込むときに使うピッチスライド（pitch deck）。世の中的にはこういった資料を定型化して、本当に重要な事に時間を使うようにシフトしていますよね。</p>\r\n<p>今回ご紹介するのは、そのピッチスライドのテンプレートを配布しているサイトです。</p>\r\n<!--more-->\r\n\r\n<h3 class=\"header-label\">ピッチスライドのテンプレート配布サイト「Pitchdeckers」</h3>\r\n<p>「<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>」は、優れたピッチスライドのテンプレートを毎週追加しているサイト。</p>\r\n<p>質の良いテンプレートを使うことによって、資料の作成作業を大幅に削減することができます。</p>\r\n\r\n<h4 class=\"tips\">ピッチスライドのサンプル</h4>\r\n<iframe src=\"https://drive.google.com/file/d/0B3vqpQISkWN-Z0pzeGJWTjFrT00/preview\" width=\"100%\" height=\"480\"></iframe>\r\n<p>要点だけを伝えるのに効果的なテンプレートになっています。</p>\r\n[caption id=\"attachment_30519\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-files.jpg\" alt=\"ダウンロードしたテンプレートの同梱ファイル。\" width=\"592\" height=\"195\" class=\"size-full wp-image-30519\" /> ダウンロードしたテンプレートの同梱ファイル。[/caption]\r\n<p>サンプルをダウンロードすると、フォルダの中にKeynoteとパワーポイントのテンプレートが同梱されています。</p>\r\n\r\n[caption id=\"attachment_30516\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2016/08/pitchdeckers-sample.jpg\" alt=\"他にもこのようなサンプルが毎週追加されます。\" width=\"592\" height=\"864\" class=\"size-full wp-image-30516\" /> 他にもこのようなサンプルが毎週追加されます。[/caption]\r\n\r\n<p>メールアドレスを登録しておけば、毎週テンプレートが追加される度に通知を受け取ることができます。</p>\r\n\r\n<p>興味がある方は<a target=\"_blank\" href=\"http://pitchdeckers.com/\">Pitchdeckers</a>へどうぞ。</p>\r\n', 'スタートアップのピッチ資料（pitch deck）のテンプレートが毎週追加される「Pitchdeckers」', '', 'inherit', 'closed', 'closed', '', '30493-revision-v1', '', '', '2016-08-28 19:49:03', '2016-08-28 10:49:03', '', 30493, 'http://web-marketing.zako.org/web-tools/30493-revision-v1.html', 0, 'revision', '', 0),
(30523, 4, '2016-09-03 01:55:10', '2016-09-02 16:55:10', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindmap-tools.jpg\" alt=\"マインドマップフリーソフトを７つまとめて比較\" title=\"mindmap-tools\" width=\"514\" height=\"204\" class=\"aligncenter size-full wp-image-19965\" /></p>\n\n<p><a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>を作るためにいろいろとマインドマップのフリーソフトを探したので、せっかくだからご紹介しておきます。</p>\n<p>追記：2016年9月3日更新、2サービス終了（2. EasyStep、7. Think）。</p>\n<!--more-->\n<h3 class=\'header-label\'>オンラインでマインドマップ作成</h3>\n<p>まず、いずれも無料であることが前提になっています。</p>\n\n<h3 id=\"mind42\" class=\'header-label\'>1. mind42.com</h3>\n<p><img alt=\"マインドマップ作成フリーソフト「mind42.com」\" src=\"http://web-marketing.zako.org/images/mind42.png\" width=\"411\" height=\"119\" /></p>\n<p>これは知っている人も多いのではないでしょうか。<br />\n当初<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>でも使っていましたが、情報量の多さに重くなり、使用を断念しました。。。</p>\n<p>2,016年９月現在、最近は重さは改善されたものの、広告スペースが大きくなるなど少し心配な要素もあってあまりオススメはしたくないかもしれません。</p>\n[caption id=\"attachment_30532\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2010/03/mind42-map.jpg\" alt=\"マインドマップ作成サービス「mind42.com」の画面\" width=\"592\" height=\"277\" class=\"size-full wp-image-30532\" /> マインドマップ作成サービス「mind42.com」の画面[/caption]\n\n<h4 class=\"tips\">mind42.comの特徴</h4>\n<ol>\n<li>マインドマップに自分の画像をアップできる（サイトに貼り付けるとサイズが変わる恐れあり）</li>\n<li>Flickrの画像検索機能がついている</li>\n<li>外部サイトへのリンクを貼れる</li>\n<li>iframeでブログやサイトにマインドマップを貼れる</li>\n<li>進捗度、重要度付きのタスク管理ができる</li>\n<li><del datetime=\"2016-09-02T17:24:04+00:00\">del.icio.usのタグ検索がついている（なぜ？）</del></li>\n</ol>\n<!-- <h4 class=\"tips\">mind42.comの貼り付けサンプル</h4> -->\n\n\n\n<h3 class=\'header-label\'>2. mindmup</h3>\n<p><img src=\"http://web-marketing.zako.org/images/2013/07/mindmup.png\" alt=\"Google ドライブで使える軽快なマインドマップ\" width=\"510\" height=\"308\" class=\"alignnone size-full wp-image-26419\" /></p>\nGoogle ドライブに直で保存することができる軽快なマインドマップ。\n<p class=\"desc\"><a target=\"_blank\" href=\"http://web-marketing.zako.org/web-tools/mindmap-for-google-drive.html\">MindMup</a></p>\n\n\n\n<h3 class=\'header-label\'>3. bubbl.us</h3>\n<p>かんたんなマインドマップを高速で作成するにはもってこいのサービス</p>\n<p>ノードを消したときのリアルな爆発も爽快感を感じる？</p>\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubblelogo.jpg\" alt=\"マインドマップ作成フリーソフト「bubbl.us」\" title=\"bubblelogo\" width=\"291\" height=\"50\" class=\"aligncenter size-full wp-image-19968\" /></p>\n<h4 class=\"tips\">bubbl.usの特徴</h4>\n<ol>\n<li>簡単なマインドマップを作るときには操作が楽に感じる</li>\n<li>ノードを消すとき、リアルに爆発する</li>\n<li><del datetime=\"2012-03-11T03:51:53+00:00\">objectでブログやサイトにマインドマップを貼れる</del>埋め込み機能がなくなったようです。</li>\n<li><del datetime=\"2012-05-29T11:33:30+00:00\">ブログやサイトに貼ってもサクサク動く</del></li>\n</ol>\n<h4 class=\"tips\">bubbl.usの画面</h4>\n[caption id=\"attachment_30531\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2010/03/bubbl-us-map.jpg\" alt=\"bubbl.usで作成したマインドマップ。ウェブアプリにもかかわらず、動きが軽快。ただ、昔のほうが軽快でよかったような。\" width=\"592\" height=\"319\" class=\"size-full wp-image-30531\" /> bubbl.usで作成したマインドマップ。ウェブアプリにもかかわらず、動きが軽快。ただ、昔のほうが軽快でよかったような。[/caption]\n<p class=\"desc\">\n	<a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a>\n</p>\n\n<h3 class=\'header-label\'>4. MindMeister</h3>\n<p><a rel=\"nofollow\" href=\"https://www.mindmeister.com/?r=1915\"><img alt=\"マインドマップ\" width=\"300\" src=\"https://www.mindmeister.com/images/banners/336x280.png\"></a></p>\n\n<p>一時期諸処の理由で使わなくなっていましたが、Google Appsと連携できるようになったので、現在は社員50名とともに<a rel=\"nofollow\" href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">有料版</a>を使用しています。<del datetime=\"2012-05-29T11:18:16+00:00\">これも以前に使っていたのですが、画像をアップできないため、いつの間にか使っていませんでした。</del></p>\n\n<dl>\n<dt>2008年2月8日追記</dt>\n<dd><a href=\"http://web-marketing.zako.org/web-tools/mindmeister-tools-gadget-extensions.html\">ひらめきを即座にマインドマップへ追加 できる「MindMeister Tools」</a>を使うことでかなり使えるツールになるかも。</dd><dt>2010年12月30日追記</dt><dd><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a>も便利です。</dd>\n<dt>2012年5月29日追記</dt><dd>Google AppsそしてGoogleドライブと連携したことによって、Google Appsを導入している企業は<a rel=\"nofollow\" href=\"http://www.mindmeister.com/signup/business?r=1915\" target=\"_blank\">リーズナブルな価格</a>で社員同士のマインドマップ共同編集ができるようになります。</dd>\n</dl>\n<h4 class=\"tips\">MindMeisterの特徴</h4>\n<ol>\n<li>ショートカットキーがなかなか良い配置で操作が楽</li>\n<li>試していませんが、Twitterと連動するらしい</li>\n<li>del.icio.usへのブクマ連動あり</li>\n<li>アイコンは一番多いかも</li>\n<li>objectでブログやサイトにマインドマップを貼れる</li>\n<li>日本語版も登場</li>\n</ol>\n<h4 class=\"tips\">MindMeisterの貼り付けサンプル</h4>\n<iframe width=\"592\" height=\"400\" frameborder=\"0\" src=\"https://www.mindmeister.com/maps/public_map_shell/509248222/_?width=592&height=400&z=auto&no_share=1&no_logo=1&presentation=1\" scrolling=\"no\" style=\"overflow: hidden; margin-bottom: 5px;\">Your browser is not able to display frames. Please visit <a href=\"https://www.mindmeister.com/?r=1915\" target=\"_blank\">マインドマイスター</a> on MindMeister.</iframe>\n\n\n<ul class=\"clear\"><li><a href=\"http://www.mindmeister.com/?r=1915\" target=\"_blank\">MindMeister</a></li><li><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a></li></ul>\n\n<h3 class=\'header-label\'>5. MINDOMO</h3>\n<p><img alt=\"マインドマップ作成フリーソフト「MINDOMO」\" src=\"http://web-marketing.zako.org/images/mindomo_logo.png\" width=\"194\" height=\"44\" /></p>\n<p>総合的に見て、昔は一番良かったマインドマップ。いまは先述したMindmeisterのほうが優っているかもしれません。<br />\n<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>で使わせていただきました。</p>\n<h4 class=\"tips\">MINDOMOの特徴</h4>\n<ol>\n<li>自分の画像を使用できる</li>\n<li>外部サイトへのリンクを貼れる</li>\n<li>javascriptでブログやサイトにマインドマップを貼れる</li>\n<li>とにかく機能がいっぱい</li>\n<li>ブログやサイトに貼ってもサクサク動く</li>\n<li>タスク管理ができる</li>\n</ol>\n\n<h4 class=\"tips\">MINDOMOのサンプル</h4>\n[caption id=\"attachment_30530\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2010/03/mindomo-map.jpg\" alt=\"mindomoで作成したマインドマップ\" width=\"592\" height=\"310\" class=\"size-full wp-image-30530\" /> mindomoで作成したマインドマップ[/caption]\n\n<ul><li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li></ul>\n\n<h3 class=\'header-label\'>6. Mapul</h3>\n<p><img alt=\"マインドマップ作成フリーソフト「Mapul」\" src=\"http://web-marketing.zako.org/images/mapul-logo.png\" width=\"54\" height=\"50\" /></p>\n<p>これはちょっとマニアック、ブログやサイトに貼り付けることはできませんが、一番本物のマインドマップに近い形ができるのでは？</p>\n<h4 class=\"tips\">Mapulのサンプル</h4>\n<p><a href=\"http://web-marketing.zako.org/images/Google01018.gif\" rel=\"lightbox\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mapul.jpg\" alt=\"マインドマップ作成フリーソフト「Mapul」のサンプル\" title=\"mapul\" width=\"500\" height=\"390\" class=\"aligncenter size-full wp-image-19966\" /></a></p>\n<h4 class=\'tips\'>埋め込みサンプル</h4>\n<p>2010年10月14日：諸問題により、ただいま埋込みを休止中。</p>\n<p>↑バージョンアップして、インタラクティブなマップ表示用のHTMLを作成してくれるようになりました。ただし、ノードのテキストは日本語が通りません。。。残念。</p>\n<h4 class=\"tips\">Mapulの特徴</h4>\n<ol>\n<li>ブザンのマインドマップに一番近い形だと思われる</li>\n<li>Silverlightで動作する</li>\n<li>UIが、Flashとは違ったやわらかい動きをする</li>\n</ol>\n<p><del datetime=\"2009-11-21T10:53:19+00:00\">IE7以外では動作しないので注意。</del><del datetime=\"2016-09-02T17:24:04+00:00\">IE7以外でも、Silverlightのプラグインをインストールすれば利用可能になりました。</del>Silverlightのプラグインを使わなくても利用できるようになっています。</p>\n<p>ただ、途中で操作がわからなくなるような、あまり親切ではない作りになってしまいました。</p>\n<p class=\"desc\"><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></p>\n\n<h4 class=\"tips\">7.Text 2 Mind Map</h4>\n[caption id=\"attachment_30534\" align=\"alignnone\" width=\"592\"]<img src=\"http://web-marketing.zako.org/images/2010/03/mind42-map-1.jpg\" alt=\"テキストをアウトラインで書いていくことでマインドマップを生成。\" width=\"592\" height=\"277\" class=\"size-full wp-image-30534\" /> テキストをアウトラインで書いていくことでマインドマップを生成。[/caption]\n画面上にあるテキストエディタに、タブキーでインデントしながら階層化することでマインドマップを生成する変わり種。\n画像かPDFでダウンロードするしかないので、あとから再編集をしたい時にはテキストを別途保存しておく必要があります。\n<p class=\"desc\"><a target=\"_blank\" href=\"https://www.text2mindmap.com/\">Text 2 Mind Map</a></p>\n\n\n<h3 class=\"tips\">ご紹介したマインドマップフリーソフト7個</h3>\n<ul class=\"kiji\">\n<li><a href=\"http://www.mind42.com/\" target=\"_blank\">Mind42.com</a></li>\n<li><a target=\"_blank\" href=\"http://web-marketing.zako.org/web-tools/mindmap-for-google-drive.html\">MindMup</a></li>\n<li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li>\n<li><a href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">MindMeister</a></li>\n<li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li>\n<li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li>\n<li><a target=\"_blank\" href=\"https://www.text2mindmap.com/\">Text 2 Mind Map</a></li>\n</ul>\n\n<p>2016年9月追記：最初にこの記事を書いてから６年が経ち、ここ数年でタスク管理機能が当たり前になるなど、オンラインのマインドなかでも<a href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">MindMeister</a>の成長がいちマップの使われ方の理解がだいぶ進んだのかなと感じられます。</p>\n\n<p>本来、<strong>マインドマップ</strong>は手書きが基本。<br />\n私のように、これから<strong>マインドマップ</strong>をマスターしようと言う人は紙を主体にやったほうがいいとは思いますが、こちらも是非参考にしてみてください。</p>\n\n<dl class=\"amaz clear\"><dt>ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/61jkuzdj2yL._SL160_.jpg\" alt=\"ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)\" /></a></dt>\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"404868518X\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,260</span></dd>\n<dd>平均評価：★★★★☆</dd><dd>納期：通常5～9日以内に発送</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>\n\n<dl class=\"amaz clear\"><dt>ふだん使いのマインドマップ 描くだけで毎日がハッピーになる<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51XZIzAy2JL._SL160_.jpg\" alt=\"ふだん使いのマインドマップ 描くだけで毎日がハッピーになる\" /></a></dt>\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4484122200\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,575</span></dd>\n<dd>平均評価：★★★★★</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by 多読を実践 書評ブログ</dd><dd class=\"booklink-link2\" style=\"margin-top:10px;\"><div class=\"shoplinkkindle\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kz_y.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00BBR9QF6/webm-22/\" rel=\"nofollow\" target=\"_blank\" >Kindle版を購入</a></dd></dl>\n\n<dl class=\"amaz clear\"><dt>ザ・マインドマップ<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51628EYJ79L._SL160_.jpg\" alt=\"ザ・マインドマップ\" /></a></dt>\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4478760993\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 2,310</span></dd>\n<dd>平均評価：★★★★☆</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\n\n<dl class=\"amaz clear\"><dt>Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41LjSf9CYUL._SL160_.jpg\" alt=\"Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows\" /></a></dt>\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B003AM77ME\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 15,640</span></dd>\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\n\n\n<dl class=\"amaz clear\"><dt>MindManager 2012 Professional for Windows 1 User 日本語版<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41Kn8TMFaLL._SL160_.jpg\" alt=\"MindManager 2012 Professional for Windows 1 User 日本語版\" /></a></dt>\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B0069HLLEC\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 48,299</span></dd>\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\">Amazon で割引された価格と詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>', 'マインドマップフリーソフトを７つまとめて比較', 'オンラインで作成・編集できるマインドマップのフリーソフトを徹底比較、ブログやサイトへ埋め込んで共有できるもの、PDFやCSV形式でマインドマップをエクスポートできるビジネスにも活用できるレベルのサービスをご紹介。', 'inherit', 'closed', 'closed', '', '630-autosave-v1', '', '', '2016-09-03 01:55:10', '2016-09-02 16:55:10', '', 630, 'http://web-marketing.zako.org/web-tools/630-autosave-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
(30528, 4, '2016-09-03 00:59:40', '2016-09-02 15:59:40', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindmap-tools.jpg\" alt=\"マインドマップフリーソフトを７つまとめて比較\" title=\"mindmap-tools\" width=\"514\" height=\"204\" class=\"aligncenter size-full wp-image-19965\" /></p>\r\n\r\n<p><a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>を作るためにいろいろとマインドマップのフリーソフトを探したので、せっかくだからご紹介しておきます。</p>\r\n<p>追記：2010年3月31日更新、1サービス追加（7. Think）。</p>\r\n<!--more-->\r\n<h3 class=\'header-label\'>オンラインでマインドマップ作成</h3>\r\n<p>まず、いずれも無料であることが前提になっています。</p>\r\n\r\n<h3 id=\"mind42\" class=\'header-label\'>1. mind42.com</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「mind42.com」\" src=\"http://web-marketing.zako.org/images/mind42.png\" width=\"411\" height=\"119\" /></p>\r\n<p>これは知っている人も多いのではないでしょうか。<br />\r\n当初<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>でも使っていましたが、情報量の多さに重くなり、使用を断念しました。。。</p>\r\n<p><a href=\"http://web-marketing.zako.org/images/tour_new.jpg\"><img alt=\"マインドマップ作成サービス「mind42.com」の画面\" src=\"http://web-marketing.zako.org/images/tour_new-thumb.jpg\" width=\"450\" height=\"281\" /></a></p>\r\n\r\n<h4 class=\"tips\">mind42.comの特徴</h4>\r\n<ol>\r\n<li>マインドマップに自分の画像をアップできる（サイトに貼り付けるとサイズが変わる恐れあり）</li>\r\n<li>Flickrの画像検索機能がついている</li>\r\n<li>外部サイトへのリンクを貼れる</li>\r\n<li>iframeでブログやサイトにマインドマップを貼れる</li>\r\n<li>del.icio.usのタグ検索がついている（なぜ？）</li>\r\n</ol>\r\n<!-- <h4 class=\"tips\">mind42.comの貼り付けサンプル</h4> -->\r\n\r\n\r\n<h3 class=\'header-label\'><del datetime=\"2016-09-02T17:14:27+00:00\">2. EasyStep</del>サービス終了</h3>\r\n<p>残念ながらサービスが終了しているようです。</p>\r\n\r\n<h3 class=\'header-label\'>3. bubbl.us</h3>\r\n<p>かんたんなマインドマップを高速で作成するにはもってこいのサービス</p>\r\n<p>ノードを消したときのリアルな爆発も爽快感を感じる？</p>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubblelogo.jpg\" alt=\"マインドマップ作成フリーソフト「bubbl.us」\" title=\"bubblelogo\" width=\"291\" height=\"50\" class=\"aligncenter size-full wp-image-19968\" /></p>\r\n<h4 class=\"tips\">bubbl.usの特徴</h4>\r\n<ol>\r\n<li>簡単なマインドマップを作るときには操作が楽に感じる</li>\r\n<li>ノードを消すとき、リアルに爆発する</li>\r\n<li><del datetime=\"2012-03-11T03:51:53+00:00\">objectでブログやサイトにマインドマップを貼れる</del>埋め込み機能がなくなったようです。</li>\r\n<li><del datetime=\"2012-05-29T11:33:30+00:00\">ブログやサイトに貼ってもサクサク動く</del></li>\r\n</ol>\r\n<h4 class=\"tips\">bubbl.usの画面</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubbl-us.jpg\" alt=\"bubbl.usのマインドマップ\" title=\"bubbl-us\" width=\"500\" height=\"327\" class=\"aligncenter size-full wp-image-19962\" /><br />↑ウェブアプリにもかかわらず、動きが軽快。</p>\r\n<ul><li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>4. MindMeister</h3>\r\n<p><a rel=\"nofollow\" href=\"https://www.mindmeister.com/?r=1915\"><img alt=\"マインドマップ\" width=\"300\" src=\"https://www.mindmeister.com/images/banners/336x280.png\"></a></p>\r\n\r\n<p>一時期諸処の理由で使わなくなっていましたが、Google Appsと連携できるようになったので、現在は社員50名とともに<a rel=\"nofollow\" href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">有料版</a>を使用しています。<del datetime=\"2012-05-29T11:18:16+00:00\">これも以前に使っていたのですが、画像をアップできないため、いつの間にか使っていませんでした。</del></p>\r\n\r\n<dl>\r\n<dt>2008年2月8日追記</dt>\r\n<dd><a href=\"http://web-marketing.zako.org/web-tools/mindmeister-tools-gadget-extensions.html\">ひらめきを即座にマインドマップへ追加 できる「MindMeister Tools」</a>を使うことでかなり使えるツールになるかも。</dd><dt>2010年12月30日追記</dt><dd><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a>も便利です。</dd>\r\n<dt>2012年5月29日追記</dt><dd>Google AppsそしてGoogleドライブと連携したことによって、Google Appsを導入している企業は<a rel=\"nofollow\" href=\"http://www.mindmeister.com/signup/business?r=1915\" target=\"_blank\">リーズナブルな価格</a>で社員同士のマインドマップ共同編集ができるようになります。</dd>\r\n</dl>\r\n<h4 class=\"tips\">MindMeisterの特徴</h4>\r\n<ol>\r\n<li>ショートカットキーがなかなか良い配置で操作が楽</li>\r\n<li>試していませんが、Twitterと連動するらしい</li>\r\n<li>del.icio.usへのブクマ連動あり</li>\r\n<li>アイコンは一番多いかも</li>\r\n<li>objectでブログやサイトにマインドマップを貼れる</li>\r\n<li>日本語版も登場</li>\r\n</ol>\r\n<h4 class=\"tips\">MindMeisterの貼り付けサンプル</h4>\r\n<iframe width=\"592\" height=\"400\" frameborder=\"0\" src=\"https://www.mindmeister.com/maps/public_map_shell/509248222/_?width=592&height=400&z=auto&no_share=1&no_logo=1&presentation=1\" scrolling=\"no\" style=\"overflow: hidden; margin-bottom: 5px;\">Your browser is not able to display frames. Please visit <a href=\"https://www.mindmeister.com/?r=1915\" target=\"_blank\">マインドマイスター</a> on MindMeister.</iframe>\r\n\r\n\r\n<ul class=\"clear\"><li><a href=\"http://www.mindmeister.com/?r=1915\" target=\"_blank\">MindMeister</a></li><li><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>5. MINDOMO</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「MINDOMO」\" src=\"http://web-marketing.zako.org/images/mindomo_logo.png\" width=\"194\" height=\"44\" /></p>\r\n<p>総合的に見て、一番いいかもしれません。<br />\r\n<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>で使わせていただきました。</p>\r\n<h4 class=\"tips\">MINDOMOの特徴</h4>\r\n<ol>\r\n<li>自分の画像を使用できる</li>\r\n<li>外部サイトへのリンクを貼れる</li>\r\n<li>javascriptでブログやサイトにマインドマップを貼れる</li>\r\n<li>とにかく機能がいっぱい</li>\r\n<li>ブログやサイトに貼ってもサクサク動く</li>\r\n</ol>\r\n\r\n<h4 class=\"tips\">MINDOMOのサンプル</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindomo.jpg\" alt=\"mindomoで作成したマインドマップ\" title=\"mindomo\" width=\"400\" height=\"214\" class=\"aligncenter size-full wp-image-19971\" /></p>\r\n\r\n<ul><li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>6. Mapul</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「Mapul」\" src=\"http://web-marketing.zako.org/images/mapul-logo.png\" width=\"54\" height=\"50\" /></p>\r\n<p>これはちょっとマニアック、ブログやサイトに貼り付けることはできませんが、一番本物のマインドマップに近い形ができるのでは？</p>\r\n<h4 class=\"tips\">Mapulのサンプル</h4>\r\n<p><a href=\"http://web-marketing.zako.org/images/Google01018.gif\" rel=\"lightbox\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mapul.jpg\" alt=\"マインドマップ作成フリーソフト「Mapul」のサンプル\" title=\"mapul\" width=\"500\" height=\"390\" class=\"aligncenter size-full wp-image-19966\" /></a></p>\r\n<h4 class=\'tips\'>埋め込みサンプル</h4>\r\n<p>2010年10月14日：諸問題により、ただいま埋込みを休止中。</p>\r\n<p>↑バージョンアップして、インタラクティブなマップ表示用のHTMLを作成してくれるようになりました。ただし、ノードのテキストは日本語が通りません。。。残念。</p>\r\n<h4 class=\"tips\">Mapulの特徴</h4>\r\n<ol>\r\n<li>ブザンのマインドマップに一番近い形だと思われる</li>\r\n<li>Silverlightで動作する</li>\r\n<li>UIが、Flashとは違ったやわらかい動きをする</li>\r\n</ol>\r\n<p><del datetime=\"2009-11-21T10:53:19+00:00\">IE7以外では動作しないので注意。</del> IE7以外でも、Silverlightのプラグインをインストールすれば利用可能になりました。</p>\r\n<ul><li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li></ul>\r\n\r\n<h3 class=\'header-label\'><del datetime=\"2016-09-02T17:15:29+00:00\">7. Think</del>サービス終了</h3>\r\n<p><img src=\"http://web-marketing.zako.org/images/2009/11/think1.png\" alt=\"螺旋状？のマインドマップ\" title=\"think1\" width=\"500\" height=\"327\" class=\"alignleft size-full wp-image-14003\" /></p>\r\n<p>ちょっと不思議な形のマインドマップ。</p>\r\n<h4 class=\"tips\">Thinkのサンプル</h4>\r\n<p><img src=\"http://web-marketing.zako.org/images/2009/11/index.png\" alt=\"\" title=\"index\" width=\"500\" height=\"380\" class=\"alignleft size-full wp-image-14004\" /><br />↑マインドマップソフトからエクスポートした画像です。</p>\r\n<h4 class=\"tips\">Thinkの特徴</h4>\r\n	<ol>\r\n<li>形がユニーク</li>\r\n	<li>操作がシンプル</li></ol>\r\n<ul class=\"clear\"><li>Think</li></ul>\r\n<h3 class=\"tips\">ご紹介したマインドマップフリーソフト7個</h3>\r\n<ul class=\"kiji\">\r\n<li><a href=\"http://www.mind42.com/\" target=\"_blank\">Mind42.com</a></li>\r\n<li><a href=\"http://www.easystep.jp/\" target=\"_blank\">EasyStep</a></li>\r\n<li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li>\r\n<li><a href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">MindMeister</a></li>\r\n<li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li>\r\n<li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li>\r\n<li><del datetime=\"2016-09-02T17:15:29+00:00\">Think</del></li>\r\n</ul>\r\n\r\n<p>本来、<strong>マインドマップ</strong>は手書きが基本。<br />\r\n私のように、これから<strong>マインドマップ</strong>をマスターしようと言う人は紙を主体にやったほうがいいとは思いますが、こちらも是非参考にしてみてください。</p>\r\n\r\n<dl class=\"amaz clear\"><dt>ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/61jkuzdj2yL._SL160_.jpg\" alt=\"ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"404868518X\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,260</span></dd>\r\n<dd>平均評価：★★★★☆</dd><dd>納期：通常5～9日以内に発送</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>ふだん使いのマインドマップ 描くだけで毎日がハッピーになる<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51XZIzAy2JL._SL160_.jpg\" alt=\"ふだん使いのマインドマップ 描くだけで毎日がハッピーになる\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4484122200\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,575</span></dd>\r\n<dd>平均評価：★★★★★</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by 多読を実践 書評ブログ</dd><dd class=\"booklink-link2\" style=\"margin-top:10px;\"><div class=\"shoplinkkindle\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kz_y.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00BBR9QF6/webm-22/\" rel=\"nofollow\" target=\"_blank\" >Kindle版を購入</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>ザ・マインドマップ<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51628EYJ79L._SL160_.jpg\" alt=\"ザ・マインドマップ\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4478760993\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 2,310</span></dd>\r\n<dd>平均評価：★★★★☆</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41LjSf9CYUL._SL160_.jpg\" alt=\"Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B003AM77ME\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 15,640</span></dd>\r\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\r\n\r\n\r\n<dl class=\"amaz clear\"><dt>MindManager 2012 Professional for Windows 1 User 日本語版<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41Kn8TMFaLL._SL160_.jpg\" alt=\"MindManager 2012 Professional for Windows 1 User 日本語版\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B0069HLLEC\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 48,299</span></dd>\r\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\">Amazon で割引された価格と詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>', 'マインドマップフリーソフトを７つまとめて比較', 'オンラインで作成・編集できるマインドマップのフリーソフトを徹底比較、ブログやサイトへ埋め込んで共有できるもの、PDFやCSV形式でマインドマップをエクスポートできるビジネスにも活用できるレベルのサービスをご紹介。', 'inherit', 'closed', 'closed', '', '630-revision-v1', '', '', '2016-09-03 00:59:40', '2016-09-02 15:59:40', '', 630, 'http://web-marketing.zako.org/web-tools/630-revision-v1.html', 0, 'revision', '', 0),
(30527, 4, '2016-09-03 00:55:55', '2016-09-02 15:55:55', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindmap-tools.jpg\" alt=\"マインドマップフリーソフトを７つまとめて比較\" title=\"mindmap-tools\" width=\"514\" height=\"204\" class=\"aligncenter size-full wp-image-19965\" /></p>\r\n\r\n<p><a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>を作るためにいろいろとマインドマップのフリーソフトを探したので、せっかくだからご紹介しておきます。</p>\r\n<p>追記：2010年3月31日更新、1サービス追加（7. Think）。</p>\r\n<!--more-->\r\n<h3 class=\'header-label\'>オンラインでマインドマップ作成</h3>\r\n<p>まず、いずれも無料であることが前提になっています。</p>\r\n\r\n<h3 id=\"mind42\" class=\'header-label\'>1. mind42.com</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「mind42.com」\" src=\"http://web-marketing.zako.org/images/mind42.png\" width=\"411\" height=\"119\" /></p>\r\n<p>これは知っている人も多いのではないでしょうか。<br />\r\n当初<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>でも使っていましたが、情報量の多さに重くなり、使用を断念しました。。。</p>\r\n<p><a href=\"http://web-marketing.zako.org/images/tour_new.jpg\"><img alt=\"マインドマップ作成サービス「mind42.com」の画面\" src=\"http://web-marketing.zako.org/images/tour_new-thumb.jpg\" width=\"450\" height=\"281\" /></a></p>\r\n\r\n<h4 class=\"tips\">mind42.comの特徴</h4>\r\n<ol>\r\n<li>マインドマップに自分の画像をアップできる（サイトに貼り付けるとサイズが変わる恐れあり）</li>\r\n<li>Flickrの画像検索機能がついている</li>\r\n<li>外部サイトへのリンクを貼れる</li>\r\n<li>iframeでブログやサイトにマインドマップを貼れる</li>\r\n<li>del.icio.usのタグ検索がついている（なぜ？）</li>\r\n</ol>\r\n<!-- <h4 class=\"tips\">mind42.comの貼り付けサンプル</h4> -->\r\n\r\n\r\n<h3 class=\'header-label\'><del datetime=\"2016-09-02T17:14:27+00:00\">2. EasyStep</del>サービス終了</h3>\r\n<p>残念ながらサービスが終了しているようです。</p>\r\n\r\n<h3 class=\'header-label\'>3. bubbl.us</h3>\r\n<p>かんたんなマインドマップを高速で作成するにはもってこいのサービス</p>\r\n<p>ノードを消したときのリアルな爆発も爽快感を感じる？</p>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubblelogo.jpg\" alt=\"マインドマップ作成フリーソフト「bubbl.us」\" title=\"bubblelogo\" width=\"291\" height=\"50\" class=\"aligncenter size-full wp-image-19968\" /></p>\r\n<h4 class=\"tips\">bubbl.usの特徴</h4>\r\n<ol>\r\n<li>簡単なマインドマップを作るときには操作が楽に感じる</li>\r\n<li>ノードを消すとき、リアルに爆発する</li>\r\n<li><del datetime=\"2012-03-11T03:51:53+00:00\">objectでブログやサイトにマインドマップを貼れる</del>埋め込み機能がなくなったようです。</li>\r\n<li><del datetime=\"2012-05-29T11:33:30+00:00\">ブログやサイトに貼ってもサクサク動く</del></li>\r\n</ol>\r\n<h4 class=\"tips\">bubbl.usの画面</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubbl-us.jpg\" alt=\"bubbl.usのマインドマップ\" title=\"bubbl-us\" width=\"500\" height=\"327\" class=\"aligncenter size-full wp-image-19962\" /><br />↑ウェブアプリにもかかわらず、動きが軽快。</p>\r\n<ul><li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>4. MindMeister</h3>\r\n<iframe width=\"592\" height=\"400\" frameborder=\"0\" src=\"https://www.mindmeister.com/maps/public_map_shell/509248222/_?width=592&height=400&z=auto&no_share=1&no_logo=1&presentation=1\" scrolling=\"no\" style=\"overflow: hidden; margin-bottom: 5px;\">Your browser is not able to display frames. Please visit <a href=\"https://www.mindmeister.com/?r=1915\" target=\"_blank\">マインドマイスター</a> on MindMeister.</iframe>\r\n\r\n<p>一時期諸処の理由で使わなくなっていましたが、Google Appsと連携できるようになったので、現在は社員50名とともに<a rel=\"nofollow\" href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">有料版</a>を使用しています。<del datetime=\"2012-05-29T11:18:16+00:00\">これも以前に使っていたのですが、画像をアップできないため、いつの間にか使っていませんでした。</del></p>\r\n<p><a rel=\"nofollow\" href=\"https://www.mindmeister.com/?r=1915\"><img alt=\"マインドマップ\" width=\"300\" src=\"https://www.mindmeister.com/images/banners/336x280.png\"></a></p>\r\n<dl>\r\n<dt>2008年2月8日追記</dt>\r\n<dd><a href=\"http://web-marketing.zako.org/web-tools/mindmeister-tools-gadget-extensions.html\">ひらめきを即座にマインドマップへ追加 できる「MindMeister Tools」</a>を使うことでかなり使えるツールになるかも。</dd><dt>2010年12月30日追記</dt><dd><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a>も便利です。</dd>\r\n<dt>2012年5月29日追記</dt><dd>Google AppsそしてGoogleドライブと連携したことによって、Google Appsを導入している企業は<a rel=\"nofollow\" href=\"http://www.mindmeister.com/signup/business?r=1915\" target=\"_blank\">リーズナブルな価格</a>で社員同士のマインドマップ共同編集ができるようになります。</dd>\r\n</dl>\r\n<h4 class=\"tips\">MindMeisterの特徴</h4>\r\n<ol>\r\n<li>ショートカットキーがなかなか良い配置で操作が楽</li>\r\n<li>試していませんが、Twitterと連動するらしい</li>\r\n<li>del.icio.usへのブクマ連動あり</li>\r\n<li>アイコンは一番多いかも</li>\r\n<li>objectでブログやサイトにマインドマップを貼れる</li>\r\n<li>日本語版も登場</li>\r\n</ol>\r\n<h4 class=\"tips\">MindMeisterの貼り付けサンプル</h4>\r\n<iframe width=\"522\" height=\"400\" frameborder=\"0\" scrolling=\"no\" src=\"http://www.mindmeister.com/maps/public_map_shell/1266985?width=600&height=400&zoom=1\" style=\"overflow:hidden\"></iframe>\r\n\r\n\r\n<ul class=\"clear\"><li><a href=\"http://www.mindmeister.com/?r=1915\" target=\"_blank\">MindMeister</a></li><li><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>5. MINDOMO</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「MINDOMO」\" src=\"http://web-marketing.zako.org/images/mindomo_logo.png\" width=\"194\" height=\"44\" /></p>\r\n<p>総合的に見て、一番いいかもしれません。<br />\r\n<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>で使わせていただきました。</p>\r\n<h4 class=\"tips\">MINDOMOの特徴</h4>\r\n<ol>\r\n<li>自分の画像を使用できる</li>\r\n<li>外部サイトへのリンクを貼れる</li>\r\n<li>javascriptでブログやサイトにマインドマップを貼れる</li>\r\n<li>とにかく機能がいっぱい</li>\r\n<li>ブログやサイトに貼ってもサクサク動く</li>\r\n</ol>\r\n\r\n<h4 class=\"tips\">MINDOMOのサンプル</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindomo.jpg\" alt=\"mindomoで作成したマインドマップ\" title=\"mindomo\" width=\"400\" height=\"214\" class=\"aligncenter size-full wp-image-19971\" /></p>\r\n\r\n<ul><li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>6. Mapul</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「Mapul」\" src=\"http://web-marketing.zako.org/images/mapul-logo.png\" width=\"54\" height=\"50\" /></p>\r\n<p>これはちょっとマニアック、ブログやサイトに貼り付けることはできませんが、一番本物のマインドマップに近い形ができるのでは？</p>\r\n<h4 class=\"tips\">Mapulのサンプル</h4>\r\n<p><a href=\"http://web-marketing.zako.org/images/Google01018.gif\" rel=\"lightbox\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mapul.jpg\" alt=\"マインドマップ作成フリーソフト「Mapul」のサンプル\" title=\"mapul\" width=\"500\" height=\"390\" class=\"aligncenter size-full wp-image-19966\" /></a></p>\r\n<h4 class=\'tips\'>埋め込みサンプル</h4>\r\n<p>2010年10月14日：諸問題により、ただいま埋込みを休止中。</p>\r\n<p>↑バージョンアップして、インタラクティブなマップ表示用のHTMLを作成してくれるようになりました。ただし、ノードのテキストは日本語が通りません。。。残念。</p>\r\n<h4 class=\"tips\">Mapulの特徴</h4>\r\n<ol>\r\n<li>ブザンのマインドマップに一番近い形だと思われる</li>\r\n<li>Silverlightで動作する</li>\r\n<li>UIが、Flashとは違ったやわらかい動きをする</li>\r\n</ol>\r\n<p><del datetime=\"2009-11-21T10:53:19+00:00\">IE7以外では動作しないので注意。</del> IE7以外でも、Silverlightのプラグインをインストールすれば利用可能になりました。</p>\r\n<ul><li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li></ul>\r\n\r\n<h3 class=\'header-label\'><del datetime=\"2016-09-02T17:15:29+00:00\">7. Think</del>サービス終了</h3>\r\n<p><img src=\"http://web-marketing.zako.org/images/2009/11/think1.png\" alt=\"螺旋状？のマインドマップ\" title=\"think1\" width=\"500\" height=\"327\" class=\"alignleft size-full wp-image-14003\" /></p>\r\n<p>ちょっと不思議な形のマインドマップ。</p>\r\n<h4 class=\"tips\">Thinkのサンプル</h4>\r\n<p><img src=\"http://web-marketing.zako.org/images/2009/11/index.png\" alt=\"\" title=\"index\" width=\"500\" height=\"380\" class=\"alignleft size-full wp-image-14004\" /><br />↑マインドマップソフトからエクスポートした画像です。</p>\r\n<h4 class=\"tips\">Thinkの特徴</h4>\r\n	<ol>\r\n<li>形がユニーク</li>\r\n	<li>操作がシンプル</li></ol>\r\n<ul class=\"clear\"><li>Think</li></ul>\r\n<h3 class=\"tips\">ご紹介したマインドマップフリーソフト7個</h3>\r\n<ul class=\"kiji\">\r\n<li><a href=\"http://www.mind42.com/\" target=\"_blank\">Mind42.com</a></li>\r\n<li><a href=\"http://www.easystep.jp/\" target=\"_blank\">EasyStep</a></li>\r\n<li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li>\r\n<li><a href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">MindMeister</a></li>\r\n<li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li>\r\n<li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li>\r\n<li><del datetime=\"2016-09-02T17:15:29+00:00\">Think</del></li>\r\n</ul>\r\n\r\n<p>本来、<strong>マインドマップ</strong>は手書きが基本。<br />\r\n私のように、これから<strong>マインドマップ</strong>をマスターしようと言う人は紙を主体にやったほうがいいとは思いますが、こちらも是非参考にしてみてください。</p>\r\n\r\n<dl class=\"amaz clear\"><dt>ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/61jkuzdj2yL._SL160_.jpg\" alt=\"ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"404868518X\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,260</span></dd>\r\n<dd>平均評価：★★★★☆</dd><dd>納期：通常5～9日以内に発送</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>ふだん使いのマインドマップ 描くだけで毎日がハッピーになる<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51XZIzAy2JL._SL160_.jpg\" alt=\"ふだん使いのマインドマップ 描くだけで毎日がハッピーになる\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4484122200\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,575</span></dd>\r\n<dd>平均評価：★★★★★</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by 多読を実践 書評ブログ</dd><dd class=\"booklink-link2\" style=\"margin-top:10px;\"><div class=\"shoplinkkindle\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kz_y.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00BBR9QF6/webm-22/\" rel=\"nofollow\" target=\"_blank\" >Kindle版を購入</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>ザ・マインドマップ<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51628EYJ79L._SL160_.jpg\" alt=\"ザ・マインドマップ\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4478760993\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 2,310</span></dd>\r\n<dd>平均評価：★★★★☆</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41LjSf9CYUL._SL160_.jpg\" alt=\"Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B003AM77ME\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 15,640</span></dd>\r\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\r\n\r\n\r\n<dl class=\"amaz clear\"><dt>MindManager 2012 Professional for Windows 1 User 日本語版<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41Kn8TMFaLL._SL160_.jpg\" alt=\"MindManager 2012 Professional for Windows 1 User 日本語版\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B0069HLLEC\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 48,299</span></dd>\r\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\">Amazon で割引された価格と詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>', 'マインドマップフリーソフトを７つまとめて比較', 'オンラインで作成・編集できるマインドマップのフリーソフトを徹底比較、ブログやサイトへ埋め込んで共有できるもの、PDFやCSV形式でマインドマップをエクスポートできるビジネスにも活用できるレベルのサービスをご紹介。', 'inherit', 'closed', 'closed', '', '630-revision-v1', '', '', '2016-09-03 00:55:55', '2016-09-02 15:55:55', '', 630, 'http://web-marketing.zako.org/web-tools/630-revision-v1.html', 0, 'revision', '', 0),
(30526, 4, '2016-09-03 00:53:15', '2016-09-02 15:53:15', '<p class=\"thumb\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindmap-tools.jpg\" alt=\"マインドマップフリーソフトを７つまとめて比較\" title=\"mindmap-tools\" width=\"514\" height=\"204\" class=\"aligncenter size-full wp-image-19965\" /></p>\r\n\r\n<p><a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>を作るためにいろいろとマインドマップのフリーソフトを探したので、せっかくだからご紹介しておきます。</p>\r\n<p>追記：2010年3月31日更新、1サービス追加（7. Think）。</p>\r\n<!--more-->\r\n<h3 class=\'header-label\'>オンラインでマインドマップ作成</h3>\r\n<p>まず、いずれも無料であることが前提になっています。</p>\r\n\r\n<h3 id=\"mind42\" class=\'header-label\'>1. mind42.com</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「mind42.com」\" src=\"http://web-marketing.zako.org/images/mind42.png\" width=\"411\" height=\"119\" /></p>\r\n<p>これは知っている人も多いのではないでしょうか。<br />\r\n当初<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>でも使っていましたが、情報量の多さに重くなり、使用を断念しました。。。</p>\r\n<p><a href=\"http://web-marketing.zako.org/images/tour_new.jpg\"><img alt=\"マインドマップ作成サービス「mind42.com」の画面\" src=\"http://web-marketing.zako.org/images/tour_new-thumb.jpg\" width=\"450\" height=\"281\" /></a></p>\r\n\r\n<h4 class=\"tips\">mind42.comの特徴</h4>\r\n<ol>\r\n<li>マインドマップに自分の画像をアップできる（サイトに貼り付けるとサイズが変わる恐れあり）</li>\r\n<li>Flickrの画像検索機能がついている</li>\r\n<li>外部サイトへのリンクを貼れる</li>\r\n<li>iframeでブログやサイトにマインドマップを貼れる</li>\r\n<li>del.icio.usのタグ検索がついている（なぜ？）</li>\r\n</ol>\r\n<!-- <h4 class=\"tips\">mind42.comの貼り付けサンプル</h4> -->\r\n\r\n\r\n<del datetime=\"2016-09-02T17:14:27+00:00\"><h3 class=\'header-label\'>2. EasyStep</h3></del>\r\n<p>残念ながらサービスが終了しているようです。</p>\r\n\r\n<h3 class=\'header-label\'>3. bubbl.us</h3>\r\n<p>かんたんなマインドマップを高速で作成するにはもってこいのサービス</p>\r\n<p>ノードを消したときのリアルな爆発も爽快感を感じる？</p>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubblelogo.jpg\" alt=\"マインドマップ作成フリーソフト「bubbl.us」\" title=\"bubblelogo\" width=\"291\" height=\"50\" class=\"aligncenter size-full wp-image-19968\" /></p>\r\n<h4 class=\"tips\">bubbl.usの特徴</h4>\r\n<ol>\r\n<li>簡単なマインドマップを作るときには操作が楽に感じる</li>\r\n<li>ノードを消すとき、リアルに爆発する</li>\r\n<li><del datetime=\"2012-03-11T03:51:53+00:00\">objectでブログやサイトにマインドマップを貼れる</del>埋め込み機能がなくなったようです。</li>\r\n<li><del datetime=\"2012-05-29T11:33:30+00:00\">ブログやサイトに貼ってもサクサク動く</del></li>\r\n</ol>\r\n<h4 class=\"tips\">bubbl.usの画面</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/bubbl-us.jpg\" alt=\"bubbl.usのマインドマップ\" title=\"bubbl-us\" width=\"500\" height=\"327\" class=\"aligncenter size-full wp-image-19962\" /><br />↑ウェブアプリにもかかわらず、動きが軽快。</p>\r\n<ul><li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>4. MindMeister</h3>\r\n<iframe width=\"592\" height=\"400\" frameborder=\"0\" src=\"https://www.mindmeister.com/maps/public_map_shell/509248222/_?width=592&height=400&z=auto&no_share=1&no_logo=1&presentation=1\" scrolling=\"no\" style=\"overflow: hidden; margin-bottom: 5px;\">Your browser is not able to display frames. Please visit <a href=\"https://www.mindmeister.com/?r=1915\" target=\"_blank\">マインドマイスター</a> on MindMeister.</iframe>\r\n\r\n<p>一時期諸処の理由で使わなくなっていましたが、Google Appsと連携できるようになったので、現在は社員50名とともに<a rel=\"nofollow\" href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">有料版</a>を使用しています。<del datetime=\"2012-05-29T11:18:16+00:00\">これも以前に使っていたのですが、画像をアップできないため、いつの間にか使っていませんでした。</del></p>\r\n<p><a rel=\"nofollow\" href=\"https://www.mindmeister.com/?r=1915\"><img alt=\"マインドマップ\" width=\"300\" src=\"https://www.mindmeister.com/images/banners/336x280.png\"></a></p>\r\n<dl>\r\n<dt>2008年2月8日追記</dt>\r\n<dd><a href=\"http://web-marketing.zako.org/web-tools/mindmeister-tools-gadget-extensions.html\">ひらめきを即座にマインドマップへ追加 できる「MindMeister Tools」</a>を使うことでかなり使えるツールになるかも。</dd><dt>2010年12月30日追記</dt><dd><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a>も便利です。</dd>\r\n<dt>2012年5月29日追記</dt><dd>Google AppsそしてGoogleドライブと連携したことによって、Google Appsを導入している企業は<a rel=\"nofollow\" href=\"http://www.mindmeister.com/signup/business?r=1915\" target=\"_blank\">リーズナブルな価格</a>で社員同士のマインドマップ共同編集ができるようになります。</dd>\r\n</dl>\r\n<h4 class=\"tips\">MindMeisterの特徴</h4>\r\n<ol>\r\n<li>ショートカットキーがなかなか良い配置で操作が楽</li>\r\n<li>試していませんが、Twitterと連動するらしい</li>\r\n<li>del.icio.usへのブクマ連動あり</li>\r\n<li>アイコンは一番多いかも</li>\r\n<li>objectでブログやサイトにマインドマップを貼れる</li>\r\n<li>日本語版も登場</li>\r\n</ol>\r\n<h4 class=\"tips\">MindMeisterの貼り付けサンプル</h4>\r\n<iframe width=\"522\" height=\"400\" frameborder=\"0\" scrolling=\"no\" src=\"http://www.mindmeister.com/maps/public_map_shell/1266985?width=600&height=400&zoom=1\" style=\"overflow:hidden\"></iframe>\r\n\r\n\r\n<ul class=\"clear\"><li><a href=\"http://www.mindmeister.com/?r=1915\" target=\"_blank\">MindMeister</a></li><li><a href=\"https://itunes.apple.com/jp/app/mindmeister-mind-mapping/id381073026?mt=8&amp;uo=4&amp;at=11l8Es\" target=\"_blank\">MindMeisterのiPhoneアプリ（無料）</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>5. MINDOMO</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「MINDOMO」\" src=\"http://web-marketing.zako.org/images/mindomo_logo.png\" width=\"194\" height=\"44\" /></p>\r\n<p>総合的に見て、一番いいかもしれません。<br />\r\n<a href=\"http://web-marketing.zako.org/google-all-service-mindmap.html\" target=\"_blank\">Googleサービス一覧マップ</a>で使わせていただきました。</p>\r\n<h4 class=\"tips\">MINDOMOの特徴</h4>\r\n<ol>\r\n<li>自分の画像を使用できる</li>\r\n<li>外部サイトへのリンクを貼れる</li>\r\n<li>javascriptでブログやサイトにマインドマップを貼れる</li>\r\n<li>とにかく機能がいっぱい</li>\r\n<li>ブログやサイトに貼ってもサクサク動く</li>\r\n</ol>\r\n\r\n<h4 class=\"tips\">MINDOMOのサンプル</h4>\r\n<p><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mindomo.jpg\" alt=\"mindomoで作成したマインドマップ\" title=\"mindomo\" width=\"400\" height=\"214\" class=\"aligncenter size-full wp-image-19971\" /></p>\r\n\r\n<ul><li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>6. Mapul</h3>\r\n<p><img alt=\"マインドマップ作成フリーソフト「Mapul」\" src=\"http://web-marketing.zako.org/images/mapul-logo.png\" width=\"54\" height=\"50\" /></p>\r\n<p>これはちょっとマニアック、ブログやサイトに貼り付けることはできませんが、一番本物のマインドマップに近い形ができるのでは？</p>\r\n<h4 class=\"tips\">Mapulのサンプル</h4>\r\n<p><a href=\"http://web-marketing.zako.org/images/Google01018.gif\" rel=\"lightbox\"><img src=\"http://d3qt5c962pj1kq.cloudfront.net/images/2012/03/mapul.jpg\" alt=\"マインドマップ作成フリーソフト「Mapul」のサンプル\" title=\"mapul\" width=\"500\" height=\"390\" class=\"aligncenter size-full wp-image-19966\" /></a></p>\r\n<h4 class=\'tips\'>埋め込みサンプル</h4>\r\n<p>2010年10月14日：諸問題により、ただいま埋込みを休止中。</p>\r\n<p>↑バージョンアップして、インタラクティブなマップ表示用のHTMLを作成してくれるようになりました。ただし、ノードのテキストは日本語が通りません。。。残念。</p>\r\n<h4 class=\"tips\">Mapulの特徴</h4>\r\n<ol>\r\n<li>ブザンのマインドマップに一番近い形だと思われる</li>\r\n<li>Silverlightで動作する</li>\r\n<li>UIが、Flashとは違ったやわらかい動きをする</li>\r\n</ol>\r\n<p><del datetime=\"2009-11-21T10:53:19+00:00\">IE7以外では動作しないので注意。</del> IE7以外でも、Silverlightのプラグインをインストールすれば利用可能になりました。</p>\r\n<ul><li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li></ul>\r\n\r\n<h3 class=\'header-label\'>7. Think</h3>\r\n<p><img src=\"http://web-marketing.zako.org/images/2009/11/think1.png\" alt=\"螺旋状？のマインドマップ\" title=\"think1\" width=\"500\" height=\"327\" class=\"alignleft size-full wp-image-14003\" /></p>\r\n<p>ちょっと不思議な形のマインドマップ。</p>\r\n<h4 class=\"tips\">Thinkのサンプル</h4>\r\n<p><img src=\"http://web-marketing.zako.org/images/2009/11/index.png\" alt=\"\" title=\"index\" width=\"500\" height=\"380\" class=\"alignleft size-full wp-image-14004\" /><br />↑マインドマップソフトからエクスポートした画像です。</p>\r\n<h4 class=\"tips\">Thinkの特徴</h4>\r\n	<ol>\r\n<li>形がユニーク</li>\r\n	<li>操作がシンプル</li></ol>\r\n<ul class=\"clear\"><li>Think</li></ul>\r\n<h3 class=\"tips\">ご紹介したマインドマップフリーソフト7個</h3>\r\n<ul class=\"kiji\">\r\n<li><a href=\"http://www.mind42.com/\" target=\"_blank\">Mind42.com</a></li>\r\n<li><a href=\"http://www.easystep.jp/\" target=\"_blank\">EasyStep</a></li>\r\n<li><a href=\"http://www.bubbl.us/index\" target=\"_blank\">bubbl.us</a></li>\r\n<li><a href=\"http://www.mindmeister.com/pricing?r=1915\" target=\"_blank\">MindMeister</a></li>\r\n<li><a href=\"http://www.mindomo.com/index\" target=\"_blank\">Mindomo</a></li>\r\n<li><a href=\"http://www.mapul.com/\" target=\"_blank\">Mapul</a></li>\r\n<li>Think</li>\r\n</ul>\r\n\r\n<p>本来、<strong>マインドマップ</strong>は手書きが基本。<br />\r\n私のように、これから<strong>マインドマップ</strong>をマスターしようと言う人は紙を主体にやったほうがいいとは思いますが、こちらも是非参考にしてみてください。</p>\r\n\r\n<dl class=\"amaz clear\"><dt>ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/61jkuzdj2yL._SL160_.jpg\" alt=\"ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 (アスキームック)\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"404868518X\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,260</span></dd>\r\n<dd>平均評価：★★★★☆</dd><dd>納期：通常5～9日以内に発送</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/404868518X/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>ふだん使いのマインドマップ 描くだけで毎日がハッピーになる<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51XZIzAy2JL._SL160_.jpg\" alt=\"ふだん使いのマインドマップ 描くだけで毎日がハッピーになる\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4484122200\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 1,575</span></dd>\r\n<dd>平均評価：★★★★★</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4484122200/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by 多読を実践 書評ブログ</dd><dd class=\"booklink-link2\" style=\"margin-top:10px;\"><div class=\"shoplinkkindle\" style=\"display:inline;margin-right:5px;background: url(\'http://img.yomereba.com/kz_y.gif\') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;\"><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B00BBR9QF6/webm-22/\" rel=\"nofollow\" target=\"_blank\" >Kindle版を購入</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>ザ・マインドマップ<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/51628EYJ79L._SL160_.jpg\" alt=\"ザ・マインドマップ\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"4478760993\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 2,310</span></dd>\r\n<dd>平均評価：★★★★☆</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/4478760993/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\r\n\r\n<dl class=\"amaz clear\"><dt>Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41LjSf9CYUL._SL160_.jpg\" alt=\"Buzan\'s iMindMap Ver.4 日本語版 Pro for Windows\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B003AM77ME\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 15,640</span></dd>\r\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B003AM77ME/webm-22/ref=nosim/\" target=\"_blank\">Amazon で詳細を見る</a> by <a href=\"http://web-marketing.in/iphone/\">iPhoneで会社を活性化</a></dd></dl>\r\n\r\n\r\n<dl class=\"amaz clear\"><dt>MindManager 2012 Professional for Windows 1 User 日本語版<a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\"><img class=\"a-img\" src=\"http://ecx.images-amazon.com/images/I/41Kn8TMFaLL._SL160_.jpg\" alt=\"MindManager 2012 Professional for Windows 1 User 日本語版\" /></a></dt>\r\n<dd><form class=\"a-cart-form\" method=\"post\" action=\"http://www.amazon.co.jp/gp/aws/cart/add.html\" target=\"_blank\"><input type=\"hidden\" name=\"AssociateTag\" value=\"webm-22\" /><input type=\"hidden\" name=\"SubscriptionId\" value=\"028QVM5GAF1MWA4NBMR2\" /><input type=\"hidden\" name=\"ASIN.1\" value=\"B0069HLLEC\" /><input type=\"hidden\" name=\"Quantity.1\" value=\"1\" /><input type=\"image\" name=\"submit.add-to-cart\" src=\"http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif\" /></form></dd><dd>価格：<span class=\"a-price-text\">￥ 48,299</span></dd>\r\n<dd>平均評価：</dd><dd>納期：在庫あり。</dd><dd><a href=\"http://www.amazon.co.jp/exec/obidos/ASIN/B0069HLLEC/webm-22/ref=nosim/\" target=\"_blank\">Amazon で割引された価格と詳細を見る</a> by <a href=\"http://research.web-marketing.in/\">マーケティングリサーチのデータなら</a></dd></dl>', 'マインドマップフリーソフトを７つまとめて比較', 'オンラインで作成・編集できるマインドマップのフリーソフトを徹底比較、ブログやサイトへ埋め込んで共有できるもの、PDFやCSV形式でマインドマップをエクスポートできるビジネスにも活用できるレベルのサービスをご紹介。', 'inherit', 'closed', 'closed', '', '630-revision-v1', '', '', '2016-09-03 00:53:15', '2016-09-02 15:53:15', '', 630, 'http://web-marketing.zako.org/web-tools/630-revision-v1.html', 0, 'revision', '', 0);
