JENNIFER × AI
AIと、
JENNIFERの新しいつくり方
AIとともに変わった、JENNIFER開発の話です。今日は製品紹介ではなく、私がAIでJENNIFERをつくる方法と、皆さんがAIでJENNIFERをもっと活用する方法をお話しします。
AI와 함께 달라진 제니퍼 개발 이야기입니다. 오늘은 제품 소개 대신, 제가 AI로 제니퍼를 만드는 방법과 여러분이 AI로 제니퍼를 더 잘 쓰는 방법을 말씀드리겠습니다.
洪在錫(ホン・ジェソク) · JenniferSoft R&Dチーム Frontend Tech Lead
발표자: 홍재석(洪在錫) · 제니퍼소프트 R&D팀 Frontend Tech Lead
今日の3つの話
今日お話しするのは3つです。どれも私が実際につくり、使っているものです。
오늘 이야기는 세 가지입니다. 모두 제가 실제로 만들고 쓰고 있는 것들입니다.
01開発は、
AIと一緒に
AI 비서와 일하는 하루, AI로 만든 모바일 앱
02必要な連携を、
AIですぐに実装
고객 요청 하나로 만든 PagerDuty 어댑터
03JENNIFERのデータを
AIで活用
MCP를 통한 데이터 활용
01
開発は、
AIと一緒に
1つ目は、AIと一緒に進める開発です。私が毎日AIとどう仕事をしているのかをお見せします。
첫 번째는 AI와 함께하는 개발입니다. 제가 매일 AI와 어떻게 일하는지 보여드리겠습니다.
毎朝、AI秘書がブリーフィング
ChatGPTでつくった私のAI秘書です。出勤すると、ニュース・今日やること・イシューレビューをまとめて届けてくれます。原因がはっきりしたバグは、自分で直してレビュー依頼まで出しておきます。
ChatGPT로 만든 제 AI 비서입니다. 출근하면 AI 비서가 뉴스, 오늘 할 일, 이슈 리뷰를 정리해 보내 줍니다. 원인이 분명한 버그는 직접 고쳐서 리뷰 요청까지 올려 둡니다.
フェルン · AI秘書
📰 [아침 뉴스 · 10/13]
- Uber의 MCP 운영 설계
도구별 권한·민감정보 제거·검색을 중앙에서 관리하고 새 도구는 검토 후 활성화하는 구조를 공개했어. WorkHub MCP 확장 시 API 재작성보다 권한·노출 관리를 먼저 정리하는 참고 사례야.
- 처리량이 좋아져도 실시간 품질은 나빠질 수 있음
Campfire 재작성 분석에서 이벤트 버퍼를 늘리자 전달률은 개선됐지만 최대 지연도 크게 늘었어. JENNIFER 실시간 화면은 처리량뿐 아니라 전달 지연·유실·재접속 복구까지 검증해야 한다는 사례야.
- jevgrep: 자연어로 코드 위치 찾기
동작 설명으로 관련 파일·줄 번호·코드 발췌를 찾는 CLI야. 검색 소스가 외부 AI 제공자로 전송되므로 사내 코드 적용 전 전송 범위를 확인해야 해.
📰[朝のニュース · 10/13]
- UberのMCP運用設計
ツールごとの権限・機密情報の除去・検索を一元管理し、新しいツールはレビュー後に有効化する構成を公開。WorkHub MCP 拡張では、API の作り直しより権限・公開範囲の整理を先にする参考事例。
- スループットが上がっても、リアルタイム品質は下がることがある
Campfire の再実装分析で、イベントバッファを増やすと到達率は改善したが最大遅延も大きく増えた。JENNIFER のリアルタイム画面は、スループットだけでなく到達遅延・欠損・再接続の復旧まで検証すべきという事例。
- jevgrep:自然言語でコードの場所を探す
動作の説明から関連ファイル・行番号・コード抜粋を探す CLI。検索ソースが外部 AI プロバイダーに送られるため、社内コードに使う前に送信範囲の確認が必要。
📬 [오늘의 업무 · 10/13]
- 확인 요청: Sam이 GitLab #566을 Alvin에게 배정했어. AI 작업 범위 제한과 따옴표 안 | 오탐 문제야. 확인한 메일·Slack에는 후속 해결 기록이 없어.
- WorkHub OAuth: Google이 work-hub-487000에 분류 변경을 안내했어. AI 에이전트용 OAuth 클라이언트가 있다면 11/11까지 설정 확인이 필요해.
- 배포 확인 필요: jennifer-ai-showcase는 어제 GitHub 접근 제한으로 배포 실패 메일이 왔어.
- 오늘 등록된 참석 회의는 없어. 종일 휴가: 김은경, 정성태.
📬[今日確認すること · 10/13]
- 確認依頼:Sam が GitLab #566 を Alvin にアサイン。AI の作業範囲制限と、引用符内の | の誤検知の問題。確認したメール・Slack に解決の記録はなし。
- WorkHub OAuth:Google から work-hub-487000 の分類変更の案内。AI エージェント用 OAuth クライアントがあれば 11/11 までに設定確認が必要。
- デプロイ確認:jennifer-ai-showcase は昨日 GitHub アクセス制限でデプロイ失敗メールあり。
- 今日の参加予定の会議はなし。終日休暇:キム・ウンギョン、チョン・ソンテ。
🛠 [이슈 리뷰 · 10/13]
- 세명대 private LLM PoC: 로컬 vLLM 연동에서 JsonEnumSchema 오류가 나고, 통계에 있는 WWW1 데이터를 챗에서는 없다고 답하는 문제가 접수됐어. 담당은 Nomin, 기한은 내일 10/14이고 아직 해결 댓글은 없어.
5개 프로젝트 변경 13건을 확인했어. 이미 논의한 콜트리·MethodTime·AI 계약 등은 제외했고, 명확한 새 뷰서버·프론트엔드 자동 패치 대상은 없었어.
🛠[イシューレビュー · 10/13]
- 世明大 private LLM PoC:ローカル vLLM 連携で JsonEnumSchema エラーが発生し、統計にある WWW1 のデータをチャットでは「ない」と答える問題が受付済み。担当は Nomin、期限は明日 10/14、まだ解決コメントなし。
5つのプロジェクトの変更 13件を確認。すでに議論したコールツリー・MethodTime・AI 契約などは除外し、明確な新規のビューサーバー・フロントエンドの自動パッチ対象はなし。
今日確認すること
메일·Slack·GitLab·캘린더에서 오늘 확인할 일
イシューレビュー → 自動パッチ
여러 프로젝트의 변경 사항 점검, 분명한 버그는 고쳐서 리뷰 요청
X-View · コールツリー リニューアル(リリース前)
AI秘書がブラウザを開き、デザイン案と実装を比較
JENNIFERで最もよく使われるX-Viewトランザクション分析のコールツリーをつくり直しています。リリース前の画面を、AI秘書がFigmaのデザイン案と比べながらQAし、結果をキャプチャ付きでまとめます。
제니퍼에서 가장 많이 쓰는 X-View 트랜잭션 분석의 콜트리를 새로 만들고 있습니다. 출시 전 화면을 AI 비서가 Figma 디자인 시안과 비교하며 QA하고, 결과를 캡처와 함께 정리해 줍니다.
午前 7:52
너 컴퓨터에서 다시 콜트리 qa 진행하고 리뷰해줘.
君のPCで、もう一度コールツリーのQAをしてレビューして。
응. 내 브라우저에서 한국어·라이트 테마로 다시 QA할게. 최신 화면 반영부터 확인하고, 핀·Link → 콜트리 선택 → 상세 이동과 높이·여백까지 리뷰해서 캡처와 함께 알려줄게.
了解。自分のブラウザで韓国語・ライトテーマのままもう一度QAするね。最新の画面反映から確認して、ピン・Link → コールツリー選択 → 詳細への移動と、高さ・余白までレビューして、キャプチャと一緒に報告するよ。
그리고 Figma 시안이랑 비교해서 다른 점도 체크해봐
あと、Figmaのデザイン案と比べて、違う点もチェックして。
Figma 시안과 비교해서 다른 점 2가지를 찾았어.
- 짧은 막대가 사라짐: 1초 범위·차트 폭 300px에서 1ms 메서드가 0px로 계산돼. 최소 표시 폭과 클릭 영역을 보장하는 게 좋아.
- 데이터 누락 안내가 안 보임: 핀 1,000개 제한·시각 미확정·부분 수집 정보가 구현 화면에 안 보여.
Figmaのデザイン案と比べて、違う点が2つ見つかった。
- 短いバーが消える:1秒範囲・チャート幅300pxで、1msのメソッドが0pxになる。最小表示幅とクリック領域を保証したほうがいい。
- データ欠落の案内が出ない:ピン1,000件の上限・時刻未確定・部分収集の情報が実装画面に表示されない。
응. 재로그인 끝났고 내 브라우저에서 JENNIFER DEMO 트랜잭션을 열어 확인 중이야. 지금은 실제 핀·Link 연동과 화면 높이·여백을 검증하고 있어.
うん。再ログインが終わって、自分のブラウザで JENNIFER DEMO のトランザクションを開いて確認中。今は実際のピン・Link 連動と画面の高さ・余白を検証してる。
데모 서버 QA 마쳤어. 핵심 UX는 정상 동작해.
- 에러 핀·메서드·Link 클릭 → 콜트리 자동 펼침·행 선택만 수행
- 콜트리 '호출함' → 연관 트랜잭션 상세 이동, 추가 중첩은 차단
- 5행·여백·긴 이름 말줄임 정상, 1188px 화면에서 가로 넘침 없음
시안 대비 보완 우선순위: ① 위치 미확정 스택·부분 수집·핀 표시 제한 안내 ② 짧은 막대의 최소 표시 폭·클릭 영역 ③ 연관 트랜잭션 진입 시 Call Tree 탭 유지
デモサーバーでのQAが完了。主要なUXは正常に動作してる。
- エラーピン・メソッド・Link をクリック → コールツリーの自動展開・行選択のみ
- コールツリーの「呼び出し」→ 関連トランザクションの詳細へ移動、さらなるネストは遮断
- 5行・余白・長い名前の省略は正常、1188px 画面で横あふれなし
デザイン案と比べた改善の優先順位:① 位置未確定のスタック・部分収集・ピン表示上限の案内 ② 短いバーの最小表示幅・クリック領域 ③ 関連トランザクションに入ったときの Call Tree タブ維持
エラーピン → コールツリーの行選択 · 에러 핀 → 행 선택
Link 選択 → 行選択 · Link 선택 → 행 선택
スタックのピンが出ないトランザクション · 핀 없음
スタックの詳細は確認できる · 스택 상세는 확인됨
そして、エージェントコーディング
ブリーフィングで出たイシューやQAで見つけた改善点が、そのまま次の作業になります。明らかなバグはAIが直してレビュー依頼を出し、私は確認するだけです。大きな作業は、私が直接AIと一緒に進めます。
브리핑에서 나온 이슈와 QA에서 찾은 개선점이 바로 제 다음 작업이 됩니다. 분명한 버그는 AI가 고쳐서 리뷰 요청을 올리고, 저는 확인만 합니다. 큰 작업은 제가 직접 AI와 함께합니다.
①ブリーフィング
・自動パッチ
매일 아침 이슈 리뷰, 분명한 버그는 고쳐서 리뷰 요청
②画面QA
AI 비서가 실제 화면을 열어 확인하고 개선점 정리
③エージェント
コーディング
AI 비서에게 맡기거나, 직접 AI와 함께 구현·테스트·커밋
AIとつくった、JENNIFERモバイル
AIと一緒につくったJENNIFERモバイルアプリです。デザイン反映とQAまで終えて、リリースしました。
제가 AI와 함께 만든 제니퍼 모바일 앱입니다. 디자인 반영과 QA까지 마치고 출시했습니다.
3日基本機能기본 기능
約1か月リリースまで출시까지
1,021テスト테스트
77%カバレッジ커버리지
構造が先。AIはその上で加速します。3日でつくれたのは、画面・API・チャートを共通モジュールとして長く整えてきたからです。구조가 먼저, AI는 그 위에서 속도를 냅니다. 3일은 오랫동안 다져 온 공통 모듈 덕분입니다.
- ダッシュボード대시보드
- 全画面チャート풀스크린 차트
- X-ViewX-View 트랜잭션 분석
- JENNIFER インサイト제니퍼 인사이트
02
必要な連携を、
AIですぐに実装
2つ目は、AIですぐにつくるJENNIFERの連携です。お客様のご要望ひとつから、機能をつくる流れをお見せします。
두 번째는 AI로 바로 만드는 제니퍼 연동입니다. 고객 요청 하나로 기능을 만드는 과정을 보여 드리겠습니다.
JENNIFERにない連携が
必要になったら、
どうしますか?
ご要望をいただければ、アダプターなどの拡張機能をつくってJenniferSoftのGitHubで公開します。製品のアップグレードは不要です。今回は日本のお客様からPagerDuty連携のご要望をいただき、AIですぐにつくりました。
제니퍼에 없는 연동이 필요하면 어떻게 하시나요? 요청을 주시면 제니퍼소프트가 어댑터 같은 확장 기능을 만들어 GitHub에 공개합니다. 제품 업그레이드 없이 받아서 쓰시면 됩니다. 이번에는 일본 고객사의 PagerDuty 연동 요청을 받아, AI로 바로 만들었습니다.
開発の歩み
2016年の最初のアダプターから2026年のAIスキルまで、JENNIFERは拡張できる構造をつくり続けてきました。
2016년 첫 어댑터부터 2026년 AI 스킬까지, 제니퍼는 꾸준히 확장할 수 있는 구조를 만들어 왔습니다.
2016
最初のアダプター
Slack 어댑터 · 첫 플러그인 공개
2017
Chatwork アダプター
일본 메신저 연동
2018
開発者ガイド
개발자 가이드 · 튜토리얼 공개
一貫して「拡張できる構造」を目指してきました。今はAIのおかげで、連携をつくる時間が大きく短くなりました。
처음부터 확장할 수 있는 구조를 목표로 했고, 이제 AI 덕분에 연동을 만드는 시간이 크게 줄었습니다.
Demo
AIでつくったPagerDutyアダプター
日本のお客様のご要望で、実際につくったアダプターです。1行のプロンプトから、コード生成・ビルド・登録までの流れと、再現したインシデント画面をお見せします。
일본 고객의 요청을 받아 실제로 만든 어댑터입니다. 한 줄의 프롬프트에서 시작해 코드 생성·빌드·등록 과정과 재현한 인시던트 화면을 보여 줍니다.
❯
프롬프트: 제니퍼 장애 이벤트를 PagerDuty로 보내는 어댑터를 만들어 줘.
コード生成코드 생성
ビルド빌드 · mvn clean package
登録등록 · Adapter ID: pagerduty
インシデント인시던트 · PagerDuty에 생성
P
Triggered · CriticalSERVICE_EXCEPTION: approval line not found (groupware-01)
Transaction Analysis →
PagerDuty インシデント(再現画面)어댑터가 보내는 데이터로 재현한 인시던트 화면입니다. 오른쪽은 어댑터가 실제로 보내는 데이터입니다.
初めて聞いたサービスでも、AIとならつくれる。
実は私も、このご要望で初めてPagerDutyを知りました。PagerDutyは、障害が起きるとオンコール(当番)担当者にすぐ知らせ、対応までを管理するサービスです。初めてのサービスでしたが、AIとスキルのおかげでつくることができました。
사실 저도 이 요청을 받고 PagerDuty를 처음 알았습니다. PagerDuty는 장애가 나면 당번(온콜) 담당자에게 바로 알리고 대응까지 관리하는 서비스입니다. 처음 접한 서비스였지만, AI와 스킬 덕분에 만들 수 있었습니다.
04
GitHubで公開
제니퍼소프트 GitHub에 공개
重大度マッピング
FATAL·WARNING → PagerDuty 심각도
自動解決
NORMAL·RECOVERY 시 인시던트 자동 해소
X-View 直リンク
알림에서 트랜잭션 분석으로 바로 이동
「jennifer-extension」スキル
JENNIFERのアダプターには、イベント通知や、お客様に合わせたユーザー認証など、多くの種類があります。以前は開発ガイドを読んで自分で実装していましたが、今はこのスキルを入れたAIツールに言葉で依頼すれば実装してくれます。
제니퍼에는 이벤트 알림 어댑터, 고객사에 맞춘 사용자 인증 어댑터 등 여러 종류의 어댑터가 있습니다. 예전에는 개발 가이드를 보고 직접 구현했지만, 이제는 이 스킬을 넣은 AI 도구에 말로 요청하면 AI가 구현해 줍니다.
4アダプター種別
어댑터 종류
Event · Transaction
Login(SSO) · System Event
{ }実装例
구현 예제
Slack · Teams
Telegram · LDAP
⚙プロジェクト雛形
프로젝트 템플릿
ビルド設定 · テスト
README(日・韓・英)
⬇ github.com/jennifersoft/jennifer-view-extension-tutorial · skills/jennifer-extension.zip
zipをダウンロードして、スキルに対応したAIツール(例:ChatGPTのSkills)にアップロードするだけです。
zip 파일을 받아 스킬을 지원하는 AI 도구(예: ChatGPT Skills)에 올리면 됩니다.
応用 · 응용
PagerDutyの状況を、ユーザー定義ダッシュボードに
ご要望はアダプターまででしたが、PagerDutyが提供するAPIを活用して、インシデントをJENNIFERのダッシュボードでも見られるようにしました。
고객이 요청한 건 어댑터까지였습니다. 여기에 PagerDuty 서비스가 제공하는 API를 활용해, 인시던트를 제니퍼 대시보드에서도 볼 수 있게 만들어 봤습니다.
❯
프롬프트: PagerDuty API를 사용해 인시던트 상태를 표시하는 차트 위젯을 만들어 줘.
Active Service
TPS
Response Time
CPU
+PagerDuty ウィジェットiframe · 여기에 PagerDuty 위젯이 들어갑니다
iframe · AI生成PagerDuty インシデント · 인시던트
- TriggeredSERVICE_EXCEPTION · groupware-013分前
- AcknowledgedSQL_EXCEPTION · payment-api-0118分前
- AcknowledgedDB_CONNECTION_FAIL · order-api-0142分前
JENNIFER 実画面 · PagerDuty データはサンプル
ユーザー定義ダッシュボード(実画面)
AIでつくったインシデントのチャートウィジェットを、実際のJENNIFERダッシュボードに入れた画面です。PagerDutyのデータは、実際のAPIと同じ形式のサンプルです。
AI로 만든 인시던트 차트 위젯을 실제 제니퍼 대시보드에 넣은 화면입니다. PagerDuty 데이터는 실제 API와 같은 형식의 샘플입니다.
I画面を直接操作 / 조작 모드 켜기 (마우스로 차트 값 보기·클릭)● 操作中 · 余白クリックで戻る / 조작 중 · 슬라이드 여백을 클릭하면 돌아옵니다
03
JENNIFERのデータを
AIで活用
AIツールを使えば、JENNIFERのOpen APIのデータで統計を確認したり、レポートをつくったり、さまざまな作業ができます。
AI 도구를 이용하면 제니퍼 Open API 데이터로 통계를 확인하고 보고서를 만드는 등 다양한 작업을 할 수 있습니다.
JENNIFERのデータをAIツールにつなぐJENNIFER MCP
JENNIFER MCPは、AIツールがJENNIFERのOpen APIのデータを簡単に活用できるようにする橋渡し役です。JENNIFER インサイトと同じLLMサーバーで提供します。
제니퍼 MCP는 AI 도구가 제니퍼 Open API 데이터를 쉽게 활용하도록 이어 주는 통로입니다. 제니퍼 인사이트와 같은 LLM 서버에서 제공합니다.
AIツールChatGPT など대화하듯 요청
MCP
JENNIFER LLM サーバーJENNIFER MCPJENNIFER インサイト(AI分析)と同じサーバーOpen API를 AI용 도구로 묶음
Open API
JENNIFER ビューサーバーOpen API도메인·지표·X-View·이벤트
新しいAPIではない
기존 뷰서버 Open API를 그대로 씁니다
LLMサーバーで提供
제니퍼 인사이트와 같은 서버에서 제공됩니다
登録はURLだけ
AI 도구에 MCP 주소만 등록합니다
実例:AIツールとMCPでつくったダッシュボード
ChatGPTにJENNIFER MCPを登録してつくったダッシュボードで、いろいろな活用方法のひとつです。
ChatGPT에 제니퍼 MCP를 등록해 만든 대시보드로, 여러 활용 방법 중 하나입니다.
ChatGPT5 ⌄jennifer5-mcp
jennifer5-mcp로 도메인 2000(Simula)의 최근 1시간 운영 대시보드를 만들어 줘. TPS·응답시간·액티브 서비스·X-View·이벤트를 보여 줘.
jennifer5-mcp で、ドメイン 2000(Simula)の直近1時間の運用ダッシュボードを作って。TPS・応答時間・アクティブサービス・X-View・イベントを見せて。
도메인 2000 · Simula, 11:39~12:39 데이터로 만들었어. 눈에 띄는 점은 3가지야.
- TPS는 13.0~13.9로 안정적이고, 지금은 13.62야.
- 응답시간은 지금 68ms인데 구간 최고는 185ms였어. X-View에는 2초·4초대에 몰린 트랜잭션 줄이 보여.
- 에러는 1시간에 342건이야. 12:08에 FATAL · AGENT_STOP 이벤트가 있었어.
ドメイン 2000・Simula、11:39〜12:39 のデータで作りました。目立つ点は3つです。
- TPS は 13.0〜13.9 で安定、現在は 13.62。
- 応答時間は現在 68ms、区間の最大は 185ms。X-View では 2秒・4秒台に並ぶトランザクションの列が見えます。
- エラーは1時間で 342 件。12:08 に FATAL・AGENT_STOP イベントがありました。
대시보드를 만들었어. →
ダッシュボードを作りました。→
+質問してみましょう↑
jennifer-mcp-dashboard.html生成中…
I画面を直接操作 / 조작 모드 켜기 (마우스로 차트 값 보기·클릭)● 操作中 · 余白クリックで戻る / 조작 중 · 슬라이드 여백을 클릭하면 돌아옵니다
仕事の進め方が変わった。
機能開発や質問への回答、動画・デザインまで、今はAIと並行して進めています。そうして生まれた時間を、新しい挑戦に充てています。
기능 개발과 질문 답변, 영상·디자인까지 이제는 AI와 함께 동시에 진행합니다. 덕분에 새로운 도전에 더 많은 시간을 쓸 수 있게 되었습니다.
以前이전 · 한 번에 하나씩
機能開発기능 개발待ち질문 답변 대기バグ버그待ち대기バグ버그動画・デザイン디자이너에게 요청
開発中は質問に答えられず、待つ側はもどかしさを感じ、開発する側も焦っていました。개발 중엔 질문에 답하지 못해, 기다리는 사람은 답답하고 개발하는 사람은 초조했습니다.
今지금 · AI와 함께 동시에
新しい挑戦へ새로운 도전에 더 많은 시간을
私機能開発기능 개발動画・スライド영상·슬라이드 직접 제작
AI秘書質問に回答질문 답변バグ버그バグ버그
コーディングエージェントQA改善QA 개선リファクタリング리팩터링
AIが多くの仕事を奪う、と言う人がいます。私も、以前はそう思っていました。
AI가 많은 일자리를 빼앗을 거라고 말하는 사람들이 있습니다. 저도 한때 그렇게 생각했습니다.
- 疑い의심
- 驚きと恐れ놀라움과 두려움
- そして今は、希望へ그리고 지금은, 희망으로
もっと多くのことに、
挑戦できる時代へ。
私が見つけた希望は、これです。開発だけでなく、コミュニケーションや表現まで生産性が上がり、より多くのことに、より多様に挑戦できるようになりました。
제가 찾은 희망은 이것입니다. 개발뿐 아니라 소통과 표현까지 생산성이 높아지면서, 더 많은 일을 더 다양하게 시도할 수 있게 되었습니다.
ありがとうございました
감사합니다.