{"id":9468,"date":"2021-02-21T11:00:40","date_gmt":"2021-02-21T02:00:40","guid":{"rendered":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/?p=9468"},"modified":"2021-02-21T11:00:40","modified_gmt":"2021-02-21T02:00:40","slug":"go-websocket","status":"publish","type":"post","link":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/2021\/02\/21\/go-websocket\/","title":{"rendered":"Go\u8a00\u8a9e\/gotron\u3067HTML\u306e\u30dc\u30bf\u30f3\u30a4\u30d9\u30f3\u30c8\u3092Go\u5074\u3067\u53d7\u3051\u53d6\u308b\u65b9\u6cd5\uff08WebSocket\uff09"},"content":{"rendered":"

gotron\u3092\u4f7f\u3046\u306b\u3042\u305f\u308a\u3001\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u51fa\u3057\u305f\u5f8c\u306e\u52d5\u304d\u306fHTML\/Javascript\u3067\u5341\u5206\u51e6\u7406\u53ef\u80fd\u306a\u306e\u3067\u3059\u304c\u3001\u305d\u308c\u3060\u3068\u305b\u3063\u304b\u304fGo\u8a00\u8a9e\u3092\u4f7f\u3063\u305f\u610f\u5473\u304c\u3042\u307e\u308a\u306a\u3044\u306e\u3067\u3001UI\u306fHTML\/CSS\u3067\u5236\u5fa1\u306fGo\u8a00\u8a9e\u3092\u76ee\u6307\u3057\u305f\u3044\u3068\u3053\u308d\u3067\u3059\u3002\u305d\u3093\u306a\u4e2d\u3001UI\u306e\u30dc\u30bf\u30f3\u30a4\u30d9\u30f3\u30c8\u3092Go\u8a00\u8a9e\u5074\u3067\u53d7\u3051\u53d6\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u3001\u3053\u3053\u306eREADME<\/a>\u3092\u53c2\u8003\u306b\u66f8\u3044\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n

 <\/p>\n

HTML\u5074\u306e\u30bd\u30fc\u30b9<\/h2>\n

HTML\u5074\u306e\u30bd\u30fc\u30b9\u3067\u3059\u3002\u30dc\u30bf\u30f3\u3092\u8a2d\u7f6e\u3057\u305d\u308c\u3092\u62bc\u3059\u3068WebSocket\u3092\u4f7f\u3063\u3066\u30c7\u30fc\u30bf\u3092\u9001\u4fe1\u3057\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n

\r\n<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n    <meta charset="UTF-8">\r\n    <meta http-equiv="X-UA-Compatible" content="IE=edge">\r\n    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">\r\n    <title>Document<\/title>\r\n<\/head>\r\n<body style="-webkit-app-region: drag">\r\n    <h1>Hello World!<\/h1>\r\n\r\n    <div>\r\n        <!-- <button style="-webkit-app-region: no-drag">\u7d42\u4e86<\/button> -->\r\n    <button onclick="sendMessage();">Send<\/button>\r\n    <\/div>\r\n    <script>\r\n      let ws = new WebSocket("ws:\/\/localhost:" + global.backendPort + "\/web\/app\/events");\r\n      function sendMessage(){\r\n        ws.send(JSON.stringify({\r\n          "event": "event-name",\r\n          "AtrNameInFrontend": "Hello World!",\r\n        }))\r\n      }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n \r\n<\/pre>\n
 <\/p>\n
 <\/p>\n
Go\u8a00\u8a9e\u5074\u306e\u30bd\u30fc\u30b9<\/h2>\n
window.On<\/code>\u3067\u53d7\u3051\u53d6\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\r\npackage main\r\n\r\nimport (\r\n    "github.com\/Equanox\/gotron"\r\n    "bytes"\r\n    "fmt"\r\n)\r\n\r\nfunc main() {\r\n    window, err := gotron.New("apps")\r\n    if err != nil {\r\n        panic(err)\r\n    }\r\n    \r\n    window.WindowOptions.Width = 800\r\n    window.WindowOptions.Height = 600\r\n    window.WindowOptions.AutoHideMenuBar = true\r\n    done, err := window.Start()\r\n    if err != nil {\r\n        panic(err)\r\n    }\r\n\r\n    window.On(&gotron.Event{Event: "event-name"}, func(bin []byte) {\r\n        buf := bytes.NewBuffer([]byte(bin))\r\n        fmt.Println("Message: ", buf)\r\n    })\r\n\r\n    <-done\r\n}\r\n \r\n<\/pre>\n
 <\/p>\n
\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30bf\u30fc\u30df\u30ca\u30eb\u306b\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n
\"\"<\/a><\/p>\n
\r\nMessage:  {"event":"event-name","AtrNameInFrontend":"Hello World!"}\r\n \r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
gotron\u3092\u4f7f\u3046\u306b\u3042\u305f\u308a\u3001\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u51fa\u3057\u305f\u5f8c\u306e\u52d5\u304d\u306fHTML\/Javascr … <\/p>\n","protected":false},"author":1,"featured_media":9473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,21],"tags":[],"class_list":["post-9468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-electron","category-go"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/9468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/comments?post=9468"}],"version-history":[{"count":4,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/9468\/revisions"}],"predecessor-version":[{"id":9474,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/9468\/revisions\/9474"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media\/9473"}],"wp:attachment":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media?parent=9468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/categories?post=9468"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/tags?post=9468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}