最高のサービス概念図
code:サービス概念図(plantuml)
@startuml
actor 利用者A
actor 利用者B
agent "ブラウザA"
agent "ブラウザB"
agent "最高のサービス"
@enduml
code:ハードウェア構成図(plantuml)
@startuml
agent "ブラウザ"
cloud "chimata.org" {
node "VPS"
}
@enduml
code:ネットワーク構成図(plantuml)
@startuml
agent "ブラウザ"
cloud "chimata.org" {
node "VPS" {
frame "Docker" {
component "Nginx"
component "最高のサービス"
}
}
}
cloud "tumblr.com" {
component "最高のタンブラー"
}
@enduml
code:ソフトウェア構成図(plantuml)
@startuml
frame "FrontEnd" {
component "UserAgent"
artifact "SPA & PWA" {
artifact "index" {
component "TypeScript"
component "Stylus"
artifact "Vue.js "
artifact "Create.js "
artifact "A-FRAME "
}
package "HTML5 & Web API" {
component "Canvas API"
component "WebGL"
component "Web Audio API"
component "IndexedDB"
component "Web Workers"
component "Progress Events"
component "WebSocket API"
component "Network Information API"
component "WebVR API"
component "Server-Sent Events (Opt)"
component "Cross-Origin Resource Sharing (Opt)"
}
}
}
frame "BackEnd" {
cloud "chimata.org" {
package "BEAM(Erlang)" {
artifact "Elixir / Phoenix " {
component "HTTP Listen"
component "HTTP Client"
component "WebSocket"
}
}
}
cloud "tumblr.com" {
package "Tumblr API" {
artifact "Auth / OAuth"
artifact "Posts / Photo"
artifact "Posts / Audio"
artifact "Posts / Video"
}
}
}
@enduml