<p>先日改訂版が発売された</p>
<p><a href="https://www.lambdanote.com/collections/frontpage/products/carta">事業をエンジニアリングする技術者たち ― フルサイクル開発者がつくるCARTAの現場</a></p>
<p><a href="/uploads-archive/2022/09/cover0_b10c9f28-8745-4514-90e0-cedec07e8aa7_530x.webp"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17940" src="/uploads-archive/2022/09/cover0_b10c9f28-8745-4514-90e0-cedec07e8aa7_530x-211x300.webp" alt="" width="211" height="300" srcset="/uploads-archive/2022/09/cover0_b10c9f28-8745-4514-90e0-cedec07e8aa7_530x-211x300.webp 211w, /uploads-archive/2022/09/cover0_b10c9f28-8745-4514-90e0-cedec07e8aa7_530x-228x324.webp 228w, /uploads-archive/2022/09/cover0_b10c9f28-8745-4514-90e0-cedec07e8aa7_530x.webp 530w" sizes="(max-width: 211px) 100vw, 211px" /></a></p>
<p>という書籍がTL上で話題になっていました。副題にある「フルサイクル開発者」という聞き慣れない用語が個人的に気になったので、今回はそちらについて調べてみました。</p>
<h2>フルサイクル開発者とは</h2>
<p>設計、実装、テストといういわゆる開発作業だけでなく、デプロイ、運用やサポートまで含めた一連のすべてを担う開発者（チーム）のことで、もともとはサブスクリプション制の動画ストリーミングサービスの最大手であるNetflix社のブログで提唱された概念です。</p>
<p><img decoding="async" loading="lazy" class="wp-image-17932 size-medium" src="/uploads-archive/2022/09/1__nN4aj7uohV4v8bnqJCw3g-300x262.png" alt="" width="300" height="262" srcset="/uploads-archive/2022/09/1__nN4aj7uohV4v8bnqJCw3g-300x262.png 300w, /uploads-archive/2022/09/1__nN4aj7uohV4v8bnqJCw3g-228x199.png 228w, /uploads-archive/2022/09/1__nN4aj7uohV4v8bnqJCw3g.png 559w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>https://netflixtechblog.com/full-cycle-developers-at-netflix-a08c31f83249 から引用</p>
<p>特定の作業だけを専門とする複数部門をまたがずに完了するので、より早くプロダクトや機能をリリースできるようになります。DevOpsの原則をもっとつきつめたものというイメージでしょうか。</p>
<p>よいことばかりではなく、責任範囲が増えることにより業務量が増えがちなことや、特定分野を極めたい人にとって興味外のことまでやらないといけなくなることが課題となりそうです。</p>
<p>そういった課題の解消のため、一つのチームが見るべき責任範囲を狭められるようマイクロサービス化を進めるなどを行っている企業もあるようです。既存の組織に適用する場合はこういったこと含め、いろいろ考えるべきことがありそうです。</p>
<h2>まとめ</h2>
<p>数人で始めたときは（自然とフルサイクル開発になっていて）すごいスピードで成長していたのに、その後、人が増えてチームわけをしていくと、どんどんスピード感がなくなっていき、「昔はよかった・・」って言ってるようなケースを過去にいろんな組織で見てるのですが、それに対する一つの解決方法になるんじゃないかと感じました。</p>
<p>個人的にも自分の目指す方向性とマッチしているように思えたので、もし、「今後どういうエンジニアになりたい？」って質問されたら「フルサイクルエンジニア」※と言おうと思います。そんな機会あるかわからないですが・・</p>
<p>※原文はFull Cycle Developerなのでカタカナだとフルサイクルデベロッパーが適当だと思いますが、日本語訳としてはフルサイクルエンジニアとするのが多数派のようです。</p>
<h3>参考リンク</h3>
<p><a href="https://www.lambdanote.com/collections/carta/products/carta">https://www.lambdanote.com/collections/carta/products/carta</a><br />
<a href="https://netflixtechblog.com/full-cycle-developers-at-netflix-a08c31f83249">https://netflixtechblog.com/full-cycle-developers-at-netflix-a08c31f83249</a><br />
<a href="https://techblog.cartaholdings.co.jp/entry/2019/02/04/171325">https://techblog.cartaholdings.co.jp/entry/2019/02/04/171325</a></p>


small_1__nN4aj7uohV4v8bnqJCw3g.png

thumbnail_1__nN4aj7uohV4v8bnqJCw3g.png

1__nN4aj7uohV4v8bnqJCw3g.png

フルサイクル開発者とは

<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-17883" src="/uploads-archive/2022/08/81ZkGOHcf6L-809x1024.jpg" alt="プロを目指す人のためのTypeScript入門表紙" width="809" height="1024" srcset="/uploads-archive/2022/08/81ZkGOHcf6L-809x1024.jpg 809w, /uploads-archive/2022/08/81ZkGOHcf6L-237x300.jpg 237w, /uploads-archive/2022/08/81ZkGOHcf6L-768x972.jpg 768w, /uploads-archive/2022/08/81ZkGOHcf6L-1213x1536.jpg 1213w, /uploads-archive/2022/08/81ZkGOHcf6L-1618x2048.jpg 1618w, /uploads-archive/2022/08/81ZkGOHcf6L-228x289.jpg 228w, /uploads-archive/2022/08/81ZkGOHcf6L.jpg 1975w" sizes="(max-width: 809px) 100vw, 809px" /></p>
<p>&nbsp;</p>
<h1>著者</h1>
<p>鈴木 僚太(すずき りょうた) (  <a href="https://twitter.com/uhyo_">https://twitter.com/uhyo_</a> )<br />
2013年からTypeScriptを使用中。LINE株式会社でフロントエンドエンジニアとして自社開発に従事しながら、技術顧問なども行っている(本書発行当時)。専門はTypeScriptとReactで、講演やインターネット上での記事公開を通じて初心者向けから上級者向けまでさまざまな情報を発信している。OSS活動にも積極的だが自作のライブラリはあまり流行っていない。</p>
<p>&nbsp;</p>
<h1>目次</h1>
<ul>
<li>第1章 イントロダクション</li>
<li>第2章 基本的な文法・基本的な型</li>
<li>第3章 オブジェクトの基本とオブジェクトの型</li>
<li>第4章 TypeScriptの関数</li>
<li>第5章 TypeScriptのクラス</li>
<li>第6章 高度な型</li>
<li>第7章 TypeScriptのモジュールシステム</li>
<li>第8章 非同期処理</li>
<li>第9章 TypeScriptのコンパイラオプション</li>
</ul>
<h1>ここがすごい</h1>
<h2>TypeScript の復習と深い理解が得られる</h2>
<p>後述しますが、「入門」とは言い難い分、TypeScript でプロダクトを作ったことのある方におすすめしやすい本でした。サンプルコードも充実しているし、7,8章当たりになると、「TypeScriptらしさ」の内容に深入りしてきますので、まさにプロのTypeScripterを目指すための本です。</p>
<h2>コラムが面白い</h2>
<p>「比較演算とNaN」「letを避けるてプログラムを読む人の負担を減らそう」など、わざわざ検索エンジンにかけて探すような話題をコラムという形で提供してくれます。しかも、いいタイミングで！ コラムは、全部で38ありますが、コミケの評論島で頒布されているような内容なので、これだけでも1000円くらいは出したくなりました。</p>
<p>&nbsp;</p>
<h1>ここはもうちょっと</h1>
<h2>「プログラム入門書」ではないので、タイトルは誤解ないように</h2>
<p>確かに、TypeScript の入門書ではあるんですが、プログラムの入門書ではありません。</p>
<p>また、あくまでも「プロを目指す人のため」です。プロを目指しているなら、型の概念も知っているし、TypeScriptに興味があるということは、JavaScript の概要を知っていて当然ということだと受けました。</p>
<p>TypeScript の理解には、TypeScript ネイティブのシステムが少ない現状、JavaScript との関係性の理解は不回避ですが、本書のJavaScript に関する記載は、5ページのみです。</p>
<p>型については「プリミティブ型」の解説から始まるような構成です。プログラム初心者は、他のJavaScript入門書などを併せて用意した方が良いでしょう。</p>


medium_81ZkGOHcf6L-768x972.jpg

small_81ZkGOHcf6L-768x972.jpg

thumbnail_81ZkGOHcf6L-768x972.jpg

81ZkGOHcf6L-768x972.jpg

書評: プロを目指す人のためのTypeScript入門 技術評論社

small_ES6-01.png

thumbnail_ES6-01.png

ES6-01.png

JavaScriptの分割代入構文を使いこなそう

small_eyecatch-googlecloud-720x378-1.png

thumbnail_eyecatch-googlecloud-720x378-1.png

eyecatch-googlecloud-720x378-1.png

署名付きURLでCloud Storage に画像ファイルを直接アップロードする

<h2>先にまとめ</h2>
<ul>
<li>画像でネタバレしてますが、SQLでもJSON扱えます。</li>
<li>数十年使われて技術的に枯れてると思われてるSQLでもいろいろと進化してるので、普段使ってるものも改めて見直してみるといろいろ発見があるかも？</li>
</ul>
<h2>本題</h2>
<p>Webエンジニア歴〇〇年のあなたはある日上司から、APIから取得したユーザー情報を保存できるDBの設計を依頼されました。<br />
ユーザーには連番のID、名前、そしていろいろな情報が入ったJSONの3つの要素があるそうです。ということで、さっそく次のようなテーブルを作成して、テストデータを登録しました。</p>

		<div id="crayon-64954036ef46d382337068" 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;">
sqlite&gt; CREATE TABLE user(
...&gt; id INT NOT NULL PRIMARY KEY,
...&gt; name TEXT,
...&gt; details JSON
...&gt; );
sqlite&gt; INSERT INTO user VALUES(1, 'Alice', '{ "age": 20, "tel": "0120-xxxxx-yyyy" }');
sqlite&gt; INSERT INTO user VALUES(2, 'Bob', '{ "age": 30, "tel": "0120-xxxxx-zzzzz" }');
sqlite&gt; SELECT * FROM user;
1|Alice|{ "age": 20, "tel": "0120-xxxxx-yyyy" }
2|Bob|{ "age": 30, "tel": "0120-xxxxx-zzzzz" }</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-64954036ef46d382337068-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef46d382337068-2">2</div><div class="crayon-num" data-line="crayon-64954036ef46d382337068-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef46d382337068-4">4</div><div class="crayon-num" data-line="crayon-64954036ef46d382337068-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef46d382337068-6">6</div><div class="crayon-num" data-line="crayon-64954036ef46d382337068-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef46d382337068-8">8</div><div class="crayon-num" data-line="crayon-64954036ef46d382337068-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef46d382337068-10">10</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-64954036ef46d382337068-1"><span class="crayon-i">sqlite</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">CREATE </span><span class="crayon-e">TABLE </span><span class="crayon-e">user</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954036ef46d382337068-2"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">id </span><span class="crayon-t">INT</span><span class="crayon-h"> </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-h"> </span><span class="crayon-e">PRIMARY </span><span class="crayon-i">KEY</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64954036ef46d382337068-3"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">name </span><span class="crayon-i">TEXT</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954036ef46d382337068-4"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">details </span><span class="crayon-i">JSON</span></div><div class="crayon-line" id="crayon-64954036ef46d382337068-5"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-h">&gt;</span><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-64954036ef46d382337068-6"><span class="crayon-i">sqlite</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">INSERT </span><span class="crayon-e">INTO </span><span class="crayon-e">user </span><span class="crayon-e">VALUES</span><span class="crayon-sy">(</span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Alice'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'{ "age": 20, "tel": "0120-xxxxx-yyyy" }'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954036ef46d382337068-7"><span class="crayon-i">sqlite</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">INSERT </span><span class="crayon-e">INTO </span><span class="crayon-e">user </span><span class="crayon-e">VALUES</span><span class="crayon-sy">(</span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Bob'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'{ "age": 30, "tel": "0120-xxxxx-zzzzz" }'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954036ef46d382337068-8"><span class="crayon-i">sqlite</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-i">user</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64954036ef46d382337068-9"><span class="crayon-cn">1</span><span class="crayon-sy">|</span><span class="crayon-i">Alice</span><span class="crayon-sy">|</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-s">"age"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">20</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"tel"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0120-xxxxx-yyyy"</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954036ef46d382337068-10"><span class="crayon-cn">2</span><span class="crayon-sy">|</span><span class="crayon-i">Bob</span><span class="crayon-sy">|</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-s">"age"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">30</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"tel"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0120-xxxxx-zzzzz"</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>テストデータを上司に見せたところ、ユーザーの中で20歳の人だけを抽出したいと言われました。早速LIKE文を使ったSQLを書いてみますが、20歳ではないBobのデータの電話番号にも20が含まれているため、うまく絞り込めません。さて困ったぞ・・</p>

		<div id="crayon-64954036ef472812425792" 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;">
sqlite&gt; SELECT * FROM user WHERE details LIKE '%20%';
1|Alice|{ "age": 20, "tel": "0120-xxxxx-yyyy" }
2|Bob|{ "age": 30, "tel": "0120-xxxxx-zzzzz" }</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-64954036ef472812425792-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef472812425792-2">2</div><div class="crayon-num" data-line="crayon-64954036ef472812425792-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-64954036ef472812425792-1"><span class="crayon-i">sqlite</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-e">user </span><span class="crayon-e">WHERE </span><span class="crayon-e">details </span><span class="crayon-i">LIKE</span><span class="crayon-h"> </span><span class="crayon-s">'%20%'</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954036ef472812425792-2"><span class="crayon-cn">1</span><span class="crayon-sy">|</span><span class="crayon-i">Alice</span><span class="crayon-sy">|</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-s">"age"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">20</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"tel"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0120-xxxxx-yyyy"</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-64954036ef472812425792-3"><span class="crayon-cn">2</span><span class="crayon-sy">|</span><span class="crayon-i">Bob</span><span class="crayon-sy">|</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-s">"age"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">30</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"tel"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0120-xxxxx-zzzzz"</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こんなときはJSON関数を使いましょう。今回のケースだとJSON_EXTRACT関数が使えます。この関数はJSONから必要なフィールドだけを取り出せます。これを使って年齢のフィールドの値だけを取り出せば後は簡単です。</p>

		<div id="crayon-64954036ef474790071815" 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;">
sqlite&gt; SELECT * FROM user WHERE JSON_EXTRACT(details, '$.age') = 20;
1|Alice|{ "age": 20, "tel": "0120-xxxxx-yyyy" }</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-64954036ef474790071815-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ef474790071815-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954036ef474790071815-1"><span class="crayon-i">sqlite</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-e">user </span><span class="crayon-e">WHERE </span><span class="crayon-e">JSON_EXTRACT</span><span class="crayon-sy">(</span><span class="crayon-i">details</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'$.age'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">20</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954036ef474790071815-2"><span class="crayon-cn">1</span><span class="crayon-sy">|</span><span class="crayon-i">Alice</span><span class="crayon-sy">|</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-s">"age"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">20</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"tel"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0120-xxxxx-yyyy"</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>うまくいきました！めでたしめでたし。</p>
<h2>あとがき</h2>
<p>今回の例はSQLiteを使って作成しました。MySQL(5.7以降)でも同じ関数が使えるようです。その他のDBでは別の関数名で同等の機能が提供されていたりするため、各自でマニュアル等を確認いただければと思います。</p>
<p>参考情報：</p>
<p><a href="https://www.json.org/json-en.html">https://www.json.org/json-en.html</a><br />
<a href="https://www.sqlite.org/json1.html#jex">https://www.sqlite.org/json1.html#jex</a><br />
<a href="https://dev.mysql.com/doc/refman/8.0/ja/json-search-functions.html">https://dev.mysql.com/doc/refman/8.0/ja/json-search-functions.html</a></p>

large_sql-1024x352.jpeg

medium_sql-1024x352.jpeg

small_sql-1024x352.jpeg

thumbnail_sql-1024x352.jpeg

sql-1024x352.jpeg

JSONを取り扱うならNoSQL使うかしかないのか

<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17787" src="/uploads-archive/2022/06/og-image.png" alt="" width="1200" height="515" srcset="/uploads-archive/2022/06/og-image.png 1200w, /uploads-archive/2022/06/og-image-300x129.png 300w, /uploads-archive/2022/06/og-image-1024x439.png 1024w, /uploads-archive/2022/06/og-image-768x330.png 768w, /uploads-archive/2022/06/og-image-228x98.png 228w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p><strong>ユニオン</strong>は、スキーマフィールドが複数のオブジェクトタイプの1つを返すことを可能にする抽象的なGraphQLタイプです。</p>
<h2 id="union-type" class="chakra-heading css-14trtg5"><strong>Union Type</strong></h2>
<p class="chakra-text css-0">Union型を定義するときは、どのオブジェクト型がユニオンに含まれるかを宣言します。</p>
<p><code>union Media = Book | Movie</code></p>
<p>フィールドには、戻りタイプとしてユニオン（またはそのユニオンのリスト）を含めることができます。この場合、ユニオンに含まれている任意のオブジェクトタイプを返すことができます。</p>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Query</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token attr-name">  allMedia</span><span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token class-name">Media</span><span class="token punctuation">]</span> <span class="token comment"># This list can include both Book and Movie objects</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
<div></div>
</div>
</div>
<div>ユニオンに含まれている型は、オブジェクト型である必要があります（スカラー、入力型などではありません）。含まれるタイプは、フィールドを共有する必要はありませ<em>ん。</em></div>
<div>
<h3 id="example" class="chakra-heading css-bvta0k">Example</h3>
<p class="chakra-text css-0">次のスキーマは、 SearchResultはAuthorまたはBookいずれかを返すことができるUnion型を定義します。</p>
<div class="css-12z26hb">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">union</span> <span class="token class-name">SearchResult</span> <span class="token operator">=</span> <span class="token property">Book</span> <span class="token operator">|</span> <span class="token property">Author</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="css-svw0nt" aria-hidden="true"></div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Book</span> <span class="token punctuation">{</span></code></div>
<div class="css-0"><code><span class="token attr-name">  title</span><span class="token punctuation">:</span> <span class="token scalar">String</span><span class="token operator">!</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Author</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token attr-name">  name</span><span class="token punctuation">:</span> <span class="token scalar">String</span><span class="token operator">!</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
<div></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">type</span> <span class="token class-name">Query</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-12z26hb">
<div class="token-line css-0">
<div class="css-0"><code><span class="token attr-name">  search</span><span class="token punctuation">(</span><span class="token attr-name">contains</span><span class="token punctuation">:</span> <span class="token scalar">String</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token class-name">SearchResult</span><span class="token operator">!</span><span class="token punctuation">]</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
</div>
</div>
</div>
<div class="css-j7glh4">
<div>ユニオンを使用すると、Query.searchでAuthorとBook両方を含むリストを返すことができます。</div>
</div>
<div></div>
<div>
<h2 id="union-type" class="chakra-heading css-14trtg5"><strong>Query a Union</strong></h2>
<p>上記のスキーマの有効なクエリは次のとおりです。</p>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token keyword">query</span> <span class="token definition-query function">GetSearchResults</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property-query">  search</span><span class="token punctuation">(</span><span class="token attr-name">contains</span><span class="token punctuation">:</span> <span class="token string">"Shakespeare"</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property">    __typename</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token operator">    ...</span> <span class="token keyword">on</span> <span class="token class-name">Book</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property">      title</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">     }</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token operator">     ...</span> <span class="token keyword">on</span> <span class="token class-name">Author</span> <span class="token punctuation">{</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token property">       name</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">     }</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">  }</span></code></div>
</div>
</div>
<div class="css-j7glh4">
<div class="token-line css-0">
<div class="css-0"><code><span class="token punctuation">}</span></code></div>
</div>
</div>
<h2 id="union-type" class="chakra-heading css-14trtg5"><strong>Resolve a Union</strong></h2>
<p>ユニオンを完全に解決するには、Apolloサーバーはユニオンの<em>どの</em>タイプが返されるかを指定する必要があります。これを実現する<code class="css-zabwdd">__resolveType</code>には、リゾルバーマップでユニオンの関数を定義します。</p>
<div>
<div><code><span style="font-family: arial, helvetica, sans-serif;">const resolvers = {</span></code></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>    SearchResult: {</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>      __resolveType(obj, context, info){</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        if(obj.name){</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>          return'Author';</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        }</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        if(obj.title){</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>          return'Book';</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>        }</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>       return null; // エラー</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>    },</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>},</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>Query: {</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  search: () =&gt; { ... }</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  },</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>};</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>const server = new ApolloServer({</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  typeDefs,</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  resolvers,</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  csrfPrevention:true,</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  cache:'bounded',</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>});</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>server.listen().then(({ url }) =&gt; {</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>  console.log(<code>&#x1f680; Server ready at ${url}</code>)</code></span></div>
<div><span style="font-family: arial, helvetica, sans-serif;"><code>});</code></span></div>
</div>
<div class="css-8v2aaa">
<p>&nbsp;</p>
<p class="chakra-text css-0"><em>関数が有効な型の名前ではない</em><code class="css-zabwdd">__resolveType</code>値を返す場合、関連する操作はGraphQLエラーを生成します。</p>
</div>
</div>


large_og-image-1024x439 (1).png

medium_og-image-1024x439 (1).png

small_og-image-1024x439 (1).png

thumbnail_og-image-1024x439 (1).png

og-image-1024x439 (1).png

Graphql &#8211; ユニオン型の書き方

medium_スクリーンショット-2022-05-13-10.33.24-768x321.png

small_スクリーンショット-2022-05-13-10.33.24-768x321.png

thumbnail_スクリーンショット-2022-05-13-10.33.24-768x321.png

スクリーンショット-2022-05-13-10.33.24-768x321.png

GraphQL Code GeneratorでGraphQlのschemaからTypescriptの型定義を生成する方法

medium_eyechatc-gcp-terraform-2.jpg

small_eyechatc-gcp-terraform-2.jpg

thumbnail_eyechatc-gcp-terraform-2.jpg

eyechatc-gcp-terraform-2.jpg

Terraform で Cloud Functions をデプロイしてみた

small_unnamed.png

thumbnail_unnamed.png

unnamed.png

Firebase CLIなしでFirestoreをローカル環境のテストで利用する

<h2>はじめに</h2>
<div>
<div>無料でコンピューターサイエンスを学習をする方法として</div>
<div>アメリカのハーバード大学のコンピュータサイエンスの授業がオンラインで見れるサイト</div>
<p>&nbsp;</p>
<div>CS50 for Japanese</div>
<div><a href="https://cs50.jp/">https://cs50.jp/</a></div>
<p>&nbsp;</p>
<div>を紹介いたします。</div>
<p>&nbsp;</p>
<div>本題に入る前に少し自分のことを説明すると今はエンジニアとして働いていますが</div>
<div>学生時代はコンピューターサイエンスについては基礎をすこし学んだだけで</div>
<div>しっかり勉強する機会がないまま就職してしまい、いつかちゃんと学び直したいなという気持ちを</div>
<div>持ちながらもお金や時間の問題もあり何もできてないという状態でした。</div>
<p>&nbsp;</p>
<div>そこで見つけたのが CS50 for Japanese でした。</div>
<div>動画自体は以前から Youtube 上でアップロードされていたようなのですが</div>
<div>去年（2021年）、日本語サイト公開と動画に日本語字幕が追加されました。</div>
</div>
<p>&nbsp;</p>
<h2>Week0を見た感想</h2>
<blockquote class="wp-embedded-content" data-secret="pftyqThR9u"><p><a href="https://cs50.jp/x/2021/week0/">Week0</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="&#8220;Week0&#8221; &#8212; CS50 for Japanese: コンピュータサイエンスの入門" src="https://cs50.jp/x/2021/week0/embed/#?secret=MV4bmNynYR#?secret=pftyqThR9u" data-secret="pftyqThR9u" width="500" height="282" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<div>上記のリンク先の埋め込み動画で、字幕をONにして言語を日本語にすると日本語字幕付きで見れます。</div>
<div></div>
<div></div>
<div>Week0は未経験者が最初に受ける講義のため、</div>
<div>まず</div>
<div>・コンピュータってなんだろう</div>
<div>・プログラミングって何をしてるんだろう</div>
<div>という話から始まり、</div>
<div>・ビジュアルプログラミング言語のScratchでプログラムを書いてみる</div>
<div>という流れで講義が進みます。</div>
<p>&nbsp;</p>
<div>私のように改めて復習したいって人にも良いし、</div>
<div>今まで触れてこなかったけどちょっと興味があるって人にも良いと思います。</div>
<div></div>
<div>私個人としては、コンピュータやプログラムのことを非エンジニアにも理解できる言葉で説明するやり方が参考になりました。</div>
<div>仕事柄、エンジニア同士だけじゃなく、エンジニアじゃない人に自分のやってることを説明する機会も多いのでそういう機会に活かせそうです。</div>
<p>&nbsp;</p>
<h2>まとめ</h2>
<div>Week1以降ではC言語やPythonを使った講義があるそうなので、もう少し歯応えのある内容のようです。</div>
<div>このシリーズ（〜Week10）を全部見終わることを今年の目標のにして頑張っていこうと思います。</div>
<h2>参考リンク</h2>
<ul>
<li><a href="https://prtimes.jp/main/html/rd/p/000000017.000049664.html">https://prtimes.jp/main/html/rd/p/000000017.000049664.html</a></li>
<li><a href="https://cs50.jp/">https://cs50.jp/</a></li>
</ul>


medium_hsph-logomock-s-1024x768-1-768x576.jpeg

small_hsph-logomock-s-1024x768-1-768x576.jpeg

thumbnail_hsph-logomock-s-1024x768-1-768x576.jpeg

hsph-logomock-s-1024x768-1-768x576.jpeg

無料でコンピューターサイエンスが学べるCS50について

medium_記事のサムネスクリーンショット-2022-03-31-20.01.48.png

small_記事のサムネスクリーンショット-2022-03-31-20.01.48.png

thumbnail_記事のサムネスクリーンショット-2022-03-31-20.01.48.png

記事のサムネスクリーンショット-2022-03-31-20.01.48.png

GraphQLのページネーション機能を実装する方法: Apollo client + express-graphql

Jestを使ってみた

medium_og-image-768x330.png

small_og-image-768x330.png

thumbnail_og-image-768x330.png

og-image-768x330.png

GraphQLを触ってみました〜REST APIとGraphQLの決定的な違い

medium_スクリーンショット-2022-01-28-11.46.26-768x535.png

small_スクリーンショット-2022-01-28-11.46.26-768x535.png

thumbnail_スクリーンショット-2022-01-28-11.46.26-768x535.png

スクリーンショット-2022-01-28-11.46.26-768x535.png

Serverlessアプリケーションに特化したIaCツールServerless Devsを紹介

<h1>クラウドとは</h1>
<p>クラウドコンピューティングとは一般的にインターネット経由で提供されるコンピュータ資源を利用することと定義されていて、要するにユーザーがインフラやソフトウェアを持っていなくても、インターネットを通じて、サービスを必要な時に必要な分だけ利用できる概念です。</p>
<p>クラウドは<strong>SaaS</strong> 、<strong>PaaS</strong>、<strong>IaaS</strong>の3種類に分類されます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17416" src="/uploads-archive/2021/12/cloud-300x300.png" alt="" width="300" height="300" srcset="/uploads-archive/2021/12/cloud-300x300.png 300w, /uploads-archive/2021/12/cloud-150x150.png 150w, /uploads-archive/2021/12/cloud-768x765.png 768w, /uploads-archive/2021/12/cloud-228x227.png 228w, /uploads-archive/2021/12/cloud-120x120.png 120w, /uploads-archive/2021/12/cloud.png 812w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2>SaaS[サース]（Software as a Service）</h2>
<p>SaaSとはSoftware as a Serviceの略で、日本語では「<strong>サービスとしてのソフトウェア</strong>」と訳されます。ソフトウェアをユーザーがインターネット経由で使えるサービスのことです。</p>
<p>主な例ではGoogleのGmailなどです。</p>
<p>パソコンにソフトウェアをインストールしていなくても、クラウドサービスのアカウントさえ持っていれば、Google Chromeなどのブラウザを通してメールを利用することができます。</p>
<h2>PaaS[パース]（Platform as a Service）</h2>
<p>PaaSは<strong>アプリケーション開発実行環境</strong>を提供するクラウドサービスのことです。</p>
<p>例としてはMicrosoft Azureなどがあげられます。</p>
<p>PaaSがクラウドを通じて提供するのはサーバーやOSなど、システムを構築するためのプラットフォームです。</p>
<p>そのプラットフォームを使って、利用者は自分たちが必要なソフトウェアの開発などを行います。</p>
<p>開発するための場所（プラットフォーム）だけ借りて、後の開発はユーザー自身が行うため、SaaSよりも自由度の高いシステムを構築することが可能です。</p>
<h2>IaaS[イアース]（Infrastructure as a Service）</h2>
<p><strong>サーバ（インフラ）</strong>を提供するクラウドサービスのことです。</p>
<p>物理的なハードウェアを持っていなくてもインターネット上でインフラとなる仮想のネットワーク機器やサーバを提供してくれるサービスです。</p>
<p>例としてはAWSなどがあげられます。</p>
<h3>書籍　インフラエンジニアの教科書</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17417" src="/uploads-archive/2021/12/infra-231x300.png" alt="" width="231" height="300" srcset="/uploads-archive/2021/12/infra-231x300.png 231w, /uploads-archive/2021/12/infra-228x296.png 228w, /uploads-archive/2021/12/infra.png 500w" sizes="(max-width: 231px) 100vw, 231px" /></p>
<p><a href="https://www.amazon.co.jp/%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E4%BD%90%E9%87%8E-%E8%A3%95/dp/4863541333/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3KX833QMJU9HO&amp;keywords=%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8&amp;qid=1639460735&amp;sprefix=%E3%81%84%E3%82%93%E3%81%B5%E3%82%89%2Caps%2C295&amp;sr=8-1">インフラエンジニアの教科書</a></p>
<p>インフラに関する知識について幅広く網羅されて紹介されていて、今回はその中のクラウドについてピックアップしました。</p>
<p>こちらの書籍ではクラウドの3つの中のIaaSについて紹介されています。</p>
<h2>IaaS[イアース]について</h2>
<h3>IaaSの特徴</h3>
<p>・自社で物理サーバを持たずに使えるため物理サーバーを管理するエンジニアが不要</p>
<p>・利用申請後、短期間でOSがインストールされた状態ですぐ使える</p>
<p>・自社で物理サーバを持たないため、物理制約を意識せず利用したい分だけサーバ増強が可能</p>
<p>・安価、かつ使った分だけ費用が発生する従量課金に対応している</p>
<p>・インフラの運用はクラウド事業者に任せられる</p>
<h4>IaaSのデメリット</h4>
<p>・開発自由度の高さを活かせるだけの専門知識が必要になる</p>
<p>・他社のサーバに機密情報を置かれることやデータの送受信の際にインターネット経由でデータが流れることから情報流出のリスクがあり、またセキュリティ面の責任範囲に注意が必要</p>
<h2><span id="IaaSVPS">IaaS（クラウド）とVPS（仮想サーバ）の違い</span></h2>
<h4>VPSとは</h4>
<p>VPSとは、「Virtual Private Server」の略で、物理的に存在するサーバーにインストールされているホストOSの上に、ユーザーそれぞれに仮想サーバーが割り当てられていて、ユーザーはその仮想サーバーを自分だけのサーバーとして使用できます。<br />
ユーザーは仮想サーバーのオーナーなので、管理者権限を持つことができ、自分好みのアプリケーションをインストールできるのはもちろんのこと、インストールするOSも選ぶことができます。</p>
<h4><span id="IaaS-5">IaaSのほうが柔軟性がある</span></h4>
<p>IaaSは従量課金制であり、使用するリソースによって利用料金が変更される仕組みとなっており、リソースの変更が容易です。<br />
一方で、<strong class="red">VPSは月極制となっているため、契約内の範囲でリソースをいくら使おうが料金は変わりませんが、リソースの変更の際には契約自体を変更しなければならないため、IaaSより柔軟性は低いと言えます。</strong></p>
<h3>本を読んで</h3>
<p>クラウドシステムにはSaaS、PaaS 、IaaSがあり、それぞれにメリット、デメリットや特徴があるように、インフラの知識は本当に幅広く、しっかり技術として身につけば、状況によってサーバやクラウドなどのどの技術を使うのが一番最適なのかの選定が可能になるんだなと思いました。</p>
<p>かなり奥が深いので業務にいかせるまでにはまだまだ勉強が必要ですが、しっかりと状況を見極めて、最適な技術選定ができるようにしたいです。</p>
<h3></h3>
<p>&nbsp;</p>


medium_cloud-768x765.png

small_cloud-768x765.png

thumbnail_cloud-768x765.png

cloud-768x765.png

クラウドについて

medium_nodejs-1200x630-1-960x504-1.png

small_nodejs-1200x630-1-960x504-1.png

thumbnail_nodejs-1200x630-1-960x504-1.png

nodejs-1200x630-1-960x504-1.png

Node.jsをインストールしてみた

<h2>Alibaba cloudとは</h2>
<p>アリババクラウド（Alibaba Cloud）は中国最大なECサイト「淘宝（Taobao）」や電子決済ツール「Alipay」など、日本でも知られるサービスをサポートしている、アリババグループが提供するパブリッククラウドサービスです。毎年の11月11日（独身の日）に行われる中国最大のネットセール祭り（2019年は4兆円も突破）でも、その膨大なアクセスを制御し、サービスの根幹を朝得るアリババクラウド。中国国内シェアは第１位、世界でもAWSとAzureの次に第３位となるクラウドプロバイダーです。</p>
<p>世界21ヵ国、63ヶ所のアベイラビリティゾーンを運営し、大企業、中小企業、個人のディベロッパー、200 以上の国や地域の公共部門にクラウドコンピューティングサービスを提供しています。特に、アジアリージョンにおいては、世界中の他のクラウドプロバイダーに引けを取らないほど、数多くの国で拠点を設置しています。</p>
<h2>今回紹介する本は『AlibabaCloud構築・運用完全マニュアル 』</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17376" src="/uploads-archive/2021/12/41F3M3hosRL._SX260_-2-232x300.jpg" alt="" width="232" height="300" srcset="/uploads-archive/2021/12/41F3M3hosRL._SX260_-2-232x300.jpg 232w, /uploads-archive/2021/12/41F3M3hosRL._SX260_-2-228x295.jpg 228w, /uploads-archive/2021/12/41F3M3hosRL._SX260_-2.jpg 260w" sizes="(max-width: 232px) 100vw, 232px" /></p>
<p>目次<br />
Chapter 1 Alibaba Cloud 入門<br />
Chapter 2 Alibaba Cloud を始めよう<br />
Chapter 3 仮想サーバサービス<br />
Chapter 4 ネットワークサービス<br />
Chapter 5 データベース<br />
Chapter 6 ストレージとCDN<br />
Chapter 7 ビッグデータ分析<br />
Chapter 8 アプリケーションサービス<br />
Chapter 9 メディアサービス<br />
Chapter 10 セキュリティ<br />
Chapter 11 IoT</p>
<p>アリババクラウドの、初めての日本語解説書。世界最大・最速規模のクラウドを支える技術・豊富なサービスをわかりやすく解説する本であります。</p>
<h2>なぜこの本に興味を持ったか？</h2>
<p>来年のから新しいサービスの開発が始まります。今までは仮想環境で開発してきましたが、今回新しいサービスの開発環境はアリババクラウドに決まりました。自分はクラウド環境での開発の経験や知識がないので、新しいサービスの開発に向けて、この本を購入しました。</p>
<h2>Elastic Compute Service (ECS)</h2>
<p>Elastic Compute Cloudはアリババクラウドで利用できるシステムのひとつです。<br />
アリババクラウド上に仮想サーバーを構築して自由に利用できるのが特徴で、クラウド環境において大きな役割を果たしてます。</p>
<p>Web上からマウスでクリックするだけでで仮想サーバーを構築することができます。</p>
<p>伸縮性や弾力性を意味するElasticという言葉通り、ユーザーの必要に応じてスペックや標準的なOSを変更できるのがECSの魅力です。<br />
継続利用時に起こりがちなスペック不足やディスク容量問題への解決が簡単です。</p>
<p>ECSでは仮想サーバの事を「インスタンス」という単位で扱います。<br />
インスタンスには様々な種類や性能のものがあるため、ユーザーの求める形で利用が可能です。<br />
インスタンスによって柔軟にWeb上のインフラ環境を構築することができるため、サーバーの増強が必要になった場合や、さらなる効率化を求めて改善が行われる際にも、対応がしやすくなります。<br />
さらにインスタンスはコピーも削除も簡単に行えるので、スピーディな業務レベルを維持可能です。<br />
新規でサービスを開発する場合などは、このインスタンスの特性を利用することで開発から公開までをスムーズに進めることができます。</p>
<h2>アリババクラウド上に仮想サーバーを構築する手順</h2>
<h3>仮想環境のスペックを選ぶ</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17380 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2.png" alt="" width="1918" height="773" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2.png 1918w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-300x121.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-1024x413.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-768x310.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-1536x619.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-228x92.png 228w" sizes="(max-width: 1918px) 100vw, 1918px" /></p>
<h3>OSやストレージ</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17381 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32.png" alt="" width="1914" height="728" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32.png 1914w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-300x114.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-1024x389.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-768x292.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-1536x584.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-228x87.png 228w" sizes="(max-width: 1914px) 100vw, 1914px" /></p>
<h3>作られたインスタンスの一覧</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17382 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49.png" alt="" width="1917" height="584" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49.png 1917w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-300x91.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-1024x312.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-768x234.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-1536x468.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-228x69.png 228w" sizes="(max-width: 1917px) 100vw, 1917px" /></p>
<p>VNC（Virtual Network Computing）機能もあって、ブラウザから直接仮想環境への操作</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17383 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08.png" alt="" width="1915" height="970" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08.png 1915w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-300x152.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-1024x519.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-768x389.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-1536x778.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-228x115.png 228w" sizes="(max-width: 1915px) 100vw, 1915px" /></p>
<p>&nbsp;</p>
<h2>業務で活かせることができる点</h2>
<p>Launch Cartの今の開発環境からクラウド環境へ移行する作業は私が担当を任せられたので、この本も読んでクラウドやインフラの知識を身に付けたいと思います。</p>


thumbnail_41F3M3hosRL._SX260_-2.jpg

41F3M3hosRL._SX260_-2.jpg

AWS/Azureに迫るAlibaba cloud　ーElastic Compute Service (ECS)

<p><img decoding="async" loading="lazy" class="aligncenter" src="https://images-na.ssl-images-amazon.com/images/I/61KPtQRcdKL.jpg" alt="セキュア・バイ・デザイン" width="1000" height="1286" /></p>
<p>&nbsp;</p>
<p><span class="author notFaded" data-width="181">Dan Bergh Johnsson ,<span class="contribution"><span class="a-color-secondary"> </span></span></span><span class="author notFaded" data-width="154"><span class="a-declarative" data-action="a-popover" data-a-popover="{&quot;closeButtonLabel&quot;:&quot;著者ダイアログポップオーバーを閉じる&quot;,&quot;name&quot;:&quot;contributor-info-B09FQ8X6L1&quot;,&quot;position&quot;:&quot;triggerBottom&quot;,&quot;popoverLabel&quot;:&quot;著者ダイアログポップオーバー&quot;,&quot;allowLinkDefault&quot;:&quot;true&quot;}">Daniel Deogun</span><span class="contribution"><span class="a-color-secondary">, </span></span></span><span class="author notFaded" data-width="133">Daniel Sawano<span class="contribution"><span class="a-color-secondary">, </span></span></span><span class="author notFaded" data-width="99">須田智之 <span class="contribution"><span class="a-color-secondary">(翻訳)</span></span></span></p>
<h1>どんな本なのか</h1>
<p>ソフトウェア、特にインターネット上で展開されるサービスは常に危険に晒されている状態。これを如何にセキュアに出来るかは常時付き纏う課題と言えます。</p>
<p>この本には、Eric Evans のドメイン駆動設計(DDD)に基づいて確立する、セキュアなソフトウェア設計を指針や実例が記載されています。</p>
<p>「セキュリティ対策本」というよりは、「ソフトウェア設計を良くすることによって、自然とセキュアになっていること」を目指しているようです。</p>
<p>&nbsp;</p>
<h1>なぜこの本を読もうと思ったのか</h1>
<p>サービスのセキュリティを確保する際、旧来セキュリティアプライアンスに頼ることが主ですが、サービスを継続する上で、適用し辛い場面も往々にしてあります。</p>
<p>そもそもなぜセキュリティアプライアンスに頼らなければならないのかを考えた時に、セキュアなシステム企画や要件定義・設計に行き着くためです。</p>
<p>&nbsp;</p>
<h1>注目した点</h1>
<p>本書は、ほぼDDDが絡む内容となっており、DDDはソフトウェアの価値を高めるために考案されたと言えるでしょう。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium" src="https://upload.wikimedia.org/wikipedia/commons/2/2c/Clean_Architecture_%2B_DDD%2C_full_application.svg" width="834" height="621" /></p>
<p>DDD を適用することは、旧来のように開発自体をコストとすることから、事業投資としての意識になること、また、ドメインごとの知識をエンジニアと非エンジニアで共有できることの他に、ソフトウェアの複雑さを抑えることができます。</p>
<p>特に 本書の「<strong>第7章 状態の複雑さの軽減」</strong>においては、この複雑さの軽減によりセキュアなコードやアーキテクトが出来上がることのメリットについて言及されており、「部分的普遍エンティティ」や「状態オブジェクトの導入」などのテクニックが紹介されています。</p>
<h1>まとめ</h1>
<p>セキュア・バイ・デザインを適用することで、ソフトウェアがセキュアになるだけでなく、IPA公開している <a href="https://www.ipa.go.jp/files/000055823.pdf">セキュア・バイ・デザイン入門 </a> によれば開発・運用工数の削減に言及されています。</p>
<p>スターフィールドのプロダクトにおいても、よりセキュアなシステム企画・設計をし、より価値のあるサービスを提供していきたいと思います。</p>


large_61KPtQRcdKL.jpg

medium_61KPtQRcdKL.jpg

small_61KPtQRcdKL.jpg

thumbnail_61KPtQRcdKL.jpg

61KPtQRcdKL.jpg

書籍レビュー: セキュア・バイ・デザイン &#8211; 安全なソフトウェア設計 &#8211;

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #プログラマー

2022/09/09

2022/08/06

2022/08/06

2022/07/09

2022/06/25

2022/06/25

2022/05/13

2022/05/13

2022/04/23

2022/04/02

2022/04/01

2022/02/11

2022/02/11

2022/01/28

2021/12/17

2021/12/04

2021/12/03

2021/11/27