__NUXT_JSONP__("/blog/ga4-data-drop", (function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG,aH,aI,aJ,aK,aL,aM,aN,aO,aP,aQ,aR,aS,aT,aU,aV,aW,aX,aY,aZ,a_,a$,ba,bb,bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,bv,bw,bx,by,bz,bA,bB,bC,bD,bE,bF,bG,bH,bI,bJ,bK,bL,bM,bN,bO,bP,bQ,bR,bS,bT,bU,bV,bW,bX,bY,bZ,b_,b$,ca,cb,cc,cd,ce,cf,cg,ch,ci,cj,ck,cl,cm,cn,co,cp,cq,cr,cs,ct,cu,cv,cw,cx,cy,cz,cA,cB,cC,cD,cE,cF,cG,cH,cI,cJ,cK,cL,cM,cN,cO,cP,cQ,cR,cS,cT,cU,cV,cW,cX,cY,cZ,c_,c$,da){E.metadata={tags:[],concepts:[]};E.sys={space:{sys:{type:c,linkType:e,id:f}},id:"547y6Z2gNb3PyK2FCJoDX",type:m,createdAt:aH,updatedAt:aH,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,contentType:{sys:{type:c,linkType:n,id:"category"}},locale:i};E.fields={name:"TIPS",slug:aI};Q.metadata={tags:[],concepts:[]};Q.sys={space:{sys:{type:c,linkType:e,id:f}},id:aM,type:m,createdAt:aN,updatedAt:aO,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:s,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};Q.fields={name:aP,slug:aQ};_.metadata={tags:[],concepts:[]};_.sys={space:{sys:{type:c,linkType:e,id:f}},id:"Vl3Rw8VxPJu6ikJkAJzU0",type:m,createdAt:bg,updatedAt:bg,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:S,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i};_.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"71hUyAkIMjK6Sm26EZoU5A",type:r,createdAt:"2024-08-13T11:21:12.216Z",updatedAt:"2024-08-13T12:06:59.424Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:S,revision:u,locale:i},fields:{title:ao,description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F71hUyAkIMjK6Sm26EZoU5A\u002F57d5dec8b7b2285333884bdebe274b5a\u002FFrame_104.jpg",details:{size:395180,image:{width:F,height:F}},fileName:"Frame 104.jpg",contentType:x}}},titleTips:ao,discriptionTips:"データを把握することからスタート",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fga4\u002F",name:ao,btnType:J,subTips:P};$.metadata={tags:[],concepts:[]};$.sys={space:{sys:{type:c,linkType:e,id:f}},id:"3BeOaYpraw89atQ1DSXlDp",type:m,createdAt:"2022-08-21T02:50:34.872Z",updatedAt:"2023-04-17T08:56:33.250Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:bh,revision:H,contentType:{sys:{type:c,linkType:n,id:I}},locale:i};$.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5IeWXHb8dli60ug3MZMiFR",type:r,createdAt:bi,updatedAt:bi,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:o,locale:i},fields:{title:"企業のマーケティング活動の助太刀 ",description:"マーケティングマネジメントおよび実施支援、コンサルティングサービス",file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5IeWXHb8dli60ug3MZMiFR\u002Fae4c36ec0fb5577e9e07128a5d936591\u002Fimg_thumbnail.261577c.gif",details:{size:322566,image:{width:M,height:575}},fileName:"img_thumbnail.261577c.gif",contentType:"image\u002Fgif"}}},titleTips:bj,discriptionTips:"企業のマーケティング活動の助太刀になります！",URL_tips:"https:\u002F\u002Fwww.flourish-group.com\u002Fsolutions\u002Fmarketing\u002F",name:bj,btnType:J,subTips:P};ab.metadata={tags:[],concepts:[]};ab.sys={space:{sys:{type:c,linkType:e,id:f}},id:"1jSSk21Gq0ppPVbyheMnh4",type:m,createdAt:bO,updatedAt:bO,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};ab.fields={name:au,slug:"headlesscms"};ac.metadata={tags:[],concepts:[]};ac.sys={space:{sys:{type:c,linkType:e,id:f}},id:"WDetGgJIHKL6Ug9O3Bwjb",type:m,createdAt:bT,updatedAt:bT,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:bh,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i};ac.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"4L7wEnaiHtTXeuDTUYemoz",type:r,createdAt:bU,updatedAt:bU,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:T,revision:o,locale:i},fields:{title:au,description:au,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F4L7wEnaiHtTXeuDTUYemoz\u002F1f0e5897b76ba0fa76f7f3faeadab161\u002Fimg_thumbnail.3ee64e2.webp",details:{size:18972,image:{width:aw,height:ax}},fileName:"img_thumbnail.3ee64e2.webp",contentType:ay}}},titleTips:bV,discriptionTips:"デバイスやチャンネルを跨いだコンテンツの活用、セキュリティーの向上におすすめ",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fheadlesscms\u002F",name:bV,btnType:J,subTips:P};ad.metadata={tags:[],concepts:[]};ad.sys={space:{sys:{type:c,linkType:e,id:f}},id:"2gy3faSXQlCQdsNPzeX5RF",type:m,createdAt:"2023-04-09T10:42:13.984Z",updatedAt:"2023-10-09T03:43:58.179Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:S,revision:s,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};ad.fields={name:bW,slug:"contents-management-system"};aj.metadata={tags:[],concepts:[]};aj.sys={space:{sys:{type:c,linkType:e,id:f}},id:aJ,type:m,createdAt:W,updatedAt:W,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};aj.fields={name:aK,slug:aL};ak.metadata={tags:[],concepts:[]};ak.sys={space:{sys:{type:c,linkType:e,id:f}},id:aR,type:m,createdAt:X,updatedAt:X,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};ak.fields={name:aS,slug:aT};al.metadata={tags:[],concepts:[]};al.sys={space:{sys:{type:c,linkType:e,id:f}},id:aU,type:m,createdAt:Y,updatedAt:Y,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};al.fields={name:aV,slug:aW};aF.metadata={tags:[],concepts:[]};aF.sys={space:{sys:{type:c,linkType:e,id:f}},id:"6nGA76xRgNysXF1T4L7iuu",type:m,createdAt:"2022-11-11T06:44:19.153Z",updatedAt:"2022-11-11T07:41:14.268Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:u,contentType:{sys:{type:c,linkType:n,id:cQ}},locale:i};aF.fields={title:"サービス概要",slug:"service"};aG.metadata={tags:[],concepts:[]};aG.sys={space:{sys:{type:c,linkType:e,id:f}},id:aY,type:m,createdAt:Z,updatedAt:Z,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};aG.fields={name:aZ,slug:am};aX.metadata={tags:[],concepts:[]};aX.sys={space:{sys:{type:c,linkType:e,id:f}},id:aY,type:m,createdAt:Z,updatedAt:Z,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};aX.fields={name:aZ,slug:am};bP.metadata={tags:[],concepts:[]};bP.sys={space:{sys:{type:c,linkType:e,id:f}},id:"WTvBDv1UpUQR0wR0a7dwj",type:m,createdAt:bQ,updatedAt:bQ,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};bP.fields={name:"システム開発",slug:"system-development"};cu.metadata={tags:[],concepts:[]};cu.sys={space:{sys:{type:c,linkType:e,id:f}},id:"2Yu8Q6NjHVkYczjiilpOtj",type:m,createdAt:cv,updatedAt:cv,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i};cu.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1IpJtaZS2TId7EcoijDxbV",type:r,createdAt:cw,updatedAt:cw,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,locale:i},fields:{title:"インタラクティブ動画の盲点、本当の導入メリットとは？",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1IpJtaZS2TId7EcoijDxbV\u002Fc5e2d0799d54c5497bc6ed3ea54ebb83\u002F___________________________.jpeg",details:{size:2423658,image:{width:N,height:bG}},fileName:"インタラクティブ動画の盲点、本当の導入メリットとは？.jpeg",contentType:x}}},titleTips:aC,discriptionTips:"テクノロジーを活用しクリエイティブを補完する",URL_tips:bH,name:aC,btnType:J,subTips:bI};cG.metadata={tags:[],concepts:[]};cG.sys={space:{sys:{type:c,linkType:e,id:f}},id:"3kV2mBdnR2ZaV35nOnjpGH",type:m,createdAt:cH,updatedAt:cH,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,contentType:{sys:{type:c,linkType:n,id:bk}},locale:i};cG.fields={name:aC,slug:"fusion"};cR.metadata={tags:[],concepts:[]};cR.sys={space:{sys:{type:c,linkType:e,id:f}},id:"5e8r2XFwcYV2ZlYUxwgl5Q",type:m,createdAt:"2023-04-09T10:43:35.736Z",updatedAt:"2023-10-06T05:34:13.832Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:s,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};cR.fields={name:"分析",slug:"analysis"};cS.metadata={tags:[],concepts:[]};cS.sys={space:{sys:{type:c,linkType:e,id:f}},id:aM,type:m,createdAt:aN,updatedAt:aO,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:s,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};cS.fields={name:aP,slug:aQ};cU.metadata={tags:[],concepts:[]};cU.sys={space:{sys:{type:c,linkType:e,id:f}},id:"2SaVWOB65Q9TRmAzVaRMUP",type:m,createdAt:"2022-11-11T06:43:34.082Z",updatedAt:"2022-11-11T10:23:53.901Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:u,contentType:{sys:{type:c,linkType:n,id:cQ}},locale:i};cU.fields={title:"お役立ち情報",slug:"usefulInfo"};cV.metadata={tags:[],concepts:[]};cV.sys={space:{sys:{type:c,linkType:e,id:f}},id:"6gY4Y9jyMWKnxEObxmcMES",type:m,createdAt:cW,updatedAt:cW,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};cV.fields={name:"データサイエンス",slug:"data-science"};cX.metadata={tags:[],concepts:[]};cX.sys={space:{sys:{type:c,linkType:e,id:f}},id:"1kAcPpf42OGhK5bUA7gYoC",type:m,createdAt:cY,updatedAt:cY,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};cX.fields={name:"AI",slug:"artificial-intelligence"};c_.metadata={tags:[],concepts:[]};c_.sys={space:{sys:{type:c,linkType:e,id:f}},id:"7MBT3mFJKCehLqINKNGJO6",type:m,createdAt:"2023-06-16T18:43:58.164Z",updatedAt:"2023-06-17T04:25:44.345Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:u,contentType:{sys:{type:c,linkType:n,id:t}},locale:i};c_.fields={name:"ALL",slug:"all"};return {data:[{entry:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5nPCSHCi588YCE7MOSUPvr",type:m,createdAt:"2024-07-18T09:10:29.444Z",updatedAt:"2024-08-13T12:01:43.053Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:174,revision:ai,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"Webサイトのトラフィックはアナリティクスによってズレるのか？",slug:"ga4-data-drop",description:"FLOURISHのサイトを実験に使います。3つのアナリティクスを使って、ウェブサイトへのトラフィックを計測し、比較しました。アナリティクスによって、どれくらい誤差が生じるか測ってみました。",category:E,Category_tips:[aj,Q,ak,al,aX],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"6wNdBOPrIycXIFUCnxZH5g",type:r,createdAt:"2024-07-18T09:16:48.669Z",updatedAt:"2024-07-18T09:17:05.716Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:u,locale:i},fields:{title:"困ったなデータのズレ",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F6wNdBOPrIycXIFUCnxZH5g\u002Fbfc41f6943cb020e061f6e05d7c35ef0\u002FAdobeStock_189344943.jpeg",details:{size:844633,image:{width:N,height:a_}},fileName:"AdobeStock_189344943.jpeg",contentType:x}}},content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:"UAからGA4になり計測方法が変わりました。\nさらに2024年3月より、EEA圏内への広告出稿には同意モードv2が義務付けられました。\n日本ではCookie単体では個人情報ではないので、同意の必要はありませんが、Cookieの同意が世界的には必須になってきています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Cookieが得られない場合は、Javascriptをクライアントのブラウザに埋め込めないため、計測することは困難になります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"実際に下記のような事象はソーシャルメディアに記載されていました。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},marks:[],value:a$,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:q,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"私は毎日のページビューを記録する以外に GA をあまり使用していませんが、今週の月曜日\u002F火曜日あたりにページビューが大幅に減少しました。推定 80% ほどです。サイトにも GA にも変更を加えていないので、理由はわかりません",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:an,nodeType:a},{data:{uri:ba},content:[{data:{},marks:[],value:bb,nodeType:a}],nodeType:O},{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:R},{data:{},content:[{data:{},marks:[],value:"他にもサーチコンソールは正しいのか？といった疑問や、同意モードv2はデータを入れて急激に減少したなどといった困った事象はさまざまです。",nodeType:a},{data:{},marks:[],value:"目の前に起きている事象で解決策を見つけるために、同じような事象を探しますが、それに対しての意見や対応も様々な状況。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"今回はこのFLOURISHのサイトを実験に使います。3つのアナリティクスを使って、ウェブサイトへのトラフィックを計測し、比較しました。アナリティクスによって、どれくらい誤差が生じるか測ってみました。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Webサイトのトラフィックは計測ツールで異なるのか？",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"GA4の計測",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"FLOURISHのサイトでどれくらいのデータの差が起きるのか検証してみました。\n下記はGA4のデータで過去30日間で",nodeType:a},{data:{},marks:[{type:d}],value:"5700visits",nodeType:a},{data:{},marks:[],value:"が閲覧しているのがわかります。",nodeType:a}],nodeType:b},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1GccPmc8fIiAJ0VpO5Rp9n",type:r,createdAt:bc,updatedAt:bc,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"名称未設定",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1GccPmc8fIiAJ0VpO5Rp9n\u002F2418f3253df3812cac1acc3c62e77190\u002F_____.png",details:{size:359626,image:{width:2748,height:1254}},fileName:"名称未設定.png",contentType:A}}}},content:[],nodeType:C},{data:{},content:[{data:{},marks:[],value:"\nGA4は、リアルタイムなユーザー行動の追跡や、パーソナライズされた広告のターゲティングを行うためには、一般的に",nodeType:a},{data:{},marks:[{type:d}],value:"クライアントサイド",nodeType:a},{data:{},marks:[],value:"での追跡が不可欠です。",nodeType:a},{data:{},marks:[{type:d}],value:"クライアントサイド追跡",nodeType:a},{data:{},marks:[],value:"とも言います。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GA4のクッキー（_ga、_gid）はウェブサイトのドメインに設定されるため、これらは",nodeType:a},{data:{},marks:[{type:d}],value:"1stパーティークッキー",nodeType:a},{data:{},marks:[],value:"と見なされます。収集されたデータは、Googleのサーバーに送信されます。これは、ウェブサイトのサーバーとは異なるサーバーであり、データが外部に送信されることになります。（",nodeType:a},{data:{},marks:[],value:"1stパーティクッキーを使用しているものの、Googleのサーバーにデータが送信されるため、プライバシーに関する懸念が残っています。）",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GDPRやCCPAなどのプライバシー規制に従い、ユーザーの同意が得られた場合にのみデータを収集し、Googleのサーバーに送信します。つまり、同意が得られなければ、減少します。そのため、GA4ではサンプリングをある一定数のトラフィックがあるサイトには実施できるようですが、精度のほどはどうでしょうか。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Netlify Analytics",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"こちらはFLOUIRSHが活用しているNetlifyというサーバーのNetlify Analyticsです。Netlify Analytics は、サーバー側のトラッキングです。",nodeType:a},{data:{},marks:[{type:d}],value:"サーバサイド トラッキング（",nodeType:a},{data:{},marks:[{type:d}],value:"サーバーサイド追跡）",nodeType:a},{data:{},marks:[],value:"と言われます。トータルユーザーが1万に迫っています。 ",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"過去30日間のデータです。およそ",nodeType:a},{data:{},marks:[{type:d}],value:"10000visits",nodeType:a},{data:{},marks:[],value:"くらい計測しています。",nodeType:a}],nodeType:b},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"6ixYBt2VKSrtG9LooUFWNk",type:r,createdAt:bd,updatedAt:bd,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"名称未設定２",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F6ixYBt2VKSrtG9LooUFWNk\u002Fdc716ae33fa580d9c1f9d3528b87b95f\u002F______.png",details:{size:542512,image:{width:2762,height:1676}},fileName:"名称未設定２.png",contentType:A}}}},content:[],nodeType:C},{data:{},content:[{data:{},marks:[],value:"\nウェブサイトのコード内の JavaScript スニペットに依存せずに、ホスティングしているNetlify のサーバーから直接データ（ログ）を収集することになります。\nサーバー側の追跡は通常、ページビューと基本的なユーザー情報に焦点を当てています。Webサイト内での詳細なユーザー操作をキャプチャすることはできません。\nそのため、広告のターゲティングをするには難しくなります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"特定の期間 (通常は 24 時間) 内の一意の IP アドレスに基づいて、ユニーク ビジター数を計算します。これには、クライアント側の追跡に比べていくつかの利点があります。複数のユーザーがネットワーク上で同じ IP アドレスを共有する場合があり、その結果、若干の過大または過少カウントが発生します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サーバーサイド追跡デの可能性",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"サーバーサイドでデータ収集を行う場合、企業がサーバーを立てて行うこともあります。た例えば、GA4でもsGTM（サーバーサイドタグマネージャー）と言われる方法があり、GCPにデータを蓄積します。しかし、キャッシュやCDNも考慮すると技術的なハードルが上がります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Netlify Analyticsにおいては、CDNやキャッシュも考慮されているのは魅力的です。\nしかし、Botも含まれている可能性もあります。もう少しデータが整備されると精度の高い情報が把握できそうです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Jucier（DMP）",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"Juicerは、3rdパーティデータを扱う「ユーザー分析DMP」です。 自社のウェブサイトに訪問した、匿名状態にあるユーザーの分析を得意としています。",nodeType:a},{data:{},marks:[],value:"（GDPRへの対応済み）。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"こちらを使って計測したところ",nodeType:a},{data:{},marks:[{type:d}],value:"visitsは7300",nodeType:a},{data:{},marks:[],value:"でした。",nodeType:a}],nodeType:b},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2aqF61agPM4UkkwRGI66GE",type:r,createdAt:be,updatedAt:be,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"スクリーンショット 2024-07-18 17.57.01",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2aqF61agPM4UkkwRGI66GE\u002Fd7980ece29662b33bca5143156702199\u002F__________2024-07-18_17.57.01.png",details:{size:378095,image:{width:2322,height:1288}},fileName:"スクリーンショット 2024-07-18 17.57.01.png",contentType:A}}}},content:[],nodeType:C},{data:{},content:[{data:{},marks:[],value:"感覚値としては、GA4との乖離はBtoCではおよそ半分以上のデバイスやブラウザで同意が取れなくなっていると思います。BtoBにおいてはまだ2割程度ではないでしょうか。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"結果、全ての計測ツールによってデータが異なる",nodeType:a},{data:{},marks:[],value:bf,nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"今回の検証では、全ての計測ツールによってデータが違いました。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[{type:d}],value:"データが違う要因は、クッキーの同意とデータ欠落、Bot計測が考えられます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"クッキーに対する同意が得られない場合、JavaScriptをクライアントのブラウザに埋め込むことができず、データ収集が困難になること。",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"プライバシー規制（GDPRやCCPAなど）により、同意がない場合にはデータが収集されないこと。",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"クライアントのデバイスやブラウザによる制限",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"Netlify Analyticsの事例ではbotがカウントされている可能性もあること。",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:"母数が大きくなり、データ駆動でマーケティングをしている場合は計測の精度を高めたいところです。今後もGA4での欠落が大きくなれば、サーバーサイド追跡で計測をすることも検討の一つでしょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"一方で広告運用を行なっている場合は、クライアントサイド追跡はメリットがあるため、GA4を活用することを推奨します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ハイブリッドな計測方法と今後の展望",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"サーバーサイド追跡、クライアントサイド追跡、どちらも長所と短所があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"クライアントサイドとサーバーサイドの連携: 両方のデータを統合することで、より詳細かつ正確な分析が可能になる。",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"サーバーサイドタグマネージャー (sGTM): Google Tag Managerのサーバーサイド版であり、クライアントサイドとサーバーサイドのタグを一元管理できる。",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ファーストパーティ・クッキー: 自社のドメインで発行するクッキーを利用することで、プライバシー規制への対応とデータ収集の両立が可能になる。",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:"Cookie規制の強化に伴い、Web分析の方法は大きく変化しています。サーバーサイドトラッキングは、プライバシー保護とデータ精度の両立という点で注目を集めていますが、導入には様々な課題があります。",nodeType:a}],nodeType:b}],nodeType:B},tipsLink:[_,$],WorksService:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"MpWOb7wLCmc3w4gKGLYVu",type:m,createdAt:"2023-12-18T05:09:49.508Z",updatedAt:"2023-12-18T05:10:32.378Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:u,contentType:{sys:{type:c,linkType:n,id:bk}},locale:i},fields:{name:ap,slug:"sophistication"}}}},category:aI,prev:bl,next:bm,relatedEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5JiZuLkICPSNNYA95TNaOk",type:m,createdAt:"2024-07-16T07:55:45.451Z",updatedAt:"2024-08-13T11:39:24.430Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:245,revision:13,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"急激なトラフィックの減少はなぜ？！データの収集と測定の変更が起こる2024年",slug:"cookie-2024",description:"サイトでサードパーティ Cookie を使用している場合は、Google でのサポート終了が近づいているため対応が必要です。Google Chrome はWeb ユーザーの約 65%で最も高いブラウザーシェアを誇っていますが、米国と EU の一部の組織では、トラフィックの大部分がすでに「Cookie レス」になっています。",category:E,Category_tips:[aj,Q,ak,al,aX],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"44cbKAd6SRHSYNFn629Md9",type:r,createdAt:bn,updatedAt:bn,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,locale:i},fields:{title:" Cookie ",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F44cbKAd6SRHSYNFn629Md9\u002F660eb2c55cd22e88f63256e95370e7b4\u002F__________2024-07-16_16.54.36.png",details:{size:3279364,image:{width:1836,height:1204}},fileName:"スクリーンショット 2024-07-16 16.54.36.png",contentType:A}}},content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:"サイトでサードパーティ Cookie を使用している場合は、Google でのサポート終了が近づいているため対応が必要です。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"2024年1月、Chrome ブラウザは、トラッキング防止ツールを通じて 1% のユーザーに対してサードパーティ Cookie の制限を開始し、2024 年第 3 四半期にはこれらの制限を 100% のユーザーに拡大する予定でした。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"しかし、英国の競争・市場庁（CMA）は、サードパーティCookieを削除する決定について懸念を表明しました。そのため、英国競争・市場庁の承認を待って、Googleは2025年第1四半期にChromeサードパーティCookieの100％を廃止すると発表しました。 （2024年第3四半期から延期）。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サードパーティ Cookie の廃止後に何が起こるかという不確実性のレベルを考えると、Cookie が廃止された後の明確な行動計画をまとめるのにさらに時間が必要であることは明らかであり、マーケティング担当者にとってはさらなる遅延は良いことしかありません。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サードパーティの Cookie は、Firefox と Safari の両方ですでに廃止されていることを組織が念頭に置くことも重要です。Appleの ITP (AppleがSafariに搭載しているトラッキング防止機能）は、iOS11からすべてのブラウザにも適用されました。つまり、デバイスとブラウザ、どちらにおいても個人情報を守るような方向性になっています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"世界的に、Google Chrome はWeb ユーザーの約 65%で最も高いブラウザーシェアを誇っていますが、米国と EU の一部の組織では、トラフィックの大部分がすでに「Cookie レス」になっています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"デジタル マーケティング担当者にとって、これまでの経過は何を意味するのでしょうか。もう少し時間を稼げたのでしょうか、それともまだ間に合っていないのでしょうか。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"急激なトラフィックの減少は、アルゴリズムの変更ではない？！",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"Redditでも80%もGAでのトラフィックが減少したことが報告されていました。一方で面白いことに、日本人によるXの呟きでは「アルゴリズムによって急激な減少が起きた」と書かれていることがほとんど。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},marks:[],value:a$,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[{type:bo}],value:an,nodeType:a},{data:{uri:ba},content:[{data:{},marks:[{type:bo}],value:bb,nodeType:a}],nodeType:O},{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:R},{data:{},content:[{data:{},marks:[],value:"広告収益などは、同じ期間にはまったく正常であるため、トラフィックが減少したわけではないことはわかっていると書かれています。さらに、GA が現在すべてのサイト トラフィックを報告しているわけではないと、私は 100% 確信していると書かれています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"FLOURISHでも、複数のサイトをモニタリングする中でデータの欠落を感じることがあります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サードパーティの Cookieの廃止の理由",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"データの欠落が起きる原因でもあるサードパーティの Cookieの廃止はなぜ進められているか紹介します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サードパーティCookieとは、ウェブサイトとは異なるドメインから発行されるCookieであり、ユーザーの閲覧履歴などを追跡するために使用されます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"近年、EUの一般データ保護規則（GDPR）やカリフォルニア州消費者プライバシー法（CCPA）など、個人情報の保護に関する規制が強化されており、サードパーティCookieの使用が制限されています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[{type:d}],value:"従来のGAでは、ユーザーの同意なしにCookieを使用してデータを収集していたため、これらの規制に抵触する可能性がありました",nodeType:a},{data:{},marks:[],value:"。Google AnalyticsによるサードパーティCookieは、収集されるユーザー データの量と種類、そのデータの用途、データの所有者、データの保存期間に関して、プライバシーに関する懸念がありました。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"SafariやFirefoxなどのブラウザでは、サードパーティCookieのブロック機能が強化されており、すでにGAによるデータ収集が制限されています。ブラウザでは、iOS11からすべてのブラウザで ITP (",nodeType:a},{data:{},marks:[{type:d}],value:"Apple",nodeType:a},{data:{},marks:[],value:"がSafariに搭載しているトラッキング防止機能）が搭載されています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サードパーティのCookieは違法ではない",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"とても悪者のイメージが付きがちなサードパーティ Cookie ですが、廃止する法的要件はありません。サードパーティ Cookie は「違法」ではありませんが、ユーザーの同意なしにそれを使用して個人データを収集することは違法です。 ",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"また、Cookie の広範な使用により、個人データが制御されない方法で共有されるようになりました。サイバー犯罪者は、ユーザーになりすましたり、金融データを収集したり、パスワードを盗んだりするためにこれらのデータを使用する可能性があり、実際に使用されています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"こういった状況の中で、インターネット広告における最大の利害関係者である Google が、サードパーティ Cookie を廃止することで、よりプライバシーへの配慮を推進するに至ったのです。Googleは、この収入源を息絶えさないようにするために、新しい方法の開発に注力してきたことでしょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"デジタル マーケターにとって重要なのは、Chrome がサードパーティ Cookie を廃止するということではなく、このテクノロジーを何に置き換えるかということです。KPIの再設定やマインドのチャンジも必要になってくるでしょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Pardotってどうなの？salesforeceのcookieはどうなの？",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"Salesforce マーケティング ツールに関していくつかの措置を講じる必要があります。\nファーストパーティ トラッキングとは、Account Engagement (Pardot) の Web トラッキングが go.pardot.com ドメインから会社の指定トラッカー ドメイン (例: www2.companyname.com ) に移動されることを意味します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Google Analyticsに変わる注目の計測ツール",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"GA4はクライアントサイド追跡で、JavaScriptを使用してブラウザ側でデータを収集します。このクライアントサイド追跡は広告ブロッカーやプライバシー設定による影響を受けやすいです。\nそのため、サーバーサイド解析ツールは、近年注目を集めており、様々なツールが開発されています。\nMatomo、Plausible、Fathomは、いずれファーストパーティデータを収集するWeb分析ツールで、Google Analytics の代替として最も人気のあるツールです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GA4、Meta など、ほとんどのプラットフォームとサービスでは、クライアント側 (訪問者のブラウザ) ではなく、自分のサーバーまたはサーバーから測定と追跡を設定するための API が提供されています。サーバーサイドGTMの設定はより複雑で、技術的なスキルが要求されます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"例えば、",nodeType:a},{data:{},marks:[],value:"sGTM(Server-side Google Tag Manager)は、",nodeType:a},{data:{},marks:[],value:"サーバー側でデータをキャプチャするため、より正確で信頼性の高いデータ収集が可能です。しかし、設定はより複雑で、技術的なスキルが要求されます。さらに",nodeType:a},{data:{},marks:[],value:"サーバー側での処理を行うため、追加のインフラコストが発生する場合があります。具体的には、",nodeType:a},{data:{},marks:[],value:"GTMの管理画面で新しいサーバーサイドコンテナを作成し、Google Cloud Platform（GCP）で新しいApp Engineアプリケーションを作成し、GTMサーバーサイドコンテナをデプロイします。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サーバーサイドGoogle Tag Manager（sGTM）の設定において、キャッシュやコンテンツ配信ネットワーク（CDN）の考慮は重要なので、技術的にもコストはかかります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"今後のデータの扱いとマーケティングへの適応",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"同意管理プラットフォームを導入する",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"デジタル マーケティングの中心に同意管理プラットフォームを配置することで、サードパーティ Cookie 後の戦略を設定する際に同意に基づくアプローチを確実に実施でき、GDPR、ePrivacy 指令、その他の世界中のプライバシー法に準拠できるようになります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"データ収集の法的根拠があることを確認する",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"CMP を導入すると、ユーザー\u002F訪問者からの同意を管理するシステムも整います。そのため、CMP はプライバシーに配慮したマーケティング戦略の中心であり、特にサードパーティ Cookie 以降の世界では重要です。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Consent Mode v2 API は、GA4、Google AdsなどのGoogleのエコシステムにおいて重要なギアとなります。",nodeType:a},{data:{},marks:[{type:d}],value:"Google は",nodeType:a},{data:{},marks:[{type:d}],value:"EEA（欧州経済領域）において",nodeType:a},{data:{},marks:[{type:d}],value:"Consent Mode v2 を必須にしており、サードパーティ Cookie の廃止よりも避けられないものとなっています",nodeType:a},{data:{},marks:[],value:"。少なくとも、Google Ads の運用を最大限に活用したいのであればそうです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"KPIを再考する",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"サードパーティ Cookie 後の状況は、大雑把に言えば、より品質を重視し、虚栄心を少なくする機会として捉えることができます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ファーストパーティデータ戦略を構築する",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"ニーズに応じて、ファーストパーティ データ戦略を処理するための堅牢な顧客データ プラットフォームも提供するMatomoなど、プライバシーとデータ所有権がより高い分析ツールへの移行を検討してください。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"計測と広告のどちらにとってもベターな方法を検討しましょう",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"データ駆動でマーケティングを行なっている場合は、計測は精度を上げたいところです。広告を運用している場合は角度の高いターゲットを集めたいところです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Google AdsではConsent Mode v2 を必須になるので、Consent Mode v2 API を活用しつつ、広告を運用しましょう。Consent Mode v2を入れても計測の精度が上がるかは定かではありません、データの欠落は起こると思います。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"計測のためには、サーバサイド解析を行うこと。広告のためにはConsent Mode v2やCMPを入れること。どちらもの対応がミニマムでも必要になることが想定されます。s",nodeType:a}],nodeType:b}],nodeType:B},tipsLink:[_,$]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2K9gpwA8qKm49XSEz9JNUm",type:m,createdAt:"2023-07-09T04:09:09.985Z",updatedAt:"2024-03-05T15:00:29.274Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:140,revision:23,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:aq,slug:"cookie-data",description:"デジタルデータの活用と個人情報保護の関係を、Cookieを例に解説します。Cookieは事業者がWebを通して情報収集を行うことができる便利な方法として利用されてきましたが、今後はどのような点に留意する必要があるでしょうか？",category:E,Category_tips:[Q,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:bp,type:m,createdAt:aa,updatedAt:aa,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:bq,slug:br}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:bs,type:m,createdAt:bt,updatedAt:bu,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:K,revision:s,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:bv,slug:bw}},al,ak],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2CGQrU6DuLBIwuOwrzgbjB",type:r,createdAt:bx,updatedAt:bx,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,locale:i},fields:{title:aq,description:aq,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2CGQrU6DuLBIwuOwrzgbjB\u002F38cac7d77bf7b6aa4ba246a3ff50a955\u002F______________________________-1-_17_.jpg",details:{size:658118,image:{width:N,height:a_}},fileName:"マイプロジェクト-1-(17).jpg",contentType:x}}},content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:"デジタルデータを取り扱う技術は日々急速に進歩を続けており、収集されたデータの利用用途はかつてとは比べ物にならないほど拡大しています。利便性が向上する一方で、私たちの個人情報を含むデータが悪用され、プライバシーの侵害などの問題が起きるリスクも同時に高まっているのが実情です。\nこの記事では、デジタルデータの活用と個人情報保護の関係を、Cookieを例に解説します。Cookieは事業者がWebを通して情報収集を行うことができる便利な方法として利用されてきましたが、今後はどのような点に留意する必要があるでしょうか？",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Cookieとは？",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"CookieとはWebサイトにアクセスした時に、Webサイト側から利用者のPCやスマートフォンに保存されるデータです。Cookieには、Webサイトでの利用者の行動に関する情報を記録できるため、後日同じサイトに再度アクセスした時に前回入力したIDやパスワードの入力を省略したり、ショッピングカートの情報を引き継いだりすることなどが可能になります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"日本の個人情報保護制度",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"デジタル技術が生活の幅広い場面で使用されるようになるのに合わせて、日本でもデジタルデータの取り扱いを個人情報保護という観点から規制する仕組みが整えられています。日本における個人情報保護規制の中心となるのは、「個人情報の保護に関する法律」（個人情報保護法）です。この法律は2003年に成立して以降、社会の変化に対応した改正が続けられています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"「個人情報」とは",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"個人情報保護法でいう「個人情報」とは、生存する個人に関する情報であって、個人を識別できるもの及び他の情報と容易に照合することができ、それによって個人を識別できるもの、とされています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"個人を識別できる情報の具体例には、",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:by,nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"本人が映った映像",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"特定の個人と紐づいていることが容易に推定できるメールアドレス",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:ar,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"他の情報と組み合わせて個人を識別できる情報には、",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"細胞から採取されたDNAの塩基配列",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"容貌データ（骨格や皮膚の色、顔のパーツの位置関係等）",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"指紋や虹彩の模様、声紋、歩行時の動作パターン等",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"公的な文書等に記載される番号（マイナンバーやパスポート、自動車運転免許に記載の番号）",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:"が挙げられます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"これらの情報は個人情報として保護するべきことがイメージしやすいものですが、現在の個人情報保護法によって取り扱いが規制されている情報の範囲はさらに拡大しています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"「個人関連情報」とは",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"「個人関連情報」とは、生存する個人に関する情報であって、個人情報や匿名化した個人情報に該当しないものを指します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"つまり、ある個人に関する情報であるものの、その情報単体ではもちろん、（個人関連情報を保有するものにとって）他の情報と組み合わせて個人を識別することができないものが当てはまります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"個人関連情報の具体例には、",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"Cookie等に記録された、ある個人のWebサイト閲覧履歴",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"メールアドレスに紐づいた、ある個人の年齢、性別、家族構成の情報",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ある個人の購買履歴、サービス利用記録",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ある個人の興味、関心に関する情報",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ある個人の位置情報",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:ar,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"確かにこれらの個人関連情報だけでは個人を識別することができませんが、",nodeType:a},{data:{},marks:[{type:d}],value:"個人関連情報が第三者に提供された場合、他の情報と照合することで特定の個人が識別できてしまう",nodeType:a},{data:{},marks:[],value:"可能性があります。",nodeType:a}],nodeType:b},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"LWFe5HqOPYD7hJe415nal",type:r,createdAt:"2023-07-09T04:57:47.198Z",updatedAt:"2023-07-09T05:11:00.398Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:S,revision:u,locale:i},fields:{title:bz,description:bz,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002FLWFe5HqOPYD7hJe415nal\u002F73a1444bc6d71394ebbc3a88c68084dc\u002F_____________________-_1_-_1_.png",details:{size:58831,image:{width:M,height:757}},fileName:"データフロー-(1)-(1).png",contentType:A}}}},content:[],nodeType:C},{data:{},content:[{data:{},marks:[],value:"そこで、2020年に改正された個人情報保護法では、",nodeType:a},{data:{},marks:[{type:d}],value:"提供先事業者が「個人関連情報を個人データとして取得する可能性があるとき」は、個人関連情報の第三者への提供にあたって、本人の同意が得られていることを確認する等の義務",nodeType:a},{data:{},marks:[],value:"が定められています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"EU一般データ保護規則　GDPR",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"EU加盟国とアイスランド、リヒテンシュタイン、ノルウェーからなる欧州経済領域（EEA）における個人データの取り扱いについて定めた規則が、",nodeType:a},{data:{},marks:[],value:"2016年4月に制定されたEU一般データ保護規則（GDPR：General Data Protection Regulation）です 。GDPRは2018年5月25日に施行されました。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GDPRの保護対象",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"GDPRで保護対象とする「個人データ」の範囲は、日本の個人情報保護法でいう「個人情報」よりも広く、「個人関連情報」までも含みます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"第4 条 定義",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"(1) 「個人データ」とは、識別された自然人又は識別可能な自然人（「データ主体」）に関する情報を意味する。識別可能な自然人とは、特に、氏名、識別番号、位置データ、オンライン識別子のような識別子を参照することによって、又は、当該自然人の身体的、生理的、遺伝的、精神的、経済的、文化的又は社会的な同一性を示す一つ又は複数の要素を参照することによって、直接的又は間接的に、識別されうる者をいう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:q,nodeType:a},{data:{uri:bA},content:[{data:{},marks:[],value:"引用：個人情報保護委員会　一般データ保護規則（GDPR）の条文",nodeType:a}],nodeType:O},{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:R},{data:{},content:[{data:{},marks:[],value:"具体的には、",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:by,nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"本人の識別番号（パスポートやクレジットカードの情報、指紋等個人を識別できる情報）",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"位置データやオンライン識別子（Cookie含む）",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:"が保護対象となる「個人データ」に該当します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"加えて、日本の企業にとって注意すべきポイントは、",nodeType:a},{data:{},marks:[{type:d}],value:"GDPRの対象がEU域内に居住する人の個人データとされている点",nodeType:a},{data:{},marks:[],value:"です。EU域内に支店や子会社が存在せずEU域外で個人データを取り扱う場合でも、EU域内の個人に関するデータである限りGDPRの規制対象となります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"第3 条 地理的適用範囲",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"1. 本規則は、その取扱いがEU 域内で行われるものであるか否かを問わず、EU 域内の管理者又は処理者の拠点の活動の過程における個人データの取扱いに適用される。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"2. 取扱活動が以下と関連する場合、本規則は、EU 域内に拠点のない管理者又は処理者によるEU 域内のデータ主体の個人データの取扱いに適用される：",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"(a) データ主体の支払いが要求されるか否かを問わず、EU 域内のデータ主体に対する物品又はサービスの提供。又は　",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"(b) データ主体の行動がEU 域内で行われるものである限り、その行動の監視。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"引用：",nodeType:a},{data:{uri:bA},content:[{data:{},marks:[],value:"個人情報保護委員会　一般データ保護規則（GDPR）の条文",nodeType:a}],nodeType:O},{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:R},{data:{},content:[{data:{},marks:[],value:"つまり、自社のWebサイトにEU域内の個人がアクセスしたケースで、氏名やクレジットカード情報はもちろん、cookie情報を取得した場合もGDPRに則った適切な個人データの管理が求められることになります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GDPRによって事業者に求められる対応",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"個人データを取り扱う事業者が従う必要があるGDPRの規則は多岐にわたりますが、主なものとして次の3点が挙げられます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"個人データ取得の目的の明示と本人による同意",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"個人データの取得にあたって、どのようなデータを何の目的で取得するのかを明示した上で、本人の同意を得なければなりません。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"保存期間の制限",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"収集した個人データを保存する必要が無くなった時は、個人データを削除する必要があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ユーザーが本人の個人データをコントールする権利の保障",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"本人の求めに応じて、本人の個人データを閲覧、編集、削除できる権利を尊重しなければなりません。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ポリシーを策定する",nodeType:a}],nodeType:y},{data:{},content:[{data:{},marks:[],value:"個人データを取り扱う事業者は、個人データを保護するセキュリティを確保するための技術的、組織的な措置をとる必要があります。具体的には、個人データの暗号化やセキュリティポリシーの策定などが挙げられます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GDPRには上記以外にも詳細なルールが多数設定されており、そのすべてを理解することは容易ではありません。適切な個人データ管理体制の構築のためには専門家のアドバイスを受けることが推奨されます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"カリフォルニア州消費者プライバシー法　CCPA",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"アメリカ版GDPRとも言われる個人データ保護規制が、カリフォルニア州消費者プライバシー法　CCPA（California Consumer Privacy Act）で、",nodeType:a},{data:{},marks:[],value:"2020年1月1日から施行されています",nodeType:a},{data:{},marks:[],value:"。その名の通り、アメリカのカリフォルニア州の州法であり、保護対象はカリフォルニア州の住民とその世帯の情報です。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"カリフォルニア州はアメリカでもっとも人口の多い州であり、IT産業の中心地として有名なシリコンバレーが存在することでも知られています。将来的にCCPAがアメリカ全体の個人データ保護制度のモデルになる可能性も想定されるため、世界中から注目が集まっています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"CCPAの保護対象",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"保護対象となるデータの範囲はGDPRに近く、Cookieなど単体で個人を識別できない情報を含みます。条文には具体的な例が記載されていますが、これらの例に限定されるわけではないことも明記されており、今後の技術発展や社会情勢の変化に応じて範囲が拡大していくことも想定されます。\n　対象となる個人データは、カリフォルニア州の住民のデータに限られますが、個人データを取り扱う事業者はカリフォルニア州内に所在するものに限定されません。そのため、日本国内の事業者も対象になる可能性があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"CCPAによって事業者に求められる対応",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"事業者が為すべき対応に関するCCPAの規制も、GDPRと同様に多岐にわたります。CCPAの規制のなかでGDPRと似ている部分には、",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"収集される個人データとその目的に関する情報の提示",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"本人が収集された情報の開示を受ける権利及び情報の削除を求める権利",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"個人データに対して合理的なセキュリティ対策を施す",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:ar,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"3つの法規制におけるCookieの考え方の違い",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"この記事で紹介した3つの個人情報保護制度をCookieの考え方には以下のような違いがあります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:L},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"個人情報保護法",nodeType:a}],nodeType:b}],nodeType:L},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"GDPR",nodeType:a}],nodeType:b}],nodeType:L},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"CCPA",nodeType:a}],nodeType:b}],nodeType:L}],nodeType:w},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"適用範囲",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"日本国内にある者を本人とする個人情報を取り扱う事業者（外国において取り扱う場合も含む）",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"EU圏に所在する個人の個人データを取り扱う事業者",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"（EU圏外において取り扱う事業者を含む）",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"カリフォルニア州の住民とその世帯の情報を取り扱う事業者（事業者には対象となる要件あり、州外において取り扱う事業者を含む）",nodeType:a}],nodeType:b}],nodeType:k}],nodeType:w},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"Cookieの位置付け",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"氏名などの個人情報とは異なるカテゴリの「個人関連情報」",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:bB,nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:bB,nodeType:a}],nodeType:b}],nodeType:k}],nodeType:w},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"Cookie利用に関する本人の同意",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"個人を識別できる情報と照合することが想定される第三者に提供する場合は、本人の同意を得られていることを確認する必要あり。",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"通知の上、本人が自ら能動的に同意することを求める（オプトイン）。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"拒否しない限り取得する方式では不十分。",nodeType:a}],nodeType:b}],nodeType:k},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"本人がCookieの利用を停止できる権利（オプトアウト）を通知する必要がある。",nodeType:a}],nodeType:b}],nodeType:k}],nodeType:w}],nodeType:as},{data:{},content:[{data:{},marks:[],value:"3つを比較すると日本の個人情報保護法は比較的緩やかな規制であると考えられており、Cookieの取り扱いにもそれが現れています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"日本企業はGDPRやCCPAに従うべき？",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"それでは、日本の事業者は個人情報保護法さえ遵守しておけば良いのでしょうか。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GDPRやCCPAの規定を見ると、Webを通じて対象となるデータを取得する場合には日本国内で事業を行っている場合でも適用対象となり得ます。思わぬ形で制裁金や民事訴訟の対象になるリスクもあるため注意が必要です。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bC,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bD,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"デジタルデータ活用に向けて",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"Webを通じて私たちの情報がやり取りされる現状において、個人データの取り扱いに関する規制の整備が進んでいます。現在の日本では適法な行為も、海外の規制が求める対応になっていない可能性もあります。\nGDPRやCCPAは厳しい基準を提示していますが、データの活用そのものを禁じる趣旨はありません。適切な手順を経て取得されたデータを、適切な方法で処理することは、現代の、そして将来のビジネスにとって重要な課題となっています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bC,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bD,nodeType:a}],nodeType:b}],nodeType:B},tipsLink:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"6z0ThgUgzY1xDT2il7T8cf",type:m,createdAt:bE,updatedAt:bE,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:T,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"20LWxjcnuM4Er2pJF83BrF",type:r,createdAt:bF,updatedAt:bF,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"cloud-servers",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F20LWxjcnuM4Er2pJF83BrF\u002Ff2b8fb88bed31e8f7435c399f77bfc33\u002Fcloud-servers.jpeg",details:{size:2705339,image:{width:N,height:bG}},fileName:"cloud-servers.jpeg",contentType:x}}},titleTips:ap,discriptionTips:"データを活用しアクションまで求める",URL_tips:bH,name:ap,btnType:J,subTips:bI}},$],Writer:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"7ovzKgiVsfxEN8UgBmHg10",type:m,createdAt:"2023-06-16T15:42:35.144Z",updatedAt:"2024-02-15T11:06:25.081Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:bJ,revision:at,contentType:{sys:{type:c,linkType:n,id:"Writer"}},locale:i},fields:{name:"Sho Sato",jobCategory:["AI engineer (especially bio, AI, IT)"],Profile:"1986年生まれ。北海道大学理学部卒業、東北大学で博士（生命科学）取得。京都府警察科捜研、大阪大学産業科学AIセンター特任助教、ベンチャー企業の取締役を経て独立。専門はバイオ（特に神経科学）、AI・ITなど。 現在はAIエンジニアとして活動するかたわら、京都を中心に事業者支援活動にも注力している。佐藤行政書士事務所代表",teamMate:true,type:"Partner&Advisor",image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5QCQjdL82eHAuoAH4IyCmc",type:r,createdAt:"2023-06-28T06:35:30.489Z",updatedAt:"2023-06-28T06:36:29.282Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:K,revision:u,locale:i},fields:{title:"SATO SHO",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5QCQjdL82eHAuoAH4IyCmc\u002Fba3bbd731d7288d5f1e5a4f1ec3a6a1c\u002Fpf______.jpg",details:{size:409833,image:{width:bK,height:bK}},fileName:"pf作成.jpg",contentType:x}}}}}]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2ADrr02Z8z4BVc45r8Ktgw",type:m,createdAt:"2024-07-09T08:42:06.207Z",updatedAt:"2024-08-13T11:41:56.071Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:bL,revision:z,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"GA4 キーイベント率はどれを使うべき？セッションキーイベント率とユーザーキーイベント率の違い",slug:"ga4-event",description:"GA4 では、ユーザー キー イベント レートとセッション キー イベント レートの 2 つのタイプを区別します。チャネルごとのイベント率を算出したい場合はどちらが適切なのでしょうか。",category:E,Category_tips:[aj,Q,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"7qay46R7OHlvlbh6nsX878",type:m,createdAt:bM,updatedAt:bM,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:"効率化",slug:"efficiency"}}],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1xVIDT8KMdJJDq2a492EZs",type:r,createdAt:"2024-07-09T08:53:35.200Z",updatedAt:"2024-07-09T09:34:09.292Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:u,locale:i},fields:{title:"キーイベント率",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1xVIDT8KMdJJDq2a492EZs\u002F3fae11adb2f2706b527466cfc88c72d0\u002F________.jpg",details:{size:88671,image:{width:1508,height:758}},fileName:"キーイベント率.jpg",contentType:x}}},content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:"GA4 では、",nodeType:a},{data:{},marks:[{type:d}],value:"ユーザー キー イベント率",nodeType:a},{data:{},marks:[],value:bN,nodeType:a},{data:{},marks:[{type:d}],value:"セッション キー イベント率",nodeType:a},{data:{},marks:[],value:"の 2 つのタイプを区別します。キー イベント トラッキングを設定している場合、この2つのキー イベント レートは自動的に計算されます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ユーザーキー イベント率は、サイトにアクセスしてキー イベントをトリガーしたユーザーの割合を示します。セッション キー イベント率は、コンバージョンをトリガーしたセッションの割合を示します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"それではチャネルごとのイベント率を確認したい場合はどうすればいいのでしょうか。この記事では、チャネルをディメンションにした時に、マトリックスとしてどちらが適切なのかを紹介します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"チャネルごとにキーイベント率を確認したい場合、どちらのイベント率を使うべきか？",nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"通常、",nodeType:a},{data:{},marks:[{type:d}],value:"セッションキーイベント率（Session Key Event Rate）を使用する方が適切",nodeType:a},{data:{},marks:[],value:"です。これは、各セッションが一意のチャネルに紐づけられているためです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ユーザーキーイベント率は、サイト全体の指標であり、ユーザーがサイトにアクセスしたチャネルは考慮されません。チャネルのパフォーマンスを比較することは難しい場合があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ユーザーキーイベント率がチャネルを考慮していないとは、どういうことか具体的に説明します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"チャネルごとのユーザーキーイベント率を計算する際に、チャネルの紐付けをする必要があります。通常ユーザーの最初の訪問時のチャネルや最も影響力のあるチャネルを基に行いたいところです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"例えば、各セッションは",nodeType:a},{data:{},marks:[{type:d}],value:"一意のチャネル",nodeType:a},{data:{},marks:[],value:"に紐付けられますが、ユーザーは複数のチャネルを経由してサイトを訪問することがあります。ユーザーキーイベント率では、どのチャネルにイベントを紐づけるべきか判断が難しく、",nodeType:a},{data:{},marks:[{type:d}],value:"誤った評価",nodeType:a},{data:{},marks:[],value:"につながる可能性があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"また、同一ユーザーが複数のチャネル経由でサイトを訪問した場合、イベント発生回数が重複カウントされてしまう可能性があります。セッション開始チャネルと、イベント発生時のチャネルが異なる場合、どのチャネルにイベントを紐づけるべきか判断が難しくなります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"他にも、",nodeType:a},{data:{},marks:[],value:"特定のチャネルのユーザーキーイベント率が高い場合、そのチャネル自体がより効果的だったからではなく、そのチャネルを経由してアクセスしたユーザーがそもそもコンテンツに興味を持つ可能性が高かったためである可能性があります",nodeType:a},{data:{},marks:[],value:"。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"これらの理由から",nodeType:a},{data:{},marks:[],value:"、チャネルごとのイベント率を把握する場合は、セッションキーイベント率を使用することが推奨されます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ユーザーキーイベント率も、",nodeType:a},{data:{},marks:[{type:d}],value:"ユーザー全体の傾向",nodeType:a},{data:{},marks:[],value:"を把握する指標として役立ちます。チャネルごとの分析と併せて活用することで、より深い理解を得ることができます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:B},tipsLink:[_]}}],relatedCapability:{service:[],solution:[_,$]},latestEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5CmoG5vKvJjX5gFU40k7Ce",type:m,createdAt:"2024-09-18T06:17:47.699Z",updatedAt:"2024-09-18T06:36:24.524Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:at,revision:u,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"サーバーサイドのプログラミング言語Node.jsとその代替とは",slug:"node-js",description:"Node.js は、JavaScript のランタイム環境であり、主にサーバーサイドで使用され、ビジネスロジックの実行をします。データベース操作、リクエストデータの処理、クライアントへのレスポンスの生成など、業務上の重要な処理を担当する部分を指します。",category:E,Category_tips:[ab,bP],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2ZTk2FPQm72P8GeBiqikvM",type:r,createdAt:bR,updatedAt:bR,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"node",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2ZTk2FPQm72P8GeBiqikvM\u002Ff89ab920f76c4f22cd93ffc2a38e7a31\u002Fnode.jpg",details:{size:279228,image:{width:3016,height:1516}},fileName:"node.jpg",contentType:x}}},content:{nodeType:B,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js",marks:[{type:d}],data:{}},{nodeType:a,value:" は、JavaScript のランタイム環境であり、主にサーバーサイドで使用され、ビジネスロジックの実行をします。データベース操作、リクエストデータの処理、クライアントへのレスポンスの生成など、業務上の重要な処理を担当する部分を指します。例えば、ECサイトのサーバーでは、商品在庫の確認や決済処理といったビジネスロジックが行われます。Node.jsは、そのようなビジネスロジックを効率的に実行する役割を担っています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"元々 JavaScript は、ブラウザで DOM を操作するために設計されたクライアントサイドのプログラミング言語でしたが、Node.js の登場により、サーバー側でも JavaScript が実行できるようになりました。これにより、フルスタック JavaScript 開発が可能になり、フロントエンドとバックエンドの両方で同じ言語を使用してウェブアプリケーションを構築することが容易になりました。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"Node.js の仕組み",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js は、Google が開発した ",marks:[],data:{}},{nodeType:a,value:"V8 JavaScript エンジン",marks:[{type:d}],data:{}},{nodeType:a,value:" 上で動作します。V8 は JavaScript コードを効率的に実行するためのエンジンであり、JavaScript をマシンコードにコンパイルして実行します。このエンジンはブラウザ上でも使用されていますが、Node.js ではブラウザ外でも JavaScript を実行できるようにするため、いくつかの機能が追加されています。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Node.jsの主な機能",marks:[{type:d}],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ファイルシステム操作",marks:[{type:d}],data:{}},{nodeType:a,value:av,marks:[{type:d}],data:{}},{nodeType:a,value:"Node.jsでは、ローカルファイルの読み書き、削除など、ファイルシステム操作が可能です。これは、ブラウザ内でJavaScript ではサポートされていない機能です。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ネットワーク通信",marks:[{type:d}],data:{}},{nodeType:a,value:av,marks:[{type:d}],data:{}},{nodeType:a,value:"Node.js は、HTTP サーバーの作成やWebSocket 通信など、ネットワーク関連の操作も可能です。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bS,marks:[{type:d}],data:{}},{nodeType:a,value:av,marks:[{type:d}],data:{}},{nodeType:a,value:"Node.js は非同期 I\u002FO 処理を得意とし、高負荷なアプリケーション（例：リアルタイムチャットアプリやAPI サーバー）に適しています。",marks:[],data:{}}]}]}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Node.js の役割はビジネスロジックの実行",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js などのサーバーサイドのアプリケーションは、",marks:[],data:{}},{nodeType:a,value:"ビジネスロジックの実行（業務上の重要な処理の実行）が大きな役割です。",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js は、単にリクエストを受け取るだけでなく、データベースとのやりとり、リクエストデータの処理、ファイルの読み書き、さらにはクライアントへのレスポンスを生成することができます。たとえば、API を使用してデータを取得し、それをクライアントに返す際に JSON や XML 形式で返すといった処理も、Node.js では簡単に実装可能です。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"Node.js と他のフレームワークの連携",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js は、",marks:[],data:{}},{nodeType:a,value:"React",marks:[{type:d}],data:{}},{nodeType:a,value:" や ",marks:[],data:{}},{nodeType:a,value:"Nuxt.js",marks:[{type:d}],data:{}},{nodeType:a,value:" などのフロントエンドフレームワークと密接に連携して使用されます。これにより、サーバーサイドとクライアントサイドで JavaScript を統一して使えるため、フルスタック開発が可能となります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"1. React と Node.js",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"React は主にクライアントサイドでの UI 構築に使用されますが、サーバーサイドレンダリング（SSR）や API サーバーと連携する場合にはNode.js が使われます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"React はクライアントサイドレンダリング（CSR）でも使われる一方、Node.js を使用することで SSR を実現し、初回のページ表示速度や SEO を改善できます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"2. Nuxt.js と Node.js",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Nuxt.js は Vue.js ベースのフレームワークで、SSR や静的サイト生成をサポートしています。Node.js をバックエンドとして使用し、API のデータ提供やレンダリング処理を行います。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js を使うことで、Nuxt.js で構築したアプリケーションを効率よくSSR でき、フロントエンドとバックエンドの統合が可能です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js は、フロントエンドフレームワークとサーバーサイドの処理を統合することで、モダンなウェブ開発において非常に重要な役割を果たします。JavaScript の柔軟性と Node.js のサーバーサイド機能を組み合わせることで、効率的な開発が可能です。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Node.js の代替、他のバックエンド技術の比較",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js の代替としては、以下のようなサーバーサイドの技術が挙げられます：",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Python",marks:[{type:d}],data:{}},{nodeType:a,value:"：Flask や Django といったフレームワークを使って、Node.js と同様にサーバーサイドアプリケーションを構築できます。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"PHP",marks:[{type:d}],data:{}},{nodeType:a,value:"：Apache や nginx などの Web サーバーと連携して、サーバーサイドの処理を行います。Node.js のようにサーバー自体をコードで定義することは少ないですが、豊富なフレームワーク（例：Laravel）があります。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ASP.NET",marks:[{type:d}],data:{}},{nodeType:a,value:"：Microsoft の技術で、C# を使用してサーバーサイドアプリケーションを構築します。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Ruby on Rails",marks:[{type:d}],data:{}},{nodeType:a,value:"：Ruby を使用したフレームワークで、Node.js と同様に Web アプリケーションを構築するための強力なツールです。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Go (Golang)",marks:[{type:d}],data:{}},{nodeType:a,value:"：Go は、Google が開発したオープンソースのプログラミング言語です。シンプルな構文でありながら、高い並行処理性能を誇ります。Node.js と同様にイベント駆動モデルに近い並行処理を実現できます。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Java (Spring Boot)",marks:[{type:d}],data:{}},{nodeType:a,value:"：Java は大規模なエンタープライズアプリケーションの開発で長年使用されてきた言語です。Spring Boot は、Java のウェブアプリケーションやマイクロサービス開発において標準的なフレームワークです。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"C++ (Boost.Beast, Crow フレームワーク)",marks:[{type:d}],data:{}},{nodeType:a,value:": C++ はシステムレベルの高速処理が必要なアプリケーションで使用されることが多いですが、Boost.Beast や Crow などのフレームワークを使えば、ウェブアプリケーションや API の開発も可能です。",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"これらの技術はすべて、サーバーサイドアプリケーションの構築に使用できますが、それぞれの特性やエコシステムに違いがあります。Node.js の最大の利点は、",marks:[],data:{}},{nodeType:a,value:"フロントエンドとバックエンドの両方で同じ言語（JavaScript）を使えること",marks:[{type:d}],data:{}},{nodeType:a,value:"です。これにより、開発者は 1 つの言語を学ぶだけで、クライアントサイドとサーバーサイドの両方のコードを書くことができるため、効率的な開発が可能になります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーサイド技術の選択にはいくつかの基準があります。プロジェクトの要件、開発者のスキルセット、エコシステムとライブラリ、開発とメンテナンスのコスト、セキュリティなどを考慮して検討すると良いでしょう。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Node.js の利点",marks:[{type:d}],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"JavaScript の使用",marks:[{type:d}],data:{}},{nodeType:a,value:"：フロントエンドで主に使用される JavaScript をサーバーサイドでも使えるため、フルスタック開発が簡単に実現できます。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bS,marks:[{type:d}],data:{}},{nodeType:a,value:"：Node.js は非同期 I\u002FO を得意としており、リアルタイム通信や高負荷なアプリケーションに適しています。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"パフォーマンス",marks:[{type:d}],data:{}},{nodeType:a,value:"：Node.js は軽量で高速な処理が可能で、特に大量のリクエストを効率よくさばく必要があるアプリケーションに向いています。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"豊富なパッケージ",marks:[{type:d}],data:{}},{nodeType:a,value:"：npm（Node Package Manager）には無数のモジュールがあり、必要な機能を簡単に追加できます。",marks:[],data:{}}]}]}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Node.js の後継「Deno.js」の登場",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Deno.js は、Node.js の後継として、よりセキュアでモダンなサーバーサイド JavaScript 環境を提供するために設計されたものです。",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Deno.js",marks:[{type:d}],data:{}},{nodeType:a,value:" は、Node.js の開発者である Ryan Dahl によって作られた JavaScript および TypeScript 実行環境です。Deno は、Node.js の設計上の問題点や欠点を解消するために作られたもので、よりモダンでセキュアなサーバーサイドの実行環境を提供します。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Ryan Dahl は、Node.js を開発した後、いくつかの重要な設計上のミスを認識し、それを改善するために Deno を開発しました。2018 年に最初に発表され、2020 年 5 月に Deno 1.0 が正式リリースされました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"特に TypeScript のネイティブサポートや権限管理の強化など、モダンなアプリケーション開発に向けた新しいアプローチを取り入れています。ただし、エコシステムの成熟度や互換性において、Node.js ほどの普及には至っていないため、適切なユースケースでの採用が推奨されます。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"モダンな Web アプリケーションを構築するための有力な選択肢の 1 つ",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Node.js は、JavaScript をサーバーサイドで使用できる強力なツールであり、Web 開発において高いパフォーマンスを発揮します。Python や PHP、Ruby などの他の技術と同様に、",marks:[],data:{}},{nodeType:a,value:"Node.js もモダンな Web アプリケーションを構築するための有力な選択肢の 1 つ",marks:[{type:d}],data:{}},{nodeType:a,value:"ですが、JavaScript の習得が既に進んでいる場合、Node.js を使用することで開発を効率化できます。",marks:[],data:{}}]}]},tipsLink:[ac]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3gT4rPe5sUXuZ0X1SY5oX8",type:m,createdAt:"2024-09-05T06:13:23.927Z",updatedAt:"2024-09-05T09:04:15.605Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:207,revision:G,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"サーバーレスってなに？サーバーレスでインフラコストを削減できる？",slug:"what-is-serverless",description:"「サーバーレスはサーバーがないことを意味するわけではありません。簡単にいうと、サーバーを気にせずにコードを実行する方法です。「サーバーレス」開発がもたらす利点を見てみましょう。",category:E,Category_tips:[ad,ab],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5TG09zx8fkBFgegwHcutfI",type:r,createdAt:bX,updatedAt:bX,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"サーバーレス",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5TG09zx8fkBFgegwHcutfI\u002F0174a9bd49f79e248e629873fe984d38\u002F_______.jpg",details:{size:68013,image:{width:M,height:788}},fileName:"サーバーレス.jpg",contentType:x}}},content:{nodeType:B,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"従来、アプリケーションをデプロイする場合、通常は AWS などのホスティング プロバイダーを見つけて、アプリケーションを開発し、セットアップしたサーバーにデプロイします。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"アプリケーションに必要な負荷分散、自動スケーリング、更新、管理などの複数のサーバーのセットアップが発生します。これを「サーバーフル」アーキテクチャと呼びます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"一方で、「サーバーレス」アーキテクチャは、クラウドにある完全に管理されたサービスのみを使用することを目的としています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"「サーバーフル」な方法で十分ではないでしょうか？「サーバーレス」開発がもたらす利点を見てみましょう。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"サーバーレス（serverless）とは",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーレスはサーバーがないことを意味するわけではありません。\n簡単にいうと、サーバーを気にせずにコードを実行する方法です。つまり、",marks:[],data:{}},{nodeType:a,value:"フロントエンド開発者がメンテナンスする責任がないこと",marks:[{type:d}],data:{}},{nodeType:a,value:"を意味します。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーレスは、クラウド管理サービスによるコード実行を活用します。そのため、開発者はコードが実行される基盤となるインフラストラクチャを設計する必要がなく、非常に拡張性のあるコスト効率の高いアプリケーションを構築するソフトウェア アーキテクチャ設計パターンです。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"従来型の開発の課題",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"従来型の開発（「サーバーフル」アーキテクチャ）にはいくつかの課題があります。特に以下の点で、サーバーレスと比較して効率が悪い部分があります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"1. サーバー管理の手間",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"従来型のアプローチでは、アプリケーションをホスティングするためにサーバーのセットアップや管理が必要です。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーの構成：サーバーの選定、インストール、設定、パッチ適用、セキュリティ対策。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"スケーリング：トラフィックが増えるとサーバーを追加で設定する必要があり、手動スケーリングではリソースの無駄が生じやすい。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"メンテナンス：サーバーのアップデート、監視、障害対応などが発生する。",marks:[],data:{}}]}]}]},{nodeType:l,data:{},content:[{nodeType:a,value:"2. 初期コスト",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーを導入するには、物理的なサーバーや仮想マシンの費用がかかります。さらに、バックアップ、データベース、ロードバランサー、ファイアウォールなども必要で、これらの設定と運用に費用と時間がかかります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"3. 運用コスト",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"アプリケーションが成長するにつれて、サーバーの台数やデプロイの複雑さが増すため、運用面での負担が増大します。異なるサーバー間の同期や、さまざまな技術スタックの連携が必要になると、さらに運用が煩雑になります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"つまり、ホスティングの部分に時間がかかります。アプリケーションがちょっとしたタスクをやるためにサーバー全体をセットアップするには、やりすぎです。",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"やりすぎかどうかが、サーバーレスを検討する上で重要です。too muchであれば、サーバレスは一つの選択肢です。",marks:[{type:d}],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"サーバーレス（serverless）のメリット",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーレスは、バックエンドのインフラ管理をクラウドプロバイダーに任せ、",marks:[],data:{}},{nodeType:a,value:"開発者がアプリケーションのコードに集中できるアプローチ",marks:[{type:d}],data:{}},{nodeType:a,value:"です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"従来の「サーバーフル」な方法では、サーバーのセットアップや管理が必要ですが、サーバーレスではこれらの作業がクラウド側で自動化されるため、インフラコストの削減と管理負担の軽減が期待できます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーレスアーキテクチャを採用したプラットフォームを紹介します。",marks:[],data:{}}]},{nodeType:as,data:{},content:[{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"プラットフォーム",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"特徴",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"対応言語",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"フレームワーク",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"料金",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"利用シーン",marks:[{type:d}],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bY,marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- フロントエンド向けに最適\n- Gitと自動デプロイ統合\n- サーバーレス関数の実装が簡単",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- JavaScript (Node.js)",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Nuxt.js\n- Gatsby\n- Hugo\n- React",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 無料プランあり\n- 有料プランは$19\u002F月",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 静的ウェブサイト\n- Jamstackプロジェクト",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Vercel",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Next.jsとの強い統合\n- グローバルCDNでの配信\n- サーバーレス関数やエッジ処理もサポート",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Node.js, Go, Python, Ruby",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Next.js\n- Gatsby\n- React",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 無料プランあり\n- 有料プランは$20\u002F月",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Next.jsを使ったウェブアプリ\n- プロトタイプ開発",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Google Cloud Functions",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- イベントドリブン型サーバーレス関数\n- Google Cloudとの強力な統合",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Node.js, Python, Go, Java, .NET, Ruby, PHP",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ae,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 無料枠あり（1Mリクエスト\u002F月）\n- 有料: $0.40\u002F100万リクエスト",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- トリガーベースのイベント処理\n- 機械学習モデルのホスティング",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Azure Functions",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- HTTPやタイマートリガーなど多様なイベント\n- Azureサービスとの強い連携",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- C#, JavaScript, Python, Java, PowerShell, TypeScript",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ae,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 無料枠あり（100万リクエスト\u002F月）\n- 有料: $0.20\u002F100万リクエスト",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Microsoft技術を活用したシステム\n- トリガーベースのアプリケーション",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"IBM Cloud Functions",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Apache OpenWhiskベース\n- IBM WatsonとAI機能の連携が可能",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- Node.js, Python, Java, Swift",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ae,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 無料枠あり\n- 有料プランは従量課金制",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- AIを組み込んだアプリケーション\n- データ解析、API構築",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Cloudflare Workers",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- エッジコンピューティング\n- 超高速デプロイとレスポンスが可能",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- JavaScript, TypeScript",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ae,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 無料枠あり（100,000リクエスト\u002F月）\n- 有料プラン: $5\u002F月",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- パフォーマンスが重要なAPI\n- グローバル展開が必要なアプリケーション",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Ramda",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 関数型プログラミングのためのライブラリ\n- 関数型スタイルでの開発が可能",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- JavaScript",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 特定のフレームワークとの統合はなし",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- ライセンス料金が発生する場合がある",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"- 関数型プログラミングのコーディング\n- サーバーレスアプリケーションのビジネスロジック処理",marks:[],data:{}}]}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"「特定のフレームワークとの統合はなし」は、特定のフレームワークに対する特別な機能やプリセットは提供していません。そのため、これらのフレームワークを利用する際は、フレームワークのビルドやデプロイのプロセスを手動で管理する必要があります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Netlifyなど",marks:[{type:d}],data:{}},{nodeType:a,value:"のプラットフォームは、特定のフレームワーク（例えば、Nuxt.jsやNext.jsなど）と直接的に統合されており、フレームワークに特化した機能や最適化が提供されています。これにより、開発者はそのフレームワークを利用する際に、プラットフォームの特性を最大限に活用できます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"FLOURISHでは、",marks:[],data:{}},{nodeType:a,value:bY,marks:[{type:d}],data:{}},{nodeType:a,value:"を使ったサーバレス開発に多くの事例がございます。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"サーバーフル開発 vs サーバーレス開発",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"例えば、多くの企業でコーポレートサイトに活用しているwordpress。サーバーにはAWSのサーバーやVPSなどを使っていることも多いのではないでしょうか。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"今回は、コーポレートサイトの開発をユースケースに、それぞれの開発手法の違いと、インフラコストを紹介したいと思います。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"サーバーフル開発の例: AWS上でのWordPressを利用したコーポレートサイト",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"AWSのEC2インスタンスにWordpressをホスティングし、コーポレートサイトを構築する企業は多く存在します。このケースのアプリケーション構成、開発フローを簡易に作成しました。",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:bZ,marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMS: WordPress",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ホスティング: AWS EC2",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"データベース: Amazon RDS (MySQL)",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"セキュリティ: AWS IAM、セキュリティグループ",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"バックアップ: AWS Backup",marks:[],data:{}}]}]}]},{nodeType:y,data:{},content:[{nodeType:a,value:b_,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーセットアップ: AWS EC2インスタンスを作成し、WordPressのインストールを行います。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"データベース設定: Amazon RDSを使用してMySQLデータベースをセットアップし、WordPressと接続します。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"セキュリティ設定: AWS IAMでユーザー権限を管理し、セキュリティグループでネットワークセキュリティを構成します。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"バックアップと管理: AWS Backupを使用して定期的なバックアップを設定し、サーバーの保守を行います。",marks:[],data:{}}]}]}]},{nodeType:l,data:{},content:[{nodeType:a,value:"サーバーレス開発の例: NetlifyとContentfulの利用したコーポレートサイト",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Wordpressを用いたコーポレートサイトで発生しやすいのは、サイバー攻撃です。続いて、IAMロールが上手く設定できず、複数人での作業が上手くいかなかったり、サーバー構成を引き継げなかったりすることです。報告や提案がしっかりわかりやすいベンダーや、コラボレーションにも積極的なベンダーを活用すると良いでしょう。",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:bZ,marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMS: Contentful",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ホスティング: Netlify",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"デプロイ: GitHubとの連携",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:b_,marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"コンテンツ管理: ヘッドレスCMSであるContentfulでコンテンツを作成し、管理します。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"フロントエンド構築: フロントエンドをReactやGatsbyなどで構築し、Netlifyでホスティングします。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"自動デプロイ: GitHubリポジトリとの連携を使用して、コードの変更が自動的にNetlifyにデプロイされます。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"スケーリング: Netlifyが自動的にスケーリングを管理し、トラフィックの変動に対応します。",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバー、データベース、セキュリティなどの設定が多く、管理の手間がかかります。トラフィックの増加に応じて、サーバーのスケーリングも手動で必要です。そのため、固定のサーバーコストやデータベースの管理コストが発生します。\n一方で、サーバレスは、サーバーやデータベースの管理が不要で、コンテンツ管理に集中できます。トラフィックの増加に応じて自動でスケーリングされるため、手動での対応が不要です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"例に挙げたコーポレートサイトは、アプリケーションとして行うタスクはそんなに多くありません。AWSでイチからサーバーを立てて、稼働させるには「too much！」と捉えることもできます。迅速に稼働させ、サーバー管理を削減し、中長期的にリソースをマーケティング等に割くような戦略で、サーバレスを選択することはオススメです。\n",marks:[],data:{}}]}]},tipsLink:[ac]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"6ZfU5UacXqiro884VWQhFB",type:m,createdAt:"2024-08-26T11:22:25.128Z",updatedAt:"2024-08-26T11:24:30.457Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:bL,revision:s,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"コンテンツ管理を次のステージへ、ヘッドレスCMS比較と未来への準備",slug:"headless-cms-next",description:b$,category:E,Category_tips:[ad,ab],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"75htUsD1FWd2k8zMDPVZQa",type:r,createdAt:ca,updatedAt:ca,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"headlessCMS",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F75htUsD1FWd2k8zMDPVZQa\u002Fdb9f3570ec20641b8ed06fc657c3b285\u002FheadlessCMS.png",details:{size:236557,image:{width:M,height:719}},fileName:"headlessCMS.png",contentType:A}}},content:{nodeType:B,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"現代のデジタル時代では、多様なデバイスやプラットフォームに対応したコンテンツ配信が求められます。従来型のコンテンツ管理システム（CMS）は、ウェブページの作成と管理に焦点を当てており、フロントエンド（ユーザーが目にする部分）とバックエンド（管理者が操作する部分）が密接に結びついている構造です。これに対し、ヘッドレスCMSは、フロントエンドとバックエンドを分離し、API経由でコンテンツを提供するため、柔軟かつ迅速な展開が可能です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"これにより、企業はパフォーマンスを向上させ、ユーザー体験を最適化し、競争力を維持できます。デジタル変革が進む中、ヘッドレスへのリプレイスは、効率的でスケーラブルなコンテンツ管理を実現する鍵となります。\n主要なヘッドレスCMSを比較し、未来に向けた準備として考慮すべきポイントを紹介します。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"主要なヘッドレスCMS",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"調達順に並べた場合のヘッドレスCMSは以下の通りです",marks:[],data:{}}]},{nodeType:as,data:{},content:[{nodeType:w,data:{},content:[{nodeType:L,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bW,marks:[{type:d}],data:{}}]}]},{nodeType:L,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"総調達金額",marks:[{type:d}],data:{}}]}]},{nodeType:L,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"設立年度",marks:[{type:d}],data:{}}]}]},{nodeType:L,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"サポートしている主なフレームワーク",marks:[{type:d}],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:az,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"約$330M",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:aA,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cb,marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cc,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"約$55M",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"2018",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"React, Vue.js, Svelte, Next.js",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:af,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"約$45M",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"2016",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cb,marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cd,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"約$20M",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:aA,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"React, Vue.js, Angular, Next.js, Nuxt.js",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Directs",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"約$13.5M",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"2019",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"React, Vue.js, Angular",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Netlify CM",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ce,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"2017",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cf,marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Ghost",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"約$7M",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:aA,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cf,marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ButterCMS",marks:[{type:d}],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ce,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"2014",marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"React, Vue.js, Angular, Ruby on Rails",marks:[],data:{}}]}]}]}]},{nodeType:p,data:{},content:[{nodeType:a,value:"主要なヘッドレスCMSの比較",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Contentful・Strapi・Netlify CMSの3つを比較してみます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:az,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:" Contentfulの料金形態は、主に3つのプランで構成されています。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"4SVJVUEU50JRFauwmfohh1",type:r,createdAt:cg,updatedAt:cg,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:o,locale:i},fields:{title:"contentful",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F4SVJVUEU50JRFauwmfohh1\u002F119e21c977dd824f189607a37f25cc39\u002Fcontentful.png",details:{size:271869,image:{width:M,height:869}},fileName:"contentful.png",contentType:A}}}},content:[]},{nodeType:y,data:{},content:[{nodeType:a,value:"Free Plan",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"無料で利用できるプランです。このプランには、基本的な機能が含まれており、個別プロジェクトで推奨されています。小規模や中規模な企業での使用も十分に適用できます。 ",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:"Basic Plan",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"月額 $300。複数のユーザーが協力してコンテンツを管理するための基本機能が含まれています。Freeと比べて、API呼び出しの上限やストレージ容量が設定されています",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:"Premium",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"カスタムでの見積もり。大規模な組織向けのプランで、カスタマイズ可能な機能や優先サポートが提供されます。また、複数の環境や高度なコンテンツ管理機能も含まれています。企業の特定のニーズに合わせて料金が設定されます。 各プランには異なる機能とサービスが含まれており、特にAPIコールやコンテンツエントリーの数によってコストが変動する場合があります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:af,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Strapiは自らホスティングするSelf-hostedタイプと、ホスティングをStrapiで行うCloudタイプに分かれます。",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:"Self-hostedタイプ",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5R5anj0Da6HR6Ks3A5fPy2",type:r,createdAt:ch,updatedAt:ch,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:af,description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5R5anj0Da6HR6Ks3A5fPy2\u002F6d5933e2ca9eeb1731898a11d3abab7b\u002FStrapi.png",details:{size:224904,image:{width:M,height:733}},fileName:"Strapi.png",contentType:A}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"コマンドラインでCMSをインストールし、プロジェクトをセットアップします。",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:"Cloudタイプ",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2WrcB2Z1Y8Jf6AkBpw4177",type:r,createdAt:ci,updatedAt:ci,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"Strapi-cloud",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2WrcB2Z1Y8Jf6AkBpw4177\u002Fce519e411c39daf023d31370b54ce39a\u002FStrapi-cloud.png",details:{size:307553,image:{width:M,height:741}},fileName:"Strapi-cloud.png",contentType:A}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"ホスティングまで行ってくれるタイプは月$29〜です。CloudタイプのCMSは、Contentfulと同様にクラウドベースで提供されるサービスで、ユーザーが自分でサーバーを管理する必要がなく、インターネットを通じてサービスを利用します。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Netlify CMS",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Netlify CMS自体は無料で利用できますが、Netlifyのホスティングプランによっては、ホスティングや追加機能に対して費用がかかる場合があります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Contentfulの利便性や強力な機能により、多くのユーザーがその選択肢として好んでいます。ニーズやプロジェクトの規模によっては、Contentfulが最適な選択となることが多いでしょう。ただし、予算や特定の要件によっては、他のCMSも検討する価値があります。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ヘッドレスCMS選定時の重要な考慮事項",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"事業会社において、ヘッドレスCMSを導入する際には、いくつかの重要なポイントを慎重に検討する必要があります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"1.初期導入コストとライセンス費用",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"いくつかのヘッドレスCMSには初期導入費用やライセンス料がかかります。これらのコストを他のCMSと比較して、最もコスト効果の高い選択肢を見つけます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"2.長期的な運用コスト",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"保守費用、アップデート、セキュリティパッチなど、長期的なコストも考慮する必要があります。また、社内リソースの時間とコストも含めると、トータルコストは大きく異なる可能性があります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"3.セキュリティとデータプライバシーの対応",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSは多くのAPIを使用するため、セキュリティリスクも高くなります。各CMSのセキュリティ機能（認証、データ暗号化、アクセス制御など）を比較し、適切なものを選びます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"GDPRやCCPAなどのデータプライバシー規制に準拠しているかどうかも重要です。企業のコンプライアンス要件に合わせたデータ管理とプライバシー保護の機能を持つCMSを選びましょう。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"4.CMSのカスタマイズ性と拡張性の確認",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"CMSのカスタマイズがどの程度可能かを確認します。特に企業独自の要件に対応するための柔軟なカスタマイズが可能かを確認することが重要です。\nビジネスの成長に合わせてスケーラブルであることも求められます。新しいチャネルや機能を追加する際の拡張性を確認しましょう。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"未来のコンテンツ管理に向けた準備",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSを導入する際、選定するだけでなく、実装とその後の運用を成功させるための準備も重要です。以下に、効果的な導入と今後のトレンドを紹介します。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入に向けて運用側の準備",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"コンテンツマネージャーやマーケティング担当者は、よりコンテンツに集中できる環境になります。コンテンツモデルが明確なため、コンテンツ戦略やA\u002FBテストもロジカルに実施していける可能性が高いです。多くの場合は、運用側においてトレーニングは多くのトレーニングコストは必要がないのですが、運用側は概念に関して理解する必要があるでしょう。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"マイクロサービスアーキテクチャとの統合",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"マイクロサービスアーキテクチャは、ヘッドレスCMSと非常に相性が良く、コンテンツ管理の一部として利用することで、より柔軟で拡張性のあるシステムを構築できます。各サービスが独立してデプロイ可能であるため、特定の機能やサービスのスケーリングが容易です。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"MACHアプローチの利点",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"MACH（Microservices, API-first, Cloud-native, and Headless）アプローチは、企業が未来のデジタルエクスペリエンスを構築するための新しい基準となりつつあります。このアプローチにより、各コンポーネントが独立してアップデートや変更が可能であり、柔軟性とスピードが向上します。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:cj,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入は、単なる技術的な選択を超えて、企業の成長を加速させる戦略的な一歩です。私たちの最新のヘッドレスCMSソリューションを活用することで、貴社のコンテンツ管理はさらに効率的に、そして柔軟に進化します。各CMSの特徴を踏まえた最適な選択肢を見つけるお手伝いをし、導入から運用までをサポートします。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入に関する具体的な質問や相談があれば、お気軽にお問い合わせください。 どのアプローチが目的に最適かを判断するには、30分のコンサルティングの時間をください。クライアントに合わせて、最適なヘッドレスCMSと組み合わせ、もしくはヘッドレスCMS以外の構築を提案します。",marks:[],data:{}},{nodeType:a,value:"\n",marks:[],data:{}}]}]},tipsLink:[ac]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5hVP47aETiM3Tsu0zcW4jj",type:m,createdAt:"2024-08-26T06:32:01.730Z",updatedAt:"2024-08-26T12:02:22.727Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:65,revision:z,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"ヘッドレスCMSに移行するべきか？",slug:"headless-cms-replace",description:b$,category:E,Category_tips:[ad,ab],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2UP35etuFOQQTBWL7NdfID",type:r,createdAt:ck,updatedAt:ck,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"cms-headless",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2UP35etuFOQQTBWL7NdfID\u002F020461500dd768f544871e07a7a2cc70\u002Fcms-headless.jpg",details:{size:202940,image:{width:1500,height:1068}},fileName:"cms-headless.jpg",contentType:x}}},content:{nodeType:B,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"WordPress などの従来の CMS からヘッドレス CMS への移行は、アップグレードとも言えるでしょう。ヘッドレス CMS の人気に関する記事や、従来のCMS とヘッドレス CMSの比較などを通じて、トヘッドレスCMSに移行するべきかどうか疑問に思ったことがあるかもしれません。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"この記事では、にヘッドレス CMS ソリューションを導入することを真剣に検討すべき理由とメリットやデメリットを紹介します。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレス CMS とは何ですか?\nヘッドレス CMS（Content Management System）は、コンテンツ管理を行うバックエンドシステムであり、フロントエンド（ユーザーがコンテンツを見る場所）とは独立しています。これにより、API 経由でコンテンツにアクセスして、コンテンツをあらゆるデバイスやチャネルに表示できるようにします。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"代表的なヘッドレスCMSソリューションには以下があります:",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:az,marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:af,marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cc,marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:cd,marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Storyblok",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Magnolia",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Butter CMS",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレス CMS を使用すると、開発者はReact、Gatsby、Angular、Vue 、Nuxtなどの一般的なものを含む、好みの技術スタックやフレームワークを使用できます。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"従来のCMSと課題 ",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"従来のCMSは、モノリシックCMS（Monolithic CMS）と呼ばれたりします。モノリシックCMSは、コンテンツ管理システムの一種で、フロントエンド（ユーザーが見る部分）とバックエンド（コンテンツ管理の部分）が統合されている従来型のCMSです。代表例にwordpressが挙げられます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Webページのレンダリングとページの読み込み速度",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"従来のCMSでは、ブラウザが常にHTML、CSS、JavaScriptなどを含むフォルダをリクエストし、これをWebサーバーからユーザーのブラウザに送信します。これにより、ページの読み込み速度が遅くなる可能性があります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"セキュリティリスク",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"モノリシックCMSプラットフォームにはセキュリティ上のリスクが伴います。これらのプラットフォームは便利ですが、必要なコードやプラグイン、ファイルの量が多く、セキュリティリスクが高くなります。特にWordPressなどのプラグインは、脆弱性を引き起こす可能性があります。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ヘッドレスCMSが提供する、従来のCMSの課題への解決策とメリット",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSは、静的Webサイトジェネレーター（SSG）と組み合わせることで、コンテンツ管理の柔軟性と静的サイトのパフォーマンスの両方を享受できます。静的Webサイトジェネレーター（SSG）は、サイトのビルドプロセス中に最新のコンテンツを取り込み、静的なHTMLページを生成します。これにより、常に最新のコンテンツが静的ページに反映される仕組みになります。これにより、サーバーの負荷を軽減し、ページの表示速度が速くなります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"セキュリティリスクを最小限へ",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"生成された静的ファイルは、サーバーサイドの処理が不要なため、パフォーマンスが向上し、セキュリティリスクも減少します。\nまた、バックエンドとフロントエンドが分離されているため、セキュリティリスクを最小限に抑えることができます。また、セキュリティパッチやアップデートを個別に管理できるため、リスク管理がしやすくなります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"拡張性のあるデジタルエクスペリエンスの実現",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"スケーラビリティ API経由でコンテンツにアクセスすることで、様々なデバイスやプラットフォーム、さらには異なるアプリケーションやサービスに対して同時にコンテンツを配信することが可能です。これにより、広範囲にわたるデジタルエクスペリエンスの拡張が実現でき、グローバルな展開や複雑なユーザーインターフェースのニーズにも対応できるスケーラブルなソリューションが構築できます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"自由と柔軟性 ",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSは、フロントエンドとバックエンドが独立しているため、自由にデザインや技術スタックを選択できます。React、Gatsby、Angular、Vue、Nuxtなどのフレームワークを使用して、最適なユーザーエクスペリエンスを提供できます。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ヘッドレスCMSを活用したサイト構築の具体例",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"静的WebサイトジェネレーターとヘッドレスCMSの具体的な組み合わせ例になります。それぞれのサーバーやホスティングサービスも含めています。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"1. Gatsby + Contentful+Netlify",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:cl,marks:[{type:d}],data:{}},{nodeType:a,value:aB,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:cm,marks:[{type:d}],data:{}},{nodeType:a,value:": Contentfulからコンテンツを取得し、ビルド時に静的なHTMLページを生成。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ag,marks:[{type:d}],data:{}},{nodeType:a,value:": Gatsbyで生成された静的なHTMLファイルをホスティング。Netlifyは、CI\u002FCDパイプラインをサポートし、自動デプロイが可能です。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"2. Next.js + Sanity+ Vercel",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:cn,marks:[{type:d}],data:{}},{nodeType:a,value:co,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Next.js（静的Webサイトジェネレーター）",marks:[{type:d}],data:{}},{nodeType:a,value:": Sanityからデータを取得し、静的なページやサーバーサイドレンダリングを行う。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Vercel（ホスティングサービス）",marks:[{type:d}],data:{}},{nodeType:a,value:": Next.jsの公式ホスティングプラットフォームで、静的サイトやサーバーサイドレンダリングをサポートします。デプロイとパフォーマンス最適化が行えます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"3. Nuxt.js + Contentful+Netlify",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:cl,marks:[{type:d}],data:{}},{nodeType:a,value:aB,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Nuxt.js（静的Webサイトジェネレーター）",marks:[{type:d}],data:{}},{nodeType:a,value:": Contentfulからデータを取得し、ビルド時に静的なHTMLページを生成。また、サーバーサイドレンダリングもサポート。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ag,marks:[{type:d}],data:{}},{nodeType:a,value:": Nuxt.jsで生成された静的ファイルをホスティング。Netlifyは、CDNを使用して高速な配信が可能です。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"4. Hugo + Prismic+Netlify",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Prismic（ヘッドレスCMS）",marks:[{type:d}],data:{}},{nodeType:a,value:aB,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Hugo（静的Webサイトジェネレーター）",marks:[{type:d}],data:{}},{nodeType:a,value:": Prismicからコンテンツを取得し、ビルド時に静的なHTMLページを生成。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ag,marks:[{type:d}],data:{}},{nodeType:a,value:": Hugoで生成された静的なHTMLファイルをホスティング。Netlifyは簡単にデプロイでき、高速な配信を提供します。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"5. Gatsby + Sanity",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:cn,marks:[{type:d}],data:{}},{nodeType:a,value:co,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:cm,marks:[{type:d}],data:{}},{nodeType:a,value:": Sanityからコンテンツを取得し、ビルド時に静的なHTMLページを生成。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ag,marks:[{type:d}],data:{}},{nodeType:a,value:": Gatsbyで生成された静的ファイルをホスティング。Netlifyは、高速なパフォーマンスと簡単なデプロイを提供します。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"これらの組み合わせは、各サービスの特性を活かして、高速でスケーラブルなWebサイトを構築するための一例です。それぞれのツールやサービスの選択は、プロジェクトの要件や好みに応じて最適なものを選ぶことが重要です。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入の検討：ビジネスニーズとヘッドレスCMSの適合性を評価する",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入を検討する際は、自社のビジネスニーズを十分に評価することが重要です。以下の点を考慮してください。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"コンテンツの複雑さ: コンテンツが複雑で、多様なデジタルチャネルに対応する必要がある場合。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"デザインの自由度: 高いデザインの自由度やカスタマイズ性が必要な場合。",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"パフォーマンスとスケーラビリティ: 高速なページ読み込みやスケーラブルなソリューションを求める場合。",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"複雑な Web サイトに高度なカスタマイズと柔軟性が必要な場合は、ヘッドレス CMS を使用すると、開発者のコントロールが強化され、オムニチャネル コンテンツ配信が可能になります。\nヘッドレスCMSへの移行は、多くのビジネスにとってアップグレードを意味します。コンテンツ管理の柔軟性、スケーラビリティ、セキュリティの向上を求めるなら、ヘッドレスCMSは非常に有力な選択肢です。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:cj,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入に関する具体的な質問や相談があれば、お気軽にお問い合わせください。\nどのアプローチが目的に最適かを判断するには、30分のコンサルティングの時間をください。クライアントに合わせて、最適なヘッドレスCMSと組み合わせ、もしくはヘッドレスCMS以外の構築を提案します。\n",marks:[],data:{}}]}]},tipsLink:[ac]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"7qjYzHaBR6KwhGm0gKluvf",type:m,createdAt:"2024-08-12T05:25:17.956Z",updatedAt:"2024-08-12T06:07:52.400Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:162,revision:17,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"ローコードアプリケーションによるWebサイト制作の潮流",slug:bm,description:"ローコード アプリケーション はWebflowのような Web サイトのアプリケーションにとどまらず、他のデジタル エクスペリエンスを構築するためのツールも含まれますが、LCAP市場は、著しい成長を遂げています。ローコード開発が可能なCMSやローコードを組み合わせた開発を紹介します。",category:E,Category_tips:[Q,ad,bP,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"4OB1dlC5yPOzj53NTs57sw",type:m,createdAt:cp,updatedAt:cp,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:T,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:"ウェブデザイン",slug:"website-design"}}],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"7ter5aM7HawOPqtCQpCmz5",type:r,createdAt:"2024-08-12T05:41:33.421Z",updatedAt:"2024-08-12T05:57:31.672Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:T,revision:u,locale:i},fields:{title:"cms",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F7ter5aM7HawOPqtCQpCmz5\u002F2db94b2de00979f17268a8c8955cc8e8\u002Fcms.jpg",details:{size:1428911,image:{width:4480,height:3224}},fileName:"cms.jpg",contentType:x}}},content:{nodeType:B,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMS(Contents Management System)の一つであるWebflowは、ローコードアプリケーションとしてエンジニア、マーケター、デザイナーから人気を集めています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコード アプリケーション はWebflowのような Web サイトのアプリケーションにとどまらず、他のデジタル エクスペリエンスを構築するためのツールも含まれますが、ローコード アプリケーション プラットフォーム (LCAP)市場は、著しい成長を遂げています。",marks:[],data:{}},{nodeType:a,value:"2021は63億円でしたが、",marks:[],data:{}},{nodeType:a,value:"2023 年には2022年から 25% 成長して 100 億ドル近くに達すると予想されています[",marks:[],data:{}},{nodeType:O,data:{uri:"https:\u002F\u002Fwww.gartner.com\u002Fen\u002Fnewsroom\u002Fpress-releases\u002F2022-12-13-gartner-forecasts-worldwide-low-code-development-technologies-market-to-grow-20-percent-in-2023"},content:[{nodeType:a,value:"※出典：ガートナー (2022 年 12 月)",marks:[],data:{}}]},{nodeType:a,value:"]",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Gartner の LCAP (ローコード アプリケーション プラットフォーム)レポートによると、2025年までに「企業が開発する新しいアプリケーションの70%がローコード\u002Fノーコード技術を使用する」と予測しています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Webflowは特にこの市場でニッチな市場を切り開き、世界のCMS市場で1.1％のシェアを獲得し、世界で9番目に人気のあるCMSとなっています。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2kKaE2nMCWVwHysEERDYS2",type:r,createdAt:"2024-08-12T04:52:50.569Z",updatedAt:"2024-08-12T05:58:50.403Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:u,locale:i},fields:{title:"CMSランキング",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2kKaE2nMCWVwHysEERDYS2\u002F575bdc7b9138e03fba64b174f5a623a0\u002FCMS______.png",details:{size:288590,image:{width:N,height:1007}},fileName:"CMS______.png",contentType:A}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"\n Webflowは、ローコードまたはノーコードでWebサイトを構築できるプラットフォームで、デザインと開発が統合された仕様がユーザーから高く評価されています。CMSの機能があり、eコマースにも対応できます。190か国で350万人を超えるユーザーを顧客基盤としています。日本市場ではSTUDIOがローコードでは有名ですが、グローバルでは圧倒的にWebflowが人気です。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ローコード開発が人気なる背景",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコード開発は、「コストとリソースの削減」といった文脈で語られることが多いです。日本では「コストとリソースの削減」と聞くと、割安なイメージが先行し、コスト削減のために採用されてしまいそうです。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"昨今、ノウハウから技術まで多くのことが求められるようになりました。ローコード開発のメリットは、単純な作業を抑えて、付加価値のある業務に注力できることがメリットだと考える方が無難でしょう。特にコーディングの時間を圧縮できることは魅力です。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"ローコードとノーコードは違うの？",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコードはノーコードと同じニュアンスで使われることがあります。\n厳密にはローコードとノーコードには違いがあります。\nローコードは必要に応じていくつかのコードを記述できます。もちろん、ほとんどコーディングを行う必要がないこともありますが、多くの場合ではコードを記述したい場面が発生するでしょう。妥協できない場合はローコードがおすすめです。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"一方、ノーコードは、まったくコーディングを必要としないプラットフォームです。技術的な知識がなくても、直感的なドラッグ＆ドロップなどを使って、迅速にアプリケーションを構築できるように設計されています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"FLOUIRISHは、カスタマイズ性を重視しつつもコーディング作業を最小限に抑えることができるローコードは、エージェンシーにとっても事業会社にとっても魅力的な選択肢になると考えています。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ノーコード プラットフォームはコーディングの経験がない人向けに設計されています（ノーコードのCMS の例は、Wix、Squarespaceなど)",marks:[],data:{}}]}]},{nodeType:j,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ローコードはハイブリッドなアプローチを提供します。全くコーディングを必要としない使い方もできますが、より複雑な機能を実現するためにコーディングが可能です。（ローコードのCMSの例はWebflowなど）",marks:[],data:{}}]}]}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ローコード開発が可能なCMS",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコード開発プラットフォームの中には、CMS機能を備えているものもいくつかあります。以下に代表的なものを紹介します。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:cq,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Webflowはデザインに特化したローコードプラットフォームで、強力なCMS機能を備えています。クリエイターやデザイナーに人気があり、視覚的な編集でデザインを作成しながら、データベース機能を持つCMSを利用してコンテンツ管理が可能です。また、Eコマース機能もサポートしているため、オンラインショップの構築にも適しています。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3yH4cZZS6U7IWZT0j7ccjG",type:r,createdAt:cr,updatedAt:cr,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:cq,description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3yH4cZZS6U7IWZT0j7ccjG\u002Fbd68d011a6ba8153cb34039f0e632cc9\u002FWebflow.png",details:{size:895224,image:{width:3412,height:1776}},fileName:"Webflow.png",contentType:A}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"FLOURISHでは、Webflowによる開発を中心に、Webサイト構築におけるローコード開発を行っています。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Bubble",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Bubbleは、完全なフルスタックのローコード開発プラットフォームで、データベース、ワークフロー、自動化機能を一体化したCMS機能を提供します。コードを書くことなく、複雑なアプリケーションを構築できるため、CMS機能も柔軟にカスタマイズ可能です。特に、アプリケーションの機能とデータ管理を一元的に処理できる点が特徴です。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3V2VuVrB9ezJwV7ZrGXPcA",type:r,createdAt:cs,updatedAt:cs,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"bubble",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3V2VuVrB9ezJwV7ZrGXPcA\u002F024cfecddc0d760bbecfbe0f67757874\u002Fbubble.png",details:{size:512408,image:{width:3418,height:1694}},fileName:"bubble.png",contentType:A}}}},content:[]},{nodeType:l,data:{},content:[{nodeType:a,value:"WordPress + Elementor",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"WordPressは世界で最も広く使用されているCMSですが、Elementorを追加することで、ローコード的に操作できるようになります。Elementorは、ドラッグ＆ドロップでページのデザインを行うことができ、プラグインの追加で様々な機能を簡単に統合可能です。この組み合わせにより、非技術者でもプロフェッショナルなWebサイトを構築できます。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"603iv7sv9Lz3ccC3mMdVGc",type:r,createdAt:ct,updatedAt:ct,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,locale:i},fields:{title:"elementor",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F603iv7sv9Lz3ccC3mMdVGc\u002F6bdba9082385494b056959c5824bbf65\u002Felementor.png",details:{size:909079,image:{width:2516,height:1520}},fileName:"elementor.png",contentType:A}}}},content:[]},{nodeType:l,data:{},content:[{nodeType:a,value:"STUDIO",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"STUDIOは、日本発のデザイン重視のローコード開発プラットフォームで、ビジュアルエディターを使用して、直感的にWebサイトやアプリを作成できる点が特徴です。CMS機能も備えており、デザインとコンテンツ管理の両方を手軽に行えるため、クリエイティブなプロジェクトに最適です。",marks:[],data:{}}]},{nodeType:y,data:{},content:[{nodeType:a,value:"Webflow vs  Bubble ",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Webflow と Bubble はどちらも、デザインの自由度という点ではトップクラスです。\nほとんどの場合、Webflow の方が適しています。ただし、Bubble の方が基盤となるコードをより細かく制御できるため、複雑なアプリケーションを構築する場合はBubbleの方が適しています。Bubble で構築された非常に複雑な Web サイトには、Shopify、Notion、Kickstarter などがあります。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"ローコードプラットフォームを組み合わせた開発",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコードとローコード、もしくはノーコードを組み合わせた開発は、異なるツールやサービスを統合し、開発プロセスをさらにスムーズにすることが可能です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコードアプリケーションプラットフォームであるCMSと組み合わせ可能なローコードアプリケーションを紹介します。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Airtable",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"WebflowやBubbleと連携し、Airtableをデータのバックエンドとして使用します。例えば、Airtableに保存された顧客データや商品情報を、Webflowでデザインされたフロントエンドで表示し、Bubbleを使ってデータの操作を行うことができます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Xano",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Xanoは、バックエンド開発を簡素化するためのローコードプラットフォームで、APIベースのバックエンドを迅速に構築できます。データベース管理、認証、ビジネスロジックなどをサポートし、スケーラブルなバックエンドを構築可能です。Xanoを使用して、アプリケーションのビジネスロジックやデータ操作を処理し、WebflowやBubbleで構築したフロントエンドと連携させます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Shopify",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Shopifyは、eコマースに特化したプラットフォームで、Webflowで作成したカスタムデザインをShopifyの強力なeコマース機能と統合することで、魅力的なオンラインストアを構築できます。WebflowのデザインとShopifyの販売機能を組み合わせることで、柔軟なオンラインショップを実現できます。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"Auth0",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Auth0は、ユーザー認証と管理に特化したプラットフォームで、Webflowで構築したWebサイトに統合することで、ユーザー認証を追加できます。例えば、メンバーシップサイトを構築し、ユーザーがログインしてアクセスできる専用コンテンツを提供することが可能です。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"誰でも作れるなら安い方がいいのか？誰に依頼しても同じなのか？",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ノーコード、ローコードと聞くと誰でもできるのではないか。簡単なのではないかといった期待感が大きくなります。\n以前から企画、コンテンツの作成、情報整理、プロジェクト管理には従来からプロジェクトの軸になるものでしたが、あまり目立つことなく、評価されにくい部分でした。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"制作会社もデザイン費やライティング費などのわかりやすい項目に予算をつけ、相場観を見ながら見積書を作成するケースが多かったと思います。そのため、単純に考えると、ローコードやノーコードになれば費用が下がりそうです。しかし、無形な価値に金額を入れられなかった背景を考えると大きく相場感が変わることはないと思います。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"実際には、フォント1つ選ぶのに１日以上かかることもあります。プロジェクト全体には、Webの計測やマーケティング、API連携、セキュリティ、Cookie管理など多くの要素を含みます。これらを把握し、擦り合わせるために一定の能力や知識が必要です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコードにより、柔軟性や拡張性が増す、付加価値の高い業務に時間を割けるようになるといったことが最大のメリットではないでしょうか。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ローコード開発の依頼を行う上で、抑えておきたいポイントをまとめました。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"1. 誰に依頼しても同じではない",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"単に安価な制作を求めるだけでは、企業が本当に必要としている付加価値が提供されない可能性が高いです。Web制作は表面的なデザインや開発だけでなく、ユーザーエクスペリエンス（UX）、マーケティング戦略、SEO、そしてブランドの一貫性など、広範な視点で考える必要があります。このため、深い理解と経験を持つ専門家や制作会社に依頼することが、プロジェクトの成功に繋がります。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"2. 中長期的な視点が重要",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"特にビジネスにおいては、長期的な関係構築が非常に重要です。短期的なコスト削減を優先して安価な業者を選ぶと、後々追加の修正やリニューアルが必要になり、結果的にコストがかさむことがあります。信頼できるパートナーとの長期的な関係を築くことで、継続的なサポートやアドバイスを得られ、プロジェクト全体の品質が向上します。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"3. 付加価値の再定義",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"デジタルマーケティングの進化に伴い、従来の「制作物」そのものだけでなく、その背景にある戦略や思想が重要視されるようになっています。たとえば、ユーザーのニーズを深く理解し、それに応じた情報設計を行うことが、競争優位性を高める要因になります。ここでの「付加価値」は、単なる見た目の美しさや機能性を超えて、ユーザーにとっての価値をいかに提供できるかに移行しています。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:"4. プロフェッショナルの必要性",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"特に技術的な要素（API連携、セキュリティ、Cookie管理など）を含むプロジェクトでは、専門知識が不可欠です。これらを正しく設計し実装するためには、経験豊富なプロフェッショナルが必要であり、これも付加価値の一部と考えられます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"クライアントと制作会社が一丸となってプロジェクトを成功させるために、信頼関係を築き、長期的な視点で戦略を練ることが、結果的に最もコストパフォーマンスの高い選択になるでしょう。目先に割安を優先せずに中長期的に関係構築できる企業を選択することも重要になって行きます。\n",marks:[],data:{}}]}]},tipsLink:[cu,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1wS8Sxwxns7lBXzw07UoQx",type:m,createdAt:cx,updatedAt:cx,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:K,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"mWrrHnIwG6vve5sKqzuK5",type:r,createdAt:cy,updatedAt:cy,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:T,revision:o,locale:i},fields:{title:cz,description:cz,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002FmWrrHnIwG6vve5sKqzuK5\u002Fbe3cbf5bf010237b5d6c2e7f209eebb3\u002Fimg_thumbnail.3634478.webp",details:{size:39262,image:{width:aw,height:ax}},fileName:"img_thumbnail.3634478.webp",contentType:ay}}},titleTips:cA,discriptionTips:"1つのトピックやサービスを集中的に訴求",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fmicrosite\u002F",name:cA,btnType:J,subTips:P}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1St3g8cekKmY8q8fo2G9AK",type:m,createdAt:cB,updatedAt:cB,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:ai,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"6VW90iV4aLhACYuNPZoWnx",type:r,createdAt:cC,updatedAt:cC,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:o,locale:i},fields:{title:"ランディング",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F6VW90iV4aLhACYuNPZoWnx\u002F0382da25125c1330d8cb869522209bb4\u002F____________________________2023-02-08_13.23.40.png",details:{size:790570,image:{width:1808,height:856}},fileName:"スクリーンショット 2023-02-08 13.23.40.png",contentType:A}}},titleTips:aD,discriptionTips:aD,URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Flanding-page\u002F",name:aD,btnType:J,subTips:P}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3CRjVNwr2V0Mun3N5WVj5M",type:m,createdAt:cD,updatedAt:cD,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:H,revision:o,contentType:{sys:{type:c,linkType:n,id:I}},locale:i},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3Ur1UHBJiCeulVydTlI3xd",type:r,createdAt:cE,updatedAt:cE,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,locale:i},fields:{title:"紙媒体デザイン",description:"紙媒体デザイン\n",file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3Ur1UHBJiCeulVydTlI3xd\u002Fddd14d4d40a3f7171b794aa1968b07d3\u002Fimg_thumbnail.91d2ea4.webp",details:{size:168298,image:{width:aw,height:ax}},fileName:"img_thumbnail.91d2ea4.webp",contentType:ay}}},titleTips:cF,discriptionTips:"パートナー企業や関係者との関係構築",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fportal-dev\u002F",name:cF,btnType:J,subTips:P}}],WorksService:cG}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1MMQW1rMFUFSFY2FJdWr7O",type:m,createdAt:"2024-07-17T12:21:27.102Z",updatedAt:"2024-09-18T06:48:53.438Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:228,revision:K,contentType:{sys:{type:c,linkType:n,id:D}},locale:i},fields:{title:"Adobe Premiere Proの代替は？ DaVinci Resolve、HitFilm…",slug:bl,description:"2024 年 3 月 5 日から、Adobe Creative Cloud コンプリートプランおよび単体プランの価格が改定されました。人気の高い無料の動画編集アプリケーションを実際に使用して見たので、紹介したいと思います。",category:E,Category_tips:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"7uWiTskS3vUiEfeMZ5Sxbh",type:m,createdAt:cI,updatedAt:cI,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:"クリエイティブ",slug:"creative"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"7M36Zw5g6mcoYnZJmYYSdt",type:m,createdAt:cJ,updatedAt:cJ,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:"会社のこと",slug:"company"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"26RzJZrbnqRgN7iAr94azY",type:m,createdAt:cK,updatedAt:cK,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:"TVCM／PV",slug:"movie"}}],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5IudozofgkkheWvukG4fim",type:r,createdAt:"2024-07-17T12:19:45.150Z",updatedAt:"2024-07-17T12:58:57.506Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:ai,revision:u,locale:i},fields:{title:"動画編集ソフトの変更を検討",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5IudozofgkkheWvukG4fim\u002F1d4d0a1efa0c0e8eb66f87870492ebf8\u002FFrame_1.jpg",details:{size:603676,image:{width:1193,height:796}},fileName:"Frame 1.jpg",contentType:x}}},content:{nodeType:B,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"2007年の頃から、TV番組制作の映像編集でPremiereを使い始めました。まずはPremiereから覚えて、現場によって編集ツールが違い、EDIUSやFinal Cut Proもよく使っていました",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"どれか一つのツールで編集を覚えれば、どれもキャッチアップには時間がかからなかったので、時間を割いて勉強したことはありません。(After EffectやPhotoshop、Illustratorなどは覚えることが多く、『MdN』を見ながら仕事の合間に学習しました。)",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"当時は、今のように必死にスキルアップというプレッシャーを感じるような時代でもなかったので、単純に楽しいから覚えていました。現在は、スキルがツールの数だけあるようにも感じますし、キャッチアップやキャリアアップに踊らされてしまう感じもあります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"キャッチアップと業務の比重はとても悩ましいです。",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"キャッチアップだけに時間が取られてしまうと生産性は下がってしまう",marks:[],data:{}},{nodeType:a,value:"…。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"代理店や制作会社でいうと新しい技術をキャッチアップして、サンプルを作って、販促をします。あまり早いタイミングで新しい技術を取り入れると片手落ちになってしまいます。ニーズの分析もできないまま、販促に移って、その後にニーズを分析するというプロセスになってしまいがちです。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"例えば、Adobeに関しては、新しいアプリや技術をキャッチアップしようと思えば、キリがない状態でもあります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"短期間でAdobeでは多くのツールや機能が登場していて、サブスクでお金を払っている価値を感じるために、機能に追いつかなければとチャレンジしてしまいます。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"しかし、仕事としては使う場面は少ないことも。サンプルにしても、クオリティに満たない状態のまま、もうこれ以上は時間をかけられないので、公開は諦めようといったことはよくありました。これはとても悪循環は感じていました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"また、こういった新しい技術には新規参入しやすく、差別化が難しくなります。やっていることはクリエティブというよりもツールを使いこなせるアピールに留まってしまうのです。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"redditでは下記のようなコメントも多く見受けられました。（映画や音楽サービスなどのコンテンツに関してのサブスクリプションは合理的であると賛成した上で、Adobeのサブスクリプションに対しての意見です。）\n",marks:[],data:{}}]},{nodeType:R,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"However, creative tools that people spend years to learn, and put their hard work into creating content are completely locked out of accessing the work and abilities unless they pay the endless subscription fee. This feels a bit like a digital slavery.",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"しかし、人々が何年もかけて習得し、コンテンツの作成に一生懸命に取り組んだクリエイティブ ツールは、終わりのないサブスクリプション料金を支払わない限り、その作品や機能にまったくアクセスできません。",marks:[],data:{}},{nodeType:a,value:"これは、デジタル奴隷制度のような気がします。",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"They’ve turned their users into a bunch of resentful slaves who have taken away much for the joy of casually using an application.",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"彼らは、",marks:[],data:{}},{nodeType:a,value:"アプリケーションを気軽に使う喜びと引き換えに、ユーザーを恨み深い奴隷の集団に変えてしまいました。",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:an,marks:[],data:{}},{nodeType:O,data:{uri:"https:\u002F\u002Fwww.reddit.com\u002Fr\u002Fvfx\u002Fcomments\u002F14p8vxc\u002Fadobe_is_unethical\u002F"},content:[{nodeType:a,value:"reddit",marks:[],data:{}}]},{nodeType:a,value:q,marks:[],data:{}}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"このコメントの気持ちは、少し共感してしまう部分はあります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"2024 年 3 月 5 日から、Adobe Creative Cloud コンプリートプランおよび単体プランの価格が改定されました。Creative Cloudコンプリートプランは7,780 円\u002F月 (税込)となりました。2019年2月11日以前は、4,980円\u002F月(税別)だったことから、かなり値上げされています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"生産性や費用対効果を考えると、そこまでの機能も複数のアプリケーションも使わないので、これを機に一旦解約して、他のツールにチャレンジすることにしました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"（※Adobeから切り替えをするにあたり、Photoshopの代替になる「GIMP」というアプリケーションも大きかったです。ただ、GIMPを利用した場合、撮影段階である程度のクリエイティブにしておかないと厳しいです。）",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"こういった心境の変化もあり、今回は無料で使える動画編集アプリケーションに絞って探しました。\n人気の高い無料の動画編集アプリケーションを実際に使用して見たので、紹介したいと思います。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"Adobe Premiere Proの代替ツール",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"真っ先に思い浮かんだのは、使用したことがある",marks:[],data:{}},{nodeType:a,value:"Final Cut Pro",marks:[{type:d}],data:{}},{nodeType:a,value:bN,marks:[],data:{}},{nodeType:a,value:"EDIUS",marks:[{type:d}],data:{}},{nodeType:a,value:"。しかし、どちらも有料でした。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"そこで、ソーシャルメディアに書かれている感想などを参考しながら、無料で業務用の映像編集に対応できそうなアプリケーションを探しました。私が探した限りでは、「",marks:[],data:{}},{nodeType:a,value:cL,marks:[{type:d}],data:{}},{nodeType:a,value:"」「",marks:[],data:{}},{nodeType:a,value:aE,marks:[{type:d}],data:{}},{nodeType:a,value:"」が人気でした、２強でした。\nそこで、この２つのアプリケーションを使ってみました。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:cL,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"DaVinci Resolveは、オーストラリアの映像機器メーカーBlackmagic Design社が開発した動画編集ソフトです。映画業界でも採用されるほど、非常に高い画質と性能を実現しています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"無料版と有料版（DaVinci Resolve Studio）があり、プロフェッショナルなビデオ編集ができます。\n編集、カラー、VFX（視覚効果）、モーショングラフィックス、オーディオに対応。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"編集モードで適用できる特定のエフェクトがあり、これは Studio (有料) のみ。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Premiere(Adobe Premiere Pro)とAE（Adobe After Effect）でできることはすべてDaVinci Resolveでもできます。\nDaVinci Resolveは、直感的ではないので、ノーマルな編集をするにも、最初に躓きます。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3BV5oQrHILz3LkK09h60Om",type:r,createdAt:cM,updatedAt:cM,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,locale:i},fields:{title:" DaVinci Resolve",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3BV5oQrHILz3LkK09h60Om\u002F8a1f198ead0016eac95366b4d643581a\u002F__________2024-07-17_21.10.53.png",details:{size:3218732,image:{width:3420,height:2042}},fileName:"スクリーンショット 2024-07-17 21.10.53.png",contentType:A}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"キャッチアップにかかる時間はHitFilmよりもかかりますが、マスターすれば問題ないとわかりました。\n努力する価値はあると思います。プロフェッショナルな映像制作現場では、DaVinci Resolveが業界標準として広く認知されており、他のソフトウェアとの互換性も高いです。",marks:[],data:{}}]},{nodeType:l,data:{},content:[{nodeType:a,value:aE,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"HitFilmは、FXhome社が開発した、高機能な映像編集・VFXソフトウェアです。\n無料のビデオ編集ソフトで、VFX（視覚効果）も簡単に追加できます。プレミアム機能は追加購入可能です。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Premiere(Adobe Premiere Pro)と似ている構成で、Premiereユーザーはとても使いやすいと思います。多くの場合、そこまで編集が複雑になることがないので、HitFilmで十分です。",marks:[],data:{}}]},{nodeType:C,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1LIVvsZYJJFkmVubAmc8Uw",type:r,createdAt:cN,updatedAt:cN,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:z,revision:o,locale:i},fields:{title:aE,description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1LIVvsZYJJFkmVubAmc8Uw\u002F0e9518531e3c646d24195b745bdef670\u002F__________2024-07-17_21.13.51.png",details:{size:1357682,image:{width:3154,height:1964}},fileName:"スクリーンショット 2024-07-17 21.13.51.png",contentType:A}}}},content:[]},{nodeType:p,data:{},content:[{nodeType:a,value:"心地よいツールは何か？",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"最近は、新しいツールや技術が次々と登場が加速し、スキル偏重型になっているムードも相まって、忙しない気持ちになりました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"結局、最新の技術に目を向けることは大切ですが、すべてのツールを完璧にマスターすることも難しく、あれもこれもと焦ってしまう。今回は思い切ってAdobeから他ツールへ移行しました。値段が上がった分だけ会社やチームにとって価値を生み出しているか精査することは必要な作業だったと感じました。",marks:[],data:{}}]},{nodeType:p,data:{},content:[{nodeType:a,value:"Adobeから他の編集ソフトを試して3ヶ月後",marks:[],data:{}},{nodeType:a,value:bf,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"他のツールを導入して試してみましたが、結局はAdobeに戻しました。何よりすっごいベーシックな話ですが、フォントが選べるのは大きい。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"また、エフェクトなどもやはり付けやすいのです。",marks:[],data:{}},{nodeType:a,value:"Adobe Premiere Proでは10秒でできることが5分も10分も資料を読み漁っていると、やっぱり恋しくなってしまうのでした。",marks:[],data:{}}]}]},tipsLink:[cu],WorksService:cG}}],whitepaperEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3jypHcSePbZJ0vj3WnU7Ga",type:m,createdAt:cO,updatedAt:cO,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:bJ,revision:o,contentType:{sys:{type:c,linkType:n,id:U}},locale:i},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5DSJLaJ7ng8ncvY9QQrtHc",type:r,createdAt:"2024-10-28T06:38:09.026Z",updatedAt:"2024-10-28T06:46:11.557Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:u,locale:i},fields:{title:"GA4サービスバナー",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5DSJLaJ7ng8ncvY9QQrtHc\u002Ffb145146ead9bf1dec732518888dbbd2\u002FGA4_________.jpg",details:{size:153846,image:{width:cP,height:cP}},fileName:"GA4サービスバナー.jpg",contentType:x}}},category:aF,slug:am,title:"GA4 実装サービス紹介",DiscriptionWhitepaper:"ニーズに合わせて GA4 をカスタマイズ。4つのプランとオプションをご用意。",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:V,nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:ah,nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"FLOURISHのGA4 実装サービスを選択する理由",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"何が得られますか?",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"GA4 実装サービスの4つのプランとオプション",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"支援プロセス",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"GA4 に関するよくある質問",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[{type:d}],value:"分析データがなければ、適切な SEO や Google 広告のプロセスを実行することは不可能であること",nodeType:a},{data:{},marks:[],value:"がわかります。実際に何が機能しているかを知らずにマーケティング活動をランダムに選択すると、その可能性を最大限に引き出すことは困難です。Google Analytics 4 をビジネス ニーズに合わせてカスタマイズできます。",nodeType:a}],nodeType:b}],nodeType:B},Category_tips:[aG,cR,cS],description:"ビジネスの成長に必要なデータの収集し、インサイトを発見することにお役立ていただけます。Google Analytics 4 を ビジネス ニーズに合わせてカスタマイズできます。"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5LNrJA8nCmpMKqcEiPycX5",type:m,createdAt:"2023-07-08T13:29:51.583Z",updatedAt:"2024-03-05T15:53:14.680Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:53,revision:at,contentType:{sys:{type:c,linkType:n,id:U}},locale:i},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1GCc26oNLCIJSAvixhCSGH",type:r,createdAt:"2023-07-08T13:27:36.229Z",updatedAt:"2023-11-24T03:28:04.051Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:12,revision:s,locale:i},fields:{title:cT,description:cT,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1GCc26oNLCIJSAvixhCSGH\u002Fd97d58818638ba2074ac28068a4ee441\u002F2.jpg",details:{size:609236,image:{width:F,height:F}},fileName:"2.jpg",contentType:x}}},category:cU,slug:"data-cookies",title:"プライバシーを優先したデータ活用に向けて 顧客中心のアプローチ",DiscriptionWhitepaper:"データの権利をユーザーが維持するための考え方と実装、 その先のデータ活用へ",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:V,nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:ah,nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"規制の遵守を踏まえて 包括的なアプローチを目指す必要性 ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"Cookieと規制の歴史を振り返る プライバシー優先の社会へ ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"企業のマーケティング活動で ユーザーデータを扱うソリューションとは",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"全てのCookieが悪者ではない?! Cookieの種類 ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"プライバシーを保護する動き データ管理とデータ活用のこれから",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"マーケティング活動における 個人情報の取り扱いは信頼にもつながる ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ユーザのデータ権利の維持と Cookieに関してのポイント ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"データの管理・保存に関して 実装のポイントとは? ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"顧客中心のアプローチに向けて FLOURISHができること ",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:B},Category_tips:[cV,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:bp,type:m,createdAt:aa,updatedAt:aa,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:bq,slug:br}},cS,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:aR,type:m,createdAt:X,updatedAt:X,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:u,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:aS,slug:aT}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:aU,type:m,createdAt:Y,updatedAt:Y,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:aV,slug:aW}},aG,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:bs,type:m,createdAt:bt,updatedAt:bu,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:K,revision:s,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:bv,slug:bw}},cX],description:"プライバシーを優先したデータ活用に向けて 顧客中心のアプローチに関するホワイトペーパーをご用意しました。サードパーティCookie廃止、GDPRなどのプライバシー法への対応への局所的に捉えるのではなく、包括的なアプローチを目指して、 ここでは俯瞰して考えてみましょう。"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"32JhArQIazFnhH4aOeijKx",type:m,createdAt:"2023-02-08T14:06:17.702Z",updatedAt:"2023-11-24T03:42:10.407Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:41,revision:K,contentType:{sys:{type:c,linkType:n,id:U}},locale:i},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"3pQmNc1fZe00XB2UhusKrN",type:r,createdAt:"2023-02-08T14:13:15.812Z",updatedAt:"2023-11-24T03:27:17.504Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:15,revision:z,locale:i},fields:{title:"img",description:q,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3pQmNc1fZe00XB2UhusKrN\u002Fb0faa72e820d9445592d977bbba93a67\u002F4.jpg",details:{size:672231,image:{width:F,height:F}},fileName:"4.jpg",contentType:x}}},category:cU,slug:"datascience-report",title:"予測モデルの考え方とは？ノンアルコールをテーマにデータ分析",DiscriptionWhitepaper:"ベーシックなデータサイエンスを体験できます",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:V,nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:ah,nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"データサイエンスとは",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ベーシックなデータサイエンスを体験してみましょう ",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ノンアル飲料の販売量は今後も伸びる?",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"予測モデルを考える",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"相関関係から考える",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"FLOURISHのデータサイエンス",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:q,nodeType:a}],nodeType:b}],nodeType:B},Category_tips:[cV,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:aJ,type:m,createdAt:W,updatedAt:W,environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:s,revision:o,contentType:{sys:{type:c,linkType:n,id:t}},locale:i},fields:{name:aK,slug:aL}},cR,cX,aG],description:"予測モデルの考え方をノンアルコールをテーマに実践しました。ホワイトペーパーに実践した過程とデータサイエンスの概念をまとめました。お手数をかけしますが、資料ダウンロードのほど、よろしくお願いします。"}}],allWhitepaperEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2HrnIDZ78MWCNmPrLS8iTa",type:m,createdAt:"2023-06-03T08:45:11.415Z",updatedAt:"2023-11-24T03:42:10.624Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:75,revision:K,contentType:{sys:{type:c,linkType:n,id:U}},locale:i},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"2DYV9RnfJwf361FT2DPFfz",type:r,createdAt:"2023-06-03T08:34:28.955Z",updatedAt:"2023-11-24T03:28:41.540Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:S,revision:u,locale:i},fields:{title:"Flourish brochureA4 v5",description:"Flourish brochure",file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2DYV9RnfJwf361FT2DPFfz\u002F22bf21dd6a728e6c39d174b28ad56295\u002Fi_1.jpg",details:{size:307502,image:{width:F,height:F}},fileName:"i_1.jpg",contentType:x}}},category:aF,slug:"company-brochure",title:"FLOURISHの会社案内",DiscriptionWhitepaper:"FLOURISHのBrochure",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:V,nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:"展示会のために制作したFLOURISHのbrochureです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"NTストライプ黄170kgで印刷しました。",nodeType:a}],nodeType:b},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"5l5i6oQMtfOJoOATCTkH5d",type:r,createdAt:"2023-02-12T06:12:39.236Z",updatedAt:"2023-06-30T06:55:23.496Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:K,revision:u,locale:i},fields:{title:cZ,description:cZ,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5l5i6oQMtfOJoOATCTkH5d\u002Fde387cea2728fd3c5488382101d239d6\u002FIMG_2023-02-09-11-05-54-118-_1_.jpg",details:{size:804956,image:{width:N,height:1621}},fileName:"IMG_2023-02-09-11-05-54-118-_1_.jpg",contentType:x}}}},content:[],nodeType:C},{data:{},content:[{data:{},marks:[],value:"事例でクオリティを示す方法が流行し、BtoBマーケティングは事例合戦となっています。弊社は事例ではなく、販促のために作品を作るという意識で取り組みました。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"事例という過去に頼るのではなく、自社のプロモーションは新しい取り組みをし続け、BtoBマーケティングの事例合戦を凌駕していきたいと考えています。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"デザインだけでなく、コピーライトにも力を入れたbrochureです。ぜひクオリティーの高さをご覧ください。",nodeType:a}],nodeType:b}],nodeType:B},Category_tips:[c_],description:"展示会のために制作したFLOURISHのbrochureです。会社概要を紹介しています。お気軽にダウンロードしていただけますと幸いです。"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"OiFU013RThISDL2LrJoxG",type:m,createdAt:"2022-09-05T10:24:26.205Z",updatedAt:"2023-11-24T03:42:10.756Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:58,revision:14,contentType:{sys:{type:c,linkType:n,id:U}},locale:i},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:e,id:f}},id:"1BhmqB6U7mVuz8VtWOht2t",type:r,createdAt:"2022-11-09T08:18:57.024Z",updatedAt:"2023-11-24T03:28:22.327Z",environment:{sys:{id:g,type:c,linkType:h}},publishedVersion:G,revision:u,locale:i},fields:{title:c$,description:c$,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1BhmqB6U7mVuz8VtWOht2t\u002F1c024bdd28e8d0ecead6c383c2375bb0\u002Fi_2.jpg",details:{size:156106,image:{width:F,height:F}},fileName:"i_2.jpg",contentType:x}}},category:aF,slug:"company-usecase",title:"FLOURISHの特長と事例",DiscriptionWhitepaper:"FLOURISHの特長と事例を一部抜粋してご紹介",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:V,nodeType:a}],nodeType:p},{data:{},content:[{data:{},marks:[],value:ah,nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"FLOURISHのご紹介",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"制作・開発に関して",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"事例紹介",nodeType:a}],nodeType:b}],nodeType:j},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"沿革 ",nodeType:a}],nodeType:b}],nodeType:j}],nodeType:v},{data:{},content:[{data:{},marks:[],value:da,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:da,nodeType:a}],nodeType:b}],nodeType:B},Category_tips:[c_],description:"FLOURISHの特長と事例を一部抜粋してた資料になります。お気軽にダウンロードしていただけますと幸いです。"}}],banner:null}],fetch:{},mutations:[]}}("text","paragraph","Link","bold","Space","3supan07ky4s","master","Environment","en-US","list-item","table-cell","heading-3","Entry","ContentType",1,"heading-2","","Asset",3,"tips_category",2,"unordered-list","table-row","image\u002Fjpeg","heading-4",4,"image\u002Fpng","document","embedded-asset-block","blogPost",{},1000,7,6,"tipsType","See detail",10,"table-header-cell",1200,2000,"hyperlink","Solution",{},"blockquote",8,5,"whitepaper","コンテンツの紹介","2023-10-09T05:40:55.652Z","2023-10-06T05:43:42.067Z","2023-10-06T05:42:31.442Z","2023-10-06T05:24:54.879Z",{},{},"2023-04-09T10:46:04.630Z",{},{},{},"- 直接のフレームワーク統合はなし","Strapi","Netlify（ホスティングサービス）","ホワイトペーパーの内容は下記になります。",9,{},{},{},"ga4","出典：","GA4 実装・計測サービス","マーケティングの高度化","Cookieの取り扱いから考えるデジタルデータ活用と個人情報保護","などがあります。","table",11,"ヘッドレスCMS","／",1838,880,"image\u002Fwebp","Contentful","2013",": コンテンツをAPI経由で提供。","クリエイティブとテクノロジーの融合","LP(ランディングページ)制作","HitFilm",{},{},"2020-05-11T11:50:09.389Z","tips","3x6suLp3Jxe6CE9ZXBRtos","データ活用","data-utilization","3ZAw6fqjHuEbn27eH2lq7C","2023-04-09T10:43:17.666Z","2023-10-06T05:34:27.173Z","マーケティング","marketing","4q7teQj904F3073yQ53HkS","Cookie","cookie","4sJDBEMfmNCxeUkwVqInRH","個人情報","personal-information",{},"6HUhXeCwuI775UaJQ0AniD","GA4",1333,"I really don't use GA for much other than recording daily pages views but around Monday\u002FTuesday this week they've dropped dramatically - I'd estimate something like 80%. I've not made any changes, either to my site or to GA, so I don't know why.","https:\u002F\u002Fwww.reddit.com\u002Fr\u002FGoogleAnalytics\u002Fcomments\u002F1bagu9u\u002Fbig_google_analytics_drop_definitely_not_a_drop\u002F","Raddit","2024-07-18T08:43:26.324Z","2024-07-18T08:49:09.598Z","2024-07-18T09:00:21.790Z","…","2024-08-13T11:22:11.810Z",20,"2022-08-21T02:50:28.622Z","マーケティングマネジメントおよび実施支援","Ralate_tips","adobe-premiere-alternative","capl","2024-07-16T07:55:16.357Z","italic","4BCpB83a3SHtQeTQjsZLrL","デジタルマーケティング","digital-marketing","37luL9Xa4W1f4K153Z2RkT","2023-04-09T10:46:15.679Z","2023-04-12T01:47:33.022Z"," 制度"," system","2023-07-09T05:03:54.529Z","本人の氏名","個人関連情報の第三者への提供","https:\u002F\u002Fwww.ppc.go.jp\u002Fenforcement\u002Finfoprovision\u002FEU\u002F","氏名などと同じ個人データ","実際にGoogleやFacebookがGDPRに対応できていない部分があったことを理由として巨額の制裁金が科せられました。","　国内企業の例としては、Web検索の他様々なサービスを提供している「Yahoo! JAPAN」は、GDPRへの対応コストの負担を考慮し、2022年4月6日をもってEEA及びイギリスへのサービス提供を停止しました。「Yahoo! JAPAN」の場合は日本国内向けのサービスが中心だったとはいえ、その決断は驚きをもって迎えられました。","2024-03-05T14:33:27.948Z","2024-01-22T07:52:53.371Z",1334,"https:\u002F\u002Fflourish-group.com\u002Fservice\u002F","Service",22,952,89,"2024-04-06T04:16:52.329Z","と","2023-10-16T13:35:50.799Z",{},"2023-04-09T10:45:02.161Z","2024-09-18T06:17:02.973Z","非同期処理","2022-08-22T12:20:16.892Z","2022-08-22T12:20:07.770Z","ヘッドレスCMS 構築・運用サービス","CMS","2024-09-05T05:47:57.578Z","Netlify","1. アプリケーションの構成:","2. 開発フロー:","WordPress などの従来の CMS からヘッドレス CMS への移行は、アップグレードとも言えるでしょう。ヘッドレスCMSに移行するべきかどうか疑問に思ったことがあるかもしれません。この記事では、にヘッドレス CMS ソリューションを導入することを真剣に検討すべき理由とメリットやデメリットを紹介します。","2024-08-26T11:22:20.611Z","React, Vue.js, Angular, Next.js, Gatsby","Sanity","Prismic","非公開","React, Vue.js, Angular, Gatsby","2024-08-26T11:15:22.568Z","2024-08-26T11:17:19.283Z","2024-08-26T11:17:43.209Z","導入相談や構築の提案","2024-08-26T06:24:51.139Z","Contentful（ヘッドレスCMS）","Gatsby（静的Webサイトジェネレーター）","Sanity（ヘッドレスCMS）",": コンテンツ管理とAPI提供。","2023-10-06T05:38:48.531Z","Webflow","2024-08-12T04:58:44.608Z","2024-08-12T05:06:04.962Z","2024-08-12T05:07:32.192Z",{},"2024-03-05T14:32:26.760Z","2023-10-23T06:15:32.492Z","2023-04-06T09:46:59.141Z","2023-04-06T09:44:46.525Z","マイクロサイト","マイクロサイト構築・運用サービス","2023-02-08T04:24:45.008Z","2023-02-08T10:59:07.856Z","2023-04-10T00:04:26.963Z","2023-04-10T00:02:51.759Z","企業ポータルサイト構築・運用サービス",{},"2023-12-18T05:10:23.841Z","2024-03-05T15:22:59.108Z","2023-12-18T01:35:58.114Z","2023-04-09T10:46:45.704Z","DaVinci Resolve","2024-07-17T12:12:19.836Z","2024-07-17T12:14:19.753Z","2024-10-28T06:41:34.127Z",1080,"whitePaperCategories",{},{},"データ活用に向けて 顧客中心のアプローチ",{},{},"2023-04-09T10:44:28.741Z",{},"2023-10-06T05:28:01.047Z","マーケティングテクノロジーフェアのブース",{},"会社概要"," ")));