<div class="booklink-box" style="text-align: left;padding-bottom: 20px;font-size: small;overflow: hidden">
<div class="booklink-image" style="float: left;margin: 0 15px 10px 0"><a href="https://www.amazon.co.jp/exec/obidos/asin/4822255646/sackoh71-22/" target="_blank" rel="noopener"><img decoding="async" style="border: none" src="https://images-fe.ssl-images-amazon.com/images/I/51uoteQoTmL.jpg" /></a></div>
<div class="booklink-info" style="line-height: 120%;overflow: hidden">
<div class="booklink-name" style="margin-bottom: 10px;line-height: 120%">
<p><a href="https://www.amazon.co.jp/exec/obidos/asin/4822255646/sackoh71-22/" target="_blank" rel="noopener">OKR(オーケーアール) シリコンバレー式で大胆な目標を達成する方法</a></p>
<div class="booklink-powered-date" style="font-size: 8pt;margin-top: 5px;font-family: verdana;line-height: 120%">posted with <a href="https://yomereba.com" target="_blank" rel="nofollow noopener">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom: 5px">クリスティーナ・ウォドキー 日経BP社 2018-03-15</div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>前回の「<a href="https://sterfield.co.jp/officer/okr%E3%81%AE%E5%85%A8%E7%A4%BE%E5%B0%8E%E5%85%A5%E3%82%92%E6%B1%BA%E3%82%81%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82/">OKRの全社導入を決めました。</a>」と言う記事では、OKR導入のポイントと思いを綴りましたが、まずは、導入に当たっての鉄則でもある、小さく局所的に始めるということを実践したところ、様々な疑問が浮上してきまして、OKRを導入している企業に勤めている知人にヒアリングすると共にその会社の課題図書でもあったとされるズバリ「OKR(オーケーアール) シリコンバレー式で大胆な目標を達成する方法」を読みました。</p>
<p>第一部は物語調になっていて、OKRの導入する企業の奮闘記なのですが、第二部でOKRのフレームワークを紹介しており、その中でエッセンスとなる部分を引用多めでご紹介します。</p>
<h2>抜粋</h2>
<blockquote>
<h3>なぜ、やり遂げることができないのか</h3>
<ul>
<li>ゴールに優先順位を付けていない<br />
古い言い伝えにこうある。「 なにもかも重要というのは、どれも重要 でないのと同じ」</li>
<li>熱意を持って漏れなくゴールを伝えていない<br />
「 言い疲れた頃 に、 人 は耳を傾けはじめる」</li>
<li>やり遂げるためのプランがない</li>
<li>重要事項のための時間を空けていない<br />
「 重要なことはめったに緊急でなく、 緊急なことはめったに重要でない」</li>
<li>繰り返さずにやめ て しまう<br />
「 幸福な家族はみな似通っ ているが、 不幸な家族にはそれぞれの不幸の形がある」</li>
</ul>
</blockquote>
<p>まずは、なぜやり遂げることが出来ないのか端的に5つ挙げズバッと格言と共に。</p>
<blockquote>
<h3>成功への道</h3>
<ul>
<li>ＯＫＲの導入前にミッションを確認する</li>
</ul>
</blockquote>
<blockquote>
<h3>OKRの基本</h3>
<p>ＯＫＲはObjectivesandKeyResults（目標と主な結果）の略だ。ＯＫＲにはある程度標準化された形がある。Ｏは定性的なものをひとつだけ、ＫＲは定量的なものを３つくらい決める。</p>
<h4>O（Objectives）の条件</h4>
<ul>
<li>定性的で人を鼓舞する内容にする。</li>
<li>時間的な縛りをつくる</li>
<li>各チームが独立して実行できるようにする</li>
</ul>
<h4>ＫＲ（KeyResults）の条件</h4>
<ul>
<li>感覚的な言葉を定量化する（数字で表す）。</li>
<li>難しいが不可能ではないＫＲを設定するＯＫＲは常にストレッチ・ゴールにしなければならない。そのためには、ＯＫＲに10分の５の自信度を設定するとよい。自信度10分の５とは、「目標を達成できる自信が半分しかない」ということだ。自信度１は、「まず無理」、自信度10は「確実に達成できること請け合い」だ。この自信度10は、ゴール設定が低すぎるという意味でもある（「サンドバッグ」と言われる）。</li>
</ul>
</blockquote>
<blockquote>
<h3>ＯＫＲのはたらき</h3>
<p>ＯＫＲは連鎖する。会社がＯＫＲを設定したら、各部門はその全社ＯＫＲに貢献する部門ＯＫＲを設定することになる。部門ＯＫＲは、全社ＫＲのひとつに対応するものでも、すべてに対応するものでも構わない。</p></blockquote>
<h2>まとめ</h2>
<p>まずは、OKRの基本を抜粋しました。次回以降で実践編も行いたいと思います。</p>
<p>最後も引用で締めくくりたいと思います。</p>
<blockquote><p>ＯＫＲに挑戦する企業は最初はたいてい失敗する。失敗は危険な状況だ。というのも、チームがこのアプローチに幻滅して、再挑戦に及び腰になるおそれがあるからだ。習得に多少時間がかかるというだけ</p></blockquote>
<p>何度でも挑戦しよう。</p>
<p>目指すは「コツコツイノベーション」</p>


OKR(オーケーアール) シリコンバレー式で大胆な目標を達成する方法の書評

<p>当社は、人事評価制度の一環として目標管理ツール「OKR」を取り入れることにしました。</p>
<p>とにもかくにもこのGoogleがページを一読することをオススメします。</p>
<p><a href="https://rework.withgoogle.com/jp/guides/set-goals-with-okrs/steps/introduction/" target="_blank" rel="noopener">https://rework.withgoogle.com/jp/guides/set-goals-with-okrs/steps/introduction/</a></p>
<p>「数々の研究により、目標を定めて取り組むと、従業員のパフォーマンスを改善できることが明らかとなりました。」</p>
<p>冒頭に書かれているこの一文が導入の決め手です。</p>
<h2>OKRのポイント</h2>
<ul>
<li>限界を超えることがそもそもの目的である。そのため、不可能ではないが達成するには困難な高いレベルに設定する</li>
<li>達成率が60%～70%程度となるくらいが理想的（達成率が高い＝難易度の低い目標）</li>
<li>定量的で測定可能である</li>
<li>全ての目標（社長・部門/チーム単位・個人レベル）が社内で公開されている＝誰もが知ることができる</li>
<li>四半期ごとに目標を設定・評価する</li>
</ul>
<h2>OKRの凄さ</h2>
<p>よく比較されるのが、ドラッカーが提唱したMBOという目標管理制度。端的に言うと、これは一年ごとに目標を達成できたか否かで評価をする。一年ごとかどうかはさておき、日本の企業でも広く扱われている目標管理手法かと思います。</p>
<p>私が新卒でお世話になったベンチャー企業も大企業の由来の流れを汲んだ目標管理制度でした。</p>
<p>しかしながら、いよいよ自分たちの会社で制度を整えていこうと考えた時に、どうにもこれでは、しっくり来ていなかったところで出合ったのがこのOKRでした。</p>
<p>正確に言うと何度か目を触れていたにも関わらず、自分自身がそのフェーズではないと考えていたからか、右から左に抜けていたところにガツンとハマるきっかけがありました。</p>
<p>なんでも会社の制度や文化を根付かせようした時に、しっくり来ている人が少ないといずれ形骸化し、うやむやに流れてしまうもの（何度も経験している）ですが、このOKRに関しては私の思考性にもすごく合理的に当てはまるので何としても継続をしたいと強く思っています。</p>
<p>OKRの凄さはなんといっても、ストレッチ目標であることにつきます。この頑張れば何とか達成出来るかもという高い目標を掲げつつも、60％〜70％で成功とみなすというゆらゆらした合理性がとても性に合っていて、「昨日の自分を超えされすればいい」「頑張れば届きそうな目標設定でいい」と緩さにも繋がる部分が凄い点です。</p>
<p>またまた、過去の自分ですが、謎の営業目標を突き付けられ、最後の四半期で指数関数的に伸びていく営業チームの目標設定に対して、新卒の若手の自分でさえも、これどうやって達成するんだろう？営業工数も納品への作業工数も労働集約するモデルなのに人も指数関数で増やすのだろうかなどと疑問に思いながらも何も言えずモヤモヤした経験があるので、その当時OKRという手法を知っていればと思ったものです。</p>
<h2>まとめ</h2>
<p>Facebook上でちょうど友人がOKRについて言及していて</p>
<p>「コツコツイノベーション」</p>
<p>これがOKRを表現するときに的を得たコメントだと思いました。</p>
<p>そして最後に、このOKRを浸透させることが私の今期の<b>OBJECTIVE (目標)</b>です。</p>


OKRの全社導入を決めました。

<h2>スマホのクリックイベント順</h2>
<p>1.touchstart<br />
2.touchmove<br />
3.touchend<br />
4.mouseover (focusを当てた)<br />
5.mousemove (一回のみ)<br />
6.mousedown<br />
7.mouseup<br />
8.click</p>
<p>mousemoveイベントは一回のみ発生しますので、<br />
マウスの移動で出るアニメーションはスマホには出ません。</p>
<p>または、ダブルタップによるズームイン/ズームアウトを検知するため、300ms~350msの遅延が発生します。</p>
<h2>解決方法</h2>
<h3>1.<a href="https://github.com/ftlabs/fastclick ">FastClick.js</a>などlibraryを使う</h3>
<h3>2.以下をページに入れる</h3>
<p></p>

		<div id="crayon-649540264fabb372473436" 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;">
&lt;meta name="viewport" content="width=device-width"&gt;</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-649540264fabb372473436-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-649540264fabb372473436-1"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"viewport"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"width=device-width"</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>そうなるとダブルタップによるズームイン/ズームアウトが無効になります。<br />
<a href="https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay ">サポートされているブラウザ</a></p>
<h3>3.preventDefault()</h3>
<p>タッチイベントを優先し、preventDefault()を呼び出し、<br />
マウスイベントを発生させないようにしています。</p>
<p>参考サイト</p>
<p><a href="https://developer.mozilla.org/ja/docs/Web/Guide/DOM/Events/Touch_events/Supporting_both_TouchEvent_and_MouseEvent ">TouchEvent と MouseEvent の両方をサポートする</a><br />
<a href="https://www.html5rocks.com/en/mobile/touchandmouse/ ">Touch And Mouse</a><br />
<a href="https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away ">300ms tap delay, gone away</a></p>

タッチイベント &#038; マウスイベント

<h3>アフィリエイト経由での売上減少</h3>
<p>化粧品や雑貨などＥＣで販売する多くの企業がアフィリエイト経由での売り上げが減少しているという情報を聞きつけたので調べてみました。</p>
<p>減少の理由の1つにGoogleが、「医療・健康・化粧品に関する検索結果で信頼性の高いページを上位表示する」という内容のアルゴリズム変更を行った事にあるようです。<br />
大幅な売り上げ減少に伴い、今後としてアフィリエイト広告に変わる、認識拡大の手段が必要となってきました。</p>
<p>アフィリエイト広告のデータに関して12社をモニタリングして経過を計測した結果、約60％のサイトで順位変動が起きており、その中の企業の例を挙げると化粧品EC企業によると17年８月と比較して、18年8月のアフィリエイト広告における新規注文数が「７割減」となっており、大幅に下落しているとの事であると言う調べがある。<br />
しかし、アフィリエイト広告売り上げ減少に対して確定で明確に原因を把握しているという企業はなかったとしている。<br />
化粧品、雑貨、食品等の供給過多により各企業個体ベースで結果的ではあるにせよ低迷している背景は前提としてアフィリエイト広告自体が力を持たなくたって来ているということは事実であるようです。<br />
※美容系等はアフィリエイター等が紹介して流入に繋がるという事が多い。</p>
<p>とはいうものの実施的な要因はGoogleにおける検索アルゴリズムの変動が大きなウエイトを占めている。<br />
※アルゴリズム変更はDeNAが行っていたまとめサイトのウェルクが発端となった「キュレーション問題」が起因している<br />
キュレーション問題参照元：<br />
<a href="https://www.amamiyashion.com/entry/2016/12/06/193000">https://www.amamiyashion.com/entry/2016/12/06/193000</a></p>
<p>&nbsp;</p>
<h3>まとめ</h3>
<p>基本的にコンプライアンスに対して細心の注意を払ってサイト構築を行っていくことはもちろん、濃密でアクセスしたユーザーのニーズに的確に答えられるサイト構築に対して再度見直しをかけていくことが重要であり、実際に販売、提供している物が常に成長していくことが更に求められてくるということだと思います。</p>
<p>単品リピート通販から脱却していくことが余儀なくされることなるでしょう。</p>
<p>&nbsp;</p>
<p>参考資料：ネット経済新聞</p>
<p>&nbsp;</p>


アフィリエイト、Googleのアルゴリズム変更の影響

<p>最近、WEBページのデザインで、ページを構成するパーツから先にデザインを始める必要のある案件に初めて携わったのですが、<br />
これまでページ全体のレイアウト→各セクションのレイアウト→各部品のレイアウトというふうに、どちらかというと大きなところからデザインを進める方法をとっていたため、<br />
若干戸惑ってしまいました。</p>
<p>しかし、レスポンシブデザインでは、PC、タブレット、スマホでそれぞれ適したページレイアウトが異なっており、ページのレイアウトからデザインを進める方法が適さない場合が少なくありません。<br />
そんな中、最近ではパーツやそれらの集まりであるコンポーネントからデザインし、それらを組み合わせてページを作っていく方法が広がりつつあります。</p>
<p>そこでパーツからデザインする方法を調べたところ、アトミックデザインという方法に行き着きました。<br />
アトミックデザインとは、部品の最小単位を原子（Atom）と位置づけ、<br />
原子（Atoms; 部品の最小単位）<br />
→ 分子（Molecules; 2個以上の最小単位の組み合わせ）<br />
→ 有機体（Organisms; 機能を成す分子の集まり）<br />
→ テンプレート（Templates; ページのレイアウト）<br />
→ ページ(Pages; 実際の内容をテンプレートに組み込んだもの)<br />
という様に、細部からより大きな単位へとデザインしていく方法です（参考: <a href="http://atomicdesign.bradfrost.com/chapter-2/" target="_blank" rel="noopener">Atomic Design Methodology | Atomic Design by Brad Frost</a>）。</p>
<p>アトミックデザインの方法を使うことで、効率の高い自由度の高いデザインが可能となります。<br />
アトミックデザインでは独立した機能を持ったパーツを単位としてデザインするため、レイアウトの変更や変化によって機能が失われることがありません。そのため、必要に応じて自由にレイアウトすることが可能です。<br />
デバイスごとにレイアウト変更が必要なレスポンシブデザインには最適です。</p>
<p>さて、WEBページのデザインをするためのアプリとして、最近私はAdobeのXDをよく使います。<br />
日々アップデートされ、段々と使いやすくなっているのを感じます。</p>
<p>ただ、XDを使ってアトミックデザインをやってみようとしたときに、問題にぶつかりました。<br />
XDで部品を組み合わせる場合、シンボルという機能を使って実現することになります。<br />
このシンボルは、再利用する部品をプロジェクトのアセットとしてストックしていく仕組みです。<br />
XDではシンボルをシンボルで構成するような入れ子の構造も可能なので、アトミックデザインも可能かと思われたのですが、シンボルではテキストとビットマップ形式の画像以外はパーツの差し替えができないため、アトミックデザインの利点を活かしきることができません。</p>
<p>2019.06.11追記）<a href="https://launchcart.jp/blog/adobe-xd%E3%81%8C%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AB%E5%AF%BE%E5%BF%9C%EF%BC%81%E3%82%A2%E3%83%88%E3%83%9F%E3%83%83%E3%82%AF%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" target="_blank" rel="noopener">XDにコンポーネントが導入されました！</a></p>
<div class="lcLink js-loadLcLink" data-lclink="https://launchcart.jp/blog/adobe-xd%e3%81%8c%e3%82%b3%e3%83%b3%e3%83%9d%e3%83%bc%e3%83%8d%e3%83%b3%e3%83%88%e3%81%ab%e5%af%be%e5%bf%9c%ef%bc%81%e3%82%a2%e3%83%88%e3%83%9f%e3%83%83%e3%82%af%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/"><a href="https://launchcart.jp/blog/adobe-xd%e3%81%8c%e3%82%b3%e3%83%b3%e3%83%9d%e3%83%bc%e3%83%8d%e3%83%b3%e3%83%88%e3%81%ab%e5%af%be%e5%bf%9c%ef%bc%81%e3%82%a2%e3%83%88%e3%83%9f%e3%83%83%e3%82%af%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/" target="_blank">記事へのリンク</a></div>
<p>&nbsp;</p>
<div id="attachment_14396" style="width: 650px" class="wp-caption alignnone"><a href="/uploads-archive/2018/11/Nov-13-2018-16-40-33.gif"><img aria-describedby="caption-attachment-14396" decoding="async" loading="lazy" class="size-full wp-image-14396" src="/uploads-archive/2018/11/Nov-13-2018-16-40-33.gif" alt="" width="640" height="448" /></a><p id="caption-attachment-14396" class="wp-caption-text">XDではアイテムごとにアイコンを変更したい場合、シンボルから解除した上で、アイコンを差し替える必要があるので、レイアウトを変更するときに別々の変更が必要になる</p></div>
<p>一方、XDと同じくUI/UXデザインツールとして人気のSketchでは、パースそれぞれの中で、パーツを差し替えることも可能なので、アトミックデザインに最適だと言われています。<br />
しかし、Sketchは年間$99の支払いが必要で、Windows環境に対応しておらず、プロトタイプの共有はまた別途in visionの契約が必要になるため、導入のハードルが少し高いと感じていました。</p>
<p>そこで別のアプリを探してみたところ、<a href="https://www.figma.com" target="_blank" rel="noopener">Figma</a>というUI/UXデザインツールがとても優れているという<a href="https://note.mu/gimmickdock/n/nb304dee6bd51" target="_blank" rel="noopener">記事</a>を見つけました。</p>
<p>Figmaはブラウザで動作するため、Mac、Windowsを問いません。<br />
実際使ってみると、ブラウザで動作するアプリにもかかわらず、ネイティブアプリを操作しているかのような快適な操作感で、とても使いやす印象でした。</p>
<p>更に、Sketchと同じように、XDのシンボルに当たるパーツの管理機能は、マスターコンポーネント→インスタンスという形式をとっているので、同じパーツであっても、それぞれで違うパーツへ差し替えることが可能で、アトミックデザインを行う上で優れていることがわかりました。</p>
<div id="attachment_14411" style="width: 650px" class="wp-caption alignnone"><a href="/uploads-archive/2018/11/Nov-13-2018-17-22-48.gif"><img aria-describedby="caption-attachment-14411" decoding="async" loading="lazy" class="size-full wp-image-14411" src="/uploads-archive/2018/11/Nov-13-2018-17-22-48.gif" alt="" width="640" height="405" /></a><p id="caption-attachment-14411" class="wp-caption-text">Figmaでは同じパーツ（コンポーネント）の中のパーツをそれぞれ差し替え可能</p></div>
<p>3プロジェクトまで無料で利用できますので、まずはFigmaでアトミックデザインを覚え、なれてきたらSketchというのも方法としてはありかもしれません。</p>
<p>また、Figmaは30日間分のバージョン管理も可能。<br />
Sketchと違い、単独でプロトタイプの共有が可能なのも魅力です。<br />
また、無料版では2人まで、月$12の有料版では人数無制限の同時編集も可能で、<br />
チームでデザインを行う場合には、Sketchよりも優れたツールだと感じました。</p>
<p>&nbsp;</p>
<h3>参考にさせていただいたサイト</h3>
<p><a href="http://atomicdesign.bradfrost.com/chapter-2/" target="_blank" rel="noopener">Atomic Design Methodology | Atomic Design by Brad Frost</a></p>
<p><a href="https://goworkship.com/magazine/atomic_design/" target="_blank" rel="noopener">アトミックデザインとは？ コンポーネント単位で創るUIデザイン手法 | Workship MAGAZINE(ワークシップマガジン)</a></p>
<p><a href="https://www.webcreatorbox.com/inspiration/component-design" target="_blank" rel="noopener">これからのWebデザインは、コンポーネント化を意識しよう | Webクリエイターボックス</a></p>
<p><a href="https://note.mu/gimmickdock/n/nb304dee6bd51" target="_blank" rel="noopener">一人で「UIデザインツールどれがいいのか論争」をしてみる｜ノムラギミック｜note</a></p>


XD使いがアトミックデザインを始めるならUI/UXデザインアプリのFigmaがよさそう

<h2><strong><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14407" src="/uploads-archive/2018/11/golden-circle-300x285.png" alt="" width="300" height="285" srcset="/uploads-archive/2018/11/golden-circle-300x285.png 300w, /uploads-archive/2018/11/golden-circle-768x730.png 768w, /uploads-archive/2018/11/golden-circle-228x217.png 228w, /uploads-archive/2018/11/golden-circle.png 867w" sizes="(max-width: 300px) 100vw, 300px" /></strong></h2>
<h2><strong>「なぜ」</strong>は心の奥底の動機を明確にする？</h2>
<p>どのようにして他人または自分自身に動機与えるか。</p>
<p>どうしてその動機にいたったのかを理解するか。</p>
<p>他人に想いを心から伝えたい時。他人の本心を聞き出したい時。</p>
<p>&nbsp;</p>
<p>サークルの運営や、就職活動時に苦戦したのを覚えています。</p>
<p>&nbsp;</p>
<p>また、今後営業や広告などマーケティング活動、新卒採用説明会、チームマネジメントといった思いを伝える必要性のある高い壁が佇んでいます。</p>
<p>&nbsp;</p>
<h4>チームマネジメントに関して</h4>
<blockquote><p>リーダーの大きな役割というのは、部下をモチベートする事</p></blockquote>
<p><a href="https://youtu.be/Vislm2GF7vM">https://youtu.be/Vislm2GF7vM</a></p>
<p>と僕の仮想相談役のよしかんさんは言っています。</p>
<p>しかし、そもそもリーダーは部下をモチベートする時間を生み出すのは難しいはずです。</p>
<p>ので、個々人が<strong>自らをモチベートできる強いチーム</strong>作りましょう。</p>
<p>&nbsp;</p>
<p>モチベーション、動機をどう生み出すのか。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>サイモンシネックのゴールデンサークル</h2>
<p><img decoding="async" src="http://boscoanthony.com/wp-content/uploads/2013/01/goldencircle.jpg" alt="ãgolden circleãã®ç»åæ¤ç´¢çµæ" /></p>
<p>&nbsp;</p>
<p><a href="https://www.youtube.com/watch?v=u4ZoJKF_VuA">https://www.youtube.com/watch?v=u4ZoJKF_VuA</a></p>
<blockquote>
<p style="text-align: center"><strong>人は「何を」ではなく、「なぜ」に動かされる。</strong></p>
<p>Simon Oliver Sinek (born October 9, 1973) is a British-American author, motivational speaker and organisational consultant. He is the author of five books, including Start With Why (2009).</p>
<p>&nbsp;</p></blockquote>
<h3>お好みのツールに変形</h3>
<p>このゴールデンサークルに人それぞれのトッピングをして好みのツールにするのもありかと思います。</p>
<p>僕の場合は、「<strong>抽象化</strong>と<strong>具体化</strong>」「<strong>ポジティブ</strong>か<strong>ネガティブ</strong>か」のメジャーをトッピングしています。</p>
<p>&nbsp;</p>
<p><img decoding="async" src="https://az616578.vo.msecnd.net/files/2016/09/10/636090853045951194144820282_the-golden-circle.jpg" alt="ãgolden circleãã®ç»åæ¤ç´¢çµæ" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>（例　今回僕がナレッジシェアの説明</h3>
<p><strong>What</strong> : 人間の考え方、伝え方、受け取り方の共有。</p>
<p style="text-align: center">&#x2b07;︎</p>
<p><strong>How</strong> : 会社でのブログ、皆さんの前でプレゼン、サイモンシネックの動画を借りて。</p>
<p style="text-align: center">&#x2b07;︎</p>
<p><strong>Why</strong> : この本質を捉える考え方を浸透させスタンダードにし、スターフィールドを更に強いチームにするため。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&#x27a1;︎Why (macro) : 物事の考え方の枠を作り、内部での情報交換を円滑にしLCをグレードアップし、更に海外展開を容易に。</p>
<p style="text-align: center">↓</p>
<p>Why (macro) : 世界の価値ある商品を適正価格で。世の中をもっと便利に。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&#x27a1;︎Why (micro) : せっかく入社し、せっかく皆さん仕事をする事ができるのでLCを成功させたい。</p>
<p style="text-align: center">↓</p>
<p>Why (micro) : 自分の将来、キャリア、生活がかかっているので。</p>
<p style="text-align: center">↓</p>
<p>Why (micro) : 一度の人生を充実に幸せに生きたい。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>かなり大雑把にやりましたが、実践してみて僕が感じたメリットは</p>
<p>&nbsp;</p>
<ul>
<li>仕事に関することだけではなく、小さな物事の<strong>意義を明確にでき</strong>、ポジティブなモチベーションを持つ事ができる。</li>
<li>なぜ？という問いかけが習慣化されて色々なものに<strong>興味が沸く</strong>。</li>
<li>他人がとった選択の狙いを<strong>忖度</strong>する事ができる。</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>新卒同期の庭屋君とwhy,whyやって常に本質を捉えている新卒文化を作っていきたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


なぜ、「なぜ」が大切なのか。

<p>韓国越境EC、韓国現地ECが徐々に増えてきており、もしかしたら大きな流れができるかもしれない、という状態になりつつある気がしている。</p>
<p>そんな中自戒の念をこめて韓国についてもっと学んでいきたいと思い、まずはECにおける基本情報をまとめてみた。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th></th>
<th>韓国</th>
<th>日本</th>
</tr>
<tr>
<th>人口</th>
<td>26位<br />
(5147万人)</td>
<td>10位<br />
(1億1267万人)</td>
</tr>
<tr>
<th>1人あたりGDP</th>
<td>29位<br />
(29,938.45USD)</td>
<td>25位<br />
(38,448.57USD)</td>
</tr>
<tr>
<th>インターネット普及率</th>
<td>11位<br />
(92.72)</td>
<td>12位<br />
(92.00%)</td>
</tr>
<tr>
<th>スマホ利用率</th>
<td>1位<br />
(94％)</td>
<td>21位<br />
(59%)</td>
</tr>
<tr>
<th>EC市場規模</th>
<td>6位<br />
(563億USD)</td>
<td>4位<br />
(953億USD)</td>
</tr>
<tr>
<th>越境EC利用率</th>
<td>7位<br />
(1000万人)</td>
<td>8位<br />
(900万人)</td>
</tr>
<tr>
<th>英語能力(EF EPIランキング)</th>
<td>30位</td>
<td>37位</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>先進国なのであたりまえなのかもしれないが、インフラはかなり整っている。</p>
<p>ネット環境という意味では日本より進んでいるようだ。</p>
<p>市場規模が日本よりも小さく見えるが、越境ECの利用者としては日本を超えているのでチャンスとしては大きく見える。</p>
<p>というより、人口比でいうと越境EC利用率は韓国19.6%、日本7.0%なので海外製品購入のハードルはかなり低い状態のようだ。</p>
<p>また、ECの市場規模についても、韓国6位、日本4位という結果だが、対前年比の伸び率でいうと、韓国+20.9%に対し日本+6.0%なのでもしかしたら日本より魅力的な市場なのかもしれない、、</p>
<p>つづいて各種サービスのシェア。</p>
<table>
<tbody>
<tr>
<th>検索エンジンシェア</th>
<td>Google 58.11%<br />
Naver 30.58%<br />
Daum 8.57%</td>
</tr>
<tr>
<th>SNS利用率</th>
<td>Facebook 62%<br />
カカオストーリー 47.6%<br />
インスタ30.5%<br />
Naver-Band 29.7%<br />
Naver-Blog 28.2%<br />
Naber-Cafe 11.7%</td>
</tr>
<tr>
<th>チャットアプリ</th>
<td>カカオトーク 99.5%<br />
Facebookメッセンジャー 27.5%<br />
LINE 11.3%</td>
</tr>
<tr>
<th>決済手段</th>
<td>クレカ 79.1%<br />
無通帳入金 45%<br />
デビットカード 34%<br />
決済アプリ28.7%<br />
キャリア決済27.2%</td>
</tr>
</tbody>
</table>
<p>このあたりが特殊だと言われているが、データを見る限りは日本やその他越境EC対象国に近い感じがする。</p>
<p>というよりクレカの普及率が高いので日本企業にとってはやりやすい可能性が高い。</p>
<p>実際には現地のサービスも駆使しなければ成功確率は下がるのだとは思うが、まずやってみるという意味だとそこまでハードルは高くなさそうだ。</p>
<p>&nbsp;</p>
<p>やはり可能性の高い国と思うので、引き続き越境ECが盛り上がるよう掘り下げていきたい。</p>


medium_107527439-768x512.jpg

small_107527439-768x512.jpg

thumbnail_107527439-768x512.jpg

107527439-768x512.jpg

【韓国越境EC】韓国を知ろう①

<h3>本稿で触れるもの</h3>
<div style="padding-left: 15px;">
  1. Pythonで実行するSelenium環境の構築手順<br />
  2. コード(一部)の紹介<br />
  3. Headlessにするための必要手順</div>
<h3>経緯・期待する結果</h3>
<div style="padding-left: 15px;">
  PHPによるSelenium動作時にSeleniumサーバーを立ち上げながら<br />
  ブラウザを一つずつ開いていくのをバックグラウンドでQuietに出来ないか、、と模索した末に<br />
  Pythonへの言語シフト＋Headless Chromeにて期待する結果が得られました。</p>
<p>  環境の準備は以下の手順<br />
  1. Pytnon3.x系をインストール (Mac上)</p>

		<div id="crayon-649540264f8d3957744221" 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><span class="crayon-language">Shell</span></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;">
brew install python3</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-649540264f8d3957744221-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-649540264f8d3957744221-1"><span class="crayon-e">brew </span><span class="crayon-e">install </span><span class="crayon-i">python3</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  2. Selenium Moduleのインストール</p>

		<div id="crayon-649540264f8d7182315361" 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><span class="crayon-language">Shell</span></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;">
pip3 install selenium</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-649540264f8d7182315361-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-649540264f8d7182315361-1"><span class="crayon-e">pip3 </span><span class="crayon-e">install </span><span class="crayon-i">selenium</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>3. Chrome Headlessのインストール<br />
  https://sites.google.com/a/chromium.org/chromedriver/downloads<br />
  ここからMac用ドライバをダウンロードし、PATHの通ってるディレクトリに移動する。<br />
  例) /usr/bin/chromedriver<br />
  4. 自己証明書の信頼化<br />
  ※ これが無いとHeadlessには出来ない<br />
  5. プログラムの実装</p></div>
<h3>苦戦したところ</h3>
<div style="padding-left: 15px;">
  前項目の4がなかなか上手く行かなかったのと情報が少なかったため<br />
  別投稿として扱いまとめました。</p>
<p>  プログラムの実装は今回は別の用途として使えてしまうため割愛します。</p></div>

自動テストツールのHeadless化

<h3>経緯と目的</h3>
<div style="padding-left: 15px;">
  開発環境などの自己証明書(通称オレオレ証明書)を使って<br />
  Webアプリケーションを動かしていると、<br />
  昨今のブラウザではSSLのセキュリティ警告が出て最悪表示されません。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/11/ScreenShot-2018-11-13-10.13.01-300x23.png" alt="" width="300" height="23" class="alignnone size-medium wp-image-14371" srcset="/uploads-archive/2018/11/ScreenShot-2018-11-13-10.13.01-300x23.png 300w, /uploads-archive/2018/11/ScreenShot-2018-11-13-10.13.01-228x18.png 228w, /uploads-archive/2018/11/ScreenShot-2018-11-13-10.13.01.png 451w" sizes="(max-width: 300px) 100vw, 300px" /><br />
インセキュアな表示&#8230;</p>
<p>WindowsのChromeでは(自分の環境のみかもしれませんが)以下のように全くアクセス出来ず&#8230;<img decoding="async" loading="lazy" src="/uploads-archive/2018/11/windows_chrome_ssl_error-300x216.png" alt="" width="300" height="216" class="alignnone size-medium wp-image-14372" srcset="/uploads-archive/2018/11/windows_chrome_ssl_error-300x216.png 300w, /uploads-archive/2018/11/windows_chrome_ssl_error-768x552.png 768w, /uploads-archive/2018/11/windows_chrome_ssl_error-228x164.png 228w, /uploads-archive/2018/11/windows_chrome_ssl_error.png 836w" sizes="(max-width: 300px) 100vw, 300px" /><br />
  警告メッセージを進めば表示できるケースもあるが面倒。</p>
<p>  今回はこのセキュリティ警告に対して<br />
  自分の開発環境を例外として認識させるのが目的です。</p></div>
<h3>必要な作業</h3>
<div style="padding-left: 15px;">
  SSLの種類をCN(CommonName)対応ではなく<br />
  追加名としてSAN(SubjectAlternateName)という<br />
  マルチドメインに対応させる必要があった。</p>
<p>  特にChrome58以降では必須となっています。</p>
<p>  以下を実施。<br />
  1. 証明書のキーを生成</p>

		<div id="crayon-649540264f6be286025225" 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><span class="crayon-language">Shell</span></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;">
openssl genrsa -aes256 -out lc.lc.local.key 2048</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-649540264f6be286025225-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-649540264f6be286025225-1"><span class="crayon-e">openssl </span><span class="crayon-i">genrsa</span><span class="crayon-h"> </span>-<span class="crayon-i">aes256</span><span class="crayon-h"> </span>-<span class="crayon-e">out </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.key</span><span class="crayon-h"> </span><span class="crayon-cn">2048</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>2. キーのパスワードを削除</p>

		<div id="crayon-649540264f6c2115467821" 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><span class="crayon-language">Shell</span></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;">
openssl rsa -in lc.lc.local.key -out lc.lc.local.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-649540264f6c2115467821-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-649540264f6c2115467821-1"><span class="crayon-e">openssl </span><span class="crayon-i">rsa</span><span class="crayon-h"> </span>-<span class="crayon-st">in</span><span class="crayon-h"> </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.key</span><span class="crayon-h"> </span>-<span class="crayon-e">out </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.key</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>3. CSRを生成</p>

		<div id="crayon-649540264f6c3823995123" 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><span class="crayon-language">Shell</span></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;">
openssl req -new -key lc.lc.local.key -out lc.lc.local.csr</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-649540264f6c3823995123-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-649540264f6c3823995123-1"><span class="crayon-e">openssl </span><span class="crayon-i">req</span><span class="crayon-h"> </span>-<span class="crayon-r">new</span><span class="crayon-h"> </span>-<span class="crayon-e">key </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.key</span><span class="crayon-h"> </span>-<span class="crayon-e">out </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.csr</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>4. SANリストを作成</p>

		<div id="crayon-649540264f6c4740991711" 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><span class="crayon-language">Shell</span></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;">
echo "subjectAltName = DNS:lc.lc.local, DNS:*.lc.local" &gt; san.txt</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-649540264f6c4740991711-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-649540264f6c4740991711-1"><span class="crayon-r">echo</span><span class="crayon-h"> </span><span class="crayon-s">"subjectAltName = DNS:lc.lc.local, DNS:*.lc.local"</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">san</span><span class="crayon-e">.txt</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>5. 証明書(CRT)を生成</p>

		<div id="crayon-649540264f6c5806598984" 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><span class="crayon-language">Shell</span></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;">
openssl x509 -req -days 3650 -in lc.lc.local.csr -signkey lc.lc.local.key -out lc.lc.local.crt -extfile san.txt</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-649540264f6c5806598984-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-649540264f6c5806598984-1"><span class="crayon-e">openssl </span><span class="crayon-i">x509</span><span class="crayon-h"> </span>-<span class="crayon-i">req</span><span class="crayon-h"> </span>-<span class="crayon-i">days</span><span class="crayon-h"> </span><span class="crayon-cn">3650</span><span class="crayon-h"> </span>-<span class="crayon-st">in</span><span class="crayon-h"> </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.csr</span><span class="crayon-h"> </span>-<span class="crayon-e">signkey </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.key</span><span class="crayon-h"> </span>-<span class="crayon-e">out </span><span class="crayon-i">lc</span><span class="crayon-e">.lc</span><span class="crayon-e">.local</span><span class="crayon-e">.crt</span><span class="crayon-h"> </span>-<span class="crayon-e">extfile </span><span class="crayon-i">san</span><span class="crayon-e">.txt</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>  5で作成したcrtファイルをWebサーバーに設定。<br />
  そしてブラウザにインポートする。以下はMacでの例。</p>
<p>  「キーチェーンアクセス」を開き<br />
  「システム」の証明書一覧の「＋」ボタンを押して上記5で生成したcrtを開く。<br />
  その後、詳細を表示し「常に信頼する」を選択。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/11/ScreenShot-2018-11-13-9.54.09-300x202.png" alt="" width="300" height="202" class="alignnone size-medium wp-image-14373" srcset="/uploads-archive/2018/11/ScreenShot-2018-11-13-9.54.09-300x202.png 300w, /uploads-archive/2018/11/ScreenShot-2018-11-13-9.54.09-768x518.png 768w, /uploads-archive/2018/11/ScreenShot-2018-11-13-9.54.09-228x154.png 228w, /uploads-archive/2018/11/ScreenShot-2018-11-13-9.54.09.png 883w" sizes="(max-width: 300px) 100vw, 300px" /><br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/11/ScreenShot-2018-11-13-9.55.44-300x252.png" alt="" width="300" height="252" class="alignnone size-medium wp-image-14374" srcset="/uploads-archive/2018/11/ScreenShot-2018-11-13-9.55.44-300x252.png 300w, /uploads-archive/2018/11/ScreenShot-2018-11-13-9.55.44-228x192.png 228w, /uploads-archive/2018/11/ScreenShot-2018-11-13-9.55.44.png 515w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  結果が以下のブラウザでのSecurity証明書表示。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/11/ScreenShot-2018-11-13-10.06.50-300x244.png" alt="" width="300" height="244" class="alignnone size-medium wp-image-14375" srcset="/uploads-archive/2018/11/ScreenShot-2018-11-13-10.06.50-300x244.png 300w, /uploads-archive/2018/11/ScreenShot-2018-11-13-10.06.50-228x186.png 228w, /uploads-archive/2018/11/ScreenShot-2018-11-13-10.06.50.png 526w" sizes="(max-width: 300px) 100vw, 300px" /></div>

開発環境の自己証明書をブラウザに信頼させる

<p>以前 AngularJS についてご紹介したとき、バージョンは 1 系でしたが、<br />
バージョン2系で大幅に変更が加わり、現行のバージョン6系では、Angular と名前を変え（JSがなくなった）更に進化を遂げています。</p>
<p>バージョン1では HTML を直接編集して開発を行う方法が取られていましたが、<br />
バージョン2以降では、Angular CLI というコマンドラインのインターフェースで開発を行う方法に変わっています。<br />
更に、JavaScript ではなく、TypeScript でスクリプトを記述するのもAngularの特徴です。</p>
<p>TypeScriptで記述されており、<a href="https://jp.vuejs.org/index.html" target="_blank" rel="noopener">Vue.js</a> や <a href="https://reactjs.org/" target="_blank" rel="noopener">React</a> と比べて学習コストがかかり、<br />
小規模なサイトで気軽に導入するのには向きませんが、</p>
<p>堅牢な構造で、Symfony のようなPHPフレームワークにも似た構造で開発を進められるため、<br />
大規模なサイトでの導入に向いています。</p>
<p>今回は試しに Angular を使って、簡単な管理画面を作ってみました。</p>
<p>↓作ってみたもの</p>
<p><a class="demo" href="/demo/ninomiya/140/">DEMO</a></p>
<p>&nbsp;</p>
<p>基本、<a href="https://angular.jp/tutorial" target="_blank" rel="noopener">公式のチュートリアル</a>をもとしていますが、<br />
こちらを作るときに、難しかったテクニックなどについて、<br />
追って紹介させていただく予定です。</p>
<p>&nbsp;</p>
<h2>参考にさせていただいたサイト</h2>
<p><a class="link" href="https://angular.jp/docs" target="_blank" rel="noopener">Angular 公式ドキュメント</a></p>
<p><a class="link" href="https://qiita.com/ksh-fthr/items/e43dd37bff2e51e95a59" target="_blank" rel="noopener">[Angular] サービスを使用してデータをコンポーネント間で共有する</a></p>
<p><a class="link" href="http://jasonwatmore.com/post/2017/04/19/angular-2-4-router-animation-tutorial-example" target="_blank" rel="noopener">Angular 2/5 &#8211; Router Animation Tutorial &amp; Example | Jason Watmore&#8217;s Blog</a></p>
<p>&nbsp;</p>
<h3>↓しっかり組みたいけど、部分導入から始めるのであれば</h3>
<p><a class="link" href="https://launchcart.jp/blog/react-hooks%e3%81%ab%e3%82%88%e3%82%8bflux%e3%81%a7%e3%82%bf%e3%83%96%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%be%e3%81%a7/" target="_blank" rel="noopener">React HooksによるFluxでタブを作るまで | LaunchCart | 越境EC専用カート</a></p>


大規模なシステムの管理画面の開発にAngularが良さそう

<p>新たに入社した台湾出身プログラマーの周さん、インターン生の庭屋くんの歓迎会行いました！</p>
<p>場所は会社の屋上。</p>
<p>そう！　最近あまり使っていなかったですが、弊社には屋上にバーベキューできるスペースがあるんです。</p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-14322" src="/uploads-archive/2018/09/rawpixel-749495-unsplash-1024x683.jpg" alt="" width="1024" height="683" srcset="/uploads-archive/2018/09/rawpixel-749495-unsplash-1024x683.jpg 1024w, /uploads-archive/2018/09/rawpixel-749495-unsplash-300x200.jpg 300w, /uploads-archive/2018/09/rawpixel-749495-unsplash-768x512.jpg 768w, /uploads-archive/2018/09/rawpixel-749495-unsplash-228x152.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>ものすごく大きい塊肉を焼いてみたり、、</p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-14329" src="/uploads-archive/2018/09/annie-spratt-485369-unsplash-682x1024.jpg" alt="" width="682" height="1024" srcset="/uploads-archive/2018/09/annie-spratt-485369-unsplash-682x1024.jpg 682w, /uploads-archive/2018/09/annie-spratt-485369-unsplash-200x300.jpg 200w, /uploads-archive/2018/09/annie-spratt-485369-unsplash-768x1154.jpg 768w, /uploads-archive/2018/09/annie-spratt-485369-unsplash-228x343.jpg 228w" sizes="(max-width: 682px) 100vw, 682px" /></p>
<p>周さんのリクエストで焼きマシュマロをしてみたり、、</p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-14327" src="/uploads-archive/2018/09/jessica-ruscello-350144-unsplash-1024x683.jpg" alt="" width="1024" height="683" srcset="/uploads-archive/2018/09/jessica-ruscello-350144-unsplash-1024x683.jpg 1024w, /uploads-archive/2018/09/jessica-ruscello-350144-unsplash-300x200.jpg 300w, /uploads-archive/2018/09/jessica-ruscello-350144-unsplash-768x512.jpg 768w, /uploads-archive/2018/09/jessica-ruscello-350144-unsplash-228x152.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>暑すぎず寒すぎず、風の気持ちの良い夜でした。<br />
いつもと違う環境の中で、みんな少し開放的になったのではないかと思います。</p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-14323" src="/uploads-archive/2018/09/jakob-owens-142078-unsplash-1024x683.jpg" alt="" width="1024" height="683" srcset="/uploads-archive/2018/09/jakob-owens-142078-unsplash-1024x683.jpg 1024w, /uploads-archive/2018/09/jakob-owens-142078-unsplash-300x200.jpg 300w, /uploads-archive/2018/09/jakob-owens-142078-unsplash-768x512.jpg 768w, /uploads-archive/2018/09/jakob-owens-142078-unsplash-228x152.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>準備、片付けはけっこう大変ですが、定期的にやりたいですね！</p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-14325" src="/uploads-archive/2018/09/IMG_5598-1024x768.jpg" alt="" width="1024" height="768" srcset="/uploads-archive/2018/09/IMG_5598-1024x768.jpg 1024w, /uploads-archive/2018/09/IMG_5598-300x225.jpg 300w, /uploads-archive/2018/09/IMG_5598-768x576.jpg 768w, /uploads-archive/2018/09/IMG_5598-228x171.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h3>今回使用した画像はこちら</h3>
<p>今回のブログの写真はフリー素材を使っています。<br />
食べるのに夢中で写真撮るのすっかり忘れていました。。</p>
<p>利用したのは完全無料で商用でも使える写真ストックサイトです。おしゃれだし、会員登録もしなくて良いので重宝しています！<br />
<a href="https://unsplash.com/">https://unsplash.com/</a></p>
<p>じつは１枚だけ僕が実際に撮った写真が混じっているのですが、気づきましたか？！</p>


歓迎会バーベキュー＠会社屋上を開催しました！

<p>Gitのindexに関するエラー対応</p>
<blockquote><p>git status<br />
fatal: index file smaller than expected</p></blockquote>
<p>念のため、一旦コピーしておきましょう。</p>

		<div id="crayon-649540264f49c011757635" 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;">
cp .git/index .git/index_bk</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-649540264f49c011757635-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-649540264f49c011757635-1"><span class="crayon-i">cp</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">git</span>/<span class="crayon-i">index</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">git</span>/<span class="crayon-i">index_bk</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>対処方法1</h3>
<p></p>

		<div id="crayon-649540264f4a0326351267" 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;">
rm .git/index
git add .</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-649540264f4a0326351267-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f4a0326351267-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-649540264f4a0326351267-1"><span class="crayon-i">rm</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">git</span>/<span class="crayon-e">index</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f4a0326351267-2"><span class="crayon-e">git </span><span class="crayon-i">add</span><span class="crayon-h"> </span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>対処方法2</h3>
<p>もしsubmoduleがある場合か修正したファイルを維持したい場合なら</p>

		<div id="crayon-649540264f4a2446333562" 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;">
rm .git/index
git reset HEAD .</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-649540264f4a2446333562-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f4a2446333562-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-649540264f4a2446333562-1"><span class="crayon-i">rm</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">git</span>/<span class="crayon-e">index</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f4a2446333562-2"><span class="crayon-e">git </span><span class="crayon-e">reset </span><span class="crayon-i">HEAD</span><span class="crayon-h"> </span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>対処方法3</h3>
<p>submoduleのフォルダ内の.gitなら</p>
<blockquote><p>git status<br />
fatal: index file smaller than expected<br />
fatal: &#8216;git status &#8211;porcelain=2&#8217; failed in submodule xxx/xxx/xxx</p></blockquote>
<p></p>

		<div id="crayon-649540264f4a3167053818" 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;">
rm xxx/xxx/xxx.git
git submodule update</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-649540264f4a3167053818-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f4a3167053818-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-649540264f4a3167053818-1"><span class="crayon-e">rm </span><span class="crayon-i">xxx</span>/<span class="crayon-i">xxx</span>/<span class="crayon-i">xxx</span><span class="crayon-sy">.</span><span class="crayon-e">git</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f4a3167053818-2"><span class="crayon-e">git </span><span class="crayon-e">submodule </span><span class="crayon-i">update</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<blockquote><p>fatal: Unable to create &#8216;/xxxx/.git/index.lock&#8217;: File exists.</p>
<p>If no other git process is currently running, this probably means a<br />
git process crashed in this repository earlier. Make sure no other git<br />
process is running and remove the file manually to continue.</p></blockquote>
<h3>対処方法</h3>
<p>.git/index.lockを削除します。</p>

		<div id="crayon-649540264f4a4549768057" 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;">
rm '/xxxx/.git/index.lock'</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-649540264f4a4549768057-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-649540264f4a4549768057-1"><span class="crayon-i">rm</span><span class="crayon-h"> </span><span class="crayon-s">'/xxxx/.git/index.lock'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

Gitのindexに関するエラー対応

【IT健保】トスラブ館山ルアーナ行ってきた。

<h3>「EC」＝「配送」の構図 ～リードタイム～</h3>
<p>日々ECサイトを運営している中で「いつ届きますか？」「発送はまだですか？」等、ECが浸透している中で常にお問い合わせいただく内容だと思います。<br />
それに対して品物を運送していく時間が発生する事が直接的な関係性となっています。</p>
<p>顧客側からすると単純に「スピード」に対するフラストレーションと一言で片付ける事できます。</p>
<p>昨今、お届けの「スピード」は顧客のフラストレーションを打破するオマケ的なサービスとして打ち出されている店舗さんは数多く存在し、我々もその中の一つです。</p>
<p>BtoC配送の大手業者である佐川急便、ヤマト運輸、日本郵便などは一言で「割に合わない」という理由で賃金の値上げ、ルールの厳格性など苦痛を訴えるような施策を行っています。<br />
これもひとえにEC事業が拡大したことにより発生した事項であり、問題ともなっています。</p>
<p>そんな中、「当日配送」「出前」等のキーワードのビジネスが各業界で拡大しています。</p>
<h3>メガネ、コンタクトレンズ販売大手のメガネスーパーの施策</h3>
<p>8月29日コンタクトレンズの当日配送ができる店舗数を42店舗まで対応可能とし、顧客は出前注文サイトの「出前館」というサイトを経由してコンタクトレンズを注文することで届出先が対象店舗の付近であれば、2時間以内にお届けすることができるというシェアデリバリーサービスです。</p>
<p>内21店舗ではメガネスーパースーパー以外の、地域に詳しい配達員がコンタクトレンズの配送を行い、残りの対象店舗ではメガネスーパーの従業員が自ら品物を配送するという仕組みとなっており、これに踏み切った理由としては先行店舗での「新規顧客獲得」に効果があった為、サービス拡大を決行。<br />
※現在はECでの運用予定は未定としている。2018年9月時点</p>
<h3>ECで運用すると… リード</h3>
<p>出前でお届けというのは顧客のフラストレーションを解消する上で非常に魅力的な内容です。<br />
また、「出前館」等の申し込みサイトに掲載できることで自社サイトの広告効果や客層の幅を増大させる等の期待できます。</p>
<p>しかし、ECで行う場合には性質上、やはりリソースが問題となります。<br />
そもそもECなどを運営しているIT企業等のほとんどはビジネスにおける理念の中に「少ないリソース」で収益を上げるという考え方があより顕著に現れた体系が多いです。<br />
その点実店舗販売は販売員が必須でありECでいうところの配達員ということになります。<br />
ですので、販売員が配達員になる事ができるので、自社完結し易いと思います。</p>
<p>これらの事から考えるとフリーランス系の配達業者に受託を行うか、少々荒い考えではありますが地域住民に1件○○円等の契約を行い、お小遣い稼ぎを行っていただくことで解消できるという意見がでます。</p>
<p>いずれにせよ、「スピード」に伴うフラストレーションを軽量化していくということはこの先も追求し続ける必要が大いにあると思われます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ECにおいての「配送」と「ビジネス」～リードタイム～

<p>シンガポールの郵便番号の情報が本格的に必要になってきたので探していたところ1社APIを提供しているサービスを見つけたのでとりあえずつなげてみた。</p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/n02/" target="_blank" rel="noopener">デモ</a></p>
<p>&nbsp;</p>
<p>シンガポールの郵便番号例</p>
<p>セントーサ島：098269</p>
<p>ガーデンズ・バイ・ザ・ベイ：018953</p>
<p>ユニバーサル・スタジオ・シンガポール：098269</p>
<p>国立博物館：178957</p>
<p>&nbsp;</p>
<p>提供しているのはこちらの会社で、</p>
<p><a href="https://gothere.sg/maps" target="_blank" rel="noopener">https://gothere.sg/maps</a></p>
<p>本来はシンガポールに特化した位置情報や地図情報を提供しているサービスのようだ。</p>
<p>価格は年間200,000アクセスまでは無料とのことだ。</p>
<p>会員登録やトークンの発行など一切せずに接続できてしまっているのでどのようにカウントされているのかは不明だが、年間でこれだと足りないので有償プランの交渉が必要のようだ。</p>
<p>有償プランの価格は問い合わせる必要がある。</p>
<p>&nbsp;</p>
<p>仕様書は以下で、比較的充実している。</p>
<p><a href="https://gothere.sg/api/maps/reference.html" target="_blank" rel="noopener">https://gothere.sg/api/maps/reference.html</a></p>
<p>&nbsp;</p>
<p>以下は今回作ったソースの抜粋。</p>

		<div id="crayon-649540264f2a4760593058" 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><span class="crayon-language">JavaScript</span></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;">
$.ajax({
    url: 'http://gothere.sg/maps/geo',
    dataType: 'jsonp',
    data: {
        'output': 'json',
        'q': address, // 郵便番号を送信
        'client': '',
        'sensor': false
    },
    type: 'GET',
    
    success: function(data) {
        if (data.Status.code == 200) {                                      
            for (var i = 0; i &lt; data.Placemark.length; i++) {
                var placemark = data.Placemark[i];
                $("td:eq(0)").html(placemark.address); // フル住所
                $("td:eq(1)").html(placemark.AddressDetails.Country.AddressLine); // AddressLine = 住所1
                $("td:eq(2)").html(placemark.AddressDetails.Country.Thoroughfare.ThoroughfareName); // ThoroughfareName = 住所2
            }
        }
    }
});</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-649540264f2a4760593058-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-2">2</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-4">4</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-6">6</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-8">8</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-10">10</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-12">12</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-14">14</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-16">16</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-18">18</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-20">20</div><div class="crayon-num" data-line="crayon-649540264f2a4760593058-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264f2a4760593058-22">22</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-649540264f2a4760593058-1"><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-e">ajax</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">url</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'http://gothere.sg/maps/geo'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">dataType</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'jsonp'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">data</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-s">'output'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'json'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-s">'q'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">address</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-c">// 郵便番号を送信</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-s">'client'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">''</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-s">'sensor'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">type</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'GET'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">success</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">Status</span><span class="crayon-sy">.</span><span class="crayon-i">code</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-cn">200</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">for</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">Placemark</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span>++<span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">placemark</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">Placemark</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"td:eq(0)"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">placemark</span><span class="crayon-sy">.</span><span class="crayon-i">address</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// フル住所</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"td:eq(1)"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">placemark</span><span class="crayon-sy">.</span><span class="crayon-i">AddressDetails</span><span class="crayon-sy">.</span><span class="crayon-i">Country</span><span class="crayon-sy">.</span><span class="crayon-i">AddressLine</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// AddressLine = 住所1</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"td:eq(2)"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">placemark</span><span class="crayon-sy">.</span><span class="crayon-i">AddressDetails</span><span class="crayon-sy">.</span><span class="crayon-i">Country</span><span class="crayon-sy">.</span><span class="crayon-i">Thoroughfare</span><span class="crayon-sy">.</span><span class="crayon-i">ThoroughfareName</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// ThoroughfareName = 住所2</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-19"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-20"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540264f2a4760593058-21"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264f2a4760593058-22"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>シンガポールの郵便番号情報はシンガポールポストがオフィシャルで進めている以下のサイトが使えるはずなのだが、何度やっても承認されずに使用ができていない。</p>
<p>&nbsp;</p>
<div id="attachment_14295" style="width: 310px" class="wp-caption aligncenter"><a href="/uploads-archive/2018/09/1.png"><img aria-describedby="caption-attachment-14295" decoding="async" loading="lazy" class="size-medium wp-image-14295" src="/uploads-archive/2018/09/1-300x258.png" alt="" width="300" height="258" srcset="/uploads-archive/2018/09/1-300x258.png 300w, /uploads-archive/2018/09/1-768x660.png 768w, /uploads-archive/2018/09/1-228x196.png 228w, /uploads-archive/2018/09/1.png 900w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-14295" class="wp-caption-text">Singapore Postオフィシャルサイト<br />「Subscribe Now」を押すと</p></div>
<p>&nbsp;</p>
<div id="attachment_14296" style="width: 310px" class="wp-caption aligncenter"><a href="/uploads-archive/2018/09/2.png"><img aria-describedby="caption-attachment-14296" decoding="async" loading="lazy" class="size-medium wp-image-14296" src="/uploads-archive/2018/09/2-300x193.png" alt="" width="300" height="193" srcset="/uploads-archive/2018/09/2-300x193.png 300w, /uploads-archive/2018/09/2-768x493.png 768w, /uploads-archive/2018/09/2-228x146.png 228w, /uploads-archive/2018/09/2.png 1003w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-14296" class="wp-caption-text">このサイトに飛ぶ</p></div>
<p>&nbsp;</p>
<div id="attachment_14297" style="width: 310px" class="wp-caption aligncenter"><a href="/uploads-archive/2018/09/3.png"><img aria-describedby="caption-attachment-14297" decoding="async" loading="lazy" class="size-medium wp-image-14297" src="/uploads-archive/2018/09/3-300x172.png" alt="" width="300" height="172" srcset="/uploads-archive/2018/09/3-300x172.png 300w, /uploads-archive/2018/09/3-228x131.png 228w, /uploads-archive/2018/09/3.png 735w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-14297" class="wp-caption-text">会員登録を済ませAPI利用の申請をするもずっとこの状態、、</p></div>
<p>&nbsp;</p>
<p>仕方なく他のサービスを探していたところ今回のサイトに行き着いた。</p>
<p>有償版を使う場合やSingapore Postを使う場合でも、本導入のときには現地企業の協力のを仰がなければいけなそうだ。</p>

thumbnail_44c23b6b15d70994d766716b66bcaf1c.png

44c23b6b15d70994d766716b66bcaf1c.png

シンガポールの郵便番号

large_6fcef8dd9e21f4f8dda8e2ca80a30cc0-1024x580.png

medium_6fcef8dd9e21f4f8dda8e2ca80a30cc0-1024x580.png

small_6fcef8dd9e21f4f8dda8e2ca80a30cc0-1024x580.png

thumbnail_6fcef8dd9e21f4f8dda8e2ca80a30cc0-1024x580.png

6fcef8dd9e21f4f8dda8e2ca80a30cc0-1024x580.png

CSSフレームワークFoundationを試してみた

PHPの複数バージョン共存環境を構築

<p>勉強、ビジネス、スポーツの練習など、限られた時間を使って能力を向上させるいかなるシーンにおいて万国共通でキーワードとなっている</p>
<p>&#8216;Productivity&#8217; &#8216;生産性&#8217;</p>
<p>2008年ノーベル経済学賞　Paul Robin Krugman　からの引用</p>
<blockquote><p><i>Productivity isn’t everything, but in the long run it is almost everything.  </i><i>A </i><i>country’s ability to improve its standard of living over time </i><i>depends </i><i>almost entirely on its ability to raise its output per worker. <a href="https://better-operations.com/2017/03/06/productivity-improvement-five-rules/">https://better-operations.com/2017/03/06/productivity-improvement-five-rules/</a></i></p></blockquote>
<p>上では単位が国という大きな組織だが、当然規模に関わらずどの組織にも当てはまる。</p>
<p>&nbsp;</p>
<h3>今回フォーカスするのは「集中力」</h3>
<ol>
<li>集中力の源</li>
<li>集中力を奪う決定疲れ</li>
<li>酸素やブドウ糖を運ぶ血流</li>
<li>集中力の回復方法</li>
</ol>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14206" src="/uploads-archive/2018/08/91508-OJIOIQ-723-300x300.jpg" alt="" width="300" height="300" srcset="/uploads-archive/2018/08/91508-OJIOIQ-723-300x300.jpg 300w, /uploads-archive/2018/08/91508-OJIOIQ-723-150x150.jpg 150w, /uploads-archive/2018/08/91508-OJIOIQ-723-768x768.jpg 768w, /uploads-archive/2018/08/91508-OJIOIQ-723-1024x1024.jpg 1024w, /uploads-archive/2018/08/91508-OJIOIQ-723-228x228.jpg 228w, /uploads-archive/2018/08/91508-OJIOIQ-723.jpg 1667w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h4>１，前頭葉のウィルパワー</h4>
<p>人は物事を前頭葉で集中しインプットして、小脳にメモリーする。</p>
<p>WILL POWERとは思考や感情をコントロールする力。</p>
<p>ウィルパワーにはゲームのHPゲージのように限度があり、集中力を使うたび消耗していき、反対に良い睡眠やエネルギーの源となる食事によって回復する。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14210" src="/uploads-archive/2018/08/battery-power-design_24908-15897-300x254.jpg" alt="" width="300" height="254" srcset="/uploads-archive/2018/08/battery-power-design_24908-15897-300x254.jpg 300w, /uploads-archive/2018/08/battery-power-design_24908-15897-228x193.jpg 228w, /uploads-archive/2018/08/battery-power-design_24908-15897.jpg 626w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>集中力を鍛えるには、トレーニングによってウィルパワーの総量を増やすか、行動を習慣化して消費量を節約していくの2パターンが主流である。</p>
<p>&nbsp;</p>
<h4>2, ウィルパワーを浪費してしまう意思決定疲れ</h4>
<p>アイエンガー教授のジャムの実験<a href="https://www.youtube.com/watch?v=ZD3r5jtLEPo">https://www.youtube.com/watch?v=ZD3r5jtLEPo</a></p>
<p>あるスーパーの試食コーナーに24種類のジャムを揃えた週末と、6種類のジャムを揃えた週末で売り上げにどのような差が出たと言う実験。</p>
<p>選択肢の多い試食コーナーの方が、多くの人を惹きつけていたが、試食後にジャムの購入をしたお客さんの割合の数字は逆転した。</p>
<p>選択肢が多すぎて、頭が混乱してしまい最終的意思決定ができなくなる。</p>
<p>スティーブジョブズがイッセイミヤケの黒いタートルネックを常に着ていた、ザッカーバーグが典型的な例です。</p>
<p>→実際のウィルパワーの節約方法「<strong>バッチ処理」</strong></p>
<p>簡単にいうと <strong>To do list。</strong></p>
<p>やるべきタスクを書き出して、頭から一旦離し一つのことに集中する方法。</p>
<p>&nbsp;</p>
<h4>3,脳に酸素とブドウ糖を運ぶ血流</h4>
<p>沢山の要素（環境、がある中でピックアップするとしたら<strong>血流！</strong></p>
<p>血行をよくするなら<strong>運動</strong>が一番。多くの成功者が朝ランニングを習慣化していたり、ここ最近ではフィットネスジムが都内に沢山できている運動ブーム。筋肉トレソリューションに関連した本はここ最近売れている。</p>
<p>朝、日光を浴びながら体を動かすことによって幸福物質のセロトニンの分泌を促し、気分良く仕事、睡眠の質を高めてくれる。</p>
<p>デスクでは座りっぱなしではなく、時々立ち上がったり、良い姿勢を心がけることが大事。</p>
<p>&nbsp;</p>
<h4>4,パワーナップの驚くほどの力</h4>
<p>15〜20分のパワーナップは夜の３時間の睡眠に匹敵すると言われている。</p>
<p>目を閉じ、じっとして休息することで脳を錯覚させ疲れと眠気を取り去る方法である。</p>
<p>アメリカではすでにその有効性が認められてGoogleやナイキ、Appleなどの企業で採用されている。</p>
<p>&nbsp;</p>
<p>参考文献：自分を操る超集中力　daigo</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2018/12/11

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/09/15

2018/09/15

2018/09/15

2018/09/15

2018/09/14

2018/09/14

2018/09/14

2018/09/10

2018/08/23