Веб-сайт

Этот веб-сайт построен с использованием Docusaurus - современного генератора статических веб-сайтов.

Установка

$ yarn

Локальная разработка

$ yarn start

Эта команда запускает локальный сервер разработки и открывает окно браузера. Большинство изменений отображаются в реальном времени без необходимости перезапуска сервера.

Сборка

$ yarn build

Эта команда генерирует статический контент в директории build, который может быть размещен на любом хостинге статических сайтов.

Развертывание

Используя SSH:

$ USE_SSH=true yarn deploy

Без использования SSH:

$ GIT_USER=<Ваше имя пользователя GitHub> yarn deploy

Если вы используете GitHub Pages для хостинга, эта команда удобна для сборки сайта и отправки изменений в ветку gh-pages.

Структура проекта

Проект следует типичной структуре Docusaurus с некоторыми пользовательскими компонентами и данными. Вот основные директории и файлы:

Основные директории

• /src/ - Содержит основной исходный код
  • /src/data/ - Файлы данных, включая информацию о витрине приложений и сборнике рецептов
  • /src/pages/ - Компоненты и макеты страниц
  • /src/components/ - Многоразовые React-компоненты
  • /src/utils/ - Вспомогательные функции и утилиты

Ключевые файлы

• /src/data/users.tsx - Содержит данные витрины для всех приложений, включая описания, теги и информацию об авторах
• /src/data/cookbook.tsx - Содержит данные для всех руководств и учебных материалов, включая описания, уровни сложности и информацию об авторах
• /src/pages/showcase/_components/ShowcaseCard/ - Основной компонент для отображения карточек приложений
  • index.tsx - Логика и структура компонента
  • styles.module.css - Стили для карточек витрины
• /src/pages/cookbook/_components/CookbookCard/ - Основной компонент для отображения карточек руководств
  • index.tsx - Логика и структура компонента
  • styles.module.css - Стили для карточек руководств

Изображения

• /src/data/showcase/ - Содержит все превью-изображения приложений
  • Изображения должны быть шириной не менее 640px
  • Рекомендуемое соотношение сторон 2:1
  • Поддерживаемые форматы: JPG, PNG
• /public/img/cookbook/ - Содержит все превью-изображения руководств
  • Те же требования к изображениям, что и для витрины
• /public/img/authors/ - Содержит изображения профилей авторов
  • Рекомендуемый размер: 80x80px
  • Должны быть квадратными
  • Поддерживаемые форматы: JPG, PNG

Страницы

Генеративный ИИ в Бизнесе (/)

Интерактивная визуализация данных из исследования "State of Generative AI in the Enterprise 2024" от Menlo Ventures.

Компоненты страницы

• src/pages/index.tsx - Главная страница с радиальной диаграммой и карточками кейсов
• src/components/bolt/RadialChart/index.tsx - Компонент радиальной диаграммы
• src/components/bolt/UseCaseCard.tsx - Компонент карточки кейса
• src/types/useCase.ts - TypeScript типы для данных о кейсах
• src/utils/logger.ts - Утилита для логирования
• src/utils/scroll.ts - Утилита для плавной прокрутки

Основные элементы

1. Радиальная диаграмма (RadialChart)

   • Визуализирует уровень внедрения и рост за год для каждого кейса
   • Интерактивные сегменты с анимацией при наведении
   • Легенда и источник данных
   • Адаптивный дизайн для мобильных устройств

2. Карточки кейсов (UseCaseCard)

   • Детальная информация о каждом кейсе
   • Уровень внедрения с прогресс-баром
   • Рост год к году
   • Ключевые игроки рынка
   • Анимация при наведении

Представленные кейсы

1. Помощники программиста (51% внедрения, +125% YoY)

   • GitHub Copilot - ИИ-напарник на базе OpenAI Codex
   • Amazon CodeWhisperer - ML-подсказки кода
   • Tabnine - ИИ-автодополнение кода

2. Чат-боты поддержки (31% внедрения, +82% YoY)

   • Intercom - Клиентские сообщения с ИИ-поддержкой
   • ChatGPT Enterprise - Корпоративное решение OpenAI
   • Claude - ИИ-ассистент Anthropic

3. Корпоративный поиск (28% внедрения, +65% YoY)

   • Elastic AI Search - Корпоративный поиск с ИИ
   • Algolia - API поиска на базе ИИ

4. Извлечение данных (27% внедрения, +58% YoY)

   • UiPath - Платформа автоматизации с ИИ
   • Automation Anywhere - Комплекс интеллектуальной автоматизации

5. Итоги встреч (24% внедрения, +45% YoY)

   • Otter.ai - ИИ-ассистент для встреч
   • Fireflies.ai - ИИ-конспектирование встреч

6. Копирайтинг (21% внедрения, +40% YoY)

   • Copy.ai - ИИ-генерация контента
   • Jasper - ИИ-помощник для написания

7. Генерация изображений (20% внедрения, +35% YoY)

   • DALL-E - Генерация изображений OpenAI
   • Midjourney - ИИ-генерация искусства

Технические особенности страницы

• Интеграция с системой тем Docusaurus
• Адаптивный дизайн с поддержкой мобильных устройств
• Интерактивные элементы с анимацией
• Динамическая генерация SVG для радиальной диаграммы
• Поддержка тёмной темы
• Логирование пользовательских взаимодействий
• Плавная прокрутка к карточкам при клике на сегменты диаграммы

Витрина приложений (/showcase)

Галерея приложений, созданных с помощью наших инструментов, включает:

• Превью-изображения приложений
• Описания и ссылки
• Ссылки на исходный код
• Теги для фильтрации
• Информацию об авторах

Сборник рецептов (/cookbook)

Коллекция руководств и учебных материалов, включает:

• Превью-изображения руководств
• Описания и ссылки на полные руководства
• Уровни сложности (Начинающий/Средний/Продвинутый)
• Теги для фильтрации
• Информацию об авторах

Разработка

В проекте используются:

• React с TypeScript для компонентов
• CSS Modules для стилизации
• Docusaurus для генерации статического сайта
• Различные вспомогательные скрипты для обработки изображений

Чтобы добавить новое приложение в витрину:

1. Добавьте превью-изображение приложения в /src/data/showcase/
2. Добавьте данные приложения в /src/data/users.tsx
3. Запустите check_images.py для проверки требований к изображениям
4. Соберите и протестируйте локально с помощью yarn start

Чтобы добавить новое руководство в сборник рецептов:

1. Добавьте превью-изображение руководства в /public/img/cookbook/
2. Добавьте данные руководства в /src/data/cookbook.tsx
3. Убедитесь, что уровень сложности и теги соответствуют содержанию
4. Соберите и протестируйте локально с помощью yarn start