MENU
bekichi
小中高生向けのプログラミング情報を発信しております。本ブログがプログラミングの勉強を始めるきっかけになると嬉しいです。どうぞ、お気軽にお付き合いください!
アーカイブ
カテゴリー


AIと対話してウェブサイトを「瞬組み」!電通デジタルの新手法「HOZO」で、あなたのデジタルスキルもぐっと広がる!

  • URLをコピーしました!


目次

AIがデザインを「瞬組み」!?「HOZO」ってどんな技術?

「HOZO」は、「デザイン、瞬組み。」というタグラインを掲げているんですよ。まるで日本の伝統的な木組み技術「ほぞ組み」のように、AIが企業ごとのデザインをぴったりと組み上げてくれるイメージですね。

HOZO

最近は、AIに話しかけるだけでコードを生成する「バイブコーディング」という開発スタイルが注目されています。でも、大規模なウェブサイトだと、たくさんの人が関わっているうちにデザインがバラバラになってしまう、なんてこともよくあるんです。せっかく「デザインシステム」(デザインのルールやパーツをまとめたもの)を作っても、全部のページに適用するのは膨大な手間がかかっていました。

「HOZO」は、ウェブサイト構築の豊富な知識と、電通デジタルが持つAIソリューション「∞AI®」の技術を融合させて生まれました。AIと対話するだけで、企業のデザインシステムに合ったUIコンポーネントを作ったり、ページを構築したり、さらにクラウドデザインツールとの間でデザインデータを自由に行き来させたりできるんです。これは本当に画期的ですね!

「HOZO」がすごい3つの理由!

理由1:バラバラデザインにさよなら!企業ごとの「デザインの型」をAIが学習

「HOZO」の一番の魅力は、企業固有のデザインシステムにぴったり合ったUIをAIが生成してくれることです。既存のウェブサイトのURLやクラウドデザインツール上のデータから、ナビゲーションやカード、テーブルなど、数十種類ものUIパターンを自動で抽出・分類し、色や書体、余白といったデザインのルールを体系化するんです。これにより、ページごとのデザインのバラつきが解消され、統一感のある美しいサイトが作れるようになります。自己学習でデザインを学ぶ皆さんにとっても、企業のデザインルールを理解し、実際に活かすための強力なツールになるでしょう。

理由2:デザイナーとエンジニアの夢の連携!コードもデザインツールも自由自在

生成されたUIは、HTMLやReactといったコード形式はもちろん、クラウドデザインツールで編集できる形でも出力されます。さらに、コードとクラウドデザインツールの間で双方向の変換ができるのがポイントです。これなら、デザイナーさんは使い慣れたデザインツールで、エンジニアさんはコードで、それぞれの専門分野で品質をチェックできますよね。AI任せにするだけでなく、人間の目と判断をしっかり組み込めるので、安心して開発を進められます。

理由3:今あるサイトも生まれ変わる!過去を活かし、未来へつなぐ

「HOZO」は、今あるウェブサイトを基点として、コンテンツはそのままでデザインシステムだけを置き換えることができます。もしデザインシステムのパーツを変更しても、過去に生成されたUIにも自動で反映されるので、常に最新のデザインを保つことが可能です。デザインシステムに詳しくない方でも、AIに自然言語で指示するだけで、デザインシステムに沿ったUIの検証ができるようになるんです。これは、継続的な学習と改善を目指す皆さんにとって、本当に心強い機能だと思います。

AIが拓く未来のウェブ制作と、あなたの可能性

電通デジタルは、この「HOZO」の技術を既存サイトのデザイン統一だけでなく、新しいページの企画・設計や、AIによるUI評価・改善提案など、ウェブサイト制作のあらゆるプロセスに広げていくことを目指しています。AIと人間の知恵を組み合わせることで、お客様のデジタル体験の質を向上させ、業務効率もアップさせる「AI For Growth」というAI戦略を推進しているんですよ。

AI For Growth

「AI For Growth」について、もっと詳しく知りたい方は、ぜひこちらのウェブページを見てみてくださいね。
https://www.dentsu.co.jp/labo/ai_for_growth/

また、「HOZO」の基盤となっているAIソリューション「∞AI®」についても、こちらのリンクから情報を得られます。
https://www.dentsudigital.co.jp/services/data-ai/mugen-ai

電通デジタルについては、こちらからどうぞ。
https://www.dentsudigital.co.jp/

さあ、AIと共に新しいウェブ制作の世界へ飛び込もう!

AIの進化は、私たちの仕事や学習の方法を大きく変えようとしています。「HOZO」のようなツールは、専門知識がなくても高品質なウェブサイト制作に挑戦できる可能性を広げてくれます。自己学習を頑張っている皆さんにとって、AIは決して難しい存在ではなく、あなたの創造性を何倍にも高めてくれる頼もしいパートナーになるはずです。

この新しい技術をきっかけに、ぜひウェブ制作の世界に飛び込んでみませんか?AIと一緒に、もっと楽しく、もっと効率的に、そしてもっと素敵なウェブサイトを作れる未来が、きっと待っていますよ!


ロボット・プログラミング教室へ通うことのすすめ

プログラミングを勉強するだけなら、本ブログでも十分ですが、できればロボットプログラミング教室に通うことをお勧めします。ロボットプログラミング教室に通うことで早い段階から以下のことが身につくためです。

  • 論理思考の向上: プログラミングを学ぶことで、問題を分析し、段階的に解決する論理的思考力が身につきます。
  • コミュニケーション能力の発展: 毎回異なるペアとの協力を通じ、自分の考えを伝え、他者の意見を理解することで、表現力と協同作業のスキルが向上します。
  • 創造力の刺激: ロボットをレゴブロックで作る活動は、子どもたちの創造力を鍛え、想像力を広げる素晴らしい機会を提供します。
  • 自己成長の実感: 競技会を通して、クラス外の生徒や他の教室と競争することで、自らの成長を実感し、自信を育む機会を得られます。
  • 実践的なスキルの習得: カリキュラムが進むにつれ、実社会で活用されるプログラミング言語Pythonの学習が可能になります。
  • 社会的スキルの発展: 様々な人との良好な関係を築くことの重要性を学び、社会生活において必要なスキルを身につけます。
よかったらシェアしてね!
  • URLをコピーしました!
目次