PageSourceSearch

https://macareux.co.jp/blog

html macareux.co.jp collected 2026-10-07 03:30:46 UTC 50,161 bytes, 726 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    
7<title>ブログ | マカルーデジタル</title>
8
9<meta http-equiv="content-type" content="text/html; charset=UTF-8">
10<meta name="generator" content="Concrete CMS">
11<script type="module" crossorigin src="/application/themes/macareux/assets/js/main.js?nocache=202205131036"></script>
11
12<link rel="shortcut icon" href="https://images.macareux.co.jp/1016/4133/9866/favicon.ico" type="image/x-icon">
13<link rel="icon" href="https://images.macareux.co.jp/1016/4133/9866/favicon.ico" type="image/x-icon">
14<link rel="apple-touch-icon" href="https://images.macareux.co.jp/4516/4133/9862/apple-touch-icon.png">
15<link rel="canonical" href="https://macareux.co.jp/blog">
16<link rel="modulepreload" href="/application/themes/macareux/assets/js/modulepreload-polyfill.js?nocache=202205131036">
17<link rel="modulepreload" href="/application/themes/macareux/assets/js/main2.js?nocache=202205131036">
18<link rel="modulepreload" href="/application/themes/macareux/assets/js/slider.js?nocache=202205131036">
19<link rel="modulepreload" href="/application/themes/macareux/assets/js/animation.js?nocache=202205131036">
20<link rel="stylesheet" href="/application/themes/macareux/assets/css/main.css?nocache=202205131036">
21<script type="text/javascript">
22    var CCM_DISPATCHER_FILENAME = "/index.php";
23    var CCM_CID = 178;
24    var CCM_EDIT_MODE = false;
25    var CCM_ARRANGE_MODE = false;
26    var CCM_IMAGE_PATH = "/concrete/images";
27    var CCM_APPLICATION_URL = "https://macareux.co.jp";
28    var CCM_REL = "";
29    var CCM_ACTIVE_LOCALE = "ja_JP";
30    var CCM_USER_REGISTERED = false;
31</script>
31
32
33<meta property="og:title" content="ブログ">
34<meta property="og:description" content="">
35<meta property="og:type" content="website">
36<meta property="og:url" content="https://macareux.co.jp/blog">
37<meta property="og:image" content="https://images.macareux.co.jp/5916/4068/3110/default_thumbnail.png">
38<meta property="og:image:width" content="1200">
39<meta property="og:image:height" content="630">
40<meta property="og:site_name" content="マカルーデジタル">
41<meta property="fb:app_id" content="272141672900064">
42<meta name="twitter:card" content="summary_large_image">
43<meta name="twitter:site" content="@MacareuxDigital">
44<meta name="twitter:title" content="ブログ">
45<meta name="twitter:description" content="">
46<meta name="twitter:image" content="https://images.macareux.co.jp/5916/4068/3110/default_thumbnail.png">
47<meta property="og:locale" content="ja_JP">
48<meta property="article:published_time" content="2016-02-01T04:45:00+0900">
49<meta property="article:modified_time" content="2022-08-28T00:13:27+0900">
50<link href="/packages/ga_popular_pages/blocks/ga_popular_pages/view.css?ccm_nocache=ce68a1c0557edda37d046a98c942bc923a6a838f" rel="stylesheet" type="text/css" media="all">
51<!-- Google Tag Manager -->
52<script>
vendor: 327 bytes, lines 52-56
52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
53new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
54j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
55'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
56})(window,document,'script','dataLayer','
56GTM-5XNFWHN2
vendor: 3 bytes, line 56
56');
56</script>
56
57<!-- End Google Tag Manager --></head>
58<body class="bg-white font-sans">
59<script src="https://font.realtype.jp/api/script/v4"
60        data-rt-user="Q1OKsEm5ZzPZXPzVZSMmg8J9GDWm8fK2" data-rt-nofliker="true"
61        data-rt-input="true"></script>
61
62<div class="w-full h-full ccm-page ccm-page-id-178 page-type-blog page-template-right-sidebar">
63        <div class="w-full sticky top-0 left-0 z-20 bg-white">
64        <div class="w-full relative z-30 flex flex-col xl:flex-row">
65            <div
66                    class="w-full flex items-center justify-between xl:w-1/2 flex-shrink h-12 xl:h-20 xl:mr-5 font-sans text-xs xl:text-sm 2xl:text-base bg-white text-primary-light flex py-2 xl:py-5">
67                <a href="https://macareux.co.jp/" rel="noopener" target="_self">
68                <img src="/application/themes/macareux/assets/images/full_logo.svg"
69                     class="h-[1rem] xl:h-[1.5rem] ml-3 xl:ml-12 xs:max-w-none max-w-[16rem]"
70                     alt="Macareux Digital, Inc." />
71                </a>
72                <span class="hidden 2xl:flex font-black text-xs">ConcreteCMS®︎.com Certified Partner</span>
73                <button
74                        class="xl:hidden items-center text-primary-light h-full hover:bg-primary-light hover:text-white transition-colors duration-200 px-2 mr-1"
75                        role="button" aria-label="menu button"
76                        onclick="const menu = document.getElementById('hidden-menu');menu.classList.contains('hidden') ? (menu.classList.add('flex'),menu.classList.remove('hidden'),setTimeout(()=>{menu.classList.remove('h-0','opacity-0'),menu.classList.add('min-h-screen-nav', 'h-full','opacity-100');},50)) :(menu.classList.add('h-0','opacity-0'),menu.classList.remove( 'h-full','opacity-100'),setTimeout(()=>{menu.classList.remove('flex','min-h-screen-nav',),menu.classList.add('hidden');},200))">
77                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
78                         stroke="currentColor" aria-role="button">
79                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
80                              d="M4 6h16M4 12h16M4 18h16"></path>
81                    </svg>
82                </button>
83            </div>
84
85            <div class="flex flex-col items-center justify-center w-full h-full xl:w-1/2">
86                
87
88    
89
90
91
92
93
94    <nav
95            class="w-full relative h-10 xl:h-20 flex flex-row text-base text-primary-light font-bold bg-theme-gray-light items-center justify-evenly">
96        <div class="flex overflow-hidden xl:overflow-auto h-full flex-1">
97            <div class="h-full text-sm 2xl:text-base w-full duration-200 gap-0 flex-row flex flex-1">
98                <a href="https://macareux.co.jp/company" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">企業情報</a><a href="https://macareux.co.jp/services" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">サービス</a><a href="https://macareux.co.jp/showcase" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">導入事例</a><a href="https://macareux.co.jp/blog" target="_self" class="nav-link active nav-path-selected w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">ブログ</a><a href="https://macareux.co.jp/company/recruit" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">採用情報</a>            </div>
99        </div>
100        <a href="https://macareux.co.jp/contact"
101           class="text-xs md:text-sm xl:text-base self-center items-center justify-center w-1/2 xl:w-auto flex h-full xl:px-5 2xl:px-7 3xl:px-10 duration-200 text-white hover:text-white bg-primary-dark hover:bg-primary-light">
102            お問い合わせ
103        </a>
104        <a class="text-xs md:text-sm xl:text-base self-center items-center justify-center w-1/2 xl:w-auto flex h-full xl:px-5 2xl:px-7 3xl:px-10 transition-colors duration-200 text-primary-light hover:text-white hover:bg-primary-dark cursor-pointer"
105           href="https://macareux.co.jp/library">
106            資料請求
107        </a>
108    </nav>
109    <div class="bg-white xl:hidden opacity-0 w-full rounded-b hidden h-0 flex-col duration-200 transition-all ease-in-out flex-1"
110         id="hidden-menu">
111        <a href="https://macareux.co.jp/company" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">企業情報</a><a href="https://macareux.co.jp/services" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">サービス</a><a href="https://macareux.co.jp/showcase" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">導入事例</a><a href="https://macareux.co.jp/blog" target="_self" class="nav-link active nav-path-selected w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">ブログ</a><a href="https://macareux.co.jp/company/recruit" target="_self" class="nav-link w-full xl:w-auto flex-1 self-center items-center justify-center flex h-full transition-colors duration-200 text-primary-light hover:bg-primary-dark hover:text-white">採用情報</a>    </div>
112    
113
114            </div>
115        </div>
116    </div>
117
118
119        <div class="bg-theme-gray-light font-sans w-full leading-none bg-opacity-30">
120        <nav aria-label="breadcrumb"
121    class="flex flex-row h-8 xl:h-9 align-middle items-center flex-wrap gap-2 text-[0.633rem] xl:text-xs font-sans ml-8 xl:ml-24 2xl:ml-28 3xl:ml-32">
122                                <a class="text-primary-dark hover:text-primary-dark" href="https://macareux.co.jp/">トップ</a>
123                    <span class="cursor-default">&gt;</span>
124                                        <span class="text-primary-light cursor-default" aria-current="page">ブログ</span>
125                        </nav>
126    </div>
127    
128
129
130    <h1  class="text-4xl md:text-[3.5rem] xl:text-8xl 2xl:text-[8.5rem] my-12 md:my-24 xl:my-32 font-normal font-gothic xl:max-w-screen-xl tracking-widest text-primary-dark text-center mx-auto max-w-[22rem] md:max-w-[34rem] lg:max-w-3xl">ブログ</h1>
131
132    <div
133            class="flex flex-col lg:flex-row w-full gap-x-12 lg:gap-x-10 px-2 xs:mx-auto max-w-sm md:max-w-2xl lg:max-w-4xl xl:max-w-screen-lg 2xl:max-w-screen-xl font-sans">
134        <div class="flex flex-col overflow-hidden flex-1 flex-grow mt-4 lg:mt-2 xl:mt-4" role="main">
135
136            
137
138    
139
140
141    <div class="w-full gap-y-6 xl:gap-y-8 px-2 xl:px-4 flex flex-col text-white">
142                <div class="w-full grid grid-cols-1 lg:grid-cols-2 gap-6 bg-white">
143
144    
145        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
146            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
147            <a href="https://macareux.co.jp/blog/concrete-cms-955" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
148                <img src="https://images.macareux.co.jp/2517/0785/8236/Core_Release.png" alt="Concrete CMS 9.5.5 がリリースされました" width="1200" height="600" class="w-full object-fill rounded-sm">            </a>
149                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
150                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/11/concrete%20cms" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
151                            Concrete CMS                        </a>
152                                            </div>
153                            </div>
154            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
155                <span>2026/10/07 9:00</span>
156                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
157                     class="rounded-full h-3 w-3 inline-block self-center" />
158                            <span>菱川拓郎</span>
159            </a>
160            <a href="https://macareux.co.jp/blog/concrete-cms-955" class="flex flex-col h-20 p-5">
161                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
162                    Concrete CMS 9.5.5 がリリースされました                </div>
163            </a>
164        </div>
165
166
167	
168        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
169            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
170            <a href="https://macareux.co.jp/blog/forside-group-headquarters-relocation" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
171                <img src="https://images.macareux.co.jp/1917/8923/2739/Forside_Press_Release.png" alt="フォーサイドグループへの参画および本社移転に関するお知らせ" width="1600" height="900" class="w-full object-fill rounded-sm">            </a>
172                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
173                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/14/business" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
174                            Business                        </a>
175                                            </div>
176                            </div>
177            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
178                <span>2026/10/01 16:30</span>
179                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
180                     class="rounded-full h-3 w-3 inline-block self-center" />
181                            <span>菱川拓郎</span>
182            </a>
183            <a href="https://macareux.co.jp/blog/forside-group-headquarters-relocation" class="flex flex-col h-20 p-5">
184                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
185                    フォーサイドグループへの参画および本社移転に関するお知らせ                </div>
186            </a>
187        </div>
188
189
190	
191        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
192            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
193            <a href="https://macareux.co.jp/blog/ai-agent-integration-5" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
194                <img src="https://images.macareux.co.jp/4717/8899/6498/ai-agent-kouchiku-5.png" alt="【AIエージェント構築とは #5】AIエージェントはどうやって作る?" width="1536" height="1024" class="w-full object-fill rounded-sm">            </a>
195                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
196                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/3457/ai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
197                            AIエージェント                        </a>
198                                            </div>
199                            </div>
200            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
201                <span>2026/09/10 9:00</span>
202                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
203                     class="rounded-full h-3 w-3 inline-block self-center" />
204                            <span>菱川拓郎</span>
205            </a>
206            <a href="https://macareux.co.jp/blog/ai-agent-integration-5" class="flex flex-col h-20 p-5">
207                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
208                    【AIエージェント構築とは #5】AIエージェントはどうやって作る?                </div>
209            </a>
210        </div>
211
212
213	
214        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
215            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
216            <a href="https://macareux.co.jp/blog/concrete-cms-954" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
217                <img src="https://images.macareux.co.jp/2517/0785/8236/Core_Release.png" alt="Concrete CMS 9.5.4 がリリースされました" width="1200" height="600" class="w-full object-fill rounded-sm">            </a>
218                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
219                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/11/concrete%20cms" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
220                            Concrete CMS                        </a>
221                                            </div>
222                            </div>
223            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
224                <span>2026/09/09 9:00</span>
225                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
226                     class="rounded-full h-3 w-3 inline-block self-center" />
227                            <span>菱川拓郎</span>
228            </a>
229            <a href="https://macareux.co.jp/blog/concrete-cms-954" class="flex flex-col h-20 p-5">
230                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
231                    Concrete CMS 9.5.4 がリリースされました                </div>
232            </a>
233        </div>
234
235
236	
237        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
238            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
239            <a href="https://macareux.co.jp/blog/ai-agent-integration-4" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
240                <img src="https://images.macareux.co.jp/2217/8879/5189/ai-agent-kouchiku-4.png" alt="【AIエージェント構築とは #4】AIを現実の業務に組み込む。私たちが「Mastra」を使う理由" width="1536" height="1024" class="w-full object-fill rounded-sm">            </a>
241                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
242                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/3457/ai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
243                            AIエージェント                        </a>
244                                            </div>
245                            </div>
246            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
247                <span>2026/09/09 9:00</span>
248                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
249                     class="rounded-full h-3 w-3 inline-block self-center" />
250                            <span>菱川拓郎</span>
251            </a>
252            <a href="https://macareux.co.jp/blog/ai-agent-integration-4" class="flex flex-col h-20 p-5">
253                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
254                    【AIエージェント構築とは #4】AIを現実の業務に組み込む。私たちが「Mastra」を使う理由                </div>
255            </a>
256        </div>
257
258
259	
260        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
261            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
262            <a href="https://macareux.co.jp/blog/ai-agent-integration-3" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
263                <img src="https://images.macareux.co.jp/8717/8878/8716/ai-agent-kouchiku-3.png" alt="【AIエージェント構築とは #3】「AIに入力禁止」の情報を扱う仕事では、AIを使えないのか?" width="1536" height="1024" class="w-full object-fill rounded-sm">            </a>
264                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
265                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/3457/ai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
266                            AIエージェント                        </a>
267                                            </div>
268                            </div>
269            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
270                <span>2026/09/08 9:00</span>
271                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
272                     class="rounded-full h-3 w-3 inline-block self-center" />
273                            <span>菱川拓郎</span>
274            </a>
275            <a href="https://macareux.co.jp/blog/ai-agent-integration-3" class="flex flex-col h-20 p-5">
276                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
277                    【AIエージェント構築とは #3】「AIに入力禁止」の情報を扱う仕事では、AIを使えないのか?                </div>
278            </a>
279        </div>
280
281
282	
283        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
284            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
285            <a href="https://macareux.co.jp/blog/ai-agent-integration-2" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
286                <img src="https://images.macareux.co.jp/7917/8862/4551/ai-agent-kouchiku-2.png" alt="【AIエージェント構築とは #2】資料作成だけではない、企業のAI活用" width="1536" height="1024" class="w-full object-fill rounded-sm">            </a>
287                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
288                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/3457/ai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
289                            AIエージェント                        </a>
290                                            </div>
291                            </div>
292            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
293                <span>2026/09/07 9:00</span>
294                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
295                     class="rounded-full h-3 w-3 inline-block self-center" />
296                            <span>菱川拓郎</span>
297            </a>
298            <a href="https://macareux.co.jp/blog/ai-agent-integration-2" class="flex flex-col h-20 p-5">
299                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
300                    【AIエージェント構築とは #2】資料作成だけではない、企業のAI活用                </div>
301            </a>
302        </div>
303
304
305	
306        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
307            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
308            <a href="https://macareux.co.jp/blog/ai-agent-integration" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
309                <img src="https://images.macareux.co.jp/6017/8844/2618/ai-agent-kouchiku.png" alt="【AIエージェント構築とは #1】「AIエージェントを構築する」って、何を作るの?" width="1536" height="1024" class="w-full object-fill rounded-sm">            </a>
310                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
311                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/3457/ai%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
312                            AIエージェント                        </a>
313                                            </div>
314                            </div>
315            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
316                <span>2026/09/04 9:00</span>
317                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
318                     class="rounded-full h-3 w-3 inline-block self-center" />
319                            <span>菱川拓郎</span>
320            </a>
321            <a href="https://macareux.co.jp/blog/ai-agent-integration" class="flex flex-col h-20 p-5">
322                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
323                    【AIエージェント構築とは #1】「AIエージェントを構築する」って、何を作るの?                </div>
324            </a>
325        </div>
326
327
328	
329        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
330            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
331            <a href="https://macareux.co.jp/blog/concrete-cms-953" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
332                <img src="https://images.macareux.co.jp/2517/0785/8236/Core_Release.png" alt="Concrete CMS 9.5.3 がリリースされました" width="1200" height="600" class="w-full object-fill rounded-sm">            </a>
333                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
334                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/11/concrete%20cms" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
335                            Concrete CMS                        </a>
336                                            </div>
337                            </div>
338            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
339                <span>2026/09/03 12:00</span>
340                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
341                     class="rounded-full h-3 w-3 inline-block self-center" />
342                            <span>菱川拓郎</span>
343            </a>
344            <a href="https://macareux.co.jp/blog/concrete-cms-953" class="flex flex-col h-20 p-5">
345                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
346                    Concrete CMS 9.5.3 がリリースされました                </div>
347            </a>
348        </div>
349
350
351	
352        <div class="relative w-full p-3 bg-white rounded flex flex-col hover:shadow-lg border hover:border-gray-300 transition duration-300">
353            <div class="relative w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3 overflow-hidden">
354            <a href="https://macareux.co.jp/blog/cms-summit-august2026" class="w-full aspect-w-2 aspect-h-1 lg:aspect-w-3 xl:aspect-w-5 xl:aspect-h-3">
355                <img src="https://images.macareux.co.jp/4617/8710/2706/cms-summit-august2026.png" alt="【8月28日開催】「制作会社のためのCMS選定サミット」にANNAI株式会社と共同協賛・登壇します" width="1200" height="630" class="w-full object-fill rounded-sm">            </a>
356                                    <div class="absolute !top-[100%] !left-[4%] -mt-12 lg:-mt-10 xl:-mt-12 !h-0 flex flex-row whitespace-nowrap">
357                                                <a target="_self" rel="noopener" href="https://macareux.co.jp/blog/topic/13/event" class="rounded-3xl relative border-primary-light text-primary-light bg-primary-light text-white border xl:border-0 pt-2 pb-6 px-6 text-2xs mr-1">
358                            Event                        </a>
359                                            </div>
360                            </div>
361            <a href="https://macareux.co.jp/members/profile/view/2"               class="text-theme-gray-medium w-full text-xs flex flex-row gap-x-2 xl:gap-x-4 items-start px-5 pt-5">
362                <span>2026/08/20 10:00</span>
363                                <img src="https://images.macareux.co.jp/avatars/2.jpg?s=1723015951" alt="菱川拓郎's profile picture"
364                     class="rounded-full h-3 w-3 inline-block self-center" />
365                            <span>菱川拓郎</span>
366            </a>
367            <a href="https://macareux.co.jp/blog/cms-summit-august2026" class="flex flex-col h-20 p-5">
368                <div class="text-black font-sans font-bold text-sm overflow-hidden h-full">
369                    【8月28日開催】「制作会社のためのCMS選定サミット」にANNAI株式会社と共同協賛・登壇します                </div>
370            </a>
371        </div>
372
373
374	    </div>
375
376    
377
378
379
380    <div class="flex flex-row justify-between items-center gap-2"><button disabled="disabled" role="button" class="text-primary-dark leading-none transition-all duration-300 ease-in-out rounded py-4 px-8 text-base text-center items-center flex self-center bg-theme-gray-dark hover:text-primary-light">&lt;&nbsp;前</button><div class="flex flex-row gap-2 flex-wrap"><button disabled="disabled" class="leading-none transition-all duration-300 ease-in-out rounded py-4 px-8 text-base text-center items-center flex bg-accent text-white hover:text-theme-gray-light">1</button><a href="/blog?ccm_paging_p_b66818=2&amp;ccm_order_by_b66818=cv.cvDatePublic&amp;ccm_order_by_direction_b66818=desc" class="leading-none transition-all duration-300 ease-in-out rounded py-4 px-8 text-base text-center items-center flex text-primary-dark hover:text-accent hover:bg-theme-gray-dark bg-theme-gray-light">2</a><a href="/blog?ccm_paging_p_b66818=3&amp;ccm_order_by_b66818=cv.cvDatePublic&amp;ccm_order_by_direction_b66818=desc" class="leading-none transition-all duration-300 ease-in-out rounded py-4 px-8 text-base text-center items-center flex text-primary-dark hover:text-accent hover:bg-theme-gray-dark bg-theme-gray-light">3</a></div><a href="/blog?ccm_paging_p_b66818=2&amp;ccm_order_by_b66818=cv.cvDatePublic&amp;ccm_order_by_direction_b66818=desc" class="text-primary-dark leading-none transition-all duration-300 ease-in-out rounded py-4 px-8 text-base text-center items-center flex hover:text-accent self-center hover:bg-theme-gray-dark bg-theme-gray-light" rel="prev">次&nbsp;&gt;</a></div>
381
382</div>
383
384        </div>
385        <div class="flex flex-col w-full gap-y-8 xl:gap-y-12 lg:max-w-[16rem] xl:max-w-xs h-full p-4 lg:p-2 xl:p-4 bg-white">
386
387            
388
389        <div>
390                    <div class="border-b border-primary-dark pb-4 mb-5">
391            <h4
392                class="uppercase text-base tracking-wider font-normal font-gothic text-primary-dark"
393            >
394                Blog Search            </h4>
395        </div>        <div>
396            <form class="flex mt-5" action="https://macareux.co.jp/blog/search" method="get"  role="search">
397            <input name="search_paths[]" type="hidden" value="/blog" />                <input
398                    class="bg-theme-gray-light text-black placeholder-theme-gray-medium focus:placeholder-black transition-all duration-200 text-xs h-11 p-3 min-w-[12rem] lg:min-w-[11rem] xl:min-w-[13rem] rounded-l focus:outline-none focus:ring focus:border-accent focus:ring-accent focus:ring-opacity-50 transition-all duration-150"
399                    name="query"
400                    placeholder="キーワードを入力"
401                    value=""
402                    data-rt-event="true"
403                />
404                <button type="submit"
405                    class="bg-accent text-white h-11 text-xs p-3 min-w-[5rem] lg:min-w-[3rem] xl:min-w-[4.5rem] transition-all duration-200 rounded-r focus:outline-none focus:ring focus:border-accent focus:ring-accent focus:ring-opacity-50"
406                >
407                    検索                </button>
408            </form>
409        </div>
410    </div>
411
412
413    
414<div>
415        <div class="border-b border-primary-dark pb-4 mb-5">
416            <h4 class="uppercase text-base tracking-wider font-normal font-gothic text-primary-dark">
417            Popular Stories            </h4>
418        </div>
419        
420                    <a class="mt-5 block" href="https://macareux.co.jp/blog/concrete5-v800-new-feature" rel="noopener nofollow" target="_self">
421                        <p class="text-primary-light text-sm font-medium leading-6 block">
422                            concrete5 Version 8.0.0 独断と偏見の目玉新機能の紹介                                                    </p>
423                                                <p class="text-theme-gray-medium text-xs mt-1">by katz</p>
424                                            </a>
425
426                
427                    <a class="mt-5 block" href="https://macareux.co.jp/blog/concrete5-stack-global-area-database-relations" rel="noopener nofollow" target="_self">
428                        <p class="text-primary-light text-sm font-medium leading-6 block">
429                            Stackとグローバルエリアのデータ構造(テーブルのリレーション)について                                                    </p>
430                                                <p class="text-theme-gray-medium text-xs mt-1">by admin</p>
431                                            </a>
432
433                
434                    <a class="mt-5 block" href="https://macareux.co.jp/blog/concrete5-slide-share" rel="noopener nofollow" target="_self">
435                        <p class="text-primary-light text-sm font-medium leading-6 block">
436                            concrete5 をざくっと理解したい方向け、公開スライドまとめ                                                    </p>
437                                                <p class="text-theme-gray-medium text-xs mt-1">by hissy</p>
438                                            </a>
439
440                
441                    <a class="mt-5 block" href="https://macareux.co.jp/blog/concrete5-send-mail" rel="noopener nofollow" target="_self">
442                        <p class="text-primary-light text-sm font-medium leading-6 block">
443                            ローカル環境のconcrete5からメールをé€
443ä¿¡ã™ã‚‹æ–¹æ³•                                                    </p>
444                                                <p class="text-theme-gray-medium text-xs mt-1">by asami</p>
445                                            </a>
446
447                
448                    <a class="mt-5 block" href="https://macareux.co.jp/blog/concrete5-seminar-2019-10-11" rel="noopener nofollow" target="_self">
449                        <p class="text-primary-light text-sm font-medium leading-6 block">
450                            CMS『concrete5』無料体験セミナー開催【2019年10月・11月】                                                    </p>
451                                                <p class="text-theme-gray-medium text-xs mt-1">by hissy</p>
452                                            </a>
453
454                
455    </div>
456    
457        </div>
458    </div>
459
460
461    <div class="w-full font-sans bg-white mt-24 lg:mt-48">
462        <div class="w-full bg-image">
463            <div class="container mx-auto max-w-screen-2xl py-14 md:py-20 lg:py-36 flex flex-col md:flex-row gap-y-10">
464                <div class="flex flex-col items-center justify-center max-w-lg md:max-w-xl mx-auto gap-y-10 md:gap-y-20 font-sans p-8 md:p-10 lg:max-w-1/2">
465                    
466
467    <h4  class="text-xl md:text-2xl lg:text-3xl font-bold font-gothic tracking-wide text-center text-white">お問い合わせ</h4><div class="w-12 md:w-20 h-0.5 lg:h-1 bg-white"></div>
468
469
470        <p class="text-center text-base md:text-lg font-medium text-white">TEL:03-6822-1075</p>
471
472<p><a class="text-center text-base md:text-lg font-medium rounded-full py-2 md:py-3 px-8 w-full transition duration-300 ease-in bg-white text-primary-dark hover:bg-accent hover:text-white" href="https://macareux.co.jp/contact">お問い合わせメールを送る</a></p>
473    
474                </div>
475                <div class="flex flex-col items-center justify-center max-w-lg md:max-w-xl mx-auto gap-y-10 md:gap-y-20 font-sans p-8 md:p-10 lg:max-w-1/2">
476                    
477
478    <h4  class="text-xl md:text-2xl lg:text-3xl font-bold font-gothic tracking-wide text-center text-white">資料請求</h4><div class="w-12 md:w-20 h-0.5 lg:h-1 bg-white"></div>
479
480
481        <p class="text-center text-base md:text-lg font-medium text-white">Concrete CMSの概要資料や機能一覧、<br />
482他CMSとの比較表もございます。</p>
483
484<p><a class="text-center text-base md:text-lg font-medium rounded-full py-2 md:py-3 px-8 w-full transition duration-300 ease-in bg-white text-primary-dark hover:bg-accent hover:text-white" href="https://macareux.co.jp/library">資料をダウンロードする</a></p>
485    
486                </div>
487            </div>
488        </div>
489        <div class="3xl:max-w-screen-3xl xl:gap-7 3xl:mx-auto mt-32 xl:mt-0 flex flex-col xl:flex-row self-center xl:items-start justify-center items-center xl:justify-between xl:px-32 xl:py-40">
490            <div class="text-sm w-72">
491                
492
493        <div class="content">
494        <p><a href="https://macareux.co.jp/"><img alt="" class="w-full h-auto block" src="/application/themes/macareux/assets/images/name_jp.svg" /></a></p>
495    </div>
496    
497            </div>
498            <div class="text-sm grid my-32 xl:mt-0 md:grid-rows-1 grid-cols-2 grid-rows-fit-3 md:grid-cols-4 grid-flow-col gap-7 ml-4 xs:ml-10 xl:ml-0 row-end-auto md:grid-flow-row">
499                <div class="flex flex-col gap-1" role="navigation">
500                    
501
502        <h4 class="text-base font-bold text-primary-light font-sans mb-4">サイト制作・システム開発</h4>
503    
504
505
506    
507    <ul class="gap-6 flex flex-col text-primary-light hover:text-primary-light text-xs list-dash ml-4 font-gothic">
508                    
509            <li class="nav-first">
510
511                <a href="https://macareux.co.jp/services/cms-integrate" >
512                                                            CMS導入                </a>
513            </li>
514                    
515            <li class="">
516
517                <a href="https://macareux.co.jp/services/cms-migration" >
518                                                            CMS移行                </a>
519            </li>
520                    
521            <li class="">
522
523                <a href="https://macareux.co.jp/services/website-renewal" >
524                                                            Webサイトリニューアル                </a>
525            </li>
526                    
527            <li class="">
528
529                <a href="https://macareux.co.jp/services/membership-website" >
530                                                            会員サイト構築                </a>
531            </li>
532                    
533            <li class="">
534
535                <a href="https://macareux.co.jp/services/multilingual-website" >
536                                                            多言語サイト構築・運用                </a>
537            </li>
538                    
539            <li class="">
540
541                <a href="https://macareux.co.jp/intra" >
542                                                            社内ポータルパッケージ                </a>
543            </li>
544                    
545            <li class="">
546
547                <a href="https://macareux.co.jp/services/system-integrate" >
548                                                            システム開発                </a>
549            </li>
550                    
551            <li class="">
552
553                <a href="https://macareux.co.jp/services/single-sign-on" >
554                                                            シングルサインオン                </a>
555            </li>
556                    
557            <li class="">
558
559                <a href="https://macareux.co.jp/services/api-integrate" >
560                                                            API連携                </a>
561            </li>
562            </ul>
563
564
565                </div>
566                <div class="flex flex-col gap-1" role="navigation">
567                    
568
569        <h4 class="text-base font-bold text-primary-light font-sans mb-4">保守・サポートサービス</h4>
570    
571
572
573    
574    <ul class="gap-6 flex flex-col text-primary-light hover:text-primary-light text-xs list-dash ml-4 font-gothic">
575                    
576            <li class="nav-first">
577
578                <a href="https://macareux.co.jp/services/concrete-cms-maintenance" >
579                                                            アプリケーション保守                </a>
580            </li>
581                    
582            <li class="">
583
584                <a href="https://macareux.co.jp/services/concrete-cms-helpdesk" >
585                                                            ヘルプデスク                </a>
586            </li>
587                    
588            <li class="">
589
590                <a href="https://macareux.co.jp/services/training" >
591                                                            トレーニング                </a>
592            </li>
593                    
594            <li class="">
595
596                <a href="https://macareux.co.jp/services/macareux-aria-hosting" >
597                                                            Macareux Aria Hosting                </a>
598            </li>
599            </ul>
600
601
602
603
604        <h4 class="text-base font-bold text-primary-light font-sans mb-4 mt-4">AI導入支援・DX</h4>
605    
606
607
608    
609    <ul class="gap-6 flex flex-col text-primary-light hover:text-primary-light text-xs list-dash ml-4 font-gothic">
610                    
611            <li class="nav-first">
612
613                <a href="https://macareux.co.jp/services/ai-agent" >
614                                                            AIエージェント構築                </a>
615            </li>
616            </ul>
617
618
619                </div>
620                <div class="flex flex-col gap-1" role="navigation">
621                    
622
623    
624    <h4 class="text-base font-bold text-primary-light font-sans mb-4">
625        <a href="https://macareux.co.jp/company"  class="text-primary-light hover:text-primary-light">
626            企業情報        </a>
627    </h4>
628    <ul class="gap-6 flex flex-col text-primary-light hover:text-primary-light list-none font-bold">
629                    
630            <li class="">
631
632                <a href="https://macareux.co.jp/company/concrete-cms" >
633                                                            Concrete CMS                </a>
634            </li>
635                        
636            <li class="">
637
638                <a href="https://macareux.co.jp/company/code-of-conduct" >
639                                                            行動規範                </a>
640            </li>
641                        
642            <li class="">
643
644                <a href="https://macareux.co.jp/privacy-policy" >
645                                                            プライバシーポリシー                </a>
646            </li>
647                        
648            <li class="">
649
650                <a href="https://macareux.co.jp/security-policy" >
651                                                            情報セキュリティ方針                </a>
652            </li>
653                        
654            <li class="">
655
656                <a href="https://macareux.co.jp/ai-policy" >
657                                                            AI利用に関する基本方針                </a>
658            </li>
659                </ul>
660    
661
662                </div>
663                <div class="flex flex-col gap-1" role="navigation">
664                    
665
666    
667    <h4 class="text-base font-bold text-primary-light font-sans mb-4">
668        <a href="https://macareux.co.jp/showcase"  class="text-primary-light hover:text-primary-light">
669            導入事例        </a>
670    </h4>
671    <ul class="gap-6 flex flex-col text-primary-light hover:text-primary-light list-none font-bold">
672                    
673            <li class="">
674
675                <a href="https://macareux.co.jp/company/recruit" >
676                                                            採用情報                </a>
677            </li>
678                        
679            <li class=" nav-selected">
680
681                <a href="https://macareux.co.jp/blog" >
682                                                            ブログ                </a>
683            </li>
684                        
685            <li class="">
686
687                <a href="https://macareux.co.jp/contact" >
688                                                            お問い合わせ                </a>
689            </li>
690                </ul>
691    
692
693                </div>
694            </div>
695        </div>
696    </div>
697    <div class="w-full bg-image-dark font-gothic">
698        <div class="3xl:max-w-screen-3xl 3xl:mx-auto w-full flex flex-row xl:justify-between items-center self-center justify-center xl:px-32 py-5">
699            <div class="text-white text-sm hidden xl:block">
700                
701
702    © Macareux Digital, Inc. All Rights Reserved.
703            </div>
704            <div class="text-white xl:text-right text-center text-2xs xl:text-sm">
705                
706
707        <div class="content">
708        <p>当社は株式会社フォーサイド(東証スタンダード上場2330)のグループ企業です。</p>
709    </div>
710    
711            </div>
712        </div>
713    </div>
714<!-- Footer -->
715</div>
716
717<script>
718        (function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
719            w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
720            m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
721        })(window,document,'script','https://assets.macareux.co.jp/mtc.js','mt');
722        mt('send', 'pageview');
723    </script>
723<script type="text/javascript" src="/application/themes/macareux/assets/js/animation.js?ccm_nocache=aba39f8de24c0ffb3a8e8803245689ee744767f2"></script>
723
724
725</body>
726</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.