AIは自分を映す鏡である― 第3回:優しい人がAIを使いこなせる理由
なぜ「優しい人」がAIを使いこなせるのか。相手の立場に立つ能力がAI活用の鍵である理由を研究が示す。企業がプロンプト集ではなく「問いを立てる文化」を構築すべき理由を最終回で解説します。
Read More arrow_forwardブログ
AIとWebの交差点から、実務に役立つ知見と考察をお届けします。
なぜ「優しい人」がAIを使いこなせるのか。相手の立場に立つ能力がAI活用の鍵である理由を研究が示す。企業がプロンプト集ではなく「問いを立てる文化」を構築すべき理由を最終回で解説します。
Read More arrow_forward
AIは格差を埋めるのか、それとも増幅するのか。MIT研究が明らかにした衝撃の事実と、AIが思考パターンを可視化する「認知地図」としての機能を解説。確証バイアスの罠を避ける方法も紹介します。
Read More arrow_forward
AIを使いこなせる人と使えない人の差はどこにあるのか。研究が示すのは「プロンプトは呪文ではない」という事実。問いを立てる力こそがAI活用の鍵である理由を、学術研究に基づいて解説します。
Read More arrow_forward
画像生成AIをWeb制作で実践活用するためのガイド。Gemini 3 Proで日本語テキスト入りバナーを作る手順、ブログ・LP・EC・プレゼン別の活用法、著作権・商用利用の注意点を解説。AIと人間のハイブリッド制作ワークフローも紹介。連載最終回。
Read More arrow_forward
ChatGPT、Gemini、Midjourney、SD、FLUX.2、Adobe Fireflyの6大画像生成AIを徹底比較。機能比較表・料金比較表付きで、日本語テキスト精度、フォトリアリズム、商用利用安全性などを一覧化。用途別の選定フローチャートで「結局どれを使うべき?」に回答。
Read More arrow_forward
2026年の画像生成AI市場を徹底解説。ChatGPT、Gemini、Midjourney、Stable Diffusion、FLUX.2、Adobe Fireflyの6大ツールの特徴と、マルチリファレンス・日本語テキスト描画など最新トレンドを紹介。Web制作者が押さえるべき用途別ツール選定の考え方も。
Read More arrow_forward
AIエージェントがWebサイトを「読む」時代が到来。従来型サイトとの違い、構造化データやCMS選定の技術要件、対応のメリット・デメリットを解説。企業Web担当者が今知るべき変化と、相談前に整理すべきポイントを紹介します。
Read More arrow_forward
GitHub Copilot、Claude Code、ChatGPT、Geminiの4大AIコーディングツールを比較。MCP・A2A・UCPなど新プロトコルへの対応状況、受託Web制作での活用法、複数クライアントのコードベース管理の課題と解決策を解説。ツール選定の判断基準がわかります。
Read More arrow_forward
AIコーディングツールの「文脈の断絶」問題を解決するCursor Project Rulesとbeadsを検証。受託Web制作で案件ごとのルールをAIに伝える方法、Claude Code CLAUDE.mdとの比較、導入ステップを解説。今日から使える実践的なアプローチを紹介します。
Read More arrow_forward
AIエージェントが管理業務を代替する時代、Webディレクターの役割は「管理者」から「オーケストレーター」へ変化します。消えていく業務と残る業務を整理し、今から準備すべきAI時代のディレクションスキルを解説。
Read More arrow_forward
AIがコードを書く時代、Webエンジニアに求められるのは実装力ではなく設計力。AIの出力レビュー、アーキテクチャ設計、AIエージェント構築など、コーダーからアーキテクトへの役割変化と必要なスキルを解説。
Read More arrow_forward
AI画像生成やUIキットの自動生成が普及する中、Webデザイナーの価値は「作る速さ」から「選ぶ眼」へシフトしています。審美眼と判断力を軸に、AI時代に求められるデザイナー像と身につけるべきスキルを考察。
Read More arrow_forward
AIコーディングエージェントの「記憶がない」問題を解決するbeads。Gitベースの分散データベースで依存関係を管理し、複数セッションにまたがる複雑なプロジェクトでも一貫した協業を実現する新しいタスク管理手法を解説。
Read More arrow_forward
GoogleのUCPが描く「AIが買い物を代行する未来」で人間の価値はどこに残るのか。選ぶ行為の意味、社会的孤立のリスク、AIが進化するほど高まる人間スキルの価値。テクノロジーと人間性のバランスを問う、エージェンティック・コマース時代の考察。
Read More arrow_forward
AIエージェント連携の4大プロトコルを徹底解説。AnthropicのMCP、GoogleのA2A・AP2・UCPの役割と相互関係、技術仕様、実装アプローチを整理。GitHub・公式ドキュメントへのリンク付きで開発者の実装検討をサポートします。
Read More arrow_forward
GoogleのUCP発表でエージェンティック・コマース時代が到来。AIに選ばれる商品ページとは?SEOからAIエージェント最適化へ。Web制作会社に求められるデータアーキテクチャ設計、API連携、顧客体験設計の新しい価値提供について考察します。
Read More arrow_forward
2026年1月、GoogleがShopifyやWalmartと共同発表した新規格「UCP」を技術解説。MCP・A2A・AP2との連携、REST API・JSON-RPC対応、Checkoutなどコア機能、開発者が今すぐ準備すべき商品データ構造化とAPI設計のポイントを解説します。
Read More arrow_forward
MermaidでAI技術を効果的に図解する方法を解説。Model Context Protocol(MCP)や3Cスキルといった最新AI概念を例に、フローチャート、シーケンス図、クラス図などの実践的なコード例を紹介。コピペで使えるサンプル付き。
Read More arrow_forward
Anthropic主導で開発されたModel Context Protocol(MCP)の基本概念から実用例まで徹底解説。AIエージェントとデータの連携方法を標準化する革新的プロトコルが企業システムや日常生活をどう変えるのか。AI時代に求められる人間の「3Cスキル」との関連性も考察。
Read More arrow_forward
世界経済フォーラムによると2027年までに業務の42%が自動化される見込み。本記事ではAIに代替されない人間特有の価値「コミュニケーション」「コンフィデンス」「コンシャスネス」という3Cスキルを解説し、自身や組織の市場価値を高める方法を紹介します。
Read More arrow_forward
Mermaidの基本概念から環境構築、初歩的なチャート作成までを解説します。簡単で柔軟な図解ツールを学びましょう。
Read More arrow_forward
2025年以降のウェブデザインとUX/UI最新トレンドを紹介し、企業サイト運用の重要ポイントとリスク回避のノウハウを解説します。
Read More arrow_forward
ウェブサイト運用成功の鍵は顧客との緊密なコミュニケーションにあり、リスク回避とプロジェクト成功に直結します。
Read More arrow_forward
AI駆動型検索エンジン向けのジェネレーティブエンジン最適化(GEO)が、オンラインでの情報検索とインタラクションの方法を大きく変えようとしています。これからのAI検索時代に必要不可欠なGEO戦略を効果的に実装するための具体的なステップとベストプラクティスについて解説します。
Read More arrow_forward
検索エンジン最適化(SEO)は依然として重要な戦略です。しかし、AI技術の進化により、従来のSEO戦略だけでは不十分です。SEO戦略の基盤となるSERP分析の重要性、SERPの種類と機能、分析手法を解説し、さらにGEO(Generative Engine Optimization)戦略について考察します。
Read More arrow_forward
生成AI時代のSEO戦略「GEO(Generative Engine Optimization)」を紹介し、最新のデジタルマーケティング手法とその重要性について解説します。
Read More arrow_forward
HubSpotのContent Hubを活用したウェブサイト運用方法を解説し、効率的な管理・更新のメリットを紹介します。
Read More arrow_forward
Figmaで特定の色を一括変更する方法をステップごとに解説します。さらに、ライブラリーにカラーを追加する方法も紹介します。
Read More arrow_forward
CSSだけを使って要素を円周上に配置する方法を、ステップごとに具体的なソースコードを添えながら解説します。
Read More arrow_forward
最近目にすることが増えている、スマホに特化したデザインのWebサイト5点を厳選しました。スマホ特化デザインのメリットやデメリットを解説し、実際のサイトでの活用事例をデザイナー目線で紹介します。
Read More arrow_forward
構造化データを活用すると、検索エンジンがページの内容を正確に理解できるようになり、クリック率(CTR)やSEO効果の向上が期待できます。構造化データのメリットや実装方法、設定の確認方法までを詳しく解説します。
Read More arrow_forward
企業にとって重要なメールマーケティングツールであるHubSpotのメルマガ機能を活用した方法について解説しています。プラン別の機能比較や作成手順、パフォーマンス分析まで詳細に紹介します。
Read More arrow_forward
この記事では、Figmaのレイヤー名を連番にする手順を解説し、整理された美しいデータ作成のコツをご紹介します。作業効率アップの方法を学んでいきましょう。
Read More arrow_forward
Figmaで円グラフにアニメーションをつける方法を解説!棒グラフ編に続く後編です。スマートアニメートを活用して、より魅力的なグラフに仕上げましょう。
Read More arrow_forward
ウェブアクセシビリティとは?デジタル庁のガイドブックに基づき、ウェブアクセシビリティの基本をわかりやすく解説。すべてのユーザーが利用しやすいウェブを実現するためのヒントが満載です。
Read More arrow_forward
Figmaでグラフにアニメーションをつける方法を解説します。スマートアニメートを活用することでより魅力的なグラフに仕上がります。今回は棒グラフのアニメーションの紹介になります。
Read More arrow_forward
Figmaのコンポーネントとオートレイアウトを駆使して、効果的なテーブル作成法を解説します。特にリサイズ設定に焦点を当て、デザインの自由度をさらに高める方法も紹介します。
Read More arrow_forward
HubSpotを活用したA/Bテストの作成方法と効果的な活用方法を解説。Webサイトページの改善に役立つ、HubSpotのA/Bテスト機能について詳しく解説します。
Read More arrow_forward
最適なお問い合わせフォームの設計を通じて問い合わせ数を増やし、顧客エンゲージメントを向上させるための7つの方法を詳しく解説します。EFO施策を実践し、ウェブサイトを顧客関係構築の強力なツールに変えましょう。
Read More arrow_forward
現代ビジネスにおけるオウンドメディアの役割を、4つのポイントで詳細に解説。アンタイプが導く、効果的なオウンドメディア戦略とは?
Read More arrow_forward
Figmaで円グラフを作る方法を解説します。楕円ツールを活用することで、簡単に作成することが可能です。
Read More arrow_forward
顧客との関係強化に重要なメールマガジンの効果的な戦略とは?5つの基本的なポイントを解説します。
Read More arrow_forward
ウェブページの「表示速度」は、コンバージョン率や離脱率、SEOに影響するだけでなく、ユーザーにとって価値のある体験を提供し、サイトの信頼性を築く上でも重要です。表示速度の重要性や改善方法などについて詳しく解説します。
Read More arrow_forward
HubSpotとSlackを連携して、フォーム送信時にSlackで通知を受け取る方法を詳しく解説。業務効率を向上させる手順を紹介します。
Read More arrow_forward
HubSpotのフォーム機能を活用し、効率的にウェブサイトの訪問者情報を収集しましょう。HTML/CSSの知識がなくても簡単にフォーム作成可能。詳細な手順と特長を解説します。
Read More arrow_forward
Adobe XDで、デザインプロジェクト内の特定の色を一括変更する方法を解説します。デザインの柔軟性を高め、作業効率向上が期待できます。
Read More arrow_forward
置換要素(img要素やvideo要素など)を表示領域に合わせてフィットさせることができるCSSプロパティ「object-fit」の意味や基本的な使い方を紹介します。
Read More arrow_forward
Adobe XDで、グラデーションのドロップシャドウをかける方法を解説します。通常のドロップシャドウに比べて、近未来的な印象を与えることもできる表現方法です。
Read More arrow_forward
アンタイプの社内インタビュー、Webディレクター編です。Webディレクターの具体的な業務内容や制作に対する思いを、対談形式でご紹介します。
Read More arrow_forward
Webディレクターの観点で気になったIT関連のキーワード5点を選出し、それぞれの解説を通して2023年を振り返ります。
Read More arrow_forward
新卒デザイナーとしてアンタイプに入社してから、約半年が経過しました。日々の勤務を通して感じたことを紹介していきます。
Read More arrow_forward
HubSpotのアカウントの種類の中から、サンドボックス環境を簡単に構築することができる「HubSpotのサンドボックスアカウント」の作成方法を、他のアカウントとの違いを含めて解説します。
Read More arrow_forward
今回はWebページ上で3Dコンテンツを簡単に描画することができるJavaScriptライブラリのThree.jsを活用して、球体がなめらかに動くアニメーションを作成しました。コードのポイントや、動きを実装するためのノイズの計算方法を解説しています。
Read More arrow_forward
Shopifyの「デフォルトテーマのコンテンツを編集する」機能を利用し、チェックアウトページで「請求先」の電話番号入力を促すカスタマイズ方法を紹介します。
Read More arrow_forward
Adobe XDの「合体」の機能を使って文字にグラデーションをかける方法を解説します。アウトラインやシェイプに頼らず、通常テキストのようにいつでも編集ができるので、作業効率向上が期待できます。
Read More arrow_forward
Visual Studio Code(VSCode)の拡張機能「Insert Sequence」を紹介します。単純な操作で大量の連番を一括入力できるため、手間やミスを減らし、作業効率を上げることができる優れものです。
Read More arrow_forward
今回はHubL関数の blog_recent_tag_posts を用いて、ブログの記事ページに特定のタグを含む記事リスト(関連記事一覧)をつくってみたので、ポイントを解説します。
Read More arrow_forward
新卒でアンタイプに入社したフロントエンドエンジニアが、どんな経緯でアンタイプにたどり着いたのか?また、入社してから半年経ってわかったアンタイプでの働き方について、フロントエンドエンジニアとしての成長や挑戦をふまえて率直に振り返ります。
Read More arrow_forward
GA4の経路データ探索はコンバージョン経路を視覚的に解析しますが、ページパスの表示は20件までです。本ガイドでは、session_start後の特定ページを絞り、21件目以降のページも表示する方法を分かりやすく説明します。セグメント機能を利用し、PV数の少ないページパスの分析も可能です。
Read More arrow_forward
HubSpotの管理画面を見ながら、ウェブチャットを設置する手順を具体的に解説します。HubSpotには無料のウェブチャット機能が備わっており、プログラミングやコーディングの知識がなくても簡単にウェブチャットが設置できます。
Read More arrow_forward
こんにちは。 採用広報の辻です。 前回は自社開発アプリ『てらこやサプリ』開発秘話と題して【企画編】をお送りしましたが、今回は【デザイン編】をお送りします。 てらこやサプリのデザインを担当したデザイナーA.Eに話を聞きました! まだ【企画編】をお読みでない方はぜひこちらもご覧ください。 『てらこやサプリ』開
Read More arrow_forward
こんにちは。採用広報の辻です。 先日、2月1日に当社2つ目となるアプリ、「てらこやサプリ」をリリースしました。 そこで、今回から「てらこやサプリ」の企画段階からリリースまでのお話をしていきたいと思います! 「てらこやサプリ」のはじまり 当社は2019年に初めてのアプリ「てらこや都道府県」をリリースしました
Read More arrow_forward
アンタイプでは様々なクライアントのWeb制作を行っているため、より幅広い知見と視野が必要です。中でもお客さまに提案を行うWebディレクターはたくさんの「引き出し」を持つことが必要不可欠。 ではWebディレクターは日々どのように引き出しを増やしているのでしょうか。また、どのような人に向いているのでしょうか。
Read More arrow_forward
この度、弊社のアプリ『てらこやサプリ』がリリースされました! 今回のブログでは、このアプリについてご紹介します。 『てらこやサプリ』で何ができるの? 『てらこやサプリ』は、サプリメントで足りない栄養素を気軽に補うように、知識を気軽に補い、スキマ時間で教養を身につけることができるアプリです。 大人として
Read More arrow_forward
こんにちは。 アンタイプ採用広報の辻です。 あっという間に2022年も終わろうとしていますね。 今年も一年ありがとうございました! 今年は、採用広報として採用を強化したり、社内全体で新たなプロジェクトに取り組んだりといった年でした。 来年はいくつかのプロジェクトに関して新たなお知らせが出来るかと思います!
Read More arrow_forward
採用広報の辻です。 12月ももう半ば。今年も終わりに近づいてきましたね。 街はどこもクリスマスの装いですが、オフィスがある表参道もとても煌びやかです! そこで今回は、表参道のクリスマスの様子をお届けしたいと思います。 まずはこちら。 表参道ヒルズの入り口には可愛らしい雪だるまのツリー 表参道ヒルズです
Read More arrow_forward
こんにちは。採用広報の辻です。 今回は弊社のWebデザイナーによく見るギャラリーサイトを聞きました! 日々さまざまなデザインを生み出しているデザイナーたちは、どのようにデザインをインプットしているのでしょうか? それではご紹介していきます。 1.GUU https://1guu.jp/ 「千載一遇、その出
Read More arrow_forward
こんにちは。採用広報の辻です。 今回のブログのテーマは社名の由来にもなっている「型にはまらない」についてです。 当社を表現する上で欠かせないワード、「型にはまらない」。 なぜ「型にはまらない」が社名の由来になったのか、どのような想いを込めたのか、また働いていて「型にはまらない」ことを実感したエピソードなど
Read More arrow_forward
こんにちは。採用広報の辻です。 今回のブログのテーマは社名の由来にもなっている「型にはまらない」についてです。 当社を表現する上で欠かせないワード、「型にはまらない」。 なぜ「型にはまらない」が社名の由来になったのか、どのような想いを込めたのか、また働いていて「型にはまらない」ことを実感したエピソード
Read More arrow_forward
こんにちは。採用広報の辻です。 今回は、アンタイプへの応募を考えている方、気になってはいるけど応募をするか迷っている方、またデザイン制作会社で働く人のことを知りたい方に向けて、「データから見たアンタイプ」というテーマでお届けしていきます! 就職・転職活動をする際、会社のことや働いている人のことは業務内
Read More arrow_forward
今回のブログはWebディレクターについてです。 Webディレクターの仕事って少しイメージがつきにくくないですか?サイト制作をする上でWebディレクターはどんなことをしているのか?アンタイプのディレクターに必要なスキルとは?この2点についてお伝えしていきます。
Read More arrow_forward
アンタイプは、「信誠知心」という社是や「型にはまらない」というフィロソフィーを掲げ、小規模な会社ありながらも、社員の成長や潤滑なコミュニケーションが取れる環境づくりに取り組んでいる。それまでの過程は、トライアンドエラーの繰り返しだったというが、なぜそこまで積極的に組織づくりを続けるのか。前半に引き続き、アンタ
Read More arrow_forward
アンタイプの代表取締役として会社の舵を取る山下太郎と、共同創業者であるアートディレクターの三木輔。二人は2007年に会社を設立し、それから14年間、WEB制作会社として着実にキャリアを積み上げ、組織を成長させてきた。 そんなアンタイプは、「信誠知心」という社是や「型にはまらない」というフィロソフィーを掲げ、小
Read More arrow_forward
こんにちは、採用広報の辻です。今回のブログでは、Web制作会社の当社の採用についてお話ししたいと思います。 業界業種的に中途のイメージが強いかもしれませんが、当社社員の約7割が新卒入社です。 元々パソコンが好きで普段からパソコンを弄っていた人、独学でコーディングを学んでいた人、学校でデザインを学んできたという
Read More arrow_forward
こんにちは。 採用広報の辻です。 今回はオフィス内をご紹介いたします。 コロナ禍になってから打ち合わせはオンラインになり、採用選考も最終面接のみ対面で行うようになったので来社頂く機会がなかなかありません。今回のブログでオフィスの雰囲気が少しでも伝われば嬉しいです! 弊社は2019年に新宿から南青山へオフィスを
Read More arrow_forward
こんにちは。 採用広報の辻です。 今回は弊社のビジョンについて、「なんでこのビジョンになったの?」というところを深掘りし、弊社のことをより深く知って頂くきっかけになれば嬉しいな…という想いで書かせて頂きます。 「わくわく働き、成長する」 私たちは、常に相手の立場で考え、本質的な価値を提供し、世の中に必要不
Read More arrow_forward
こんにちは。 採用広報の辻と申します。 突然ですが、今回は弊社の考え方の基になっているフィロソフィーについて過去のエピソードも交えながらお話ししたいと思います。 弊社は2007年に創業していますが、そこから数年はフィロソフィーは明文化されていませんでした。 創業初期からのメンバーは会社と一緒に成長してきたこと
Read More arrow_forward
アンタイプでは学習の一環としてe-ラーニングの「Schoo」を利用し、社員が日々業務の合間に様々なことを学んでいます。今回はその中でも2022年3/15~4/15の1ヶ月で受講された人気の動画コンテンツTOP5をランキングにしました。 Webデザイン会社の中の人たちが今どんなことに興味をもって学んでいるかをお
Read More arrow_forward
社員それぞれが課題意識を持ち、自らのスキルアップのために日々努力を重ねているアンタイプ。社内にはディレクター、デザイナー、エンジニアが在籍し、それぞれの力をかけ合わせながら、たしかな品質の成果物を生み出している。 そんなアンタイプの社員たちは、どのような目的意識や価値観で働いているのだろうか? 新卒1年目か
Read More arrow_forward
「型にはまらない」というフィロソフィーを掲げ、日々誠意を持って制作に取り組んでいるアンタイプのメンバーたち。実際にそのフィロソフィーは、成果物にどのように反映され、クライアントからはどのような評価を得ているのだろうか。 今回話を聞くのは、在籍13年のフロントエンドエンジニアN.Oと、在籍9年のディレクターR.
Read More arrow_forward
アンタイプは設立13年目を迎え、さらなる成長を求めて日々邁進しています。 今回はアンタイプがどのような会社であるのかをより多くの人に知っていただきたいという思いのもと、新入社員である池邊から社長インタビューを行いました。 アンタイプのはじまり 池邊:Webディレクターの池邊です。本日はよろしくお願いいたします
Read More arrow_forward
CONTENTS はじめに 「引き出し」を増やすために ①知識(基礎知識/トレンド):用語集作り、記事チェック ②画面設計(UI):サイトトレース ③サイト解析(GA):GAIQの資格取得 ④デザイン:Photoshopの学習、デザイン参考サイトチェック ⑤コーディング:SourceTree、Atomの習得
Read More arrow_forward
はじめまして、新入社員の池邊詩央です。 今年の4月からWebディレクターとして入社し、新型コロナの影響を受けて出勤初日から在宅勤務を続けています。 本記事では新卒かつWeb業界未経験の私が、この2ヶ月間在宅という環境で何を・どのように学んできたのかをご紹介できればと思います。
Read More arrow_forward
(株)アンタイプは、新型コロナウィルスの感染が拡大している状況を受けて、社員の感染リスクを排除し安全を確保するともに、安定したサービスを継続して提供するべく、2020年2月18日(火)より2月末まで在宅勤務を行うことといたしました。 今後の状況に応じ、3月以降の在宅勤務体制継続等の検討を適宜協議してまいり
Read More arrow_forward
こんにちは、フロントエンドエンジニアの尾形です。 CONTENTS はじめに 作業効率を上げてくれる「sequential-number」 基本的な使い方 他にもいろんな構文があります おわりに 参考 はじめに 今回は、Atomのパッケージの1つを紹介したいと思います。 アンタイプでは、Atomをメインのテキ
Read More arrow_forward
日本地図国内最大手のゼンリンをはじめ、自動車や建設、食品など多岐にわたるコーポレートサイト制作を手がけるアンタイプ。彼らのクライアントワークは直接、企業と二人三脚で仕事を進めることも多く、依頼のリピート率も非常に高いという。社員数7名と小規模なアンタイプが、なぜ世界的企業から厚い信頼を得て成長を続けられるのか
Read More arrow_forward
貴社のビジネスにAIをどう組み込み、成長を加速させるか。
具体的なロードマップをご提案します。