<p>今まで、プロジェクトはMVC基準についに</p>
<p>前のブロック<a href="https://sterfield.co.jp/programmer/%E5%88%9D%E5%BF%83%E8%80%85%E5%90%91%E3%81%91%E3%80%81%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC%E3%83%AD%E3%82%B8%E3%83%83%E3%82%AF%E3%83%88%E3%83%AC%E3%83%B3%E3%83%89/">初心者向け、プログラマーロジックトレンド</a>に紹介してMVC理念</p>
<p>アプリケーションStructureの原本の目的はチームにとしてプロジェクト開発を易いため使いです。</p>
<p>設計チーム、データチーム、開発チームぞれそれのタスクで影響少ないため、MVCStructureを使う。</p>
<p>&nbsp;</p>
<p>今回紹介したMVVM（Model View ViewModel）にも同じ目的です。</p>
<p>MVVMの面白い場所はControllarなしで</p>
<p>全てJSで作業可能です。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium" src="https://upload.wikimedia.org/wikipedia/commons/8/87/MVVMPattern.png" width="771" height="232" /></p>
<p>Model: データ</p>
<p>ViewModel: データ処理</p>
<p>View：表示形</p>
<h2>誕生</h2>
<blockquote><p>2005年に、マイクロソフトのWPFおよびSilverlightアーキテクトであったJohn Gossmanが自身のブログでModel-View-ViewModel (MVVM) パターンを発表しました。MVVMとFowlerのプレゼンテーションモデルは、両方ともビューの状態と動作を含んだ形でビューを抽象化しています。Gossmanはユーザインタフェースの作成を簡素化するために、WPFの活用コア機能への標準化された方法としてMVVMを導入し、一方、FowlerはビューのUIプラットフォームに依存しない抽象化を作成するための手段としてプレゼンテーションモデルを導入しました。その意味で、一般的なPMパターンをWPFとSilverlightのプラットフォームにより特化したものになるようにMVVMを検討しています。</p>
<p>&#8211;Wiki</p></blockquote>
<h2>発展</h2>
<p>今はデータの大爆発時代で、googleをサーバーの負荷下ろすため、MVVMのStructureを使う。</p>
<p>全てはajaxやjsをBuildして、サーバーのメモリーや一切使わせて、逆に使う顧客のメモリーを喰える。</p>
<p>今代表的にはAngular js。アンドロイドにもこの技術を使ってる。</p>
<p>&nbsp;</p>
<p>利点：有効にサーバーの負荷を降ろす</p>
<p>欠点：ユーザーのCPUやメモリーや使う環境を考え必要</p>


Webアプリケーション Structure ー MVVM 紹介

<p>githubの後追いとして生まれたgitlabを少し試してみました。</p>
<p>githubはアカウントに課金しない場合、リポジトリが全て公開されるというオープンソース精神が非常に強い仕様でした。しかしgitlabは無料アカウントでも非公開リポジトリやメンバー限定リポジトリを作成できます。</p>
<p>githubでcommitやpushもしたことのない自分ですが、クローズドならば、ということで今回アカウントを作成し、手元にあったテストプログラムのリポジトリを作成するまでを試してみました。</p>
<p>branchのツリーグラフビューや</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-13610" src="/uploads-archive/2018/02/320f2d2f79fcb6febe4391c7aaf3db31-300x178.png" alt="" width="300" height="178" srcset="/uploads-archive/2018/02/320f2d2f79fcb6febe4391c7aaf3db31-300x178.png 300w, /uploads-archive/2018/02/320f2d2f79fcb6febe4391c7aaf3db31-228x135.png 228w, /uploads-archive/2018/02/320f2d2f79fcb6febe4391c7aaf3db31.png 552w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>コミットごとの差分閲覧</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-13613" src="/uploads-archive/2018/02/2e3e65957d1cfdfececc9df7a313572b-300x219.png" alt="" width="300" height="219" srcset="/uploads-archive/2018/02/2e3e65957d1cfdfececc9df7a313572b-300x219.png 300w, /uploads-archive/2018/02/2e3e65957d1cfdfececc9df7a313572b-768x560.png 768w, /uploads-archive/2018/02/2e3e65957d1cfdfececc9df7a313572b-228x166.png 228w, /uploads-archive/2018/02/2e3e65957d1cfdfececc9df7a313572b.png 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>push時にgit hookを使った通知</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-13611" src="/uploads-archive/2018/02/24603bed171dd5bd956214283bc0168f-300x103.png" alt="" width="300" height="103" srcset="/uploads-archive/2018/02/24603bed171dd5bd956214283bc0168f-300x103.png 300w, /uploads-archive/2018/02/24603bed171dd5bd956214283bc0168f-768x264.png 768w, /uploads-archive/2018/02/24603bed171dd5bd956214283bc0168f-228x78.png 228w, /uploads-archive/2018/02/24603bed171dd5bd956214283bc0168f.png 815w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>など、基本＋あったらいいな、という機能は全部備わっている感じです。さらにプロジェクトごとのメニューにはCI/CDという文字列が。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-13614" src="/uploads-archive/2018/02/CICD.png" alt="" width="213" height="260" /></p>
<p>継続的インテグレーション/継続的デリバリーという意味で、書いたプログラムをpushするたびにビルド・自動テスト・実行環境への配信までを自動化する機能のとっかかりが用意されているようです。とはいってもCI/CDは未経験の世界。凄そう＆楽できそう、というイメージはあるものの具体的なことはやってみないと分かりません。</p>
<p>とりあえずは、個人的に作ってるプログラムをgitlabで管理して、CI/CDツールも合わせて使ってみようと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


gitlabを試してみる

<p>まずはじめに、皆さんご存知かとは思いますが、物販ビジネスには大きく分けて２パターンのソースが存在します。</p>
<p class=""><strong>「型番商品」</strong>と<strong>「オリジナル商品」</strong>です。</p>
<p><strong>「オリジナル商品」</strong>とは自社が独自で開発・企画した商品のこと。自社ブランド、メーカーで品番・商品名を付け、独自で開発からプロモーション等を一つの塊りとして行う物を「オリジナル商品」として区切ります。</p>
<p>一方、<strong>「型番商材」</strong>を簡単に説明しますと卸売を目的とした商材をメーカーが作成し(メーカー自身が販売する事もあります。)、複数の取引先販売店が仕入を行う事ができる商材です。</p>
<p>今回はネットショップ等の範囲内で展開し易い「型番商材」こちらに焦点を絞りたいと思います。</p>
<h3>「型番商材」の今</h3>
<p>ネットビジネスにおいて永遠に付きまとう「顧客からの信頼性」(個人でのサイトなら特に)を商品自体が広く出回っており、取り扱い店に認知があまりなくても、商品自体のブランドでお客様が購入を検討してくれる可能性がありますので、こちらの段階をクリアする事は容易であると言えます。</p>
<p>また、基本的には消耗品が主流であり、リピート商材としての二面性を持ち合わせているので、楽天やヤフーショッピング等のモールへ出品していれば安心して購入をしていただける上、エンドユーザーに対し特に粗相がなければ、リピートしていただける機会は多分に含まれている為、ビジネスチャンスを感じる事ができます。</p>
<p>しかし、視点を変えると「ライバルも同じ条件で運用できる」なので、商品に対して付加価値を付けるか極端に露出をしない限り他に勝てないという事になります。<br />
現在の市場では様々な型番商材に様々なオマケ等をつける事により、購買率を上げるなどの工夫がされておりますが、極論、これでは消耗戦になり遅れて取り扱いを開始する業者は苦戦をし、強者と弱者の格差を埋める事が極めて困難な構図が出来上がっています。</p>
<h3>型番商材の取り扱い</h3>
<p>個人的な副業等で大型モールへの出品などを利用し販売するのであれば話しは別ですが「どの型番商材が人気であるか」「ポピュラーなものであるか」などの考え方で取り扱いを始めると儲けを出すことは至難の業で地道な道のりとなります。</p>
<p>今から商売を行おうと思う方や拡大を狙うのであれば商材を軸にビジネスを構築していくのではなく、越境ecなどを駆使し「どこに」「だれに」「売り方(戦法)」などの広い観点から場所、人に向けて対象の商材を投入していく事が重要なのではないかと思います。</p>
<p>そこに発生するボトルネックとの上手く付き合えた存在が今後の「群雄割拠の型番商戦」を勝ち抜いて行けるのではないかと思います。</p>


型番商材の勝手に考察してみると…

<p>wordpressでCSVで記事を登録したいという要望があり、それに見合いそうなプラグインを発見しました。</p>
<p>wordpressでサイトを作成するのは一般的になりつつあり、記事ではなく商品を記事として登録しくことも多いです。<br />
記事として登録することで検索がしやすい、カテゴリーで分けられる等々便利なので、本来の記事という役割を超えた使われ方をしていますね。<br />
まぁそんな御託はどうでも良いのですが、その登録を一括でしてくれるのが今回紹介するプラグインですね。</p>
<h2>Really Simple CSV Importer</h2>
<p>このプラグインの特徴！</p>
<p>・記事の登録、更新ができる<br />
・カテゴリー、タグに対応<br />
・カスタムフィールド対応(Custom Field Suite,Advanced Custom Field,Smart Custom Field対応)<br />
・カスタム投稿タイプも対応<br />
・下書き、公開設定も変更可能</p>
<h3>インストール</h3>
<p>通常のプラグインと同じで、<br />
管理画面 &gt; プラグイン &gt; 新規追加<br />
で、Really Simple CSV Importer　を検索してインストールすればOKです！</p>
<h3>インポートする時</h3>
<p>左メニューの<br />
ツール &gt; インポート　<br />
をクリックするとインポートの画面になります。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8.png" alt="" width="767" height="374" class="alignnone size-full wp-image-13635" srcset="/uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8.png 767w, /uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8-300x146.png 300w, /uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8-228x111.png 228w" sizes="(max-width: 767px) 100vw, 767px" /></p>
<p>上記画像にあるように、「インポーターの実行」をクリックします。</p>
<p>すると、</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066.png" alt="" width="817" height="349" class="alignnone size-full wp-image-13636" srcset="/uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066.png 817w, /uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066-300x128.png 300w, /uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066-768x328.png 768w, /uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066-228x97.png 228w" sizes="(max-width: 817px) 100vw, 817px" /></p>
<p>このような画面になるので、後は書いてある通りにすればOKです！</p>
<p>ルールとして、</p>
<ul>
<li>文字セットにUTF-8を選択してください。</li>
<li>フィールド区切りに &#8220;,&#8221; を使用してください。</li>
<li>全てのテキストセルを引用符で囲ってください。</li>
</ul>
<p>とあるのでこの点は気をつけてください。</p>
<p>また、CSVのサンプルをダウンロードすることが出来ます。<br />
サンプルは下記のような感じです。</p>
<h3>CSV例</h3>
<p></p>

		<div id="crayon-649540264cb72457828301" 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;">
"post_id","post_name","post_author","post_date","post_type","post_status","post_title","post_content","post_category","post_tags","custom_field"
,"Import-test","admin",2013/9/13 0:00,"post","publish","CSV Import Test","This is a post for csv import.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.","fruits","apple,banana","this is custom field value."
,,"editor",,"post","publish","define author test",,,,
,,2,,"post",,"define author id test",,,,
1,"Hello-world-updated",,,"post",,"Hello world! Updated!","Welcome to WordPress. This is your first post. Updated by RS CSV Importer!",,,</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-649540264cb72457828301-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264cb72457828301-2">2</div><div class="crayon-num" data-line="crayon-649540264cb72457828301-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264cb72457828301-4">4</div><div class="crayon-num" data-line="crayon-649540264cb72457828301-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264cb72457828301-6">6</div><div class="crayon-num" data-line="crayon-649540264cb72457828301-7">7</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-649540264cb72457828301-1"><span class="crayon-s">"post_id"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_name"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_author"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_date"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_type"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_status"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_title"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_content"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_category"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_tags"</span><span class="crayon-sy">,</span><span class="crayon-s">"custom_field"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264cb72457828301-2"><span class="crayon-sy">,</span><span class="crayon-s">"Import-test"</span><span class="crayon-sy">,</span><span class="crayon-s">"admin"</span><span class="crayon-sy">,</span><span class="crayon-cn">2013</span>/<span class="crayon-cn">9</span>/<span class="crayon-cn">13</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">:</span><span class="crayon-cn">00</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-s">"publish"</span><span class="crayon-sy">,</span><span class="crayon-s">"CSV Import Test"</span><span class="crayon-sy">,</span><span class="crayon-s">"This is a post for csv import.</span></div><div class="crayon-line" id="crayon-649540264cb72457828301-3"><span class="crayon-s">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264cb72457828301-4"><span class="crayon-s">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</span><span class="crayon-sy">,</span><span class="crayon-s">"fruits"</span><span class="crayon-sy">,</span><span class="crayon-s">"apple,banana"</span><span class="crayon-sy">,</span><span class="crayon-s">"this is custom field value."</span></div><div class="crayon-line" id="crayon-649540264cb72457828301-5"><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"editor"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-s">"publish"</span><span class="crayon-sy">,</span><span class="crayon-s">"define author test"</span><span class="crayon-sy">,</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-649540264cb72457828301-6"><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"define author id test"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264cb72457828301-7"><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-s">"Hello-world-updated"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"Hello world! Updated!"</span><span class="crayon-sy">,</span><span class="crayon-s">"Welcome to WordPress. This is your first post. Updated by RS CSV Importer!"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>ちなみにpost_idがあり、それがDBにあると上書きされるようです。<br />
他にも付け加えることができるので一番上の行の項目を増やせばよく、カスタムフィールドの場合もキー名を指定すればOKです！！</p>
<p>これは大量登録の必要がある場合は、CSVのほうがいいかもしれませんね。</p>
<h3>参考ブログ</h3>
<p><a href="http://notnil-creative.com/blog/archives/3465" target="_blank">Really Simple CSV Importer 日本語解説＆カスタマイズ例</a><br />
<a href="https://liginc.co.jp/web/wp/plug-in/58046" target="_blank">記事をCSVで一括登録！WordPressプラグインReally Simple CSV Importer | 株式会社LIG</a><br />
<a href="http://www.moco358.com/archives/3744" target="_blank">WordPressでCSV登録が出来るReally Simple CSV Importer | 稼げる副業でお小遣いを稼ぐ方法</a></p>

CSVをアップロードして記事登録ができるプラグイン「Really Simple CSV Importer」

<h3>前言</h3>
<p>先日、中国のITを仕事している友人に相談して、今中国には人工AIが流行りなっている。</p>
<p>その原因でPythonは今大人気。</p>
<p>ちなみに今中国WEB系の現状は「javaのプロジェクトは多数前古いのプロジェクト今まで動けでいる。新しいWEB開発はPythonやPHPにやっている。」</p>
<h3>ニューラルネットワーク</h3>
<p>ニューラルネットワークは人類の神経をマネーで処理します。今の音声認識（Google HomeやAlexaやSiri）にもこのテクノロジーの上に作られだ。</p>
<p>歴史によっては１９４３年に発表したが、2006まで機械学習の計算方法発表したの後に人工AIの機能は初めって普通使うことをできます。</p>
<p>この中に有名のは「AlphaGo」、碁の訓練して勝の事、色々ニュースの中に出てる。</p>
<p>今新しいAlphaGo Zeroを誕生して、今の人工AI周りにテクノロジー最高傑作かもしれない。自分勉強して４０日に全ての旧バージョンを超えた。</p>
<p>でもこの機械学習の計算末いもここまで、今AlphaGo Zeroのソースはopenソースなって、もし新しい計算あれば大歓迎の意味です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ニューラルネットワーク 紹介

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  本投稿では以下を扱います<br />
  ・viChrome と言う GoogleChrome アドオンの不具合解消<br />
  ・解消のためのアプローチ<br />
  ・GitHubへのcommitまでのフロー</p>
<h3>経緯</h3>
<div style="padding-left: 15px;">
  <a href="https://sterfield.co.jp/blog/other/it%e6%a5%ad%e7%95%8c/%e3%82%ad%e3%83%bc%e3%83%9c%e3%83%bc%e3%83%89%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b8%e3%83%b3%e3%82%b0%e3%81%a7web%e5%b7%a1%e5%9b%9e%e3%82%92%e3%81%93%e3%81%aa%e3%81%99/">以前の投稿</a>でviChromeと言う<br />
  「キーボードでブラウザの挙動をマッピングして制御する」<br />
  アドオンを紹介しました。</p>
<p>  しかし、Chromeのアップデートに伴って使えなくなって久しいのです。<br />
  以下のGitHubにあったIssue経由で解決出来そうだ！<br />
  と言う事で幾度かに渡って挑み、最終的に解消しました。</p></div>
<h3>Keyバインドの仕様変更</h3>
<div style="padding-left: 15px;">
  最初に「恐らくキーバインドが機能していないだろう」と思い以下にたどり着きました<br />
  <a href="http://pasokatu.com/15313">http://pasokatu.com/15313</a></p>
<p>  確かにv54あたりから使えなくなった。<br />
  しばらくv53までをインストールして使うも、再起動するたびに戻さなければならない苦行。<br />
  keyIdentifierをkeyに置き換えてみるも動かず。しばらく諦め期間が続きました。</p>
<p>  改めて改造してみようと本家ViChromeのGitHubを見ると以下のIssueに行き着く。<br />
  <a href="https://github.com/k2nr/ViChrome/issues/67">https://github.com/k2nr/ViChrome/issues/67</a></p>
<p>  mgi166氏が何やら改良してる！？<br />
  <a href="https://github.com/mgi166/ViChrome/branches/all">https://github.com/mgi166/ViChrome/branches/all</a><br />
  Chrome v57まで併せて更新している。これは使えそう。</p>
<p>  早速自分のrepositoryへFork。<br />
  リンクフォーカスを実行してみると・・・動いた！！<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/01/ScreenShot-2018-01-16-11.08.42-300x179.png" alt="" width="300" height="179" class="alignnone size-medium wp-image-13531" srcset="/uploads-archive/2018/01/ScreenShot-2018-01-16-11.08.42-300x179.png 300w, /uploads-archive/2018/01/ScreenShot-2018-01-16-11.08.42-768x457.png 768w, /uploads-archive/2018/01/ScreenShot-2018-01-16-11.08.42-228x136.png 228w, /uploads-archive/2018/01/ScreenShot-2018-01-16-11.08.42.png 917w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  が、スクロールが機能しない。。。<br />
  制御している &#8220;mode.js&#8221; を直截編集してリロードしながら探ってみる。</p>

		<div id="crayon-649540264c4da577064718" 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;">
  Mode.prototype.reqScrollDown = function(args, times) {
      return g.view.scrollBy(0, g.model.getSetting("scrollPixelCount") * times);
  };</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-649540264c4da577064718-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264c4da577064718-2">2</div><div class="crayon-num" data-line="crayon-649540264c4da577064718-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-649540264c4da577064718-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mode</span><span class="crayon-sy">.</span><span class="crayon-i">prototype</span><span class="crayon-sy">.</span><span class="crayon-i">reqScrollDown</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">args</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">times</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-649540264c4da577064718-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-sy">.</span><span class="crayon-i">view</span><span class="crayon-sy">.</span><span class="crayon-e">scrollBy</span><span class="crayon-sy">(</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-sy">.</span><span class="crayon-i">model</span><span class="crayon-sy">.</span><span class="crayon-e">getSetting</span><span class="crayon-sy">(</span><span class="crayon-s">"scrollPixelCount"</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>*<span class="crayon-h"> </span><span class="crayon-i">times</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264c4da577064718-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>該当箇所でconsole.logを出力すると表示される。<br />
  つまりscrollByが機能していない。<br />
  更にview.jsのscrollByでOverrideしているところで window.scrollBy すると動く。<br />
  スクロールする差分のtop, leftは値が来ている。<br />
  と言う事は</p>

		<div id="crayon-649540264c4df961923706" 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;">
  $(document.body).animate({</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-649540264c4df961923706-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-649540264c4df961923706-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-i">document</span><span class="crayon-sy">.</span><span class="crayon-i">body</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">animate</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>ここが動いていないと結論。</p>
<p>  &#8220;document.body javascript animate&#8221;で検索してみると見事ヒット<br />
  <a href="http://chaika.hatenablog.com/entry/2017/09/22/090000">http://chaika.hatenablog.com/entry/2017/09/22/090000</a><br />
  これもChromeの仕様変更による、、、document.documentElementに置き換えてしまえば動く。<br />
  Firefox等では・・・と記述もあるがChromeのアドオンなので無視。</p>
<p>  最終的に以下のcommitで解決！<br />
  <a href="https://github.com/m-ohba-sterfield/ViChrome/commit/b795405539c34b6163753b80bea910e71d4facf5">https://github.com/m-ohba-sterfield/ViChrome/commit/b795405539c34b6163753b80bea910e71d4facf5</a></p>
<p>  ViChrome愛好家のお役に立てれば幸いです。</p></div>

ViChromeのIssueを解決

<h2>Windows上でUbuntuが動く</h2>
<p>Windows 10の定例アップデートで「Linux on Windows」という機能が追加されました。マジでUbuntuが動きます。以下はMicrosoft Storeにて&#8221;ubuntu&#8221;で検索した結果です。「本当です」と大変強気な姿勢。<br />
<img decoding="async" loading="lazy" class="alignnone wp-image-13510 size-large" src="/uploads-archive/2018/01/LinuxOnWindowsStore-1024x462.png" alt="" width="1024" height="462" srcset="/uploads-archive/2018/01/LinuxOnWindowsStore-1024x462.png 1024w, /uploads-archive/2018/01/LinuxOnWindowsStore-300x135.png 300w, /uploads-archive/2018/01/LinuxOnWindowsStore-768x346.png 768w, /uploads-archive/2018/01/LinuxOnWindowsStore-228x103.png 228w, /uploads-archive/2018/01/LinuxOnWindowsStore.png 1320w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
「Linux on Windows」という機能を乱暴にざっくり言うと「Linux向けにコンパイルされた実行ファイルを（Linux on Windowsを経由で）Windows上で直接実行できる」ということです。<br />
細かい導入手順は他の詳しいサイトを見て頂くとして、何が出来て何が出来ないのかをUbuntu on Windowsを例に簡単に列挙していきます。ここで言うUbuntuはWindows上で動くUbuntu on Windowsのことを指します。</p>
<h2>サポートされてないこと</h2>
<p>・Ubuntuをサーバ用途として利用する<br />
Windowsからは見かけ上Ubuntuがアプリになってます。Windowsのサービスとして登録…というのは現段階ではサポートされていないようです。本当はこれを期待していました。<br />
・X-windowを動かす<br />
未サポートと言いながら必要なパッケージを入れれば、以下の通り動作はします。しかし、アテにしていたVisual Stdio Codeは起動しなかったのでこれも残念。<br />
<img decoding="async" loading="lazy" class="alignnone wp-image-13515 size-large" src="/uploads-archive/2018/01/ChromeOnUoW-1024x426.png" alt="" width="1024" height="426" srcset="/uploads-archive/2018/01/ChromeOnUoW-1024x426.png 1024w, /uploads-archive/2018/01/ChromeOnUoW-300x125.png 300w, /uploads-archive/2018/01/ChromeOnUoW-768x319.png 768w, /uploads-archive/2018/01/ChromeOnUoW-228x95.png 228w, /uploads-archive/2018/01/ChromeOnUoW.png 1131w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>じゃあ何ができるのか</h2>
<p>・Windows-Ubuntu間で標準入出力が透過的に使える<br />
Ubuntu上からは以下のコマンド<br />
<code>motki@k_motoki:/mnt/c/Users/admin$ /mnt/c/Windows/System32/cmd.exe /c dir | grep "DIR"</code><br />
Windows上からは以下のコマンド<br />
<code>C:\Users\admin&gt;dir | bash -c "grep DIR"</code><br />
それぞれ、Windowsのフォルダ内ファイル列挙コマンドの結果をUbuntuのgrepに流し込んでいる処理です。</p>
<p>標準出力をWindows|Linuxで加工したい、って時がごくまれにあったりしたのですが、これまではコンソール画面のテキストをコピペしたり、ファイルに出力したものを利用したり、が一般的でした。他にもLinux側のプログラムからWindows側のファイルを操作できるようになったことで、ファイル検索やファイル内探査、ファイル加工などがやりやすくなったと思います。例えばWindowsのIDEで書いたスクリプトをちょっとLinuxで実行したい、といった時などにも応用できるのではないでしょうか。</p>
<p>このLinux on Windowsはまだまだ開発途上ですが、将来的に大きく化けそうな気がします。</p>


Windows subsystem for Linux

<p><a href="https://atone.be/" target="_blank" rel="noopener">https://atone.be/</a></p>
<p>NP後払いを提供しているネットプロテクションズが2017年の6月から提供している新しい決済「atone」が良さそうなので考察してみた。</p>
<p>&nbsp;</p>
<h2>メリット</h2>
<h4>1. 後払いの良いところを継承</h4>
<p>クレカをもっていない、代引きが利用できない等、ある一定のユーザーのニーズに応えられる</p>
<p>&nbsp;</p>
<h4>2. 安い</h4>
<p>購入者 → 初期、固定費不要。購入月だけ90円が発生</p>
<p>店舗 → クレカ決済よりも安め (1.9％+30円～)</p>
<p>&nbsp;</p>
<h4>3. まとめて請求</h4>
<p>既存の後払いは注文ごとに払込用紙が発行されていたが、atoneは1ヶ月分の注文を合算して支払える。</p>
<p>店舗としては注文毎にかかっていた請求書の費用が軽減される。</p>
<p>&nbsp;</p>
<h4>4. ポイントが溜まる、使える</h4>
<p>これは後述のデメリットの要素も含まれるが、会員登録が必須となったことでポイントが溜まる。そして使うこともできる。</p>
<p>&nbsp;</p>
<h2>デメリット</h2>
<h4>1. 会員登録が必須</h4>
<p>唯一のデメリットとも言えるのが会員登録の必須化。</p>
<p>逆にメリットも多いのだがサービスが浸透するまではデメリットになる可能性もある。</p>
<p>&nbsp;</p>
<h2>越境EC、現地ECで高メリット?</h2>
<p>現時点で正式に実施されるというアナウンスは無いが、勝手に越境、現地での利用を想定してみると、メリットがとても高い気が。</p>
<p>まず、クレカ保有率が少ない国がまだ多く、店舗側からの非クレカ決済のニーズは高い。</p>
<p>更に国によってはローカルの特殊な決済のシェアが高いことが多々あり、atoneはこれに対応できる可能性が高い。</p>
<p>なぜならばatoneは購入者の買う意志を受け付ける箱であり、実際のお金のやりとりはatoneと購入者間でなんでも良いからだ。</p>
<p>atoneが各国のローカルで資金回収ができるようになればこれが可能になる。</p>
<p>あとはかなり先の話になるかもしれないが、後払いという信用情報ありきの決済において、国外のECユーザーの情報が多数集まっているというのはそれだけでとても高い価値になる。</p>
<p>店舗側は国外に販売する際にリスクを下げることができる。</p>
<p>&nbsp;</p>
<p>今後越境・現地EC対応、更には他国展開をしていくようであれば連携が必須となってくるかもしれない</p>
<p>&nbsp;</p>


新しい決済「atone」

フロントエンドの人間が黒い画面(Macのターミナル)を使ってみて思ったこと

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>


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

<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>半年ほど前、フランスのとある企業が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>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>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

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

2018/03/14

2018/02/21

2018/02/21

2018/02/21

2018/01/17

2018/01/17

2018/01/17

2018/01/17

2018/01/16

2017/12/13

2017/12/13

2017/12/13

2017/12/13

2017/11/15

2017/11/15

2017/11/15

2017/11/14

2017/10/11