├── AWS-Diagram_01 ├── images │ ├── az.png │ ├── cw.png │ ├── pc.png │ ├── s3.png │ ├── sg.png │ ├── alb.png │ ├── aws.png │ ├── ec2.png │ ├── mail.png │ ├── rds.png │ ├── sns.png │ ├── vpc.png │ ├── alarm.png │ ├── cbuild.png │ ├── ccommit.png │ ├── cdeploy.png │ ├── natgw.png │ ├── office.png │ ├── users.png │ ├── cpipeline.png │ ├── autoscalling.png │ ├── onpremises.png │ ├── subnet-private.png │ └── subnet-public.png ├── link.json_01-2.js ├── link.json_01.js ├── link.json_02.js ├── link.json_03.js ├── link.json_04.js ├── link.json.js ├── link.json_05.js └── AwsDiagram.html ├── AWS-Diagram_02 ├── images │ ├── cf.png │ ├── cw.png │ ├── pc.png │ ├── s3.png │ ├── alb.png │ ├── ami.png │ ├── aws.png │ ├── cfn.png │ ├── clb.png │ ├── ec2.png │ ├── eip.png │ ├── igw.png │ ├── line.png │ ├── nlb.png │ ├── pri.png │ ├── pub.png │ ├── r53.png │ ├── rds.png │ ├── smpA.png │ ├── smpB.png │ ├── smpC.png │ ├── smpD.png │ ├── smpE.png │ ├── smpF.png │ ├── smpG.png │ ├── smpH.png │ ├── sns.png │ ├── user.png │ ├── vgw.png │ ├── vpc.png │ ├── waf.png │ ├── alarm.png │ ├── apigw.png │ ├── blank.png │ ├── cbuild.png │ ├── ccommit.png │ ├── cdeploy.png │ ├── cloud9.png │ ├── files.png │ ├── kinesis.png │ ├── lambda.png │ ├── natgw.png │ ├── office.png │ ├── region.png │ ├── router.png │ ├── rttable.png │ ├── sample.png │ ├── shield.png │ ├── users.png │ ├── vpeer.png │ ├── cpipeline.png │ ├── dconnect.png │ ├── dynamodb.png │ ├── endpoint.png │ ├── internet.png │ ├── phone-00.png │ ├── phone-01.png │ ├── pictures.png │ ├── ApacheTomcat.png │ ├── autoscalling.png │ ├── cfn-template.png │ └── onpremises.png ├── code-011_EC2.json ├── code-001_重ねた場合.json ├── code-002_バラバラ配置.json ├── code-003_基本-長方形.json ├── code-030_LINEBot.json ├── code-012_EC2+EIP+IGW.json ├── code-004_基本-接続線.json ├── code-031_LINEBot.json ├── code-013_EC2+通信経路.json ├── code-040_VPCPeering.json ├── code-020_Webサーバー.json ├── code-041_ルートテーブル追加.json ├── code-021_Webサーバー_通信経路.json ├── code-042_通信経路修正.json ├── code-022_Webサーバー_autoscalling.json ├── code-023_Webサーバー_CloudFront.json └── AwsDiagram_02.html ├── LinkList_01 ├── README.md ├── links_03.json.js ├── links_01.json.js ├── links_02.json.js └── linklist.html ├── Base_01 ├── link.json.js └── accessJson.html ├── LICENSE └── README.md /AWS-Diagram_01/images/az.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/az.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/cw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/cw.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/pc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/pc.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/s3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/s3.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/sg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/sg.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cf.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cw.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/pc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/pc.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/s3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/s3.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/alb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/alb.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/aws.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/aws.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/ec2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/ec2.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/mail.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/rds.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/rds.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/sns.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/sns.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/vpc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/vpc.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/alb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/alb.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/ami.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/ami.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/aws.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/aws.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cfn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cfn.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/clb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/clb.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/ec2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/ec2.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/eip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/eip.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/igw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/igw.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/line.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/nlb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/nlb.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/pri.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/pri.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/pub.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/pub.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/r53.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/r53.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/rds.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/rds.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpA.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpB.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpC.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpD.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpE.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpF.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpG.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/smpH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/smpH.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/sns.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/sns.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/user.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/vgw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/vgw.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/vpc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/vpc.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/waf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/waf.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/alarm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/alarm.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/cbuild.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/cbuild.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/ccommit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/ccommit.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/cdeploy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/cdeploy.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/natgw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/natgw.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/office.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/office.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/users.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/users.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/alarm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/alarm.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/apigw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/apigw.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/blank.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/blank.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cbuild.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cbuild.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/ccommit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/ccommit.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cdeploy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cdeploy.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cloud9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cloud9.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/files.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/files.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/kinesis.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/kinesis.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/lambda.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/lambda.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/natgw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/natgw.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/office.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/office.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/region.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/region.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/router.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/router.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/rttable.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/rttable.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/sample.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/shield.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/shield.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/users.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/users.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/vpeer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/vpeer.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/cpipeline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/cpipeline.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cpipeline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cpipeline.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/dconnect.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/dconnect.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/dynamodb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/dynamodb.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/endpoint.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/endpoint.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/internet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/internet.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/phone-00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/phone-00.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/phone-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/phone-01.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/pictures.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/pictures.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/autoscalling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/autoscalling.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/onpremises.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/onpremises.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/ApacheTomcat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/ApacheTomcat.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/autoscalling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/autoscalling.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/cfn-template.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/cfn-template.png -------------------------------------------------------------------------------- /AWS-Diagram_02/images/onpremises.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_02/images/onpremises.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/subnet-private.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/subnet-private.png -------------------------------------------------------------------------------- /AWS-Diagram_01/images/subnet-public.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zgw426/Handling_JSON_with_no_web_server_HTML-JavaScript-/HEAD/AWS-Diagram_01/images/subnet-public.png -------------------------------------------------------------------------------- /LinkList_01/README.md: -------------------------------------------------------------------------------- 1 | # リンクリスト 2 | 3 | サイトやファイルのリンクを検索／表示します。 4 | 5 | 6 | ||| 7 | |---|---| 8 | |linklist.html|アプリ本体| 9 | |links_01.json.js|リンク情報を含むjsファイル| 10 | |links_02.json.js|リンク情報を含むjsファイル| 11 | |links_03.json.js|リンク情報を含むjsファイル| 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /LinkList_01/links_03.json.js: -------------------------------------------------------------------------------- 1 | let list03_info = [{"Title":"ローカルファイル","ID":"03"}]; 2 | let list03 = [ 3 | { 4 | "Name" : "links_01.json.js", 5 | "URL" : "links_01.json.js", 6 | "category" : ["text","js"], 7 | "note" : "検索サイトの情報を登録したファイル" 8 | }, 9 | { 10 | "Name" : "links_02.json.js", 11 | "URL" : "links_02.json.js", 12 | "category" : ["text","js"], 13 | "note" : "外部サイトの情報を登録したファイル" 14 | }, 15 | { 16 | "Name" : "links_03.json.js", 17 | "URL" : "links_03.json.js", 18 | "category" : ["text","js"], 19 | "note" : "ローカルファイルの情報を登録したファイル" 20 | }, 21 | ]; 22 | -------------------------------------------------------------------------------- /LinkList_01/links_01.json.js: -------------------------------------------------------------------------------- 1 | let list01_info = [{"Title":"検索サイト","ID":"01"}]; 2 | let list01 = [ 3 | { 4 | "Name" : "Google", 5 | "URL" : "https://www.google.com/", 6 | "category" : ["検索"], 7 | "note" : "界最大の検索エンジン" 8 | }, 9 | { 10 | "Name" : "Yahoo!JAPAN", 11 | "URL" : "https://www.yahoo.co.jp/", 12 | "category" : ["検索","ニュース"], 13 | "note" : "Yahoo!の由来は「ヤッホー！」「やったー！」を意味する英語の感動詞「yahoo」とかけているとかいないとか" 14 | }, 15 | { 16 | "Name" : "Bing", 17 | "URL" : "https://www.bing.com/", 18 | "category" : ["検索","ニュース","マイクロソフト"], 19 | "note" : "メモ" 20 | }, 21 | ]; 22 | 23 | -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json_01-2.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "EC2" : ["ec2.png","none","0.3","none","CENTER"], 9 | }, 10 | {"OBJECT": "EC2-11","TYPE": "FIG","SET": "EC2","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0,}, 11 | {"OBJECT": "EC2-12","TYPE": "FIG","SET": "EC2","LAYER": 2,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0,}, 12 | {"OBJECT": "EC2-21","TYPE": "FIG","SET": "EC2","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 13 | {"OBJECT": "EC2-22","TYPE": "FIG","SET": "EC2","LAYER": 4,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 14 | ]; -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json_01.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "EC2" : ["ec2.png","none","0.3","none","CENTER"], 9 | }, 10 | {"OBJECT": "EC2-11","TYPE": "FIG","SET": "EC2","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0,}, 11 | {"OBJECT": "EC2-12","TYPE": "FIG","SET": "EC2","LAYER": 1,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0,}, 12 | {"OBJECT": "EC2-21","TYPE": "FIG","SET": "EC2","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 13 | {"OBJECT": "EC2-22","TYPE": "FIG","SET": "EC2","LAYER": 1,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 14 | ]; 15 | -------------------------------------------------------------------------------- /LinkList_01/links_02.json.js: -------------------------------------------------------------------------------- 1 | let list02_info = [{"Title":"サイト","ID":"02"}]; 2 | let list02 = [ 3 | { 4 | "Name" : "Amazon", 5 | "URL" : "https://www.amazon.co.jp/", 6 | "category" : ["ネットショップ","動画"], 7 | "note" : "メモ" 8 | }, 9 | { 10 | "Name" : "Gyao!", 11 | "URL" : "https://gyao.yahoo.co.jp/", 12 | "category" : ["動画"], 13 | "note" : "メモ" 14 | }, 15 | { 16 | "Name" : "YouTube", 17 | "URL" : "https://www.youtube.com/", 18 | "category" : ["動画"], 19 | "note" : "メモ" 20 | }, 21 | { 22 | "Name" : "Twitter", 23 | "URL" : "https://twitter.com/", 24 | "category" : ["SNS"], 25 | "note" : "メモ" 26 | }, 27 | { 28 | "Name" : "CodeZine（コードジン）", 29 | "URL" : "https://codezine.jp/", 30 | "category" : ["ニュース"], 31 | "note" : "メモ" 32 | }, 33 | ]; 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /Base_01/link.json.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "columnA": "0番目カラムAの値", 4 | "columnB": "0番目カラムBの値", 5 | "columnC": 300, 6 | "columnD": ["D001","D002","D003"], 7 | "columnE": [ 8 | "E00001", 9 | "E00002", 10 | "E00003" 11 | ], 12 | "columnF": ["HHH","FFF","AAA","BBB","CCC","DDD","CCC","CCC"], 13 | }, 14 | { 15 | "columnA": "1番目カラムAの値", 16 | "columnB": "1番目カラムBの値", 17 | "columnC": 200, 18 | "columnD": ["D011","D012"], 19 | "columnE": [ 20 | "E00011", 21 | "E00012", 22 | "E00013", 23 | "E00014", 24 | "E00015", 25 | "E00016" 26 | ], 27 | "columnF": ["DDD","EEE","FFF","GGG","HHH","III","JJJ"], 28 | }, 29 | { 30 | "columnA": "2番目カラムAの値", 31 | "columnB": "2番目カラムBの値", 32 | "columnC": 100, 33 | "columnD": ["D021","D022","D023"], 34 | "columnE": [ 35 | "E00021", 36 | "E00022" 37 | ], 38 | "columnF": ["AAA","BBB","GGG","HHH","KKK"], 39 | }, 40 | 41 | ]; 42 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 suo-takefumi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-011_EC2.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "AZ" : ["blank.png", "none" ,"0.0","#5b9cd5","HEAD-LEFT"], 11 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 12 | "SG" : ["blank.png", "none" ,"0.0","#FF0000","HEAD-LEFT"], 13 | "EC2" : ["ec2.png", "none" ,"0.0","none" ,"CENTER"] 14 | }, 15 | {"OBJECT": "OBJ-600", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 16 | {"OBJECT": "OBJ-500", "LAVEL": "VPC", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 17 | {"OBJECT": "OBJ-400", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 18 | {"OBJECT": "OBJ-300", "LAVEL": "PublicSubnet", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 19 | {"OBJECT": "OBJ-200", "LAVEL": "SG", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 20 | {"OBJECT": "OBJ-100", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0} 21 | ] 22 | 23 | -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json_02.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD"], 9 | "AZ" : ["az.png", "none" ,"0.0","#5b9cd5","HEAD"], 10 | "PUB" : ["subnet-public.png", "#1f860f","0.2","#1f860f","HEAD"], 11 | "PRI" : ["subnet-private.png","#147eba","0.2","#147eba","HEAD"], 12 | }, 13 | {"OBJECT": "VPC-1", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 14 | {"OBJECT": "AZ-1", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 15 | {"OBJECT": "AZ-2", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 16 | {"OBJECT": "Subnet-01","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 17 | {"OBJECT": "Subnet-02","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 18 | {"OBJECT": "Subnet-11","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 19 | {"OBJECT": "Subnet-12","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 20 | {"OBJECT": "Subnet-21","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 21 | {"OBJECT": "Subnet-22","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 22 | ]; -------------------------------------------------------------------------------- /AWS-Diagram_02/code-001_重ねた場合.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "FRM-A" : ["smpA.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 9 | "FRM-B" : ["smpB.png", "none" ,"0.0","#BB00AA","HEAD-RIGHT"], 10 | "FRM-C" : ["smpC.png", "none" ,"0.0","#CCBB00","TAIL-LEFT"], 11 | "FRM-D" : ["smpD.png", "none" ,"0.0","#A0A0A0","TAIL-RIGHT"], 12 | "FRM-E" : ["smpE.png", "#AABB00" ,"0.2","#0B0C0D","HEAD-LEFT"], 13 | "FRM-F" : ["smpF.png", "none" ,"0.0","#000000","HEAD-LEFT"], 14 | "FRM-G" : ["smpG.png", "none" ,"0.0","none","CENTER"] 15 | }, 16 | 17 | {"OBJECT": "OBJ-600", "LAVEL": "レイヤー６", "TYPE": "FIG", "SET": "FRM-A","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 18 | {"OBJECT": "OBJ-500", "LAVEL": "レイヤー５", "TYPE": "FIG", "SET": "FRM-B","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 19 | {"OBJECT": "OBJ-400", "LAVEL": "レイヤー４", "TYPE": "FIG", "SET": "FRM-C","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 20 | {"OBJECT": "OBJ-300", "LAVEL": "レイヤー３", "TYPE": "FIG", "SET": "FRM-D","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 21 | {"OBJECT": "OBJ-200", "LAVEL": "レイヤー２", "TYPE": "FIG", "SET": "FRM-E","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 22 | {"OBJECT": "OBJ-100", "LAVEL": "レイヤー１", "TYPE": "FIG", "SET": "FRM-F","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 23 | "ONLINE": [ 24 | {"OBJECT": "OBJ-101","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "FRM-G" } 25 | ] 26 | } 27 | ] 28 | 29 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-002_バラバラ配置.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "FRM-A" : ["smpA.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 9 | "FRM-B" : ["smpB.png", "none" ,"0.0","#BB00AA","HEAD-RIGHT"], 10 | "FRM-C" : ["smpC.png", "none" ,"0.0","#CCBB00","TAIL-LEFT"], 11 | "FRM-D" : ["smpD.png", "none" ,"0.0","#A0A0A0","TAIL-RIGHT"], 12 | "FRM-E" : ["smpE.png", "#AABB00" ,"0.2","#0B0C0D","HEAD-LEFT"], 13 | "FRM-F" : ["smpF.png", "none" ,"0.0","#000000","HEAD-LEFT"], 14 | "FRM-G" : ["smpG.png", "none" ,"0.0","none","CENTER"] 15 | }, 16 | 17 | {"OBJECT": "OBJ-600", "LAVEL": "レイヤー６", "TYPE": "FIG", "SET": "FRM-A","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 18 | {"OBJECT": "OBJ-500", "LAVEL": "レイヤー５", "TYPE": "FIG", "SET": "FRM-B","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 19 | {"OBJECT": "OBJ-400", "LAVEL": "レイヤー４", "TYPE": "FIG", "SET": "FRM-C","LAYER": 4,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 20 | {"OBJECT": "OBJ-300", "LAVEL": "レイヤー３", "TYPE": "FIG", "SET": "FRM-D","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 21 | {"OBJECT": "OBJ-200", "LAVEL": "レイヤー２", "TYPE": "FIG", "SET": "FRM-E","LAYER": 2,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 22 | {"OBJECT": "OBJ-100", "LAVEL": "レイヤー１", "TYPE": "FIG", "SET": "FRM-F","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 23 | "ONLINE": [ 24 | {"OBJECT": "OBJ-101","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "FRM-G" } 25 | ] 26 | } 27 | ] 28 | 29 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-003_基本-長方形.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "FRM-A" : ["smpA.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 9 | "FRM-B" : ["smpB.png", "none" ,"0.0","#BB00AA","HEAD-RIGHT"], 10 | "FRM-C" : ["smpC.png", "none" ,"0.0","#CCBB00","TAIL-LEFT"], 11 | "FRM-D" : ["smpD.png", "none" ,"0.0","#A0A0A0","TAIL-RIGHT"], 12 | "FRM-E" : ["smpE.png", "#AABB00" ,"0.2","#0B0C0D","HEAD-LEFT"], 13 | "FRM-F" : ["smpF.png", "none" ,"0.0","#000000","HEAD-LEFT"], 14 | "FRM-G" : ["smpG.png", "none" ,"0.0","none","CENTER"] 15 | }, 16 | 17 | {"OBJECT": "OBJ-600", "LAVEL": "レイヤー６", "TYPE": "FIG", "SET": "FRM-A","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 18 | {"OBJECT": "OBJ-500", "LAVEL": "レイヤー５", "TYPE": "FIG", "SET": "FRM-B","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 19 | {"OBJECT": "OBJ-400", "LAVEL": "レイヤー４", "TYPE": "FIG", "SET": "FRM-C","LAYER": 4,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 20 | {"OBJECT": "OBJ-300", "LAVEL": "レイヤー３", "TYPE": "FIG", "SET": "FRM-D","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 21 | {"OBJECT": "OBJ-200", "LAVEL": "レイヤー２", "TYPE": "FIG", "SET": "FRM-E","LAYER": 2,"TopX": "1","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 22 | {"OBJECT": "OBJ-100", "LAVEL": "レイヤー１", "TYPE": "FIG", "SET": "FRM-F","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 23 | "ONLINE": [ 24 | {"OBJECT": "OBJ-101","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "FRM-G" } 25 | ] 26 | } 27 | ] 28 | 29 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-030_LINEBot.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 4, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "PHONE" : ["phone-01.png", "none" ,"0.0","none","CENTER"], 9 | "LINE" : ["line.png", "none" ,"0.0","none","CENTER"], 10 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 11 | "APIGW" : ["apigw.png", "none" ,"0.0","none","CENTER"], 12 | "LAMBDA" : ["lambda.png", "none" ,"0.0","none","CENTER"], 13 | "DYNAMODB" : ["dynamodb.png", "none" ,"0.0","none","CENTER"] 14 | }, 15 | 16 | {"OBJECT": "PHONE-01", "LAVEL": "スマホ", "TYPE": "FIG", "SET": "PHONE","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 17 | {"OBJECT": "LINE-01", "LAVEL": "LINE Developer API", "TYPE": "FIG", "SET": "LINE","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 18 | {"OBJECT": "AWS-01", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 4,"TopX": "3","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0}, 19 | {"OBJECT": "APIGW-01", "LAVEL": "API Gateway", "TYPE": "FIG", "SET": "APIGW","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 20 | {"OBJECT": "LAMBDA-01", "LAVEL": "Lambda", "TYPE": "FIG", "SET": "LAMBDA","LAYER": 2,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0}, 21 | {"OBJECT": "DYNAMODB-01", "LAVEL": "Dynano DB", "TYPE": "FIG", "SET": "DYNAMODB","LAYER": 2,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0}, 22 | {"TYPE": "LINE","OBJECT": "FLOW-01","LINE": ["PHONE-01","LINE-01","APIGW-01","LAMBDA-01","DYNAMODB-01"]}, 23 | {"TYPE": "LINE-GRP","LAVEL": "処理経路","STROKE": "#887080","LINES": ["FLOW-01"]} 24 | 25 | 26 | ] 27 | 28 | -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json_03.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD"], 9 | "AZ" : ["az.png", "none" ,"0.0","#5b9cd5","HEAD"], 10 | "PUB" : ["subnet-public.png", "#1f860f","0.2","#1f860f","HEAD"], 11 | "PRI" : ["subnet-private.png","#147eba","0.2","#147eba","HEAD"], 12 | }, 13 | {"OBJECT": "Subnet-01","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 14 | {"OBJECT": "Subnet-02","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 15 | {"OBJECT": "Subnet-11","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 16 | {"OBJECT": "Subnet-12","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 17 | {"OBJECT": "Subnet-21","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 18 | {"OBJECT": "Subnet-22","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 19 | {"TYPE": "LINE","OBJECT": "LINE-01","LINE": ["Subnet-01","Subnet-11","Subnet-21"],}, 20 | {"TYPE": "LINE","OBJECT": "LINE-02","LINE": ["Subnet-01","Subnet-11","Subnet-21","Subnet-22","Subnet-12","Subnet-02","Subnet-01"],}, 21 | {"TYPE": "LINE","OBJECT": "LINE-03","LINE": ["Subnet-01","Subnet-22"],}, 22 | {"TYPE": "LINE","OBJECT": "LINE-04","LINE": ["Subnet-02","Subnet-21"],}, 23 | {"TYPE": "LINE-GRP","LAVEL": "ライン（１）","STROKE": "#000080","LINES": ["LINE-01"],}, 24 | {"TYPE": "LINE-GRP","LAVEL": "ライン（２）","STROKE": "#FF8FFF","LINES": ["LINE-02","LINE-03","LINE-04"],}, 25 | ]; 26 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-012_EC2+EIP+IGW.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 11 | "AZ" : ["blank.png", "none" ,"0.0","#5b9cd5","HEAD-LEFT"], 12 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 13 | "SG" : ["blank.png", "none" ,"0.0","#FF0000","HEAD-LEFT"], 14 | "EC2" : ["ec2.png", "none" ,"0.0","none" ,"CENTER"], 15 | "EIP" : ["eip.png", "none" ,"0.0","none" ,"CENTER"] 16 | }, 17 | {"OBJECT": "OBJ-600", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 18 | {"OBJECT": "OBJ-500", "LAVEL": "VPC", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 19 | "ONLINE": [ 20 | {"OBJECT": "OBJ-501","POSITION": "LEFT", "NO": "2", "LAVEL": "igw", "SET": "IGW" } 21 | ] 22 | }, 23 | {"OBJECT": "OBJ-400", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 24 | {"OBJECT": "OBJ-300", "LAVEL": "PublicSubnet", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 25 | {"OBJECT": "OBJ-200", "LAVEL": "SG", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 26 | {"OBJECT": "OBJ-100", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 27 | "ONLINE": [ 28 | {"OBJECT": "OBJ-101","POSITION": "RIGHT", "NO": "1", "LAVEL": "EIP", "SET": "EIP" } 29 | ] 30 | } 31 | ] 32 | 33 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-004_基本-接続線.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "FRM-A" : ["smpA.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 9 | "FRM-B" : ["smpB.png", "none" ,"0.0","#BB00AA","HEAD-RIGHT"], 10 | "FRM-C" : ["smpC.png", "none" ,"0.0","#CCBB00","TAIL-LEFT"], 11 | "FRM-D" : ["smpD.png", "none" ,"0.0","#A0A0A0","TAIL-RIGHT"], 12 | "FRM-E" : ["smpE.png", "#AABB00" ,"0.2","#0B0C0D","HEAD-LEFT"], 13 | "FRM-F" : ["smpF.png", "none" ,"0.0","#000000","HEAD-LEFT"], 14 | "FRM-G" : ["smpG.png", "none" ,"0.0","none","CENTER"] 15 | }, 16 | 17 | {"OBJECT": "OBJ-600", "LAVEL": "レイヤー６", "TYPE": "FIG", "SET": "FRM-A","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 18 | {"OBJECT": "OBJ-500", "LAVEL": "レイヤー５", "TYPE": "FIG", "SET": "FRM-B","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 19 | {"OBJECT": "OBJ-400", "LAVEL": "レイヤー４", "TYPE": "FIG", "SET": "FRM-C","LAYER": 4,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 20 | {"OBJECT": "OBJ-300", "LAVEL": "レイヤー３", "TYPE": "FIG", "SET": "FRM-D","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 21 | {"OBJECT": "OBJ-200", "LAVEL": "レイヤー２", "TYPE": "FIG", "SET": "FRM-E","LAYER": 2,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 22 | {"OBJECT": "OBJ-100", "LAVEL": "レイヤー１", "TYPE": "FIG", "SET": "FRM-F","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 23 | "ONLINE": [ 24 | {"OBJECT": "OBJ-101","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "FRM-G" } 25 | ] 26 | }, 27 | 28 | {"TYPE": "LINE","OBJECT": "connect-001","LINE": ["OBJ-600","OBJ-500","OBJ-400","OBJ-100","OBJ-200","OBJ-300","OBJ-600"]}, 29 | {"TYPE": "LINE-GRP","LAVEL": "接続①","STROKE": "#af0faf","LINES": ["connect-001"]}, 30 | 31 | {"TYPE": "LINE","OBJECT": "connect-011","LINE": ["OBJ-600","OBJ-200","OBJ-400"]}, 32 | {"TYPE": "LINE","OBJECT": "connect-012","LINE": ["OBJ-300","OBJ-500","OBJ-100"]}, 33 | {"TYPE": "LINE-GRP","LAVEL": "接続②","STROKE": "#bafab0","LINES": ["connect-011","connect-012"]} 34 | ] 35 | 36 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-031_LINEBot.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 4, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "PHONE" : ["phone-01.png", "none" ,"0.0","none","CENTER"], 9 | "LINE" : ["line.png", "none" ,"0.0","none","CENTER"], 10 | "INTERNET" : ["internet.png", "none" ,"0.0","none","CENTER"], 11 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 12 | "APIGW" : ["apigw.png", "none" ,"0.0","none","CENTER"], 13 | "LAMBDA" : ["lambda.png", "none" ,"0.0","none","CENTER"], 14 | "DYNAMODB" : ["dynamodb.png", "none" ,"0.0","none","CENTER"], 15 | "S3" : ["s3.png", "none" ,"0.0","#000000","HEAD-LEFT"], 16 | "IMGS" : ["pictures.png", "none" ,"0.0","none","CENTER"] 17 | 18 | }, 19 | 20 | {"OBJECT": "PHONE-01", "LAVEL": "スマホ", "TYPE": "FIG", "SET": "PHONE","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 21 | {"OBJECT": "LINE-01", "LAVEL": "LINE Developer API", "TYPE": "FIG", "SET": "LINE","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 22 | {"OBJECT": "AWS", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 4,"TopX": "3","TopY": "1","BtmX": "5","BtmY": "2","Width" : 0,"Height": 0}, 23 | {"OBJECT": "APIGW-01", "LAVEL": "API Gateway", "TYPE": "FIG", "SET": "APIGW","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 24 | {"OBJECT": "LAMBDA-01", "LAVEL": "Lambda", "TYPE": "FIG", "SET": "LAMBDA","LAYER": 2,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0}, 25 | {"OBJECT": "DYNAMODB-01", "LAVEL": "Dynano DB", "TYPE": "FIG", "SET": "DYNAMODB","LAYER": 2,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0}, 26 | {"OBJECT": "S3-01", "LAVEL": "S3バケット", "TYPE": "FIG", "SET": "S3","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 27 | {"OBJECT": "IMG-01", "LAVEL": "画像", "TYPE": "FIG", "SET": "IMGS","LAYER": 2,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 28 | {"TYPE": "LINE","OBJECT": "FLOW-01","LINE": ["PHONE-01","LINE-01","APIGW-01","LAMBDA-01","DYNAMODB-01"]}, 29 | {"TYPE": "LINE-GRP","LAVEL": "処理経路","STROKE": "#887080","LINES": ["FLOW-01"]}, 30 | 31 | {"OBJECT": "INTERNET-01", "LAVEL": "インターネット", "TYPE": "FIG", "SET": "INTERNET","LAYER": 2,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 32 | {"TYPE": "LINE","OBJECT": "FLOW-02","LINE": ["PHONE-01","INTERNET-01","S3-01"]}, 33 | {"TYPE": "LINE-GRP","LAVEL": "画像表示","STROKE": "#FFAABB","LINES": ["FLOW-02"]} 34 | 35 | 36 | ] 37 | 38 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-013_EC2+通信経路.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 8, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "INTERNET" : ["internet.png", "none" ,"0.0","none","CENTER"], 9 | "BLANK" : ["blank.png", "none" ,"0.0","none","CENTER"], 10 | "PC" : ["pc.png", "none" ,"0.0","none","CENTER"], 11 | "AWS" : ["aws.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 12 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 13 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 14 | "AZ" : ["blank.png", "none" ,"0.0","#5b9cd5","HEAD-LEFT"], 15 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 16 | "SG" : ["blank.png", "none" ,"0.0","#FF0000","HEAD-LEFT"], 17 | "EC2" : ["ec2.png", "none" ,"0.0","none" ,"CENTER"], 18 | "EIP" : ["eip.png", "none" ,"0.0","none" ,"CENTER"] 19 | }, 20 | 21 | {"OBJECT": "OBJ-700", "LAVEL": "","TYPE": "FIG", "SET": "BLANK", "LAYER": 6,"TopX": "0","TopY": "1","BtmX": "0","BtmY": "1","Width" : 0,"Height": 0, 22 | "ONLINE": [ 23 | {"OBJECT": "OBJ-701","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "INTERNET" } 24 | ] 25 | }, 26 | {"OBJECT": "OBJ-702", "LAVEL": "","TYPE": "FIG", "SET": "PC", "LAYER": 1,"TopX": "0","TopY": "1","BtmX": "0","BtmY": "1","Width" : 0,"Height": 0}, 27 | 28 | {"OBJECT": "OBJ-600", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 29 | {"OBJECT": "OBJ-500", "LAVEL": "VPC", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 30 | "ONLINE": [ 31 | {"OBJECT": "OBJ-501","POSITION": "LEFT", "NO": "2", "LAVEL": "igw", "SET": "IGW" } 32 | ] 33 | }, 34 | {"OBJECT": "OBJ-400", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 35 | {"OBJECT": "OBJ-300", "LAVEL": "PublicSubnet", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 36 | {"OBJECT": "OBJ-200", "LAVEL": "SG", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 37 | {"OBJECT": "OBJ-100", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 38 | "ONLINE": [ 39 | {"OBJECT": "OBJ-101","POSITION": "RIGHT", "NO": "1", "LAVEL": "EIP", "SET": "EIP" } 40 | ] 41 | }, 42 | 43 | {"TYPE": "LINE","OBJECT": "network-01","LINE": ["OBJ-700","OBJ-701","OBJ-501","OBJ-101"]}, 44 | {"TYPE": "LINE-GRP","LAVEL": "通信経路","STROKE": "#af0faf","LINES": ["network-01"]} 45 | ] 46 | 47 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-040_VPCPeering.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 11 | "PEER" : ["vpeer.png", "none" ,"0.0","#000000","HEAD-LEFT"], 12 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 13 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"] 14 | }, 15 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 16 | {"OBJECT": "VPC-001", "LAVEL": "VPC-1", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0, 17 | "ONLINE": [ 18 | {"OBJECT": "IGW-001","POSITION": "LEFT", "NO": "5", "LAVEL": "igw", "SET": "IGW" }, 19 | {"OBJECT": "VPEER-001","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 20 | ] 21 | }, 22 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 23 | {"OBJECT": "SUB-002", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 24 | 25 | {"OBJECT": "VPC-002", "LAVEL": "VPC-2", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 26 | "ONLINE": [ 27 | {"OBJECT": "VPEER-002","POSITION": "LEFT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 28 | {"OBJECT": "VPEER-002","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 29 | ] 30 | }, 31 | {"OBJECT": "SUB-003", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 32 | {"OBJECT": "SUB-004", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 33 | 34 | {"OBJECT": "VPC-003", "LAVEL": "VPC-3", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 35 | "ONLINE": [ 36 | {"OBJECT": "VPEER-002","POSITION": "LEFT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 37 | {"OBJECT": "VPEER-002","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 38 | ] 39 | }, 40 | {"OBJECT": "SUB-005", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 41 | {"OBJECT": "SUB-006", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0} 42 | 43 | 44 | 45 | 46 | ] 47 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-020_Webサーバー.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "AZ" : ["blank.png","none" ,"0.0","#5b9cd5","HEAD-LEFT"], 11 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 12 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"], 13 | "SG" : ["blank.png","none" ,"0.0","#FF0000","HEAD-LEFT"], 14 | "ALB" : ["alb.png", "#4d28aa","0.3","#4d28aa","CENTER"], 15 | "EC2" : ["ec2.png", "none" ,"0.0","#d45b07","HEAD-LEFT"], 16 | "RDS" : ["rds.png", "none" ,"0.3","none" ,"CENTER"], 17 | "WEPAPP": ["ApacheTomcat.png", "none" ,"0.0","none","CENTER"] 18 | }, 19 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 20 | {"OBJECT": "VPC-001", "LAVEL": "VPC", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 21 | {"OBJECT": "AZ-001", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 22 | {"OBJECT": "AZ-002", "LAVEL": "AZ(1c)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 23 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 24 | {"OBJECT": "SUB-002", "LAVEL": "192.168.2.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 25 | {"OBJECT": "SG-001", "LAVEL": "SG(ForALB)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 26 | {"OBJECT": "ALB-001", "LAVEL": "ALB01", "TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 27 | {"OBJECT": "SUB-001", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 28 | {"OBJECT": "SUB-002", "LAVEL": "192.168.12.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 29 | {"OBJECT": "SG-002", "LAVEL": "SG(ForEC2)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 30 | {"OBJECT": "EC2-001", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 31 | "ONLINE": [ 32 | {"OBJECT": "EC2-001-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 33 | ] 34 | }, 35 | {"OBJECT": "EC2-002", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 36 | "ONLINE": [ 37 | {"OBJECT": "EC2-002-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 38 | ] 39 | }, 40 | {"OBJECT": "SG-003", "LAVEL": "SG(ForSG)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 41 | {"OBJECT": "SUB-001", "LAVEL": "192.168.101.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 42 | {"OBJECT": "SUB-002", "LAVEL": "192.168.102.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 43 | {"OBJECT": "RDS-001", "LAVEL": "Master","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 44 | {"OBJECT": "RDS-002", "LAVEL": "Slave","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0} 45 | ] 46 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-041_ルートテーブル追加.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 11 | "PEER" : ["vpeer.png", "none" ,"0.0","#000000","HEAD-LEFT"], 12 | "RTBL" : ["rttable.png","none" ,"0.0","#000000","HEAD-LEFT"], 13 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 14 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"] 15 | }, 16 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 17 | {"OBJECT": "VPC-001", "LAVEL": "VPC(192.168.0.0/24)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0, 18 | "ONLINE": [ 19 | {"OBJECT": "IGW-001","POSITION": "LEFT", "NO": "5", "LAVEL": "igw", "SET": "IGW" }, 20 | {"OBJECT": "VPEER-001","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 21 | ] 22 | }, 23 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 24 | "ONLINE": [ 25 | {"OBJECT": "RTABLE-001","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 26 | ] 27 | }, 28 | {"OBJECT": "SUB-002", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0, 29 | "ONLINE": [ 30 | {"OBJECT": "RTABLE-002","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 31 | ] 32 | }, 33 | 34 | {"OBJECT": "VPC-002", "LAVEL": "VPC(172.16.0.0/24)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 35 | "ONLINE": [ 36 | {"OBJECT": "VPEER-002","POSITION": "LEFT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 37 | {"OBJECT": "VPEER-003","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 38 | ] 39 | }, 40 | {"OBJECT": "SUB-003", "LAVEL": "172.16.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 41 | "ONLINE": [ 42 | {"OBJECT": "RTABLE-003","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 43 | ] 44 | }, 45 | {"OBJECT": "SUB-004", "LAVEL": "172.16.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 46 | "ONLINE": [ 47 | {"OBJECT": "RTABLE-004","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 48 | ] 49 | }, 50 | 51 | {"OBJECT": "VPC-003", "LAVEL": "VPC(10.10.0.0/24)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 52 | "ONLINE": [ 53 | {"OBJECT": "VPEER-004","POSITION": "LEFT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 54 | {"OBJECT": "VPEER-005","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 55 | ] 56 | }, 57 | {"OBJECT": "SUB-005", "LAVEL": "10.10.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0, 58 | "ONLINE": [ 59 | {"OBJECT": "RTABLE-006","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 60 | ] 61 | }, 62 | {"OBJECT": "SUB-006", "LAVEL": "10.10.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 63 | "ONLINE": [ 64 | {"OBJECT": "RTABLE-007","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 65 | ] 66 | }, 67 | 68 | {"TYPE": "LINE","OBJECT": "connect-01","LINE": ["VPEER-001","VPEER-002"]}, 69 | {"TYPE": "LINE-GRP","LAVEL": "ピア接続①","STROKE": "#bafab0","LINES": ["connect-01"]}, 70 | 71 | {"TYPE": "LINE","OBJECT": "connect-02","LINE": ["VPEER-003","VPEER-004"]}, 72 | {"TYPE": "LINE-GRP","LAVEL": "ピア接続②","STROKE": "#bafab0","LINES": ["connect-02"]} 73 | 74 | 75 | 76 | ] 77 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-021_Webサーバー_通信経路.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 11 | "AZ" : ["blank.png","none" ,"0.0","#5b9cd5","HEAD-LEFT"], 12 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 13 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"], 14 | "SG" : ["blank.png","none" ,"0.0","#FF0000","HEAD-LEFT"], 15 | "ALB" : ["alb.png", "#4d28aa","0.3","#4d28aa","CENTER"], 16 | "EC2" : ["ec2.png", "none" ,"0.0","#d45b07","HEAD-LEFT"], 17 | "RDS" : ["rds.png", "none" ,"0.3","none","CENTER"], 18 | "WEPAPP": ["ApacheTomcat.png", "none" ,"0.0","none","CENTER"] 19 | }, 20 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 21 | {"OBJECT": "VPC-001", "LAVEL": "VPC", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 22 | "ONLINE": [ 23 | {"OBJECT": "IGW-001","POSITION": "LEFT", "NO": "5", "LAVEL": "igw", "SET": "IGW" } 24 | ] 25 | }, 26 | {"OBJECT": "AZ-001", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 27 | {"OBJECT": "AZ-002", "LAVEL": "AZ(1c)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 28 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 29 | {"OBJECT": "SUB-002", "LAVEL": "192.168.2.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 30 | {"OBJECT": "SG-001", "LAVEL": "SG(ForALB)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 31 | {"OBJECT": "ALB-001", "LAVEL": "ALB01", "TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 32 | {"OBJECT": "SUB-001", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 33 | {"OBJECT": "SUB-002", "LAVEL": "192.168.12.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 34 | {"OBJECT": "SG-002", "LAVEL": "SG(ForEC2)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 35 | {"OBJECT": "EC2-001", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 36 | "ONLINE": [ 37 | {"OBJECT": "EC2-001-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 38 | ] 39 | }, 40 | {"OBJECT": "EC2-002", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 41 | "ONLINE": [ 42 | {"OBJECT": "EC2-002-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 43 | ] 44 | }, 45 | {"OBJECT": "SG-003", "LAVEL": "SG(ForSG)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 46 | {"OBJECT": "SUB-001", "LAVEL": "192.168.101.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 47 | {"OBJECT": "SUB-002", "LAVEL": "192.168.102.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 48 | {"OBJECT": "RDS-001", "LAVEL": "Master","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 49 | {"OBJECT": "RDS-002", "LAVEL": "Slave","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 50 | {"TYPE": "LINE","OBJECT": "LINE-A001","LINE": ["IGW-001","ALB-001","EC2-001","RDS-001"]}, 51 | {"TYPE": "LINE","OBJECT": "LINE-A002","LINE": ["ALB-001","EC2-002","RDS-001"]}, 52 | {"TYPE": "LINE","OBJECT": "LINE-B001","LINE": ["RDS-001","RDS-002"]}, 53 | {"TYPE": "LINE-GRP","LAVEL": "通信経路","STROKE": "#0a0ad2","LINES": ["LINE-A001","LINE-A002"]}, 54 | {"TYPE": "LINE-GRP","LAVEL": "冗長化","STROKE": "#fc0301","LINES": ["LINE-B001"]} 55 | 56 | ] 57 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-042_通信経路修正.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 11 | "PEER" : ["vpeer.png", "none" ,"0.0","#000000","HEAD-LEFT"], 12 | "RTBL" : ["rttable.png","none" ,"0.0","#000000","HEAD-LEFT"], 13 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 14 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"], 15 | "BLANK" : ["blank.png", "none" ,"0.0","#000000","CENTER"] 16 | }, 17 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0, 18 | "ONLINE": [ 19 | {"OBJECT": "BLANK-001","POSITION": "IN","NOX": "1.8","NOY": "9", "LAVEL": "", "SET": "BLANK" }, 20 | {"OBJECT": "BLANK-002","POSITION": "IN","NOX": "11","NOY": "9", "LAVEL": "", "SET": "BLANK" } 21 | ] 22 | }, 23 | {"OBJECT": "VPC-001", "LAVEL": "VPC(192.168.0.0/24)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0, 24 | "ONLINE": [ 25 | {"OBJECT": "IGW-001","POSITION": "LEFT", "NO": "5", "LAVEL": "igw", "SET": "IGW" }, 26 | {"OBJECT": "VPEER-001","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 27 | {"OBJECT": "VPEER-002","POSITION": "BOTTOM", "NO": "2", "LAVEL": "", "SET": "PEER" } 28 | ] 29 | }, 30 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 31 | "ONLINE": [ 32 | {"OBJECT": "RTABLE-001","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 33 | ] 34 | }, 35 | {"OBJECT": "SUB-002", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0, 36 | "ONLINE": [ 37 | {"OBJECT": "RTABLE-002","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 38 | ] 39 | }, 40 | 41 | {"OBJECT": "VPC-002", "LAVEL": "VPC(172.16.0.0/24)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 42 | "ONLINE": [ 43 | {"OBJECT": "VPEER-003","POSITION": "LEFT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 44 | {"OBJECT": "VPEER-004","POSITION": "RIGHT", "NO": "5", "LAVEL": "", "SET": "PEER" } 45 | ] 46 | }, 47 | {"OBJECT": "SUB-003", "LAVEL": "172.16.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 48 | "ONLINE": [ 49 | {"OBJECT": "RTABLE-003","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 50 | ] 51 | }, 52 | {"OBJECT": "SUB-004", "LAVEL": "172.16.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 53 | "ONLINE": [ 54 | {"OBJECT": "RTABLE-004","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 55 | ] 56 | }, 57 | 58 | {"OBJECT": "VPC-003", "LAVEL": "VPC(10.10.0.0/24)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 59 | "ONLINE": [ 60 | {"OBJECT": "VPEER-005","POSITION": "LEFT", "NO": "5", "LAVEL": "", "SET": "PEER" }, 61 | {"OBJECT": "VPEER-006","POSITION": "BOTTOM", "NO": "2", "LAVEL": "", "SET": "PEER" } 62 | ] 63 | }, 64 | {"OBJECT": "SUB-005", "LAVEL": "10.10.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0, 65 | "ONLINE": [ 66 | {"OBJECT": "RTABLE-005","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 67 | ] 68 | }, 69 | {"OBJECT": "SUB-006", "LAVEL": "10.10.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 70 | "ONLINE": [ 71 | {"OBJECT": "RTABLE-006","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 72 | ] 73 | }, 74 | 75 | {"TYPE": "LINE","OBJECT": "connect-01","LINE": ["RTABLE-002","VPEER-001","VPEER-003","RTABLE-004"]}, 76 | {"TYPE": "LINE-GRP","LAVEL": "ピア接続①","STROKE": "#0afab0","LINES": ["connect-01"]}, 77 | 78 | {"TYPE": "LINE","OBJECT": "connect-02","LINE": ["RTABLE-004","VPEER-004","VPEER-005","RTABLE-006"]}, 79 | {"TYPE": "LINE-GRP","LAVEL": "ピア接続②","STROKE": "#ba0ab0","LINES": ["connect-02"]}, 80 | 81 | {"TYPE": "LINE","OBJECT": "connect-03","LINE": ["RTABLE-002","VPEER-002","BLANK-001","BLANK-002","VPEER-006","RTABLE-006"]}, 82 | {"TYPE": "LINE-GRP","LAVEL": "ピア接続③","STROKE": "#aafa30","LINES": ["connect-03"]} 83 | 84 | 85 | ] 86 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-022_Webサーバー_autoscalling.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 10 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 11 | "AZ" : ["blank.png","none" ,"0.0","#5b9cd5","HEAD-LEFT"], 12 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 13 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"], 14 | "SG" : ["blank.png","none" ,"0.0","#FF0000","HEAD-LEFT"], 15 | "ALB" : ["alb.png", "#4d28aa","0.3","#4d28aa","CENTER"], 16 | "AUTO" : ["autoscalling.png", "#d86613","0.3","none","CENTER"], 17 | "EC2" : ["ec2.png", "none" ,"0.0","#d45b07","HEAD-LEFT"], 18 | "RDS" : ["rds.png", "none" ,"0.3","none","CENTER"], 19 | "WEPAPP": ["ApacheTomcat.png", "none" ,"0.0","none","CENTER"] 20 | }, 21 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 22 | {"OBJECT": "VPC-001", "LAVEL": "VPC", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 23 | "ONLINE": [ 24 | {"OBJECT": "IGW-001","POSITION": "LEFT", "NO": "5", "LAVEL": "igw", "SET": "IGW" } 25 | ] 26 | }, 27 | {"OBJECT": "AZ-001", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 28 | {"OBJECT": "AZ-002", "LAVEL": "AZ(1c)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 29 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0}, 30 | {"OBJECT": "SUB-002", "LAVEL": "192.168.2.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 31 | {"OBJECT": "SG-001", "LAVEL": "SG(ForALB)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 32 | {"OBJECT": "ALB-001", "LAVEL": "ALB01", "TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 33 | {"OBJECT": "SUB-001", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0}, 34 | {"OBJECT": "SUB-002", "LAVEL": "192.168.12.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 35 | {"OBJECT": "SG-002", "LAVEL": "SG(ForEC2)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 36 | 37 | {"OBJECT": "AUTO-001", "LAVEL": "Auto Scalling", "TYPE": "FIG", "SET": "AUTO","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 38 | 39 | 40 | {"OBJECT": "EC2-001", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 41 | "ONLINE": [ 42 | {"OBJECT": "EC2-001-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 43 | ] 44 | }, 45 | {"OBJECT": "EC2-002", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 46 | "ONLINE": [ 47 | {"OBJECT": "EC2-002-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 48 | ] 49 | }, 50 | {"OBJECT": "SG-003", "LAVEL": "SG(ForSG)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 51 | {"OBJECT": "SUB-001", "LAVEL": "192.168.101.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 52 | {"OBJECT": "SUB-002", "LAVEL": "192.168.102.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 53 | {"OBJECT": "RDS-001", "LAVEL": "Master","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 54 | {"OBJECT": "RDS-002", "LAVEL": "Slave","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 55 | {"TYPE": "LINE","OBJECT": "LINE-A001","LINE": ["IGW-001","ALB-001","EC2-001","RDS-001"]}, 56 | {"TYPE": "LINE","OBJECT": "LINE-A002","LINE": ["ALB-001","EC2-002","RDS-001"]}, 57 | {"TYPE": "LINE","OBJECT": "LINE-B001","LINE": ["RDS-001","RDS-002"]}, 58 | {"TYPE": "LINE-GRP","LAVEL": "通信経路","STROKE": "#0a0ad2","LINES": ["LINE-A001","LINE-A002"]}, 59 | {"TYPE": "LINE-GRP","LAVEL": "冗長化","STROKE": "#fc0301","LINES": ["LINE-B001"]} 60 | 61 | ] 62 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Ｗebサーバ無しHTML(JavaScript)でJSONデータを扱う 2 | 3 | Webサーバーを立てずに、ローカルHTML(JavaScript)でJSONデータを扱うサンプル作りました。 4 | 5 | ## Base_01 : 基本 6 | 7 | Webサーバーを立てずに、ローカルHTML(JavaScript)でJSONデータを扱うサンプル。説明はQiita記事参照 -> [Ｗebサーバ無しHTML(JavaScript)でJSONデータを扱う](https://qiita.com/suo-takefumi/items/be1cbc19f1d105c57bce) 8 | 9 | ファイル構成 10 | 11 | - Base_01 12 | - accessJson.html 13 | - link.json.js 14 | 15 | `link.json.js`はJSONデータを含む変数のみ記載しています。拡張子を`.json`とすると読み込み時にCORSエラーが発生するため、このような形式にしています。（ネットで見つけた方法） 16 | 17 | Webサーバー不要 `accessJson.html` を実行するだけで動作します。 18 | 19 | ## AWS-Diagram_01 : JSONデータからAWS構成図を作図 20 | 21 | `01_base` を応用したスクリプト。JSONデータ `link.json.js` をもとにAWSの構成図を作図するスクリプト。 22 | 23 | [![alt設定](http://img.youtube.com/vi/XDBchGyI0JE/0.jpg)](https://www.youtube.com/watch?v=XDBchGyI0JE) 24 | 25 | 使い方はこちらのQiita記事で紹介しました 26 | 27 | - JSONデータからAWS構成図を作図するスクリプト 28 | - https://qiita.com/suo-takefumi/items/2608dd179e83eb284779 29 | 30 | ファイル構成 31 | 32 | - AWS-Diagram_01 33 | - AwsDiagram.html 34 | - link.json.js 35 | - images 36 | - alarm.png 37 | - alb.png 38 | - ※以下略(画像データを格納) 39 | 40 | ## AWS-Diagram_02 : JSONデータからAWS構成図を作図 41 | 42 | [![AWS Diagram from JSON Data](https://img.youtube.com/vi/SAZjgWXGkG4/0.jpg)](https://www.youtube.com/watch?v=SAZjgWXGkG4) 43 | 44 | 45 | AWS-Diagram_01 の改良版。`ファイルを選択`ボタンで、読み込むJSONデータを指定します。 46 | `./AWS-Diagram_02/AwsDiagram_02.html`をブラウザで開くとアプリが起動する。 47 | 48 | - AWS構成図のサンプル(JSONファイル) 49 | 50 | |JSONファイル|概要| 51 | |---|---| 52 | |code-001_重ねた場合.json|レイヤーによりサイズが違う7つの図形を1箇所に重ねて表示| 53 | |code-002_バラバラ配置.json|code-001の図形をバラバラに配置| 54 | |code-003_基本-長方形.json|縦長、横長の長方形| 55 | |code-004_基本-接続線.json|図形をつなぎ接続線| 56 | |code-011_EC2.json|AWS構成図 VPC内のEC2| 57 | |code-012_EC2+EIP+IGW.json|code-011にEIP,InternetGateway追加| 58 | |code-013_EC2+通信経路.json|code-012に通信経路を追加| 59 | |code-020_Webサーバー.json|ALB-EC2(Webサーバー)-DB(RDS)のAWS構成図| 60 | |code-021_Webサーバー_通信経路.json|code-020に通信経路などの接続線を追加| 61 | |code-022_Webサーバー_autoscalling.json|code-021にAutoScallingを追加| 62 | |code-023_Webサーバー_CloudFront.json|code-022にCloudFrontや開発環境などを追加| 63 | |code-030_LINEBot.json|LINE BotのAWS構成図| 64 | |code-031_LINEBot.json|code-031にS3を追加| 65 | |code-040_VPCPeering.json|VPCピア接続のAWS構成図| 66 | |code-041_ルートテーブル追加.json|code-040にルートテーブルを追加| 67 | |code-042_通信経路修正.json|code-041のVPC間の通信経路を修正| 68 | 69 | 70 | 71 | ### AWS-Diagram_02 : JSONデータの作成規則 : 4つのTYPE 72 | 73 | JSONデータには、ＴYPE属性には `INIT`,`FIG`,`LINE`,`LINE-GRP` の4つ値のいずれかを設定します。 74 | 75 | ``` 76 | [ 77 | {"TYPE": "INIT", ・・・}, 78 | {"TYPE": "FIG", ・・・}, 79 | {"TYPE": "LINE", ・・・}, 80 | {"TYPE": "LINE-GRP", ・・・} 81 | ] 82 | ``` 83 | 84 | |パラメータ||| 85 | |---|---|---| 86 | |INIT|必須|図全体の定義| 87 | |FIG|必須|図の配置場所などの設定| 88 | |LINE|オプション|接続の設定| 89 | |LINE-GRP|オプション|接続(LINE)設定のグループ化| 90 | 91 | 以降、TYPE別の設定方法を紹介します 92 | ### AWS-Diagram_02 : JSONデータの作成規則 : TYPE:INITの設定方法 93 | 94 | ``` 95 | [ 96 | { "OBJECT": "NONE", 97 | "TYPE": "INIT", 98 | "MaxLayer": 6, 99 | "BaseWidth": 2, 100 | "CellWidth": 20, 101 | "FRM-A" : ["smpA.png", "none" ,"0.0","#00BBCC","HEAD-LEFT"], 102 | "FRM-B" : ["smpB.png", "none" ,"0.0","#BB00AA","HEAD-RIGHT"], 103 | "FRM-C" : ["smpC.png", "none" ,"0.0","#CCBB00","TAIL-LEFT"], 104 | "FRM-D" : ["smpD.png", "none" ,"0.0","#A0A0A0","TAIL-RIGHT"], 105 | "FRM-E" : ["smpE.png", "#AABB00" ,"0.2","#0B0C0D","HEAD-LEFT"], 106 | "FRM-F" : ["smpF.png", "none" ,"0.0","#000000","HEAD-LEFT"], 107 | "FRM-G" : ["smpG.png", "none" ,"0.0","none","CENTER"] 108 | } 109 | ] 110 | ``` 111 | 112 | |パラメータ||値(例)|| 113 | |---|---|---|---| 114 | |OBJECT|必須|NONE|| 115 | |TYPE|必須|INIT|| 116 | |MaxLayer|必須|6|| 117 | |BaseWidth|必須|2|| 118 | |CellWidth|必須|20|| 119 | |{{図形セット名}}|必須|FRM-A|図形セットの名称を設定。JSONファイル内で一意の値にする。| 120 | 121 | 図形セットの定義について、図形セットの定義は、1つの画像と四角形で構成されており、画像と四角形との位置関係や大きさを定義します。 122 | 123 | |#|値(例)|| 124 | |---|---|---| 125 | |1|smpA.png|画像ファイル| 126 | |2|#121212|四角形の面の色。`none`は色なし| 127 | |3|0.0|四角形の面の色の透明度。`0.0`は完全な透明。`0.3`は透明度30%| 128 | |4|#121212|四角形の枠線の色。`none`は色なし| 129 | |5|HEAD-LEFT|画像ファイルの四角形の配置位置。`CENTER`,`HEAD-LEFT`,`HEAD-RIGHT`,`TAIL-LEFT`,`TAIL-RIGHT`| 130 | 131 | 132 | ### AWS-Diagram_02 : JSONデータの作成規則 : TYPE:FIGの設定方法 133 | 134 | `TYPE:FIG`では、図形の大きさや位置などを設定します。 135 | 136 | |パラメータ||設定例|| 137 | |---|---|---|---| 138 | |OBJECT|必須|OBJ-600|図形のID。接続線を設定する際に使用| 139 | |LAVEL|必須|レイヤー６|図形と共に表示する文字列| 140 | |TYPE|必須|FIG|-| 141 | |SET|必須|FRM-A|使用する図形セットの定義名| 142 | |LAYER|必須|6|描画する階層。数値が大きいほどサイズが大きくなる。1～`MaxLayer`までの値を設定| 143 | |TopX|必須|1|描画する図形の開始位置(X軸)| 144 | |TopY|必須|1|描画する図形の開始位置(Y軸)| 145 | |BtmX|必須|1|描画する図形の終了位置(X軸)| 146 | |BtmY|必須|1|描画する図形の終了位置(Y軸)| 147 | |Width |必須|0|プログラムで使用するパラメータ。`0`を設定| 148 | |Height|必須|0|プログラムで使用するパラメータ。`0`を設定| 149 | 150 | ### AWS-Diagram_02 : JSONデータの作成規則 : TYPE:LINEの設定方法 151 | 152 | |パラメータ||設定例|| 153 | |---|---|---|---| 154 | |TYPE|必須|LINE|-| 155 | |OBJECT|必須|connect-011|LINE名。LINE-GRPでグループ化するために設定。JSONファイル内で一意の値にする。| 156 | |LINE|必須|[OBJ-600,OBJ-200]|線をつなぐ図形のIDを設定。`[{{図形ID}},{{図形ID}},{{図形ID}}]`のように記載する| 157 | 158 | 159 | ### AWS-Diagram_02 : JSONデータの作成規則 : TYPE:LINE-GRPの設定方法 160 | 161 | |パラメータ||設定例|| 162 | |---|---|---|---| 163 | |TYPE|必須|LINE-GRP|-| 164 | |LAVEL|必須|接続②|接続線グループ名称。構成図を生成した際に表示。| 165 | |STROKE|必須|#bafab0|線の色| 166 | |LINES|必須|[connect-011,connect-012]|グループに属するLINE名を設定。`[{{LINE名}},{{LINE名}},{{LINE名}}]`| 167 | 168 | 169 | 170 | 171 | -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json_04.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "OFFICE" : ["office.png", "#000000","0.1","#000000","HEAD"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD"], 10 | "AZ" : ["az.png", "none" ,"0.0","#5b9cd5","HEAD"], 11 | "PUB" : ["subnet-public.png", "#1f860f","0.2","#1f860f","HEAD"], 12 | "PRI" : ["subnet-private.png","#147eba","0.2","#147eba","HEAD"], 13 | "ALB" : ["alb.png", "#d86613","0.3","#d86613","CENTER"], 14 | "SG" : ["sg.png", "none" ,"0.0","#df3312","HEAD"], 15 | "EC2" : ["ec2.png", "none" ,"0.3","none","CENTER"], 16 | "CW" : ["cw.png", "none" ,"0.3","none","CENTER"], 17 | "SNS" : ["sns.png", "none" ,"0.3","none","CENTER"], 18 | "S3" : ["s3.png", "#000000" ,"0.5","none","CENTER"], 19 | "RDS" : ["rds.png", "none" ,"0.3","none","CENTER"], 20 | "USERS":["users.png", "none" ,"0.3","none","CENTER"], 21 | "PC":["pc.png", "#000000","0.5","none","CENTER"], 22 | "ALARM":["alarm.png", "none","0.5","none","CENTER"], 23 | }, 24 | 25 | {"OBJECT": "USERS","TYPE": "FIG", "SET": "USERS","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0,}, 26 | 27 | {"OBJECT": "VPC-1", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 28 | {"OBJECT": "AZ-1", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 29 | {"OBJECT": "AZ-2", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 30 | 31 | {"OBJECT": "Subnet-01","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 32 | {"OBJECT": "Subnet-02","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 33 | {"OBJECT": "Subnet-11","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 34 | {"OBJECT": "Subnet-12","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 35 | {"OBJECT": "Subnet-21","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 36 | {"OBJECT": "Subnet-22","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 37 | 38 | {"OBJECT": "ALB-01","TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 39 | {"OBJECT": "SG-01","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 40 | 41 | {"OBJECT": "S3-01","TYPE": "FIG", "SET": "S3","LAYER": 1,"TopX": "2","TopY": "3","BtmX": "2","BtmY": "3","Width" : 0,"Height": 0,}, 42 | 43 | 44 | 45 | {"OBJECT": "EC2-11","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 46 | {"OBJECT": "EC2-12","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 47 | {"OBJECT": "SG-11","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 48 | 49 | {"OBJECT": "CW-11","TYPE": "FIG", "SET": "CW","LAYER": 1,"TopX": "3","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0,}, 50 | 51 | 52 | {"OBJECT": "RDS-21","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 53 | {"OBJECT": "RDS-22","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 54 | {"OBJECT": "SG-21", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 55 | 56 | {"OBJECT": "ALARM-01","TYPE": "FIG", "SET": "ALARM","LAYER": 1,"TopX": "4","TopY": "3","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 57 | {"OBJECT": "SNS-01","TYPE": "FIG", "SET": "SNS","LAYER": 1,"TopX": "5","TopY": "3","BtmX": "5","BtmY": "3","Width" : 0,"Height": 0,}, 58 | 59 | 60 | {"OBJECT": "VPC-2", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "2","Width" : 0,"Height": 0,}, 61 | {"OBJECT": "Subnet-31","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 62 | {"OBJECT": "EC2-31","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 63 | {"OBJECT": "SG-31","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 64 | 65 | {"OBJECT": "OFFICE","TYPE": "FIG", "SET": "OFFICE","LAYER": 5,"TopX": "6","TopY": "1","BtmX": "6","BtmY": "2","Width" : 0,"Height": 0,}, 66 | {"OBJECT": "PC-01","TYPE": "FIG", "SET": "PC","LAYER": 1,"TopX": "6","TopY": "1","BtmX": "6","BtmY": "1","Width" : 0,"Height": 0,}, 67 | 68 | 69 | {"TYPE": "LINE","OBJECT": "LINE-A1","LINE": ["ALB-01","EC2-11","RDS-21"],}, 70 | {"TYPE": "LINE","OBJECT": "LINE-A2","LINE": ["ALB-01","EC2-12","RDS-21"],}, 71 | {"TYPE": "LINE","OBJECT": "LINE-B1","LINE": ["RDS-21","RDS-22"],}, 72 | {"TYPE": "LINE","OBJECT": "LINE-A0","LINE": ["USERS","ALB-01"],}, 73 | 74 | {"TYPE": "LINE","OBJECT": "LINE-M0","LINE": ["PC-01","EC2-31","RDS-21"],}, 75 | {"TYPE": "LINE","OBJECT": "LINE-M1","LINE": ["EC2-31","RDS-22"],}, 76 | {"TYPE": "LINE","OBJECT": "LINE-M2","LINE": ["EC2-31","EC2-11"],}, 77 | {"TYPE": "LINE","OBJECT": "LINE-M3","LINE": ["EC2-31","EC2-12"],}, 78 | 79 | {"TYPE": "LINE","OBJECT": "LOG-01","LINE": ["ALB-01","S3-01"],}, 80 | {"TYPE": "LINE","OBJECT": "LOG-02","LINE": ["EC2-11","CW-11","S3-01"],}, 81 | {"TYPE": "LINE","OBJECT": "LOG-03","LINE": ["EC2-12","CW-11"],}, 82 | {"TYPE": "LINE","OBJECT": "LOG-04","LINE": ["RDS-21","CW-11"],}, 83 | {"TYPE": "LINE","OBJECT": "ALARM-01","LINE": ["CW-11","ALARM-01","SNS-01","PC-01"],}, 84 | 85 | 86 | {"TYPE": "LINE-GRP","LAVEL": "処理経路","STROKE": "#000080","LINES": ["LINE-A0","LINE-A1","LINE-A2"],}, 87 | {"TYPE": "LINE-GRP","LAVEL": "冗長化","STROKE": "#800000","LINES": ["LINE-B1"],}, 88 | {"TYPE": "LINE-GRP","LAVEL": "管理経路","STROKE": "#800000","LINES": ["LINE-M0","LINE-M1","LINE-M2","LINE-M3"],}, 89 | {"TYPE": "LINE-GRP","LAVEL": "ログ収集","STROKE": "#800000","LINES": ["LOG-01","LOG-02","LOG-03","LOG-04"],}, 90 | {"TYPE": "LINE-GRP","LAVEL": "障害通知","STROKE": "#800000","LINES": ["ALARM-01"],}, 91 | 92 | ]; -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "OFFICE" : ["office.png", "#000000","0.1","#000000","HEAD"], 9 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD"], 10 | "AZ" : ["az.png", "none" ,"0.0","#5b9cd5","HEAD"], 11 | "PUB" : ["subnet-public.png", "#1f860f","0.2","#1f860f","HEAD"], 12 | "PRI" : ["subnet-private.png","#147eba","0.2","#147eba","HEAD"], 13 | "ALB" : ["alb.png", "#d86613","0.3","#d86613","CENTER"], 14 | "SG" : ["sg.png", "none" ,"0.0","#df3312","HEAD"], 15 | "EC2" : ["ec2.png", "none" ,"0.3","none","CENTER"], 16 | "CW" : ["cw.png", "none" ,"0.3","none","CENTER"], 17 | "SNS" : ["sns.png", "none" ,"0.3","none","CENTER"], 18 | "S3" : ["s3.png", "#000000" ,"0.5","none","CENTER"], 19 | "RDS" : ["rds.png", "none" ,"0.3","none","CENTER"], 20 | "USERS":["users.png", "none" ,"0.3","none","CENTER"], 21 | "PC":["pc.png", "#000000","0.5","none","CENTER"], 22 | "ALARM":["alarm.png", "none","0.5","none","CENTER"], 23 | }, 24 | 25 | {"OBJECT": "USERS","TYPE": "FIG", "SET": "USERS","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0,}, 26 | 27 | {"OBJECT": "VPC-1", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 28 | {"OBJECT": "AZ-1", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 29 | {"OBJECT": "AZ-2", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 30 | 31 | {"OBJECT": "Subnet-01","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 32 | {"OBJECT": "Subnet-02","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 33 | {"OBJECT": "Subnet-11","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 34 | {"OBJECT": "Subnet-12","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 35 | {"OBJECT": "Subnet-21","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 36 | {"OBJECT": "Subnet-22","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 37 | 38 | {"OBJECT": "ALB-01","TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 39 | {"OBJECT": "SG-01","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 40 | 41 | {"OBJECT": "S3-01","TYPE": "FIG", "SET": "S3","LAYER": 1,"TopX": "2","TopY": "3","BtmX": "2","BtmY": "3","Width" : 0,"Height": 0,}, 42 | 43 | 44 | 45 | {"OBJECT": "EC2-11","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 46 | {"OBJECT": "EC2-12","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 47 | {"OBJECT": "SG-11","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 48 | 49 | {"OBJECT": "CW-11","TYPE": "FIG", "SET": "CW","LAYER": 1,"TopX": "3","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0,}, 50 | 51 | 52 | {"OBJECT": "RDS-21","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 53 | {"OBJECT": "RDS-22","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 54 | {"OBJECT": "SG-21", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 55 | 56 | {"OBJECT": "ALARM-01","TYPE": "FIG", "SET": "ALARM","LAYER": 1,"TopX": "4","TopY": "3","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 57 | {"OBJECT": "SNS-01","TYPE": "FIG", "SET": "SNS","LAYER": 1,"TopX": "5","TopY": "3","BtmX": "5","BtmY": "3","Width" : 0,"Height": 0,}, 58 | 59 | 60 | {"OBJECT": "VPC-2", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "2","Width" : 0,"Height": 0,}, 61 | {"OBJECT": "Subnet-31","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 62 | {"OBJECT": "EC2-31","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 63 | {"OBJECT": "SG-31","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 64 | 65 | {"OBJECT": "OFFICE","TYPE": "FIG", "SET": "OFFICE","LAYER": 5,"TopX": "6","TopY": "1","BtmX": "6","BtmY": "2","Width" : 0,"Height": 0,}, 66 | {"OBJECT": "PC-01","TYPE": "FIG", "SET": "PC","LAYER": 1,"TopX": "6","TopY": "1","BtmX": "6","BtmY": "1","Width" : 0,"Height": 0,}, 67 | 68 | 69 | {"TYPE": "LINE","OBJECT": "LINE-A1","LINE": ["ALB-01","EC2-11","RDS-21"],}, 70 | {"TYPE": "LINE","OBJECT": "LINE-A2","LINE": ["ALB-01","EC2-12","RDS-21"],}, 71 | {"TYPE": "LINE","OBJECT": "LINE-B1","LINE": ["RDS-21","RDS-22"],}, 72 | {"TYPE": "LINE","OBJECT": "LINE-A0","LINE": ["USERS","ALB-01"],}, 73 | 74 | {"TYPE": "LINE","OBJECT": "LINE-M0","LINE": ["PC-01","EC2-31","RDS-21"],}, 75 | {"TYPE": "LINE","OBJECT": "LINE-M1","LINE": ["EC2-31","RDS-22"],}, 76 | {"TYPE": "LINE","OBJECT": "LINE-M2","LINE": ["EC2-31","EC2-11"],}, 77 | {"TYPE": "LINE","OBJECT": "LINE-M3","LINE": ["EC2-31","EC2-12"],}, 78 | 79 | {"TYPE": "LINE","OBJECT": "LOG-01","LINE": ["ALB-01","S3-01"],}, 80 | {"TYPE": "LINE","OBJECT": "LOG-02","LINE": ["EC2-11","CW-11","S3-01"],}, 81 | {"TYPE": "LINE","OBJECT": "LOG-03","LINE": ["EC2-12","CW-11"],}, 82 | {"TYPE": "LINE","OBJECT": "LOG-04","LINE": ["RDS-21","CW-11"],}, 83 | {"TYPE": "LINE","OBJECT": "ALARM-01","LINE": ["CW-11","ALARM-01","SNS-01","PC-01"],}, 84 | 85 | 86 | {"TYPE": "LINE-GRP","LAVEL": "処理経路","STROKE": "#000080","LINES": ["LINE-A0","LINE-A1","LINE-A2"],}, 87 | {"TYPE": "LINE-GRP","LAVEL": "冗長化","STROKE": "#800000","LINES": ["LINE-B1"],}, 88 | {"TYPE": "LINE-GRP","LAVEL": "管理経路","STROKE": "#800000","LINES": ["LINE-M0","LINE-M1","LINE-M2","LINE-M3"],}, 89 | {"TYPE": "LINE-GRP","LAVEL": "ログ収集","STROKE": "#800000","LINES": ["LOG-01","LOG-02","LOG-03","LOG-04"],}, 90 | {"TYPE": "LINE-GRP","LAVEL": "障害通知","STROKE": "#800000","LINES": ["ALARM-01"],}, 91 | 92 | ]; 93 | -------------------------------------------------------------------------------- /Base_01/accessJson.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 184 | 185 | 186 | 187 | 188 | 189 | 190 |
191 | 条件：columnCがより大きい 192 | 193 |
194 | columnFの単語(出現回数でソート) 195 | 196 |
197 |
実行結果
198 |
199 | 200 | 201 | -------------------------------------------------------------------------------- /LinkList_01/linklist.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | リンクリスト 8 | 9 | 10 | 11 | 41 | 116 | 117 | 118 |
119 | 120 | 121 | 　 122 |
123 |
124 |
※list単位※
125 |
※category※
126 |
※リンク※
127 |
128 |
129 | 288 | 289 | -------------------------------------------------------------------------------- /AWS-Diagram_01/link.json_05.js: -------------------------------------------------------------------------------- 1 | let list = [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 7, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "OFFICE" : ["office.png", "#000000","0.1","#000000","HEAD"], 9 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD"], 10 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD"], 11 | "AZ" : ["az.png", "none" ,"0.0","#5b9cd5","HEAD"], 12 | "PUB" : ["subnet-public.png", "#1f860f","0.2","#1f860f","HEAD"], 13 | "PRI" : ["subnet-private.png","#147eba","0.2","#147eba","HEAD"], 14 | "ALB" : ["alb.png", "#d86613","0.3","#d86613","CENTER"], 15 | "SG" : ["sg.png", "none" ,"0.0","#df3312","HEAD"], 16 | "NATGW": ["natgw.png", "none" ,"0.0","none","CENTER"], 17 | "EC2" : ["ec2.png", "none" ,"0.3","none","CENTER"], 18 | "CW" : ["cw.png", "none" ,"0.3","none","CENTER"], 19 | "SNS" : ["sns.png", "none" ,"0.3","none","CENTER"], 20 | "S3" : ["s3.png", "#000000" ,"0.5","none","CENTER"], 21 | "RDS" : ["rds.png", "none" ,"0.3","none","CENTER"], 22 | "USERS":["users.png", "none" ,"0.3","none","CENTER"], 23 | "PC1":["pc.png", "#CCCCFF","0.3","none","HEAD"], 24 | "PC2":["pc.png", "none","0.0","none","CENTER"], 25 | "ALARM":["alarm.png", "none","0.0","none","CENTER"], 26 | "MAIL":["mail.png", "none","0.0","none","CENTER"], 27 | 28 | "CPIPE":["cpipeline.png", "none","0.0","#000000","HEAD"], 29 | "CCOM":["ccommit.png", "none","0.0","none","CENTER"], 30 | "CBLD":["cbuild.png", "none","0.0","none","CENTER"], 31 | "CDEP":["cdeploy.png", "none","0.0","none","CENTER"], 32 | }, 33 | 34 | {"OBJECT": "USERS","TYPE": "FIG", "SET": "USERS","LAYER": 1,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "3","Width" : 0,"Height": 0,}, 35 | {"OBJECT": "AWS-1", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "2","TopY": "1","BtmX": "5","BtmY": "4","Width" : 0,"Height": 0,}, 36 | 37 | {"OBJECT": "VPC-1", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "2","TopY": "2","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 38 | {"OBJECT": "AZ-1", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 39 | {"OBJECT": "AZ-2", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "2","TopY": "3","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 40 | 41 | {"OBJECT": "Subnet-01","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0,}, 42 | {"OBJECT": "Subnet-02","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "2","TopY": "3","BtmX": "2","BtmY": "3","Width" : 0,"Height": 0,}, 43 | {"OBJECT": "Subnet-11","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 44 | {"OBJECT": "Subnet-12","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0,}, 45 | {"OBJECT": "Subnet-21","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 46 | {"OBJECT": "Subnet-22","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "4","TopY": "3","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 47 | 48 | {"OBJECT": "ALB-01","TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "3","Width" : 0,"Height": 0,}, 49 | {"OBJECT": "SG-01","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "3","Width" : 0,"Height": 0,}, 50 | 51 | {"OBJECT": "S3-01","TYPE": "FIG", "SET": "S3","LAYER": 1,"TopX": "2","TopY": "4","BtmX": "2","BtmY": "4","Width" : 0,"Height": 0,}, 52 | 53 | {"OBJECT": "EC2-11","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0,}, 54 | {"OBJECT": "EC2-12","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "3","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0,}, 55 | {"OBJECT": "SG-11","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0,}, 56 | 57 | {"OBJECT": "CW-11","TYPE": "FIG", "SET": "CW","LAYER": 1,"TopX": "3","TopY": "4","BtmX": "3","BtmY": "4","Width" : 0,"Height": 0,}, 58 | 59 | 60 | {"OBJECT": "RDS-21","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "2","Width" : 0,"Height": 0,}, 61 | {"OBJECT": "RDS-22","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "4","TopY": "3","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 62 | {"OBJECT": "SG-21", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "4","TopY": "2","BtmX": "4","BtmY": "3","Width" : 0,"Height": 0,}, 63 | 64 | {"OBJECT": "ALARM-01","TYPE": "FIG", "SET": "ALARM","LAYER": 1,"TopX": "4","TopY": "4","BtmX": "4","BtmY": "4","Width" : 0,"Height": 0,}, 65 | {"OBJECT": "SNS-01","TYPE": "FIG", "SET": "SNS","LAYER": 1,"TopX": "5","TopY": "4","BtmX": "5","BtmY": "4","Width" : 0,"Height": 0,}, 66 | 67 | 68 | {"OBJECT": "VPC-2", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "5","TopY": "2","BtmX": "5","BtmY": "3","Width" : 0,"Height": 0,}, 69 | {"OBJECT": "Subnet-31","TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "5","TopY": "2","BtmX": "5","BtmY": "2","Width" : 0,"Height": 0,}, 70 | {"OBJECT": "Subnet-32","TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "5","TopY": "3","BtmX": "5","BtmY": "3","Width" : 0,"Height": 0,}, 71 | {"OBJECT": "NATGW-01","TYPE": "FIG", "SET": "NATGW","LAYER": 1,"TopX": "5","TopY": "2","BtmX": "5","BtmY": "2","Width" : 0,"Height": 0,}, 72 | {"OBJECT": "EC2-31","TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "5","TopY": "3","BtmX": "5","BtmY": "3","Width" : 0,"Height": 0,}, 73 | {"OBJECT": "SG-31","TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "5","TopY": "3","BtmX": "5","BtmY": "3","Width" : 0,"Height": 0,}, 74 | 75 | {"OBJECT": "OFFICE","TYPE": "FIG", "SET": "OFFICE","LAYER": 6,"TopX": "6","TopY": "2","BtmX": "6","BtmY": "3","Width" : 0,"Height": 0,}, 76 | {"OBJECT": "PC-01","TYPE": "FIG", "SET": "PC1","LAYER": 5,"TopX": "6","TopY": "2","BtmX": "6","BtmY": "3","Width" : 0,"Height": 0,}, 77 | {"OBJECT": "PC-02","TYPE": "FIG", "SET": "PC2","LAYER": 2,"TopX": "6","TopY": "2","BtmX": "6","BtmY": "2","Width" : 0,"Height": 0,}, 78 | {"OBJECT": "ML-01","TYPE": "FIG", "SET": "MAIL","LAYER": 1,"TopX": "6","TopY": "3","BtmX": "6","BtmY": "3","Width" : 0,"Height": 0,}, 79 | 80 | 81 | 82 | {"OBJECT": "CP-01","TYPE": "FIG", "SET": "CPIPE","LAYER": 5,"TopX": "2","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 83 | 84 | {"OBJECT": "CD-01","TYPE": "FIG", "SET": "CDEP","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0,}, 85 | {"OBJECT": "S3-02","TYPE": "FIG", "SET": "S3","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0,}, 86 | {"OBJECT": "CB-01","TYPE": "FIG", "SET": "CBLD","LAYER": 1,"TopX": "4","TopY": "1","BtmX": "4","BtmY": "1","Width" : 0,"Height": 0,}, 87 | {"OBJECT": "CM-01","TYPE": "FIG", "SET": "CCOM","LAYER": 1,"TopX": "5","TopY": "1","BtmX": "5","BtmY": "1","Width" : 0,"Height": 0,}, 88 | 89 | 90 | 91 | 92 | {"TYPE": "LINE","OBJECT": "LINE-A1","LINE": ["ALB-01","EC2-11","RDS-21"],}, 93 | {"TYPE": "LINE","OBJECT": "LINE-A2","LINE": ["ALB-01","EC2-12","RDS-21"],}, 94 | {"TYPE": "LINE","OBJECT": "LINE-B1","LINE": ["RDS-21","RDS-22"],}, 95 | {"TYPE": "LINE","OBJECT": "LINE-A0","LINE": ["USERS","ALB-01"],}, 96 | 97 | {"TYPE": "LINE","OBJECT": "LINE-M0","LINE": ["PC-02","EC2-31","RDS-21"],}, 98 | {"TYPE": "LINE","OBJECT": "LINE-M1","LINE": ["EC2-31","RDS-22"],}, 99 | {"TYPE": "LINE","OBJECT": "LINE-M2","LINE": ["EC2-31","EC2-11"],}, 100 | {"TYPE": "LINE","OBJECT": "LINE-M3","LINE": ["EC2-31","EC2-12"],}, 101 | 102 | {"TYPE": "LINE","OBJECT": "LOG-01","LINE": ["ALB-01","S3-01"],}, 103 | {"TYPE": "LINE","OBJECT": "LOG-02","LINE": ["EC2-11","CW-11","S3-01"],}, 104 | {"TYPE": "LINE","OBJECT": "LOG-03","LINE": ["EC2-12","CW-11"],}, 105 | {"TYPE": "LINE","OBJECT": "LOG-04","LINE": ["RDS-21","CW-11"],}, 106 | {"TYPE": "LINE","OBJECT": "ALARM-01","LINE": ["CW-11","ALARM-01","SNS-01","ML-01"],}, 107 | 108 | {"TYPE": "LINE","OBJECT": "DEP-01","LINE": ["PC-02","EC2-31","NATGW-01", "CM-01", "CB-01", "S3-02", "CD-01", "EC2-11"],}, 109 | {"TYPE": "LINE","OBJECT": "DEP-02","LINE": ["CD-01", "EC2-12"],}, 110 | 111 | 112 | {"TYPE": "LINE-GRP","LAVEL": "処理経路","STROKE": "#000080","LINES": ["LINE-A0","LINE-A1","LINE-A2"],}, 113 | {"TYPE": "LINE-GRP","LAVEL": "冗長化","STROKE": "#008000","LINES": ["LINE-B1"],}, 114 | {"TYPE": "LINE-GRP","LAVEL": "管理経路","STROKE": "#80FF00","LINES": ["LINE-M0","LINE-M1","LINE-M2","LINE-M3"],}, 115 | {"TYPE": "LINE-GRP","LAVEL": "ログ収集","STROKE": "#F0F0F9","LINES": ["LOG-01","LOG-02","LOG-03","LOG-04"],}, 116 | {"TYPE": "LINE-GRP","LAVEL": "障害通知","STROKE": "#981234","LINES": ["ALARM-01"],}, 117 | {"TYPE": "LINE-GRP","LAVEL": "デプロイ","STROKE": "#AABBCC","LINES": ["DEP-01","DEP-02"],}, 118 | 119 | ]; -------------------------------------------------------------------------------- /AWS-Diagram_01/AwsDiagram.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 234 | 235 | 236 | 237 | 238 | 239 | 240 |
241 |
242 |
243 | 244 | 245 | 246 | 247 | -------------------------------------------------------------------------------- /AWS-Diagram_02/code-023_Webサーバー_CloudFront.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "OBJECT": "NONE", 4 | "TYPE": "INIT", 5 | "MaxLayer": 6, 6 | "BaseWidth": 2, 7 | "CellWidth": 20, 8 | "INTERNET" : ["internet.png", "none" ,"0.0","none","CENTER"], 9 | "USERS" : ["users.png", "none" ,"0.0","none","CENTER"], 10 | "FILES" : ["files.png", "none" ,"0.0","none","CENTER"], 11 | "OFFICE" : ["office.png", "none" ,"0.0","#000000","HEAD-LEFT"], 12 | "BLANK" : ["blank.png", "none" ,"0.0","none","HEAD-LEFT"], 13 | "BLANK-2" : ["blank.png", "none" ,"0.0","#000000","HEAD-LEFT"], 14 | "AWS" : ["aws.png", "none" ,"0.0","#000000","HEAD-LEFT"], 15 | "WAF" : ["waf.png", "none" ,"0.0","#000000","CENTER"], 16 | "SHIELD": ["shield.png", "none" ,"0.0","#000000","CENTER"], 17 | "R53" : ["r53.png", "none" ,"0.0","#000000","CENTER"], 18 | "CF" : ["cf.png", "none","0.0","none","CENTER"], 19 | "VPC" : ["vpc.png", "none" ,"0.0","#000000","HEAD-LEFT"], 20 | "IGW" : ["igw.png", "none" ,"0.0","#000000","CENTER"], 21 | "AZ" : ["blank.png","none" ,"0.0","#5b9cd5","HEAD-LEFT"], 22 | "PUB" : ["pub.png", "#1f860f","0.2","#1f860f","HEAD-LEFT"], 23 | "PRI" : ["pri.png", "#147eba","0.2","#147eba","HEAD-LEFT"], 24 | "SG" : ["blank.png","none" ,"0.0","#FF0000","HEAD-LEFT"], 25 | "ALB" : ["alb.png", "#4d28aa","0.3","#4d28aa","CENTER"], 26 | "AUTO" : ["autoscalling.png", "#d86613","0.3","none","CENTER"], 27 | "EC2" : ["ec2.png", "none" ,"0.0","#d45b07","HEAD-LEFT"], 28 | "EC2-2" : ["ec2.png", "none" ,"0.0","none","CENTER"], 29 | "PC" : ["pc.png", "none" ,"0.0","none","CENTER"], 30 | "C9" : ["cloud9.png", "none" ,"0.0","none","CENTER"], 31 | "RDS" : ["rds.png", "none" ,"0.3","none","CENTER"], 32 | "WEPAPP": ["ApacheTomcat.png", "none" ,"0.0","none","CENTER"], 33 | "KINE" : ["kinesis.png", "none" ,"0.0","#000000","CENTER"], 34 | "S3" : ["s3.png", "none" ,"0.0","#000000","CENTER"], 35 | "S3-2" : ["s3.png", "none" ,"0.0","#000000","HEAD-LEFT"], 36 | "RTBL" : ["rttable.png","none" ,"0.0","#000000","CENTER"], 37 | "VEND" : ["endpoint.png","none" ,"0.0","#000000","CENTER"], 38 | "CW" : ["cw.png","none" ,"0.0","#000000","CENTER"], 39 | "PEER" : ["vpeer.png", "none" ,"0.0","#000000","HEAD-LEFT"], 40 | "NATGW" : ["natgw.png", "none" ,"0.0","none","CENTER"], 41 | "CCOMMIT" : ["ccommit.png", "none" ,"0.0","#000000","HEAD-LEFT"], 42 | "CFN" : ["cfn.png", "none" ,"0.0","#000000","HEAD-LEFT"], 43 | "CFN-TEMPLATE" : ["cfn-template.png", "none" ,"0.0","none","CENTER"], 44 | "CW-ALARM" : ["alarm.png", "none" ,"0.0","none","CENTER"], 45 | "SNS" : ["sns.png", "none" ,"0.0","none","CENTER"] 46 | }, 47 | 48 | {"OBJECT": "BLANK-001", "LAVEL": "", "TYPE": "FIG", "SET": "BLANK","LAYER": 5,"TopX": "-1","TopY": "1","BtmX": "-1","BtmY": "2","Width" : 0,"Height": 0, 49 | "ONLINE": [ 50 | {"OBJECT": "INTERNET-001","POSITION": "IN","NOX": "3.0","NOY": "4.0", "LAVEL": "", "SET": "INTERNET" }, 51 | {"OBJECT": "USERS-001","POSITION": "IN","NOX": "2.0","NOY": "4.0", "LAVEL": "", "SET": "USERS" } 52 | ] 53 | }, 54 | {"OBJECT": "AWS-001", "LAVEL": "AWS", "TYPE": "FIG", "SET": "AWS","LAYER": 6,"TopX": "0","TopY": "1","BtmX": "3","BtmY": "4","Width" : 0,"Height": 0, 55 | "ONLINE": [ 56 | {"OBJECT": "R53-001","POSITION": "IN","NOX": "1.0","NOY": "1.0", "LAVEL": "", "SET": "R53" }, 57 | {"OBJECT": "WAF-001","POSITION": "IN","NOX": "1.0","NOY": "2.0", "LAVEL": "", "SET": "WAF" }, 58 | {"OBJECT": "SHIELD-001","POSITION": "IN","NOX": "1.0","NOY": "3.0", "LAVEL": "", "SET": "SHIELD" }, 59 | {"OBJECT": "CW-001", "POSITION": "IN","NOX": "3.0","NOY": "8.0", "LAVEL": "", "SET": "CW" }, 60 | {"OBJECT": "KINE-001","POSITION": "IN","NOX": "2.0","NOY": "8.0", "LAVEL": "", "SET": "KINE" }, 61 | {"OBJECT": "CWALARM-001","POSITION": "IN","NOX": "3.0","NOY": "9.0", "LAVEL": "", "SET": "CW-ALARM" }, 62 | {"OBJECT": "SNS-001","POSITION": "IN","NOX": "3.0","NOY": "10.0", "LAVEL": "", "SET": "SNS" } 63 | ] 64 | }, 65 | {"OBJECT": "S3-001", "LAVEL": "S3バケット", "TYPE": "FIG", "SET": "S3-2","LAYER": 3,"TopX": "0","TopY": "2","BtmX": "0","BtmY": "2","Width" : 0,"Height": 0}, 66 | {"OBJECT": "FILES-001", "LAVEL": "ログ", "TYPE": "FIG", "SET": "FILES","LAYER": 1,"TopX": "0","TopY": "2","BtmX": "0","BtmY": "2","Width" : 0,"Height": 0}, 67 | {"OBJECT": "CF-001", "LAVEL": "Cloud Front", "TYPE": "FIG", "SET": "CF","LAYER": 1,"TopX": "0","TopY": "1","BtmX": "0","BtmY": "2","Width" : 0,"Height": 0}, 68 | {"OBJECT": "VPC-001", "LAVEL": "VPC(サービス提供)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 69 | "ONLINE": [ 70 | {"OBJECT": "IGW-001","POSITION": "LEFT", "NO": "5", "LAVEL": "igw", "SET": "IGW" }, 71 | {"OBJECT": "VEND-001","POSITION": "LEFT", "NO": "7", "LAVEL": "", "SET": "VEND" }, 72 | {"OBJECT": "PEER-001","POSITION": "BOTTOM", "NO": "7", "LAVEL": "", "SET": "PEER" } 73 | ] 74 | }, 75 | {"OBJECT": "AZ-001", "LAVEL": "AZ(1a)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 76 | {"OBJECT": "AZ-002", "LAVEL": "AZ(1c)", "TYPE": "FIG", "SET": "AZ","LAYER": 4,"TopX": "1","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 77 | {"OBJECT": "SUB-001", "LAVEL": "192.168.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "1","Width" : 0,"Height": 0, 78 | "ONLINE": [ 79 | {"OBJECT": "RTABLE-001","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 80 | ] 81 | }, 82 | {"OBJECT": "SUB-002", "LAVEL": "192.168.2.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "2","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0, 83 | "ONLINE": [ 84 | {"OBJECT": "RTABLE-002","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 85 | ] 86 | }, 87 | {"OBJECT": "SG-001", "LAVEL": "SG(ForALB)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 88 | {"OBJECT": "ALB-001", "LAVEL": "ALB01", "TYPE": "FIG", "SET": "ALB","LAYER": 1,"TopX": "1","TopY": "1","BtmX": "1","BtmY": "2","Width" : 0,"Height": 0}, 89 | {"OBJECT": "SUB-003", "LAVEL": "192.168.11.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 90 | "ONLINE": [ 91 | {"OBJECT": "RTABLE-003","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 92 | ] 93 | }, 94 | {"OBJECT": "SUB-004", "LAVEL": "192.168.12.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 95 | "ONLINE": [ 96 | {"OBJECT": "RTABLE-004","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 97 | ] 98 | }, 99 | {"OBJECT": "SG-002", "LAVEL": "SG(ForEC2)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 100 | {"OBJECT": "AUTO-001", "LAVEL": "Auto Scalling", "TYPE": "FIG", "SET": "AUTO","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0}, 101 | {"OBJECT": "EC2-001", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "1","BtmX": "2","BtmY": "1","Width" : 0,"Height": 0, 102 | "ONLINE": [ 103 | {"OBJECT": "EC2-001-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 104 | ] 105 | }, 106 | {"OBJECT": "EC2-002", "LAVEL": "EC2", "TYPE": "FIG", "SET": "EC2","LAYER": 1,"TopX": "2","TopY": "2","BtmX": "2","BtmY": "2","Width" : 0,"Height": 0, 107 | "ONLINE": [ 108 | {"OBJECT": "EC2-002-1","POSITION": "IN","NOX": "0.3","NOY": "0.3", "LAVEL": "", "SET": "WEPAPP" } 109 | ] 110 | }, 111 | 112 | {"OBJECT": "SG-003", "LAVEL": "SG(ForSG)", "TYPE": "FIG", "SET": "SG","LAYER": 2,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 113 | {"OBJECT": "SUB-005", "LAVEL": "192.168.101.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0, 114 | "ONLINE": [ 115 | {"OBJECT": "RTABLE-005","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 116 | ] 117 | }, 118 | {"OBJECT": "SUB-006", "LAVEL": "192.168.102.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0, 119 | "ONLINE": [ 120 | {"OBJECT": "RTABLE-006","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 121 | ] 122 | }, 123 | {"OBJECT": "RDS-001", "LAVEL": "Master","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "1","BtmX": "3","BtmY": "1","Width" : 0,"Height": 0}, 124 | {"OBJECT": "RDS-002", "LAVEL": "Slave","TYPE": "FIG", "SET": "RDS","LAYER": 1,"TopX": "3","TopY": "2","BtmX": "3","BtmY": "2","Width" : 0,"Height": 0}, 125 | {"OBJECT": "VPC-002", "LAVEL": "VPC(管理)", "TYPE": "FIG", "SET": "VPC","LAYER": 5,"TopX": "1","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0, 126 | "ONLINE": [ 127 | {"OBJECT": "IGW-002","POSITION": "LEFT", "NO": "2", "LAVEL": "igw", "SET": "IGW" }, 128 | {"OBJECT": "PEER-002","POSITION": "TOP", "NO": "7", "LAVEL": "", "SET": "PEER" } 129 | ] 130 | }, 131 | {"OBJECT": "SUB-007", "LAVEL": "172.16.1.0/24", "TYPE": "FIG", "SET": "PRI","LAYER": 3,"TopX": "2","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0, 132 | "ONLINE": [ 133 | {"OBJECT": "RTABLE-007","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 134 | ] 135 | }, 136 | {"OBJECT": "SUB-008", "LAVEL": "172.16.1.0/24", "TYPE": "FIG", "SET": "PUB","LAYER": 3,"TopX": "1","TopY": "3","BtmX": "1","BtmY": "3","Width" : 0,"Height": 0, 137 | "ONLINE": [ 138 | {"OBJECT": "RTABLE-008","POSITION": "RIGHT", "NO": "2.5", "LAVEL": "", "SET": "RTBL" } 139 | ] 140 | }, 141 | {"OBJECT": "NATGW-001", "LAVEL": "NAT GW", "TYPE": "FIG", "SET": "NATGW","LAYER": 1,"TopX": "1","TopY": "3","BtmX": "1","BtmY": "3","Width" : 0,"Height": 0}, 142 | {"OBJECT": "C9-001", "LAVEL": "開発環境", "TYPE": "FIG", "SET": "C9","LAYER": 1,"TopX": "2","TopY": "3","BtmX": "2","BtmY": "3","Width" : 0,"Height": 0}, 143 | {"OBJECT": "EC2-003", "LAVEL": "アプリ検証サーバ", "TYPE": "FIG", "SET": "EC2-2","LAYER": 1,"TopX": "3","TopY": "3","BtmX": "3","BtmY": "3","Width" : 0,"Height": 0}, 144 | 145 | {"OBJECT": "OFFICE-001", "LAVEL": "拠点", "TYPE": "FIG", "SET": "OFFICE","LAYER": 3,"TopX": "-1","TopY": "3","BtmX": "-1","BtmY": "3","Width" : 0,"Height": 0}, 146 | {"OBJECT": "PC-001", "LAVEL": "業務PC", "TYPE": "FIG", "SET": "PC","LAYER": 1,"TopX": "-1","TopY": "3","BtmX": "-1","BtmY": "3","Width" : 0,"Height": 0}, 147 | {"OBJECT": "CCOMMIT-001", "LAVEL": "コード管理", "TYPE": "FIG", "SET": "CCOMMIT","LAYER": 5,"TopX": "1","TopY": "4","BtmX": "3","BtmY": "4","Width" : 0,"Height": 0}, 148 | {"OBJECT": "CFN-001", "LAVEL": "CFnコード", "TYPE": "FIG", "SET": "CFN","LAYER": 3,"TopX": "1","TopY": "4","BtmX": "1","BtmY": "4","Width" : 0,"Height": 0}, 149 | {"OBJECT": "CFN-TEMPLATE-001", "LAVEL": "テンプレート", "TYPE": "FIG", "SET": "CFN-TEMPLATE","LAYER": 1,"TopX": "1","TopY": "4","BtmX": "1","BtmY": "4","Width" : 0,"Height": 0}, 150 | {"OBJECT": "BLANK-002", "LAVEL": "コード", "TYPE": "FIG", "SET": "BLANK-2","LAYER": 3,"TopX": "2","TopY": "4","BtmX": "3","BtmY": "4","Width" : 0,"Height": 0}, 151 | {"OBJECT": "FILES-002", "LAVEL": "アプリコード", "TYPE": "FIG", "SET": "FILES","LAYER": 1,"TopX": "2","TopY": "4","BtmX": "2","BtmY": "4","Width" : 0,"Height": 0}, 152 | {"OBJECT": "FILES-003", "LAVEL": "ジョブスクリプト", "TYPE": "FIG", "SET": "FILES","LAYER": 1,"TopX": "3","TopY": "4","BtmX": "3","BtmY": "4","Width" : 0,"Height": 0}, 153 | 154 | {"TYPE": "LINE","OBJECT": "LINE-A001","LINE": ["USERS-001","INTERNET-001","CF-001","IGW-001","ALB-001","EC2-001","RDS-001"]}, 155 | {"TYPE": "LINE","OBJECT": "LINE-A002","LINE": ["ALB-001","EC2-002","RDS-001"]}, 156 | {"TYPE": "LINE","OBJECT": "LINE-B001","LINE": ["RDS-001","RDS-002"]}, 157 | {"TYPE": "LINE-GRP","LAVEL": "通信経路","STROKE": "#0a0ad2","LINES": ["LINE-A001","LINE-A002"]}, 158 | {"TYPE": "LINE-GRP","LAVEL": "冗長化","STROKE": "#fc0301","LINES": ["LINE-B001"]}, 159 | 160 | 161 | {"TYPE": "LINE","OBJECT": "LOG-001","LINE": ["EC2-001-1","VEND-001"]}, 162 | {"TYPE": "LINE","OBJECT": "LOG-002","LINE": ["EC2-002-1","VEND-001","CW-001","KINE-001","S3-001"]}, 163 | {"TYPE": "LINE-GRP","LAVEL": "ログ収集","STROKE": "#00ff00","LINES": ["LOG-001","LOG-002"]}, 164 | 165 | {"TYPE": "LINE","OBJECT": "ALARM-001","LINE": ["CW-001","CWALARM-001","SNS-001","INTERNET-001","PC-001"]}, 166 | {"TYPE": "LINE-GRP","LAVEL": "通知","STROKE": "#800080","LINES": ["ALARM-001"]}, 167 | 168 | {"TYPE": "LINE","OBJECT": "DEV-001","LINE": ["PC-001","INTERNET-001","IGW-002","NATGW-001","C9-001","EC2-003"]}, 169 | {"TYPE": "LINE","OBJECT": "DEV-002","LINE": ["C9-001","CFN-TEMPLATE-001"]}, 170 | {"TYPE": "LINE","OBJECT": "DEV-003","LINE": ["C9-001","FILES-002"]}, 171 | {"TYPE": "LINE","OBJECT": "DEV-004","LINE": ["C9-001","FILES-003"]}, 172 | {"TYPE": "LINE-GRP","LAVEL": "開発","STROKE": "#ffa500","LINES": ["DEV-001","DEV-002","DEV-003","DEV-004"]}, 173 | 174 | {"TYPE": "LINE","OBJECT": "PEER-001","LINE": ["PEER-001","PEER-002"]}, 175 | {"TYPE": "LINE-GRP","LAVEL": "ピア接続","STROKE": "#0a0aff","LINES": ["PEER-001"]} 176 | 177 | 178 | 179 | ] 180 | -------------------------------------------------------------------------------- /AWS-Diagram_02/AwsDiagram_02.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 作図アプリ 8 | 76 | 77 | 78 | 79 |
80 |
81 | 82 |
83 |
84 |
85 |
86 |
87 |
88 | 89 |
90 |
91 |
92 |
93 | 94 | 515 | 516 | --------------------------------------------------------------------------------