{"componentChunkName":"component---src-modules-datocms-post-page-page-tsx","path":"/posts/15","result":{"data":{"post":{"title":"ランディングページはターゲット・共感・数値","author":{"name":"suin","images":{"r32":{"src":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&fm=png&h=32&mask=ellipse&w=32","srcSet":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1&fm=png&h=32&mask=ellipse&w=32 1x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1.5&fm=png&h=32&mask=ellipse&w=32 1.5x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=2&fm=png&h=32&mask=ellipse&w=32 2x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=3&fm=png&h=32&mask=ellipse&w=32 3x"},"r48":{"src":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&fm=png&h=48&mask=ellipse&w=48","srcSet":"https://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1&fm=png&h=48&mask=ellipse&w=48 1x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=1.5&fm=png&h=48&mask=ellipse&w=48 1.5x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=2&fm=png&h=48&mask=ellipse&w=48 2x,\nhttps://www.datocms-assets.com/29850/1591833290-avatar512.jpg?auto=format&dpr=3&fm=png&h=48&mask=ellipse&w=48 3x"}},"bio":"好き: TypeScript, DDD, OOP／#YYTypeScript の主催者／Qiita 4位／株式会社クラフトマンソフトウェア取締役／『実践ドメイン駆動設計』邦訳レビュア／#分報 考案者／Web自動テストShouldBeeを開発"},"date":"2013年11月20日","tags":["ShouldBee","ランディングページ"],"category":"プロマネ","body":"<a href=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/f2a2b2c2-428d-4d50-9132-a2d3cc607974.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"1023\" alt=\"image.png (623.1 kB)\" src=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/f2a2b2c2-428d-4d50-9132-a2d3cc607974.png\"></a>\n<p data-sourcepos=\"3:1-3:371\">僕と森は今日、<a href=\"https://onlab.jp/\" target=\"_blank\" rel=\"noopener noreferrer\">Open Network Lab</a>の山本さんに会ってインキュベーションプログラムについて話を聞けるチャンスをもらった。Open Network Labは、東京のスタートアップ・インキュベータで、僕が知っている限りでも、 <a href=\"http://qiita.com\" target=\"_blank\" rel=\"noopener noreferrer\">Qiita</a> や <a href=\"http://www.ednity.com\" target=\"_blank\" rel=\"noopener noreferrer\">ednity</a> がインキュベーションプログラムを受けている。</p>\n<p data-sourcepos=\"5:1-5:255\">「社内でShouldBeeを共有したところ、エンジニアにも興味を持ってもらってエンジニアも同席することになりました。」山本さんはそう言って、同席したアンディットさんを紹介してくれた。</p>\n<p data-sourcepos=\"7:1-7:377\">僕らはインキュベーションプログラムの説明を聞くに当って、ShouldBeeについて説明することになった。簡単にコンセプトを話し、デモを見せたりした。ShouldBeeとSeleniumの違いや、主なターゲットなどについて話し合った。その中で、ShouldBeeの課題や素敵なアドバイスをいただいた。</p>\n<h3 data-sourcepos=\"9:1-9:80\" id=\"0-0-1\" name=\"0-0-1\">\n<a class=\"anchor\" id=\"どのようにしたらテストの必要性を理解してもらえるか?\" name=\"%E3%81%A9%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%81%97%E3%81%9F%E3%82%89%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E5%BF%85%E8%A6%81%E6%80%A7%E3%82%92%E7%90%86%E8%A7%A3%E3%81%97%E3%81%A6%E3%82%82%E3%82%89%E3%81%88%E3%82%8B%E3%81%8B?\" href=\"#%E3%81%A9%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%81%97%E3%81%9F%E3%82%89%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E5%BF%85%E8%A6%81%E6%80%A7%E3%82%92%E7%90%86%E8%A7%A3%E3%81%97%E3%81%A6%E3%82%82%E3%82%89%E3%81%88%E3%82%8B%E3%81%8B?\" data-position=\"0-0-1\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"どのようにしたらテストの必要性を理解してもらえるか?\"> &gt; どのようにしたらテストの必要性を理解してもらえるか?</span></a>どのようにしたらテストの必要性を理解してもらえるか?</h3>\n<p data-sourcepos=\"11:1-11:507\">アンディットさんから課題として言われたのは「テストが必要と思ってる会社じゃないと使ってもらえないかもしれない」という点。こういった指摘は自分たちでヒアリングしたときもあって、僕らにとっても大きな課題だ。これについては、ブログでテストの必要性を訴えていったり、テストの必要性を共感してもらえるランディングページにする必要があるかも知れない。</p>\n<h3 data-sourcepos=\"13:1-13:40\" id=\"0-0-2\" name=\"0-0-2\">\n<a class=\"anchor\" id=\"ShouldBeeはあとづけで使える\" name=\"ShouldBee%E3%81%AF%E3%81%82%E3%81%A8%E3%81%A5%E3%81%91%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B\" href=\"#ShouldBee%E3%81%AF%E3%81%82%E3%81%A8%E3%81%A5%E3%81%91%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B\" data-position=\"0-0-2\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"ShouldBeeはあとづけで使える\"> &gt; ShouldBeeはあとづけで使える</span></a>ShouldBeeはあとづけで使える</h3>\n<p data-sourcepos=\"15:1-15:615\">「後でつけてもいいところがいい」と良い所も評価してもらった。ShouldBeeは特定の言語やフレームワークによらず使えるので、例えばスタートアップでとにかくリリースして、後でShouldBeeを取り入れることもできる。テストファーストとは矛盾するかもしれないが、何よりもデプロイを優先する現場も少なくない。そういったプロジェクトでも、次のイテレーションに入る前にShouldBeeのテストでリグレッションからプロダクトを保護しておくことができる。</p>\n<h3 data-sourcepos=\"17:1-17:50\" id=\"0-0-3\" name=\"0-0-3\">\n<a class=\"anchor\" id=\"誰のためのランディングページか?\" name=\"%E8%AA%B0%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8B?\" href=\"#%E8%AA%B0%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8B?\" data-position=\"0-0-3\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"誰のためのランディングページか?\"> &gt; 誰のためのランディングページか?</span></a>誰のためのランディングページか?</h3>\n<p data-sourcepos=\"19:1-19:683\">「このランディングページは誰に向けて作ったの?」アンディットさんが僕らに質問を投げかけた。僕らは当初ShouldBeeのメインカスタマは、僕らのようなテストで苦労しているエンジニアやテスターを想定していた。ところが、ここ1ヶ月でいろいろな人にShouldBeeを話してみると、非エンジニアのほうが強い関心を示してくれることに気がついた。例えば、自社プロダクトのマネージャでテスターを兼任していたり、WordPressのプラグイン制作もやっているデザイナーなどが非エンジニアのカスタマーに当たる。</p>\n<p data-sourcepos=\"21:1-21:563\">最初はエンジニアを主なターゲットにしていたため、ランディングページもその層を狙って「なぜ、ウェブサイトのテストはあんなに大変なのか!?」と共感を呼びそうなフレーズを一番上に載せた。ShouldBeeはテストを書くのに複雑なプログラミング言語が必要なく、ブラウザの用意も不要で、技術力がさほど必要ない。今後は、非エンジニアに訴えかけるようなランディングページに変えてたほうがいいかも知れない。</p>\n<h3 data-sourcepos=\"23:1-23:76\" id=\"0-0-4\" name=\"0-0-4\">\n<a class=\"anchor\" id=\"ランディングページは共感から入る構成にするといい\" name=\"%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AF%E5%85%B1%E6%84%9F%E3%81%8B%E3%82%89%E5%85%A5%E3%82%8B%E6%A7%8B%E6%88%90%E3%81%AB%E3%81%99%E3%82%8B%E3%81%A8%E3%81%84%E3%81%84\" href=\"#%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AF%E5%85%B1%E6%84%9F%E3%81%8B%E3%82%89%E5%85%A5%E3%82%8B%E6%A7%8B%E6%88%90%E3%81%AB%E3%81%99%E3%82%8B%E3%81%A8%E3%81%84%E3%81%84\" data-position=\"0-0-4\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"ランディングページは共感から入る構成にするといい\"> &gt; ランディングページは共感から入る構成にするといい</span></a>ランディングページは共感から入る構成にするといい</h3>\n<p data-sourcepos=\"25:1-25:529\">誰に向けたランディングページが決まったら、その人達が共感しやすいメッセージを入れた方がいい。と、アドバイスしてくれた。ランディングページで効果に関わることを書いた方がいい。ShouldBeeなら、マネージャーなどに「あなたのサービスは落ちたとこがありますか?」と共感ベースでアピールして、サービスが落ちることで被るデメリットを回避できるなどを訴えていったほうがいい。</p>\n<h3 data-sourcepos=\"27:1-27:40\" id=\"0-0-5\" name=\"0-0-5\">\n<a class=\"anchor\" id=\"数字から見せたほうが早い\" name=\"%E6%95%B0%E5%AD%97%E3%81%8B%E3%82%89%E8%A6%8B%E3%81%9B%E3%81%9F%E3%81%BB%E3%81%86%E3%81%8C%E6%97%A9%E3%81%84\" href=\"#%E6%95%B0%E5%AD%97%E3%81%8B%E3%82%89%E8%A6%8B%E3%81%9B%E3%81%9F%E3%81%BB%E3%81%86%E3%81%8C%E6%97%A9%E3%81%84\" data-position=\"0-0-5\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"数字から見せたほうが早い\"> &gt; 数字から見せたほうが早い</span></a>数字から見せたほうが早い</h3>\n<p data-sourcepos=\"29:1-29:662\">もう一つアドバイスをもたった。効果についてはわかりやすく、数字で見せたほうがいい。非エンジニア向けに、ShouldBeeをテストをした場合と、そうでない場合を数値で示すなど。僕らはまだテストをShouldBeeで行った場合と、手作業で行った場合のベンチマークを取っていない。それでも、自分たちが使った時の感覚として、普段なら差し戻しなどで2ヶ月かかったプロジェクトが1ヶ月でできたり、全体の工数は半分くらいになるの感触がある。そういったことを伝えてもいいかもしれない。</p>\n"}},"pageContext":{"id":"DatoCmsPost-5142945-ja","description":"僕と森は今日、Open Network Labの山本さんに会ってインキュベーションプログラムについて話を聞けるチャンスをもらった。Open Network Labは、東京のスタートアップ・インキュベータで、僕が知っている限りでも、 Qiita や ednity がインキュベーションプログラムを受けている。 「社内でShouldBeeを共有したところ、エンジニアにも興味を持ってもらってエンジニアも同席することになりました。」山本さんはそう言って、同席したアンディットさんを紹介してくれた。 僕らはインキュベーションプログラムの説明を聞くに当って、ShouldBeeについて説明することになった。簡単","toc":[{"tag":"h3","depth":3,"href":"#%E3%81%A9%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%81%97%E3%81%9F%E3%82%89%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E5%BF%85%E8%A6%81%E6%80%A7%E3%82%92%E7%90%86%E8%A7%A3%E3%81%97%E3%81%A6%E3%82%82%E3%82%89%E3%81%88%E3%82%8B%E3%81%8B?","text":"どのようにしたらテストの必要性を理解してもらえるか?","html":"どのようにしたらテストの必要性を理解してもらえるか?"},{"tag":"h3","depth":3,"href":"#ShouldBee%E3%81%AF%E3%81%82%E3%81%A8%E3%81%A5%E3%81%91%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B","text":"ShouldBeeはあとづけで使える","html":"ShouldBeeはあとづけで使える"},{"tag":"h3","depth":3,"href":"#%E8%AA%B0%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8B?","text":"誰のためのランディングページか?","html":"誰のためのランディングページか?"},{"tag":"h3","depth":3,"href":"#%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AF%E5%85%B1%E6%84%9F%E3%81%8B%E3%82%89%E5%85%A5%E3%82%8B%E6%A7%8B%E6%88%90%E3%81%AB%E3%81%99%E3%82%8B%E3%81%A8%E3%81%84%E3%81%84","text":"ランディングページは共感から入る構成にするといい","html":"ランディングページは共感から入る構成にするといい"},{"tag":"h3","depth":3,"href":"#%E6%95%B0%E5%AD%97%E3%81%8B%E3%82%89%E8%A6%8B%E3%81%9B%E3%81%9F%E3%81%BB%E3%81%86%E3%81%8C%E6%97%A9%E3%81%84","text":"数字から見せたほうが早い","html":"数字から見せたほうが早い"}],"ogpImageUrl":"https://www.datocms-assets.com/29850/1593190022-pastedimage20200627146.png?fm=png&mark64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9NDAwJmg9NjQmZml0PWNyb3AmYmxlbmQ2ND1hSFIwY0hNNkx5OTNkM2N1WkdGMGIyTnRjeTFoYzNObGRITXVZMjl0THpJNU9EVXdMekUxT1RFNE16TXlPVEF0WVhaaGRHRnlOVEV5TG1wd1p6OXRZWE5yUFdWc2JHbHdjMlVtWm0wOWNHNW5KbmM5TWpVMkptZzlNalUyJmJsZW5kLWg9NjQmYmxlbmQteD0wJmJsZW5kLXk9MCZibGVuZC1tb2RlPW5vcm1hbCZtYXJrNjQ9YUhSMGNITTZMeTloYzNObGRITXVhVzFuYVhndWJtVjBMMzUwWlhoMFAzUjRkQzFoYkdsbmJqMXRhV1JrYkdVbE1rTnNaV1owSm5SNGRDMW1iMjUwUFhOaGJuTXRjMlZ5YVdZbE1rTmliMnhrSm5SNGRDMWpiMnh2Y2oweU1qRTRNVFltZEhoME5qUTlZek5XY0dKbkpuUjRkQzF6YVhwbFBUTXdKbWc5TmpRJm1hcmsteD02NCZtYXJrLWFsaWduPW1pZGRsZSUyQ2xlZnQ&mark-align=bottom%2Cleft&mark-x=100&mark-y=496&blend64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9MTIwMCZoPTYzMCZmaXQ9Y3JvcCZtYXJrNjQ9YUhSMGNITTZMeTkzZDNjdVpHRjBiMk50Y3kxaGMzTmxkSE11WTI5dEx6STVPRFV3THpFMU9UTXhOVEE1TkRBdFkzSmhablJ6YldGdUxUQXhMbkJ1WncmbWFyay1hbGlnbj10b3AlMkNjZW50ZXImbWFyay13PTI1MCZtYXJrLXk9ODAmYmxlbmQ2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOalpXNTBaWEltZEhoMExXWnZiblE5YzJGdWN5MXpaWEpwWmlVeVEySnZiR1FtZEhoMExYQmhaRDB4TURBbWRIaDBMV052Ykc5eVBUSXlNVGd4TmlaMGVIUTJORDAwTkU5d05EUlBlalEwVDBnME5FdHFORFJQZWpRMFMzYzBORTloTkRSUE9EUTBTelEwTkVkMk5EUkxYelEwVHpnME5FdDVORFJQUkRRMFQwazBORTgzTlZsWGVEVnZVMlkwTkU4M05YQlhkelZaUTJzbWRIaDBMWE5wZW1VOU5UVW1kejB4TWpBd0ptZzlOak13JmJsZW5kLW1vZGU9bm9ybWFs&blend-mode=normal","otherPost":{"type":"author","title":"【翻訳】開発者の仕事が遅いわけではない！納期が遅れるホントの原因","slug":"/posts/20"}}}}