javascriptフレームワークのvue.jsを使ってみる④（vue-router）

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  タスク管理ツールの紹介です。<br />
  既存のツールでは以下を触っていました</p>
<blockquote><p>  ・backlog<br />
  ・trello</p></blockquote>
<p>  上記で足りない「見た目のわかりやすさ」「リマインド機能」「時間単位での管理」<br />
  などを補完するものを探して</p>
<blockquote><p>  <a href="https://nozbe.com/jp/">Nozbe</a></p></blockquote>
<p>  という管理ツールに行き着きました。</p></div>
<h3>やること</h3>
<div style="padding-left: 15px;">
<blockquote><p>  1. アカウント登録 (フリー, Googleアカウント同期で即作成出来ました)<br />
  2. タスク, カテゴリ 登録<br />
  3. プロジェクト登録<br />
  4. 連携、通知設定 (optional)</p></blockquote>
<p>  有料プランでは「チーム」機能が使え、<br />
  メンバのリソース管理や週報機能なども使用出来る模様。</p></div>
<h3>外観と操作性</h3>
<div style="padding-left: 15px;">
  トップ<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13477" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-768x384.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-1024x512.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43.png 1916w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  シンプルかつ目的に到達しやすいUI。<br />
  Priorityには期限が近づいたタスクや重要度の高いタスクが自動的に一覧表示されます。</p>
<p>  Inboxはとりあえずタスク化するメモ的な役割の管理ページ。</p>
<p>  プロジェクトはその名の通りプロジェクトごとのタスク管理ページ。</p>
<p>  Priorityを見てみましょう。<br />
  期日の近い順と、必要工数、残工数がステータスバーに表示されるのがパット見で判り易い。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13478" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-768x383.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-1024x511.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39.png 1915w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  プロジェクト一覧。<br />
  一覧からタスクを選択すると右のペインに所要時間や繰り返し設定、期日が表示されます。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13479" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-768x383.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-1024x511.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26.png 1917w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  ここで一番のネックが「所要時間」が「８時間」までしか出来ないこと。。。<br />
  一日単位の管理なのか８時間超えのタスクをどうすればよいのか、、、思い悩み中です。</p></div>
<h3>リマインド機能</h3>
<div style="padding-left: 15px;">
  今日と明日、ともに通知してくれる。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13480" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-768x384.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-1024x513.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27.png 1910w" sizes="(max-width: 300px) 100vw, 300px" /><br />
  もちろんスマホ版のアプリもあるのでタスクが埋もれやすい人向け。</div>
<h3>総観</h3>
<div style="padding-left: 15px;">
  所要時間の単位が一日以下(？)というのが規模の大きいプロジェクトに向きません。</p>
<p>  リマインドや残時間を見える化してくれるところが<br />
  「時間に追われてタスクが埋もれる・忘れる」人向け的な作りになっています。</p>
<p>  個人的にはタスクの「進捗率」「所要時間」が改善されたすぐ有料版でも導入したいです。</p></div>


タスク管理ツールを探して

<blockquote class="wp-embedded-content" data-secret="EDVQN3tCUK"><p><a href="https://sterfield.co.jp/officer/%e5%96%b6%e6%a5%ad%e5%87%ba%e8%ba%ab%e3%81%8c%e3%83%9e%e3%82%af%e3%83%ad%e3%81%ab%e6%8c%91%e6%88%a6%e3%80%9c%e3%81%9d%e3%81%ae1%e3%80%9c/">営業出身がマクロに挑戦〜その1〜</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://sterfield.co.jp/officer/%e5%96%b6%e6%a5%ad%e5%87%ba%e8%ba%ab%e3%81%8c%e3%83%9e%e3%82%af%e3%83%ad%e3%81%ab%e6%8c%91%e6%88%a6%e3%80%9c%e3%81%9d%e3%81%ae1%e3%80%9c/embed/#?secret=EDVQN3tCUK" data-secret="EDVQN3tCUK" width="500" height="282" title="&#8220;営業出身がマクロに挑戦〜その1〜&#8221; &#8212; スターフィールド株式会社" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<p>前回に引き続き、マクロを習得していっています。</p>
<p>今回もお世話になったのはドットインストールです。</p>
<h2>VBAを粛々と学習</h2>
<p>学習した内容は以下の感じ。</p>
<ul id="lesson_summary">
<li>Rangeオブジェクト</li>
<li class="lh18">Withステートメント</li>
<li class="lh18">プロパティ値の取得</li>
<li class="lh18">メソッドの実行</li>
<li>変数の宣言</li>
<li>データ型</li>
<li class="lh18">配列の宣言</li>
<li>条件分岐</li>
<li>ループ処理</li>
<li>配列のループ（ここまで来ると難しい・・・・）</li>
</ul>
<p>消化不良を起こしそうなので、あと一回かけてVBA入門は終了させます。</p>
<p>自分で書いたことはないのですが、他のプログラミング言語と考え方は一緒なんだなと思いました。</p>
<h2>マクロを記録</h2>
<p>学習進めていくうちに、マクロ側から操作をしてVBAに出力出来るということがわかりまして、その操作がどのような出力になっているのか確かめるのに使うといいよとあったのですが、基礎が分かったら、マクロを記録してからの調整のほうが目的に早く到達出来そうな予感がします。このあたりが初心者の右往左往感を感じ取って頂ければと。</p>
<p>ここでやってみたのは、</p>
<ul>
<li>元データとなるシートにソートを掛け。</li>
<li>その範囲をコピー</li>
<li>所定のシートにペースト</li>
</ul>
<p>です。本来やりたいことの一部です。</p>

		<div id="crayon-649540264be2d966635948" 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;">
Sub Macro1()
'
' Macro1 Macro
'

'
    ActiveWorkbook.Worksheets("ほげほげ").Sort.SortFields.Clear
    ActiveWorkbook.Worksheets("ほげほげ").Sort.SortFields.Add Key _
        :=Range("B1"), SortOn:=xlSortOnValues, Order:=xlAscending, DataOption:= _
        xlSortNormal
    With ActiveWorkbook.Worksheets("ほげほげ").Sort
        .SetRange Range("A3:J65")
        .Header = xlGuess
        .MatchCase = False
        .Orientation = xlTopToBottom
        .SortMethod = xlPinYin
        .Apply
    End With
    Range("A1:J65").Select
    Range("J65").Activate
    Selection.Copy
    Range("H1").Select
    Sheets.Add
    ActiveSheet.Paste
End Sub</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-649540264be2d966635948-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-2">2</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-4">4</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-6">6</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-8">8</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-10">10</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-12">12</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-14">14</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-16">16</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-18">18</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-20">20</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-22">22</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264be2d966635948-24">24</div><div class="crayon-num" data-line="crayon-649540264be2d966635948-25">25</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-649540264be2d966635948-1"><span class="crayon-e">Sub </span><span class="crayon-e">Macro1</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-2"><span class="crayon-s">'</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-3"><span class="crayon-s">'</span><span class="crayon-h"> </span><span class="crayon-e">Macro1 </span><span class="crayon-i">Macro</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-4"><span class="crayon-s">'</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-5">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-6"><span class="crayon-s">'</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">ActiveWorkbook</span><span class="crayon-sy">.</span><span class="crayon-e">Worksheets</span><span class="crayon-sy">(</span><span class="crayon-s">"ほげほげ"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">Sort</span><span class="crayon-sy">.</span><span class="crayon-i">SortFields</span><span class="crayon-sy">.</span><span class="crayon-e">Clear</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-8"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">ActiveWorkbook</span><span class="crayon-sy">.</span><span class="crayon-e">Worksheets</span><span class="crayon-sy">(</span><span class="crayon-s">"ほげほげ"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">Sort</span><span class="crayon-sy">.</span><span class="crayon-i">SortFields</span><span class="crayon-sy">.</span><span class="crayon-e">Add </span><span class="crayon-i">Key</span><span class="crayon-h"> </span><span class="crayon-i">_</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">:</span>=<span class="crayon-e">Range</span><span class="crayon-sy">(</span><span class="crayon-s">"B1"</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">SortOn</span><span class="crayon-sy">:</span>=<span class="crayon-i">xlSortOnValues</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">Order</span><span class="crayon-sy">:</span>=<span class="crayon-i">xlAscending</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">DataOption</span><span class="crayon-sy">:</span>=<span class="crayon-h"> </span><span class="crayon-i">_</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">xlSortNormal</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-11"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">With </span><span class="crayon-i">ActiveWorkbook</span><span class="crayon-sy">.</span><span class="crayon-e">Worksheets</span><span class="crayon-sy">(</span><span class="crayon-s">"ほげほげ"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">Sort</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">.</span><span class="crayon-e">SetRange </span><span class="crayon-e">Range</span><span class="crayon-sy">(</span><span class="crayon-s">"A3:J65"</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">.</span><span class="crayon-i">Header</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">xlGuess</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">.</span><span class="crayon-i">MatchCase</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">False</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">.</span><span class="crayon-i">Orientation</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">xlTopToBottom</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">.</span><span class="crayon-i">SortMethod</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">xlPinYin</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">.</span><span class="crayon-e">Apply</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-18"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">End</span><span class="crayon-h"> </span><span class="crayon-e">With</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-19"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">Range</span><span class="crayon-sy">(</span><span class="crayon-s">"A1:J65"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">Select</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-20"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">Range</span><span class="crayon-sy">(</span><span class="crayon-s">"J65"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">Activate</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-21"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">Selection</span><span class="crayon-sy">.</span><span class="crayon-e">Copy</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-22"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">Range</span><span class="crayon-sy">(</span><span class="crayon-s">"H1"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">Select</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-23"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">Sheets</span><span class="crayon-sy">.</span><span class="crayon-e">Add</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264be2d966635948-24"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">ActiveSheet</span><span class="crayon-sy">.</span><span class="crayon-e">Paste</span></div><div class="crayon-line" id="crayon-649540264be2d966635948-25"><span class="crayon-st">End</span><span class="crayon-h"> </span><span class="crayon-i">Sub</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>とりあえず、マクロを記述してみて分かるのが、</p>
<p>Range(&#8220;J65&#8221;).Activate</p>
<p>こういった記述が不要であること。VBAサイドを少しでも理解していなかったら分からなかったことだと思うので学習効果はあったことが実感出来ます。</p>
<p>そして、所定のシートとしたいところも、アクティブなシートへペーストとなってしまっており、このあたりはマクロを記録しただけでは、判断出来ないことも理解出来るので、ファイル名、シート名を指定していく必要があるのでしょう。</p>
<h2>まとめ</h2>
<p>マクロを記録してから調整。</p>

営業出身がマクロに挑戦〜その2〜

<p>ついに日本でもなんとか手に入るようになったamazon Echo対応スピーカー。AlexaとかEchoとか色々呼ばれているので、まとめるとこんな感じでした。</p>
<table>
<tbody>
<tr>
<td>項目</td>
<td>概要</td>
</tr>
<tr>
<td>amazon Echo</td>
<td>AIスピーカー、スマートスピーカーと呼ばれる商品名のひとつ</td>
</tr>
<tr>
<td>Alexa</td>
<td>amazon Echoのバックエンドで動作するAIの名前</td>
</tr>
</tbody>
</table>
<p>さて、自分は運良くEcho購入権のメールが届いたクチでして、2週間前くらいから家電リモコン装置とあわせてEchoを使っています。</p>
<p>Echoは購入直後からの初期設定、通常の動作管理などをスマホで行ます。利用者の発話を拾った結果もスマホで確認できるのですが、それを最初に見たとき背筋がぞわっとしました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-13463" src="/uploads-archive/2017/12/alexa-239x300.png" alt="" width="239" height="300" srcset="/uploads-archive/2017/12/alexa-239x300.png 239w, /uploads-archive/2017/12/alexa-768x963.png 768w, /uploads-archive/2017/12/alexa-816x1024.png 816w, /uploads-archive/2017/12/alexa-228x286.png 228w, /uploads-archive/2017/12/alexa.png 1066w" sizes="(max-width: 239px) 100vw, 239px" /></p>
<p>「家電リモコンを使ってテレビをつけて」「家電リモコンで暖房をつけて」と認識しています。そうです、音声情報を「漢字仮名交じり文」として処理している、という点が本当に凄い。もともとAIは専門外ですが、昔からコンピュータを触っていて、その手の技術の歴史を知る人間にとっては驚異的なことです。少なくとも自分には非常にショッキングなポイントでした。</p>
<p>コンピュータへの日本語入力は昔から様々な研究が行われていましたが、言語の特性上、同音異義語が多様される日本語において、音声から適切な漢字仮名交じり文を生成するのは非常に大変です。Alexaでの実現方法については、おそらくですが膨大な統計に基づく「AIスピーカーへ入力されうる命令のパターン」と「隠れマルコフモデル」に類するアルゴリズムで漢字仮名交じり文を生成しているのでしょうが、それでも恐ろしい精度です。Alexaの北米版リリースから日本版リリースまで2年かかっただけのことはあります。</p>
<p>Alexaがもてはやされている理由のもう一つがアプリケーションの開発だと思います。Alexaでは「スキル」と呼ばれていますが、Echo日本語版発売から、各プロットフォームホルダー各社がお試しに<a href="https://m.media-amazon.com/images/G/01/mobile-apps/dex/alexa/alexa-skills-kit/jp/skills/Alexa_Skills_List_1108.pdf">様々なスキルを提供しています</a>ね。</p>
<p>AIスピーカー、スマートスピーカーは各社がプラットフォームになろうとしのぎを削っているようで、今後、逆ザヤ上等のサービス展開が繰り広げられると思います。ただ、自分の考えとしては、目を離すことのできない子どもが居る子育て世帯、寝たきりの人がいる自宅看護・介護世帯向けのアプリケーションを揃えたところが強みを持ちそうだなと思います。</p>
<p>そのアプリケーションであるところのAlexaのスキルで具体的に何ができるのか、簡単なスキルを開発してみて、ここで報告してみようと思います。</p>


Alexaのここがヤバい

<p>一個大きなリリースとして、Symfony4はもど便利と自動化。</p>
<h2>インストール</h2>
<p>composerからインストールした後に自動化menuを出ます</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium" src="https://cdn-images-1.medium.com/max/1600/0*OmIJulJkLYlv1bKW.png" width="400" height="185" /></p>
<p>make serve はデフォルトフォルダー下、新しいフォルダー追加</p>
<p>デフォルトフォルダー：</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-13446" src="/uploads-archive/2017/12/EFF63EAC-B140-4336-9F80-607F03D3E8E1-300x89.png" alt="" width="300" height="89" srcset="/uploads-archive/2017/12/EFF63EAC-B140-4336-9F80-607F03D3E8E1-300x89.png 300w, /uploads-archive/2017/12/EFF63EAC-B140-4336-9F80-607F03D3E8E1-768x228.png 768w, /uploads-archive/2017/12/EFF63EAC-B140-4336-9F80-607F03D3E8E1-1024x303.png 1024w, /uploads-archive/2017/12/EFF63EAC-B140-4336-9F80-607F03D3E8E1-228x68.png 228w, /uploads-archive/2017/12/EFF63EAC-B140-4336-9F80-607F03D3E8E1.png 1330w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2>Bundle Registered</h2>
<p>Symfony2.8にbundleの管理composerの中に設定して、問題点はcomposer.jsonは長すぎので、メモリの要求は厳しなってきた。</p>
<p>Symfony４は（３.４以上）にbundles.phpに移動した</p>

		<div id="crayon-649540264bc47497028563" 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;">
return [
    'Symfony\Bundle\FrameworkBundle\FrameworkBundle' =&amp;gt; ['all' =&amp;gt; true],
];</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-649540264bc47497028563-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc47497028563-2">2</div><div class="crayon-num" data-line="crayon-649540264bc47497028563-3">3</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-649540264bc47497028563-1"><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-sy">[</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc47497028563-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-s">'Symfony\Bundle\FrameworkBundle\FrameworkBundle'</span><span class="crayon-h"> </span>=<span class="crayon-sy">&amp;gt;</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">'all'</span><span class="crayon-h"> </span>=<span class="crayon-sy">&amp;gt;</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264bc47497028563-3"><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>新しい機能</h2>
<p>Symfony Flexは自動化するプロセス</p>
<p>manifest.json</p>

		<div id="crayon-649540264bc4c645117246" 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;">
{
 "bundles": {
 "Symfony\\Bundle\\SwiftmailerBundle\\SwiftmailerBundle": ["all"]
 },
 "copy-from-recipe": {
 "config/": "%CONFIG_DIR%/"
 },
 "env": {
 "MAILER_URL": "smtp://localhost:25?encryption=&amp;amp;auth_mode="
 },
 "aliases": ["mailer", "mail"]
}</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-649540264bc4c645117246-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc4c645117246-2">2</div><div class="crayon-num" data-line="crayon-649540264bc4c645117246-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc4c645117246-4">4</div><div class="crayon-num" data-line="crayon-649540264bc4c645117246-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc4c645117246-6">6</div><div class="crayon-num" data-line="crayon-649540264bc4c645117246-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc4c645117246-8">8</div><div class="crayon-num" data-line="crayon-649540264bc4c645117246-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc4c645117246-10">10</div><div class="crayon-num" data-line="crayon-649540264bc4c645117246-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264bc4c645117246-12">12</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-649540264bc4c645117246-1"><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc4c645117246-2"><span class="crayon-h"> </span><span class="crayon-s">"bundles"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264bc4c645117246-3"><span class="crayon-h"> </span><span class="crayon-s">"Symfony\\Bundle\\SwiftmailerBundle\\SwiftmailerBundle"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">"all"</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc4c645117246-4"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264bc4c645117246-5"><span class="crayon-h"> </span><span class="crayon-s">"copy-from-recipe"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc4c645117246-6"><span class="crayon-h"> </span><span class="crayon-s">"config/"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"%CONFIG_DIR%/"</span></div><div class="crayon-line" id="crayon-649540264bc4c645117246-7"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc4c645117246-8"><span class="crayon-h"> </span><span class="crayon-s">"env"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264bc4c645117246-9"><span class="crayon-h"> </span><span class="crayon-s">"MAILER_URL"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"smtp://localhost:25?encryption=&amp;amp;auth_mode="</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc4c645117246-10"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264bc4c645117246-11"><span class="crayon-h"> </span><span class="crayon-s">"aliases"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">"mailer"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"mail"</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264bc4c645117246-12"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/o9N1nOYfAl4?feature=oembed" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe></p>

Symfony4 紹介 （１）

<p>弊社はCompeNaviという、全国のコンテスト情報を集めたポータルサイトを運営しています。<br />
&lt;img src=&quot;<br />
<a href="http://compe.sterfield.jp">コンペ、コンテスト、公募、コンクールのポータルサイト【コンペナビ】</a></p>
<p>CompeNaviのメインの事業はコンテスト情報の紹介ですが、それだけでなくコンテストを主催する自治体や企業様のサポートも行っています。</p>
<p>コンテストというと、キャッチコピーや写真、アイデアなど色々なジャンルがあるのですが、主催サポート業務についてお問い合わせが多いのが、じつは「PR動画コンテスト」を企画中の自治体様です。<br />
それは、動画コンテストを成功させることの難易度の高さを物語っていると言えるでしょう。</p>
<p>キャッチコピーや写真コンテストに比べて、PR動画コンテストが難しい理由はざっと下記のものになります。</p>
<ul>
<li>制作する労力がかかる</li>
<p>1作品作るためにかかる時間が、他のコンテストに比べてかさむ傾向にあります。</p>
<li>一人で何作品もつくれない</li>
<p>そのため、一人の応募者が提出できる作品はせいぜい１作品か2作品程度。キャッチコピーや写真などは一人で複数作品を提出することも可能なので、投稿作品総数は多くなりやすいです。</p>
<li>現地に行かないと撮れない</li>
<p>小説やキャッチコピーの場合は、主催する自治体に実際にいかなくても公開されている情報や想像で作品化することも可能ですが、映像の場合は現地に行っての撮影が必須です。</p>
<li>その結果…</li>
<p>投稿数が増えない、、作品のクオリティが今ひとつ、、コンテスト自体が話題にならない、、という結果になることが多いようです。
</ul>
<p>そうならないために、どうしたら良いか…。<br />
どこの自治体や企業にも当てはまる特効薬はないと思いますが、最近弊社が主催サポートした自治体様での事例がそのヒントになるかもしれません。</p>
<p>ご興味のあるかたはご覧になって下さい。</p>
<blockquote class="wp-embedded-content" data-secret="rGJFvbSnFU"><p><a href="http://compe.sterfield.jp/editor/otaku-prmovie/">地方自治体主催コンテストの成功の秘訣とは！？応募総数124作品！大田区商店街PR動画コンテスト</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="http://compe.sterfield.jp/editor/otaku-prmovie/embed/#?secret=rGJFvbSnFU" data-secret="rGJFvbSnFU" width="500" height="282" title="&#8220;地方自治体主催コンテストの成功の秘訣とは！？&lt;br&gt;応募総数124作品！大田区商店街PR動画コンテスト&#8221; &#8212; コンペ、コンテスト、公募、コンクールのポータルサイト【コンペナビ】" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>


地方自治体主催動画コンテストの成功の秘訣

<p>半年ほど前、フランスのとある企業がNOKIAに買収されました。Withingsというベンチャー企業です。<br />
Withingsというのはスマートヘルスケアデバイスを発売しているメーカーだったのですが、実はそこの体重計を2010年から使っています。<br />
・測定データの保持が無制限<br />
・他のサービスと自動連携<br />
・自分のデータを操作するAPIを提供<br />
といった今ではあたりまえの機能を最初から提供しており、この手の分野では草分け的存在です。<br />
日本国内であれば、なぜかメーカーがデータを囲い込むパターンが多くて、医療情報に関する考え方が日本とそれ以外で根本的に違う、ということが理解できますね。<br />
カルテを含む個人の医療情報を管理する&#8221;Personal Health Records&#8221;なんて言葉があった時代もありました。あんまり定着はしませんでしたが……</p>
<p>それから数年。<br />
AppleもGoogleもスマホのOSとして健康情報統合サービスとでも言うべき機能を載せてきました。AndroidであればGoogle Fitというサービスで、スマートフォンの位置情報やセンサー情報等から歩数や移動量を記録するようになりました。<br />
体重計、ジョギング記録アプリ、自転車トラッキングアプリ、睡眠管理、食事記録、といった各種アプリケーション・サービスと相互連携もとれるようになっています。</p>
<p>今回、廉価版活動量計<a href="https://health.nokia.com/jp/ja/go">Nokia GO</a>を手に入れたので、使用感をざっくり書きます。</p>
<p>・充電しなくて良い<br />
ボタン電池式という割り切った設計なので、帰宅後の充電作業から開放されました。これにより<br />
・睡眠記録がとりやすい<br />
という副産物が生まれました。リストバンドの違和感もないので、今はほとんど常時、身に付けています。</p>
<p>その結果、どうなったか。</p>
<p>まだ、体型には反映されていませんが、とりあえず今のところは、食事に気を遣うようになりましたので、今後も進展を書いていきたいと思います。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/11/withings.png" alt="" width="505" height="552" class="alignnone size-full wp-image-13432" srcset="/uploads-archive/2017/11/withings.png 505w, /uploads-archive/2017/11/withings-274x300.png 274w, /uploads-archive/2017/11/withings-228x249.png 228w" sizes="(max-width: 505px) 100vw, 505px" /></p>


活動量計が面白い

<h2>紹介</h2>
<p>Nnigxは一個host名下に多数のrootフォルダを指定可能です</p>
<p>例</p>

		<div id="crayon-649540264ba77722044766" 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;">
server {

  index index.html;
  server_name test.example.com;

  root /web/test.example.com/www;

  location /static {
    alias /web/test.example.com/static;
  }

}</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-649540264ba77722044766-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264ba77722044766-2">2</div><div class="crayon-num" data-line="crayon-649540264ba77722044766-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264ba77722044766-4">4</div><div class="crayon-num" data-line="crayon-649540264ba77722044766-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264ba77722044766-6">6</div><div class="crayon-num" data-line="crayon-649540264ba77722044766-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264ba77722044766-8">8</div><div class="crayon-num" data-line="crayon-649540264ba77722044766-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264ba77722044766-10">10</div><div class="crayon-num" data-line="crayon-649540264ba77722044766-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264ba77722044766-12">12</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-649540264ba77722044766-1"><span class="crayon-e">server</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264ba77722044766-2">&nbsp;</div><div class="crayon-line" id="crayon-649540264ba77722044766-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">index </span><span class="crayon-i">index</span><span class="crayon-sy">.</span><span class="crayon-i">html</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264ba77722044766-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">server_name </span><span class="crayon-i">test</span><span class="crayon-sy">.</span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-i">com</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264ba77722044766-5">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540264ba77722044766-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">root</span><span class="crayon-h"> </span>/<span class="crayon-i">web</span>/<span class="crayon-i">test</span><span class="crayon-sy">.</span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-i">com</span>/<span class="crayon-i">www</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264ba77722044766-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540264ba77722044766-8"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">location</span><span class="crayon-h"> </span>/<span class="crayon-m">static</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264ba77722044766-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">alias</span><span class="crayon-h"> </span>/<span class="crayon-i">web</span>/<span class="crayon-i">test</span><span class="crayon-sy">.</span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-i">com</span>/<span class="crayon-m">static</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264ba77722044766-10"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540264ba77722044766-11">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540264ba77722044766-12"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>この意味は</p>
<p>test.example.com にアクセスとと /web/test.example.com/www。このテストのフォルダをみている</p>
<p>そしてtest.example.com/staticにするをフォルダを変わって/web/test.example.com/staticに見っている。</p>
<h2>有利点</h2>
<p>この機能があれば、java、php、rubyとか同じhost名下に作業が可能です</p>
<p>&nbsp;</p>
<p>サイト全体的に一個main cssやjsの参考可能のて</p>
<p>理念出来にActionとDesignがわけってる</p>

Nnigx 多数のrootフォルダー設定

<p>ずっとやりたいと思っていたマクロの習得に挑戦することにしました。</p>
<p>なぜこのように思いたったかと言うと</p>
<p class="entry-title"><a class="entry-title-link bookmark" href="http://fromdusktildawn.hatenablog.com/entry/2017/11/05/091511" target="_blank" rel="noopener">マクロによる業務効率化に失敗する人と成功する人の違い</a></p>
<p>という記事を読み、まさに自分に当てはまるなぁと。</p>
<p>あとは昔から話題になっていた（おそらく釣り）知恵袋の投稿</p>
<p class="r"><a href="https://www.google.co.jp/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwiK7rj1zb3XAhVKf7wKHcccCTMQFggmMAA&amp;url=https%3A%2F%2Fdetail.chiebukuro.yahoo.co.jp%2Fqa%2Fquestion_detail%2Fq1132734326&amp;usg=AOvVaw1Fu9ACCrYZl3DDlV6CcEBf" target="_blank" rel="noopener">自分でマクロを組んで仕事をする新入社員をどう思いますか！？</a></p>
<p>を知っていて、この次元の会社にしてしまったら終わりだななんて思いながら我が身を振り返ってみると毎週作成している週報。そして、月間のレポートが増えていることに気づきました。</p>
<p>アクセス解析レポートは既に、月額5000円くらいでGoogleアナリティクスのデータをレポート形式にアウトプットしてくれるツールがあるので利用していますが、他のレポートに関しては、完全なルーティーンワークで多い月には数千行に及ぶデータ量。関数はガツガツ仕込んでいるので大分軽減は出来ているもののもう一歩レベルをあげようと初めてのマクロに挑戦することにしました。</p>
<p>一旦の目標は、ダウンロードしたデータを並べ変えて関数を記述してある定形のとあるレポートフォーマットを作成することです。実際には10分未満の作業なのですが、これをどのくらいの勉強時間とコーディング時間で行けるのか何回かに渡って書いていきたいと思います。</p>
<h2>マクロの基礎知識</h2>
<p>まず、言葉の定義からすると、</p>
<blockquote><p>パソコンで、複雑な操作の手順をあらかじめ登録しておき、必要なときに簡単に実行させる機能。マクロ機能。</p></blockquote>
<p><a href="https://kotobank.jp/word/%E3%83%9E%E3%82%AF%E3%83%AD-8983" target="_blank" rel="noopener">https://kotobank.jp/word/%E3%83%9E%E3%82%AF%E3%83%AD-8983</a></p>
<p>とあります。いわゆる自動化ですね。</p>
<p>そして、この機能を記述している言語が「Visual Basic for Applications（VBA）」というものになります。</p>
<p>つまり、マクロを書くというような表現がありますが、正確には、VBAを書いてマクロを定義するということになります。</p>
<p>以降も便宜的にマクロを書くという表現を使っていきます。</p>
<h2>マクロの勉強方法</h2>
<p>マクロが得意と自称するエンジニアに相談したところ<a href="http://officetanaka.net/excel/vba/tips/" target="_blank" rel="noopener">Office TANAKA</a>というサイトを教えて頂きました。</p>
<p>とてもよくまとまっているので今後使えそうですが、基本を体系的に抑えたいと考えた時にいつもお世話になっている<a href="https://dotinstall.com/lessons/basic_excel_vba" target="_blank" rel="noopener">ドットインストール</a>さんですね。</p>
<p>しっかりVBAのアナウンスもありました。</p>
<p>ドットインストールを進めて行きながら次回は、実際にファイル操作を出来るところまでやってみたいと思います。</p>
<p>最後にお作法ですね。hello worldで第一回目を終わりにします。（ドットインストールの3番目までの動画で習得できます。）</p>
<p><a href="/uploads-archive/2017/11/5829375102cf885bcb6fcfc9cf680b65.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13420" src="/uploads-archive/2017/11/5829375102cf885bcb6fcfc9cf680b65-300x188.png" alt="" width="300" height="188" srcset="/uploads-archive/2017/11/5829375102cf885bcb6fcfc9cf680b65-300x188.png 300w, /uploads-archive/2017/11/5829375102cf885bcb6fcfc9cf680b65-768x481.png 768w, /uploads-archive/2017/11/5829375102cf885bcb6fcfc9cf680b65-1024x641.png 1024w, /uploads-archive/2017/11/5829375102cf885bcb6fcfc9cf680b65-228x143.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>参考サイト</h2>
<p><a href="http://officetanaka.net/excel/vba/tips/" target="_blank" rel="noopener">Office TANAKA</a></p>
<p><a href="https://dotinstall.com/lessons/basic_excel_vba" target="_blank" rel="noopener">ドットインストール</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


営業出身がマクロに挑戦〜その1〜

D3.jsでアニメーション付き棒グラフを作ってみました

<p>中国の省/州を選択すると該当の城市(区/县)の一覧を表示するデータを整理した。</p>
<p>ECサイトを運営するにあたり住所が間違っていると届かず、最悪の場合往復の送料を売り主が負担しなければならない。</p>
<p>越境だとかなりの額になってしまうこともあり、カートとしては極限まで間違いを減らす努力をしなければならない。</p>
<p>&nbsp;</p>
<p>実際のフォームがこちら。</p>
<p><a href="https://sterfield.co.jp/demo/hoshino/74/" target="_blank" rel="noopener">https://sterfield.co.jp/demo/hoshino/74/</a></p>
<p>&nbsp;</p>
<p>データは中国EMSから取得したので正しいはず、、</p>
<p>&nbsp;</p>
<p>こちらは香港の区の一覧。</p>
<p><a href="https://sterfield.co.jp/demo/hoshino/74/hk.html" target="_blank" rel="noopener">https://sterfield.co.jp/demo/hoshino/74/hk.html</a></p>


中国の省/州→城市(区/县)の一覧を取得するAjax

CodePenでReactを試してToDoリストを作ってみた

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  PHPの日付演算の親切仕様について書きます。</p>
<p>  PHPの日付演算に於いて、下記のような言語仕様があります。</p>
<blockquote><p>  1月31日の一ヶ月後 → 3月2日</p></blockquote>
<p>  1月31日の一ヶ月後は2月31日、、、ですが存在しません。<br />
  なので自動的に足りない2日間を翌月の繰り越すというふうになっています。</p>
<p>  しかし、これでは月末処理などの際にとても困る！と言ったことがあることへの対応です。</p></div>
<h3>対応策</h3>
<div style="padding-left: 15px;">
  結論としては以下のような関数を挟むことで解消しました。<br />
  ただしこれは未来の日付なので加減算ではなく加算に対してのみ有効です。<br />


		<div id="crayon-649540264b471557855706" 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">PHP</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;">
    public static function addMonth($dd, $int)
    {
        // 初日
        $first = date('Y-m-1', strtotime($dd));
        // 加算した初日
        $calc_first = date('Y-m-d', strtotime($first." +".$int." month"));
        // 月のみ計算した仮の日にち
        $kari_yy = date('Y', strtotime($calc_first));
        $kari_mm = date('m', strtotime($calc_first));

        $kari_date_str = $kari_yy."-".$kari_mm."-".date('d', strtotime($dd));

        $ret = $kari_date_str;
        if ($kari_date_str != date('Y-m-d', strtotime($kari_date_str))) {
            $ff = date('Y-m-1', strtotime($dd.' +'.$int.' month'));
            $last = date('Y-m-d', strtotime($ff.' -1 day'));
            $ret = $last;
        }

        return $ret;
    }</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-649540264b471557855706-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-2">2</div><div class="crayon-num" data-line="crayon-649540264b471557855706-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-4">4</div><div class="crayon-num" data-line="crayon-649540264b471557855706-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-6">6</div><div class="crayon-num" data-line="crayon-649540264b471557855706-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-8">8</div><div class="crayon-num" data-line="crayon-649540264b471557855706-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-10">10</div><div class="crayon-num" data-line="crayon-649540264b471557855706-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-12">12</div><div class="crayon-num" data-line="crayon-649540264b471557855706-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-14">14</div><div class="crayon-num" data-line="crayon-649540264b471557855706-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-16">16</div><div class="crayon-num" data-line="crayon-649540264b471557855706-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-18">18</div><div class="crayon-num" data-line="crayon-649540264b471557855706-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264b471557855706-20">20</div><div class="crayon-num" data-line="crayon-649540264b471557855706-21">21</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-649540264b471557855706-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-m">public</span><span class="crayon-h"> </span><span class="crayon-m">static</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">addMonth</span><span class="crayon-sy">(</span><span class="crayon-v">$dd</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$int</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264b471557855706-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// 初日</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$first</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y-m-1'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$dd</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264b471557855706-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// 加算した初日</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$calc_first</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y-m-d'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$first</span><span class="crayon-sy">.</span><span class="crayon-s">" +"</span><span class="crayon-sy">.</span><span class="crayon-v">$int</span><span class="crayon-sy">.</span><span class="crayon-s">" month"</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264b471557855706-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// 月のみ計算した仮の日にち</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$kari_yy</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$calc_first</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264b471557855706-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$kari_mm</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'m'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$calc_first</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-10">&nbsp;</div><div class="crayon-line" id="crayon-649540264b471557855706-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$kari_date_str</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$kari_yy</span><span class="crayon-sy">.</span><span class="crayon-s">"-"</span><span class="crayon-sy">.</span><span class="crayon-v">$kari_mm</span><span class="crayon-sy">.</span><span class="crayon-s">"-"</span><span class="crayon-sy">.</span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'d'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$dd</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-12">&nbsp;</div><div class="crayon-line" id="crayon-649540264b471557855706-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$ret</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$kari_date_str</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-14"><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-v">$kari_date_str</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y-m-d'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$kari_date_str</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264b471557855706-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$ff</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y-m-1'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$dd</span><span class="crayon-sy">.</span><span class="crayon-s">' +'</span><span class="crayon-sy">.</span><span class="crayon-v">$int</span><span class="crayon-sy">.</span><span class="crayon-s">' month'</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$last</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'Y-m-d'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">strtotime</span><span class="crayon-sy">(</span><span class="crayon-v">$ff</span><span class="crayon-sy">.</span><span class="crayon-s">' -1 day'</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264b471557855706-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$ret</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$last</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-18"><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-649540264b471557855706-19">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540264b471557855706-20"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-k ">return</span><span class="crayon-h"> </span><span class="crayon-v">$ret</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264b471557855706-21"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

</div>
<h3>どういう仕組みか</h3>
<div style="padding-left: 15px;">
  上記で処理している内容ですが、、、</p>
<p>  処理する日付を &#8220;YYYY-mm-dd&#8221; 形式の文字列で渡します。<br />
  それに対して何ヶ月足すかを一緒に関数に渡します。</p>
<p>  前述で受け取った日付をAとします。何ヶ月後をzとします。</p>
<p>  そのAを一旦ついたちにした日付Bを生成。<br />
  Bからzヶ月後をまず算出。1日は加算時はズレることがないので確実に正確なものが演算で取得出来ます。<br />
  これをCとする。<br />
  このCの日付のみAの日付に置き換えます。これをDとします。</p>
<blockquote><p>  例)<br />
  A : 2017-01-31<br />
  z : 1<br />
  B : 2017-01-01<br />
  C : 2017-02-01<br />
  D : 2017-02-31</p></blockquote>
<p>  この場合Dが存在しない日付となります。<br />
  PHPの演算を中継すると &#8220;2017-03-02&#8221; となってしまいますが、、、</p>
<p>  このDと、演算後の2017-03-02が異なる場合だけ<br />
  「誤っているであろう&#8221;算出後の日付の前月末&#8221;」に設定するようにします。</p>
<p>  今回の &#8220;2017-03-02&#8221; が求めるものではなかったため<br />
  &#8220;2017-03&#8243;の前月である&#8221;2017-02&#8243;の月末、、、つまり&#8221;2017-02-28&#8243;を求めることが出来ました。</p></div>
<h3>概念としての抜け</h3>
<div style="padding-left: 15px;">
  この方法だと減算が考慮されていませんが、実装は難しくないでしょう。</p>
<p>  ただし、この加算処理を繰り返していくことで<br />
  「月末がズレていってしまう！」<br />
  という「末日」という概念にまでは対応しきれていません。</p>
<p>  これを考慮するには日付演算を使わずに「月末」というステータスを持つしかないのでは、といった所感です。</p></div>

PHPの日付演算を改良してみる

<h3>第五話</h3>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/479089b78010423b5702baaaa414bf52-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13359" srcset="/uploads-archive/2017/10/479089b78010423b5702baaaa414bf52-709x1024.jpg 709w, /uploads-archive/2017/10/479089b78010423b5702baaaa414bf52-208x300.jpg 208w, /uploads-archive/2017/10/479089b78010423b5702baaaa414bf52-228x329.jpg 228w, /uploads-archive/2017/10/479089b78010423b5702baaaa414bf52.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/40e3078c472ee171d679268e4eda7e8b-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13360" srcset="/uploads-archive/2017/10/40e3078c472ee171d679268e4eda7e8b-709x1024.jpg 709w, /uploads-archive/2017/10/40e3078c472ee171d679268e4eda7e8b-208x300.jpg 208w, /uploads-archive/2017/10/40e3078c472ee171d679268e4eda7e8b-228x329.jpg 228w, /uploads-archive/2017/10/40e3078c472ee171d679268e4eda7e8b.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/820aabd45e8d2549f8f78c60f073ca77-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13361" srcset="/uploads-archive/2017/10/820aabd45e8d2549f8f78c60f073ca77-709x1024.jpg 709w, /uploads-archive/2017/10/820aabd45e8d2549f8f78c60f073ca77-208x300.jpg 208w, /uploads-archive/2017/10/820aabd45e8d2549f8f78c60f073ca77-228x329.jpg 228w, /uploads-archive/2017/10/820aabd45e8d2549f8f78c60f073ca77.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/131578614b787d6411b449b59efa1e88-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13362" srcset="/uploads-archive/2017/10/131578614b787d6411b449b59efa1e88-709x1024.jpg 709w, /uploads-archive/2017/10/131578614b787d6411b449b59efa1e88-208x300.jpg 208w, /uploads-archive/2017/10/131578614b787d6411b449b59efa1e88-228x329.jpg 228w, /uploads-archive/2017/10/131578614b787d6411b449b59efa1e88.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/5620f8b95d8dc21a55807a504975eb0a-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13363" srcset="/uploads-archive/2017/10/5620f8b95d8dc21a55807a504975eb0a-709x1024.jpg 709w, /uploads-archive/2017/10/5620f8b95d8dc21a55807a504975eb0a-208x300.jpg 208w, /uploads-archive/2017/10/5620f8b95d8dc21a55807a504975eb0a-228x329.jpg 228w, /uploads-archive/2017/10/5620f8b95d8dc21a55807a504975eb0a.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/35704bb83de8f5267c45aabef3030536-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13364" srcset="/uploads-archive/2017/10/35704bb83de8f5267c45aabef3030536-709x1024.jpg 709w, /uploads-archive/2017/10/35704bb83de8f5267c45aabef3030536-208x300.jpg 208w, /uploads-archive/2017/10/35704bb83de8f5267c45aabef3030536-228x329.jpg 228w, /uploads-archive/2017/10/35704bb83de8f5267c45aabef3030536.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/ff4c568dca7310c532b051c5cdea2dd8-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13365" srcset="/uploads-archive/2017/10/ff4c568dca7310c532b051c5cdea2dd8-709x1024.jpg 709w, /uploads-archive/2017/10/ff4c568dca7310c532b051c5cdea2dd8-208x300.jpg 208w, /uploads-archive/2017/10/ff4c568dca7310c532b051c5cdea2dd8-228x329.jpg 228w, /uploads-archive/2017/10/ff4c568dca7310c532b051c5cdea2dd8.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/86be8dc5397ea32bd7c8f4459bff7210-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13366" srcset="/uploads-archive/2017/10/86be8dc5397ea32bd7c8f4459bff7210-709x1024.jpg 709w, /uploads-archive/2017/10/86be8dc5397ea32bd7c8f4459bff7210-208x300.jpg 208w, /uploads-archive/2017/10/86be8dc5397ea32bd7c8f4459bff7210-228x329.jpg 228w, /uploads-archive/2017/10/86be8dc5397ea32bd7c8f4459bff7210.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/68b2946214c35490fd52ed23a46ab952-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13367" srcset="/uploads-archive/2017/10/68b2946214c35490fd52ed23a46ab952-709x1024.jpg 709w, /uploads-archive/2017/10/68b2946214c35490fd52ed23a46ab952-208x300.jpg 208w, /uploads-archive/2017/10/68b2946214c35490fd52ed23a46ab952-228x329.jpg 228w, /uploads-archive/2017/10/68b2946214c35490fd52ed23a46ab952.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/55b7d252371e7e37c3a44ccf8143ac2c-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13368" srcset="/uploads-archive/2017/10/55b7d252371e7e37c3a44ccf8143ac2c-709x1024.jpg 709w, /uploads-archive/2017/10/55b7d252371e7e37c3a44ccf8143ac2c-208x300.jpg 208w, /uploads-archive/2017/10/55b7d252371e7e37c3a44ccf8143ac2c-228x329.jpg 228w, /uploads-archive/2017/10/55b7d252371e7e37c3a44ccf8143ac2c.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/beb696158d384441ea46728c4350ba69-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13369" srcset="/uploads-archive/2017/10/beb696158d384441ea46728c4350ba69-709x1024.jpg 709w, /uploads-archive/2017/10/beb696158d384441ea46728c4350ba69-208x300.jpg 208w, /uploads-archive/2017/10/beb696158d384441ea46728c4350ba69-228x329.jpg 228w, /uploads-archive/2017/10/beb696158d384441ea46728c4350ba69.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/ce41a13b6a14932bef6aacec3bcf4529-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13370" srcset="/uploads-archive/2017/10/ce41a13b6a14932bef6aacec3bcf4529-709x1024.jpg 709w, /uploads-archive/2017/10/ce41a13b6a14932bef6aacec3bcf4529-208x300.jpg 208w, /uploads-archive/2017/10/ce41a13b6a14932bef6aacec3bcf4529-228x329.jpg 228w, /uploads-archive/2017/10/ce41a13b6a14932bef6aacec3bcf4529.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/10/1d2490d6be293d397574ecc5b66eb1ff-709x1024.jpg" alt="" width="709" height="1024" class="alignleft size-large wp-image-13371" srcset="/uploads-archive/2017/10/1d2490d6be293d397574ecc5b66eb1ff-709x1024.jpg 709w, /uploads-archive/2017/10/1d2490d6be293d397574ecc5b66eb1ff-208x300.jpg 208w, /uploads-archive/2017/10/1d2490d6be293d397574ecc5b66eb1ff-228x329.jpg 228w, /uploads-archive/2017/10/1d2490d6be293d397574ecc5b66eb1ff.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<h3>ブラックジャックによろしくを二次利用させていただきました</h3>
<p>下記利用規約に則り、作品を二次利用させていただきました。</p>
<p><a href="http://mangaonweb.com/satoshuho/download/#kiyaku">利用規約</a></p>
<table>
<tbody>
<tr>
<td>タイトル</td>
<td>ブラックジャックによろしく</td>
</tr>
<tr>
<td>著者名</td>
<td>佐藤秀峰</td>
</tr>
<tr>
<td>サイト名</td>
<td>漫画 on web</td>
</tr>
</tbody>
</table>


large_スライド20.jpg

medium_スライド20.jpg

small_スライド20.jpg

thumbnail_スライド20.jpg

スライド20.jpg

(5)漫画でわかる越境EC！越境EC担当者によろしく！

Nginxリバースプロキ設定

small_switch.png

thumbnail_switch.png

switch.png

デバイスで見かけるON,OFFのボタンをhtmlとcssで実装してみる

<p>郵便番号を入力 → 都道府県 + 市区町村を自動入力</p>
<p>というのは日本ではよく見る。</p>
<p>ajaxzip3、ajaxzip2、jquery.jpostal.jsなどjQueryのプラグインが複数公開されているようだ。</p>
<p>&nbsp;</p>
<p>海外、特に台湾香港でもこのようなことをしたいという声を多々頂いていたのだが、なかなかできないでいた。</p>
<p>以下はその理由。</p>
<p>&nbsp;</p>
<h3>情報が少ない</h3>
<p>そもそも独自ドメインのECサイトが非常に少ないので、郵便番号を入力させるという必要があるサイトを作る機会があまり無いと思われ、そのようなjQueryプラグインはもちろん、まとまったデータなども全然見当たらなかった。</p>
<p>&nbsp;</p>
<h3>ルールが曖昧</h3>
<p>台湾の郵便番号は本当は5桁なのだが、そこまで細かくしなくてOKという暗黙のルールがあるらしく、「最初の3桁だけで送る」場合が多いようだ。</p>
<p>特にECサイトで極力お客様の手間を省きたい場合など5桁入力させるメリットは少ないようだ。</p>
<p>&nbsp;</p>
<h3>そもそも香港は郵便番号がない</h3>
<p>「香港は狭いので郵便番号が無くても配達可能」なのだそう。。</p>
<p>&nbsp;</p>
<h3>台湾人は自分の郵便番号を知らない</h3>
<p>これは良く言われるのだが、9月に初めて台灣に行ってみて改めて感じたのが、「台湾人は自分の郵便番号を知らない」。</p>
<p>なので入力のさせ方が特殊で、</p>
<p>日本：郵便番号入力 → 住所自動入力</p>
<p>台灣：住所入力 → 郵便番号自動入力</p>
<p>というように作らなければ入力できずに離脱してしまうそうだ。</p>
<p>&nbsp;</p>
<h3>以上をふまえて作ってみたのがこちら</h3>
<p><a class="demo" href="https://sterfield.co.jp/demo/hoshino/73/" target="_blank" rel="noopener">台灣郵便番号デモ</a></p>
<p>※データ整形がとても大変だったのでサンプルとなっています。(LaunchCarユーザーはご利用可！)</p>
<p>&nbsp;</p>
<h3>最後に</h3>
<p>郵便番号は国によってかなり違うようで、現地に詳しい方のサポートが欠かせないと改めて実感した。</p>
<p>(郵便番号にアルファベットを含む国もあるらしい、、)</p>
<p>台灣版の開発は<a href="http://www.asian-bridge.com/" target="_blank" rel="noopener">アジアンブリッジ社</a>のご協力により実現できました。</p>
<p>ありがとうございました！</p>


large_1280px-Flag_of_the_Republic_of_China.svg_-1024x682.png

medium_1280px-Flag_of_the_Republic_of_China.svg_-1024x682.png

small_1280px-Flag_of_the_Republic_of_China.svg_-1024x682.png

thumbnail_1280px-Flag_of_the_Republic_of_China.svg_-1024x682.png

1280px-Flag_of_the_Republic_of_China.svg_-1024x682.png

台湾の郵便番号を住所から逆引きするjQueryサンプル

<p>毎回iOSのメジャーバージョンアップには、影響を受けております。</p>
<p>去年のsafari10のバージョンアップの時には、ISO-2022-JPという文字コードのサポートが切られ、古いシステムを継続利用していたサイトがsafariのみ動作に異常を来たす状態になりました。</p>
<p>古いシステムと利用の少ないであろう文字コードということで、同様の事例自体がWeb上でも見当たらず、対応に四苦八苦したのを覚えています。</p>
<p>そして、今年のバージョンアップでも仕様が大きく変更になりました。</p>
<p>今回新たに搭載されるのITP（Intelligent Tracking Prevention)という機能は広告のトラッキングに影響を及ぼすということで広告業界全体で対応が迫られており、情報もたくさん出回っておりますので、今回は勉強メモ代わりにシェアします。</p>
<h2>ITP機能による広告配信の影響概要</h2>
<p>ITP機能におけるCookie情報の取扱い変更により、Safariブラウザでのウェブサイトコンバージョントラッキングの計測や<br />
リマケーティングの配信量に影響を及ぼす可能性がある</p>
<h3>変更内容</h3>
<p>過去24時間以内 ：3rdPartyがCookie情報へアクセス可能<br />
24時間～30日以内：3rdPartyがCookie情報へアクセス不可<br />
30日以降　　　　：Cookieが削除</p>
<h3>適用時期</h3>
<p>最新版OSにアップデートされた端末のSafariブラウザ</p>
<p>初期設定としてトラッキング（追跡）防止機能「ITP（Intelligent　Tracking Prevention）」がオン</p>
<h3>想定される影響範囲</h3>
<p>下記の各種コンバージョンの24時間以降のCookie情報に基づく計測が不可に<br />
-クリックスルー/ビュースルー/クロスデバイス コンバージョン<br />
⇒24時間以降のコンバージョン件数の減少(媒体の戻りCV数が減る)</p>
<p>24時間以降のCookie情報に基づく配信が不可に<br />
-リマーケティング<br />
⇒リーセンシーが2日以降のリストにおける配信数の減少</p>
<p>※影響の大きさは Safariの比率に依存</p>
<p>想定としては全体に対する30%(リマーケの配信数)が減ると予測。<br />
ただ、safariをアップデートしたユーザーから反映されるため急に30%減る訳ではなく徐々に減っていくと想定</p>
<h2>ITPに関する参考記事</h2>
<p><a href="https://quartet-communications.com/info/listing/market/40122" target="_blank" rel="noopener">https://quartet-communications.com/info/listing/market/40122</a></p>
<p>詳細なデータに基づく開設記事は上記サイトがよくまとまっています。</p>
<h2>広告効果測定ツール各社の対応</h2>
<h3>アドエビス</h3>
<p><a href="https://www.ebis.ne.jp/news/" target="_blank" rel="noopener">https://www.ebis.ne.jp/news/</a></p>
<p>11月末対応</p>
<h3>Webアンテナ</h3>
<p><a href="http://www.bebit.co.jp/wanote/column/7323/" target="_blank" rel="noopener">http://www.bebit.co.jp/wanote/column/7323/</a></p>
<p>ファーストパーティCookieのみを利用した計測方法にする修正を9月21日に実施</p>
<h3>ADプラン</h3>
<p><a href="http://www.opt.ne.jp/news/pr/detail/id=4123" target="_blank" rel="noopener">http://www.opt.ne.jp/news/pr/detail/id=4123</a></p>
<p>ファーストパーティ Cookie を優先して計測する対応で9月26日に実施</p>
<p>「ランディングページとコンバージョンページのドメインが異なるサイト」は10月末対応</p>
<p>3社ほど開示されている情報を抜粋しました。それぞれ対応に関するアナウンスが出ております。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2017年

2017/12/12

2017/12/12

2017/12/12

2017/12/12

2017/12/12

2017/12/12

2017/11/14

2017/11/14

2017/11/14

2017/11/14

2017/11/14

2017/11/14

2017/10/10

2017/10/10

2017/10/10

2017/10/10

2017/10/10

2017/10/10