CloudWatch

CloudWatch is a monitoring service for AWS resources and applications running on AWS. You can collect and monitor metrics and log files of various AWS services and set alarms. When you start the corresponding AWS service, data points are regularly sent to CloudWatch, so you can view and analyze the metrics on a graphical screen without being particularly aware. With custom metrics, you can use graphical graphs for metrics collected from your own application. Using the alarm function, not only notification using SNS, addition of EC2 instance by Auto Scaling, or recovery of EC2 instance is also possible.

Data points, metrics
When you start a supported AWS service, data points (monitoring data) are sent to CloudWatch stores data points in metrics.
Metrics can be thought of as monitored variables, and data points can be thought of as the values of variables over time. Data points are not necessarily related to AWS services. It may be the data sent by the script created by the user. In other words, the metric may be the CPU utilization of an EC2 instance, or it may be the response speed of the application or room temperature.
Metrics are identified by name, namespace, and one or more dimensions. Metrics are stored for two weeks.

Name space
Namespaces store metrics. The metric name [CPUUtilization] is used in EC2 and RDS. The namespace [AWS/EC2] or [AWS/RDS] is used as one element to identify metrics.

Dimension
Dimensions are categories of metrics. Statistical monitoring is possible using dimensions. Use the dimension [InstanceId] to check the metrics of an instance. You can use the dimension [AutoScalingGroupName] to monitor data for each autoscaling group.

EC2 Metrics Dimension

AutoScalingGroupName
ImageId
InstanceId
InstanceType

では早速触っていきましょう。

PHP Excel download

$template_path = "entrysheet.xlsm";
$filename = "職務経歴書.xlsm";
$extension = pathinfo($template_path)['extension'];
$file_size = filesize($template_path);

header("Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
header("Content-Length: {$file_size}");
header("Content-Disposition: attachment; filename={$filename}");
readfile($template_path);

openxmlformatsを使うのかー
なるほどねー　これでトップ側はOKかな。

Phone number

The size attribute specifies the width of the input field in characters.
The width of 17 characters is specified.

<p>
								電話番号(必須)<br>
								<input class="long-text" value="080-1234-5678" type="tel" size="17" required>
							</p>

うん、よい感じ。

Validate email address with JavaScript

Function to check if valid e-mail address format in input form etc.

function checkEmailAddress(str){
	if(str.match(/.+@.+\..+/)==null){
		return false;
	} else {
		return true;
	}
}

正規表現ですね。
input type=”email”でも良いような気がしますが。。

Specifying multiple elements in CCS

Specify CCS by separating element name + class name with comma.
The same style can be applied by separating element name + class name with comma.
[ccs]
#right-contents input[type=”text”], #right-contents input[type=”email”], #right-contents [type=”number”] {
width: 45%;
height: 3.5%;
border-radius: 5px;
background-color: #a9a9a9;
color: #f5f5f5;
padding-left: 3%;
font-size: 15px;
}
[/ccs]

なるほど～

Radio button selected

Can create a radio button by specifying type=”radio” for input element.

Enter “checked” to specify the selected state

<p id="radio">
								お仕事を探すエリア<br>
								<label><input name="job-place" class="radio" type="radio" checked>関東</label>
								<label><input name="job-place" type="radio">関西</label>
								<label><input name="job-place" type="radio">名古屋</label>
								<label><input name="job-place" type="radio">その他</label>
							</p>

ほう、いいんじゃーないでしょうか！？

UBER eatsのビジネスフロー

「いらすとや」を使って書いていきます。

なにこれ、めっちゃ面白いやんけ。。
作らなければいけないのは、
1. Userが注文する画面(レスポンシブル)
2. 注文が入ってから、レストラン側に通知するレストラン側の管理画面(PC)
3. 配達を依頼する配達員用の管理画面(アプリメイン)
4. 全体を管理するUberEats側の管理画面(PC)

全体の管理画面は最後に作るとしても、最低3つの仕組みが必要ってわけだな。
でもユーザーの注文画面はECサイトみたいなもんだから、2と3をどう作るかが肝かな。。

最初に全体図を整理すると、わかりやすいな。
これで、エンジニアマッチングのフロー図も作ろう^^

「いらすとや」を使おう

「いらすとや」ってよく見ますよね。個人ワークだけでなく、たまに商用のデザインでもみますし、Youtubeにも使われていたりします。
まず、ホームページ
https://www.irasutoya.com/

もっとゴテゴテした感じかと思いきや、意外とシンプルな作りですね。

個人情報の取扱いに関するお問い合せ先
いらすとや みふねたかし
E-mail: mifunet@gmail.com

Twitter
https://twitter.com/mifunet

まじかよ、これ、個人で作ってんのかよ。。すげーな、この人。。

免責事項
＞当サイトの使用及び閲覧は、利用者の責任において行うものとします。内容につきましては最新の注意を払って編集しておりますが、正確性、有用性、確実性、安全性について保証するものではありません。

すげーなこれ。さっそく、「いらすとや」をつかって、UberEatのビジネスモデルを書いてみましょう^^

AWS CloudWatch

Amazon CloudWatch provides real-time monitoring of Amazon Web Service (AWS) resources and the applications that user are running on AWS. You can use CloudWatch to collect and track metrics. Metrics are variables that can be measured in terms of resources and applications.

The CloudWatch homepage automatically displays metrics about each of the AWS services you are using. In addition, you can create custom dashboards to view custom application metrics or view custom collections of selected metrics.

You can monitor metrics and create alarms that send notifications when thresholds are exceeded or automatically change the resources being monitored. For example, you can monitor CPU usage and disk reads and writes for Amazon EC2 instances, and use that data to decide whether you should launch additional instances to handle the increased load. You can also use this data to save money by shutting down underutilized instances.