thumbnail_job_programmer.png

job_programmer.png

新しい機能実装時の設計ポイント

<p><H2>RPAについてその２</H2><br />
<H3>RPAとはRobotic Process Automationの略</H3><br />
<H4>事務作業を担うホワイトワーカーがPCなどを用いて行っている一連の作業を自動化できる「ソフトウェアロボット」のこと。簡単にいうとPC作業の自動化のこと。<br />
これにより主に人間が行う作業の工数削減ができる。<br />
３年前は流行り出した程度だったが、現在は多くの企業が導入しているようである。</H4></p>
<p><H3>RPAといっても何を指すかは様々</H3><br />
海外のメジャーな製品でいうとUiPathというツールだったり、国産だとWinActorというツールがある。VBAをRPAということもある。<br />
PythonのライブラリでPyAutoGuiというライブラリを使ってキーボード、マウス操作をさせることをRPAということもある。</p>
<p><H3>ライセンス料金</H3><br />
UiPath：「UiPath Studio」（開発が可能）：年間約60万円<br />
WinActor：フル機能版（開発と実行が可能）：年間約90万円</p>
<p><H3>RPAの長所と短所</H3><br />
<H4>【長所】<br />
・導入するにあたりシステム改修する必要がない<br />
・一度学習させてしまえば正確に作業を実施できる<br />
・人間に比べ、作業スピードが圧倒的に速い<br />
・ヒューマンエラーがない<br />
・24時間365日、休まず働き続けることができる</H4><br />
<H4>【短所】<br />
・アクシデントや例外処理に弱い。遭遇した際には、作業が止まる<br />
・あらかじめ命令されたことしかできない（判断できない）<br />
・複雑なことを実施させるためには、タスク分解された多工程の命令を与えなければならない</H4></p>
<p><H3>導入事例</H3><br />
・三菱UFJファイナンシャルグループ(MUFG)：約20業務で合計2万時間の作業を自動化<br />
・楽天カード：RPA活用で従来の1/4に業務時間を短縮。<br />
・サッポロビール：年間約5700時間の労働時間削減。</p>
<p><H3>最後に自動化(エクセルファイルから管理システムへのコピー)の例</H3><br />
<iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/_XDEijqCDx0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>


RPAについてその２

<p>プログラミングといえばひたすらテキストのコードを繋げていくようなイメージで、実際フロントエンドのプログラミングはHTML、CSS、JavaScriptどれをとってもテキストエディタを中心としたコードを繋げる作業が中心になります。</p>
<p>しかしながら、ここ数年、コードを使わずにプログラムするツールが少しずつ実用レベルで誕生してきているようです。</p>
<p><a class="link" href="https://note.com/__shinji__/n/nde03573dc3a4" target="_blank" rel="noopener noreferrer">2030年 「エンジニアです。コードは書けません。」｜__shinji__｜note</a></p>
<p>↑こちらの記事で私はその存在を知りました。</p>
<p>こちらの記事でノーコード・プログラミングツールの１つとして紹介されていたのが、「<a href="https://bubble.io/" target="_blank" rel="noopener noreferrer">Bubble</a>」です。</p>
<p>XDやFigmaのようなデザインツールのような見た目で、コードを打つことなくデザインからプログラムまで完成させることができてしまいます。</p>
<p>今回は自分もこの「Bubble」によるノーコード・プログラミングというものを経験することにしてみました。</p>
<p>無料の会員登録を済ませると、さっそくLessonが始まります。<br />
Lesson 3 まではインプットフォームを使ったデータの保存方法や編集方法など、<br />
HTML、CSS、JavaScriptだったらそれなりに時間がかかるものがすんなりとできてしまうことがわかります。</p>
<p>とはいえ、プログラムはプログラム。何も考えずにできてしまうというものではなく、何をどうすれば目的の結果になるかというプログラムとしての頭をしっかり使わなければ完成させられないというのも、このLessonで学ばされます。</p>
<p>Lesson 4 では スライダーの Slick を使ったスライドショーの作り方でした。<br />
SlickはWEBページでのスライダーとしてよく使いますので、<br />
このLessonで試してみて、今後の広がりを感じざるを得ませんでしたので、少しご紹介いたします。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-4626" src="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-1lesson_ref2-1024x576.png" alt="Bubble Lesson 4 Start" width="1024" height="576" srcset="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-1lesson_ref2-1024x576.png 1024w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-1lesson_ref2-300x169.png 300w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-1lesson_ref2-768x432.png 768w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-1lesson_ref2-600x338.png 600w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-1lesson_ref2.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>UIはこのようなデザインツールを感じさせるレイアウトです。<br />
左に様々なツールが並び、それを選んで右エリアにツールをドラッグアンドドロップでレイアウトしていくような感じですね。</p>
<p><img loading="lazy" class="aligncenter wp-image-4625 size-large" src="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1024x576.png" alt="Bubble Slick Slideshow のインストール" width="1024" height="576" srcset="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1024x576.png 1024w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-300x169.png 300w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-768x432.png 768w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-600x338.png 600w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>まずはSlickのインストール。プラグインの追加でSlickをインストールします。WordPressやChromeなどのプラグインの感覚と同じですね。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-4627" src="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1-1024x530.png" alt="" width="1024" height="530" srcset="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1-1024x530.png 1024w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1-300x155.png 300w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1-768x397.png 768w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1-600x310.png 600w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-1.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>ドラッグアンドドロップでスライダーを配置すると、プロパティのパネルのようなものがでてきます。<br />
スライドの画像を必要なだけアップします。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-4628" src="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-2-1024x530.png" alt="" width="1024" height="530" srcset="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-2-1024x530.png 1024w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-2-300x155.png 300w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-2-768x397.png 768w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-2-600x310.png 600w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-2.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>アニメーションの調整もこのパネルで行なえます。JavaScriptであればJSONのような形式でマニュアルを探しながら設定していくので、パネルでの設定は直感的で調べ物もしなくていいのでとても楽です。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-4629" src="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-3-1024x530.png" alt="" width="1024" height="530" srcset="/uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-3-1024x530.png 1024w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-3-300x155.png 300w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-3-768x397.png 768w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-3-600x310.png 600w, /uploads-archive/lc/2020/07/bubble.io_page_typepagenameindexidlearntabtabs-5lesson_ref2-3.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>見た目の調整もパネルで簡単にできます。<br />
CSSなら場所を探したり、時間がかかることもありますが、パネルならホント楽です。</p>
<p><img loading="lazy" class="aligncenter size-large wp-image-4630" src="/uploads-archive/lc/2020/07/learn.bubbleapps.io_version-p_1593667690145x858675592378884200_debug_modetrue-1024x576.png" alt="" width="1024" height="576" srcset="/uploads-archive/lc/2020/07/learn.bubbleapps.io_version-p_1593667690145x858675592378884200_debug_modetrue-1024x576.png 1024w, /uploads-archive/lc/2020/07/learn.bubbleapps.io_version-p_1593667690145x858675592378884200_debug_modetrue-300x169.png 300w, /uploads-archive/lc/2020/07/learn.bubbleapps.io_version-p_1593667690145x858675592378884200_debug_modetrue-768x432.png 768w, /uploads-archive/lc/2020/07/learn.bubbleapps.io_version-p_1593667690145x858675592378884200_debug_modetrue-600x338.png 600w, /uploads-archive/lc/2020/07/learn.bubbleapps.io_version-p_1593667690145x858675592378884200_debug_modetrue.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>作成したアプリはプレビューですぐに確認できます。</p>
<p>コーディングでサイト作成しているのが馬鹿らしく感じてしまうくらい、GUIによるプログラミングの合理性をとても感じました。</p>
<p>レスポンシブにも対応可能とのことで、実用としての可能性を大きく感じます。</p>
<p>簡単なことはツールで、コアなことはコードでというように、どんどん2分化していきそうですね</p>
<h2>参考にさせていただいたサイト</h2>
<p><a class="link" href="https://note.com/__shinji__/n/nde03573dc3a4" target="_blank" rel="noopener noreferrer">2030年 「エンジニアです。コードは書けません。」｜__shinji__｜note</a></p>


コードの知識は不要になる？ノーコードプログラミングツールのBubbleを使ってみた

<h2>はじめに</h2>
<p>世の中に存在するあらゆるビジネスは「問題解決」だと言うことができます。<br />
相手の困りごと、すなわち「問題」を「解決」して、報酬をいただくことがビジネスの根幹だからです。<br />
この場合における「相手」は顧客に限らず、上司であることもあります。<br />
「問題をどれだけ上手に解決できたか」が、ビジネスの成果であり、会社や個人の評価や対価に繋がります。</p>
<p><a href="https://www.amazon.co.jp/dp/B072JFW4BK/?tag=aqajp-22" target="_blank"><img decoding="async" src="https://m.media-amazon.com/images/I/51Zn1QccCVL._SL200_.jpg" alt="誰も教えてくれない 問題解決スキル" style="border: none" /></a><br /><a href="https://www.amazon.co.jp/dp/B072JFW4BK/?tag=aqajp-22" target="_blank">誰も教えてくれない 問題解決スキル</a></p>
<p>今回はいかなるビジネスでも必要になる「問題解決能力」を養うべく読んだ本、<br />
『誰も教えてくれない 問題解決スキル』の紹介です。<br />
著者は<a href="http://blog.processdesignagent.jp/?page_id=2" target="_blank" rel="noopener">株式会社プロセスデザインエージェント代表取締役、芝本秀徳さん</a>です。</p>
<h2>問題解決の基本</h2>
<h3>そもそも「問題」とはなにか</h3>
<p>「問題」という言葉の意味合いについては、本書の序盤で以下のように定義されています。</p>
<blockquote><p>問題とは「『現状（As is）』と『あるべき姿（To Be）』とのギャップ」のことをいいます。<br />
「問題とはギャップである」と、まず覚えてください。<br />
問題は「現状」と「あるべき姿」の両方があって初めて存在します。<br />
つまり、「現状」と「あるべき姿」との関係性が生み出すもの、それが問題です。</p></blockquote>
<p>問題の定義が定まったところで重要になってくるのが、以下の２点です。一つずつ解説します。</p>
<h4>・どうやって問題を捉えるか</h4>
<p>まず「問題そのものを見つけ出そう」という姿勢では行き詰ってしまいがちです。<br />
そこで前述の通り、<strong>「問題とは「現状」と「あるべき姿」のギャップ」</strong>として考えてみます。<br />
そうすると、まず最初にすべきことは<strong>「現状認識」</strong>であることが自ずと分かってきます。</p>
<p>多くの人は描きやすい<strong>「あるべき姿」</strong>ばかりを重視してしまいますが、これは誤りです。<br />
最も重要かつ大変なのは既に当たり前になってしまっている<strong>「現状」の見える化</strong>です。<br />
現状が理解できていなければ、必然的にあるべき姿も分からなくなってしまいます。<br />
<strong>「現状理解」なしに問題意識が生まれることはありえない</strong>、と理解しましょう。</p>
<h4>・どの視座／スパンで問題を捉えるか</h4>
<p>前項を参考にして、一旦「現状認識」が完了できたとしましょう。<br />
しかしその「現状」を認識した上で「これは問題である」と捉える人とそうでない人が出てきます。<br />
これは何故でしょうか？それは「あるべき姿」が人によって異なってくるからです。<br />
例え「現状認識」は一緒であっても、「あるべき姿」が違えば「問題」も違ってきます。<br />
この違いが何故生まれてくるのかというと、人によって「視座／スパン」が違うからです。<br />
ここで言う「視座」とはどの抽象度から見るか、「スパン」とはどれくらい先を見通しているか、です。<br />
一般的な企業であれば、大雑把にまとめても以下のような構造になっていることが多いかと思います。</p>
<ul>
<li>企業としてのビジョンや全社戦略を常に意識している社長・経営層</li>
<li>「ビジョンや全社戦略」を事業戦略や業務計画としてまとめる管理職層</li>
<li>作業レベルに落とし込まれた「事業戦略や業務計画」を実務で対応する一般社員層</li>
</ul>
<p>数ヶ月・数年スパンで企業としての行く末を見据えている社長・経営層と、<br />
一週間・一日・一時間スパンで実務としての作業に終われている一般職層では、<br />
当然ながら、「視座」や「スパン」が全くと言って良いほど異なってきます。<br />
現場レベルでは深刻な問題として認識されている事象でも、社長・経営層は大した問題と捉えていない、<br />
と言った事態この「視座」と「スパン」の違いによって生まれてくるものなのです。<br />
この点はともすると忘れがちなので、問題解決に取り組む際には常に意識するよう心掛けていきましょう。</p>
<h2>まとめ・所感</h2>
<p>自分自身の経験に照らし合わせても、問題の捉え方に関してはかなり納得のいくものでした。<br />
現状認識をせずに耳障りの良い目標を闇雲に掲げてしまうことがいかに危険かを再認識できました。<br />
個人やチーム単位で現状認識を行うことを常に意識していくことが問題解決の第一歩かと思います。</p>


medium_book_hirameki_keihatsu_man-768x762.png

small_book_hirameki_keihatsu_man-768x762.png

thumbnail_book_hirameki_keihatsu_man-768x762.png

book_hirameki_keihatsu_man-768x762.png

【書評】誰も教えてくれない 問題解決スキル

<h2>はじめに</h2>
<p>大陸ごとの大きい決済トレンドを見るシリーズ第三弾、今回はEMEAをご紹介します。</p>
<div class="page" title="Page 14">
<div class="section">
<div class="layoutArea">
<div class="column">
<p>EMEAという聞き慣れない名称ですが、Europe、the Middle East、Africaの頭文字をとった略語で、<strong>ヨーロッパ、中東、アフリカを一括りにした地域を指します</strong>。</p>
<p><img loading="lazy" class="aligncenter wp-image-4559 size-large" src="/uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_-1024x526.png" alt="" width="1024" height="526" srcset="/uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_-1024x526.png 1024w, /uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_-300x154.png 300w, /uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_-768x394.png 768w, /uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_-600x308.png 600w, /uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_-1536x789.png 1536w, /uploads-archive/lc/2020/06/1920px-EMEA_region_worldmap.svg_.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
</div>
</div>
</div>
</div>
<p>上図の通り、非常に広範囲で経済格差も大きいですが、インドからオセアニアを含むアジア地域をAPACと呼称するように世界を大別した時に、用いられる区分として今回はご紹介します。</p>
<h2>主な決済手段</h2>
<h3>対面式の主な決済手段</h3>
<p>現金支払いがシェアでは一番ですが、大きな特徴としては<strong>デビットカードの利用率の高さ</strong>が挙げられます。</p>
<p>クレジットカードが7%という数字に対して大きく乖離があり、2020年の予測に対しても、クレジットカードが4％増に留まるのに対し、デビットカードは8％増の44％まで上昇しており、約半分の決済がデビットカードということになります。おかげで電子決済も8％の普及に留まる見込みです。</p>
<p>大きな括りのため見えないのですが、このデビットカードはデンマーク、オランダ、ノルウェーと北欧地域で非常に好まれて使用されています。</p>
<p>&nbsp;</p>
<p><div class="visualizer-front-container" id="chart_wrapper_visualizer-4604-1910982875"><style type="text/css" name="visualizer-custom-css" id="customcss-visualizer-4604">.locker,.locker-loader{position:absolute;top:0;left:0;width:100%;height:100%}.locker{z-index:1000;opacity:.8;background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.locker-loader{z-index:1001;background:url(https://launchcart.jp/admin/wp-content/plugins/visualizer/images/ajax-loader.gif) no-repeat center center}.dt-button{display:none!important}.visualizer-front-container.visualizer-lazy-render{content-visibility: auto;}.google-visualization-controls-categoryfilter label.google-visualization-controls-label {vertical-align: middle;}.google-visualization-controls-categoryfilter li.goog-inline-block {margin: 0 0.2em;}.google-visualization-controls-categoryfilter li {padding: 0 0.2em;}.visualizer-front-container .dataTables_scrollHeadInner{margin: 0 auto;}</style><div id="visualizer-4604-1910982875" class="visualizer-front  visualizer-front-4604"></div></div> <div class="visualizer-front-container" id="chart_wrapper_visualizer-4608-2021162905"><style type="text/css" name="visualizer-custom-css" id="customcss-visualizer-4608">.locker,.locker-loader{position:absolute;top:0;left:0;width:100%;height:100%}.locker{z-index:1000;opacity:.8;background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.locker-loader{z-index:1001;background:url(https://launchcart.jp/admin/wp-content/plugins/visualizer/images/ajax-loader.gif) no-repeat center center}.dt-button{display:none!important}.visualizer-front-container.visualizer-lazy-render{content-visibility: auto;}.google-visualization-controls-categoryfilter label.google-visualization-controls-label {vertical-align: middle;}.google-visualization-controls-categoryfilter li.goog-inline-block {margin: 0 0.2em;}.google-visualization-controls-categoryfilter li {padding: 0 0.2em;}.visualizer-front-container .dataTables_scrollHeadInner{margin: 0 auto;}</style><div id="visualizer-4608-2021162905" class="visualizer-front  visualizer-front-4608"></div></div></p>
<p>《出典》<a href="https://www.worldpay.com/ja-jp/index" target="_blank" rel="noopener noreferrer">Worldpay</a></p>
<h3>Eコマースの決済手段</h3>
<p>オンラインでは、2018年時点で電子決済のシェアが一番となっています。</p>
<p>まだ現金主義のアジア、クレジットカード発祥の北アメリカ、ラテンアメリカとも異なる発展を遂げています。</p>
<p>2020年予測でもその流れは変わらず、<strong>クレジットカード、デビットカードのシェアがそのまま電子決済に移行する予測となっています</strong>。</p>
<p>&nbsp;</p>
<p><div class="visualizer-front-container" id="chart_wrapper_visualizer-4610-2119027375"><style type="text/css" name="visualizer-custom-css" id="customcss-visualizer-4610">.locker,.locker-loader{position:absolute;top:0;left:0;width:100%;height:100%}.locker{z-index:1000;opacity:.8;background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.locker-loader{z-index:1001;background:url(https://launchcart.jp/admin/wp-content/plugins/visualizer/images/ajax-loader.gif) no-repeat center center}.dt-button{display:none!important}.visualizer-front-container.visualizer-lazy-render{content-visibility: auto;}.google-visualization-controls-categoryfilter label.google-visualization-controls-label {vertical-align: middle;}.google-visualization-controls-categoryfilter li.goog-inline-block {margin: 0 0.2em;}.google-visualization-controls-categoryfilter li {padding: 0 0.2em;}.visualizer-front-container .dataTables_scrollHeadInner{margin: 0 auto;}</style><div id="visualizer-4610-2119027375" class="visualizer-front  visualizer-front-4610"></div></div> <div class="visualizer-front-container" id="chart_wrapper_visualizer-4612-731722341"><style type="text/css" name="visualizer-custom-css" id="customcss-visualizer-4612">.locker,.locker-loader{position:absolute;top:0;left:0;width:100%;height:100%}.locker{z-index:1000;opacity:.8;background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.locker-loader{z-index:1001;background:url(https://launchcart.jp/admin/wp-content/plugins/visualizer/images/ajax-loader.gif) no-repeat center center}.dt-button{display:none!important}.visualizer-front-container.visualizer-lazy-render{content-visibility: auto;}.google-visualization-controls-categoryfilter label.google-visualization-controls-label {vertical-align: middle;}.google-visualization-controls-categoryfilter li.goog-inline-block {margin: 0 0.2em;}.google-visualization-controls-categoryfilter li {padding: 0 0.2em;}.visualizer-front-container .dataTables_scrollHeadInner{margin: 0 auto;}</style><div id="visualizer-4612-731722341" class="visualizer-front  visualizer-front-4612"></div></div></p>
<p>《出典》<a href="https://www.worldpay.com/ja-jp/index" target="_blank" rel="noopener noreferrer">Worldpay</a></p>
<p>&nbsp;</p>
<p><img loading="lazy" class="alignnone size-full wp-image-4614" src="/uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-scaled.jpg" alt="" width="2560" height="1440" srcset="/uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-scaled.jpg 2560w, /uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-300x169.jpg 300w, /uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-1024x576.jpg 1024w, /uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-768x432.jpg 768w, /uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-600x338.jpg 600w, /uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-1536x864.jpg 1536w, /uploads-archive/lc/2020/06/paul-felberbauer-idNOBU5k_80-unsplash-2048x1152.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></p>
<h2>まとめ</h2>
<p>デビットカードが非常に強いということが鮮明なEMEAでした。クレジットカード発祥のアメリカとは違い、もっともっと歴史の長いヨーロッパが銀行ベースの決済を好んできた歴史を垣間見ることが出来ました。</p>
<p>越境ECにおいては、日本のカルチャー（コミック、アニメ）といった商品の人気はありますが、生活用品等は送料などのあらゆるコストにおいて、日本からの直送に優位性がありません。むしろ、今後ヨーロッパの中小メーカーがアジア進出を目論見、アジア向けの越境ECを仕掛けてくることが予想されます。</p>
<p>《参考》<a href="https://www.fsa.go.jp/singi/singi_kinyu/financial_system/siryou/20161028/01.pdf" target="_blank" rel="noopener noreferrer">決済に関する中間的業者に係る欧米における制度面での対応等</a></p>

各国の決済事情シリーズ</br>「EMEAの決済事情を網羅」

<h2>はじめに</h2>
<p>スターフィールド株式会社では、新卒社員に本試験を取得することを課題として出されており、インターン時に３級を、初年度で２級と１級を取ることを厳命されています。</p>
<p>インターン中に3級と2級を取得していたので、今回1級の受験となり、無事に合格しました。</p>
<p>
<img decoding="async" loading="lazy" src="/uploads-archive/2020/06/IMG_0083.jpg" alt="" width="1200" height="858" class="alignnone size-full wp-image-16366" srcset="/uploads-archive/2020/06/IMG_0083.jpg 1200w, /uploads-archive/2020/06/IMG_0083-300x215.jpg 300w, /uploads-archive/2020/06/IMG_0083-768x549.jpg 768w, /uploads-archive/2020/06/IMG_0083-1024x732.jpg 1024w, /uploads-archive/2020/06/IMG_0083-228x163.jpg 228w" sizes="(max-width: 1200px) 100vw, 1200px" /><br />
<P>今回は、通販エキスパート検定1級がどの様なものなのか、受験してみた所感をお伝えします。</p>
<h2>通販エキスパート検定とは</h2>
<h3>通販エキスパート検定とは</h3>
<p>通販エキスパート検定は、一般社団法人 通販エキスパート協会が主催する検定です。<br />
内容について、公式HPでは、以下のように紹介されています。</p>
<blockquote><p>
通信販売事業の各ステージに合わせた業務知識、関連法規、マネジメント力を身に付け、<br />
ダイレクトマーケティングのスペシャリストを目指すための資格です。</p></blockquote>
<p>《出典》<a href="http://tsuhan-exa.org/" rel="noopener" target="_blank">通販エキスパート検定</a></p>
<p>今回受験した1級の主な受験対象は、</p>
<ul>
・通販企業のマネージャークラスの方<br />
・通販企業の経営戦略に携わる方<br />
・通販コンサルタント　など</ul>
<p>となっており、いわゆるミドルマネジメント層向けの内容になっています。</p>
<h3>1級の特徴</h3>
<p>1級の主な内容は、「製品中心主義」から「顧客中心主義」へのシフトが必要ということです。</p>
<p>それに伴って、RFMからLTVやCE（顧客資産価値）をKPIの基準にすること、マーケティングと財務を融合した指標基準が必要であることが紐づいています。</p>
<p>1～3級までそれぞれテキストがあるのですが、抽象的な内容が多い1級が一番薄くなっています。</p>
<p>2級の問題は、5種類（愚問、基本問、良問、難問、奇問）に分かれていましたが、1級は愚問と、奇問がなくなった印象です。割合は以下の通りです。</p>
<h4>基本問　60%</h4>
<p>マーケティングの基本的な知識、テキストの内容を理解していれば正解できるような内容です。テキストの主張が理解出来ていれば難なく回答出来ます。個人的な感覚では、基本問は60％なので、もしかしたら全く勉強しなくても合格出来てしまうかもしれません。<br />
例）　SWOT分析の対象として不適切なものを選べ。→Organization（組織）<br />
例）　ビッグデータ時代の新たな顧客データ収集範囲として不適切なものを選べ。→顧客との取引データ</p>
<h4>良問　　35%</h4>
<p>テキストの内容を組み合わせた引っ掛け問題の類がここに分類されます。似た概念は2～3ずつしか出て来ないので、ここも問題なく回答出来ると思います。<br />
例）　RFMの組み合わせとその特性について不適切なものを選べ。→<br />
　　　RFMのそれぞれの値を、上位から20%づつ5つのグループに分けてかっくグループのDM反応率を<br />
　　　見ると、R以上に「F」がDM反応率との相関関係があることが分かる（RとFが逆）<br />
例）　データ・ドリブン・マーケティングと従来のデータベース・マーケティングとの違いについて不適切なものを選べ。→<br />
　　　一人ひとりの顧客との取引データのような、日々膨大に生成されるビックデータの効果的活用<br />
　　（取引データは従来のデータベース・マーケティングの管轄）</p>
<h4>難問　　5%</h4>
<p>テキストで触れられていたか微妙な内容です。2級に比べると突拍子の無さは感じないので、難問と言えど全く解けないレベルではないです。</p>
<h2>まとめ</h2>
<p>1級は、一貫して主張が同じなので難易度的には簡単でした。インターン時代から含めると5つ目の検定/試験だったのですが、一番簡単だった印象です。</p>
<p><P>また、顧客中心主義の流れはモール展開から独自サイト展開に結びつくものがあり、昨今のインバウンド市場の縮小も踏まえると、越境ECの需要が増すことを改めて確信しました。</p>
<p>支援業者の皆さんも（取得済みの方が多いかとは思いますが）、是非受験してみてください。</p>
<p><iframe loading="lazy" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=df0&#038;ref_=k4w_oembed_cuu7n1nHc7fx2F&#038;asin=4991097908&#038;tag=jpgo-22"></iframe></p>


入社2か月で通販エキスパート検定1級に合格しました！

<h2>はじめに</h2>
<p>社内制度のOKRを活用して、インサイドセールスのフロー構築に役に立ちそうな書籍を5冊購入してもらいました。そのアウトプットとして書評を行っていきます。</p>
<p>今回ご紹介するのは、「はじめてのカスタマージャーニーマップワークショップ」です。この本を選定した主な理由は、インサイドセールスフローを構築するためには、顧客がどの様な過程を経て発注に至るか理解が必要と考えたためです。</p>
<p>本書は、タイトルの通りカスタマージャーニーを考えるワークショップの進め方をメインに進めています。</p>
<p><iframe loading="lazy" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=kpd&#038;ref_=k4w_oembed_hUrd4cT25FeRwL&#038;asin=B07GBWMFMK&#038;tag=kpembed-20"></iframe></p>
<h2>内容</h2>
<h3>本書の流れ</h3>
<p>本書は、6つのチャプターに分かれています。</p>
<ul>
<p>
チャプター1　カスタマージャーニーマップとは<br />
チャプター2　ワークショップを成功に導くために<br />
チャプター3　マップを作ってみよう[B2C編]<br />
チャプター4　マップを作ってみよう[B2B編]<br />
チャプター5　事例で学ぶマップの活用<br />
チャプター6　マップからアクションにつなげよう</p>
</ul>
<h4>カスタマージャーニーマップとは</h4>
<p>チャプター1では、カスタマージャーニーがそもそも何なのか、なぜ必要になってきたのかを説明しています。「製品中心主義」から「顧客中心主義」に移行しているということはどの本でも同様に語られています。つい先日まで勉強していた通販エキスパート検定1級も「顧客中心主義」を軸に展開されていたので、顧客の重要性が良くしみる今日この頃です。</p>
<p>カスタマージャーニーマップを作成する際の8ステップは、以下の通りです（B2Cの場合）。ワークショップは150分で終了する設計になっています。</p>
<ul>
<p>
STEP1　テーマを決める<br />
STEP2　ペルソナを設定する<br />
STEP3　行動を洗い出す<br />
STEP4　行動をステージに分ける<br />
STEP5　顧客接点を明確にする<br />
STEP6　感情の起伏を想像する<br />
STEP7　対応策を考える<br />
STEP8　視点を変えてアイデアを追加する</p>
</ul>
<h4>ワークショップを成功に導くために</h4>
<p>チャプター2では、ファシリテーターとして注意すべきこと、取るべき行動についての説明になっています。</p>
<p>カスタマージャーニーマップ作成のワークショップのプレイングブックならではの章です。</p>
<h4>マップを作ってみよう[B2C編]</h4>
<p>チャプター3では、B2C企業向けのカスタマージャーニーマップの作成方法です。スターフィールドはB2B企業に分類されますが、そのクライアントがどのような手順で戦略を立てているのか理解できるので非常に興味深いです。</p>
<h4>マップを作ってみよう[B2B編]</h4>
<p>チャプター4は、チャプター3の続きとして、B2B企業向けのカスタマージャーニーマップの作成方法です。B2Cと同様に対象となるペルソナを立て、顧客の行動を洗い出していきます。B2Cとの違いとしては、稟議の多さです。承認の壁を超えていくためにペルソナの感情をどのようにコントロールしていくべきかがメインになっています。</p>
<h4>事例で学ぶマップの活用</h4>
<p>チャプター5では、B2C/B2Bそれぞれ3件ずつの事例が紹介されています。</p>
<p>B2C編では、「顧客中心主義」にシフトする際にどうやって社内浸透させていくかがキーになります。社内浸透させるきっかけとしてワークショップは有効ではありますが、あくまできっかけにしかなりません。ワークショップ内で作成したマップをもとに実績を作ることで、カスタマージャーニーという発想がクリティカルであるということを社内浸透させることが出来ます。</p>
<p>また、カスタマージャーニーマップが社内の共通言語になるということも紹介されています。製造、マーケティング、営業と縦割りの組織構造の場合、カスタマージャーニーマップを使うことでヨコのつながりを強化することが出来ます。</p>
<h4>マップからアクションにつなげよう</h4>
<p>最後のチャプターでは、マップを社内で共有することと、具体的な施策に落とし込むことの重要性が説明されています。事例の内容と重複しますが、マップ作成はあくまでスタートでしかなく、それを活用しないと旨みが半減してしまいます。これは、カスタマージャーニーマップに限らず仕組みや制度など様々な事象で起きることですね。</p>
<h2>活用</h2>
<p>本書の活用としては、インサイドセールスフローの継続的な連絡部分になります。<br />
顧客がどのような体験をしながら感情の起伏が起きるのか、これらを考えることでどの情報をどのタイミングで出すのべきなのかを考慮しながらフロー構築を進めることが出来ました。</p>
<h2>総括</h2>
<p>インサイドセールスフローの構築のためにに5冊を読みましたが、どれも「顧客中心主義」の重要性を主張していました。独自サイトでの越境EC展開もこの流れを汲んでおり、やはり時代に合ったソリューションだと改めて思いました。<br />
あとは、魅せ方次第だと思うので、インサイドセールスを含む自分の営業スキルを向上させていきたいと思います。</p>


medium_ux-indonesia-1V5zGGTYXVc-unsplash-768x509.jpg

small_ux-indonesia-1V5zGGTYXVc-unsplash-768x509.jpg

thumbnail_ux-indonesia-1V5zGGTYXVc-unsplash-768x509.jpg

ux-indonesia-1V5zGGTYXVc-unsplash-768x509.jpg

【書評】はじめてのカスタマージャーニーマップワークショップ

<h2>はじめに</h2>
<p>社内制度のOKRを活用して、インサイドセールスのフロー構築に役に立ちそうな書籍を5冊購入してもらいました。そのアウトプットとして書評を行っていきます。</p>
<p>今回ご紹介するのは、「BtoBマーケティングの基本」です。この本を選定した主な理由は、前回の「BtoBマーケティング＆セールス大全」と同様、インサイドセールスの概要以外のB2Bマーケティングについて学びたかったためです。</p>
<p>本書は、マーケティング手法をそれぞれの専門家が語る形式で構成されているので、深くそれぞれのマーケティング手法を学ぶことが出来ます。</p>
<p><iframe loading="lazy" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=kpd&#038;ref_=k4w_oembed_ykHESfD4BHhByy&#038;asin=4822236331&#038;tag=kpembed-20"></iframe></p>
<h2>内容</h2>
<h3>本書の流れ</h3>
<p>本書は、大きく3つのブロックに分かれています。</p>
<ul>
<p>
第1章　BtoBマーケティング最前線<br />
第2章　マーケティング手法のポイント<br />
第3章　プロが教えるマーケティング施策</p>
</ul>
<h4>第1章　BtoBマーケティング最前線</h4>
<p>第1章では、マーケティング関係者なら必ず聞いたことのある、「マーケティングオートメーション」、「アカウントベースドマーケティング」、「コンテンツマーケティング」「インサイドセールス」の活用について紹介されています。</p>
<p>インサイドセールスの項目では、テレマーケティングとの違いからはじまり、導入のステップ、運用にまつわるtipsを細かに紹介しています。</p>
<h4>第2章　マーケティング手法のポイント</h4>
<p>第2章では、どの企業も導入しているであろう「メールマーケティング」、「セミナーマーケティング」、ちょっと特殊な「動画マーケティング」、「マンガマーケティング」、「オムニチャネルマーケティング」について紹介されています。</p>
<p>メールマーケティングでは、衰退したと思われていたメールマガジンが見直された理由から件名のコツなどかなり実務よりな内容も記載されています。</p>
<h4>第3章　プロが教えるマーケティング施策</h4>
<p>第3章では、成果至上主義の「サバイバルマーケティング」、全てのマーケティング手法に繋がる「リードナーチャリング」、そして「デジタルシフト」についての説明がされています。</p>
<p>サバイバルマーケティングは、船井総合研究所の兎澤 直樹氏の造語なので聞いたことがある方は少ないと思います。内容としては、マーケティングを単なる机上の空論ではなく、実際に案件を生み出すためのマーケティング術だそうです。</p>
<p>既存顧客へのヒアリングや、競合商品との比較調査、代理店との契約内容見直しなど、マーケティング活動を行う上で最も大切なことを徹底することがサバイバルマーケティングの本質です。</p>
<h2>活用</h2>
<p>今回5冊読み込みをしましたが、一番役に立ったのは本書です。理由としては、実務寄りの内容になっているので活用するイメージがしやすいこととドンピシャで知りたいコンテンツについて紹介されていたからです。</p>
<p>特にセミナーマーケティングで書かれていた、セミナーを目的別に分類（認知型、商談発生型、製品紹介/教育型）し、セミナー開催前がどれだけ重要であるかという内容は参考になりました。セミナー担当になってまだ日が浅いということもありますが、セミナー準備は入念に行うようにしています。</p>
<p>言うまでもなくインサイドセールスの項目もかなり活用にしています。定義付けやフローのベースは本書を参考に構築しています。運用中も軸がぶれていないか確認するプレイングブックとして活用していく予定です。</p>
<h2>まとめ</h2>
<p>活用の部分に重なりますが、5冊の中で1番読みやすく求めていた内容を書いていたのが本書です。今後インサイドセールスの関係者が増えていく事になるので、全員が読むことでマーケティングの強い組織構築をしていきたいと思います。</p>


medium_campaign-creators-yktK2qaiVHI-unsplash-768x512.jpg

small_campaign-creators-yktK2qaiVHI-unsplash-768x512.jpg

thumbnail_campaign-creators-yktK2qaiVHI-unsplash-768x512.jpg

campaign-creators-yktK2qaiVHI-unsplash-768x512.jpg

【書評】BtoBマーケティングの基本

<h2>はじめに</h2>
<p>社内制度のOKRを活用して、インサイドセールスのフロー構築に役に立ちそうな書籍を5冊購入してもらいました。そのアウトプットとして書評を行っていきます。</p>
<p>今回ご紹介するのは、「BtoBマーケティング＆セールス大全」です。この本を選定した主な理由は、インサイドセールスの概要以外のB2Bマーケティングについて学びたかったためです。</p>
<p><iframe loading="lazy" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=kpd&#038;ref_=k4w_oembed_uO4o92RkZrdCsh&#038;asin=4495533118&#038;tag=kpembed-20"></iframe></p>
<h2>内容</h2>
<h3>本書の流れ</h3>
<p>本書は、以下の6章に分かれています。</p>
<p><ul>
第1章　BtoBマーケティングの現状<br />
第2章　「BtoBマーケティング＆セールス」という視点<br />
第3章　BtoBマーケティング＆セールス　買プロセスにおける10のフェーズ<br />
第4章　BtoBマーケティング＆セールスの6つのステップ<br />
第5章　BtoBマーケティング＆セールス　媒体別の特長とステップごとの施策<br />
第6章　BtoBマーケティング＆セールスの具体例</p>
</ul>
<h4>第1章　BtoBマーケティングの現状</h4>
<p>第1章では、なぜマーケティングが重要になっている背景、BtoC取引との特徴の比較などが説明されています。</p>
<p>BtoBマーケティングの課題として挙げられていた「個人の力量に頼るBtoB取引の限界」は、特に刺さるものがありました。「『マーケティングと営業を売上に繋げる一本の道」と考え、組織的に取り組む必要がある。』という部分に全てが凝縮されています。</p>
<h4>第2章　「BtoBマーケティング＆セールス」という視点</h4>
<p>第2章は、受注までの3ステップ（集める→育てる→刈り取る）、BtoBマーケティング＆セールスの目的についての説明です。</p>
<p>リードをナーチャリングする必要があるということ、その為の仕組みを作る役割なのがマーケティングというような流れです。従来は、集めたリードをそのまま営業担当にパスしていたためアプローチが不十分になっていました。そこで、「育てる」という段階を付けることで、マーケティングと営業をスムーズにつなげることが出来るようになります。ナーチャリングの対象は、購買のニーズが明らかになっていない状態から育てるので、どうしても時間が掛かってしまうということを関係者は理解していないといけません。</p>
<h4>第3章　BtoBマーケティング＆セールス 購買プロセスにおける10のフェーズ</h4>
<p>第3章では、購買のプロセスを10のフェーズに分解して解説しています。</p>
<ul>
<p>
フェーズ1　課題が潜在的・未認識<br />
フェーズ2　担当者レベルでの課題の顕在化<br />
フェーズ3　関係部門間での課題の共有<br />
フェーズ4　解決策の明確化<br />
フェーズ5　商品・サービス情報収集の本格化<br />
フェーズ6　絞り込み・比較・検討<br />
フェーズ7　商品・サービスの詳細・価格情報の収集<br />
フェーズ8　社内検証<br />
フェーズ9　購入先の内定<br />
フェーズ10　決裁・承認</p>
</ul>
<p>最近情報交換や打ち合わせを行った企業様はフェーズ2の状態が多いような気がします。次のフェーズを理解して商談に取り組むことの重要性を深く認識しました。真の課題が明確ではない担当者に合わせた説明ではなく、先方のフェーズを進められるような打ち合わせが出来るように方法を探っています。</p>
<h4>第4章　BtoBマーケティング＆セールスの6つのステップ</h4>
<p>第4章では、第3章とは逆の視点で買い手の状態を6つのステップで分類し、ステップを上げさせるために＝ナーチャリングをするためにはコンテンツが重要であると紹介しています。</p>
<p>いわゆる新規顧客、見込み顧客、既存顧客を細かく6つに分解することで、それぞれに適切なフォローの仕方を解説しています。そのフォローで役に立つのが、コンテンツ（ブログ）です。顧客の段階に合わせたコンテンツでアプローチすることがナーチャリングにつながります。</p>
<ul>
<p>
STEP1　非見込み客（未認知客）<br />
STEP2　コールドリード<br />
STEP3　育成リード<br />
STEP4　ホットリード<br />
STEP5　商談客<br />
STEP6　既存顧客</p>
</ul>
<h4>第5章　BtoBマーケティング＆セールス 媒体別の特長とステップごとの施策</h4>
<p>第5章では、コンテンツの種類別にどのような活用方法が説明されています。DM、パンフレットのようなアナログ媒体からオウンドメディアやセミナーなどのデジタル媒体まで網羅的に展開されているので、抜け漏れ確認にも使えます。</p>
<ul>
<p>
自社サイト（オウンドメディア）<br />
Web広告（ペイドメディア）<br />
SNS広告（アーンドメディア）<br />
プレスリリース<br />
展示会・イベント<br />
ダイレクトマーケティング<br />
マス広告<br />
交通広告<br />
紙媒体<br />
メールマガジン<br />
セミナー<br />
相談会（個別セミナー）<br />
営業ツール<br />
勉強会・説明会</p>
</ul>
<p>現在の情勢では、実現が難しいものも多く存在しますが、どういう使い分けが今までされていたのかを知るにはいい資料になっています。</p>
<h4>第6章　BtoBマーケティング＆セールスの具体例</h4>
<p>最後は、事例紹介です。セキュリティソフト会社、教育系協会、印刷関連会社の事例が詳細に記載されています。</p>
<p>3つの事例に共通しているのは、非見込み顧客にアプローチをかけ育成しつつ、顧客ニーズのくみ取りを行っていく事です。業界によって手法は異なりますが、本質的な構造は同じになっています。</p>
<h2>活用</h2>
<p>本書で学んだ内容としては、セミナーなどのコンテンツもリードナーチャリングに役に立つということです。言われてみれば当たり前の内容だと思うのですが、事象を結び付ける能力が弱いので良い発見になりました。</p>
<p>狭義のインサイドセールスにこだわるのではなく、セミナーやコンテンツもインサイドセールスに役に立っていると理解し、全てを連動させることで大きな効果を生み出そうと現在構築中です。</p>
<p>商談で吸い上げた見込み顧客のニーズをセミナーの内容に反映し、そのセミナーをきっかけにナーチャリング対象の顧客に連絡して育成する流れは実践中です。</p>
<h2>まとめ</h2>
<p>前回ご紹介した<a href="https://sterfield.co.jp/blog/other/%e6%9c%ac/review_insidesales02/" rel="noopener" target="_blank">「インサイドセールス スペシャリスト教本」</a>は、インサイドセールスの全体像の理解が主目的でしたが、本書はナーチャリングの具体的な内容の紹介がメインでした。OKRではインサイドセールスの構築を目標に掲げていましたが、もちろんそれ以外の担当もあります。本書で学んだ内容は、広義のインサイドセールスの構築に役立てていきたいです。</p>


medium_lindsay-henwood-7_kRuX1hSXM-unsplash-768x512.jpg

small_lindsay-henwood-7_kRuX1hSXM-unsplash-768x512.jpg

thumbnail_lindsay-henwood-7_kRuX1hSXM-unsplash-768x512.jpg

lindsay-henwood-7_kRuX1hSXM-unsplash-768x512.jpg

【書評】BtoBマーケティング＆セールス大全

<h2>はじめに</h2>
<p>社内制度のOKRを活用して、インサイドセールスのフロー構築に役に立ちそうな書籍を5冊購入してもらいました。そのアウトプットとして書評を行っていきます。<br />
今回ご紹介するのは、「インサイドセールス スペシャリスト教本」です。監修はインサイドセールスツール「<a href="https://bell-face.com/" rel="noopener" target="_blank">ベルフェイス</a>」を提供しているベルフェイス株式会社です。</p>
<p></br><br />
<iframe loading="lazy" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=df0&#038;ref_=k4w_oembed_Wo35tJWRj3beIB&#038;asin=4815008825&#038;tag=jpgo-22"></iframe><br />
</br><br />
この本を選定した主な理由は、下記2点です。</br></p>
<ul>
・インサイドセールスの概要を把握したかったため<br />
・実際にインサイドセールスを導入している企業の事例を確認したかったため</ul>
</p>
<h2>内容</h2>
<h3>本書の流れ</h3>
<p>本書は、6つの章に分かれており、インサイドセールスの概要、実践・インサイドセールス、導入事例の3つに分類できます。</p>
<h4>インサイドセールスの概要</h4>
<p>最初の「マーケットの理解」では、そもそもインサイドセールスとは何なのか、どうして求められるようになったのかを簡単に説明しています。第1章の最後に本書でのインサイドセールススペシャリストの定義がされていました。</p>
<blockquote><p>「インサイドセールススペシャリスト」とは、組織内にインサイドセールスチームを立ち上げ、運用するために必要な知識（インサイドセールス導入メリット、組織体制、運用ポイント、各種ツールの特徴、導入事例）を有するものを指します。</p></blockquote>
<p>第2章では、「インサイドセールス導入のメリット＆必要なツール」が詳細に紹介されています。下記が紹介されているメリット群です。</p>
<p><ul>
<strong>インサイドセールス導入の9つのメリット</strong><br />
１．コストをかけずに営業エリアを拡大<br />
２．移動時間とコストをゼロ/大幅に削減<br />
３．営業リードタイムを大幅に短縮<br />
４．1日当たりの商談数が2～4倍に<br />
５．スピード対応で顧客満足度アップ<br />
６．既存顧客との接触頻度を向上<br />
７．社員の就労環境を改善<br />
８．セールスの短期育成<br />
９．採用力の強化</ul>
</p>
<h4>実践・インサイドセールス</h4>
<p>第3章「実践・インサイドセールス【組織編】」では、インサイドセールスを導入するにあたり組織がどの様なマインドを持っておく必要があるのか紹介しています。</p>
<p>弊社では、新型コロナウイルスと関係なしにインサイドセールスを導入することが決まったのですが、従来の営業活動が出来ないから仕方なく取り組んでいる企業もあるかと思います。そういった企業は特にこの章に係れている内容をよく確認しておく必要があると思います。取り組み体制として挙げられている3つのポイントが実践出来ている企業は、かなりの効率化を図れているはずです。</p>
<ul>
<p><strong>取り組み体制3つのポイント</strong><br />
１．インサイドセールス「専門チーム」を作る<br />
２．「分業」が成功のポイント<br />
３．訪問と組み合わせるときは「訪問基準」を設ける</p>
</ul>
<p>第4章は「実践・インサイドセールス【環境編】」としてインサイドセールス3種の神器や、その他用意すべきものについてまとめられています。3種の神器として挙げられているのが電子契約、オンラインカレンダー、訪問申請書なのですが、訪問申請書の存在が非常に興味深いと思いました。</p>
<p><P>フィジカルで商談を行うことが無駄であるという生産性意識を浸透させることが目的です。「わざわざ行くべきか」と考え、申請書を記入申請の確認をする暇があるなら、すぐに訪問をすればいいと思ってしまいます。この辺りは私自身の生産性意識の低さが要因だと思います。</p>
<p>第5章は、実践・インサイドセールス【運用編】です。成果を上げるためのテクニックが5つ紹介されています。具体的には、対応スピードの重要性、トークスクリプト作成のコツ、来社希望の切り返し方などです。後述しますが、ここの章が弊社で取り入れようとしているインサイドセールスとの乖離が一番大きかったです。</p>
<h4>導入事例</h4>
<p>第6章は「導入事例」となっており、13社の導入事例が紹介されています。社員50名以下の中小企業から5000名以上の業界大手まで幅広く導入されていることがここで確認出来ます。導入に至るまでの背景は各社それぞれで、近い悩みの事例が見つかると思います。</p>
<h2>活用</h2>
<p>活用の前に、弊社でのインサイドセールスの範囲と本書におけるインサイドセールスの範囲についてご紹介します。</p>
<p>弊社でのインサイドセールスは、リードナーチャリングが主目的です。なので、商談自体はいわゆるオンラインミーティングの形式を取っています。<br />
対する本書のインサイドセールスは、完全な効率化を目的としています。商談の形もテレアポに小さな商談が紐づいている新しいタイプの商談をメインに活用します。</p>
<p>どちらが優れているというわけではないと個人的に思います。導入段階、割けるリソースなどの差異がインサイドセールスの定義そのものを変えているだけです。組織構造だったりマインドの部分に改善点があるのかもしてませんが、現状あるリソースで構築した方が組織フィットは出来ると思うので、問題だとは感じていません。なので、本書の内容を完全に再現するのは難しいと思いますが、応用できるものは数多くありました。</p>
<p>例えば、小さい商談（テレアポに紐づいてその場で始まる商談）で使用する説明資料の作り方は収穫が多かったです。最近商談をさせて頂くお客様は、そもそも越境ECの理解が出来ているとは言い難い方が多い印象です。そういったお客様に対してフォローとしてセールスシートだけでなく越境EC概要のような資料を送ることが出来れば商談回数や受注までの進行を改善できると思います。こういった細かな気遣いがナーチャリングに繋がるはずです。</p>
<p>弊社のセールスチームが今よりも大きくなった時にはアポ取りを行うインサイドセールスチームとフィールドセールスチームの分離が出来ると、さらにインサイドセールスの旨みを引き出せるようになると思いました。そのためには、現状のリソース/環境を最大限活用して分かりやすい結果を出したいと思います。</P></p>
<h2>まとめ</h2>
<p>まさに自分が目指しているもの/求められているものは、インサイドセールススペシャリストであるとまず実感しました。</p>
<p>インサイドセールスは、大企業から中小企業まで様々な規模の企業にフィットして成果を出せる手法です。ただ、導入の際は細心の注意を払いながら組織内に理解を得ながら進めていかないと効果は半減し、中途半端なテレアポで終わってしまいます。現在は私と上長の2人がメインでインサイドセールスフローの構築を行っていますが、今後は新卒入社した自分よりもさらに若い人に必要性を理解してもらう必要があります。</p>
<p>インサイドセールスのフロー構築という面で、会社文化の醸成に関われることをかみしめながら、より質の高いフロー構築を目指していきたいと思います。</p>


medium_kelly-sikkema-nz-GTuvyBw-unsplash-768x519.jpg

small_kelly-sikkema-nz-GTuvyBw-unsplash-768x519.jpg

thumbnail_kelly-sikkema-nz-GTuvyBw-unsplash-768x519.jpg

kelly-sikkema-nz-GTuvyBw-unsplash-768x519.jpg

【書評】インサイドセールス スペシャリスト教本

<h2>はじめに</h2>
<p>社内制度のOKRを活用して、インサイドセールスのフロー構築に役に立ちそうな書籍を5冊購入してもらいました。そのアウトプットとして書評を行っていきます。<br />
今回ご紹介するのは、「メール営業」です。<br />
<iframe loading="lazy" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=df0&#038;ref_=k4w_oembed_WcjI6dDtSzd24r&#038;asin=4798053732&#038;tag=jpgo-22"></iframe><br />
</br><br />
この本を選定した主な理由は、下記2点です。</br></p>
<ul>
・MAツールの導入がされていない社内でメールというコミュニケーションツールがインサイドセールスにおいても重要になると考えたこと<br />
・メールのクオリティ向上が自分自身の基礎力に繋がると考えたこと</ul>
</p>
<h2>内容</h2>
<h3>本書の流れ</h3>
<p>本書は、4つの章で構成されています。<br />
まず、「メール営業の基本」で、メールが営業にとってどれだけ役に立つツールなのかを記しています。当たり前に使用するメールの質を見直すことが業務全体の効率に繋がるとのことです。ビジネスメールの基礎がここで紹介されています。</p>
<p>次に、「メール実践営業編」として、営業担当がどの様なメールを送るべきなのかを触れています。小難しいMAツールを導入することなく見込み顧客をナーチャリングする方法が具体的にありました。常に接触の機会を持ち続ける＝メールを送るきっかけ という部分が難易度が高かったのですが、読むことでインサイドセールスフロー構築が大幅に進んでいきました。</p>
<p>例えば、セミナーを開催するとなった時には、（１）募集開始前（２）募集開始時（３）募集期間中（４）開催後　と4回も送るきっかけを作ることが出来ます。これが相手に望まれていることか（適切な頻度か）はべつとしてもかなり有効な策だと思いました。弊社では、週に1どのペースでセミナーを行っているので、どのタイミングでナーチャリング対象になったとしてもきっかけを作ることが出来ます。</p>
<p>第3章は「メール営業応用編」です。応用編となっていますが、内容としてはアポの確認の仕方や依頼の受け方/断り方など、日常的に良く起こる内容が記されています。一部都合の良すぎる解釈（断られたあとに食い下がることで相手の印象が良くなるなど）もありましたが、そういった発想がなかった私からすると新鮮な内容でした。</p>
<p>最後は、「メール営業Q&amp;A」です。フォローはいつまで行うべきなのか、取引先に催促をしていいかなど若干センシティブな内容に関わるQ&amp;Aがシンプルにならんでいます。その他には、どうすればメールを早くかけるようになるのかなども記載がありました。ここでは、「メールが遅い」という事象を「読む」「書く」「内容を考える」に分解して原因を探る方法が紹介されていました。メールにおいても因数分解の発想は活用できるということです。</p>
<h2>活用</h2>
<p>上述の通り、私はインサイドセールスフローの構築に役立てるために本書を読んでいきました。なので、主な活用としてはナーチャリングメールの作成になります。読了してから間もないですが、徐々に返信率も上がってきており効果は出ています。<br />
また、メールがあくまでツールでしかないという認識も再度行うことが出来たので、どれだけ早く質の高いメールを作成出来る仕組みを作る部分に注力しています。</p>
<h2>まとめ</h2>
<p>本書を読んでまず感じたのは、「相手を思いやった行動こそが正義」ということです。相手に好かれるメールというのは、相手への気遣いが十分にされているメールを指します。</p>
<p>テクニック的な内容ももちろん書いてあったのですが、本質としては、メールをなぜ送るのか、何を伝えたいのかを考えることの重要性を学びました。</p>
<p>常日頃の業務はもちろん、インサイドセールスフローの構築にもこちらの意思を示すだけでなく寄り添えるメールを作成していこうと思います。</p>
<p>基本的な内容が多かったので、インターン生や新入社員の方にはオススメの1冊となっています。</p>


medium_campaign-creators-VV0En9viu2M-unsplash-768x531.jpg

small_campaign-creators-VV0En9viu2M-unsplash-768x531.jpg

thumbnail_campaign-creators-VV0En9viu2M-unsplash-768x531.jpg

campaign-creators-VV0En9viu2M-unsplash-768x531.jpg

【書評】図解で分かるメール営業

<h2>はじめに</h2>
<p>越境ECを始める際、実は一番最初に物流について考える必要があります。<br />
どんなに良いサイトができて、効果的な広告で集客することができても、商品を実際に送ることができなければECは成り立ちません。</p>
<p>国ごとに法律が異なる越境ECでは、国内ECよりもより厳密に調査、検討をする必要があります。</p>
<p>そんな中、多くの企業様が越境EC物流で利用するのはEMSです。実際に弊社カートを利用するお客様のなかでも、約半数の企業が活用しています。<br />
大変ポピュラーで利用のしやすいEMSですが、デメリットも存在します。</p>
<p>一方で、「ECMSを使いたい（または使っている）！」という企業様も多数います。</p>
<p>名前が酷似しているEMSとECMS。この2つは同じサービスなのか、類似サービスなのか？それとも全く別物？</p>
<p>結論から言うと、この2つは全く別物です。<br />
本記事では、この2つの違いと特徴についてご紹介します。</p>
<h2>EMSとは</h2>
<p><img loading="lazy" src="/uploads-archive/lc/2020/06/ems11.jpg" alt="" width="670" height="472" class="alignnone size-full wp-image-4599" srcset="/uploads-archive/lc/2020/06/ems11.jpg 670w, /uploads-archive/lc/2020/06/ems11-300x211.jpg 300w, /uploads-archive/lc/2020/06/ems11-600x423.jpg 600w" sizes="(max-width: 670px) 100vw, 670px" /><br />
こちらについてはご存知の方も多いと思いますが、日本郵便が提供する国際郵便サービスの１つです。</p>
<p>書類及び物品用の郵便急送業務であり、かつ、物理的手段による郵便業務のうち最も迅速なものです。日本郵便が提供する海外向けの配送は、他には国際eパケットや、SAL便、船便などがあります。<br />
《参考》<a href="https://www.post.japanpost.jp/int/service/compare.html" rel="noopener noreferrer" target="_blank">サービス比較表</a></p>
<p>EMSが越境ECでよく使われる理由としては、早く届く、使いやすい（郵便局に持っていくor集荷してもらうだけ）などがありますが、<strong>最たる理由としては「通関手続きの優遇」がある点</strong>でしょう。もっとはっきり言うと、「税関でスルーされる確率が高く、関税を支払わなくてよい場合が多い」という点です。</p>
<p>EMSは日本ではユニバーサルサービスと位置づけられており、そのため航空機からの荷卸ろし時における優先取扱いや通関・検疫等における一般の貨物とは異なる簡易な取扱いなど、さまざまな優遇措置の適用を受けています。</p>
<p>実質的にEMSの送料だけで海外顧客の家まで直接配送できる手段は大変利便性がよく、越境ECの勃興期から今日まで多くの企業/個人が利用していました。</p>
<p>しかしながら、最近になってその傾向に歯止めがかかっています。</p>
<ul>
1.中国でEC法が成立。EMSも税関で止められるようになった<br />
2.コロナの影響で配送に時間がかかるようになった<br />
　（2020年6月22日現在クール便はまだ使えない）<br />
3.日本国内でもEMSの優遇を疑問視する声が強くなっている</ul>
<p>3については、ヤマト運輸がこのような声明を公開しています。<br />
《参考》<a href="http://www.kuronekoyamato.co.jp/ytc/ad/opinion/ems/" rel="noopener noreferrer" target="_blank">国際スピード郵便（EMS）の問題点</a></p>
<p>つまり、「実際は民間の国際輸送と同じなのに、EMSだけ優遇があってずるいじゃないか」という内容です。</p>
<p>その意見の正当性についてここで議論することは避けます。<br />
ただ、現実的にEMSのあまり良くない点が出てくる中で、それにかわる越境EC物流サービスが民間企業（郵政も民間ですが）から出てきています。</p>
<p>次にご紹介するECMSもその一つです。</p>
<h2>ECMSとは</h2>
<p><img loading="lazy" src="/uploads-archive/lc/2020/06/ECMS_logo.png" alt="" width="565" height="200" class="alignnone size-full wp-image-4600" srcset="/uploads-archive/lc/2020/06/ECMS_logo.png 565w, /uploads-archive/lc/2020/06/ECMS_logo-300x106.png 300w" sizes="(max-width: 565px) 100vw, 565px" /><br />
日本発海外向けB2C輸送サービスを行う会社です。<br />
もともとは中国ではじまった会社で、越境EC物流に特化したECMSグループの日本法人です。</p>
<p>サービスの特徴は公式HPを御覧ください。<br />
《参考》<a href="https://www.ecmsglobal-jp.com/b2c-direct" rel="noopener noreferrer" target="_blank">ECMS</a> </p>
<p>EMSとの同じところは、「日本の企業様から海外の個人までの配達を行う」というところですが、最たる違いとしては、「各国の越境EC政策や税制に対応した通関及び配送サービスを提供している点」です。</p>
<p>つまり、<strong>越境EC通関​に対応しておりしっかりと関税を払う仕組み</strong>です。<br />
関税逃れはできない代わりに、コンプライアンスを重視する企業にとっては大変便利なサービスです。</p>
<p>また、<strong>送料自体はEMSよりも安く設定されており、関税を支払ったとしても、物流費総額を抑えることが出来ます</strong>。</p>
<p>実は弊社との共催で、<a href="https://launchcart.jp/seminar/20170221/" rel="noopener noreferrer" target="_blank">「EMSより安い越境EC物流登場」</a>というセミナーを開催したことがあります。</p>
<p>ここまでで、EMSとECMSは全く異なるものだということがわかるかと思います。</p>
<p>では、なぜ名前がこんなに似ているのか。なぜこんなに紛らわしいのか。</p>
<h2>では、なぜこのように名前が似ているのか。</h2>
<p>EMSとECMS、それぞれが何の略語かを見てみましょう。<br />
EMSは Express Mail Service　の略です。これはなんとなく想像が付きますが、ではECMSはなんの略なのでしょうか。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2020/06/7eabf746c4a7b8294c11fc228d4fa18a.png" alt="" width="1364" height="258" class="alignnone size-full wp-image-4554" srcset="/uploads-archive/lc/2020/06/7eabf746c4a7b8294c11fc228d4fa18a.png 1364w, /uploads-archive/lc/2020/06/7eabf746c4a7b8294c11fc228d4fa18a-300x57.png 300w, /uploads-archive/lc/2020/06/7eabf746c4a7b8294c11fc228d4fa18a-1024x194.png 1024w, /uploads-archive/lc/2020/06/7eabf746c4a7b8294c11fc228d4fa18a-768x145.png 768w, /uploads-archive/lc/2020/06/7eabf746c4a7b8294c11fc228d4fa18a-600x113.png 600w" sizes="(max-width: 1364px) 100vw, 1364px" /></p>
<p>な、なんとグループビジョンの頭文字を取っていたのでした。<br />
これはちょっとわからない…<br />
難しいです…</p>
<p>実際に私もECMSジャパンの社員の方に「どうしてEMSと名前が似ているのですか？紛らわしくないですか？」と聞いたことがあるのですが、「そうなんですよー！」というお答えでした。</p>
<p>というわけで、名前は似ているけど、全然異なるサービスのEMSとECMSのご紹介でした。<br />
</br><br />

越境EC物流のEMSとECMSは全く別物です！

<h2>はじめに</h2>
<p>世界最大のEC大国である中国は、プラットフォームの栄枯盛衰も激しく熾烈なサービス合戦が続いています。</p>
<p>今回は、その中でも今最も注目すべきサービスの1つである拼多多（Pinduoduo・ピンドウドウ）をご紹介します。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2020/06/4bdab85127b5ef4b7b277a6fa23c93d8.png" alt="" width="658" height="229" class="alignnone size-full wp-image-4582" srcset="/uploads-archive/lc/2020/06/4bdab85127b5ef4b7b277a6fa23c93d8.png 658w, /uploads-archive/lc/2020/06/4bdab85127b5ef4b7b277a6fa23c93d8-300x104.png 300w, /uploads-archive/lc/2020/06/4bdab85127b5ef4b7b277a6fa23c93d8-600x209.png 600w" sizes="(max-width: 658px) 100vw, 658px" /></p>
<h2>拼多多とは</h2>
<p>拼多多とは、アリババや京東と同じく中国のECプラットフォームです。<br />
2015年9月に設立され、2018年7月にナスダック上場という驚異的な成長を遂げています。</p>
<p>中国のECにおけるシェアの約5.2％を握っており、その規模はアリババ、京東に次ぐ3位、<strong>ユーザー数は3億人超え</strong>であり、この数字だけでいうと<strong>京東を超えて中国2位の水準になります</strong>。</p>
<p>2019年2月には越境版である拼多多国際をリリースし、日本企業の進出も少しずつ進んできています。</p>
<p>《参考》<a href="https://m.pinduoduo.com/home/" rel="noopener noreferrer" target="_blank">拼多多</a><br />
《参考》<a href="https://ims.pinduoduo.com/overSea" rel="noopener noreferrer" target="_blank">拼多多国際</a></p>
<h2>拼多多の低価格戦略</h2>
<p>拼多多の特徴は、あらゆるものが低価格で購入でき、また低価格を実現させるための仕組みが整っていることです。</p>
<p>例えば、一定の数まで購入数が達すればかなりの低価格で購入できるという、日本でもおなじみの<strong>共同購入機能</strong>があります。</p>
<p>これに対して、WechatなどSNSを使って大規模なプロモーションをすることで、日本とは桁違いの購入者数が集められ、結果としてかなりの低価格が実現できるという仕組みです。</p>
<p>このような低価格戦略から<strong>拼多多は中国農村部のEC利用を加速させました</strong>。これが成功の1番の要因だと言われています。</p>
<p>中国農村部の人口はおよそ40%と言われていますが、所得の格差が原因で都市部に比べてECの利用率は低いとされていました。そこに拼多多の低価格戦略がはまり、農村部での利用が一気に増えました。</p>
<p>農村部は都市部に比べてブランド性よりも価格帯を最も重視する傾向が強いようです。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-scaled.jpg" alt="" width="2560" height="1707" class="alignnone size-full wp-image-4583" srcset="/uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-scaled.jpg 2560w, /uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-300x200.jpg 300w, /uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-1024x683.jpg 1024w, /uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-768x512.jpg 768w, /uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-600x400.jpg 600w, /uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-1536x1024.jpg 1536w, /uploads-archive/lc/2020/06/yura-fresh-xezXEh_fIeU-unsplash-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></p>
<h2>まとめ</h2>
<p>最近では日本でもよく聞くようになってきた拼多多ですが、2019年前期は<strong>売上のほぼ全額にあたる広告費を計上している</strong>など、まだサービスとしては投資段階であるようです。</p>
<p>しかしその成長はめざましく、また農村部にリーチできる数少ない選択肢ですので、日本企業は戦略的に利用を検討すると良いと思います。</p>
<p>

【拼多多】今中国でもっとも勢いのあるECプラットフォーム拼多多（Pinduoduo・ピンドウドウ）とは？

OP25Bなサーバーで一時的にメールを受信するには

<h2>自動化されて、何してるかわからないSSLの作業を可視化</h2>
<p>今回の必読者・読んで欲しい人は、</p>
<ul>
<li>SSLやれって言われたけど、具体的に何するの？って人</li>
<li>SSLの概要は理解できたけど、何すればいいの？って人</li>
<li>nginxとSSL関係あるの？って人</li>
<li>サブドメインのSSLはやったことないって人</li>
</ul>
<h3>step.0　SSL証明書を取得する</h3>
<p>鍵・証明書ファイルには以下の4種類がある。<br />
これらを取得する。(弊社ではSSLボックスを用いる。)</p>
<ul>
<li>{ドメイン}.key　- ①</li>
<li>{ドメイン}.csr　- ②</li>
<li>{ドメイン}.crt　- ③</li>
<li>{ドメイン}.ca　- ④</li>
</ul>
<p>↓　参考サイト　↓</p>
<p><a href="https://qiita.com/non0311/items/a90c729a5cb95863853f#%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A7%E3%81%AE%E4%BD%9C%E6%A5%AD">https://qiita.com/non0311/items/a90c729a5cb95863853f#%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A7%E3%81%AE%E4%BD%9C%E6%A5%AD</a></p>
<hr />
<h3>step.1　対象サーバー内に鍵・証明書置く</h3>
<h4>1.1.　 /etc/httpd/conf.d/cert_filesに鍵・証明書置く</h4>
<p><span style="text-decoration: underline">①~④のファイル</span>を全てこのディレクトリに置く</p>
<ul>
<li>{ドメイン}.key　- ①</li>
<li>{ドメイン}.csr　- ②</li>
<li>{ドメイン}.crt　- ③</li>
<li>{ドメイン}.ca　- ④</li>
</ul>
<h4>1.2.　 /etc/nginx/conf.d/cert_filesに証明書・鍵の2種類を置く</h4>
<p><span style="text-decoration: underline">①の鍵ファイル</span>と<br />
<span style="text-decoration: underline">③+④のファイルを１つにしたcrtファイル</span>の2ファイルをこのディレクトリに置く</p>
<ul>
<li>{ドメイン}.key　- ①</li>
<li>{ドメイン}.crt　← ③+④</li>
</ul>
<hr />
<h3>step.2　nginx 設定 (virtualhost)</h3>
<p>2.1.　/etc/nginx/conf.d/{ドメイン}.conf<br />
該当のvirtualhost設定ファイルを開き、以下のように<span style="font-weight: 400">証明書・鍵を</span>更新する</p>

		<div id="crayon-64954026534be514860075" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
ssl_certificate /etc/nginx/conf.d/cert_files/{ドメイン}.crt;
ssl_certificate_key /etc/nginx/conf.d/cert_files/{ドメイン}.key;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64954026534be514860075-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954026534be514860075-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954026534be514860075-1"><span class="crayon-i">ssl_certificate</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">nginx</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-e">cert_files</span>/<span class="crayon-sy">{</span>ドメイン<span class="crayon-sy">}</span><span class="crayon-sy">.</span><span class="crayon-i">crt</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954026534be514860075-2"><span class="crayon-i">ssl_certificate_key</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">nginx</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-e">cert_files</span>/<span class="crayon-sy">{</span>ドメイン<span class="crayon-sy">}</span><span class="crayon-sy">.</span><span class="crayon-i">key</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<hr />
<h3>step.3　nginx再起動</h3>
<h4 class="it-Header_title">3.1.　nginxで設定ファイルチェック</h4>
<p></p>

		<div id="crayon-64954026534c3111837754" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
nginx -t</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64954026534c3111837754-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954026534c3111837754-1"><span class="crayon-i">nginx</span><span class="crayon-h"> </span>-<span class="crayon-i">t</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h4 class="it-Header_title">3.2.　nginx再起動</h4>
<p></p>

		<div id="crayon-64954026534c4089859787" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
service nginx restart</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64954026534c4089859787-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954026534c4089859787-1"><span class="crayon-e">service </span><span class="crayon-e">nginx </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<hr />
<h3>step.3　サイト上でSSL化できたか確認</h3>
<h4>3.1.　サイトをhttpsで表示し、URLの左の鍵マークをクリックする</h4>
<p>※成功したパターンを表示しています。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-16278" src="/uploads-archive/2020/06/ef6a1a7cd0c338f19b2a46cb0144495d-300x206.png" alt="" width="300" height="206" srcset="/uploads-archive/2020/06/ef6a1a7cd0c338f19b2a46cb0144495d-300x206.png 300w, /uploads-archive/2020/06/ef6a1a7cd0c338f19b2a46cb0144495d-228x157.png 228w, /uploads-archive/2020/06/ef6a1a7cd0c338f19b2a46cb0144495d.png 448w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h4>3.2.　証明書をクリックし、有効期限を確認</h4>
<p><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-16277" src="/uploads-archive/2020/06/b53f5d3ff27423abb84b408c8e7b6f14-300x170.png" alt="" width="300" height="170" srcset="/uploads-archive/2020/06/b53f5d3ff27423abb84b408c8e7b6f14-300x170.png 300w, /uploads-archive/2020/06/b53f5d3ff27423abb84b408c8e7b6f14-228x130.png 228w, /uploads-archive/2020/06/b53f5d3ff27423abb84b408c8e7b6f14.png 484w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>更新した日付から約1年後であれば、成功です◎<br />
※2年の証明書であれば約2年後<br />
&nbsp;<br />
[今回のキーワード]</p>
<ul>
<li>nginx</li>
<li>ドメイン/サブドメイン</li>
<li>SSL</li>
<li>証明書</li>
<li>virtualhost</li>
</ul>

nginxでドメインのSSL化 入門 ~完全攻略~

<p><H2>Vagrantとは</H2><br />
システムチームで使用している、開発環境の構築と共有を簡単に行うためのツールです。</p>
<p><H3>使うと何が嬉しいのか</H3><br />
・開発環境の構築が簡単にできる<br />
・開発環境のバックアップができる<br />
　→重要。後述参照<br />
・バックアップした開発環境の配布ができる<br />
　→開発環境を別の開発者に渡せば簡単に同じ開発環境を構築できる<br />
・環境に不具合が出たらバックアップから戻せばよい</p>
<p><H3>使わないと何が不便なのか</H3><br />
・環境構築がめんどくさいし時間がかかる<br />
　→Vagrant導入前だと環境構築するにはマニュアルを渡されそれに沿って開発環境を構築していた<br />
　 マニュアル通りに構築だとうまくいく人といかない人が出てくる<br />
　 1日かけてうまくいけばいい方なんてこともざらに合った<br />
　 ※開発の技術も日々進化している<br />
・開発環境のバックアップが容易にできない<br />
　→開発環境に不具合があった場合は原因追求しなければならない<br />
・開発環境の配布ができない<br />
　→開発構築マニュアルのようなもので構築する必要がある</p>
<p><H3>開発環境のバックアップについて</H3><br />
Vagrantサーバーにログインしっぱなしだと<br />
Macのterminalが固まり、その後うまく動作してくれない状態になったことがあります。<br />
その時バックアップを取っていなかったため手戻りが発生したことがあります。<br />
それ以降、１日の終わりに必ずバックアップを取るようにしています。</p>
<p><H3>最後に</H3><br />
一番言いたいことは、適宜バックアップを取りましょうということ</p>


Vagrantについて

<p>今回はnpmによるプラグインインストールのメリットを簡単に紹介していこうと思います。<br />
まず、npmとは何かと言いますと「Node Package Manager」の略でNode.jsのパッケージを管理するためのシステムのことを指します。<br />
この場合のパッケージとはJavaScriptのプラグインといったものとなります。</p>
<p>これらのプラグインをわざわざサイトからダウンロードしてフォルダに手動で入れたりすることもなく、簡単なコマンドを入力することでダウンロードからインストールまでする事が可能です。<br />
また、管理に関しても複数人で管理できる様になっている事からnpmを使い、共有する事が簡単になりました。</p>
<h3>npmを使うためには</h3>
<p>
npmを使うためには「Node.js」が必要となってきます。<br />
まず。node.jsがインストールされているかを確かめるには node -vとターミナルにコマンド入力します。</p>
<p></p>

		<div id="crayon-64d1a7a2bfa7a345371800" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
node -v</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2bfa7a345371800-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2bfa7a345371800-1"><span class="crayon-i">node</span><span class="crayon-h"> </span>-<span class="crayon-i">v</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>インストールされていない場合はインストールをしてください。</p>
<h3>npmを使ったパッケージのインストール</h3>
<p>例えば、jqueryをインストールしたい場合は下記のコマンドを入力します。</p>
<p></p>

		<div id="crayon-64d1a7a2bfa81694868212" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
npm install jquery</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2bfa81694868212-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2bfa81694868212-1"><span class="crayon-e">npm </span><span class="crayon-e">install </span><span class="crayon-i">jquery</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>これだけでjqueryがインストール出来ました。</p>
<p></p>

		<div id="crayon-64d1a7a2bfa84640059311" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
npm i jquery</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2bfa84640059311-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2bfa84640059311-1"><span class="crayon-i">npm</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-i">jquery</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>installをiと省略することも可能となっています。</p>
<p>それだけではなく先ほどの記述に&#8211;saveを付け足す事で以後npm installだけで自動的にそのパッケージをインストールする事ができる為、大幅な効率化が望めます。</p>
<p></p>

		<div id="crayon-64d1a7a2bfa87936111424" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
npm install jquery --save</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2bfa87936111424-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2bfa87936111424-1"><span class="crayon-e">npm </span><span class="crayon-e">install </span><span class="crayon-i">jquery</span><span class="crayon-h"> </span>--<span class="crayon-i">save</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>npmを使うメリット</h3>
<p>公式のサイトやGithubからダウンロードする事と比べ、npmを使ってインストールした際におけるメリットを紹介します。</p>
<h4>① インストールやアンインストールが簡単</h4>
<p>わざわざダウンロードをしてきて必要なファイル等をインストールしたりと若干の手間を先ほどのコマンドを打ち込む事で簡単にインストールが可能となっている為、作業スピードの向上、エラー等による時間のロスを軽減させる事が出来る。</p>
<p>勿論アンインストールに関しても</p>
<p></p>

		<div id="crayon-64d1a7a2bfa89879393516" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
npm uninstall</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2bfa89879393516-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2bfa89879393516-1"><span class="crayon-e">npm </span><span class="crayon-i">uninstall</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>の様にコマンドを入力すれば簡単にアンインストールが可能となっている。</p>
<h4>② 管理がしやすい</h4>
<p>npmは先ほども言った様に、パッケージのコードを複数人で管理する事ができる様に作られたものであるため既存のパッケージだけではなく共有しながらの開発等にも使用できます。</p>
<p>また、パッケージのバージョンが新しくなったりした際には自動的にバージョンを書き換えてくれる機能がついている為、バージョン管理の面でも非常に使いやすいものとなっています。</p>
<p>&nbsp;</p>
<h3>まとめ</h3>
<p>npmを使ってプラグイン等のインストールを行えば、今まで以上に作業の効率化と言った観点で役に立つと感じました。</p>
<p>その他オプションと言った細かい機能もまだまだある様なので個人的に今後作業をよりスピーディーに、エラーも少なく出来る様さらに覚えて行けたらと感じました。</p>

npmによるパッケージ(プラグイン等)のインストール

<h2>はじめに</h2>
<p>皆さんは仕事を進める上で「すぐやる」を徹底できていますか？<br />
業務に追われて問題解決を先延ばしにしたり、リスクを恐れて調査にリソースを大きく割いたりして、<br />
行動に取りかかるまでに時間が掛かり、「すぐやる」を実践できない状態に陥ることもあるかと思います。<br />
※私自身も優柔不断かつリスクを恐れるあまり、「すぐやる」を徹底できないことが多いです。</p>
<p><a href="https://www.amazon.co.jp/dp/4756920691/?tag=aqajp-22" target="_blank"><img decoding="async" src="https://m.media-amazon.com/images/I/418TmHmno-L._SL200_.jpg" alt="「すぐやる」思考法 (アスカビジネス)" style="border: none" /></a><br /><a href="https://www.amazon.co.jp/dp/4756920691/?tag=aqajp-22" target="_blank">「すぐやる」思考法 (アスカビジネス)</a></p>
<p>今回は「すぐやる力」を高めて問題解決スピードを上げるべく読んだ本、『「すぐやる」思考法』の紹介です。<br />
著者は<a href="https://twitter.com/ryo_cambridge8" target="_blank" rel="noopener">塚本亮さん</a>です。</p>
<h2>「すぐやる」に必要なものとは？</h2>
<p>「すぐやる」を徹底するには「すぐ判断する力」＝「思考」が必要になってきます。<br />
前もって思考の型をある程度決めておくことで、いざ問題に直面した際に<br />
あれこれと立ち止まって考え込まずに即断即決を下すことが可能になります。<br />
本書ではこの思考の型が以下の７つほど紹介されています。</p>
<ol>
<li>アクシス思考</li>
<li>エクスペリメント思考</li>
<li>インボルブ思考</li>
<li>アップデート思考</li>
<li>シンプレスト思考</li>
<li>マルチプル思考</li>
<li>センサリー思考</li>
</ol>
<p>今回はこの中から３つの思考を紹介致します。</p>
<h3>エクスペリメント思考</h3>
<p><strong>「エクスペリメント(experiment)」</strong>は、日本語に訳すと「実験」です。<br />
簡単に言ってしまえば、<strong>「とりあえずちょっとやってみる。」</strong>という思考法です。<br />
前例主義に囚われてPDCAサイクルの「P(計画)」に固執し、一歩も踏み出せぬまま時間を消費してしまうより、<br />
最低限の小さな仮説を立てて、すぐに行動に移し、その検証結果を基に改善を行った方がはるかに効率的です。<br />
いくら時間を掛けて入念な計画を立てても、それは過去の経験に基づいたものでしかありません。<br />
今回のコロナ禍のように我々を取り巻く状況が一変してしまうような事態起きた場合、<br />
膨大な時間を掛けて練りに練った入念な計画が無駄になることもあります。<br />
それよりも「とりあえずやってみよう」で日々こまめな仮説立てと「実験」を行なって、うまくいった方法、<br />
うまくいかなかった方法をどんどん蓄積していくことで、建設的な改善や成長に繋がっていきます。</p>
<p>時間の流れがとても早い現代社会では「PDCA」でなく、「D(実行)」を第一においた新しい考え方、<br />
<strong>DCAP[Do(実行)→ Check(評価)→Act(改善)→ Plan(計画)]サイクル</strong>を意識することで、<br />
刻一刻と変化する状況に適応していくことが可能になります。</p>
<h3>インボルブ思考</h3>
<p><strong>「インボルブ(involve)」</strong>は、日本語に訳すと「巻き込む」です。<br />
簡単に言ってしまえば、<strong>「他人を巻き込む」</strong>思考法です。<br />
「すぐやる」と一口に言っても、周りの物事全てを「すぐやろう」と背負い込んでも、すぐに潰れます。<br />
自分ができることには限界がある現状を認識し、不得手なことやできないことは、<br />
一旦割り切って、それらが得意な人に任せる、という方針を取りましょう。</p>
<h3>シンプレスト思考</h3>
<p><strong>「シンプレスト(simplest)」</strong>は、日本語に訳すと「最もシンプルな」です。<br />
簡単に言ってしまえば、<strong>「シンプルに考える」</strong>思考法です。<br />
「すぐやる」為に重要なのは、むしろ「何をやらないか」を見極めることです。<br />
自分の頭で「なぜこれをやらないといけないのか」をじっくり自問自答して、明確な答えが<br />
出てこない場合は「そもそもやらなくてもいいかもしれない」可能性があります。<br />
その次の段階として「もしこれをやらなかったとしたら、どんな影響が出るか」を考えます。<br />
「意外になんとかなりそう」と感じたのであれば、その仕事は「やらないことリスト」に入れてしまいます。<br />
「やらないこと」を見極めることで、対照的に「本当に自分がやるべきこと」の重要度が可視化されます。</p>
<h2>まとめ・所感</h2>
<p>本書を含め、問題解決・ロジカルシンキング系の書籍を立て続けに何冊か読んだのですが、<br />
どの書籍にも共通して書いてあったことは、「仕事の取捨選択を行い、対象を絞り込むこと」でした。<br />
組織で働く以上、手持ち業務の取捨選択を行うことはなかなか難しいように思えますが、<br />
これらを常に意識し続けていくことで効率的に業務をこなしていくことができるのではないでしょうか。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2020/07/03

2020/07/03

2020/07/03

2020/07/03

2020/07/01

2020/07/01

2020/06/30

2020/06/28

2020/06/28

2020/06/26

2020/06/26

2020/06/22

2020/06/17

2020/06/13

2020/06/13

2020/06/12

2020/06/12

2020/06/12