<p>Google homeを買ってきたから、ずっとエアコンを音声操作したいと思います。<br />
自作も考えましたが、結局Broadlink社のRM Mini3を買いました。</p>
<p>RM Mini3はスマート学習リモコンに一番安いものです。<br />
ただし海外製品のため、いくつ設定が必要です。</p>
<p>Google homeとBroadlinkのアカウントが連携できますので、プログラミングは不要になります。</p>
<h2>デバイスの追加</h2>
<p>取扱説明書に記載されている「e-control」というアプリを一旦無視します。</p>
<h3>「Intelligent Home Center」をインストールします。</h3>
<p>Androidユーザーはここでダウンロードできます。<br />
<a href="https://apkpure.com/jp/intelligent-home-center/cn.com.broadlink.econtrol.plus">apkpure</a></p>
<p>iOSユーザーはアメリカ用Apple IDを新規作成することが必要です。<br />
そして、App Storeから「IHC」を検索してダウンロードできます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14511" src="/uploads-archive/2018/12/Screenshot_20181208-122051-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-122051-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-122051-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-122051-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-122051-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-122051.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<p>その「＋」を押し、箱のバンコードをスキャンし、デバイスを追加します。<br />
※wifiの5Gが対応されていないようです。</p>
<h2>家電の追加</h2>
<p>ホーム画面がらRM Mini3を選択し、そのページに行きます。<br />
<img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14517" src="/uploads-archive/2018/12/Screenshot_20181208-122359-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-122359-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-122359-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-122359-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-122359-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-122359.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14518" src="/uploads-archive/2018/12/Screenshot_20181208-122405-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-122405-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-122405-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-122405-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-122405-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-122405.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14519" src="/uploads-archive/2018/12/Screenshot_20181208-122413-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-122413-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-122413-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-122413-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-122413-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-122413.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14520" src="/uploads-archive/2018/12/Screenshot_20181208-122435-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-122435-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-122435-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-122435-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-122435-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-122435.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<h2>シーンの追加</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14521" src="/uploads-archive/2018/12/Screenshot_20181208-125421-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-125421-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-125421-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-125421-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-125421-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-125421.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /><br />
ここで温度とオンオフを先に設定したら、あとでGoogle homeで音声操作できます。</p>
<h2>Google homeの設定</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14522" src="/uploads-archive/2018/12/Screenshot_20181208-121629-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121629-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121629-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121629-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121629-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121629.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /><br />
追加を押します。<br />
<img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14525" src="/uploads-archive/2018/12/Screenshot_20181208-121405-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121405-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121405-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121405-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121405-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121405.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /><br />
<img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14526" src="/uploads-archive/2018/12/Screenshot_20181208-121420-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121420-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121420-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121420-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121420-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121420.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14527" src="/uploads-archive/2018/12/Screenshot_20181208-121438-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121438-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121438-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121438-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121438-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121438.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /><br />
<img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14528" src="/uploads-archive/2018/12/Screenshot_20181208-121504-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121504-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121504-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121504-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121504-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121504.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /><br />
先登録したアカウントの情報を入力します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14529" src="/uploads-archive/2018/12/Screenshot_20181208-121603-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121603-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121603-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121603-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121603-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121603.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /><br />
<img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14530" src="/uploads-archive/2018/12/Screenshot_20181208-121613-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2018/12/Screenshot_20181208-121613-169x300.png 169w, /uploads-archive/2018/12/Screenshot_20181208-121613-768x1365.png 768w, /uploads-archive/2018/12/Screenshot_20181208-121613-576x1024.png 576w, /uploads-archive/2018/12/Screenshot_20181208-121613-228x405.png 228w, /uploads-archive/2018/12/Screenshot_20181208-121613.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></p>
<p>そうしたら、先追加されたエアコンを表示されます。<br />
注意点はGoogle homeは同じ部屋の家電をしかコントロールできません。</p>
<h2>操作しよう</h2>
<p>「OK Google, エアコンつけて」<br />
「OK Google, エアコンけして」<br />
「OK Google, 暖房つけて」<br />
「OK Google, 冷房つけて」</p>
<p>と言ったら、<br />
先設定されたシーンによって、家電を音声操作することができました。</p>


Google home + RM MINI3で家電を音声操作する

<p>今年は学生である最後の年ということで、世界をもっと広げようと、</p>
<p>オーストラリア、シンガポール、インド、ヴェトナム、カンボジア、ラオス、タイとアジアを中心に7ヶ国巡ってきました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14453" src="/uploads-archive/2018/12/IMG-0739-1-200x300.png" alt="" width="200" height="300" srcset="/uploads-archive/2018/12/IMG-0739-1-200x300.png 200w, /uploads-archive/2018/12/IMG-0739-1-683x1024.png 683w, /uploads-archive/2018/12/IMG-0739-1-228x342.png 228w, /uploads-archive/2018/12/IMG-0739-1.png 750w" sizes="(max-width: 200px) 100vw, 200px" /></p>
<p>各国それぞれ目を見張る建築物や風景、日本には無い味の食べ物など異文化に触れることも勿論刺激的で貴重な体験でしたが、僕がバックパッカーして一番良かったと感じれたのは様々なバックグラウンドで育った「人」に出会えたことです。</p>
<p>フィリピンとエストニアの起業家から、薬漬けのパリジェンヌや元ソマリアの海賊のの青年だったり様々な方との出会うことができました。</p>
<p>シェアしたい沢山の写真の中からいくつか厳選して紹介したいと思います。</p>
<h3>Sartin, 23,  India</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14445" src="/uploads-archive/2018/12/IMG-0454-300x225.jpg" alt="" width="300" height="225" srcset="/uploads-archive/2018/12/IMG-0454-300x225.jpg 300w, /uploads-archive/2018/12/IMG-0454-768x575.jpg 768w, /uploads-archive/2018/12/IMG-0454-1024x766.jpg 1024w, /uploads-archive/2018/12/IMG-0454-228x171.jpg 228w, /uploads-archive/2018/12/IMG-0454.jpg 1944w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>現地旅行代理店で予約したはずの鉄道の座席だが、当時ディワリというヒンドゥー教一番のお祭りが開催されていたため、電車はガンジス河へ向かう現地の方々でパンパンになっており指定された席に乗ることができませんでした。駅員を説得しても聞く耳を持たなかったが、どうしてもその電車に乗って向かわなければ行けなかったため、こっそり一等席に侵入しなんとか乗車成功しました。しかし、電車が途中で故障し7時間の遅延し。あとどのくらいで着くのか？尋ねたのが彼でした。世界の超一流企業にエンジニアとして勤めている23歳のサーチン。話が弾んでインドの格差やカースト制度について話を聞いてみると、彼も貧困家庭に生まれた一人で、勉強したくても文房具を買ってもらうことができなかったそうです。しかし、彼はカーストを乗り越えるために木を切って断面を炭で黒く塗り、貝殻や石などを鉛筆代わりとして使い必死に勉強して、政府から奨学生に選ばれ学位をとるまでの全ての教育課程を無償で受け今に至ったといいます。今月、日系大手機械メーカーへ研修のため来日予定です。</p>
<p>日本では考えられない学習環境や逆転劇は勿論の事、将来大人になったら世界のこういった人たちと競い合っていくのかと少し怖くなったのを覚えています。</p>
<p>グローバル化とはこういう事でもあるのだなと実感させられました。</p>
<p>&nbsp;</p>
<h3>Meng Korng, 17, Cambodia</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14459" src="/uploads-archive/2018/12/IMG-9725-300x201.jpg" alt="" width="300" height="201" srcset="/uploads-archive/2018/12/IMG-9725-300x201.jpg 300w, /uploads-archive/2018/12/IMG-9725-768x514.jpg 768w, /uploads-archive/2018/12/IMG-9725-228x153.jpg 228w, /uploads-archive/2018/12/IMG-9725.jpg 892w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>前日にプノンペンでポルポト政権によって支配された小学校だった収容所S21トゥルースレーンを見てきました。S21国立博物館に入ると雰囲気ががらんと変わり、同じ世界で実際に起こった事とは信じられなく背筋を凍らせながら、ただただ見つめるだけであったのを覚えてます。</p>
<p>彼らは世界遺産のアンコールワットで有名なシュムリアップのゲストハウスであった首都プノンペンから勉強の気晴らしに観光に来ていた高校生。</p>
<p>友達になったエチオピア人とドイツ人と一緒にナイトマーケットを散策し終え、ゲストハウスに戻り晩酌を共にしいざ寝ようとした時、彼らから「一緒に飲もうよ」と声をかけてくれたました。当時、ちょうど本田圭佑がカンボジア代表監督に就任した後だったので日本に大変興味があったのだという。高校生ながら大きなクーラーボックスにガンガンに詰めた缶ビールをご馳走してくれました。勉強のストレスが酷いからという理由でタバコも吸っていた。彼らとは将来の夢や交際している彼女の話をして盛り上がった。みんな親に大変感謝しているようで、将来親を楽させるために医者や弁護士になると語ってくれました。</p>
<p>後々聞くと、黒人と白人は怖かったので僕を誘ってくれたといいます。</p>
<p>ポルポト政権という暗い過去を持ち、貧困ながらも明るい未来に向かって努力をしている若者達、大人たちが次世代の子供たちを大切に温かく見守っている姿には心を打たれました。</p>
<p>&nbsp;</p>
<h3>Laos</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14489" src="/uploads-archive/2018/12/IMG_9200-1-300x200.jpg" alt="" width="300" height="200" srcset="/uploads-archive/2018/12/IMG_9200-1-300x200.jpg 300w, /uploads-archive/2018/12/IMG_9200-1-768x512.jpg 768w, /uploads-archive/2018/12/IMG_9200-1-1024x682.jpg 1024w, /uploads-archive/2018/12/IMG_9200-1-228x152.jpg 228w, /uploads-archive/2018/12/IMG_9200-1.jpg 1475w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>カンボジアのシュムリアップからラオスのビエンチャンに行く途中の乗り換え地で夕食がてらに立ち寄った飲食店？ラオスのダムが崩壊して沢山の人々が亡くなられた直後でした。その事故か裕福なアジア人が嫌いなのかわからなかったですが、双子の彼女達に恨みのこもった視線で見られ対応されたのはなかなか悲しかったです。</p>
<p>夜遅くまでお母さんの手伝いをされている姿、しかし楽しそうに親子が話している光景にとても心が温まりました。</p>
<p>&nbsp;</p>
<h3>Thailand, Bangkok,</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14490" src="/uploads-archive/2018/12/IMG-9687-1-e1544513180434-225x300.jpg" alt="" width="225" height="300" srcset="/uploads-archive/2018/12/IMG-9687-1-e1544513180434-225x300.jpg 225w, /uploads-archive/2018/12/IMG-9687-1-e1544513180434-768x1024.jpg 768w, /uploads-archive/2018/12/IMG-9687-1-e1544513180434-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></p>
<p>最後に紹介させてもらう写真は元小学校教師の昭さんです。引退して長年の夢だったバックパッカーを叶えられたそうです。人生経験の多い彼が海外の視点を持ち教えてくれたのは「日本は豊かになりすぎた」とのことです。</p>
<p>「今後日本は間違いなく衰退するが、大事なのは人それぞれの幸せを見つけることだ」とおっしゃっていました。</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>海外に足を運ぶたびに常に人の心を大きく動かすのは「人」だといつも気づかされます。</p>
<p>四月から正式に入社して、今後沢山の方々とお会いするのがとても楽しみです。</p>


バックパッカーしてきました

<h2>クリック率を向上させるGoogleの拡張機能とコンテンツ別適正機能</h2>
<p>今回はGoogleが発表した検索結果においての拡張機能とコンテンツ別適正機能についてまとめました。<br />
あらゆるWebビジネスにおいてのプロモーションやサイト構築の基盤となる重要な内容です。</p>
<h3>サイトの検索結果機能を有効にする</h3>
<div class="cc">
<p>Google では、検索結果に含まれるページをさまざまな形式で表示できるようになっています。<br />
検索結果掲載において自動で生成される内容もありますが、まずは基本となるものは下記となります。</p>
<h5>■通常の青色リンク：</h5>
<p>最も一般的なリンクの表示方法でお馴染みとなっております。<br />
サイトのタイトル等で使用され、さまざまな特性に基づいて Google がふさわしいタイトルを決定しますが、<a href="https://support.google.com/webmasters/answer/35624">&lt;title&gt; タグ</a>に希望するタイトルを指定できます。</p>
<h5>■拡張機能：</h5>
<p>検索結果ページの要素です。<br />
<a href="https://developers.google.com/search/docs/data-types/breadcrumb">パンくずリスト</a>、<a href="https://developers.google.com/search/docs/data-types/sitelinks-searchbox">サイトリンク検索ボックス</a>、企業のロゴなど、クリックをせずにある程度の内容が把握できるようになっており、検索結果やリッチリザルトの見栄えをさらに向上させることができます。ほとんどの拡張機能にはページの構造化データが必要です。<a href="https://developers.google.com/search/docs/guides/search-gallery">詳細</a></p>
<h5>■リッチリザルト：</h5>
<p>リッチリザルトとは、クチコミの星やサムネイル画像、視覚的な追加機能などグラフィック要素を含む検索結果のことです。また、リッチリザルトはリッチカードと呼ばれることもあるため、Search Console リッチカード レポートなどで「リッチカード」という名称が使用されています。検索結果に単独でリッチリザルトを掲載できます。</p>
<h5>■ナレッジグラフ カード：</h5>
<p><a href="https://www.google.com/intl/es419/insidesearch/features/search/knowledge.html" target="_blank" rel="noopener">Google ナレッジグラフ</a>とは、複数のキーワードの関連ページから集められた情報のことで、画像、テキスト、リンクと一緒にリッチリザルトに表示されます。リッチカードとナレッジグラフは見た目がにています。ナレッジグラフの結果には、企業ロゴ、優先するサイトの名前、ソーシャル プロフィールのリンクが含まれる場合があります。ナレッジグラフは、将来的にすべての schema.org の要素（このドキュメントでは説明されていません）に対応する予定です。</p>
<h5>■強調スニペット：</h5>
<p>ユーザーが Google 検索で質問すると、サイトから抽出された検索結果が強調スニペット ブロックとして検索結果ページの上部に表示される場合があります。<a href="https://support.google.com/webmasters/answer/6229325">詳しくは強調スニペットについての記事をご覧ください。</a></p>
<h5>■Onebox の検索結果：</h5>
<p>OneBox の検索結果には、インラインの回答やツール（例: <a href="https://www.google.co.il/search?q=local+time+in+london">現地時間の OneBox</a> や<a href="https://www.google.com/search?q=english+to+greek">翻訳の OneBox</a> など）が表示されます。検索結果にカスタム OneBox を追加することはできません。</p>
<p>&nbsp;</p>
<p>これらの検索機能を追加することで、検索を行うユーザーの希望する情報へと繋がりやすくなり、ウェブサイトの利用も増えることが期待されます。</p>
<h2>各種コンテンツに適切な機能</h2>
<p>一部の機能は、サイト上の特定の情報に対してのみ対応しています。たとえば、クチコミの星はレシピには利用できますが、データセットには利用できません。また、特定の端末（モバイルやデスクトップ）にのみ対応している機能もあります。以下の表に、ページやサイトのコンテンツごとに利用できる機能を記載しています。サイト全体で機能するものもあれば、ページごとに機能するものもあります。</p>
<p>&nbsp;</p>
<table class="nice-table wide">
<tbody>
<tr>
<th>コンテンツの種類</th>
<th>機能や拡張機能</th>
</tr>
<tr>
<td>記事 / ブログ</td>
<td><a href="https://developers.google.com/search/docs/data-types/article" target="_blank" rel="noopener">記事</a>、<a href="https://developers.google.com/search/docs/guides/about-amp" target="_blank" rel="noopener">AMP</a>、<a href="https://developers.google.com/search/docs/data-types/factcheck" target="_blank" rel="noopener">ファクト チェック</a>、<a href="https://developers.google.com/search/docs/data-types/speakable" target="_blank" rel="noopener">読み上げ</a></td>
</tr>
<tr>
<td>書籍</td>
<td><a href="https://developers.google.com/search/docs/data-types/book" target="_blank" rel="noopener">書籍</a>、<a href="https://developers.google.com/search/docs/data-types/review" target="_blank" rel="noopener">クチコミ</a></td>
</tr>
<tr>
<td>教育</td>
<td><a href="https://developers.google.com/search/docs/data-types/course" target="_blank" rel="noopener">コース</a>、<a href="https://developers.google.com/search/docs/guides/mark-up-listings" target="_blank" rel="noopener">カルーセル</a>、<a href="https://developers.google.com/search/docs/data-types/dataset" target="_blank" rel="noopener">データセット</a></td>
</tr>
<tr>
<td>エンターテイメント / メディア</td>
<td><a href="https://developers.google.com/search/docs/guides/mark-up-listings" target="_blank" rel="noopener">カルーセル</a>、<a href="https://developers.google.com/search/docs/data-types/review" target="_blank" rel="noopener">クチコミ</a>、<a href="https://developers.google.com/search/docs/data-types/media" target="_blank" rel="noopener">メディア操作</a>、<a href="https://support.google.com/webmasters/answer/7357596#video" target="_blank" rel="noopener">動画</a>、<a href="https://support.google.com/webmasters/answer/7357596#podcast" target="_blank" rel="noopener">ポッドキャスト</a>（<a href="https://support.google.com/webmasters/answer/156442">動画のベスト プラクティス</a>もご覧ください）</td>
</tr>
<tr>
<td>ビジネス</td>
<td><a href="https://support.google.com/webmasters/answer/7358659#business-identity">店舗や企業のアイデンティティ情報</a>、<a href="https://developers.google.com/search/docs/data-types/local-business" target="_blank" rel="noopener">ローカル ビジネス</a>（実店舗がある場合）</td>
</tr>
<tr>
<td>イベント</td>
<td><a href="https://developers.google.com/search/docs/data-types/event" target="_blank" rel="noopener">イベント</a></td>
</tr>
<tr>
<td>レシピ</td>
<td><a href="https://developers.google.com/search/docs/data-types/recipe" target="_blank" rel="noopener">レシピ</a>、<a href="https://developers.google.com/search/docs/guides/mark-up-listings" target="_blank" rel="noopener">カルーセル</a>、<a href="https://developers.google.com/search/docs/guides/about-amp" target="_blank" rel="noopener">AMP</a>、<a href="https://developers.google.com/search/docs/data-types/review" target="_blank" rel="noopener">クチコミ</a></td>
</tr>
<tr>
<td>商品</td>
<td><a href="https://developers.google.com/search/docs/data-types/product" target="_blank" rel="noopener">商品カテゴリ</a>、<a href="https://developers.google.com/search/docs/data-types/review" target="_blank" rel="noopener">クチコミ</a></td>
</tr>
<tr>
<td>科学機関 / 研究機関</td>
<td><a href="https://developers.google.com/search/docs/data-types/dataset" target="_blank" rel="noopener">データセット</a></td>
</tr>
<tr>
<td>求人関連のコンテンツ</td>
<td><a href="https://developers.google.com/search/docs/data-types/job-posting" target="_blank" rel="noopener">求人</a>、<a href="https://developers.google.com/search/docs/data-types/occupation" target="_blank" rel="noopener">職種</a>、<a href="https://developers.google.com/search/docs/data-types/employer-rating" target="_blank" rel="noopener">雇用主の平均評価</a></td>
</tr>
<tr>
<td>すべての種類</td>
<td>
<ul>
<li><a href="https://developers.google.com/search/docs/data-types/breadcrumb" target="_blank" rel="noopener">パンくずリスト</a></li>
<li><a href="https://developers.google.com/search/docs/data-types/sitelinks-searchbox" target="_blank" rel="noopener">サイトリンクの検索ボックス</a>（大規模なサイトの場合）</li>
<li>[試験運用] <a href="https://developers.google.com/actions/" target="_blank" rel="noopener">アクション</a>: Google アシスタント（ユーザーが音声コマンドでコンテンツを利用できる音声インターフェース）との統合</li>
<li>画像については<a href="https://support.google.com/webmasters/answer/114016">画像のベスト プラクティス</a>をご参照ください</li>
<li>サイトをモバイル対応にするための方法と機能については、<a href="https://developers.google.com/search/docs/guides/about-amp" target="_blank" rel="noopener">AMP</a> と<a href="https://developers.google.com/search/mobile-sites/" target="_blank" rel="noopener">モバイル対応のベスト プラクティス</a>をご参照ください</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>内容としてはある種基本的な事項となりますが、優良サイトとして認識を得ることができ、検索結果表示時にしっかりと構えプロモーションをする事で、サイトへの流入などの効果が期待できる内容です。</p>
<p>&nbsp;</p>
</div>


クリック率を向上させるGoogleの拡張機能とコンテンツ別適正機能

認証などが必要なサイトの情報を使っての通知処理

<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のアルゴリズム変更の影響

<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>


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

<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>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に関するエラー対応

<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>

44c23b6b15d70994d766716b66bcaf1c.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>


生産性を向上させる習慣　 &#8220;daigo 自分を操る超集中力”　より

<p>日々ビジネスをしていると様々な悩み、他の可能性を探ることでしょう。<br />
自社では受発注で在庫を持たずに都度メーカーから仕入れて販売を行っていて、このビジネスモデルは在庫を持たないので基本的には型番商品を取り扱う事になります。<br />
このようにいわゆる「低リスク風」なビジネスモデルを探る内個人的に「面白い」と思う「代行業」を発見したので、集めました。</p>
<h3>行列代行</h3>
<p>限定品やレア物、数量限定等で長蛇の列ができてしまうような行列に並んでくれるビジネス。<br />
どうしても欲しいけど、時間がない、面倒くさいという人が対象だそうです。<br />
バイヤーの方はこちらの作業も行い利益を乗せて転売している人もいます。</p>
<p>※宝くじ等も代わりに並んで代行してもらえるそうです。</p>
<h3>モーニングコール代行</h3>
<p>文字通り朝電話をしてもらい起こしてくれるビジネス。<br />
提供側の人はモーニングコール会社から指定された電話番号を伝えてもらい、相手を起こす仕事です。<br />
複数人に電話をかけて、相手が出ることで1件の仕事が完了との事。</p>
<p>※一件あたり報酬は約100円<br />
料金は200〜300円</p>
<h3>宿題代行</h3>
<p>学校の宿題を代行するビジネス。</p>
<p>特に夏休み期間は稼ぎ時のようで、多くの人が利用したとのこと。<br />
宿題があるのは基本的に学生が大半だと思いますが、遊ぶ為にお金を使いたいはずの学生がお金を払ってまで雇うというのはなかなかに面白い内容だと思います。誰がお金を払っているのか…笑</p>
<p>しかし課題を自身で遂行するよりも大切な事項を行うという事であれば、あながち間違いではないのかもしれません。</p>
<h3>謝罪代行</h3>
<p>その名の通り、代わりに謝るビジネス。<br />
仕事場でも活用する事が可能だそうで上司のフリをして、プライベート等で発生した謝罪案件に身内のフリをしてプロが謝罪をしてくれるそうです。</p>
<p>常識外れなビジネスですが、プロとはよく言ったもので、実際に送り込まれた側は怒りを冷められて許して貰えるらしいです。<br />
がみがみ言われる事を耐える仕事ではないようです。</p>
<p>何らかの手違いでバレた時に2倍、3倍で怒りが再発することが簡単に予想されるので、最後の最後まで緻密に利用していくことが重要ですね。</p>
<h3>墓参り代行</h3>
<p>気持ちの問題に対して発生した意表を突く画期的なビジネス。<br />
個人的には非常に興味深いです。</p>
<p>「墓掃除代行」という名称が正しいと思われます。<br />
ジェット水流で墓石の汚れを落とし、さらに手洗いをした後にキレイに拭き上げ、作業終了後は確認の画像を送付してくれるそうで、料金は１万円ほど。</p>
<h3>罵り代行</h3>
<p>罵倒したり、けなしてもらったりとってくれるビジネス。</p>
<p>基本的に人は誰かの管理下にある為、変なことをすれば管理人にられると思いますが、怒らない立場の人や特殊な方に需要がありそうですね笑</p>
<h3>リア充代行</h3>
<p>SNSが強力な力を持っている昨今これも変質的なビジネスが誕生しました。<br />
リアルが充実していない人がSNS上だけでもリア充っぽく見せかけるため、一緒に写真に収まってくれる人を送り込むビジネスだそうです。</p>
<p>人に囲まれている事をリア充として捉えるのであれば、人に囲まれていない人が非リア充であるのに誰にリアルが充実している感を見せつけているのでしょうか(哲学)</p>
<h3>壁殴り代行</h3>
<blockquote><p>ムカついたけど壁を殴る筋肉が無い、壁を殴りたいけど殴る壁が無い、そんなときに！</p>
<p>壁殴りで鍛えたスタッフたちが一生懸命あなたの代わりに壁を殴ってくれます！ モチロン壁を用意する必要もありません！スタッフがあなたの家の近くの家の壁を無差 別に殴りまくります！</p>
<p>1時間\1200～ 24時間営業 年中無休！ニコニコ大百科（仮）より</p></blockquote>
<p>これは個人的に提供者側でやってみたいビジネスです笑<br />
この身一つで全て解決感が好きです。</p>
<h3>レベル上げ・素材集め代行</h3>
<p>多くのゲームはキャラクターのレベル上げや強化素材集めが必要です。<br />
そんな中現れたビジネスがこの代行ビジネス。</p>
<p>私自身もゲームはしますが、この存在は「ゲームとは？」と思わせられる内容ですね。</p>
<h3>チート代行<br />
【pubgの例、補足：チートコードの金額</h3>
<p>レベル上げ・素材集め代行と同様のゲームネタですが、主にゲームの改造を本人に代わって行う内容です。<br />
アイテムの個数や本来プレイヤーの技術に依存する操作等を内部で改ざんして強く？なってゲーム内ランク等を上げる目的として使用<br />
逆に製作者側では「生み出したもの」として自己満足とともに収益化を図っているとのこと。<br />
賞金がでる大会でも使用がされた経緯があり、ゲーム業界では問題の１つとなっているそうです。</p>
<p>ちなみにこれは「犯罪」として扱われ罰せられます。</p>
<p>&nbsp;</p>
<p>これらを見て思ったことは昨今の社会でビジネスを行うというのはこういったおもしろい発想が必要であると思いました。</p>
<p>しかし人間ってどんどん滑稽になっていっているような気が…笑</p>


個人的に面白いと思う「代行業」10選

<p>React Nativeをいずれ試そうと考えていた所、Vue Nativeなるものが存在しているということを先日知りました。</p>
<p><a href="https://vue-native.io/" target="_blank">Vue Native</a></p>
<h2>React Native</h2>
<p><a href="https://facebook.github.io/react-native/" target="_blank">React Native</a></p>
<p>実はReact Nativeを知ったのもそんな前のことではなく、<br />
整理のためにどんなものか簡潔にいうと、<br />
・reactでアプリ(iOS,Android)が作れる、しかも一つのコードで。<br />
・つまり、Javascriptでアプリが作れる！<br />
・エディタも特に縛りはない<br />
・Chromeでのデバックもできる<br />
・もちろん、Reactの書き方を知っていなければならない</p>
<p>javaやswiftを知らずともアプリが作れるという非常に魅力的な存在です。<br />
私はその辺りの言語に手を伸ばすのは控えており、おのずとアプリ制作に目を向けてなかったのですが、javascriptでできるのであれば話は別で、自分でも作れることが可能であればいずれやってみたいと思っていました。</p>
<h2>Vue Native</h2>
<p>そして冒頭述べた、Vue Nativeの存在を知りVueでも可能ということにさらなる衝撃を受けました。</p>
<p>今学ぼうとしている順番としては、<br />
1.Vue + Nuxt<br />
2.React + Redux<br />
3.React Native<br />
だったので、React Nativeはまだ先でした。</p>
<p>このVue Nativeの存在で、<br />
1.Vue + Nuxt<br />
2.Vue Native<br />
3.React + Redux<br />
4.React Native<br />
に変更しようかなと考えています。</p>
<p>このVue Nativeは、React NativeのAPIを使用しているのことなので、<br />
感覚的にはReact NativeだけどVueで書けるようになった、みたいな感覚なのでしょうか？</p>
<p>まだ試すことができていないので、<br />
試されている記事を紹介します。</p>
<p><a href="https://qiita.com/nitaking/items/5c6fb6990d3bdb5769cc" target="_blank">Vue NativeでTodoアプリを作ろう その１ &#8211; Qiita</a><br />
<a href="https://qiita.com/taquaki-satwo/items/523f65723cf2bf7b049a" target="_blank">さっそくVue NativeでHello Worldしてみた &#8211; Qiita</a><br />
<a href="https://note.mu/ymfn4685/n/ne71a120b346f" target="_blank">話題のVue Nativeでサクッと「Hello World」してみた｜とっとこふな太郎＊⊿｜note</a></p>
<h2>Vue + Nuxt の話</h2>
<p>先程述べた様に、今はVue + Nuxtをやっています。<br />
Nuxtの話はこちら<br />
<a href="https://ja.nuxtjs.org/guide" target="_blank">はじめに &#8211; Nuxt.js</a></p>
<p>今回、一つのアウトプットして、<br />
<a href="https://qiita.com/aytdm/items/0096e497837ec3aa8b35#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88" target="_blank">Nuxt.jsでQiita投稿一覧サービスを作る &#8211; Qiita</a><br />
こちらをがっつり参考にして試しに制作してみました。</p>
<p>少し手を加えたりしましたが、制作したもの以下からご覧になれます。<br />
<a href="http://try.alan-trigger.info/" target="_blank" class="demo">DEMO</a></p>
<p>CSSのフレームワーク「element」を使用しているので、簡単かつキレイにUIが作れています。</p>


React NativeのVue版、Vue Nativeというものが存在していた

<h2>翻訳の注意</h2>
<h3>Information</h3>
<p>「インフォメーション」を覚えているままやメールアドレス、公共の場所で「Info」と略すことがあるから、<br />
info<strong>r</strong>mationをinfomationに間違ってしまった日本人が多いようです。</p>
<h3>Home Page</h3>
<p>“home page”はサイトのトップページの意味です。<br />
また、ウェブサイト全体を指すことは誤用です。<br />
“top page”はトップページという意味がありません。</p>
<h3>email、e-mail</h3>
<p><strong>e</strong>を抜けた場合がよく多いようです。</p>
<h2>複数形の表現</h2>
<p>何か紹介されるような場合に、ページのタイトルとして表現します。<br />
通常はひとつではないと思うので、複数形の表現にしましょう。</p>
<p>例：Pages、Products</p>
<p>SEO対策や多言語対応サイトをするとき、上記のものを注意しましょう。<br />
では、今回は以上です！ありがとうございました。</p>
<h3>おまけに</h3>
<p>役に立つサイト</p>
<p><a class="link" href="https://www.microsoft.com/ja-jp/language">マイクロソフト用語集</a></p>
<p>英語→多言語<br />
または<br />
日本語→英語</p>
<p>ご参考にしてください!</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2018/12/12

2018/12/12

2018/12/12

2018/12/12

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/11/14

2018/09/15

2018/09/14

2018/09/14

2018/09/14

2018/09/10

2018/08/23

2018/08/23

2018/08/23

2018/08/22