[markdown]
こんにちは！
ニジボックスに7月末より入社している@tadoumaです。

エンジニアになって2ヶ月、テストを書き出して1ヶ月半、
超初心者の私がLaravelテストを書いてつまずいた点を書いてみます。

こんなの知ってるよ！となるかもしれませんが、、

温かい目で見守ってください。

自己紹介

･エンジニアになって2ヶ月の超初心者(文系出身で、プログラミングに触れた経験ほぼなし)
･前職は営業
･もちろんテスト書くのも初めて
･猫が好き

それでは、早速まとめてみようと思います！

目次

1.assertSee/assertDontSee
2.リダイレクト後のテスト
3.フィールド名の変更とテストの書き方
4.テスト名とアノテーション
5.Factory、RefreshDatabase、IDオートインクリメント
6.最後に

それでは、1つずつ見ていきましょう！

1.assertSee/assertDontSee

“`
php:AssertSee.php
$res = $this->get(“url”);
$res->assertStatus(200)
->assertDontSee(‘ネコちゃん’);
“`

仕様変更に伴い、このテストが通らなくなりました。

状況

･変更前
　　　　if文で分岐し、条件Aに当てはまるユーザーには｢ネコちゃん｣を表示。
　　　　上記のテストでは、条件Aに当てはまらないユーザーの時、
　　　　｢ネコちゃん｣が出ないことを確認していた。

･変更後
　　　　if文ではない箇所で、｢ネコちゃん｣という文面が追加された。
　　　　そのため、どんな条件のユーザーでも｢ネコちゃん｣が出るようになった。

どうにかして、if文で出し分けている方の｢ネコちゃん｣だけが
見えていないことを確認したい。
ただ、

`assertDontSee(‘ネコちゃん’)` にすると、通らない。

解決策

“`php:AssertSeeResolve.php
$res = $this->get(“url”);
$res->assertStatus(“200”)
->assertDontSee(‘

‘)
->assertSee(‘ネコちゃん’);
“`

if文の方の｢ネコちゃん｣は、liタグに囲まれているため、
これを含めて`assertDontSee`で調べると、うまくいきました！

なぜ？

下記はテストを実行し、エラーが出てきた画面。
if文で出し分けているほうが、`

`です。

“`

\n
“`

Laravelドキュメントを見ると、`assertSee`や`assertDontSee`の定義は、
｢指定したテキストが、ページ上に存在することを宣言します。｣と書いてあります。

ページ上に存在する　というのが何を表しているのか分からなかったのですが、
どうやらレスポンスとして返ってきたHTMLソースを見ているようでした。
そのため、タグを含めて調べるとうまくいきました。

ちなみに･･･

上記のような場面以外でも、
例えば想定結果が｢1｣の時、`assertSee(“1”)`なんかやっても
｢1｣なんかどこにでもありますよね。

そういった場合は下記のように、表示されている前後の文字列も含めて書いてあげると、
正確な`AssertSee/assertDontSee`ができます。

“`php:AssertSeeResolve.php
//$hogeNumberはある処理の結果。今回は1の想定
$res = $this->get(“url”);
$res->assertSee(“結果は”.$hogeNumber.”件です”);
“`

2.リダイレクト後のテスト

バリデーションエラーの文言がきちんと出ているか調べるため、
リダイレクト後に`assertSee`が効いているか見ようとしました。
最初に書いたコードがこちら。

“`php:RedirectTest.php
$res->assertRedirect(‘url’)
->assertSee(“内容を入力してください。”);
“`

これを実行すると、下記のようにエラーが返ってきました。

“`
Failed asserting that ‘\n
\n
\n
\n
\n
\n
\n
\n
\n
Redirecting to http://url.\n
\n
‘ contains “内容を入力してください。”.
“`
↓かなり省略して書くと、
`Failed asserting that ‘(ここにレスポンス)’contains “内容を入力してください。”.`
=つまり、レスポンスの中に｢内容を入力してください。｣という文字が入っていない、と言っています。

何が返っているのか？

なぜ上記だとできないのか。
リダイレクト処理では何が返ってくるのか、が鍵になります。

リダイレクトとはつまり･･･
>HTTPヘッダにあるHTTPステータスコードにてリダイレクトの種類を伝え、Location:ヘッダで移動先を伝える

というもの。
つまり、リダイレクトして直接“`assertSee“`しても、
リダイレクトのレスポンス(≒移動先を伝えているところ)しか見ていない、ということになります。

解決策

“`php:RedirectTestResolve.php
$res = $this->post(‘url’,[‘content’ => ”]);
$res->assertRedirect(‘url2’);
$this->get(‘url2’)
->assertSee(“内容を入力してください。”);
“`

こうすれば、リダイレクト後にgetしていることになるので、
バリデーション文言がしっかり取れます！

3.フィールド名の変更とテストの書き方

“`php:FieldName.php
$res = $this->post(‘url’, [
‘content’ => ‘ニャ〜〜〜ン’,
]);
$this->assertEquals(“1”, Hoge::count());
“`
上記は、postした内容がきちんとDBに反映されているか見ているテストです。
ある時、フィールド名を変更したところ、上記がエラーになってしまいました。

フィールド名の変更は下記の通りです。

変更前

“`
<br /> “`</p> <p>変更後</p> <p>“`<br /> <textarea name="hoge[content]"><br /> “`</p> <p>※今回、hogeにのみ適用したいバリデーションルールがあったため、<br /> このような実装にしました。</p> <h3><span class="ez-toc-section" id="%E8%A7%A3%E6%B1%BA%E7%AD%96-3"></span>解決策<span class="ez-toc-section-end"></span></h3> <p>“`php:FieldNameResolve.php<br /> $res = $this->post(‘url’, [<br /> ‘hoge’ => [<br /> ‘content’ => ‘ニャ〜〜〜ン’,<br /> ]<br /> ]);<br /> $this->assertEquals(“1”, Hoge::count());<br /> “`</p> <p>この場合、`hoge[content]`と渡すようになったので、<br /> テストでpostする際もこの形で書いてあげる必要がありました。</p> <p>当たり前なのですが、急にテストでエラーが出ると最初は戸惑いました。</p> <h2 id="in4"><span class="ez-toc-section" id="4%E3%83%86%E3%82%B9%E3%83%88%E5%90%8D%E3%81%A8%E3%82%A2%E3%83%8E%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3"></span>4.テスト名とアノテーション<span class="ez-toc-section-end"></span></h2> <p>みなさん、テストのメソッド名を日本語で書けることはご存知でしょうか？<br /> イメージはこんな感じ。</p> <p>“`php:JapaneseTestName.php<br /> public function ステータステスト()<br /> {<br /> $res = $this->get(“url”);<br /> $res->assertStatus(200);<br /> }<br /> “`<br /> ただ、このままだとテストとして認識されません。<br /> テストとして認識してもらうには、下記の宣言が必要となります。</p> <p>“`php:</p> <p>/**<br /> * @test<br /> */<br /> “`<br /> つまり…。</p> <p>“`php:JapaneseTestName.php<br /> /**<br /> * @test<br /> */<br /> public function ステータステスト()<br /> {<br /> $res = $this->get(“url”);<br /> $res->assertStatus(200);<br /> }<br /> “`<br /> こう書くとうまくいきます。</p> <p>これはアノテーションと言って、<br /> かなりざっくり言うと<br /> >･｢注釈｣　という意味<br /> ･/** で始めて */ で終わる<br /> ･テスト実行時の振る舞いを決める</p> <p>詳しくは<a href="https://phpunit.readthedocs.io/ja/latest/annotations.html" class="liinternal" data-wpel-link="external" rel="external noopener noreferrer">PHPUnit</a>のドキュメントへ。</p> <p>このアノテーションを使うと、英語のテスト名の際、<br /> Testと含まなくてもテストだと認識されます。</p> <p>逆に言うと、このルールを知らずに<br /> ｢日本語名のテスト追加したら、通った！｣<br /> ｢Testを含まないメソッド名のテスト追加したら、通った！｣<br /> と思っていたら…。</p> <p><img decoding="async" width="500" alt="スクリーンショット 2018-10-01 21.51.45.png" src="https://qiita-image-store.s3.amazonaws.com/0/297030/fc0f257d-80f5-6682-331f-b153562e39c6.png"></p> <p>実際はテストと認識されていない(※↑テスト数が増えていない)だけだった…！なんてことも。<br /> <del datetime="2018-11-02T11:42:12+00:00">(私は実際やらかして泣きそうになりました)</del></p> <h3><span class="ez-toc-section" id="%E3%81%A1%E3%81%AA%E3%81%BF%E3%81%AB"></span>ちなみに<span class="ez-toc-section-end"></span></h3> <p>他にもたくさんアノテーションはありますが、個人的には`@group`が便利でした。</p> <p>`@group`とは、指定したテストのみを実行してくれるアノテーションで、<br /> 使う際はこのように書きます。<br /> 今回は、グループ名を`testgroup`とします。(ここはなんでもOK)</p> <p>“`php:GroupTest.php<br /> /**<br /> * @group testgroup<br /> */<br /> public function hogeTest()<br /> {<br /> //処理を書く<br /> }<br /> “`<br /> そして、実行時は下記のように書けばOK。<br /> `テストのファイルパス –group グループ名`<br /> 値を入れるとこんな感じ。(あくまでイメージです。ファイルパスは環境によって異なります)<br /> `./phpunit tests/GroupTest.php –group testgroup`</p> <p>ここだけでエラーが起こってるんだ！といった場合や、<br /> このテストだけ検証したいんだ！という場合にとても便利でした。</p> <h2 id="in5"><span class="ez-toc-section" id="5Factory%E3%80%81RefreshDatabase%E3%80%81ID%E3%82%AA%E3%83%BC%E3%83%88%E3%82%A4%E3%83%B3%E3%82%AF%E3%83%AA%E3%83%A1%E3%83%B3%E3%83%88"></span>5.Factory、RefreshDatabase、IDオートインクリメント<span class="ez-toc-section-end"></span></h2> <p>下記はつまずいたというより、やっていく中で発見したものです。</p> <p>結論を言うと、<br /> **･RefreshDatabaseを使っても、IDのオートインクリメントはリセットされない。**<br /> ということを発見しました。</p> <p>それでは、少しずつ見ていきます。</p> <h3><span class="ez-toc-section" id="RefreshDatabase%E3%81%A8%E3%81%AF%EF%BC%9F"></span>RefreshDatabaseとは？<span class="ez-toc-section-end"></span></h3> <p>各テスト(メソッド)の後にDBをリセットしてくれるトレイトです。<br /> (詳細は<a href="https://readouble.com/laravel/5.6/ja/database-testing.html" class="liinternal" data-wpel-link="external" rel="external noopener noreferrer">ドキュメント</a>にて)<br /> つまり、毎回テストした後、DBをまっさらにしてくれるので<br /> DBの影響を受けずにテストを行うことができます。</p> <p>使い方は、下記を書いてあげるとOKです。</p> <p>“`php:HogeTest.php<br /> use Illuminate\Foundation\Testing\RefreshDatabase;</p> <p>class HogeTest extends TestCase<br /> {<br /> use RefreshDatabase;</p> <p> public function testFuga()<br /> {<br /> //テストを書いていく<br /> }<br /> }<br /> “`</p> <h3><span class="ez-toc-section" id="Factory%E3%81%A8%E3%81%AF%EF%BC%9F"></span>Factoryとは？<span class="ez-toc-section-end"></span></h3> <p>Factoryを用いて、テスト用の疑似データを作ることができます。<br /> 使い方は下記のとおり。</p> <p>“`php:FactoryTest.php<br /> $user = factory(User::class)->create();<br /> “`<br /> もし、カラム名を指定してデータを入れたいのであれば、</p> <p>“`php:FactoryTest.php<br /> $user = factory(User::class)->create([<br /> ‘name’ => ‘てすとネコちゃん’,<br /> ‘email’ => ‘test_nyan@example.com’<br /> ]);<br /> “`<br /> このように指定してデータを作成することができます。</p> <p>ここで指定していないカラムは、factoryを作る際にできた<br /> `/database/factories/`以下の`○○Factory.php`ファイルの中に<br /> 初期値を指定してあげましょう。<br /> (今回はUserFactoryになっています。)</p> <p>“`php:UserFactory.php<br /> <?php use Faker\Generator as Faker; $factory->define(App\Daos\User::class, function (Faker $faker) {<br /> return [<br /> ‘name’ => $faker->name,<br /> ‘age’ => ’22’,<br /> ‘email’ => ‘firstmail@example.com’,<br /> ];<br /> });<br /> “`<br /> この場合、ageは先程指定していなかったので、<br /> このファイルで指定した初期値｢22｣が適用されます。<br /> (ちなみに`name`で使用している`$faker`は、<br /> 任意のダミーデータを作成してくれるものです。)</p> <h3><span class="ez-toc-section" id="%E3%82%AA%E3%83%BC%E3%83%88%E3%82%A4%E3%83%B3%E3%82%AF%E3%83%AA%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E9%96%A2%E4%BF%82"></span>オートインクリメントの関係<span class="ez-toc-section-end"></span></h3> <p>それでは、ざっくり説明します。</p> <p>“`php:AutoIncrement.php<br /> public function hogeTest()<br /> {<br /> $users = factory(User::class ,2)->create();<br /> var_dump($users[0]->id); //1<br /> var_dump($users[1]->id); //2<br /> var_dump($users->count()); //2<br /> }</p> <p>public function fugaTest()<br /> {<br /> $users = factory(User::class ,2)->create();<br /> var_dump($users[0]->id); //3<br /> var_dump($users[1]->id); //4<br /> var_dump($users->count()); //2<br /> }<br /> “`</p> <p>上記を見ればわかるように、</p> <p>･RefreshDatabaseのおかげでメソッドごとにDBはリセットされるため、<br /> count()の結果は常に2になる</p> <p>･ただし、DBのオートインクリメントはリセットされないため、<br /> IDは連番になっている。</p> <p>ということが分かります。</p> <p>つまり、(冒頭でも述べましたが)<br /> **･RefreshDatabaseを使っても、オートインクリメントはリセットされない。**<br /> ということを発見しました。</p> <p>｢だから？｣という感じではあるのですが、、、<br /> 意外と周りにも知らない人がいたので書いてみました。</p> <h2 id="in5"><span class="ez-toc-section" id="6%E6%9C%80%E5%BE%8C%E3%81%AB"></span>6.最後に<span class="ez-toc-section-end"></span></h2> <p>入社して2ヶ月、テスト始めて1ヶ月半。<br /> 全く何もわからなくって、最初の頃は家で号泣(悔し泣き)したりしていましたが、<br /> 振り返ってみると本当に本当に学びが多かったと感じます。</p> <p>厳しくも優しく接してくださった@niisan-tokyoさん、<br /> いつも女神のように優しい(男性の)@fudoさん<br /> 本当にありがとうございました！</p> <p>初心者目線で｢え〜なんで〜!?｣と思ったところをまとめた記事でしたが、いかがでしたでしょうか。<br /> 私と同じような初心者の方には、少しでも参考になればいいなと思いますし、<br /> 経験者の方には｢初心者にはこう見えているんだな〜｣という参考になれば、と思っています。</p> <p>読んでいただきありがとうございました！<br /> [/markdown]</p> </div> <!-- 監修者 --> <div class="blogContents__bottomTaxonomies"> <ul class="blogContents__categoryList"> <li class="blogContents__categoryItem"> <a href="https://blog.nijibox.jp/article_category/development/" class="blogContents__categoryLink" data-wpel-link="internal"> 開発 </a> </li> </ul> <ul class="blogContents__keywordList"> <li class="blogContents__keywordItem"> <a href="https://blog.nijibox.jp/article_tag/laravel/" class="blogContents__keywordLink" data-wpel-link="internal"> #Laravel </a> </li> </ul> </div><!-- blogContents__bottomTaxonomies --> <ul class="SNS"> <li class="SNS__item"> <button type="button" class="SNS__button SNS__button--facebook" onClick="window.open(encodeURI(decodeURI('https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&sdk=joey&display=popup&ref=plugin&src=share_button&u=https://blog.nijibox.jp/article/laraveltest_beginner/')), '_blank' ,'width=800, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;"></button> </li> <li class="SNS__item"> <button type="button" class="SNS__button SNS__button--x" onClick="window.open(encodeURI(decodeURI('http://twitter.com/share?text=入社して2ヶ月の超初心者が、Laravelテストでつまずいた点を話します%0a&url=https://blog.nijibox.jp/article/laraveltest_beginner/')), '_blank' ,'width=800, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;"></button> </li> <li class="SNS__item"> <button type="button" class="SNS__button SNS__button--line" onClick="window.open(encodeURI(decodeURI('https://social-plugins.line.me/lineit/share?url=https://blog.nijibox.jp/article/laraveltest_beginner/')), '_blank' ,'width=800, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;"></button> </li> <li class="SNS__item"> <button type="button" class="SNS__button SNS__button--pocket" onClick="window.open(encodeURI(decodeURI('http://getpocket.com/edit?url=https://blog.nijibox.jp/article/laraveltest_beginner/&title=入社して2ヶ月の超初心者が、Laravelテストでつまずいた点を話します')), '_blank' ,'width=800, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;"></button> </li> <li class="SNS__item"> <button type="button" class="SNS__button SNS__button--hatena" onClick="window.open(encodeURI(decodeURI('http://b.hatena.ne.jp/add?mode=confirm&url=https://blog.nijibox.jp/article/laraveltest_beginner/&title=入社して2ヶ月の超初心者が、Laravelテストでつまずいた点を話します')), '_blank' ,'width=800, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;"></button> </li> </ul> </div><!-- blogContents --> </div><!-- blogContainer --> <div class="contentSidebar"> <div class="commonSidebar commonSidebar--single"> <div class="commonSidebar__inner"> <!-- Service --> <div class="commonSidebar__content"> <aside class="sidebarContent"> <div class="sidebarContent__header">Service</div> <div class="sidebarContent__body"> <div class="sidebarBanner"> <a href="https://cp.nijibox.jp/begin-ux?k3ad=blog_sidemenu&utm_source=blog-sidemenu&utm_medium=referral&utm_campaign=begin-ux-230912" class="sidebarBanner__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"><img src="https://blog.nijibox.jp/wp-content/uploads/2023/09/BeginUX_banner.jpg" alt="Service" class="sidebarBanner__image"></a> </div> </div> </aside> </div> <!-- Event --> <div class="commonSidebar__content"> <aside class="sidebarContent"> <div class="sidebarContent__header">Event</div> <div class="sidebarContent__body"> <div class="sidebarBanner"> <a href="https://nijibox.connpass.com/event/314238/" class="sidebarBanner__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"><img src="https://blog.nijibox.jp/wp-content/uploads/2023/04/530eve.png" alt="Event" class="sidebarBanner__image"></a> </div> </div> </aside> </div> <!-- Recruit --> <div class="commonSidebar__content"> <aside class="sidebarContent"> <div class="sidebarContent__header">Recruit</div> <div class="sidebarContent__body"> <div class="sidebarBanner"> <a href="https://qiita.com/organizations/nijibox" class="sidebarBanner__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"><img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/banner_qiita.png" alt="Qiita" class="sidebarBanner__image"></a> </div> <div class="sidebarBanner"> <a href="https://www.wantedly.com/companies/nijibox" class="sidebarBanner__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"><img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/banner_wantedly.png" alt="Wantedly" class="sidebarBanner__image"></a> </div> </div> </aside> </div> <!-- Weekly Ranking --> <div class="commonSidebar__content"> <aside class="sidebarContent"> <div class="sidebarContent__header">Weekly Ranking</div> <div class="sidebarContent__body"> <ul class="sidebarRanking"> <li class="sidebarRanking__item"> <a href="https://blog.nijibox.jp/article/mind_map_app/" class="sidebarRanking__link" data-wpel-link="internal"> <div class="sidebarRanking__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2023/03/③マインドマップアプリ_MV-560x363.jpg" alt="マインドマップアプリのおすすめ9選！選ぶ際のポイントも紹介" class="sidebarRanking__imageSrc"> </div> <div class="sidebarRanking__description"> <div class="sidebarRanking__rank sidebarRanking__rank--higher">1</div> <div class="sidebarRanking__info"> <div class="sidebarRanking__title">マインドマップアプリのおすすめ9選！選ぶ際のポイントも紹介</div> <time class="sidebarRanking__time" datetime="2023-3-14">2023.3.14</time> </div> </div> </a> </li> <li class="sidebarRanking__item"> <a href="https://blog.nijibox.jp/article/app_ui_design/" class="sidebarRanking__link" data-wpel-link="internal"> <div class="sidebarRanking__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2023/03/MV_スマホアプリのUIデザインの作成に参考になるサイトやツールを紹介-560x363.png" alt="【2024年最新版】スマホアプリのUIデザインの作成に参考になるサイトやツールを紹介" class="sidebarRanking__imageSrc"> </div> <div class="sidebarRanking__description"> <div class="sidebarRanking__rank sidebarRanking__rank--higher">2</div> <div class="sidebarRanking__info"> <div class="sidebarRanking__title">【2024年最新版】スマホアプリのUIデザインの作成に参考になるサイトやツールを紹介</div> <time class="sidebarRanking__time" datetime="2023-3-24">2023.3.24</time> </div> </div> </a> </li> <li class="sidebarRanking__item"> <a href="https://blog.nijibox.jp/article/quantitative_quantification/" class="sidebarRanking__link" data-wpel-link="internal"> <div class="sidebarRanking__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2022/07/定量定性_MV-560x363.png" alt="定量分析・定性分析とは？具体的な手法や組み合わせる方法も解説" class="sidebarRanking__imageSrc"> </div> <div class="sidebarRanking__description"> <div class="sidebarRanking__rank sidebarRanking__rank--higher">3</div> <div class="sidebarRanking__info"> <div class="sidebarRanking__title">定量分析・定性分析とは？具体的な手法や組み合わせる方法も解説</div> <time class="sidebarRanking__time" datetime="2022-7-26">2022.7.26</time> </div> </div> </a> </li> <li class="sidebarRanking__item"> <a href="https://blog.nijibox.jp/article/tagline/" class="sidebarRanking__link" data-wpel-link="internal"> <div class="sidebarRanking__description"> <div class="sidebarRanking__rank">4</div> <div class="sidebarRanking__info"> <div class="sidebarRanking__title">タグラインとは？具体事例を交えて解説！キャッチコピーやスローガンとの違いも紹介</div> <time class="sidebarRanking__time" datetime="2022-10-31">2022.10.31</time> </div> </div> </a> </li> <li class="sidebarRanking__item"> <a href="https://blog.nijibox.jp/article/adobe-xd/" class="sidebarRanking__link" data-wpel-link="internal"> <div class="sidebarRanking__description"> <div class="sidebarRanking__rank">5</div> <div class="sidebarRanking__info"> <div class="sidebarRanking__title">Adobe XDとは？Web制作・アプリ開発に役立つ6つの魅力を紹介</div> <time class="sidebarRanking__time" datetime="2023-3-28">2023.3.28</time> </div> </div> </a> </li> </ul> </div> </aside> </div> <!-- Pick Up --> <div class="commonSidebar__content"> <aside class="sidebarContent"> <div class="sidebarContent__header">Pick Up</div> <div class="sidebarContent__body"> <ul class="sidebarPickUp"> <li class="sidebarPickUp__item"> <a href="https://blog.nijibox.jp/article/ux_improvement/" class="sidebarPickUp__link" data-wpel-link="internal"> <div class="sidebarPickUp__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2022/04/UX_MV-560x363.png" alt="NIJIBOXBLOG_PickUp" class="sidebarPickUp__imageSrc"> </div> <div class="sidebarPickUp__description"> <div class="sidebarPickUp__title">UX改善の方法とは？現役UXデザイナーが改善のステップやポイントを解説！</div> <time class="sidebarPickUp__time" datetime="2022-4-7">2022.4.7</time> </div> </a> </li> <li class="sidebarPickUp__item"> <a href="https://blog.nijibox.jp/article/growthhack/" class="sidebarPickUp__link" data-wpel-link="internal"> <div class="sidebarPickUp__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2022/03/グロースハック_mv-560x363.png" alt="NIJIBOXBLOG_PickUp" class="sidebarPickUp__imageSrc"> </div> <div class="sidebarPickUp__description"> <div class="sidebarPickUp__title">グロースハックとは？プロダクトの成長に欠かせない考え方と進め方を解説！代表的なフレームワークも紹介</div> <time class="sidebarPickUp__time" datetime="2022-1-27">2022.1.27</time> </div> </a> </li> <li class="sidebarPickUp__item"> <a href="https://blog.nijibox.jp/article/website_flow/" class="sidebarPickUp__link" data-wpel-link="internal"> <div class="sidebarPickUp__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2021/09/MV_Webサイト制作の流れ-560x363.png" alt="NIJIBOXBLOG_PickUp" class="sidebarPickUp__imageSrc"> </div> <div class="sidebarPickUp__description"> <div class="sidebarPickUp__title">Webサイト制作の流れを詳しく解説！制作を依頼する際の注意点も紹介</div> <time class="sidebarPickUp__time" datetime="2021-9-28">2021.9.28</time> </div> </a> </li> <li class="sidebarPickUp__item"> <a href="https://blog.nijibox.jp/article/customer-journey-map/" class="sidebarPickUp__link" data-wpel-link="internal"> <div class="sidebarPickUp__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2020/08/cjm_mv-560x363.png" alt="NIJIBOXBLOG_PickUp" class="sidebarPickUp__imageSrc"> </div> <div class="sidebarPickUp__description"> <div class="sidebarPickUp__title">カスタマージャーニーマップとは？活用事例や作り方5ステップをやさしく解説！</div> <time class="sidebarPickUp__time" datetime="2020-8-3">2020.8.3</time> </div> </a> </li> <li class="sidebarPickUp__item"> <a href="https://blog.nijibox.jp/article/whats_ui/" class="sidebarPickUp__link" data-wpel-link="internal"> <div class="sidebarPickUp__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2019/10/MV_UIとは_画像調整-560x363.png" alt="NIJIBOXBLOG_PickUp" class="sidebarPickUp__imageSrc"> </div> <div class="sidebarPickUp__description"> <div class="sidebarPickUp__title">UI（ユーザーインターフェース）とは？UXとの関係性や改善ステップまで詳しく解説</div> <time class="sidebarPickUp__time" datetime="2019-10-11">2019.10.11</time> </div> </a> </li> <li class="sidebarPickUp__item"> <a href="https://blog.nijibox.jp/article/what_ux/" class="sidebarPickUp__link" data-wpel-link="internal"> <div class="sidebarPickUp__thumbnail"> <img src="https://blog.nijibox.jp/wp-content/uploads/2019/09/UXとは_緑-560x363.png" alt="NIJIBOXBLOG_PickUp" class="sidebarPickUp__imageSrc"> </div> <div class="sidebarPickUp__description"> <div class="sidebarPickUp__title">UX（ユーザーエクスペリエンス）とは？UIとの違いやUXの測定方法、具体事例まで詳しく解説！</div> <time class="sidebarPickUp__time" datetime="2019-9-27">2019.9.27</time> </div> </a> </li> </ul> </div> </aside> </div> </div> </div> <!-- 資料ダウンロード / お問い合わせ --> <div class="commonSidebar commonSidebar--single commonSidebar--sticky"> <div class="commonSidebar__content"> <aside class="sidebarContent"> <div class="sidebarContent__body"> <div class="sidebarBanner"> <a href="https://www.nijibox.jp/docs-dl?k3ad=blog_sidemenu" class="sidebarBanner__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"><img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/banner_documents.png" alt="無料ダウンロードはこちらから" class="sidebarBanner__image"></a> </div> <div class="sidebarContent__body"> <div class="sidebarBanner"> <a href="https://www.nijibox.jp/contact?k3ad=blog_side" class="sidebarBanner__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"><img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/banner_contact.png" alt="お問い合わせはこちらから" class="sidebarBanner__image"></a> </div> </div> </div> </aside> </div> </div> </div> </div><!-- mainContents --> </main><!-- blogMian --> <footer class="commonFooter"> <button type="button" data-js="smooth-anchor" class="commonFooter__anchorLink"><img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/icon_arrow.svg" alt="icon_arrow"></button> <section class="footerContact"> <div class="footerContact__inner"> <div class="footerContact__item footerContact__item-contact"> <p class="footerContact__title">CONTACT</p> <p class="footerContact__text">案件のご相談、セミナー、採用に関するご質問など、<br class="only-pc only-tablet">お気軽にお問い合わせください。</p> <a href="https://www.nijibox.jp/contact?k3ad=blog_footer" class="footerContact__link" data-wpel-link="external" rel="external noopener noreferrer"> <div class="footerContact__button"> <img alt="NIJIBOXBLOG_問い合わせ" src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/icon_mail_black.svg" class="footerContact__icon"> お問い合わせ </div> </a> </div> <div class="footerContact__item"> <p class="footerContact__title footerContact__title-download">DOWNLOAD</p> <p class="footerContact__text footerContact__text-download">各種サービスのご案内、お役立ち資料を<br class="only-pc only-tablet">公開しています。</p> <a href="https://www.nijibox.jp/docs-dl?k3ad=blog_footer" class="footerContact__link footerContact__link-download" data-wpel-link="external" rel="external noopener noreferrer"> <div class="footerContact__button"> <img alt="ニジボックス_資料ダウンロード" src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/icon_download_black.svg" class="footerContact__icon"> 資料ダウンロード </div> </a> </div> </div> </section> <section class="footerInfo"> <div class="footerInfo__inner"> <h2 class="footerInfo__head"> <img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/blog_logo.svg" alt="NIJIBOX BLOG" class="footerInfo__logo"> </h2> <div class="footerInfo__body"> <section class="footerInfo__subSection"> <div class="footerInfo__content footerInfo__content--category"> <h3 class="footerInfo__subHead">カテゴリー</h3> <div class="footerInfo__subBody"> <ul class="footerInfoLinkList"> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/%e3%82%b0%e3%83%ad%e3%83%bc%e3%82%b9/" class="footerInfoLinkList__link" data-wpel-link="internal">グロース</a> </li> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/uxdesign/" class="footerInfoLinkList__link" data-wpel-link="internal">UXデザイン</a> </li> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/uidesign/" class="footerInfoLinkList__link" data-wpel-link="internal">UIデザイン</a> </li> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/development/" class="footerInfoLinkList__link" data-wpel-link="internal">開発</a> </li> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/movie/" class="footerInfoLinkList__link" data-wpel-link="internal">動画制作</a> </li> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/illust/" class="footerInfoLinkList__link" data-wpel-link="internal">イラスト制作</a> </li> <li class="footerInfoLinkList__item"> <a href="https://blog.nijibox.jp/article_category/%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88/" class="footerInfoLinkList__link" data-wpel-link="internal">イベント</a> </li> </ul> </div> </div> <div class="footerInfo__content footerInfo__content--keyword"> <h3 class="footerInfo__subHead">キーワード</h3> <div class="footerInfo__subBody"> <ul class="footerInfoTagList"> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%84%e3%83%bc%e3%83%ab%e7%b4%b9%e4%bb%8b/" class="footerInfoTagList__link" data-wpel-link="internal">#ツール紹介</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%83%e3%83%88%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#マーケットイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#サービス</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%82%a2%e3%82%a4%e3%83%87%e3%82%a2/" class="footerInfoTagList__link" data-wpel-link="internal">#ビジネスアイデア</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%af%e3%82%a4%e3%83%a4%e3%83%bc%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0/" class="footerInfoTagList__link" data-wpel-link="internal">#ワイヤーフレーム</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%83%b3%e3%82%b1%e3%83%bc%e3%83%88%e8%aa%bf%e6%9f%bb/" class="footerInfoTagList__link" data-wpel-link="internal">#アンケート調査</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#Webデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/5g/" class="footerInfoTagList__link" data-wpel-link="internal">#5G</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e6%9c%ac/" class="footerInfoTagList__link" data-wpel-link="internal">#本</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%a9%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#インタラクションデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e7%a4%be%e5%86%85%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#社内イベント/プロジェクト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/react/" class="footerInfoTagList__link" data-wpel-link="internal">#React</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b0%e3%83%ad%e3%83%bc%e3%82%b9%e3%83%8f%e3%83%83%e3%82%af/" class="footerInfoTagList__link" data-wpel-link="internal">#グロースハック</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%97%e3%83%aa%e3%83%b3%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#デザインスプリント</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e4%ba%ba%e9%96%93%e4%b8%ad%e5%bf%83%e8%a8%ad%e8%a8%88/" class="footerInfoTagList__link" data-wpel-link="internal">#人間中心設計</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e6%b3%95%e5%89%87-%e3%83%ab%e3%83%bc%e3%83%ab/" class="footerInfoTagList__link" data-wpel-link="internal">#法則/ルール</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%88%e3%83%ac%e3%83%b3%e3%83%89/" class="footerInfoTagList__link" data-wpel-link="internal">#トレンド</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/lp/" class="footerInfoTagList__link" data-wpel-link="internal">#LP</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e8%a7%a3%e6%9e%90/" class="footerInfoTagList__link" data-wpel-link="internal">#アクセス解析</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%ab%e3%83%b3%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#デザインカンプ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e7%a4%be%e5%93%a1%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%93%e3%83%a5%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#社員インタビュー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/javascript/" class="footerInfoTagList__link" data-wpel-link="internal">#JavaScript</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%83%a2%e3%83%87%e3%83%ab%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%90%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#ビジネスモデルキャンバス</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%83%bc%e3%83%aa%e3%83%bc%e3%82%a2%e3%83%80%e3%83%97%e3%82%bf%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#アーリーアダプター</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%92%e3%83%a5%e3%83%bc%e3%83%aa%e3%82%b9%e3%83%86%e3%82%a3%e3%83%83%e3%82%af%e5%88%86%e6%9e%90/" class="footerInfoTagList__link" data-wpel-link="internal">#ヒューリスティック分析</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/" class="footerInfoTagList__link" data-wpel-link="internal">#アクセシビリティ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/web%e3%82%b5%e3%82%a4%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#Webサイト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%95%e3%82%a1%e3%83%bc%e3%82%b9%e3%83%88%e3%83%93%e3%83%a5%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#ファーストビュー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザビリティ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e4%ba%8b%e4%be%8b/" class="footerInfoTagList__link" data-wpel-link="internal">#事例</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#ビジネスセミナー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/css/" class="footerInfoTagList__link" data-wpel-link="internal">#CSS</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%90%e3%83%aa%e3%83%a5%e3%83%bc%e3%83%97%e3%83%ad%e3%83%9d%e3%82%b8%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%90%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#バリュープロポジションキャンバス</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%83%af%e3%83%bc%e3%82%af%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#オンラインワークショップ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%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/" class="footerInfoTagList__link" data-wpel-link="internal">#ランディングページ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%b3%e3%82%af%e3%83%ab%e3%83%bc%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#インクルーシブデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%83%8b%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#カスタマージャーニー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e3%82%b3%e3%83%94%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#キャッチコピー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/chatgpt/" class="footerInfoTagList__link" data-wpel-link="internal">#ChatGPT</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%b3%e3%83%95%e3%82%a9%e3%82%b0%e3%83%a9%e3%83%95%e3%82%a3%e3%83%83%e3%82%af/" class="footerInfoTagList__link" data-wpel-link="internal">#インフォグラフィック</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/lt/" class="footerInfoTagList__link" data-wpel-link="internal">#LT</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/cocoda/" class="footerInfoTagList__link" data-wpel-link="internal">#Cocoda!</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%83%b3%e3%82%be%e3%83%95%e3%81%ae%e6%88%90%e9%95%b7%e3%83%9e%e3%83%88%e3%83%aa%e3%82%af%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#アンゾフの成長マトリクス</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/sketch/" class="footerInfoTagList__link" data-wpel-link="internal">#Sketch</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux%e3%81%ae5%e6%ae%b5%e9%9a%8e%e3%83%a2%e3%83%87%e3%83%ab/" class="footerInfoTagList__link" data-wpel-link="internal">#UXの5段階モデル</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a1%e3%83%b3%e3%82%bf%e3%83%ab%e3%83%a2%e3%83%87%e3%83%ab/" class="footerInfoTagList__link" data-wpel-link="internal">#メンタルモデル</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#サービスデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%83%97%e3%83%aa%e9%96%8b%e7%99%ba/" class="footerInfoTagList__link" data-wpel-link="internal">#アプリ開発</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e7%94%9f%e6%88%90ai/" class="footerInfoTagList__link" data-wpel-link="internal">#生成AI</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/lpo/" class="footerInfoTagList__link" data-wpel-link="internal">#LPO</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e7%99%bb%e5%a3%87/" class="footerInfoTagList__link" data-wpel-link="internal">#登壇</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#UXデザイナー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%9a%e3%83%ab%e3%82%bd%e3%83%8a/" class="footerInfoTagList__link" data-wpel-link="internal">#ペルソナ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/dx/" class="footerInfoTagList__link" data-wpel-link="internal">#DX</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ab%e3%83%86%e3%82%b9%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#ABテスト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%ae%9a%e9%87%8f%e5%88%86%e6%9e%90/" class="footerInfoTagList__link" data-wpel-link="internal">#定量分析</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/btob/" class="footerInfoTagList__link" data-wpel-link="internal">#BtoB</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%83%97%e3%83%aa/" class="footerInfoTagList__link" data-wpel-link="internal">#アプリ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e7%ab%b6%e5%90%88%e8%aa%bf%e6%9f%bb/" class="footerInfoTagList__link" data-wpel-link="internal">#競合調査</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#レイアウト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/adobexd/" class="footerInfoTagList__link" data-wpel-link="internal">#AdobeXD</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/laravel/" class="footerInfoTagList__link" data-wpel-link="internal">#Laravel</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%90%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#リーンキャンバス</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%9e%e3%82%a4%e3%83%b3%e3%83%89%e3%83%9e%e3%83%83%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#マインドマップ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#レスポンシブWebデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%ae%9a%e6%80%a7%e5%88%86%e6%9e%90/" class="footerInfoTagList__link" data-wpel-link="internal">#定性分析</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ec%e3%82%b5%e3%82%a4%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#ECサイト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%9e%e3%83%8d%e3%82%bf%e3%82%a4%e3%82%ba/" class="footerInfoTagList__link" data-wpel-link="internal">#マネタイズ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/seo/" class="footerInfoTagList__link" data-wpel-link="internal">#SEO</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#デザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザーインターフェース</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%93%e3%83%a5%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザーインタビュー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%83%a2%e3%83%87%e3%83%ab/" class="footerInfoTagList__link" data-wpel-link="internal">#ビジネスモデル</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%83%8b%e3%83%bc%e3%83%9e%e3%83%83%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#カスタマージャーニーマップ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b5%e3%82%a4%e3%83%88%e3%83%9e%e3%83%83%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#サイトマップ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%b7%e3%83%8a%e3%83%aa%e3%82%aa/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザーシナリオ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#アイコン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b9%e3%83%9e%e3%83%9b%e3%82%a2%e3%83%97%e3%83%aa/" class="footerInfoTagList__link" data-wpel-link="internal">#スマホアプリ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%85%a5%e5%8a%9b%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/" class="footerInfoTagList__link" data-wpel-link="internal">#入力フォーム</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%ad%e3%82%b4/" class="footerInfoTagList__link" data-wpel-link="internal">#ロゴ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9a%e3%83%aa%e3%82%a8%e3%83%b3%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザーエクスペリエンス</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%88%86%e6%9e%90/" class="footerInfoTagList__link" data-wpel-link="internal">#分析</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b8%e3%83%a7%e3%83%96%e7%90%86%e8%ab%96/" class="footerInfoTagList__link" data-wpel-link="internal">#ジョブ理論</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%83%96%e3%83%ab%e3%83%bc%e3%83%97%e3%83%aa%e3%83%b3%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#サービスブループリント</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/kj%e6%b3%95/" class="footerInfoTagList__link" data-wpel-link="internal">#KJ法</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%92%e3%83%bc%e3%83%88%e3%83%9e%e3%83%83%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#ヒートマップ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/5a%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%83%8b%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#5Aカスタマージャーニー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%8b%e3%83%90%e3%83%bc%e3%82%b5%e3%83%ab%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#ユニバーサルデザインフォント</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e4%b8%80%e8%b2%ab%e6%80%a7/" class="footerInfoTagList__link" data-wpel-link="internal">#一貫性</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/cta/" class="footerInfoTagList__link" data-wpel-link="internal">#CTA</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e8%aa%bf%e6%9f%bb/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザー調査</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3%e3%83%86%e3%82%b9%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザビリティテスト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af/" class="footerInfoTagList__link" data-wpel-link="internal">#フレームワーク</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%85%b1%e6%84%9f%e3%83%9e%e3%83%83%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#共感マップ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%8b%e3%83%90%e3%83%bc%e3%82%b5%e3%83%ab%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#ユニバーサルデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e8%aa%8d%e7%9f%a5%e7%9a%84%e3%82%a6%e3%82%a9%e3%83%bc%e3%82%af%e3%82%b9%e3%83%ab%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#認知的ウォークスルー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%aa%e3%82%a6%e3%83%b3%e3%83%89%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2/" class="footerInfoTagList__link" data-wpel-link="internal">#オウンドメディア</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/web%e3%83%87%e3%82%a3%e3%83%ac%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#Webディレクション</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/" class="footerInfoTagList__link" data-wpel-link="internal">#リニューアル</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#ナビゲーション</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e7%99%bb%e5%a3%87/" class="footerInfoTagList__link" data-wpel-link="internal">#イベント登壇</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/cx/" class="footerInfoTagList__link" data-wpel-link="internal">#CX</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#イラスト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%88%b6%e4%bd%9c-%e9%96%8b%e7%99%ba/" class="footerInfoTagList__link" data-wpel-link="internal">#制作/開発</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/mvp/" class="footerInfoTagList__link" data-wpel-link="internal">#MVP</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%bf%e3%82%b0%e3%83%a9%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#タグライン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux/" class="footerInfoTagList__link" data-wpel-link="internal">#UX</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e3%83%88%e3%83%a9%e3%83%b3%e3%82%b9%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#デジタルトランスフォーメーション</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%83%86%e3%82%b9%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#ユーザーテスト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e9%a1%a7%e5%ae%a2%e9%96%8b%e7%99%ba%e3%83%a2%e3%83%87%e3%83%ab/" class="footerInfoTagList__link" data-wpel-link="internal">#顧客開発モデル</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/three-js/" class="footerInfoTagList__link" data-wpel-link="internal">#three.js</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%ac%e3%82%a4%e3%83%89%e3%83%a9%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#デザインガイドライン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%97%e3%83%ad%e3%83%88%e3%82%bf%e3%82%a4%e3%83%97/" class="footerInfoTagList__link" data-wpel-link="internal">#プロトタイプ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0/" class="footerInfoTagList__link" data-wpel-link="internal">#デザインシステム</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%8e%e3%83%bc%e3%82%b3%e3%83%bc%e3%83%89/" class="footerInfoTagList__link" data-wpel-link="internal">#ノーコード</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%9a%e3%83%ab%e3%82%bd%e3%83%8a%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/" class="footerInfoTagList__link" data-wpel-link="internal">#ペルソナマーケティング</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%83%a2%e3%83%87%e3%83%ab%e4%bf%af%e7%9e%b0%e5%9b%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#ビジネスモデル俯瞰図</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b9%e3%83%88%e3%83%bc%e3%83%aa%e3%83%bc%e3%83%9c%e3%83%bc%e3%83%89/" class="footerInfoTagList__link" data-wpel-link="internal">#ストーリーボード</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/uiux/" class="footerInfoTagList__link" data-wpel-link="internal">#UI UX</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%82%b5%e3%82%a4%e3%82%ba%e5%a4%89%e6%9b%b4/" class="footerInfoTagList__link" data-wpel-link="internal">#レスポンシブサイズ変更</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e6%8f%8f%e7%94%bb%e3%83%a2%e3%83%bc%e3%83%89/" class="footerInfoTagList__link" data-wpel-link="internal">#描画モード</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%8b%95%e7%94%bb%e5%9c%a7%e7%b8%ae/" class="footerInfoTagList__link" data-wpel-link="internal">#動画圧縮</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/zeplin/" class="footerInfoTagList__link" data-wpel-link="internal">#Zeplin</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#インサイト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%a0%e3%83%bc%e3%83%89%e3%83%9c%e3%83%bc%e3%83%89/" class="footerInfoTagList__link" data-wpel-link="internal">#ムードボード</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%bf%83%e7%90%86%e5%ad%a6/" class="footerInfoTagList__link" data-wpel-link="internal">#心理学</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/photoshop/" class="footerInfoTagList__link" data-wpel-link="internal">#Photoshop</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%af%e3%83%aa%e3%83%86%e3%82%a3%e3%82%ab%e3%83%ab%e3%82%b7%e3%83%b3%e3%82%ad%e3%83%b3%e3%82%b0/" class="footerInfoTagList__link" data-wpel-link="internal">#クリティカルシンキング</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/web%e5%88%b6%e4%bd%9c/" class="footerInfoTagList__link" data-wpel-link="internal">#Web制作</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e6%80%9d%e8%80%83/" class="footerInfoTagList__link" data-wpel-link="internal">#デザイン思考</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%bc%e3%82%b8%e3%83%b3%e3%82%b0/" class="footerInfoTagList__link" data-wpel-link="internal">#イージング</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ui%e6%94%b9%e5%96%84/" class="footerInfoTagList__link" data-wpel-link="internal">#UI改善</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux%e3%83%aa%e3%82%b5%e3%83%bc%e3%83%81/" class="footerInfoTagList__link" data-wpel-link="internal">#UXリサーチ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/nps/" class="footerInfoTagList__link" data-wpel-link="internal">#NPS</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%8f%82%e8%80%83/" class="footerInfoTagList__link" data-wpel-link="internal">#参考</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/web3-0/" class="footerInfoTagList__link" data-wpel-link="internal">#Web3.0</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%ab%e3%83%83%e3%83%88%e3%82%ad%e3%83%bc/" class="footerInfoTagList__link" data-wpel-link="internal">#ショートカットキー</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e5%a4%9a%e5%a4%89%e9%87%8f%e3%83%86%e3%82%b9%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#多変量テスト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e3%83%ac%e3%83%9d%e3%83%bc%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#イベントレポート</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e6%96%b0%e8%a6%8f%e4%ba%8b%e6%a5%ad/" class="footerInfoTagList__link" data-wpel-link="internal">#新規事業</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%91%e3%83%bc%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#パース</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/spine/" class="footerInfoTagList__link" data-wpel-link="internal">#spine</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#UXデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/cvr/" class="footerInfoTagList__link" data-wpel-link="internal">#CVR</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ui/" class="footerInfoTagList__link" data-wpel-link="internal">#UI</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/btob%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/" class="footerInfoTagList__link" data-wpel-link="internal">#BtoBマーケティング</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/gif/" class="footerInfoTagList__link" data-wpel-link="internal">#gif</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux%e6%94%b9%e5%96%84/" class="footerInfoTagList__link" data-wpel-link="internal">#UX改善</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/" class="footerInfoTagList__link" data-wpel-link="internal">#お知らせ</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%97%e3%83%ad%e3%83%80%e3%82%af%e3%83%88%e3%82%a2%e3%82%a6%e3%83%88/" class="footerInfoTagList__link" data-wpel-link="internal">#プロダクトアウト</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ux%e3%83%a9%e3%82%a4%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/" class="footerInfoTagList__link" data-wpel-link="internal">#UXライティング</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%87%e3%82%a3%e3%83%ac%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#ディレクション</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ooui/" class="footerInfoTagList__link" data-wpel-link="internal">#OOUI</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%82%b0%e3%83%ad%e3%83%bc%e3%82%b9/" class="footerInfoTagList__link" data-wpel-link="internal">#サービスグロース</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/ui%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#UIデザイン</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/btoc/" class="footerInfoTagList__link" data-wpel-link="internal">#BtoC</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/figma/" class="footerInfoTagList__link" data-wpel-link="internal">#Figma</a> </li> <li class="footerInfoTagList__item"> <a href="https://blog.nijibox.jp/article_tag/%e3%83%90%e3%83%aa%e3%83%a5%e3%83%bc%e3%83%81%e3%82%a7%e3%83%bc%e3%83%b3/" class="footerInfoTagList__link" data-wpel-link="internal">#バリューチェーン</a> </li> </ul> </div> </div> </section> <section class="footerInfo__subSection footerInfo__subSection--company"> <div class="footerInfo__content footerInfo__content--company"> <h3 class="footerInfo__subHead">運営会社（株式会社ニジボックス）</h3> <div class="footerInfo__subBody"> <ul class="footerInfoLinkList footerInfoLinkList--small"> <li class="footerInfoLinkList__item"> <a href="https://www.nijibox.jp/about" class="footerInfoLinkList__link footerInfoLinkList__link--fontEng" data-wpel-link="external" rel="external noopener noreferrer">About</a> </li> <li class="footerInfoLinkList__item"> <a href="https://nijibox-recruit.jp/" class="footerInfoLinkList__link footerInfoLinkList__link--fontEng" data-wpel-link="external" rel="external noopener noreferrer">Recruit</a> </li> <li class="footerInfoLinkList__item"> <a href="https://www.nijibox.jp/service" class="footerInfoLinkList__link footerInfoLinkList__link--fontEng" data-wpel-link="external" rel="external noopener noreferrer">Services</a> </li> <li class="footerInfoLinkList__item"> <a href="https://www.nijibox.jp/contact?k3ad=blog_footer" class="footerInfoLinkList__link footerInfoLinkList__link--fontEng" data-wpel-link="external" rel="external noopener noreferrer">Contact</a> </li> </ul> <ul class="footerInfo__snsList"> <li class="footerInfo__snsItem"> <a href="https://www.facebook.com/nijibox/" class="footerInfo__facebookLink" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"> <img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/icon_facebook.svg?ver=20240130" alt="facebook" class="footerInfo__icon"> </a> </li> <li class="footerInfo__snsItem"> <a href="https://twitter.com/nijibox_jp?lang=ja" class="footerInfo__xLink" target="_blank" rel="noopener external noreferrer" data-wpel-link="external"> <img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/icon_x.svg?ver=20240130" alt="x" class="footerInfo__icon"> </a> </li> </ul> <section class="footerInfo__companyInfo"> <div class="companyInfo"> <h4 class="companyInfo__header"> <a href="https://www.nijibox.jp/" data-wpel-link="external" rel="external noopener noreferrer"><img src="https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/images/nijibox_logo.svg" alt="NIJIBOX"></a> </h4> <div class="companyInfo__body"> <p class="companyInfo__address"> 〒104-0061<br> 東京都中央区銀座7丁目3-5 ヒューリック銀座7丁目ビル 4階 <a href="https://goo.gl/maps/qMVDfwniRbSMVuq28" class="companyInfo__link" target="_blank" rel="noopener external noreferrer" data-wpel-link="external">Google Maps</a> </p> </div> </div> </section> </div> </div> </section> </div> <div class="privacyPolicy"> <div class="privacyPolicy__inner"> <a href="https://cdn.p.recruit.co.jp/terms/njb-t-1001/index.html" class="privacyPolicy__link" target="_blank" data-wpel-link="external" rel="external noopener noreferrer">プライバシーポリシー</a> <a href="https://www.recruit.co.jp/privacy/personaldata/" class="privacyPolicy__personal-data" target="_blank" data-wpel-link="external" rel="external noopener noreferrer">パーソナルデータ指針</a> </div> <p class="privacyPolicy__text">©NIJIBOX CO.,LTD ALL RIGHTS RESERVED</p> </div> </div> </section> </footer> <!-- webビーコン --> <script type="text/javascript">var Kairos3Tracker="nijibox";</script><script type="text/javascript" charset="utf-8" src="//c.k3r.jp"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZT4R23" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --><script type='text/javascript' src='https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?ver=20240130' id='run_prettify-js'></script> <script type='text/javascript' src='https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/js/vendor.bundle.js?ver=20240130' id='vendor-script-js'></script> <script type='text/javascript' src='https://blog.nijibox.jp/wp-content/themes/blog-2019/assets/js/common.bundle.js?ver=20240130' id='common-script-js'></script> <script type='text/javascript' src='https://blog.nijibox.jp/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=2.2.0' id='jquery-smooth-scroll-js'></script> <script type='text/javascript' src='https://blog.nijibox.jp/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1' id='js-cookie-js'></script> <script type='text/javascript' src='https://blog.nijibox.jp/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"1","width":"auto","scroll_offset":"30"}; /* ]]> */ </script> <script type='text/javascript' src='https://blog.nijibox.jp/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.31.1-1660810672' id='ez-toc-js-js'></script> </body> </html>