EC2やECS、RDSなどといったサービス利用時にAmazon VPC（以下よりVPC）が合わせて必要になります。 VPCの設計はCIDRとテナンシーの選択のみとシンプルですが、案外迷ってしまいます。 私が設計時に気をつけている5点をまとめてみました。 RFC1918準拠のIPアドレス範囲から指定する IPアドレスの範囲はrfc1918に準拠した範囲を指定することを推奨します。 少し難しく聞こえますが、下記のIPアドレス範囲から指定するということです。 10.0.0.0 - 10.255.255.255 (10/8 プレフィックス) 172.16.0.0 - 172.31.255.255 (172.16/12 プレフィックス) 192.168.0.0 - 192.168.255.255 (192.168/16 プレフィックス) よく見るプライベートIPアドレス範囲ですね。 16ビット以上で

沖縄県宜野湾市の小学校校庭で遊ぶ子供たち。参考写真(Photo credit should read TOSHIFUMI KITAMURA/AFP via Getty Images) なぜ人は共産主義に騙され続けるのか。私が共産主義の失敗を予見したのは小学2年生のときである。担任の先生が産休に入り、自習の時間が多くあった。私は与えられた課題に黙々と取り組んでいたが、普通の小学2年生が自習を課せられて、黙って勉強するはずがない。周りの生徒はみんな大騒ぎだったので、隣のクラスの先生が注意に来た。結局、私を含めクラスの生徒全員が罰を受けることになった。 私はそのとき、共産主義は絶対うまくいかないと確信した。私が小学2年生だった1978年当時、ソ連はまだ大国として健在で、共産主義は素晴らしいと考える人が多くいた。でも、私は彼らを信じなくなった。真面目にやってもやらなくても、みんな同じように怒られる

日本と韓国の軍事情報包括保護協定＝「ＧＳＯＭＩＡ」について、韓国政府は、延長せずに破棄することを決めたと発表しました。これについて外交ルートを通じて日本政府に通告するとしていて、日韓の対立は安全保障分野にも波及することになります。 軍事情報包括保護協定＝「ＧＳＯＭＩＡ」は、日本と韓国が2016年に締結したもので、１年ごとに延長されていますが、どちらかが毎年８月24日までに通告すれば協定を破棄できることになっています。 自動更新の期限が24日に迫る中、韓国大統領府は、22日午後３時からＮＳＣ＝国家安全保障会議を開き、日本との「ＧＳＯＭＩＡ」について協議し、その結果について大統領府のキム・ユグン（金有根）国家安保室第１次長が発表しました。 それによりますと、日本政府が輸出管理の優遇対象国から韓国を除外する決定をしたことについて、「明確な根拠を示さなかった」と指摘し、「両国の安全保障協力の環境に

一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタンにグレーを使用できなくなったり、操作できない不具合かもとユーザーは思うかもしれません。 Why You Shouldn’t Gray Out Disabled Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 無効状態のボタンをグレーアウトにしない理由 無効状態のボタンをグレーアウトにしない理由 ページ上でアクティブになっていないボタンがある場合、あなたはどのように実装していますか？ ボタンを本来の場所から一度削除した後に表示すると、ユーザーは突然現れたボタンに驚くかも

ちなみに、IT業界全体のシェアとしてはMicrosoftのAzureの方がGCPを上回っていますが、Web業界においてIaaSにAzureを採用している企業さんは2019年時点ではまだまだ少ないので、現状ではとりあえずAzureへのキャッチアップは後回しにしておいて問題ないと思われます。 クラウドアーキテクチャ設計 前述したAWSやGCPの各種マネージドサービスを適切に組み合わせてアーキテクチャ設計を行い、それを構成図に落とし込める能力は必須となります。 いわゆる「アーキテクト」という職種の担当領域でもありますが、「サービスを安定稼働させたまま、バリューをユーザに迅速に届ける」ためには、自動化のしづらい構成が採用されてしまったり、無駄な機能が開発されてしまったり、アンマネージドなツールやサービスが使用されて管理工数が肥大化したりしないように、アーキテクチャ設計の段階からDevOpsエンジニ

CSSとSVGでチェックボックスを装飾しよう！CSSでフォーム内の部品を装飾するのは、昔から難儀でした。特によく使うチェックボックスは色をつけることすら難しく、様々なCSSの小技やJavaScriptプラグインを使って実装してきました。今回はチェックマークにSVGを使い、なるべくシンプルな書き方でチェックボックスを装飾してみようと思います。 チェックボックスを装飾する手順1. HTML マークアップまずは HTML を書いていきます。label タグでチェックボックスを囲うと、for 属性や id 属性の指定をしなくても label タグ内のテキストがクリック範囲となるので便利です。テキストは span タグで囲みました。この span 部分に CSS でチェックボックスを表示させる指定をしていきます。 <form> <label> <input type="checkbox" /> <s

Vue.js(SPA)でサイトを作るときは、head要素をページごとにちゃんと設定しないと、グーグルの検索画面になかなか載らないため、対策が必要です。 SPAでサイトを作るとhead要素がページごと変化しない問題 Vue.jsでhead要素titleとdescriptionの変更する方法 規模が小さいサイトなら、各ページmounted SPAでサイトを作るとhead要素がページごと変化しない問題 SPA（シングル・ページ・アプリケーション）は、その名前の通り、一つのHTMLのページで、まるで色々なページに切り替わっているように見せる技術です。ページの遷移も早く、作りやすいです。 しかし、実際はページが切り替わっていないため、別のページに移動しても、何も設定をしないとhead要素は変わらないままです。 これがとても問題で、ページごとにhead要素が変わるように対策をしないとグーグルの検索にな

Robert C.Martinの書籍で有名な「Clean Code」を TypeScript に対応させたドキュメントを翻訳しました。可読性が高く、再利用可能であり、リファクタブルなコードをTypeScriptで書くためには、どのような事に気を付けたらよいかをご紹介します。