__NUXT_JSONP__("/blog/dx-usecase-01", (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){E.metadata={tags:[],concepts:[]};E.sys={space:{sys:{type:c,linkType:f,id:g}},id:"547y6Z2gNb3PyK2FCJoDX",type:n,createdAt:aA,updatedAt:aA,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,contentType:{sys:{type:c,linkType:o,id:"category"}},locale:j};E.fields={name:"TIPS",slug:aB};P.metadata={tags:[],concepts:[]};P.sys={space:{sys:{type:c,linkType:f,id:g}},id:aF,type:n,createdAt:V,updatedAt:V,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};P.fields={name:aG,slug:aH};R.metadata={tags:[],concepts:[]};R.sys={space:{sys:{type:c,linkType:f,id:g}},id:"3BeOaYpraw89atQ1DSXlDp",type:n,createdAt:"2022-08-21T02:50:34.872Z",updatedAt:"2023-04-17T08:56:33.250Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:aY,revision:G,contentType:{sys:{type:c,linkType:o,id:H}},locale:j};R.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5IeWXHb8dli60ug3MZMiFR",type:p,createdAt:aZ,updatedAt:aZ,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:m,locale:j},fields:{title:"企業のマーケティング活動の助太刀 ",description:"マーケティングマネジメントおよび実施支援、コンサルティングサービス",file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5IeWXHb8dli60ug3MZMiFR\u002Fae4c36ec0fb5577e9e07128a5d936591\u002Fimg_thumbnail.261577c.gif",details:{size:322566,image:{width:N,height:575}},fileName:"img_thumbnail.261577c.gif",contentType:"image\u002Fgif"}}},titleTips:a_,discriptionTips:"企業のマーケティング活動の助太刀になります！",URL_tips:"https:\u002F\u002Fwww.flourish-group.com\u002Fsolutions\u002Fmarketing\u002F",name:a_,btnType:I,subTips:M};T.metadata={tags:[],concepts:[]};T.sys={space:{sys:{type:c,linkType:f,id:g}},id:"7qay46R7OHlvlbh6nsX878",type:n,createdAt:aC,updatedAt:aC,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:t,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};T.fields={name:"効率化",slug:aD};U.metadata={tags:[],concepts:[]};U.sys={space:{sys:{type:c,linkType:f,id:g}},id:"5sN4yR4QZJO8FTsKej95cg",type:n,createdAt:aE,updatedAt:aE,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};U.fields={name:"自動化",slug:"automation"};W.metadata={tags:[],concepts:[]};W.sys={space:{sys:{type:c,linkType:f,id:g}},id:"6z0ThgUgzY1xDT2il7T8cf",type:n,createdAt:aP,updatedAt:aP,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j};W.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"20LWxjcnuM4Er2pJF83BrF",type:p,createdAt:aQ,updatedAt:aQ,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"cloud-servers",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F20LWxjcnuM4Er2pJF83BrF\u002Ff2b8fb88bed31e8f7435c399f77bfc33\u002Fcloud-servers.jpeg",details:{size:2705339,image:{width:F,height:Q}},fileName:"cloud-servers.jpeg",contentType:u}}},titleTips:ah,discriptionTips:"データを活用しアクションまで求める",URL_tips:aR,name:ah,btnType:I,subTips:aS};X.metadata={tags:[],concepts:[]};X.sys={space:{sys:{type:c,linkType:f,id:g}},id:"1xDnMdj4pIm9TyZNO83Edm",type:n,createdAt:"2023-04-05T03:02:18.633Z",updatedAt:"2023-04-05T03:07:31.753Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:L,revision:t,contentType:{sys:{type:c,linkType:o,id:H}},locale:j};X.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"49fh3ZLJ4BQnK9yzE1CVNu",type:p,createdAt:aT,updatedAt:aT,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,locale:j},fields:{title:aU,description:aU,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F49fh3ZLJ4BQnK9yzE1CVNu\u002Fb0cdd979ab4f4094fb76badd77bee9d5\u002Fimg_thumbnail.jpg",details:{size:259187,image:{width:aV,height:aW}},fileName:"img_thumbnail.jpg",contentType:u}}},titleTips:aX,discriptionTips:"データ活用をフェーズに合わせて拡張",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fdata-science\u002F",name:aX,btnType:I,subTips:M};Y.metadata={tags:[],concepts:[]};Y.sys={space:{sys:{type:c,linkType:f,id:g}},id:"2uGNaOT7MNfnmIvQYYxPVN",type:n,createdAt:"2023-12-18T05:00:59.871Z",updatedAt:"2023-12-18T05:10:42.968Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:t,contentType:{sys:{type:c,linkType:o,id:ak}},locale:j};Y.fields={name:"マーケティングの効率化",slug:aD};Z.metadata={tags:[],concepts:[]};Z.sys={space:{sys:{type:c,linkType:f,id:g}},id:"1jSSk21Gq0ppPVbyheMnh4",type:n,createdAt:bx,updatedAt:bx,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};Z.fields={name:ao,slug:"headlesscms"};_.metadata={tags:[],concepts:[]};_.sys={space:{sys:{type:c,linkType:f,id:g}},id:"WDetGgJIHKL6Ug9O3Bwjb",type:n,createdAt:bC,updatedAt:bC,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:aY,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j};_.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"4L7wEnaiHtTXeuDTUYemoz",type:p,createdAt:bD,updatedAt:bD,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:m,locale:j},fields:{title:ao,description:ao,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F4L7wEnaiHtTXeuDTUYemoz\u002F1f0e5897b76ba0fa76f7f3faeadab161\u002Fimg_thumbnail.3ee64e2.webp",details:{size:18972,image:{width:aq,height:ar}},fileName:"img_thumbnail.3ee64e2.webp",contentType:as}}},titleTips:bE,discriptionTips:"デバイスやチャンネルを跨いだコンテンツの活用、セキュリティーの向上におすすめ",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fheadlesscms\u002F",name:bE,btnType:I,subTips:M};$.metadata={tags:[],concepts:[]};$.sys={space:{sys:{type:c,linkType:f,id:g}},id:"2gy3faSXQlCQdsNPzeX5RF",type:n,createdAt:"2023-04-09T10:42:13.984Z",updatedAt:"2023-10-09T03:43:58.179Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:S,revision:s,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};$.fields={name:bF,slug:"contents-management-system"};ai.metadata={tags:[],concepts:[]};ai.sys={space:{sys:{type:c,linkType:f,id:g}},id:"cPrrYW9Tmwg9TKUFA2LNu",type:n,createdAt:"2023-06-13T04:50:39.973Z",updatedAt:"2023-06-28T07:05:15.080Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:24,revision:L,contentType:{sys:{type:c,linkType:o,id:"Writer"}},locale:j};ai.fields={name:aj,jobCategory:["Representative partner","Project Management","Marketing"],Profile:"1984年6月生まれ。早稲田大学卒業。映像制作会社を経て、2011年8月より学習塾FCチェーンにて、マーケティング業務、チラシ・HP・DMの企画・ライティング、新規サービスの立ち上げ、アプリの立ち上げ、社内ポータルサイトの導入、会報誌および情報誌を担当。その後、大手不動産ポータルサイトで、クライアント向けイベント企画・運営やBPRなどを担当。",teamMate:true,type:"Partner&Advisor",image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"hQSzgxoUi3J8HaLHX9ruu",type:p,createdAt:a$,updatedAt:a$,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:m,locale:j},fields:{title:aj,description:aj,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002FhQSzgxoUi3J8HaLHX9ruu\u002F46f02100ee797ddfd11858fbbbaf9a10\u002Fpf_______ryoko.jpg",details:{size:475928,image:{width:ba,height:ba}},fileName:"pf作成_ryoko.jpg",contentType:u}}}};al.metadata={tags:[],concepts:[]};al.sys={space:{sys:{type:c,linkType:f,id:g}},id:"3ZAw6fqjHuEbn27eH2lq7C",type:n,createdAt:"2023-04-09T10:43:17.666Z",updatedAt:"2023-10-06T05:34:27.173Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:O,revision:s,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};al.fields={name:"マーケティング",slug:"marketing"};br.metadata={tags:[],concepts:[]};br.sys={space:{sys:{type:c,linkType:f,id:g}},id:"Vl3Rw8VxPJu6ikJkAJzU0",type:n,createdAt:bs,updatedAt:bs,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:S,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j};br.fields={imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"71hUyAkIMjK6Sm26EZoU5A",type:p,createdAt:"2024-08-13T11:21:12.216Z",updatedAt:"2024-08-13T12:06:59.424Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:S,revision:t,locale:j},fields:{title:am,description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F71hUyAkIMjK6Sm26EZoU5A\u002F57d5dec8b7b2285333884bdebe274b5a\u002FFrame_104.jpg",details:{size:395180,image:{width:J,height:J}},fileName:"Frame 104.jpg",contentType:u}}},titleTips:am,discriptionTips:"データを把握することからスタート",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fga4\u002F",name:am,btnType:I,subTips:M};by.metadata={tags:[],concepts:[]};by.sys={space:{sys:{type:c,linkType:f,id:g}},id:"WTvBDv1UpUQR0wR0a7dwj",type:n,createdAt:bz,updatedAt:bz,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:t,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};by.fields={name:"システム開発",slug:"system-development"};cD.metadata={tags:[],concepts:[]};cD.sys={space:{sys:{type:c,linkType:f,id:g}},id:"6nGA76xRgNysXF1T4L7iuu",type:n,createdAt:"2022-11-11T06:44:19.153Z",updatedAt:"2022-11-11T07:41:14.268Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:t,contentType:{sys:{type:c,linkType:o,id:cz}},locale:j};cD.fields={title:"サービス概要",slug:"service"};cF.metadata={tags:[],concepts:[]};cF.sys={space:{sys:{type:c,linkType:f,id:g}},id:"7MBT3mFJKCehLqINKNGJO6",type:n,createdAt:"2023-06-16T18:43:58.164Z",updatedAt:"2023-06-17T04:25:44.345Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:t,contentType:{sys:{type:c,linkType:o,id:x}},locale:j};cF.fields={name:"ALL",slug:"all"};return {data:[{entry:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"39MBVe8Zkx5C7J25gnakz0",type:n,createdAt:"2024-04-29T09:30:18.169Z",updatedAt:"2024-04-29T09:34:49.247Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:88,revision:s,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"CMS運用の効率化をするワークフローの再設計〜転記削減、スプレッドシートからの脱却〜",slug:"dx-usecase-01",description:"マーケティング活動やマーケティング活動の管理を再構築する可能性があります。CMS運用の効率化をするワークフローの再設計〜転記削減、スプレッドシートからの脱却〜DXユースケース(1)",category:E,Category_tips:[T,U,P],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"685ZKLTCD0Fc074OuREagM",type:p,createdAt:aI,updatedAt:aI,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,locale:j},fields:{title:aJ,description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F685ZKLTCD0Fc074OuREagM\u002F1da95b38eab1b18a5d175ea3b804fc48\u002FCMS____________.jpeg",details:{size:1436640,image:{width:F,height:Q}},fileName:"CMS運用ワークフローの再設計.jpeg",contentType:u}}},content:{nodeType:C,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"デジタルテクノロジーは現在、市場や社会にとって不可欠なものとなっており、デジタルトランスフォーメーションはビジネスイノベーションの重要な分野になりつつあります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"しかし、デジタル変革は複雑であり、完全に把握して活用しているかといった課題を感じている企業も多いのではないでしょうか。",marks:[],data:{}}]},{nodeType:q,data:{},content:[{nodeType:a,value:"マーケティング領域のデジタル化\u002FDXの目的",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"マーケティング領域のデジタル化さらにはデジタルトランスフォーメンション（DX）には大きく2つの目的があると思います。将来的にデータドリブンな経営を行うため、もう一つは従業員がストレスから解放されるため。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:aK,marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:aL,marks:[],data:{}}]}]}]},{nodeType:l,data:{},content:[{nodeType:a,value:aK,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:aL,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"また、マーケターが「もううんざり」とモチベーションの低下を起こしてしまうケースは昨今増えているように感じます。デジタルツールを導入したことで、業務が細分化し、時間のプレッシャーを感じ、タスクマン化してしまうこともあると思います。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"今回は、データのサイロ化を防ぎ、転記といった定型業務から解放されるように、スプレッドシートからの脱却をユースケースで紹介します。",marks:[],data:{}}]},{nodeType:q,data:{},content:[{nodeType:a,value:"ユースケース：CMS運用の効率化をするワークフローの再設計",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"今回はWebサイトの更新作業で、CMSにコンテンツをアップロードし、情報を公開するまでに発生する単純作業に焦点を当てました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"例えば、",marks:[],data:{}},{nodeType:a,value:"スプレッドシートでコンテンツを管理し、転記を繰り返している",marks:[{type:d}],data:{}},{nodeType:a,value:"プロジェクトもあるのではないでしょうか。スプレッドシート管理でないにせよ、CMSへのアップ作業までに重複するような単純作業が発生している場合は、プロセスの再検討と自動化を考えてみると良いでしょう。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"想定対象",marks:[{type:d}],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"フォーマットで扱いやすい製品情報や採用情報など情報をスプレッドシートで管理し、転載し、公開用に編集し、チェックし、公開するようなケース。このようなケースで起きやすい非効率がターゲットです。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"複数の商品情報を掲載する企業",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"複数の採用情報を掲載する企業",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"広告掲載を行うメディア",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"主な課題",marks:[{type:d}],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"スプレッドシートなどでコンテンツを管理していて、転記が発生している",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"運用ルールが複数あり、オペレーションミスが発生しやすい",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"運用ルールが複雑なため、属人化しやすい",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"チェック作業など単純業務が重複している",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMSで感知している問い合わせがCRMと連携していないためデータの管理が複雑になる",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMSの問い合わせをCRMに入力していない",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"フォーマットが決めやすいコンテンツを公開するために、煩雑なワークフローを踏んでいることはないでしょうか。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"フォーマットは決めやすいが、",marks:[],data:{}},{nodeType:a,value:"複数の部門や関係者が異なった目的で情報を扱う場合はワークフローが整理できない",marks:[{type:d}],data:{}},{nodeType:a,value:"ことが発生しやすいです。さらに、",marks:[],data:{}},{nodeType:a,value:"関係者が多くなればなれるほど、業務フローやプロセスが複雑に",marks:[{type:d}],data:{}},{nodeType:a,value:"なってしまい、全体プロセスを描き、最適化しなければなりません。",marks:[],data:{}}]},{nodeType:q,data:{},content:[{nodeType:a,value:aJ,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"このケースの一番の課題は、",marks:[],data:{}},{nodeType:a,value:"フォーマット化しやすい情報・コンテンツをCMSにアップロードするために時間やコストを費やしている",marks:[{type:d}],data:{}},{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:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"7LPx3IiWlB0tQCdAIyLtHL",type:p,createdAt:aM,updatedAt:aM,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"ユースケース（従来）",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F7LPx3IiWlB0tQCdAIyLtHL\u002F7d7965bb299727782e9e0033b86f8425\u002F__________.jpeg",details:{size:244375,image:{width:F,height:aN}},fileName:"ユースケース（従来）.jpeg",contentType:u}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"全体プロセスを整理することから初めて無駄になっている作業はあるのか、定型的な業務は発生しているか、重複作業は発生しているかを確認しましょう。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"下記のように複雑だった業務フローも簡素化することできます。",marks:[],data:{}}]},{nodeType:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"6cBQm4AOt8RlrAS9tqGL2y",type:p,createdAt:aO,updatedAt:aO,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"ユースケース",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F6cBQm4AOt8RlrAS9tqGL2y\u002F8b82a77f9e6d870fd62085c5f1df2d65\u002F______.jpeg",details:{size:198650,image:{width:F,height:aN}},fileName:"ユースケース.jpeg",contentType:u}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"情報が生まれるフェーズで誰かが聞いて入力すると手間になるので、情報を持っている人に入力してもらうことでミスもなく迅速に入力できるでしょう。",marks:[],data:{}}]},{nodeType:q,data:{},content:[{nodeType:a,value:af,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ag,marks:[],data:{}}]}]},tipsLink:[W,X,R],Writer:[ai],WorksService:Y}},category:aB,prev:bb,next:"online-event-vision",relatedEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"RQfYkKN5k8BP1t9vi6EQI",type:n,createdAt:"2024-06-28T05:38:37.369Z",updatedAt:"2024-08-13T11:28:18.452Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:428,revision:bc,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"GA4（Google Analytics 4）などのデータをSlackで通知する方法とそのメリット",slug:"bigQuery-slack",description:bd,category:E,Category_tips:[U,P,al,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:be,type:n,createdAt:bf,updatedAt:bg,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:O,revision:s,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:bh,slug:bi}},T],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"15XEhXZkn2JhYdXtQKSMu7",type:p,createdAt:"2024-06-28T05:38:32.900Z",updatedAt:"2024-06-28T07:38:33.657Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:S,revision:t,locale:j},fields:{title:bj,description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F15XEhXZkn2JhYdXtQKSMu7\u002F8547c65ac1520a42a2608945d7bf6b52\u002Fpython__1_.jpg",details:{size:5022723,image:{width:4524,height:2766}},fileName:"python (1).jpg",contentType:u}}},content:{data:{},content:[{data:{},content:[{data:{},marks:[{type:"italic"}],value:bd,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"WebサイトのデータはLooker StudioなどのBIツールで見える化されていることがほとんどだと思います。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"多くの場合は、データ情報は関係者で共有することを目的として、現場でアクションを起こすためには利用されないこともあるように感じます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"おそらく、重要な施策や改善には、都度、担当者や外部ベンダーがインサイト（洞察）を分析することが多いのではないでしょうか。そのため、BIツールで見える化したレポートは形骸化されやすいことは否めません。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[{type:d}],value:"それでは、SlackやTeamsなどで日常的にwebのデータを通知するメリットは何でしょうか。",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}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"今回はGA4のデータをslackに通知する方法に焦点を当てて、どのような方法があるのか紹介します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GA4のデータを受け取る方法とそのメリットとデメリット",nodeType:a}],nodeType:q},{data:{},content:[{data:{},marks:[],value:"GA4のデータをslackで自動通知をするために、検討できる主な方法は下記の4つになります。（Teamsでも自動通知はできますが、今回は対象データはGA4で、通知先はslackに限定して検討しました）",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"GA4のデータをBigQueryに送り、GCP(Google Cloud Platform)を活用してpythonで分析し、pythonからslackへ通知する方法",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"GA4 のデータをGoogle Analytics Data API (GA4)を使い、GAS (Google Apps Script)と連携し、slackに通知する方法\t",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"GA4のデータをBigQueryに送り、BigQuery でクエリを実行し、GASとBigQueryを連携し、slackに通知する方法",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"GA4のデータをBigQueryに送り、スプレッドシートのconnectからBigQueryに連携してクリエ実行し、GAS でスプレッドシートを読み取り、slackへ通知する方法",nodeType:a}],nodeType:b}],nodeType:e}],nodeType:bk},{data:{},content:[{data:{},marks:[],value:"1.GA4のデータをbigQueryに送り、GCPを活用してpythonで分析し、pythonからslackへ通知する方法",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"1に関してはpythonを使えるので技術力があれば、分析の幅が広がります。特にGA4だけでなく複数の大規模のデータを保有している場合はpythonを使った分析は有効になるでしょう。このデメリットは技術的なスキルやノウハウに依存することと、GCPが有料になる可能性があることです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"導入のハードルは高く、設計をしっかり行って導入することが良いでしょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"2.GA4 のデータをGoogle Analytics Data API (GA4))を使い、GAS と連携し、slackに通知する方法\t",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"2に関しては料金的には確実にリーズナブルに抑えられる方法と言えるでしょう。なぜならば、BigQueryもGCPも使っていません。この方法のデメリットとしてはGASでスプレッドシートにデータを出力し、そのデータをGASで取得してから通知しなければいけません。少し複雑になってしまいます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"3.GA4のデータをbigqueryに送り、bigquery でクエリを実行し、GASとBigQueryを連携し、slackに通知する方法",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"3に関しては、スケジュールを設定し、クリエを実行しスプレッドシートを作成するにはGCPを活用しなければできません。(BigQueryサンドボックスではスケジュールができないので、スケジュール設定したい場合はGCPへのアップグレードが必要です) 。スケジュールを設定し自動でクリエを実行して作成したスプレッドシートをGASによって取得し、slackに通知します。SlackへのbotはGASにより通知は自動化できます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"4.スプレッドシートのconnectでbigquery連携してクリエ実行し、Gasでスプレッドシートを読み取り、slackへ通知する方法",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"4に関しては、スモールスタートにとてもおすすめの方法です。Google スプレッドシートのインターフェース内にある「connect」からBigQueryと連携し、BigQuery テーブルにリンクし、クエリを入力して必要なデータを抽出したりできるようになります。あとはGASでスプレッドシートの情報を読み取り、slackへ自動で通知できるようにします。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"4の場合も、GCPでBigQueryのデータを整形したものをGoogleスプレッドシートのconnectでbigquery連携できることが望ましい事象もあり、GCPを将来的に活用することも考えられるでしょう。整形しないで、Googleスプレッドシートのconnectとbigqueryの連携してクエリを実行する方法では制限させることもありますし、力技で対応することも増えるでしょう。ただ、スモールスタートの際は、GCPを使わずに無料で始められ、それなりの通知が実装できるのでオススメです。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"BigQueryに連携します（事前にBigQueryにGA4のデータを集積しました）",nodeType:a}],nodeType:w},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"IcH2ssCTqmDctmYOgOAZb",type:p,createdAt:"2024-06-28T04:56:27.358Z",updatedAt:"2024-06-28T05:41:58.465Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:t,locale:j},fields:{title:"BigQueryに連携します",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002FIcH2ssCTqmDctmYOgOAZb\u002F6940e85080ac2679bc1c8faf58c21fbb\u002FBigQuery______.png",details:{size:341707,image:{width:2076,height:1667}},fileName:"BigQuery______.png",contentType:A}}}},content:[],nodeType:y},{data:{},content:[{data:{},marks:[],value:"Slackのappを作り、appへアクセス権限を付与します（Slack botというappを作りました）",nodeType:a}],nodeType:w},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2RcfsdsCPR13YFNq4gx7tg",type:p,createdAt:bl,updatedAt:bl,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:m,locale:j},fields:{title:"Slacl app intall",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2RcfsdsCPR13YFNq4gx7tg\u002F8c85bfb0448d5cd289c8021596e0dea4\u002Fapp.png",details:{size:213849,image:{width:2450,height:1424}},fileName:"app.png",contentType:A}}}},content:[],nodeType:y},{data:{},content:[{data:{},marks:[],value:"GASから経由でSlack API を利用してslackに通知します",nodeType:a}],nodeType:w},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5WtOkTYJxseUDSiXnEqwJ5",type:p,createdAt:bm,updatedAt:bm,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"GAS",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5WtOkTYJxseUDSiXnEqwJ5\u002F2b455aa13afa673390fe29dac0f180b8\u002F__________2024-06-28_13.29.38.png",details:{size:609235,image:{width:2454,height:1720}},fileName:"スクリーンショット 2024-06-28 13.29.38.png",contentType:A}}}},content:[],nodeType:y},{data:{},content:[{data:{},marks:[],value:" Slack に作成したslack botより通知されました",nodeType:a}],nodeType:w},{data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3tNOCawPSDZ47LgmvOEy2L",type:p,createdAt:bn,updatedAt:bn,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:bj,description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3tNOCawPSDZ47LgmvOEy2L\u002F88ece94323de7df8cecfac4d184f9723\u002Fslack.jpg",details:{size:301346,image:{width:2422,height:925}},fileName:"slack.jpg",contentType:u}}}},content:[],nodeType:y},{data:{},content:[{data:{},marks:[],value:"この方法は、BigQueryサンドボックス（無料）ではスケジュールができない点をクリアにしてくれるため、スモールスタートに適しています。この方法で制限を感じ、スケールの大きな分析や通知を行いたいとなった場合は、GCPを契約し、高度な分析に移行していく事ができます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"サードパティのツールはどうなのか？",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"全く技術を必要としないツールを導入する事も検討できるでしょう。しかし、長い目で見たときに有効ではないと考えられます。特定のアクションしか通知できない、メールしか送れない、カスタマイズした通知ができないといった課題が、出来合いのツールやappでは発生することが多くあります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"また、外部ベンダーと協力するにせよ、技術的なチャレンジをし、柔軟性のある選択することで、ノウハウを貯め、データを活用した事業活動を向上していく事につながると考えられます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"BigQuery とGCPの料金の概要",nodeType:a}],nodeType:q},{data:{},content:[{data:{},marks:[],value:"BigQueryの使用料金",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[{type:d}],value:"BigQuery",nodeType:a},{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:"に分離されていることから、BigQuey の料金は「",nodeType:a},{data:{},marks:[{type:d}],value:bo,nodeType:a},{data:{},marks:[],value:"」「",nodeType:a},{data:{},marks:[{type:d}],value:"分析料金（コンピューティング料金）",nodeType:a},{data:{},marks:[],value:"」の 2 つの要素があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"コンピューティング料金",nodeType:a}],nodeType:w},{data:{},content:[{data:{},marks:[],value:"処理されるクエリデータは毎月 1 TiB まで無料です。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"クエリが参照するテーブルあたりのデータ最小処理容量は 10 MB、クエリあたりのデータ最小処理容量は 10 MB とします。つまり、基本的には一回のクエリの実行あたり10MBの処理になることが多い。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"1TiBをMBに変換すると、\n1TiB = 1,024GiB = 1,048,576MiB = 1,073,741,824MB",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"1ヶ月あたりの無料処理量を10MB単位で区切ると、\n1,073,741,824MB ÷ 10MB\u002F処理 = 107,374,182.4 処理",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"10MB処理の上限回数を算出すると、上記の結果は小数点以下を含んでいるため、実際には実行できる処理回数は整数部分のみとなります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bp,nodeType:a},{data:{},marks:[{type:d},{type:bq}],value:"10MBの処理を月に107,374,182回実行できること",nodeType:a},{data:{},marks:[],value:"になります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"GA4の処理では、あまり気せずに無料で使うことができることがわかります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bo,nodeType:a}],nodeType:w},{data:{},content:[{data:{},marks:[],value:"ストレージ料金は、BigQuery に読み込むデータを保存する費用です。アクティブ ストレージと長期保存に対して料金が発生します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"アクティブ ストレージには、過去 90 日間で変更されたテーブルまたはテーブル パーティションが含まれます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"長期保存には、90 日間連続して変更されていないテーブルまたはテーブル パーティションが含まれます。そのテーブルのストレージの料金は自動的に約 50% 値引きされます。アクティブ ストレージと長期保存のパフォーマンス、耐久性、可用性に違いはありません。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"ストレージは毎月 10 GiB まで無料です。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"無料ストレージ容量を論理バイト数に変換すると、\n10 GiB * 1024 MiB\u002FGiB * 1024 KiB\u002FMiB * 1024 B\u002FKiB = 10,737,418,240 B",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"1日分のデータ量を論理バイト数に変換すると、\n1.3 MB * 1024 KiB\u002FMB * 1024 B\u002FKiB = 1,331,200 B",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"無料ストレージ容量で保管できる日数を算出すると、\n10,737,418,240 B \u002F 1,331,200 B\u002F日 = 8,075 日",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:bp,nodeType:a},{data:{},marks:[{type:d},{type:bq}],value:"1.3 MBのデータが毎日蓄積された場合8,075 日分を無料で保管できる",nodeType:a},{data:{},marks:[],value:"ことになります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"また、",nodeType:a},{data:{},marks:[{type:d}],value:"BigQueryサンドボックス（無料版）では、データの保存期間は60日間と定められています。昨月対比を行う場合は注意が必要です",nodeType:a},{data:{},marks:[],value:"。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"支払を登録してサンドボックスからアップグレードしても、ある程度は無料で使えます。クエリを実行して保存してもまだ余裕があります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"Google Cloud の使用料金",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"新規に契約すると、ワークロードの実行、テスト、デプロイができる無料クレジット $300 分が提供されます。これには、Google が推奨する事前構築済みのソリューションも含まれます。また、 20 以上のプロダクトを無料で提供されます。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"無料クレジット を超えると、Google Cloud の従量課金制の料金体系で、使用したサービスに対してのみ料金が発生します。前払い料金や、解約手数料は不要です。料金はプロダクトや使用量によって異なります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"あらかじめ料金もマネージし、予測できるようになってから導入する方が良いでしょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"データをメッセージすることの可能性",nodeType:a}],nodeType:q},{data:{},content:[{data:{},marks:[],value:"APIによる連携で、データの受け渡しは従来から存在しましたが、現在はよりやすい環境が整ってきています。DWH（データウェアハウス）と連携し、SQLクエリを実行し、分析し、レポートし、定期的に自動通知することも実現しやすくなっています。",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:"まずはSlackなどで日常的にwebのデータを通知することで可能性を探ることからスタートすることで、データ駆動の文化を醸成し、ビジネスに活かせる可能性が広がります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"日常的にデータに触れる環境を作る：",nodeType:a},{data:{},marks:[],value:"レポートだけでなく、Slackでデータを見る習慣を作る。",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"データの共有と議論：",nodeType:a},{data:{},marks:[],value:"Slack内でデータについて議論し、気づきを得る。",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[{type:d}],value:"高度な自動化へのステップ：",nodeType:a},{data:{},marks:[],value:"データ分析とアクションを自動化する仕組みを作る。",nodeType:a}],nodeType:b}],nodeType:e}],nodeType:bk},{data:{},content:[{data:{},marks:[{type:d}],value:"「データを分析し、自動でアクションを行える状態」",nodeType:a},{data:{},marks:[],value:"は、高度化と言える領域です。一足飛びに、高度化はハードルが高すぎるので、まずはデータを日常的に見たり、気づきを得えたりすることからスタートすることが良いでしょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"データを日常的に扱い通知を行うことで、従来のレポートも通知の深掘りができる役割へと変える必要もあり、データ活用の可能性は広がります。",nodeType:a}],nodeType:b}],nodeType:C},tipsLink:[br],WorksService:Y}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2BTSON8Inp5zX1wWp8Yfgz",type:n,createdAt:"2024-04-29T07:58:10.814Z",updatedAt:"2024-04-29T09:11:07.914Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:bt,revision:t,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"過剰なスプレッドシートの使用がビジネスを台無しにする？",slug:bb,description:"スプレッドシートをワークフローに組み込むことありきで業務フローを確立していくことはビジネスを停滞させる原因になるのではないだろうか考えています。 今回は、業務フローにスプレッドシートを組み込む隠れた非効率性を考えてみたいです。",category:E,Category_tips:[T,U,P],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"6h0kHREztEImSHaxll2a7I",type:p,createdAt:bu,updatedAt:bu,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"過剰なスプレッドシート",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F6h0kHREztEImSHaxll2a7I\u002F6098e1ae7b4595342a20494782c7f47f\u002F_____________.jpeg",details:{size:2189899,image:{width:F,height:Q}},fileName:"過剰なスプレッドシート.jpeg",contentType:u}}},content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:"以前、",nodeType:a},{data:{},marks:[],value:"スタートアップのマーケティングを担当する際に、業務フローにスプレッドシートを使おうとしませんでした。それは感覚的な部分はありますが、将来的に管理が面倒になることは選択肢にありませんでした。もし、スプレッドシートを業務フローに組み込んでしまうと、CRMやMAを使っている意味も薄くなってしまいます。",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}],nodeType:q},{data:{},content:[{data:{},marks:[],value:"スプレッドシートは、データセットの増大、コラボレーションの増加、ビジネスクリティカルなワークフローの増加に伴い、その有用性は低下します。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"スプレッドシートを過剰に使用すると、実際にビジネスを台無しにする可能性があります。\nどのようなリスクがあるのかを確認していきましょう。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"リスク1:手動プロセスが増える",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:{},marks:[],value:"リスク2:スケールできない",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:"リスク3:コラボレーションを妨げる",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:"リスク4:コンプライアンスのリスクがある",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:{},marks:[],value:"リスク5:大規模なデータセットはパフォーマンスが悪い",nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"スプレッドシートを使用してデータセットを分析することはおそらく現実的ではありません。大量のデータ、複雑な計算は更新が遅く、フリーズすることがよくあります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:af,nodeType:a}],nodeType:l},{data:{},content:[{data:{},marks:[],value:"スプレッドシートは多用途ですが、企業がしっかりとしたプラットフォームを必要とする場合には、より優れたデータ管理、視覚化、コラボレーション、統合のオプションを選択できるようになります。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:ag,nodeType:a}],nodeType:b}],nodeType:C},tipsLink:[W,X,R],Writer:[ai],WorksService:Y}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"1IxDuIImPZd42wUJICsobT",type:n,createdAt:"2024-04-28T03:49:52.940Z",updatedAt:"2024-04-29T07:05:20.121Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:291,revision:L,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"デジタル化で企業が直面するネガティブな側面",slug:"dx-01",description:"真のデジタル化を目指す上では、考慮しなければならないデジタル化によるネガティブな側面は、調査も行われるようになってきました。 この記事では、デジタル化によって企業が直面するネガティブな側面を取り上げ、どのようにしていくべきか簡単な提案をします。",category:E,Category_tips:[T,U,P],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"67rch1GNCyVBwHHZiAyeCO",type:p,createdAt:bv,updatedAt:bv,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"デジタル化",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F67rch1GNCyVBwHHZiAyeCO\u002F6b65f1de15264c8d38defc63612462b7\u002F_______.jpeg",details:{size:1382125,image:{width:F,height:Q}},fileName:"デジタル化.jpeg",contentType:u}}},content:{nodeType:C,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"効率化やDX、さらにはAIといった文脈で、企業のデジタル化はあたかも進められるべきという風潮があります。",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:b,data:{},content:[{nodeType:a,value:"この記事では、デジタル化によって企業が直面するネガティブな側面を取り上げ、どのようにしていくべきか簡単な提案をします。",marks:[],data:{}}]},{nodeType:q,data:{},content:[{nodeType:a,value:"1.複雑さと断片化",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"デジタル変革の主な欠点の 1 つは、複雑さと断片化の増大につながる可能性があることです。\n企業が従来の運用方法から移行するにつれて、さまざまな新しいテクノロジを採用することが多くなり、システム全体がより複雑になる可能性があります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"下記が当てはまったら、複雑さと断片化が当てはまっている可能性があるでしょう。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"転記が増えた",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{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:"オーストラリア、フランス、ドイツ、日本、英国、オーストラリアを含む 10 か国の 最高データ責任者（CDO）のメンバー 899 人以上を対象にした、インフォマティカが委託して実施したIDCの調査の結果でもネガティブ側面は浮き彫りになっています。データリーダーの 37% はデータを使用して戦略やイノベーションを推進するのではなく、データの複雑性への取り組みにほとんどの時間を費やしています。",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:a,value:"さまざまなシステムを一元化して簡素化することを目指すべき",marks:[{type:d}],data:{}},{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:q,data:{},content:[{nodeType:a,value:"2.デジタルワークスペースによりロボット化",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"パンデミックによりデジタルワークが強化され、この分野の研究が急速に進んでいます。\n従業員は、情報をチェックし、会議を予約し、会議に参加し、タスクを遂行し、成果物（アウトプット）を作成し、勤務時間中にテクノロジーに没頭します。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"エンタープライズ ソーシャル ネットワーキング（チャットツール: SlackやYammerなど）",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"勤怠ツール",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"メールツール",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"イントラネット（社内ネットワーク：サイボーズやNotion やConfluence など）",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"オフィスツール（Google スプレッドシートやMicrosoft365など）",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"チャットボット",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"感情分析ツール",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"モバイルアプリ",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"これに加えてマーケティング部門であれば下記も追加されます。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Web分析ツール",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"MA(マーケティングオートメーションツール)",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CRM(顧客管理システム)",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"広告配信ツール",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"SNS",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMS(コンテンツ管理システム)",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"デザイン制作ツール",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:"一日中、デジタルツールに囲まれて過ごすことになるでしょう。Radditを見ていると、燃え尽きたり、ロボットみたいと感じたりしているマーケターも増えています。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"デジタルワークのネガティブな側面として、テクノストレス、過負荷の不安、依存症などが挙げられます。デバイスやアプリケーションは不安や恐怖症、過負荷、依存症、気が散る、最終的にはストレス、疲労、燃え尽き症候群につながることもあります。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"リモートワークによる生産性の向上は、従業員の長期にわたる仕事関連のストレスや精神疾患という高い代償を伴う可能性があり、先進国ではすでに年間 2 億 2,113 万ドルから 1,870 億ドルの損失が生じるという試算もあります。[",marks:[],data:{}},{nodeType:an,data:{uri:"https:\u002F\u002Fwww.scopus.com\u002Frecord\u002Fdisplay.uri?eid=2-s2.0-85017126805&origin=inward&txGid=ce21c4b24d28cc8cec0cd4f58415fbab"},content:[{nodeType:a,value:"※",marks:[],data:{}}]},{nodeType:a,value:bw,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:"研究の「デジタル化が従業員の仕事満足度に及ぼす影響の分析（Decomposing the effects of digitalization on workers’ job satisfaction）」では、デジタル化が仕事の満足度に影響を与える要因について調べました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"測定した要因は、時間的プレッシャー、仕事を失うことへの恐怖、ワークライフバランス、仕事とプライベートの切り替えのスムーズさ、仕事の面白さ、生産性、自主性、労働時間の柔軟性、同僚や上司とのやりとりの容易さ。",marks:[],data:{}}]},{nodeType:w,data:{},content:[{nodeType:a,value:"ワークライフバランスの悪化",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"男性、35歳以上の従業員、管理職、および男性にとってより関連性が高いことを示唆しました。",marks:[],data:{}}]},{nodeType:w,data:{},content:[{nodeType:a,value:"仕事の面白さ",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"男性と 35 歳以上の従業員の方が大きな効果があることがわかりました。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"対照的に、女性、若い従業員、および以前から働いていた従業員では低いことがわかりました。",marks:[],data:{}}]},{nodeType:w,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: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: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:q,data:{},content:[{nodeType:a,value:af,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ag,marks:[],data:{}}]}]},tipsLink:[W,X,R],Writer:[ai],WorksService:Y}}],relatedCapability:{service:[W],solution:[X,R]},latestEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5CmoG5vKvJjX5gFU40k7Ce",type:n,createdAt:"2024-09-18T06:17:47.699Z",updatedAt:"2024-09-18T06:36:24.524Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:11,revision:t,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"サーバーサイドのプログラミング言語Node.jsとその代替とは",slug:"node-js",description:"Node.js は、JavaScript のランタイム環境であり、主にサーバーサイドで使用され、ビジネスロジックの実行をします。データベース操作、リクエストデータの処理、クライアントへのレスポンスの生成など、業務上の重要な処理を担当する部分を指します。",category:E,Category_tips:[Z,by],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2ZTk2FPQm72P8GeBiqikvM",type:p,createdAt:bA,updatedAt:bA,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"node",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2ZTk2FPQm72P8GeBiqikvM\u002Ff89ab920f76c4f22cd93ffc2a38e7a31\u002Fnode.jpg",details:{size:279228,image:{width:3016,height:1516}},fileName:"node.jpg",contentType:u}}},content:{nodeType:C,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:q,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ファイルシステム操作",marks:[{type:d}],data:{}},{nodeType:a,value:ap,marks:[{type:d}],data:{}},{nodeType:a,value:"Node.jsでは、ローカルファイルの読み書き、削除など、ファイルシステム操作が可能です。これは、ブラウザ内でJavaScript ではサポートされていない機能です。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ネットワーク通信",marks:[{type:d}],data:{}},{nodeType:a,value:ap,marks:[{type:d}],data:{}},{nodeType:a,value:"Node.js は、HTTP サーバーの作成やWebSocket 通信など、ネットワーク関連の操作も可能です。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bB,marks:[{type:d}],data:{}},{nodeType:a,value:ap,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:q,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Python",marks:[{type:d}],data:{}},{nodeType:a,value:"：Flask や Django といったフレームワークを使って、Node.js と同様にサーバーサイドアプリケーションを構築できます。",marks:[],data:{}}]}]},{nodeType:e,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ASP.NET",marks:[{type:d}],data:{}},{nodeType:a,value:"：Microsoft の技術で、C# を使用してサーバーサイドアプリケーションを構築します。",marks:[],data:{}}]}]},{nodeType:e,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:e,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:e,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:e,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"JavaScript の使用",marks:[{type:d}],data:{}},{nodeType:a,value:"：フロントエンドで主に使用される JavaScript をサーバーサイドでも使えるため、フルスタック開発が簡単に実現できます。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bB,marks:[{type:d}],data:{}},{nodeType:a,value:"：Node.js は非同期 I\u002FO を得意としており、リアルタイム通信や高負荷なアプリケーションに適しています。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"パフォーマンス",marks:[{type:d}],data:{}},{nodeType:a,value:"：Node.js は軽量で高速な処理が可能で、特に大量のリクエストを効率よくさばく必要があるアプリケーションに向いています。",marks:[],data:{}}]}]},{nodeType:e,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:q,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:[_]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3gT4rPe5sUXuZ0X1SY5oX8",type:n,createdAt:"2024-09-05T06:13:23.927Z",updatedAt:"2024-09-05T09:04:15.605Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:207,revision:O,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"サーバーレスってなに？サーバーレスでインフラコストを削減できる？",slug:"what-is-serverless",description:"「サーバーレスはサーバーがないことを意味するわけではありません。簡単にいうと、サーバーを気にせずにコードを実行する方法です。「サーバーレス」開発がもたらす利点を見てみましょう。",category:E,Category_tips:[$,Z],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5TG09zx8fkBFgegwHcutfI",type:p,createdAt:bG,updatedAt:bG,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"サーバーレス",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5TG09zx8fkBFgegwHcutfI\u002F0174a9bd49f79e248e629873fe984d38\u002F_______.jpg",details:{size:68013,image:{width:N,height:788}},fileName:"サーバーレス.jpg",contentType:u}}},content:{nodeType:C,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:q,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:q,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーの構成：サーバーの選定、インストール、設定、パッチ適用、セキュリティ対策。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"スケーリング：トラフィックが増えるとサーバーを追加で設定する必要があり、手動スケーリングではリソースの無駄が生じやすい。",marks:[],data:{}}]}]},{nodeType:e,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:q,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:bH,data:{},content:[{nodeType:z,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:z,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bI,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:z,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:z,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:aa,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:z,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:aa,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:z,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:aa,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:z,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:aa,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:z,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:bI,marks:[{type:d}],data:{}},{nodeType:a,value:"を使ったサーバレス開発に多くの事例がございます。",marks:[],data:{}}]},{nodeType:q,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:w,data:{},content:[{nodeType:a,value:bJ,marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMS: WordPress",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ホスティング: AWS EC2",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"データベース: Amazon RDS (MySQL)",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"セキュリティ: AWS IAM、セキュリティグループ",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"バックアップ: AWS Backup",marks:[],data:{}}]}]}]},{nodeType:w,data:{},content:[{nodeType:a,value:bK,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"サーバーセットアップ: AWS EC2インスタンスを作成し、WordPressのインストールを行います。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"データベース設定: Amazon RDSを使用してMySQLデータベースをセットアップし、WordPressと接続します。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"セキュリティ設定: AWS IAMでユーザー権限を管理し、セキュリティグループでネットワークセキュリティを構成します。",marks:[],data:{}}]}]},{nodeType:e,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:w,data:{},content:[{nodeType:a,value:bJ,marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"CMS: Contentful",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ホスティング: Netlify",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"デプロイ: GitHubとの連携",marks:[],data:{}}]}]}]},{nodeType:b,data:{},content:[{nodeType:a,value:bK,marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"コンテンツ管理: ヘッドレスCMSであるContentfulでコンテンツを作成し、管理します。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"フロントエンド構築: フロントエンドをReactやGatsbyなどで構築し、Netlifyでホスティングします。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"自動デプロイ: GitHubリポジトリとの連携を使用して、コードの変更が自動的にNetlifyにデプロイされます。",marks:[],data:{}}]}]},{nodeType:e,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:[_]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"6ZfU5UacXqiro884VWQhFB",type:n,createdAt:"2024-08-26T11:22:25.128Z",updatedAt:"2024-08-26T11:24:30.457Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:bt,revision:s,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"コンテンツ管理を次のステージへ、ヘッドレスCMS比較と未来への準備",slug:"headless-cms-next",description:bL,category:E,Category_tips:[$,Z],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"75htUsD1FWd2k8zMDPVZQa",type:p,createdAt:bM,updatedAt:bM,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"headlessCMS",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F75htUsD1FWd2k8zMDPVZQa\u002Fdb9f3570ec20641b8ed06fc657c3b285\u002FheadlessCMS.png",details:{size:236557,image:{width:N,height:aW}},fileName:"headlessCMS.png",contentType:A}}},content:{nodeType:C,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:q,data:{},content:[{nodeType:a,value:"主要なヘッドレスCMS",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"調達順に並べた場合のヘッドレスCMSは以下の通りです",marks:[],data:{}}]},{nodeType:bH,data:{},content:[{nodeType:z,data:{},content:[{nodeType:ab,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bF,marks:[{type:d}],data:{}}]}]},{nodeType:ab,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"総調達金額",marks:[{type:d}],data:{}}]}]},{nodeType:ab,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"設立年度",marks:[{type:d}],data:{}}]}]},{nodeType:ab,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"サポートしている主なフレームワーク",marks:[{type:d}],data:{}}]}]}]},{nodeType:z,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:at,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:au,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bN,marks:[],data:{}}]}]}]},{nodeType:z,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bO,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:z,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ac,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:bN,marks:[],data:{}}]}]}]},{nodeType:z,data:{},content:[{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bP,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:au,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"React, Vue.js, Angular, Next.js, Nuxt.js",marks:[],data:{}}]}]}]},{nodeType:z,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:z,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:bQ,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:bR,marks:[],data:{}}]}]}]},{nodeType:z,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:au,marks:[],data:{}}]}]},{nodeType:k,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bR,marks:[],data:{}}]}]}]},{nodeType:z,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:bQ,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:q,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:at,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:" Contentfulの料金形態は、主に3つのプランで構成されています。",marks:[],data:{}}]},{nodeType:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"4SVJVUEU50JRFauwmfohh1",type:p,createdAt:bS,updatedAt:bS,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:m,locale:j},fields:{title:"contentful",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F4SVJVUEU50JRFauwmfohh1\u002F119e21c977dd824f189607a37f25cc39\u002Fcontentful.png",details:{size:271869,image:{width:N,height:869}},fileName:"contentful.png",contentType:A}}}},content:[]},{nodeType:w,data:{},content:[{nodeType:a,value:"Free Plan",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"無料で利用できるプランです。このプランには、基本的な機能が含まれており、個別プロジェクトで推奨されています。小規模や中規模な企業での使用も十分に適用できます。 ",marks:[],data:{}}]},{nodeType:w,data:{},content:[{nodeType:a,value:"Basic Plan",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"月額 $300。複数のユーザーが協力してコンテンツを管理するための基本機能が含まれています。Freeと比べて、API呼び出しの上限やストレージ容量が設定されています",marks:[],data:{}}]},{nodeType:w,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:ac,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Strapiは自らホスティングするSelf-hostedタイプと、ホスティングをStrapiで行うCloudタイプに分かれます。",marks:[],data:{}}]},{nodeType:w,data:{},content:[{nodeType:a,value:"Self-hostedタイプ",marks:[],data:{}}]},{nodeType:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5R5anj0Da6HR6Ks3A5fPy2",type:p,createdAt:bT,updatedAt:bT,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:ac,description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5R5anj0Da6HR6Ks3A5fPy2\u002F6d5933e2ca9eeb1731898a11d3abab7b\u002FStrapi.png",details:{size:224904,image:{width:N,height:733}},fileName:"Strapi.png",contentType:A}}}},content:[]},{nodeType:b,data:{},content:[{nodeType:a,value:"コマンドラインでCMSをインストールし、プロジェクトをセットアップします。",marks:[],data:{}}]},{nodeType:w,data:{},content:[{nodeType:a,value:"Cloudタイプ",marks:[],data:{}}]},{nodeType:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2WrcB2Z1Y8Jf6AkBpw4177",type:p,createdAt:bU,updatedAt:bU,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"Strapi-cloud",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2WrcB2Z1Y8Jf6AkBpw4177\u002Fce519e411c39daf023d31370b54ce39a\u002FStrapi-cloud.png",details:{size:307553,image:{width:N,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:q,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:q,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:q,data:{},content:[{nodeType:a,value:bV,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:[_]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5hVP47aETiM3Tsu0zcW4jj",type:n,createdAt:"2024-08-26T06:32:01.730Z",updatedAt:"2024-08-26T12:02:22.727Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:65,revision:B,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"ヘッドレスCMSに移行するべきか？",slug:"headless-cms-replace",description:bL,category:E,Category_tips:[$,Z],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2UP35etuFOQQTBWL7NdfID",type:p,createdAt:bW,updatedAt:bW,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"cms-headless",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2UP35etuFOQQTBWL7NdfID\u002F020461500dd768f544871e07a7a2cc70\u002Fcms-headless.jpg",details:{size:202940,image:{width:aV,height:1068}},fileName:"cms-headless.jpg",contentType:u}}},content:{nodeType:C,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:at,marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:ac,marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bO,marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:bP,marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Storyblok",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"Magnolia",marks:[],data:{}}]}]},{nodeType:e,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:q,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:q,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:q,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:bX,marks:[{type:d}],data:{}},{nodeType:a,value:av,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:bY,marks:[{type:d}],data:{}},{nodeType:a,value:": Contentfulからコンテンツを取得し、ビルド時に静的なHTMLページを生成。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ad,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:bZ,marks:[{type:d}],data:{}},{nodeType:a,value:b_,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:bX,marks:[{type:d}],data:{}},{nodeType:a,value:av,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:ad,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:av,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:ad,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:bZ,marks:[{type:d}],data:{}},{nodeType:a,value:b_,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:bY,marks:[{type:d}],data:{}},{nodeType:a,value:": Sanityからコンテンツを取得し、ビルド時に静的なHTMLページを生成。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:ad,marks:[{type:d}],data:{}},{nodeType:a,value:": Gatsbyで生成された静的ファイルをホスティング。Netlifyは、高速なパフォーマンスと簡単なデプロイを提供します。",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"これらの組み合わせは、各サービスの特性を活かして、高速でスケーラブルなWebサイトを構築するための一例です。それぞれのツールやサービスの選択は、プロジェクトの要件や好みに応じて最適なものを選ぶことが重要です。",marks:[],data:{}}]},{nodeType:q,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入の検討：ビジネスニーズとヘッドレスCMSの適合性を評価する",marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入を検討する際は、自社のビジネスニーズを十分に評価することが重要です。以下の点を考慮してください。",marks:[],data:{}}]},{nodeType:v,data:{},content:[{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"コンテンツの複雑さ: コンテンツが複雑で、多様なデジタルチャネルに対応する必要がある場合。",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"デザインの自由度: 高いデザインの自由度やカスタマイズ性が必要な場合。",marks:[],data:{}}]}]},{nodeType:e,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:bV,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"ヘッドレスCMSの導入に関する具体的な質問や相談があれば、お気軽にお問い合わせください。\nどのアプローチが目的に最適かを判断するには、30分のコンサルティングの時間をください。クライアントに合わせて、最適なヘッドレスCMSと組み合わせ、もしくはヘッドレスCMS以外の構築を提案します。\n",marks:[],data:{}}]}]},tipsLink:[_]}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"7qjYzHaBR6KwhGm0gKluvf",type:n,createdAt:"2024-08-12T05:25:17.956Z",updatedAt:"2024-08-12T06:07:52.400Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:162,revision:17,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"ローコードアプリケーションによるWebサイト制作の潮流",slug:"capl",description:"ローコード アプリケーション はWebflowのような Web サイトのアプリケーションにとどまらず、他のデジタル エクスペリエンスを構築するためのツールも含まれますが、LCAP市場は、著しい成長を遂げています。ローコード開発が可能なCMSやローコードを組み合わせた開発を紹介します。",category:E,Category_tips:[al,$,by,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"4OB1dlC5yPOzj53NTs57sw",type:n,createdAt:b$,updatedAt:b$,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:"ウェブデザイン",slug:"website-design"}}],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"7ter5aM7HawOPqtCQpCmz5",type:p,createdAt:"2024-08-12T05:41:33.421Z",updatedAt:"2024-08-12T05:57:31.672Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:t,locale:j},fields:{title:"cms",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F7ter5aM7HawOPqtCQpCmz5\u002F2db94b2de00979f17268a8c8955cc8e8\u002Fcms.jpg",details:{size:1428911,image:{width:4480,height:3224}},fileName:"cms.jpg",contentType:u}}},content:{nodeType:C,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:an,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:bw,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:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2kKaE2nMCWVwHysEERDYS2",type:p,createdAt:"2024-08-12T04:52:50.569Z",updatedAt:"2024-08-12T05:58:50.403Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:t,locale:j},fields:{title:"CMSランキング",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F2kKaE2nMCWVwHysEERDYS2\u002F575bdc7b9138e03fba64b174f5a623a0\u002FCMS______.png",details:{size:288590,image:{width:F,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:q,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:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ノーコード プラットフォームはコーディングの経験がない人向けに設計されています（ノーコードのCMS の例は、Wix、Squarespaceなど)",marks:[],data:{}}]}]},{nodeType:e,data:{},content:[{nodeType:b,data:{},content:[{nodeType:a,value:"ローコードはハイブリッドなアプローチを提供します。全くコーディングを必要としない使い方もできますが、より複雑な機能を実現するためにコーディングが可能です。（ローコードのCMSの例はWebflowなど）",marks:[],data:{}}]}]}]},{nodeType:q,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:ca,marks:[],data:{}}]},{nodeType:b,data:{},content:[{nodeType:a,value:"Webflowはデザインに特化したローコードプラットフォームで、強力なCMS機能を備えています。クリエイターやデザイナーに人気があり、視覚的な編集でデザインを作成しながら、データベース機能を持つCMSを利用してコンテンツ管理が可能です。また、Eコマース機能もサポートしているため、オンラインショップの構築にも適しています。",marks:[],data:{}}]},{nodeType:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3yH4cZZS6U7IWZT0j7ccjG",type:p,createdAt:cb,updatedAt:cb,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:ca,description:r,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:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3V2VuVrB9ezJwV7ZrGXPcA",type:p,createdAt:cc,updatedAt:cc,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"bubble",description:r,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:y,data:{target:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"603iv7sv9Lz3ccC3mMdVGc",type:p,createdAt:cd,updatedAt:cd,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"elementor",description:r,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:w,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:q,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:q,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:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2Yu8Q6NjHVkYczjiilpOtj",type:n,createdAt:ce,updatedAt:ce,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:O,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"1IpJtaZS2TId7EcoijDxbV",type:p,createdAt:cf,updatedAt:cf,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,locale:j},fields:{title:"インタラクティブ動画の盲点、本当の導入メリットとは？",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1IpJtaZS2TId7EcoijDxbV\u002Fc5e2d0799d54c5497bc6ed3ea54ebb83\u002F___________________________.jpeg",details:{size:2423658,image:{width:F,height:Q}},fileName:"インタラクティブ動画の盲点、本当の導入メリットとは？.jpeg",contentType:u}}},titleTips:aw,discriptionTips:"テクノロジーを活用しクリエイティブを補完する",URL_tips:aR,name:aw,btnType:I,subTips:aS}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"1wS8Sxwxns7lBXzw07UoQx",type:n,createdAt:cg,updatedAt:cg,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:L,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"mWrrHnIwG6vve5sKqzuK5",type:p,createdAt:ch,updatedAt:ch,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:K,revision:m,locale:j},fields:{title:ci,description:ci,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002FmWrrHnIwG6vve5sKqzuK5\u002Fbe3cbf5bf010237b5d6c2e7f209eebb3\u002Fimg_thumbnail.3634478.webp",details:{size:39262,image:{width:aq,height:ar}},fileName:"img_thumbnail.3634478.webp",contentType:as}}},titleTips:cj,discriptionTips:"1つのトピックやサービスを集中的に訴求",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fmicrosite\u002F",name:cj,btnType:I,subTips:M}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"1St3g8cekKmY8q8fo2G9AK",type:n,createdAt:ck,updatedAt:ck,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:cl,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"6VW90iV4aLhACYuNPZoWnx",type:p,createdAt:cm,updatedAt:cm,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:m,locale:j},fields:{title:"ランディング",description:r,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:ax,discriptionTips:ax,URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Flanding-page\u002F",name:ax,btnType:I,subTips:M}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3CRjVNwr2V0Mun3N5WVj5M",type:n,createdAt:cn,updatedAt:cn,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:m,contentType:{sys:{type:c,linkType:o,id:H}},locale:j},fields:{imgTips:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3Ur1UHBJiCeulVydTlI3xd",type:p,createdAt:co,updatedAt:co,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,locale:j},fields:{title:"紙媒体デザイン",description:"紙媒体デザイン\n",file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3Ur1UHBJiCeulVydTlI3xd\u002Fddd14d4d40a3f7171b794aa1968b07d3\u002Fimg_thumbnail.91d2ea4.webp",details:{size:168298,image:{width:aq,height:ar}},fileName:"img_thumbnail.91d2ea4.webp",contentType:as}}},titleTips:cp,discriptionTips:"パートナー企業や関係者との関係構築",URL_tips:"https:\u002F\u002Fflourish-group.com\u002Fsolutions\u002Fportal-dev\u002F",name:cp,btnType:I,subTips:M}}],WorksService:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3kV2mBdnR2ZaV35nOnjpGH",type:n,createdAt:cq,updatedAt:cq,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,contentType:{sys:{type:c,linkType:o,id:ak}},locale:j},fields:{name:aw,slug:"fusion"}}}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"5nPCSHCi588YCE7MOSUPvr",type:n,createdAt:"2024-07-18T09:10:29.444Z",updatedAt:"2024-08-13T12:01:43.053Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:174,revision:cl,contentType:{sys:{type:c,linkType:o,id:D}},locale:j},fields:{title:"Webサイトのトラフィックはアナリティクスによってズレるのか？",slug:"ga4-data-drop",description:"FLOURISHのサイトを実験に使います。3つのアナリティクスを使って、ウェブサイトへのトラフィックを計測し、比較しました。アナリティクスによって、どれくらい誤差が生じるか測ってみました。",category:E,Category_tips:[P,al,{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"4q7teQj904F3073yQ53HkS",type:n,createdAt:cr,updatedAt:cr,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:t,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:"Cookie",slug:"cookie"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"4sJDBEMfmNCxeUkwVqInRH",type:n,createdAt:cs,updatedAt:cs,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:"個人情報",slug:"personal-information"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:ct,type:n,createdAt:ae,updatedAt:ae,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:t,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:cu,slug:cv}}],image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"6wNdBOPrIycXIFUCnxZH5g",type:p,createdAt:"2024-07-18T09:16:48.669Z",updatedAt:"2024-07-18T09:17:05.716Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:t,locale:j},fields:{title:"困ったなデータのズレ",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F6wNdBOPrIycXIFUCnxZH5g\u002Fbfc41f6943cb020e061f6e05d7c35ef0\u002FAdobeStock_189344943.jpeg",details:{size:844633,image:{width:F,height:1333}},fileName:"AdobeStock_189344943.jpeg",contentType:u}}},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:"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.",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:r,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"私は毎日のページビューを記録する以外に GA をあまり使用していませんが、今週の月曜日\u002F火曜日あたりにページビューが大幅に減少しました。推定 80% ほどです。サイトにも GA にも変更を加えていないので、理由はわかりません",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"出典：",nodeType:a},{data:{uri:"https:\u002F\u002Fwww.reddit.com\u002Fr\u002FGoogleAnalytics\u002Fcomments\u002F1bagu9u\u002Fbig_google_analytics_drop_definitely_not_a_drop\u002F"},content:[{data:{},marks:[],value:"Raddit",nodeType:a}],nodeType:an},{data:{},marks:[],value:r,nodeType:a}],nodeType:b}],nodeType:"blockquote"},{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:q},{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:f,id:g}},id:"1GccPmc8fIiAJ0VpO5Rp9n",type:p,createdAt:cw,updatedAt:cw,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"名称未設定",description:r,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:y},{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:f,id:g}},id:"6ixYBt2VKSrtG9LooUFWNk",type:p,createdAt:cx,updatedAt:cx,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"名称未設定２",description:r,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:y},{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:w},{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:f,id:g}},id:"2aqF61agPM4UkkwRGI66GE",type:p,createdAt:cy,updatedAt:cy,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,locale:j},fields:{title:"スクリーンショット 2024-07-18 17.57.01",description:r,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:y},{data:{},content:[{data:{},marks:[],value:"感覚値としては、GA4との乖離はBtoCではおよそ半分以上のデバイスやブラウザで同意が取れなくなっていると思います。BtoBにおいてはまだ2割程度ではないでしょうか。",nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:"結果、全ての計測ツールによってデータが異なる",nodeType:a},{data:{},marks:[],value:"…",nodeType:a}],nodeType:q},{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:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"プライバシー規制（GDPRやCCPAなど）により、同意がない場合にはデータが収集されないこと。",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"クライアントのデバイスやブラウザによる制限",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"Netlify Analyticsの事例ではbotがカウントされている可能性もあること。",nodeType:a}],nodeType:b}],nodeType:e}],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:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"サーバーサイドタグマネージャー (sGTM): Google Tag Managerのサーバーサイド版であり、クライアントサイドとサーバーサイドのタグを一元管理できる。",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ファーストパーティ・クッキー: 自社のドメインで発行するクッキーを利用することで、プライバシー規制への対応とデータ収集の両立が可能になる。",nodeType:a}],nodeType:b}],nodeType:e}],nodeType:v},{data:{},content:[{data:{},marks:[],value:"Cookie規制の強化に伴い、Web分析の方法は大きく変化しています。サーバーサイドトラッキングは、プライバシー保護とデータ精度の両立という点で注目を集めていますが、導入には様々な課題があります。",nodeType:a}],nodeType:b}],nodeType:C},tipsLink:[br,R],WorksService:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"MpWOb7wLCmc3w4gKGLYVu",type:n,createdAt:"2023-12-18T05:09:49.508Z",updatedAt:"2023-12-18T05:10:32.378Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:G,revision:t,contentType:{sys:{type:c,linkType:o,id:ak}},locale:j},fields:{name:ah,slug:"sophistication"}}}}],whitepaperEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"32JhArQIazFnhH4aOeijKx",type:n,createdAt:"2023-02-08T14:06:17.702Z",updatedAt:"2023-11-24T03:42:10.407Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:41,revision:L,contentType:{sys:{type:c,linkType:o,id:ay}},locale:j},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"3pQmNc1fZe00XB2UhusKrN",type:p,createdAt:"2023-02-08T14:13:15.812Z",updatedAt:"2023-11-24T03:27:17.504Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:bc,revision:B,locale:j},fields:{title:"img",description:r,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F3pQmNc1fZe00XB2UhusKrN\u002Fb0faa72e820d9445592d977bbba93a67\u002F4.jpg",details:{size:672231,image:{width:J,height:J}},fileName:"4.jpg",contentType:u}}},category:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2SaVWOB65Q9TRmAzVaRMUP",type:n,createdAt:"2022-11-11T06:43:34.082Z",updatedAt:"2022-11-11T10:23:53.901Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:t,contentType:{sys:{type:c,linkType:o,id:cz}},locale:j},fields:{title:"お役立ち情報",slug:"usefulInfo"}},slug:"datascience-report",title:"予測モデルの考え方とは？ノンアルコールをテーマにデータ分析",DiscriptionWhitepaper:"ベーシックなデータサイエンスを体験できます",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:az,nodeType:a}],nodeType:q},{data:{},content:[{data:{},marks:[],value:cA,nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"データサイエンスとは",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ベーシックなデータサイエンスを体験してみましょう ",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"ノンアル飲料の販売量は今後も伸びる?",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"予測モデルを考える",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"相関関係から考える",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"FLOURISHのデータサイエンス",nodeType:a}],nodeType:b}],nodeType:e}],nodeType:v},{data:{},content:[{data:{},marks:[],value:r,nodeType:a}],nodeType:b}],nodeType:C},Category_tips:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"6gY4Y9jyMWKnxEObxmcMES",type:n,createdAt:cB,updatedAt:cB,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:t,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:"データサイエンス",slug:"data-science"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:aF,type:n,createdAt:V,updatedAt:V,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:s,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:aG,slug:aH}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:be,type:n,createdAt:bf,updatedAt:bg,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:O,revision:s,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:bh,slug:bi}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"1kAcPpf42OGhK5bUA7gYoC",type:n,createdAt:cC,updatedAt:cC,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:B,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:"AI",slug:"artificial-intelligence"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:ct,type:n,createdAt:ae,updatedAt:ae,environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:t,revision:m,contentType:{sys:{type:c,linkType:o,id:x}},locale:j},fields:{name:cu,slug:cv}}],description:"予測モデルの考え方をノンアルコールをテーマに実践しました。ホワイトペーパーに実践した過程とデータサイエンスの概念をまとめました。お手数をかけしますが、資料ダウンロードのほど、よろしくお願いします。"}}],allWhitepaperEntries:[{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2HrnIDZ78MWCNmPrLS8iTa",type:n,createdAt:"2023-06-03T08:45:11.415Z",updatedAt:"2023-11-24T03:42:10.624Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:75,revision:L,contentType:{sys:{type:c,linkType:o,id:ay}},locale:j},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"2DYV9RnfJwf361FT2DPFfz",type:p,createdAt:"2023-06-03T08:34:28.955Z",updatedAt:"2023-11-24T03:28:41.540Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:S,revision:t,locale:j},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:J,height:J}},fileName:"i_1.jpg",contentType:u}}},category:cD,slug:"company-brochure",title:"FLOURISHの会社案内",DiscriptionWhitepaper:"FLOURISHのBrochure",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:az,nodeType:a}],nodeType:q},{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:f,id:g}},id:"5l5i6oQMtfOJoOATCTkH5d",type:p,createdAt:"2023-02-12T06:12:39.236Z",updatedAt:"2023-06-30T06:55:23.496Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:L,revision:t,locale:j},fields:{title:cE,description:cE,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F5l5i6oQMtfOJoOATCTkH5d\u002Fde387cea2728fd3c5488382101d239d6\u002FIMG_2023-02-09-11-05-54-118-_1_.jpg",details:{size:804956,image:{width:F,height:1621}},fileName:"IMG_2023-02-09-11-05-54-118-_1_.jpg",contentType:u}}}},content:[],nodeType:y},{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:C},Category_tips:[cF],description:"展示会のために制作したFLOURISHのbrochureです。会社概要を紹介しています。お気軽にダウンロードしていただけますと幸いです。"}},{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"OiFU013RThISDL2LrJoxG",type:n,createdAt:"2022-09-05T10:24:26.205Z",updatedAt:"2023-11-24T03:42:10.756Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:58,revision:14,contentType:{sys:{type:c,linkType:o,id:ay}},locale:j},fields:{image:{metadata:{tags:[],concepts:[]},sys:{space:{sys:{type:c,linkType:f,id:g}},id:"1BhmqB6U7mVuz8VtWOht2t",type:p,createdAt:"2022-11-09T08:18:57.024Z",updatedAt:"2023-11-24T03:28:22.327Z",environment:{sys:{id:h,type:c,linkType:i}},publishedVersion:O,revision:t,locale:j},fields:{title:cG,description:cG,file:{url:"\u002F\u002Fimages.ctfassets.net\u002F3supan07ky4s\u002F1BhmqB6U7mVuz8VtWOht2t\u002F1c024bdd28e8d0ecead6c383c2375bb0\u002Fi_2.jpg",details:{size:156106,image:{width:J,height:J}},fileName:"i_2.jpg",contentType:u}}},category:cD,slug:"company-usecase",title:"FLOURISHの特長と事例",DiscriptionWhitepaper:"FLOURISHの特長と事例を一部抜粋してご紹介",content:{data:{},content:[{data:{},content:[{data:{},marks:[],value:az,nodeType:a}],nodeType:q},{data:{},content:[{data:{},marks:[],value:cA,nodeType:a}],nodeType:b},{data:{},content:[{data:{},content:[{data:{},content:[{data:{},marks:[],value:"FLOURISHのご紹介",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"制作・開発に関して",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"事例紹介",nodeType:a}],nodeType:b}],nodeType:e},{data:{},content:[{data:{},content:[{data:{},marks:[],value:"沿革 ",nodeType:a}],nodeType:b}],nodeType:e}],nodeType:v},{data:{},content:[{data:{},marks:[],value:cH,nodeType:a}],nodeType:b},{data:{},content:[{data:{},marks:[],value:cH,nodeType:a}],nodeType:b}],nodeType:C},Category_tips:[cF],description:"FLOURISHの特長と事例を一部抜粋してた資料になります。お気軽にダウンロードしていただけますと幸いです。"}}],banner:null}],fetch:{},mutations:[]}}("text","paragraph","Link","bold","list-item","Space","3supan07ky4s","master","Environment","en-US","table-cell","heading-3",1,"Entry","ContentType","Asset","heading-2","",3,2,"image\u002Fjpeg","unordered-list","heading-4","tips_category","embedded-asset-block","table-row","image\u002Fpng",4,"document","blogPost",{},2000,6,"tipsType","See detail",1000,5,10,"Solution",1200,7,{},1334,{},8,{},{},"2023-10-09T05:40:55.652Z",{},{},{},{},{},{},"- 直接のフレームワーク統合はなし","table-header-cell","Strapi","Netlify（ホスティングサービス）","2023-10-06T05:24:54.879Z","DXや効率化の再構築をご検討の方へ","FLOURISHでは、業務の効率化はもちろんですが、人の働きやすさや精神的な快適さも考慮して、DXの支援をしたいと考えています。ぜひ、DXを検討の方はお気軽にご連絡いただきますと幸いです。","マーケティングの高度化",{},"Ryoko Nakagomi","Ralate_tips",{},"GA4 実装・計測サービス","hyperlink","ヘッドレスCMS","／",1838,880,"image\u002Fwebp","Contentful","2013",": コンテンツをAPI経由で提供。","クリエイティブとテクノロジーの融合","LP(ランディングページ)制作","whitepaper","コンテンツの紹介","2020-05-11T11:50:09.389Z","tips","2024-04-06T04:16:52.329Z","efficiency","2024-04-06T04:16:07.586Z","3x6suLp3Jxe6CE9ZXBRtos","データ活用","data-utilization","2024-04-29T09:30:15.696Z","CMS運用の効率化をするワークフローの再設計","データドリブンな経営に向けてマーケティングを再構築するため","従業員が繰り返しの定型業務やストレスから解放されるため","2024-04-29T09:28:17.598Z",1125,"2024-04-29T09:28:45.892Z","2024-03-05T14:33:27.948Z","2024-01-22T07:52:53.371Z","https:\u002F\u002Fflourish-group.com\u002Fservice\u002F","Service","2023-04-05T02:59:34.693Z","データサイエンス成熟度別支援サービス",1500,719,"データサイエンス成熟度別支援",20,"2022-08-21T02:50:28.622Z","マーケティングマネジメントおよび実施支援","2023-06-28T06:38:27.624Z",952,"dx-02",15,"BigQuery と Google スプレッドシートを使って Slack ボットを作成する方法を最終的には紹介しますが、そもそも定期的にデータに関する情報を受け取るメリットを考えてみましょう。","5e8r2XFwcYV2ZlYUxwgl5Q","2023-04-09T10:43:35.736Z","2023-10-06T05:34:13.832Z","分析","analysis","slack","ordered-list","2024-06-28T04:58:21.487Z","2024-06-28T04:59:26.888Z","2024-06-28T05:03:27.488Z","ストレージ料金","よって、","underline",{},"2024-08-13T11:22:11.810Z",89,"2024-04-29T09:10:53.407Z","2024-04-28T03:58:34.128Z","]","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","table","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",9,"2023-02-08T10:59:07.856Z","2023-04-10T00:04:26.963Z","2023-04-10T00:02:51.759Z","企業ポータルサイト構築・運用サービス","2023-12-18T05:10:23.841Z","2023-10-06T05:43:42.067Z","2023-10-06T05:42:31.442Z","6HUhXeCwuI775UaJQ0AniD","GA4","ga4","2024-07-18T08:43:26.324Z","2024-07-18T08:49:09.598Z","2024-07-18T09:00:21.790Z","whitePaperCategories","ホワイトペーパーの内容は下記になります。","2023-04-09T10:44:28.741Z","2023-10-06T05:28:01.047Z",{},"マーケティングテクノロジーフェアのブース",{},"会社概要"," ")));