View template.json
{ | |
"$schema": "https://schema.management.azure.com/schemas/2015-01-01/deploymentTemplate.json#", | |
"contentVersion": "1.0.0.20", | |
"parameters": { | |
"location": { | |
"type": "string", | |
"metadata": { | |
"description": "The region to deploy the resources into" | |
} | |
}, |
View palo_vm.json
"$schema": "https://schema.management.azure.com/schemas/2015-01-01/deploymentTemplate.json#" | |
contentVersion: "1.0.0.20" | |
parameters: | |
location: | |
type: stri | |
description: "The region to deploy the resources into" | |
srcIPInboundNSG: | |
type: string | |
metadata: | |
description: "Your source public IP address. Added to the inbound NSG on eth0 (MGMT)" |
View Vagrantfile
Vagrant.configure("2") do |config| | |
config.vm.box = "Shono/CentOSIaC" | |
config.vm.provider "virtualbox" do |vb| | |
vb.name = "Vagrant-CentOS" | |
vb.cpus = 2 | |
vb.gui = true | |
vb.memory = "2048" | |
vb.customize [ | |
"modifyvm", :id, |
View homepage.html
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> | |
<link rel="stylesheet" href="theme.css" type="text/css"> </head> | |
<body> |
View Test.js
(function () { | |
'use strict'; | |
const userNameInput = document.getElementById('user-name'); | |
const assessmentButton = document.getElementById('assessment'); | |
const resultDivided = document.getElementById('result-area'); | |
const tweetDivided = document.getElementById('tweet-area'); | |
/** | |
* 指定した要素の子どもを全て除去する | |
* @param {HTMLElement} element HTMLの要素 |
View Test.css
body { | |
background-color: #04A6EB; | |
color: #FDFFFF; | |
width: 500px; | |
margin-right: auto; | |
margin-left : auto; | |
} | |
button { | |
padding: 5px 20px; | |
background-color: #337AB7; |
View Test.html
<!DOCTYPE html> | |
<html lang="ja"> | |
<head> | |
<meta charset="UTF-8"> | |
<link rel="stylesheet" href="Test.css"> | |
<title>受講者名は?</title> | |
</head> | |
<body> | |
<h1>受講者名は?</h1> | |
<input type="text" id="user-name" size="40" maxlength="20"> |