{"id":6603,"date":"2024-10-26T09:51:22","date_gmt":"2024-10-26T00:51:22","guid":{"rendered":"https:\/\/taitan916.info\/blog\/?p=6603"},"modified":"2024-07-28T09:59:51","modified_gmt":"2024-07-28T00:59:51","slug":"post-6603","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/6603","title":{"rendered":"JavaScript\u3067\u30c7\u30fc\u30bf\u3092Gzip\u7b49\u3067\u5727\u7e2e\u3067\u304d\u308b\u300cpako\u300d\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u5229\u7528\u65b9\u6cd5"},"content":{"rendered":"

\u4ee5\u524d\u300czcookies\u300d\u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u5229\u7528\u65b9\u6cd5<\/a>\u3092\u30e1\u30e2\u3057\u305f\u304c\u3001\u5f53\u8a72\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u62dd\u898b\u3059\u308b\u3068\u300cpako\u300d\u3068\u3044\u3046\u5225\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u5229\u7528\u3057\u30c7\u30fc\u30bf\u5727\u7e2e\u3092\u3057\u3066\u3044\u308b\u3088\u3046\u3060\u3063\u305f\u3002\u300cpako\u300d\u3092\u8a66\u3057\u3066\u307f\u305f\u3044\u306e\u3067\u6587\u5b57\u5217\u53ca\u3073\u30aa\u30d6\u30b8\u30a7\u30af\u30c8(\u9023\u60f3\u914d\u5217)\u3092Gzip\u5727\u7e2e\u30fb\u5c55\u958b\u3059\u308b\u65b9\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

pako<\/h2>\n

\u516c\u5f0f\u30b5\u30a4\u30c8<\/h3>\n

http:\/\/nodeca.github.io\/pako\/<\/a><\/p>\n

GitHub<\/h3>\n

https:\/\/github.com\/nodeca\/pako<\/a><\/p>\n

CDN<\/h3>\n

CDN\u3067\u4f7f\u3046\u5834\u5408\u306f\u4ee5\u4e0b\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n

<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/pako@2.1.0\/dist\/pako.min.js\"><\/script><\/pre>\n
 <\/p>\n
\u5229\u7528\u65b9\u6cd5<\/h2>\n
\u6587\u5b57\u5217\u306e\u5727\u7e2e\u30fb\u5c55\u958b<\/h3>\n
<script>\r\nconst data = `Web\u30a8\u30f3\u30b8\u30cb\u30a2 \/ \u30d7\u30ed\u30b0\u30e9\u30de\u304c\u52c9\u5f37\u3057\u305f\u3053\u3068\u306e\u30e1\u30e2\u3002`;\r\n\r\nconst encode_data = btoa(String.fromCharCode.apply(null, pako.gzip(data)));\r\nconsole.log(encode_data); \/\/H4sIAAAAAAAAAwXBoQ2AMBRF0VW6AePgSdiD\/58ixSHqIFQVASFBgGCbm+7BOW3f4QXd+IsinkMTUEIHfqEdLdhU41i\/B0vYis1YwU60oczgPyyXzMJFAAAA\r\n\r\nconst decode_data = pako.ungzip(new Uint8Array(Array.prototype.map.call(atob(encode_data), c => c.charCodeAt())), { to: 'string' });\r\nconsole.log(decode_data); \/\/Web\u30a8\u30f3\u30b8\u30cb\u30a2 \/ \u30d7\u30ed\u30b0\u30e9\u30de\u304c\u52c9\u5f37\u3057\u305f\u3053\u3068\u306e\u30e1\u30e2\u3002\r\n<\/script><\/pre>\n
\u30aa\u30d6\u30b8\u30a7\u30af\u30c8(\u9023\u60f3\u914d\u5217)\u306e\u5727\u7e2e\u30fb\u5c55\u958b<\/h3>\n
<script>\r\nconst data = {id: 10, name: '\u5c71\u7530', name_en: 'yamada', regist: '2024-01-01'};\r\n\r\nconst encode_data = btoa(String.fromCharCode.apply(null, pako.gzip(JSON.stringify(data))));\r\nconsole.log(encode_data); \/\/H4sIAAAAAAAAA6tWykxRsjI00FHKS8xNVbJSerpx4\/MpG5Qg\/PjUPKBQZWJuYkoiUKgoNT2zuAQoYmRgZKJrYAhESrUAPeXeOkIAAAA=\r\n\r\nconst decode_data = JSON.parse(pako.ungzip(new Uint8Array(Array.prototype.map.call(atob(encode_data), c => c.charCodeAt())), { to: 'string' }));\r\nconsole.log(decode_data); \/\/Object { id: 10, name: \"\u5c71\u7530\", name_en: \"yamada\", regist: \"2024-01-01\" }\r\n<\/script><\/pre>\n
 <\/p>\n
\u6240\u611f<\/h2>\n
Gzip\u5727\u7e2e\u3057\u3066\u307f\u305f\u3082\u306e\u306e\u3001\u3042\u3093\u307e\u308a\u5727\u7e2e\u3055\u308c\u3066\u3044\u308b\u611f\u3058\u304c\u3057\u306a\u3044\u3002\u300czcookie\u300d\u5185\u3067\u306f\u300cmsgpack\u300d\u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f75\u7528\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3053\u3061\u3089\u3082\u5229\u7528\u3057\u306a\u3044\u3068\u3042\u3093\u307e\u308a\u5727\u7e2e\u3055\u308c\u306a\u3044\u306e\u304b\u3082\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4ee5\u524d\u300czcookies\u300d\u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u5229\u7528\u65b9\u6cd5\u3092\u30e1\u30e2\u3057\u305f\u304c\u3001\u5f53\u8a72\u30e9\u30a4\u30d6\u30e9\u30ea\u306e ... <\/p>\n","protected":false},"author":1,"featured_media":1067,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[100],"class_list":["post-6603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-library"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=6603"}],"version-history":[{"count":1,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6603\/revisions"}],"predecessor-version":[{"id":6605,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6603\/revisions\/6605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1067"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=6603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=6603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=6603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}