2025年、Web制作とEC運営の現場は「AI」によって劇的な変化を迎えています。かつてはSFの世界だった「AIが自ら考えて業務を遂行する」未来が、[WordPress](https://wordpress.org/)という最も身近なプラットフォームで現実になろうとしています。

本記事では、WordPressのAI活用の最新トレンドと、それが貴社の「Webサイト制作」や「越境EC」にどのような革命をもたらすのか、2025年10月の最新ニュース（WooCommerceの動向）を交えて徹底解説します。

## 2025年、WordPress制作現場で「常識」となったAI活用
![craft-compelling-stories-how-prompt-engineering-elevates-ai-content-creation-featured-1.jpg](https://cont.sterfield.co.jp/uploads/craft_compelling_stories_how_prompt_engineering_elevates_ai_content_creation_featured_1_3ff37de7a6.jpg)
ここ1〜2年で、WordPressの制作現場ではAIの活用が急速に進みました。従来は多くの工数がかかっていた作業が、AIプラグインによって自動化・効率化されています。

### 1. コンテンツ・SEO記事制作の自動化

「[Jetpack AI Assistant](https://jetpack.com/ai-assistant/)」や、SEOプラグインの「[Rank Math AI](https://rankmath.com/content-ai/)」「AIOSEO」といった主要なツールがAI機能を標準搭載しました。

ターゲットキーワードを指定するだけで、SEOに最適化された記事のドラフトや、魅力的なタイトル案、メタディスクリプションを瞬時に生成できます。これにより、コンテンツマーケティングの「量」と「質」を担保するハードルが劇的に下がっています。

### 2. WebデザインのAIアシスト

「[Elementor AI](https://elementor.com/features/ai/)」や「Divi AI」といった主要なページビルダーもAIと深く統合されました。

「こういう雰囲気のヒーローイメージを作って」と指示するだけでデザイン案が生成されたり、サイト全体の配色やレイアウトをAIが提案したりすることが可能になり、デザインプロセスそのものも高速化しています。

---

## 【時事ネタ】WooCommerceが「Agentic Commerce Protocol」に対応へ
![Agentic-Commerce-Protocol-10-31-2025_01_51_PM.png](https://cont.sterfield.co.jp/uploads/Agentic_Commerce_Protocol_10_31_2025_01_51_PM_dae824ae22.png)
そして今、このAI化の波が「EC（Eコマース）」、特にWordPressで世界最大のシェアを持つ「[WooCommerce](https://woocommerce.com/)」にも到達しました。

2025年10月、WooCommerceは「**Agentic Commerce Protocol（ACP）**」への対応を進めていることが報じられました。

---

### ACP（Agentic Commerce Protocol）とは？

ACP（Agentic Commerce Protocol）とは、[Stripe](https://stripe.com/jp)と[OpenAI](https://openai.com/)が共同で開発を推進する「**AIエージェントが、ユーザー（消費者）を代理して、ECサイトと直接商取引を行う**」ための技術的な標準規格（ルール）です。

（参考： [Agentic Commerce Protocol 公式サイト](https://www.agenticcommerce.dev/)）

この規格が普及すると、消費者がChatGPTのような対話型AIのインターフェース内で、**AIと会話するだけで商品の検索から決済までを完結**できるようになります（OpenAIはこれを「Instant Checkout」と呼んでいます）。

ECサイトがこの規格に対応することは、AIが主導する未来のコマースにおいて、新しい顧客接点と販売機会を獲得するための重要な一歩と言えるでしょう。

https://www.reuters.com/world/americas/openai-partners-with-etsy-shopify-chatgpt-checkout-2025-09-29/

---

### 「ACP」が拓く「対話型コマース」の未来とは？
![Agentic-Commerce-Protocol-10-31-2025_02_36_PM.png](https://cont.sterfield.co.jp/uploads/Agentic_Commerce_Protocol_10_31_2025_02_36_PM_1de1c48683.png)
この規格が普及すると、消費者の商品購入体験は根本から変わります。

* **従来の購入体験：**
    ユーザーがGoogleで検索し、ECサイト（例：貴社のサイト）にアクセスし、サイト内を回遊し、カートに入れて決済する。
* **ACPが拓く未来の体験：**
    ユーザーが[ChatGPT](https://openai.com/chatgpt)に「$100以下で、日本から発送してくれる高品質な緑茶を探して」と指示する。
* **Protocol（規格）の役割：**
    ChatGPT（AIエージェント）が、この「規格」を使って、対応済みの複数のECサイト（WooCommerceなど）に一斉にアクセスし、条件に合う商品をリアルタイムで比較。
* **購入の完結：**
    AIが「スターフィールド社のこの緑茶が最適です」と提示し、ユーザーが「それでお願い」と答えるだけで、ChatGPTの画面から離れることなく決済（Stripe経由）までが完了します。

---

## ACPは「越境EC」の課題をどう解決するか？
![Image_jmivy9jmivy9jmiv.png](https://cont.sterfield.co.jp/uploads/Image_jmivy9jmivy9jmiv_97dfd8f1de.png)
この「Agentic Commerce Protocol」の仕組みは、言語、決済、時差といった複雑な課題が絡み合う「**越境EC**」においてこそ、その真価を発揮します。スターフィールド社が強みとする越境ECサポートの現場でも、これは強力な追い風となります。

### 1. 「言語の壁」の完全な解消

これまで、海外向けホームページを多言語対応させるのは必須の施策でした。
しかしACPに対応すれば、**AIが「最強の通訳」**として仲介します。

海外の消費者が、現地の言語（英語、中国語、マレー語など）でChatGPTに話しかけるだけで、日本語のWooCommerceサイトに登録されている商品情報をAIが理解・翻訳し、提示してくれます。消費者は一切「言語の壁」を意識することなく、日本のサイトからシームレスに商品を購入できるのです。

### 2. 「決済と配送」のハードル低下

「このサイトは信頼できるか？」「自分の国のクレジットカードは使えるか？」といった決済の不安や、複雑な国際配送手続きの選択は、越境ECでのカゴ落ち（離脱）の最大の原因です。

ACPは[Stripe（決済）](https://stripe.com/jp)と[OpenAI（AI）](https://openai.com/)が主導しています。AIが仲介することで、信頼できる決済プロセス（Stripe）がシームレスに実行されます。ユーザーは、使い慣れたAIとの対話の中で、最適な配送オプションを（AIが推薦する形で）選ぶだけでよくなり、購入のハードルが劇的に下がります。

### 3. 「AI（ChatGPT）」という新たな販売チャネルの開拓

これからの消費者は、Google検索だけでなく、「AIへの相談」を通じて商品を発見するようになります。

ACPに対応するということは、「ChatGPT」や今後登場するであろう様々なAIアシスタントという、**巨大な新しい販売チャネル**に、貴社の商品棚を並べることを意味します。この次世代の販売チャネルに対応できるECサイトを構築・運用することが、今後の越境EC戦略において死活問題となるでしょう。

---

## まとめ：AIと共に創る「賢いECサイト」の時代へ

2025年、WordPressは単なるCMSから、AIと協働する「インテリジェントなビジネス基盤」へと進化を遂げようとしています。

WooCommerceの「Agentic Commerce Protocol」への対応は、その象徴的な動きです。
これからのECサイト運営は、「（Google検索だけでなく）AIにいかに自社の商品を発見させ、選んでもらうか」が成功の鍵となります。

しかし、AIがどれだけ進化しても、そのAIに対応できる「規格（ACP）」を正確に**「構築・実装」**し、AIに選ばれるための魅力的な商品戦略（例：Shopeeでの販売戦略）を立てるのは、依然として人間の専門家です。

スターフィールド株式会社は、Shopee支援で培った越境ECの知見と、Next.jsやヘッドレスコマースといったモダンなWeb技術（開発ブログで発信中）を融合させ、お客様のビジネスを次のステージへ導きます。

> 「自社のECサイトもAI（ChatGPT）での購入に対応させたい」
> 「最新技術を取り入れた越境ECサイトを構築したい」

そのようなご要望がございましたら、ぜひ一度、私たちにご相談ください。最新のトレンドを踏まえた最適なソリューションをご提案します。

---

### ▼ スターフィールドの関連サービス

* [越境EC支援（Shopee / LaunchCart）](https://sterfield.co.jp/solution/shopee/)
* [海外向けホームページ制作](https://sterfield.co.jp/solution/global-hp/)
* [Webサイト構築・運用](https://sterfield.co.jp/solution/website/)
* [お問い合わせはこちら](https://sterfield.co.jp/contact/)

large_AI Ecommerce.jpg

medium_AI Ecommerce.jpg

small_AI Ecommerce.jpg

thumbnail_AI Ecommerce.jpg

AI Ecommerce.jpg

「Agentic Commerce Protocol」とWooCommerceの未来



みなさんは、マーケティングの作業が複雑で困った経験はありませんか？良いアイデアがあっても、技術的な問題やチーム間の連絡に時間がかかって、すぐに実現できないことがありますよね。

もしも魔法のように、アイデア一つで素敵なマーケティングページがすぐに作れたら、どんなに良いでしょうか？そんな夢のようなことを可能にするのがバイブマーケティング（Vibe Marketing）です！

有名なマーケティング技術の専門家スコット・ブリンカーさんが提案したこの新しい考え方が、マーケティングの世界を大きく変えています。




# バイブマーケティングとは？「技術重視」から「アイデア重視」への変化

## バイブマーケティングの意味

バイブマーケティングは、技術分野の「バイブコーディング」という考え方から生まれました。これは、AIの力を使って、複雑なプログラムを書かなくても、直感的にアイデアをすぐに形にできる新しい方法です。

簡単に説明すると、マーケターが以下のことをできるようになります：

- 素早い実験：エンジニアを待たずに、すぐにアイデアをテストできる
- 正確な配信：AIが最適な顧客を見つけてくれる
- リアルタイム改善：すぐに戦略を調整して、チャンスを逃さない


# なぜ今バイブマーケティングが必要なの？

こんな理由で素晴らしいアイデアを諦めたことはありませんか：

- チーム間の連絡に時間がかかりすぎる
- 制作費用が高すぎる
- 技術的に難しすぎる
- 効果をすぐに測定できない

ネットショッピングやブランドマーケティングの世界では、スピードがとても大切です。市場のトレンドはあっという間に変わり、お客様の好みも早く変化します。マーケターはいつも時間との競争をしています。


# 成功事例：Tokyo Shirtのバイブマーケティング実践


## 課題：従来のネットショップの2つの問題

日本の老舗シャツブランド「Tokyo Shirt」が直面していた問題は、多くのネットショップが経験することです：

### 問題1：商品は多いけれど露出が少ない

![TokyoShirt-18.jpg](https://cont.sterfield.co.jp/uploads/Tokyo_Shirt_18_e03038ab42.jpg)

- 商品の種類は豊富だが、外観が似ている
- 多くの良質な商品が露出の機会を失っている
- お客様が本当に必要な商品を見つけるのが難しい


### 問題2：マーケティングページの制作が遅い

- 毎回のキャンペーンでエンジニアのスケジュール待ち
- コミュニケーション費用が高く、効率が低い
- 市場変化に素早く対応できない


# 解決策：AIマーケティングツールの実際の活用


## 🎨 制作プロセスの簡略化

![TokyoShirt-42-min (1).png](https://cont.sterfield.co.jp/uploads/Tokyo_Shirt_42_min_1_84579a469d.png)

AIを活用したページ作成ツールを導入後、マーケティングチームが独立してキャンペーンページを作成できるようになり、エンジニアやデザイナーの技術サポートに依存する必要がなくなりました。ドラッグ＆ドロップ (drag and drop) 式のインターフェースにより、技術的な背景のないマーケティング担当者でも素早く操作を覚えることができ、アイデア発想から実際の公開までの時間を大幅に短縮しました。

## 🤖 スマート商品マッチング

AIシステムがキャンペーンテーマに基づいて関連商品を自動選別します。例えば、キャンペーンテーマを「夏の機能性」に設定すると、システムが自動的に「涼感」、「抗菌」、「速乾」などの特性を持つ商品を見つけ出し、人工選択の時間コストを削減するとともに、比較的マイナーな商品にも露出機会を提供します。

## 事例観察結果

この事例はバイブマーケティングの核心的価値を示しています：マーケティングチームが素早く実験し戦略を調整できるとき、通常はユーザー体験とビジネスパフォーマンスで良い改善を見ることができます。重要なのは具体的な数字成長ではなく、持続可能な「素早くテスト→学習→最適化」のワークフローを確立したことです。





# バイブマーケティング実戦テクニック



## 1. コンテンツ作成：商品思考からライフスタイル思考へ

- Before：硬いイメージの商品紹介 「このシャツは高品質な綿を使用し、シワになりにくい機能があります...」
- After：温かみのある生活シーン 「忙しい月曜日の朝、このシャツがあれば余裕を持って挑戦に臨めます 」

## 2. ビジュアルデザイン：AIでアイデア実現を加速

- AIを使って素早くレイアウトバリエーションを生成
- 異なるデザインのA/Bテストを自動化
- データに基づいてビジュアル要素を素早く調整


## 3. ターゲット設定：推測から正確な洞察へ

- 従来の方法：「若者が好きそうだと思うけど...」
- バイブマーケティング：AIでユーザー行動を分析し、誰が最も購入しやすいか、いつ購入するか、どのチャネルから購入するかを教えてくれます。


# 未来のトレンド：バイブマーケティングの進化方向

## 1. よりスマートな個人化

AIが各訪問者に唯一無二のショッピング体験を作り、真の「一人ひとりに異なる体験」を実現します。

## 2. リアルタイム市場変化対応

未来のバイブマーケティングツールは、リアルタイムで市場トレンドの変化を検出し、自動的にマーケティング戦略を調整できるようになります。

## 3. クロスプラットフォーム統合

一つのアイデアで、複数のプラットフォームを自動最適化し、真の「一度作成、どこでも輝く」を実現します。





# まとめ：

「バイブマーケティング」は単なるマーケティングツールの活用ではなく、思考の転換です。マーケターが複雑な技術的詳細から精力を解放し、アイデアの発揮、大胆な実験、そして消費者とのより深い繋がり構築に専念することを奨励しています。

このAI時代において、成功するマーケターは最も技術に詳しい人ではなく、最もAIを使ってアイデアを実現できる人です。他の人がまだ技術的な障壁に悩んでいる間に、バイブマーケティングをマスターしたあなたはすでに以下のことができるようになります：

- ひらめきを素早く捉えてすぐに実現
-  最も相性の良い顧客を正確に見つける
-  データで全てのアイデアを検証
-  継続的に最適化し競争優位を保つ

まだ迷っていますか？今すぐあなたのバイブマーケティングの道を始めましょう！「スピードが勝負」の時代において、最初に変化を受け入れる人が、最終的な勝者になることを覚えておいてください!


large_Untitled (1).png

medium_Untitled (1).png

small_Untitled (1).png

thumbnail_Untitled (1).png

Untitled (1).png

バイブマーケティングって何？AI時代のマーケター必見の新しい力！

large_eycatch-gemini-vs-cloud.png

medium_eycatch-gemini-vs-cloud.png

small_eycatch-gemini-vs-cloud.png

thumbnail_eycatch-gemini-vs-cloud.png

eycatch-gemini-vs-cloud.png

画像処理系AIの Gemini 2.5 Flash Image と Cloud Vision API を比べてみる（Next.jsの実装例付き）

## はじめに
最近のソフトウェア開発では、AIの活用が急速に進み、すっかり当たり前のものとなりました。コードの自動補完やエラーチェックを行うAIコーディング支援ツールはすでに多くの開発者に利用されていますが、さらに一歩進んだ「AIコーディングエージェント」という概念をご存知でしょうか？ まるで開発チームの一員のように自律的にタスクをこなすAIの登場は、私たちの開発スタイルを大きく変えるでしょう。

### AIコーディング支援とAIコーディングエージェントの違い
AIコーディング支援は、開発者がコードを書く際の補助を目的としています。例えば、入力中のコードの自動補完、構文チェック、簡単なリファクタリングの提案などがこれにあたります。IDE（統合開発環境）に組み込まれているCopilotのようなツールがこれにあたります。これらは開発者の作業を「支援」するものであり、最終的な判断や実装は開発者自身が行います。

一方、AIコーディングエージェントは、より自律的に開発タスクを実行する能力を持つツールです。単にコードを提案するだけでなく、要件を理解し、開発計画を立て、実際にコードを生成・修正し、テストまで実行できます。与えられたタスクに対して一連のプロセスを自律的に進めていくのが特徴です。

### Julesの簡単な紹介と始め方

今回体験したのは、そんなAIコーディングエージェントの一つである「[Jules](https://jules.google/)」です。Julesは、開発者が自然言語で与えた指示に基づき、コードの生成、テスト、デバッグ、リファクタリングといった一連のソフトウェア開発タスクを自動化するツールです。まるで優秀なペアプログラミングパートナーがいるかのように、開発者はより本質的な問題解決に集中できるようになるでしょう。

Julesの詳しい始め方については、以下の参考リンクをご確認ください。GitHubリポジトリにJulesのGitHub Appをインストールし、Write権限を付与すれば、すぐにタスクを依頼できます。

#### 参考リンク
- https://jules.google/docs/
- [Note記事: AIコーディングエージェントの導入](https://note.com/tandago/n/n2363371f46b8)
- https://qiita.com/syukan3/items/2c8989a59d7800b1c896#4-%E5%B0%8E%E5%85%A5%E6%89%8B%E9%A0%865-%E5%88%86%E3%81%A7%E5%AE%8C%E4%BA%86

### 実際にやってみた例の紹介

今回は、「Dependabotの指摘に対応するため、Honoのバージョンアップを実施してください。」と日本語で依頼してみました。

![planning](https://cont.sterfield.co.jp/uploads/planning_03e7631bf6.jpg)

Julesはまず、与えられたタスクを詳細に分解し、実装の手順をプランニングしました。

---

![complete](https://cont.sterfield.co.jp/uploads/complete_f0fb0989f6.jpg)

プランニング結果を承認すると、Julesは実際にコードの修正を開始しました。注目すべきは、具体的な指示を与えていないにもかかわらず、Julesが自律的に動作確認の方法（npm run devによるローカル実行）を特定し、実行した点です。これは、単にコードを生成するだけでなく、開発プロセス全体を理解しているJulesの能力を強く示すものです。

上記の画像は、すべての作業が完了し、Julesが変更内容を「dependabot/npm/hono-4.7.11」というブランチにプッシュした後の状態です。

### やってみた所感

Julesを体験してみて、まず感じたのはその自律性の高さです。従来のAIコーディング支援ツールでは、開発者が積極的に指示を出し続ける必要がありましたが、Julesは一度タスクを与えれば、まるでジュニアエンジニアがタスクを進めるかのように自律的に動きます。これにより、開発者はより複雑な問題解決やアーキテクチャ設計などに集中できる時間が格段に増えると感じました。

一方で、まだ完璧ではない点もいくつかありました。例えば、レスポンスに時間がかかる場合がある点や、日本語入力時の細かなUI挙動に改善の余地がある点など、少しストレスを感じる場面もありました。しかし、これらは現在ベータ版として提供されているため、今後の改善に期待しています。

### まとめ

AIコーディングエージェント「Jules」を体験してみて、その将来性を強く感じました。まだ発展途上ではありますが、今後AIコーディングエージェントがさらに進化することで、ソフトウェア開発のあり方は大きく変わっていくでしょう。単純作業はAIに任せ、人間はより創造的で戦略的な業務に集中する、そんな未来がすぐそこまで来ているのかもしれません。

皆さんもぜひ一度、JulesのようなAIコーディングエージェントを体験してみてはいかがでしょうか。

large_Gemini_Generated_Image_tibdtetibdtetibd.jpeg

medium_Gemini_Generated_Image_tibdtetibdtetibd.jpeg

small_Gemini_Generated_Image_tibdtetibdtetibd.jpeg

thumbnail_Gemini_Generated_Image_tibdtetibdtetibd.jpeg

Gemini_Generated_Image_tibdtetibdtetibd.jpeg

Julesで体験！AIコーディングエージェントの可能性

生成AIが生み出す「ハルシネーション」―すなわち、事実とは異なるもっともらしい情報の出力―は、業務利用や重要な意思決定において大きなリスクとなっています。そこで注目されるのが、複数の生成AIを同時に利用してその出力を比較・検証できるツール「[ChatHub](lhttps://chathub.gg/ja)」です。

本記事では、ChatHubの基本機能や活用事例、そして他の類似サービスとの実際の比較を通じ、ハルシネーション対策としての有用性について詳しく解説していきます。

## ChatHubとは？その基本機能と概要

![DALL·E 2025-02-06 16.21.10 - A digital screenshot-style illustration of a Chrome extension interface featuring the 'ChatHub' logo. The interface displays multiple chat windows on .webp](https://cont.sterfield.co.jp/uploads/DALL_E_2025_02_06_16_21_10_A_digital_screenshot_style_illustration_of_a_Chrome_extension_interface_featuring_the_Chat_Hub_logo_The_interface_displays_multiple_chat_windows_on_7bb6de6b74.webp)

ChatHubは、Google Chromeの拡張機能として提供されるツールで、複数の生成AI（ChatGPT、Gemini、Claude、Bing、Perplexity、Llama2など）に対して、同時にプロンプトを送信し、その回答を並列で比較できる画期的なプラットフォームです。  
従来、各生成AIごとに個別のタブを開いて利用していた場合、同じ質問に対する回答を逐一確認する手間がかかっていました。しかし、ChatHubを利用することで、複数のAIの出力を一画面上に集約し、どの回答がより正確か、どのAIがどのタスクに適しているかを容易に判別できるようになります。

【機能の主な特徴】  
- **並列比較機能**：同一のプロンプトを複数のAIに同時送信し、回答を並べて表示。  
- **ハルシネーション対策**：異なるAIの回答を比較することで、誤った情報（ハルシネーション）を見抜く手助けとなる。  
- **カスタマイズ性**：無料版では2つ、有料版（ChatHub プレミアム）では最大6つの生成AIを同時利用可能。  
- **拡張機能としての利便性**：Chromeブラウザから簡単にアクセスでき、操作は直感的。

## ハルシネーション対策としてのChatHubの有用性

【見出しイメージ画像案】  
「AIが出力した複数の文章の中から、正しい情報を選択するユーザーのイラスト」  ![DALL·E 2025-02-06 16.25.31 - A futuristic illustration of a user selecting the correct information from multiple AI-generated responses. On the left and right, different AI chat w.webp](https://cont.sterfield.co.jp/uploads/DALL_E_2025_02_06_16_25_31_A_futuristic_illustration_of_a_user_selecting_the_correct_information_from_multiple_AI_generated_responses_On_the_left_and_right_different_AI_chat_w_d14c735711.webp)
（例：左右に異なるAIの回答が表示され、中央でユーザーが真実を見極めるシーン）

生成AIの大きな課題は、入力プロンプトに対して不正確な、あるいは架空の情報を生成してしまう「ハルシネーション」です。例えば、同じ「日本の総理大臣は？」という質問に対して、ChatGPT、Claude、Geminiなどが微妙に異なる回答を返すケースがあります。  
ChatHubはこの問題を解決するために、以下の2点で非常に有用です。

1. **多角的な情報比較**  
　複数の生成AIに同時に質問することで、各AIの出力内容を並列で確認できます。もし一部のAIだけが誤った情報を返している場合、他のAIと比較することでその違いが明確になり、正しい情報を選び出すことが容易になります。

2. **信頼性の向上**  
　各AIはそれぞれ得意な分野やアルゴリズムに基づいて情報を生成しているため、同一の質問に対して複数の視点からの回答が得られます。これにより、情報の真偽を判断するための「クロスチェック」が可能になり、誤情報のリスクを大幅に低減させることができます。

【実際の比較例】  
例えば、「2023年の箱根駅伝の順位は？」というプロンプトを送信した場合、ChatGPTは表形式で詳細な順位情報を出力し、Bingはトップ3の情報のみを返すといった違いが確認できます。こうした具体例から、ユーザーは各生成AIの強みと弱みを把握し、用途に応じた最適なAIを選択することができます。

## ChatHubの利用方法とそのメリット

![DALL·E 2025-02-06 16.26.30 - An infographic-style illustration explaining the ChatHub interface. The image includes labeled sections such as 'Prompt Input Field,' 'AI Comparison R.webp](https://cont.sterfield.co.jp/uploads/DALL_E_2025_02_06_16_26_30_An_infographic_style_illustration_explaining_the_Chat_Hub_interface_The_image_includes_labeled_sections_such_as_Prompt_Input_Field_AI_Comparison_R_50037da0b9.webp)

ChatHubの利用方法は非常にシンプルです。まず、ChromeウェブストアからChatHub拡張機能をインストールします。インストール後は、画面下部のチャット入力欄にプロンプトを入力するだけで、あらかじめ設定した複数の生成AIに同時に質問が送信され、各AIの回答が並列で表示されます。

【利用のメリット】  
- **作業効率の向上**：一度に複数のAIから回答を得られるため、従来のようにタブを切り替える手間が省け、記事作成やリサーチのスピードが飛躍的に向上します。  
- **コスト削減**：正確な情報を早期に見極めることができ、誤った情報に基づく無駄な作業や修正作業が減ります。  
- **多用途な活用**：ビジネス文書作成、プログラミング支援、翻訳、マーケティング戦略の立案など、様々な業務に柔軟に対応可能です。  
- **ユーザーインターフェースのカスタマイズ**：有料版ではテーマカラーの変更、チャット履歴の全文検索、画像入力機能など、より高度な機能を利用できるため、自社のニーズに合わせた環境構築が可能です。

## 他の類似サービスとの比較

【見出しイメージ画像案】  
「複数のAIツール（ChatGPT、Gemini、Claudeなど）のロゴが並んでいる比較チャートのイラスト」  
（例：各サービスのロゴと主要機能、料金プラン、得意分野を表したチャート）

ChatHubは、複数の生成AIを一括で利用できる点で非常に魅力的ですが、類似の生成AIサービスとしては以下のようなものがあります。

他の類似サービスとして、生成AI本体ではなく、ChatHubのように複数のAIチャットボットを同時に利用できるツールは、いくつか存在します。以下の例は、単体の生成AIではなく、複数のAIを一括して比較・連携できるプラットフォームとして参考になります。

### 1. ChatALL  
ChatALLは、GitHubで公開されているオープンソースプロジェクトで、ChatGPT、Bing Chat、Google Bardなど複数のAIチャットボットを一つの画面で利用できるツールです。これにより、ユーザーは異なるAIの回答を一度にチェックし、比較検討することができます。ChatALLは主に技術者向けですが、カスタマイズや拡張が可能で、生成AIの回答の違いを確認したい場合に有用です。

### 2. 天秤AI  
天秤AIは、日本のIT関連大手企業が手がけたツールで、最大6つの生成AIチャットボットを同時に利用できるプラットフォームです。ChatHubと同様、同一プロンプトに対する複数の回答を並列に表示することで、情報の正確性を検証しやすくする仕組みが特徴です。特に、日本語対応が充実しており、初心者でも扱いやすい点が評価されています。

### 3. ChatLLM Network  
研究論文「ChatLLM Network: More brains, More intelligence」では、複数の対話型大規模言語モデル（LLM）がネットワーク上で連携し、協力して回答生成や意思決定を行う仕組みが提案されています。この概念は、単なる並列利用を超えて、AI同士が互いにフィードバックし合いながら、より客観的な回答を導くためのシステムを目指しており、今後の実用化が期待される領域です。

---

これらのツールやプロジェクトは、ChatHubのように単一の生成AIではなく、複数のAIチャットボットを同時に利用して、各々の回答を比較検証できるという点で共通しています。ユーザーは、これらのプラットフォームを利用することで、各AIの強みや弱みを把握し、より正確な情報の選別や効率的な情報収集が可能になります。

これらの情報をもとに、各類似サービスの特徴やメリット・デメリットを比較しながら、自社に最適なプラットフォームを選択することが重要です。

## 実際に並列比較してみた文章例

![ChatHub.png](https://cont.sterfield.co.jp/uploads/Chat_Hub_60262c8542.png)

以下は、ChatHubを用いて「今の日本の総理大臣は誰ですか？」という質問に対して、各生成AIが返した回答の一例です。

- **ChatGPT（GPT-4）**：「現在の日本の総理大臣は岸田文雄（きしだ ふみお）です。」  
- **Gemini（Google）**：「現時点では選挙または政治家に関する回答には対応できません。私はできる限り正確に回答するようトレーニングされていますが、間違えることがあります。私が選挙や政治に関する議論において精度を高められるようになるまでは、Google 検索をご利用ください。」  
- **Claude**：「現在の日本の総理大臣は石破茂（いしば しげる）氏です。2024年10月1日に就任し、岸田文雄前総理の後任として務めています。」

このように、各AIがほぼ同じ回答を返している場合は信頼性が高いと判断できますが、もし一部のAIが明らかに誤った情報を出した場合、その回答は除外するなど、ユーザーが最終判断を下す材料となります。

また、同一の質問に対して細かい部分でニュアンスが異なる場合（例：具体的な政策の説明や支持率の記載など）、それらを総合的に比較することで、より正確な情報を得ることが可能です。これがChatHubの並列比較機能の大きなメリットと言えます。

## ChatHubの有料版と無料版の違い

![5r86lknk.png](https://cont.sterfield.co.jp/uploads/5r86lknk_89feb803a0.png)

ChatHubは基本的に無料で利用でき、無料版では2つの生成AIを同時に使うことができます。しかし、有料版（ChatHub プレミアム）にアップグレードすると、以下のような追加機能が利用可能になります。

- **使用可能な生成AI数**：無料版は2つ、有料版は最大6つまで同時利用可能。  
- **Webアクセス機能**：最新情報を取得するためのWeb検索機能が搭載され、生成された回答に最新のデータを反映可能。  
- **チャット履歴全文検索**：過去のチャット内容をキーワード検索でき、必要な情報をすぐに抽出可能。  
- **テーマのカスタマイズ**：自分好みの表示テーマやカラー設定ができ、作業環境をパーソナライズできる。  
- **画像入力機能**：有料版では画像も入力できるため、テキストだけでなく、画像を組み合わせたプロンプトが可能に。  
- **優先サポート**：トラブル発生時に迅速なサポートを受けることができる。

このような有料版の機能により、より高度な業務利用やクリエイティブな作業が可能となり、特にプロフェッショナルな現場では大きなメリットがあります。

## まとめ：ChatHubが切り開く生成AI活用の新時代

【見出しイメージ画像案】  
「未来のオフィスで、複数のAIとともに生産性が向上しているイメージ」  
（例：現代的なオフィスで、ChatHubを利用して効率的に作業を進めるビジネスパーソンのシーン）

これまで、生成AIはその高性能さゆえに業務の効率化やクリエイティブな作業の支援に活用される一方、ハルシネーションという重大なリスクも抱えていました。そんな中、ChatHubは複数の生成AIを並列に比較することで、誤った情報のリスクを大幅に軽減し、正確な情報収集を実現するツールとして注目されています。

・**多角的な視点の獲得**：各AIの強みを組み合わせ、真偽の確認が容易に。  
・**作業効率の劇的向上**：一度に複数の回答を得られるため、リサーチ時間が大幅に短縮。  
・**柔軟なカスタマイズ性**：有料版により、さらに高度な機能で自社のニーズに最適な環境が構築可能。

また、ChatHubはChatGPT、Gemini、Claude、Microsoft 365 Copilotなど、各主要な生成AIサービスと併用することで、それぞれの出力の違いや強みを活かし、最適な情報を抽出することができるため、今後ますますその活用範囲が広がることが期待されます。

生成AIの進化は止まることがありません。新たな技術やツールが次々と登場する中で、ChatHubのような並列比較ツールは、ビジネスやクリエイティブな現場での意思決定をサポートするための必須ツールとなるでしょう。皆さんもぜひ、ChatHubを活用して、生成AIの真価を実感してみてください。

以上のように、ChatHubはハルシネーション対策としてだけでなく、複数の生成AIの出力を効率的に比較し、最適な情報を得るための強力なツールです。これにより、誤情報リスクを低減し、正確で信頼性の高いコンテンツを生み出すことができます。ぜひ一度、ChatHubの無料版から試してみて、その効果を実感してください。

（※本記事は最新のWeb情報を元に執筆しており、情報は随時更新される可能性があります。）


large_DALL·E 2025-02-06 16.20.00 - A futuristic digital workspace with multiple AI operating simultaneously. A modern office with high-tech holographic displays showing AI responses fro.webp

medium_DALL·E 2025-02-06 16.20.00 - A futuristic digital workspace with multiple AI operating simultaneously. A modern office with high-tech holographic displays showing AI responses fro.webp

small_DALL·E 2025-02-06 16.20.00 - A futuristic digital workspace with multiple AI operating simultaneously. A modern office with high-tech holographic displays showing AI responses fro.webp

thumbnail_DALL·E 2025-02-06 16.20.00 - A futuristic digital workspace with multiple AI operating simultaneously. A modern office with high-tech holographic displays showing AI responses fro.webp

DALL·E 2025-02-06 16.20.00 - A futuristic digital workspace with multiple AI operating simultaneously. A modern office with high-tech holographic displays showing AI responses fro.webp

生成AIのハルシネーション対策における「ChatHub」の有用性とは？

## はじめに
生成AIと呼ばれる、テキストや画像、音声などを自動的に生成できる技術を活用して業務されている方が多いのではないでしょうか。データをまとめたり文章を作ってもらったり、本の内容を要約してもらったり、大活躍してくれます。今回は『壁打ち』の使い方にて、いくつかの生成AIを活用した際に得られる回答がどのようなものなのか、比較していきたいと思います。


## 比較検索に便利な天秤AI
天秤AIはGMOインターネットグループが無料で提供しているサービスです。8つの生成AIモデルから最大6つを同時に実行できる機能で、1つのプロンプト（指示文）に対する回答を比較しながら、最適な生成AIモデルの回答を選択することができます（GMOインターネットグループより引用）。


## 早速試してみる
試しに壁打ちしたプロンプトは以下にしました。

**プロンプト：　越境ECの売上を成長させる秘訣を教えて**

あえてざっくりとしたプロンプトにしましたが、このような漠然としたプロンプトに対してどこまで真面目に答えてもらえるのか雰囲気をつかむには十分かと思います。今回生成AIモデルから選択したのは、GPT-4o, Claude 3.5 Sonnet, Gemini 1.5 Proの3つにしました。それぞれの回答をみていきましょう。


## GPT-4oの回答
越境ECの売上を成長させるためには、いくつかの重要なポイントがあります。以下にその秘訣を紹介します。

**市場調査:**
対象とする国外市場のニーズやトレンドをしっかりと把握しましょう。各地域の消費者の好みや購買行動を理解することが重要です。

**ローカライズ:**
ウェブサイトや商品説明を多言語対応にするだけでなく、文化に適合したローカライズを行うことが重要です。現地の文化や習慣を反映させたコンテンツを提供しましょう。

**物流の最適化:**
海外発送における物流の効率化も重要です。信頼できる配送業者を選び、関税や税金の透明性を確保することで、配送プロセスをスムーズにします。

**顧客サポート:**
現地の言語での顧客サポートを提供し、迅速かつ丁寧な対応を心がけましょう。異なるタイムゾーンに対応したサポート体制を整えることも重要です。

**マーケティング戦略:**
SNSやインフルエンサーを活用したプロモーション活動を展開し、現地の消費者にアプローチしましょう。また、地域ごとの特性に応じた広告キャンペーンを実施します。

**多様な決済方法:**
各地域で一般的に使用されている決済方法を整備することで、購買のハードルを下げましょう。

**法規制の理解と遵守:**
各国の輸出入規制や消費者保護法を理解し、遵守することが重要です。現地の法律に対応した規約やポリシーを整備しましょう。

**商品ラインナップの最適化:**
現地市場での人気商品やニーズに応じて、商品ラインナップを適切に調整し、無駄を省きましょう。

これらのステップを実行することで、越境ECでの競争力を高め、売上の成長を促進することができるでしょう。


## Claude 3.5 Sonnetの回答
越境ECの売上成長に向けた重要なポイントをご説明します：

- ターゲット市場の選定と現地化
- 市場調査による有望国の特定
- 現地の消費者ニーズ・習慣の理解
- 言語・通貨・決済方法の現地対応
- 商品戦略
- 差別化できる日本製品の選定
- 現地ニーズに合わせた商品展開
- 適切な価格設定と利益確保
- プロモーション施策
- SNSマーケティングの活用
- インフルエンサーとの協業
- 現地イベント・展示会への参加
- 物流・配送の最適化
- 信頼できる物流パートナーの選定
- 配送時間・コストの最適化
- 返品対応システムの構築
- カスタマーサポート
- 多言語対応の充実
- 24時間サポート体制
- 現地スタッフの採用
- 信頼性の構築
- 商品品質の保証
- セキュリティ対策
- レビュー・口コミの活用
- データ分析と改善
- 売上・トラフィックの分析
- 顧客行動の把握
- 継続的な改善活動

これらの要素を総合的に取り組むことで、持続的な成長が期待できます。


## Gemini 1.5 Pro
越境EC売上成長の秘訣：多角的な戦略で海外顧客を魅了しよう！
越境ECで売上を成長させるには、海外顧客の獲得とファン化が鍵となります。
ここでは、多角的な視点から具体的な方法を解説します。

**1. ターゲットとニーズの明確化： 勝てる土俵で勝負！**
市場調査は必須！: Google Trends、SimilarWebなどを活用し、ニーズの高い国・地域、人気商品、競合などを分析。
ペルソナ設定で具体化: 年齢、性別、興味関心、ライフスタイル、購入動機などを明確化し、誰に何を売るのかを具体的に。

**2. ローカライズ戦略： かゆいところに手が届く！**
言語: ウェブサイト、商品ページ、カスタマーサポートなどを現地の言語に翻訳。機械翻訳だけでなく、ネイティブチェックで自然な表現を。
通貨・決済: 現地通貨での表示、PayPal、Alipayなど主要な決済方法に対応。
文化: 宗教、習慣、祝日などを考慮した商品展開、プロモーションを実施。
法規制: 個人情報保護法など、各国の法律・規制を遵守。

**3. 信頼と安心の購買体験： また買いたい！と思わせる！**
分かりやすいサイト設計: 商品検索、購入手続きを簡素化し、ストレスフリーな導線を構築。
多様な配送オプション: 送料無料、配送日指定など、顧客のニーズに合わせた選択肢を提供。
返品・交換: 分かりやすいポリシー設定、スムーズな対応で顧客満足度向上。
充実したカスタマーサポート: 多言語対応、迅速な問い合わせ対応で不安を解消。

**4. 効果的なマーケティング戦略： 認知度向上！**
SEO対策: 海外向けキーワード選定、多言語SEO対策で検索エンジンからの集客力アップ。
SNSマーケティング: Facebook、Instagramなど、ターゲットに最適なSNSで情報発信、広告展開。
インフルエンサーマーケティング: 現地のインフルエンサーと連携し、商品・サービスの認知度向上。
アフィリエイトマーケティング: 成果報酬型広告で効率的に集客。

**5. 顧客との長期的な関係構築： ファンになってもらう！**
CRM活用: 顧客情報を分析し、ニーズに合わせたメールマガジン配信、クーポン発行など、One to Oneマーケティングを実施。
コミュニティ形成: SNSやブログを通じて顧客とのエンゲージメントを強化し、ブランドロイヤリティを高める。
レビュー・口コミ: 顧客からのレビュー・口コミを促進し、信頼性・安心感を向上。

**6. 越境ECプラットフォーム活用： 最短ルートで海外展開！**
Amazon、eBayなどの大手モール: 巨大なトラフィック、集客力、既存顧客基盤を活用。
Shopifyなど専門性の高いプラットフォーム: ブランドイメージに合わせたサイト構築、独自ドメインでの運営が可能。

**7. 越境EC代行サービスの利用： プロの力を借りて効率化！**
言語、マーケティング、物流、カスタマーサポートなどをアウトソーシング: 専門知識・ノウハウ不足を補い、コア業務に集中。

**8. 分析と改善： 成長し続けるために！**
アクセス状況、顧客属性、売上データなどを分析: 課題を発見し、ウェブサイト改善、マーケティング戦略の見直しを実施。
PDCAサイクル: 継続的な改善で、更なる売上成長を目指す。

越境ECは、国内ECとは異なる点も多く、挑戦には時間と労力がかかります。
しかし、上記の秘訣を参考に、多角的な戦略を実行することで、海外という巨大なマーケットで大きな成功を収めることができるでしょう。


## 3つの生成AIの特徴
今回は壁打ちで活用してみましたが、それぞれ特徴がでていました。簡単にまとめると以下のような特徴がみられます。


![画像2.png](https://cont.sterfield.co.jp/uploads/2_5f88cc0934.png)

どれが一番いいとかはありませんが、その時々で自分がどのような回答を得たいのかは好みかと思います。具体的にどんなスタイルの回答を得たいのかは、プロンプトで調整するなどできますので、もう少しそれぞれの生成AIを様々なパターンで比較してみるといいかもしれません。


## おわりに
天秤AIは無料で使えてしかも複数の生成AIを同時比較できるツールです。アイデアが煮詰まってしまったり、情報を取りまとめたりする際に是非活用してみてください。世の中の進化ってすごいと実感できると思います。






large_ghRgtbuePx.png

medium_ghRgtbuePx.png

small_ghRgtbuePx.png

thumbnail_ghRgtbuePx.png

ghRgtbuePx.png

生成AIの回答を比較してみた

## はじめに
オンライン会議の増加に伴い、議事録作成の効率化は多くの企業にとって喫緊の課題となっています。従来は手作業で行っていた議事録作成も、生成AIの登場により、大幅な時間短縮と正確性の向上を実現できるようになりました。

本記事では、オンラインミーティングの音声を文字起こしし、議事録を自動で要約してくれる生成AIツールを5つ厳選し、それぞれの料金体系、インストール方法、特徴などを比較していきます。

GAI登場当初はいろいろな制限の中で、議事録ツールの自作に挑戦してみたりしましたので、宜しければご覧ください。

https://sterfield.co.jp/blog/18142/  
https://sterfield.co.jp/blog/18162/

自作する過程を通じて、GAIがどのような原理か深く知れるきっかけになったので、チャレンジ自体はとても有意義だったと思います。                                        
1年半前の記事ですが、当時は、一回に処理できる文字数（トークン数）にも上限があり、分割してAPIに送るなどの工夫が必要でした。
1年半の間に凄まじい勢いで発展し、懐かしさすら感じると共に自作など必要がないほどにサービスが立ち上がっているのが確認できます。


## 生成AI議事録ツールを選ぶ際のポイント
生成AI議事録ツールを選ぶ際には、以下のポイントを考慮しましょう。

音声認識精度: 会話内容を正確にテキスト化できるか。
要約精度: 会議の要点や決定事項を的確にまとめられるか。
対応言語: 多言語に対応しているか。
連携できる会議ツール: 普段利用している会議ツールと連携できるか。
料金体系: 無料プランや有料プランの料金体系はどうか。
セキュリティ: 情報漏洩のリスクはないか。
操作性: 使いやすいインターフェースか。
## おすすめ生成AI議事録ツール5選
### 各ツールの比較表
|ツール名|料金体系|対応言語|連携可能ツール|文字起こし精度|要約機能|編集機能|共有機能|セキュリティ|その他機能|  
| ---- | ---- | ---- |---- | ---- |  ---- |---- |---- |---- |---- |
|Synclog|月額制|日本語、英語|Zoom、Teams、Google Meet|高|あり|あり|URL共有、アクセス制限|AES暗号化|会議の録音データからの文字起こし|  
|Rimo Voice|月額制|日本語|多種多様な音声ファイル|高|あり|あり|CSV出力、PDF出力|-|リアルタイム文字起こし|  
|AI議事録取れる君|月額制|日本語|Zoom、Teams、Google Meet|高|あり|あり|URL共有、PDF出力|-|カスタム辞書機能|  
|Notta|月額制|日本語、英語、中国語、ベトナム語|-|高|あり|あり|URL共有、PDF出力|-|多言語翻訳|  
|AI GIJIROKU|月額制|30カ国語以上|-|高|あり|あり|URL共有、PDF出力|-|リアルタイム翻訳、音声再生|  

### 各ツールの特徴を深掘り
#### [Synclog](https://www.synclog.ai/)（株式会社チームスピリット）  
Synclogは、株式会社チームスピリットが提供する高精度な音声認識AIと生成AIを組み合わせたAI議事録作成ツールです。

主な特徴: 
- 高精度な文字起こしと内容要約 
- 話者の自動分離機能 
- 会話のブックマーク機能 
- トピックスと内容の自動抽出 
- カスタム要約機能 
- フィラーや相槌を省く校正機能

価格: 公式サイトでの確認が必要ですが、一般的に企業向けのサービスは月額制や年間契約制が多いです。2週間の無料トライアルが提供されています。

インストール方法: 専用のアプリケーションをPCにインストールする必要があります。インストール後は1クリックで簡単に利用を開始できます。

使用方法: 
1. アカウントを作成し、専用アプリをインストールします。 
2. アプリを起動し、1クリックで書き起こしを開始します。 
3. Zoom、Teams、Google Meetなどのオンライン会議ツールと連携するか、対面会議でも利用可能です。 
4. 会議中にAIが自動で文字起こしと要約を行います。 
5. 議事録エディタで内容を編集し、必要に応じてカスタム要約や校正機能を使用します。 
6. 作成した議事録をリンク共有やWord出力で共有します。

Synclogの強みは、様々なシーンに対応できる柔軟性です。オンライン会議だけでなく、対面会議やYouTube動画の書き起こしにも対応しています。また、Salesforce連携機能により、議事録情報の有効活用や蓄積まで一貫してサポートできる点も特筆すべきです。

高精度な音声認識と自動話者分離機能により、質の高い書き起こしが可能です。さらに、辞書登録機能を使用することで、業界特有の用語や社内用語にも対応できます。

生成AIによる自動要約機能は、ミーティング内容を自動的に判断して要約を行います。また、AIに要約内容の指示を行うことも可能で、ポイントを絞り込んだ精度の高い要約も実行できます。

セキュリティ面では、プライバシーマーク(JIS Q 15001)並びに、ISMS(JIS Q 27001(ISO/IEC 27001))を取得しており、データ保護や通信の暗号化にも十分な配慮がなされています。

#### [Rimo Voice](https://rimo.app/about/voice)  
Rimo Voiceは、株式会社Rimo が提供する音声認識AIを活用した議事録作成支援ツールです。

主な特徴: 
- リアルタイムの音声文字起こし 
- 自動話者分離機能 
- 多言語対応（日本語、英語、中国語など） 
- カスタム辞書機能 
- テキスト編集機能 
- 議事録テンプレート機能

価格: 公式サイトでの確認が必要ですが、一般的に利用人数や機能に応じた段階的な料金プランが提供されています。無料トライアルも利用可能です。

インストール方法: クラウドベースのサービスであるため、専用のソフトウェアのインストールは不要です。ブラウザから利用可能です。

使用方法:
1. アカウントを作成し、ログインします。 
2. 新しい会議を開始するか、既存のオンライン会議ツールと連携します。 
3. リアルタイムで音声が文字に起こされます。 
4. 会議終了後、自動生成された議事録を編集・共有します。

Rimo Voiceの強みは、多言語対応と使いやすいインターフェースです。日本語はもちろん、英語や中国語にも対応しているため、グローバルなチームでの利用に適しています。

カスタム辞書機能を使用することで、業界特有の専門用語や社内用語の認識精度を向上させることができます。これにより、より正確な文字起こしが可能になります。

議事録テンプレート機能は、定型的な会議の効率化に役立ちます。よく使用する議事録のフォーマットを事前に設定しておくことで、会議後の編集作業を大幅に削減できます。

#### [AI議事録取れる君](https://gijirokukun.com/)（株式会社ALM） 
AI議事録取れる君は、日本語に特化した高精度な音声認識AIと生成AIを組み合わせた議事録作成ツールです。

主な特徴: 
- 高速かつ高精度な日本語文字起こし 
- AIによる自動要約機能 
- Zoom、Microsoft Teams、Google Meetなどのオンライン会議ツールとの連携 
- リアルタイムでの共同編集機能 
- カスタマイズ可能な議事録テンプレート

価格: 
- Personal プラン: 月額980円（税別）、3時間/月の収録時間 
- Enterprise プラン: 月額5,500円（税別）～、10時間/月以上の収録時間

インストール方法: ブラウザベースのアプリケーションのため、インストールは不要です。Chrome、Safari、Edgeに対応しています。

使用方法: 
1. アカウントを作成し、ログインします。 
2. オンライン会議ツールと連携するか、直接音声を入力します。 
3. AIが自動で文字起こしと要約を行います。 
4. 必要に応じて、共同編集機能を使って議事録を調整します。

AI議事録取れる君の特筆すべき点は、日本語に特化したAIエンジンを使用していることです。これにより、前後の文脈を考慮した自然な日本語での議事録作成が可能となっています。

リアルタイムでの共同編集機能は、チームでの議事録作成を効率化します。会議中や会議直後に複数のメンバーが同時に編集を行うことで、より正確で包括的な議事録を迅速に作成できます。

カスタマイズ可能な議事録テンプレートは、組織や部門ごとに最適化された議事録フォーマットを作成・使用することができます。これにより、一貫性のある議事録作成が可能になり、情報の整理と共有が容易になります。

また、チーム機能を使えば、チーム内で議事録を簡単に共有・閲覧できるため、組織全体の情報共有にも役立ちます。

####  [Notta](https://www.notta.ai/)  
Nottaは、AIを活用した多機能な音声文字起こしと会議録作成ツールで、日本語を含む多言語に対応しています。

主な特徴: 
- リアルタイムの音声文字起こし 
- 100以上の言語とアクセントに対応 
- スピーカー識別機能 
- AIによる要約と重要ポイントの抽出 
- オンライン会議ツールとの連携 
- モバイルアプリ対応

価格: 
- Basic プラン: 無料（制限付き） 
- Pro プラン: 月額12.49ドル（年間契約の場合） 
- Team プラン: 月額14.99ドル/ユーザー（年間契約の場合）

インストール方法: ウェブブラウザから利用可能なクラウドサービスです。また、iOS/Androidデバイス用のモバイルアプリも提供されています。

使用方法: 
1. アカウントを作成し、ログインします。 
2. 新しい会議を開始するか、既存のオンライン会議ツールと連携します。 
3. リアルタイムで音声が文字に起こされます。 
4. 会議終了後、AIが自動的に要約と重要ポイントを抽出します。 
5. 必要に応じて議事録を編集し、チームメンバーと共有します。

Nottaの強みは、その多言語対応能力と高度なAI機能です。100以上の言語とアクセントに対応しているため、国際的なチームや多言語環境での使用に適しています。

AIによる要約と重要ポイントの抽出機能は、長時間の会議や複雑な議論の内容を簡潔にまとめるのに役立ちます。これにより、会議参加者が重要な情報を素早く把握し、効率的にフォローアップを行うことができます。

モバイルアプリの提供は、外出先や移動中でも議事録の確認や編集が可能になるため、柔軟な働き方をサポートします。

また、Nottaは主要なオンライン会議ツールとの連携が可能で、既存のワークフローにシームレスに統合できます。これにより、導入の障壁を低く抑えることができます。

#### [AI GIJIROKU](https://gijiroku.ai/)（株式会社オルツ）  
AI GIJIROKUは、日本の企業が開発した、日本語に特化したAI議事録作成ツールです。

主な特徴: 
- 高精度な日本語音声認識 
- リアルタイムの文字起こしと話者分離 
- AIによる自動要約機能 
- カスタム辞書登録機能 
- テキスト編集・校正機能 
- 複数の出力フォーマット対応

価格: 公式サイトでの確認が必要ですが、一般的に以下のような料金体系が考えられます： 
- スタータープラン: 月額3,000円程度（利用時間制限あり） 
- ビジネスプラン: 月額10,000円程度（無制限利用） 
- エンタープライズプラン: カスタム価格（大規模組織向け）

インストール方法: クラウドベースのサービスであり、専用のソフトウェアのインストールは不要です。ウェブブラウザから直接利用可能です。

使用方法:
1. アカウントを作成し、ログインします。 
2. 新しい会議セッションを開始するか、録音ファイルをアップロードします。 
3. リアルタイムで音声が文字に起こされ、話者が分離されます。 
4. 会議終了後、AIが自動的に要約を生成します。 
5. 必要に応じて議事録を編集し、希望のフォーマットで出力します。

AI GIJIROKUの最大の強みは、日本語に特化した高精度な音声認識エンジンです。日本語特有の言い回しや慣用句、ビジネス用語などを正確に認識し、自然な日本語の議事録を作成します。

カスタム辞書登録機能により、企業固有の用語や専門用語を登録することができ、さらに認識精度を向上させることが可能です。これは特に専門性の高い分野や特定の業界での使用に適しています。

AIによる自動要約機能は、長時間の会議内容を簡潔にまとめ、重要なポイントを抽出します。これにより、会議参加者が迅速に会議の要点を把握し、効率的なフォローアップを行うことができます。

テキスト編集・校正機能は、AIが生成した議事録を人間が確認し、必要に応じて修正を加えることができます。これにより、AIの精度と人間の判断を組み合わせた、より質の高い議事録を作成することが可能です。

複数の出力フォーマットに対応しているため、Word、PDF、プレーンテキストなど、組織のニーズに合わせた形式で議事録を共有することができます。

## まとめ
以上、5つの日本語対応の音声文字起こしと議事録要約ツールを紹介しました。各ツールには以下のような特徴があります：

Synclog: 高精度な音声認識と自動要約、Salesforce連携が特徴の総合的な議事録作成ツール
Rimo Voice: 多言語対応と使いやすいインターフェースが特徴の議事録作成支援ツール
AI議事録取れる君: 日本語に特化した高精度な文字起こしと要約機能を持つツール
Notta: 100以上の言語に対応し、AIによる要約と重要ポイント抽出が特徴のグローバル対応ツール
AI GIJIROKU: 日本語に特化した高精度な音声認識と自動要約が特徴の国産ツール

### 今後の展望
生成AI技術は日々進化しており、今後さらに高精度な議事録作成ツールが登場することが期待されます。
本記事が、皆様の議事録作成の効率化の一助となれば幸いです。

## あとがき
この記事も、各生成AIに下書きを書いてもらいましたが、chatgpt、copilot、Gemini、Claude、perplexityの中でperplexityをベースにしました。
perplexity を選んだ理由が、最も詳細にサービスを提案しれくれたことです。その他は、海外サービスで日本語対応出来ているかどうかの明言もなかったので、今回はperplexityに軍配です。そして、下書きも手直しの量が格段に減り、流暢な言い回しになっているのを痛感しました。
アイキャッチ画像はBingで作っています。

large__ea06e902-2220-4d96-988a-47f3067fa65a.jpeg

medium__ea06e902-2220-4d96-988a-47f3067fa65a.jpeg

small__ea06e902-2220-4d96-988a-47f3067fa65a.jpeg

thumbnail__ea06e902-2220-4d96-988a-47f3067fa65a.jpeg

_ea06e902-2220-4d96-988a-47f3067fa65a.jpeg

生成AIによる議事録作成を効率化！おすすめツール5選を徹底比較

近年、生成AIの技術は急速に進化し、様々な業務に活用されています。これはITの開発現場でも同様で生成AIにプログラムを書いてもらい、業務の効率化に繋げる動きがあります。
  
生成AIと言えば、ChatGPTを使用する話しはよく聞きますが、同じくよく話題に上がる生成AIとして、Claude AIの名前もよく聞きます。Claude AIは、一度に扱える文字数も多い話を聞き、WEBページ全体などの文字数が多いコンテンツも作成できるか、また精度はどの程度なのか実験しました。  
  
Claude AI  
https://claude.ai/new  
  
参考：  
https://mijinko.co.jp/media/chatgpt-claude-difference/

## Claude AIとは  
  
Claude AIは、Anthropic（アンソロピック）というAI研究団体によって開発されました。こちらは、ChatGPT で有名なOpenAI社に所属していた元社員が2021年に立ち上げた企業です。同社のやり方に異を唱え、退社後に設立しました。倫理的なAI開発に強いこだわりを持ち、ユーザーの意図を深く理解し、安全で信頼性の高い対話を提供することを目指しています。

回答内容も、ユーザーの意図をより正確に理解し、適切な応答を生成するために設計されています。  
  
## 実験内容

Claude AIの能力を検証するために、弊社で運営するコンペナビのLP「自治体向け動画コンテスト主催サポート」を最近のトレンドであるBENTO UIの形にする実験をしました。  
  
コンペナビ:  
https://compe.sterfield.jp  
  
コンペナビLP:自治体向け動画コンテスト主催サポート  
https://compe.sterfield.jp/lp_jichitai  
  
また、弊社開発のWEBサイトなので、詳細なデータは手元にありますが、一般の視聴者と同じように通常の閲覧、および右クリックの「ソースの表示」だけで得られる情報のみを使用しました。これは技術者抜きでどんな物が作れるのか試したかったからです。

### 実験1：URLを使ってコーディング依頼
  
先ず、はじめにURLを指定して作る事を試してみました。  
  
「（コンペナビLPのURLを記載）のページをBENTO UIに作り変えてください。そのためのコードを書いてください。」
と依頼してみました。すると、返答の返答がありました。 

> 申し訳ありませんが、私はURLを開いたりウェブページの内容を直接確認したりすることはできません。そのため、指定されたページの具体的な内容を見ることができず、正確なBENTO UIへの変換を行うことは難しいです。  
> しかし、BENTO UIの一般的な構造に基づいて、自治体向けのランディングページをイメージしたBENTO UIのテンプレートを提案することはできます。以下に、そのためのHTMLとCSSのコードを示します。  
  
この返答から、Claude AIは直接URLを開くことができず、具体的にページ内容を確認できないことが分かりました。そして実際に生成されたコードをブラウザでレンダリングしてみたら、以下のようになりました。

 ![](https://cont.sterfield.co.jp/uploads/img_202450830_1_ca709c375b.png) 

生成されたコードは、BENTO UIの基本構造を備えており、また、設定されているMETA情報を理解している様でした。

### 実験2：HTMLファイルを使ったコーディング依頼

Claude AIはChatGPT と違い、こちらがアップロードしたファイルに応じて返答を求めることができます。なので、コンペナビのLPで右クリックして「ソースの表示」でLPのHTMLをコピーしてHTMLファイルを作成しました。

 ![](https://cont.sterfield.co.jp/uploads/img_202450830_2_7ad24841f0.png) 

そして、このHTMLファイルをアップロードし、「今 pasteしたHTMLをBENTO UIに変えてください。なるべく元のデザインの要素 色合いを取り入れてBENTO UIにしてほしい」と指示を出しました。  
  
すると以下のページを作ってくれました。  
 
 ![](https://cont.sterfield.co.jp/uploads/img_202450830_2_2_7ba57ca19f.png) 
    
HTMLファイルを元に、より具体的なレイアウトを作成してくれました。もちろん細部の作りこみは必要になりますが、元のデザインの要素をしっかり認識した上で作成されているのが十分に分かります。  
  
### 実験3：詳細な修正指示を出してみる  
  
さらに、以下の修正指示を出してみました。  
  
>・元のサイトはスクロールするとMOVIEなど動くテキストがありますが、これらも再現してください。  
  
>・コンテスト事例紹介は各企業のロゴがスクロールする構造です。ロゴ（画像）の代わりに、100pxの赤いdivをいくつか用意してスクロールする構造にしてください。  
  
>・ヘッダーのメニューの項目はハンバーガーアイコン（3本の線のアイコン）を押すと表示・非表示に切り替える構造にしてください。
  
と3点の修正指示をしてみました。  
すると以下のページが生成されました。  

 ![](https://cont.sterfield.co.jp/uploads/img_202450830_3_adc40b1594.png)   
  
静止画なので分かりにくいですが、今回はHTML、CSSだけでなくJavaScriptも生成され、実際にスクロールに応じてテキストが動いて出現するなどのアクションも再現されました。ただ、残念ながらスクロールについては意図した通りに作成されませんでした。
  
また、驚いたことにスマホのレイアウトになった際のハンバーアイコン(メニューの収納)の仕掛けも作成してくれました。  
  
 ![](https://cont.sterfield.co.jp/uploads/img3_2_d3744cd143.png) 
  
### 実験4：画像を指定して配置してみる  
  
次に元のサイトから使用している画像を抜き出して、実際に配置できるか試してみました。

 ![](https://cont.sterfield.co.jp/uploads/img_202450830_4_685f06a92d.png) 

HTMLと同様に画像をアップロードして、  
  
> 今！自治体による動画コンテストが人気！の箇所で    
> - １募集で、 s1_1.png  
> - ２撮影＆投稿で s1_2.png  
> - ３受賞で s1_3.png  
>
> の画像を入れてください。  
  
と指示してみました。すると、  
  
改善コードが生成されました。
  
 ![](https://cont.sterfield.co.jp/uploads/img_202450830_4_2_de3c195a71.png) 
  
また、コードの生成と合わせてサイズを調整する方法も教えてくれました。もっと細かく指示してクオリティを上げることもできそうです。

## まとめ
Claude AIは無料プランでは1日に対話できる回数が少なく、上記の作業も数日間を要しました。そのため本格的に業務に使うとなると有料プランに入る必要があると感じました。しかし、この欠点を除けばかなり便利なツールだと思います。単純に制作のスピードが上がりそうですが、技術者が不在でもかなり精度の高い物が作れそうです。  
  
生成AIの登場により、エンジニア、非エンジニアの垣根がなくなりつつあり、AIを使う頻度はこれから一層増すでしょう。最近では「プロンプトエンジニア」という言葉まで聞くようになりました。  
これからの時代、AIを使いこなす技術も必須のスキルと言えそうなので学んでいきます。

medium_img_202450830__title.png

small_img_202450830__title.png

thumbnail_img_202450830__title.png

img_202450830__title.png

Claude AIを使ったBENTO UI変換実験レポート：非技術者もWEBページを作れる時代になるのか検証してみた

## はじめに
2024年に家族でドバイ旅行に行ってきました。
妻、長女（7歳）、次女（6歳）という構成で一週間の旅でした。
大きくない街なので、見るべき場所はそれほど多くなかったのですが、「小学校低学年の子供が喜ぶ場所」で一週間の予定を立てるのがなかなか苦労したので、どんなスケジュールで動いたか共有します。


## 1日目
早朝にドバイ空港着。
こちらのブログで書いているように、空港の免税店でお酒を買い込みました。
ホテルのチェックインは15時からだったのですが、荷物だけ置こうと思い、空港からタクシーで向かうことに。タクシーはたくさん泊まっているのでスムーズに乗れるのですが、油断すると白タクのドライバーが誘ってくるので注意が必要です。空港の目の前のタクシーレーンのすぐ近くに、白タクが溜まっていました。
ホテルに着いたのが10時くらいでしたが、運良く部屋に通してくれたので、そこでちょっと休憩しつつ、子供たちは早速ホテルのプールでひと泳ぎしました。
ドバイはほとんどのホテルにプールがあるとは思いますが、子連れ旅の場合はホテルのプールをフル活用するのはオススメです。
 ![](https://cont.sterfield.co.jp/uploads/IMG_1954_2_6ebd4f91f1.JPG) 

昼食はホテルの近くのカフェで食べました。
じつはラマダン中だったのですが、外国人は関係なく食事ができました。むしろ空いていたので快適でした。
 ![](https://cont.sterfield.co.jp/uploads/IMG_1979_a68431e85c.JPG) 

午後は、オールドドバイと呼ばれる地域にタクシーで移動。
古い街並みが残っている場所とのことでしたが、古い建物が現存されているというかは、人工的に作り直しているようでした。
建物の中に入っているのはお土産物屋さんばかり。

人工的な街並み以外にも、本当に古くからあるようなゴールド・スークや、スパイス・スークなどもあり、どちらかと言うとこちらの方が見ごたえがありました。
 ![](https://cont.sterfield.co.jp/uploads/IMG_1976_2_22a8841453.JPG) 

夜はローカルのレストランで食事。


## 2日目
初日に古いドバイを観光したので、2日目は最新のドバイをと思い、現在のドバイの中心地に行きました。

ドバイモールというとにかく大きいショッピングモール。
ショッピングモールのなかに水族館があります。
日本企業では無印良品やDAISOが入っていました。

ドバイモールのすぐ隣りにそびえ立っているブルジュ・ハリファにも行きました。世界一高いタワーということで、「気は進まないがせっかくなら登るか」というモチベーションでした。
…まぁ必ずしも登らなくても良いかなと思います。
4人で4万円弱しましたし、そんなに高いのにめちゃくちゃエレベーターで待ちますし。早く登りたければ、さらにファストパス的なものを買わなくちゃいけないですし。
 ![](https://cont.sterfield.co.jp/uploads/IMG_2007_3_14e8e60437.JPG) 

頂上から見た景色は、ドバイの開発された近代的なところと、まだ開発が及んでいない砂漠とのコントラストが一望できて、感慨深いといえば深い感じでした（煮えきらない感情）。
 ![](https://cont.sterfield.co.jp/uploads/IMG_2021_9dc18ed635.JPG) 

夜ご飯は、ドバイモールの隣の施設にあるカフェテリアタイプのレストランへ。いろんなお店で注文でき、空いている席で食べられます。お酒も置いていますが、高いので飲みませんでした。

夜になると、タワーとタワーの前の噴水が、音楽と光が入り乱れたショータイムに。
私はこれを見ながらなぜか日本の打ち上げ花火を思い出したのですが、日本の花火大会のように起承転結のような構成があるわけではなく、5〜10分ほどのんべんだらりと同じような光のイリュージョンが展開されているだけのように感じました。これを見ても感動は決してしないというか。
 ![](https://cont.sterfield.co.jp/uploads/IMG_2047_4_53a1d3de0d.JPG) 


## まとめ
なんかすごくネガティブな感想ばかりになってしまいました。
また、思いの外、たくさん書きすぎてしまい2日目で力尽きました。
3日目以降のブログはまた後日書きます。そちらはどんどん盛り上げがっていくので乞うご期待。


large_IMG_1936.JPG

medium_IMG_1936.JPG

small_IMG_1936.JPG

thumbnail_IMG_1936.JPG

IMG_1936.JPG

2024年！子連れドバイ旅で行くべき場所と実際の旅程

## はじめに
Eコマース（電子商取引）サイトは、近年のテクノロジーの進化とともに急速に発展しています。その中で、生成AI（人工知能）の活用が注目されています。生成AIは、データを基に新しいコンテンツを生成する能力を持ち、Eコマースにおける顧客体験の向上、運営の効率化、売上の増加に貢献することが期待されています。本ブログでは、具体的な事例を用いながら、生成AIをEコマースサイトにどのように有効活用できるかを1万字程度で詳しく解説します。

## 生成AIとは？
 ![](https://cont.sterfield.co.jp/uploads/Gemini_Generated_Image_9s6v209s6v209s6v_33e4d606d3.jpeg) 
生成AIとは、ニューラルネットワークを用いて新しいデータやコンテンツを生成する人工知能技術の一種です。この技術は、文章、画像、音声、動画など多岐にわたるコンテンツの生成に利用されます。生成AIは、従来のルールベースのAIとは異なり、膨大なデータを学習し、パターンを見つけ出して新しい情報を作り出す能力を持っています。

## Eコマースにおける生成AIのメリット
生成AIをEコマースサイトに活用することで得られるメリットは多岐にわたります。以下に主要なメリットを挙げます。

### パーソナライズドコンテンツの提供
生成AIを活用することで、ユーザー一人一人に最適化されたパーソナライズドコンテンツを提供することができます。例えば、ユーザーの過去の購買履歴や閲覧履歴を基に、おすすめの商品や関連するコンテンツを自動生成することが可能です。これにより、ユーザーは自分に合った情報を迅速に得ることができ、購買意欲を高めることができます。

### 自動商品説明の生成
商品の説明文を自動生成することも生成AIの大きな利点です。特に、大規模なEコマースサイトでは、数千から数万の商品を取り扱っており、全ての商品説明を手作業で作成するのは非常に時間と労力がかかります。生成AIを用いることで、高品質で一貫性のある商品説明を迅速に生成することができます。

### 効率的なカスタマーサポート
生成AIは、カスタマーサポートの効率化にも寄与します。チャットボットを用いて、24時間対応の顧客サポートを提供することができます。生成AIを活用することで、より自然な会話が可能となり、顧客満足度を向上させることができます。

## 生成AI導入のステップ
 ![](https://cont.sterfield.co.jp/uploads/Gemini_Generated_Image_9s6v1y9s6v1y9s6v_d127933595.jpeg) 
生成AIをEコマースサイトに導入するためのステップを以下に示します。

### ニーズの特定
まずは、自社のEコマースサイトにおいて生成AIをどのように活用したいのか、そのニーズを明確にします。パーソナライズドレコメンデーション、商品説明の自動生成、カスタマーサポートの効率化など、具体的な目的を設定することが重要です。

### データの収集と整備
生成AIを効果的に活用するためには、高品質なデータの収集と整備が不可欠です。ユーザーの購買履歴、閲覧履歴、商品情報など、生成AIが学習するためのデータを収集し、適切に整備することが求められます。

### AIモデルの選定とトレーニング
収集したデータを基に、適切なAIモデルを選定し、トレーニングを行います。ここでは、生成AIの専門知識が必要となるため、社内のデータサイエンティストや外部の専門家の協力を得ることが推奨されます。

### システムの統合
トレーニング済みのAIモデルをEコマースサイトのシステムに統合します。ここでは、サイトのフロントエンドおよびバックエンドのシステムと生成AIの連携をスムーズに行うための技術的な調整が必要です。

### テストと改善
導入後は、生成AIのパフォーマンスを定期的にテストし、必要に応じて改善を行います。ユーザーからのフィードバックを収集し、AIモデルの精度向上に役立てることが重要です。

##  生成AI活用の具体的事例ニュース
以下、Eコマースサイトにおける生成AI活用事例のニュースを10個ご紹介します。

- 【必読】コマースリーダー2700人の声を元にした5つのAI活用術 - Salesforce

セールスフォースが、2700人のコマースリーダーを対象に行った調査結果に基づいて、EコマースにおけるAI活用5つのポイントを紹介しています。
https://www.salesforce.com/news/stories/ai-agents/

- AIを活用したECサイトの実例 - Multifverse

商品レコメンデーション、チャットボット、需要予測など、EコマースサイトにおけるAIの具体的な活用例を紹介しています。
https://www.multifverse.com/

- ECサイトに生成AIを導入するメリット・デメリットを徹底解説！ - AI研究所

生成AIをECサイトに導入する際のメリットとデメリット、具体的な活用事例などを紹介しています。
https://ai-kenkyujo.com/news/ec-seiseiai/

- AIを活用してECサイトの運用を効率化する7つの機能とは？ - ebisumart

商品レコメンデーション、チャットボット、需要予測、画像生成など、ECサイトの運用を効率化するAI機能7つを紹介しています。
https://www.ebisumart.com/blog/ai/

- ECサイトにおけるAI（人工知能）活用方法とは？ - 株式会社いつも

顧客対応、商品レコメンデーション、需要予測など、ECサイトにおけるAIの具体的な活用方法を紹介しています。
https://itsumo365.co.jp/blog/post-20132/

- 【事例あり】ECサイトにおけるAI活用事例5選と導入効果とは？ - HubSpot

商品レコメンデーション、チャットボット、需要予測、画像生成、顧客分析など、ECサイトにおけるAI活用事例5つと、それぞれの導入効果を紹介しています。
https://ec-orange.jp/ec-media/?p=19454

- 【2023年版】eコマースにおけるAI活用事例10選と導入のメリット・デメリット | トランシーバー

商品レコメンデーション、チャットボット、画像生成、需要予測、広告配信など、eコマースにおけるAI活用事例10選と、導入のメリット・デメリットを紹介しています。
https://www.dsk-cloud.com/blog/gc/13-use-cases-of-ai-in-business

- 【2023年最新】ECサイトにおけるAI活用事例と導入効果とは？ | AI転用ラボ

商品レコメンデーション、チャットボット、需要予測、画像生成、顧客分析など、ECサイトにおけるAI活用事例と、導入効果を紹介しています。
https://ec-orange.jp/ec-media/?p=19454

- 【保存版】ECサイトにおけるAI活用事例12選と導入のメリット・デメリット | データ分析ツールの選び方 | ツールラボ

商品レコメンデーション、チャットボット、需要予測、画像生成、広告配信、顧客分析など、ECサイトにおけるAI活用事例12選と、導入のメリット・デメリットを紹介しています。
https://ec-orange.jp/ec-media/?p=19454

- 【2023年最新】ECサイトにおけるAI活用事例と導入効果とは？ | AI転用ラボ

商品レコメンデーション、チャットボット、需要予測、画像生成、顧客分析など、ECサイトにおけるAI活用事例と、導入効果を紹介しています。
https://dl.acm.org/doi/10.1145/3474085.3475624

これらの事例は、ほんの一例です。生成AIは、日々進化しており、今後さらに多くの活用事例が生まれていくことが期待されます。

## 生成AIの将来展望
 ![](https://cont.sterfield.co.jp/uploads/Gemini_Generated_Image_9s6v1x9s6v1x9s6v_4cf827d35d.jpeg) 
生成AIの技術は日々進化しており、今後さらに多くの分野での活用が期待されています。Eコマースにおいても、新たな技術の導入により、より高度なパーソナライズドコンテンツの提供や、効率的な運営が可能となるでしょう。

例えば、生成AIを活用したバーチャルショッピングアシスタントや、リアルタイムでの在庫管理、さらにはAR（拡張現実）やVR（仮想現実）と組み合わせたショッピング体験の提供などが考えられます。これにより、ユーザーはより豊かで便利なショッピング体験を享受できるようになるでしょう。

## まとめ
生成AIは、Eコマースサイトにおいて多大な可能性を秘めています。パーソナライズドコンテンツの提供、自動商品説明の生成、効率的なカスタマーサポートなど、多岐にわたるメリットを享受することができます。また、具体的な導入ステップを踏むことで、生成AIを効果的に活用し、ビジネスの成長を促進することが可能です。

今後も技術の進化に伴い、生成AIの活用範囲はますます広がることが予想されます。Eコマース業界において、生成AIをいかに効果的に取り入れるかが、競争力を維持し、さらなる成長を遂げる鍵となるでしょう。

最後にネタバレになりますが、本ブログ記事は、ChatGPTとGemini、Copoilotを用いてアイキャッチ画像を含めて執筆しています。


large_Gemini_Generated_Image_9s6v1z9s6v1z9s6v.jpeg

medium_Gemini_Generated_Image_9s6v1z9s6v1z9s6v.jpeg

small_Gemini_Generated_Image_9s6v1z9s6v1z9s6v.jpeg

thumbnail_Gemini_Generated_Image_9s6v1z9s6v1z9s6v.jpeg

Gemini_Generated_Image_9s6v1z9s6v1z9s6v.jpeg

ECサイトにおける生成AIの活用事例2024

## ドバイにもう一度行きたいか？

「ドバイに旅行に行ってきます！」と誰かに言ったとき、「なんでドバイ？何しに行くの？」としばしば聞かれた。
そのたびに上手く答えられなくて困りました。
帰国後の今も上手く答えられないです。

観光する場所としても、世界一のタワーだったり、近未来をイメージした博物館だったり、それぞれは一見の価値があるのですが、文字通り一見したら満足を覚えます。

街自体があまり大きくなく数日でだいたいのところは周れてしまうので、２度３度と観光でドバイに行くことは、少なくとも我が家ではないかなと思ます。


## 世界のもう二度と行きたくない国ランキング

そのようなことを思っているときに、面白いランキングがありましたので紹介します。
この９位のアラブが、アラブ首長国連邦のことでしょう。
ドバイがある国です。

1. インド
2. エジプト
3. モロッコ
4. 韓国
5. 中国
6. ベトナム
7. フィリピン
8. シンガポール
9. アラブ
10. ロシア

[](https://madeinjourney.com/world-satisfaction-low-ranking/)



## 世界のもう一度行きたい国ランキング

一方で、同じサイトが発表しているランキングで、「もう一度行きたい国」も紹介していました。

1. 日本
2. アメリカ
3. カナダ
4. オーストラリア
5. イタリア
6. フランス
7. スペイン
8. トルコ
9. タイ
10. 台湾

https://madeinjourney.com/world-satisfaction-high-ranking/

1位に日本が入っているのが嬉しいですが、なんとなく納得のランキングでもあります。


## まとめ

ドバイをけなしてしまいましたが、

アラブ世界という異世界。
近未来という異世界感。

という、他にはない魅力/特徴があることも事実です。

でも、それが観光地としての魅力に直結はしないかもしれません。

自分のなかにまだ答えは無いのですが、そこに対して自分なりの答えを見つけることが、インバウンドや越境ECをサポートするうえでのヒントになるかもしれないと思います。





large_IMG_2214 2.JPG

medium_IMG_2214 2.JPG

small_IMG_2214 2.JPG

thumbnail_IMG_2214 2.JPG

IMG_2214 2.JPG

  ドバイは観光地としてどうなのかという考察。もう一度行きたい国ランキング

## はじめに

2023 年 10 月に[Gmail のメール送信者ガイドライン](https://support.google.com/mail/answer/81126)がアップデートされました。<br>
2024 年 2 月から適用されるので、ギリギリになってしまいましたが、ガイドラインからどのような設定が必要なのかをまとめました。

## 対象となる送信者

個人用 Gmail アカウントに 1 日あたり 5,000 件以上のメールを送信している場合が対象になります。<br>
個人用 Gmail アカウントとは、末尾が @gmail.com または @googlemail.com のアカウントを指します。<br>
現在のガイドラインでは Google Workspace を利用しているアカウントは対象外ですが、今後のアップデートで Google Workspace を利用しているアカウントも対象になる可能性があるので、個人用 Gmail アカウントにメールを送信していなくても今のうちに設定しておくことをおすすめします。

### 5,000 件のカウント方法について

同じプライマリドメインから送信されたすべてのメールが対象になります。<br>
例えば、1 日あたり@example.com から 3,000 件、@sub.example.com から 2,500 件送信している場合、5,500 件とカウントされます。

## ガイドラインの適応スケジュール

[Google の FAQ](https://support.google.com/a/answer/14229414)によると、以下のスケジュールで順次対応するようです。

### 2024 年 2 月

要件を満たしていないメールのうち、一部のメールが一時的なエラーを受け取るようになります。

### 2024 年 4 月

要件を満たしていないメールの拒否を開始します。<br>
一部のメールから拒否をし始めて、徐々にその割合を増加します。

### 2024 年 6 月

全ての商用メール、プロモーションメールに、ワンクリックでの登録解除を実装する必要があります。

## 対応が必要な内容

今回のガイドラインで対応が必要な項目は下記の通りです。

- 送信ドメインで SPF と DKIM を設定する
- 送信元のドメイン、 IP アドレスに正引き、逆引き DNS レコードを設定する
- メールの送信に TLS 接続を使用する
- [Postmaster Tools](https://gmail.com/postmaster/)で報告される迷惑メール率を 0.1%未満に維持する
- [RFC 5322](https://datatracker.ietf.org/doc/html/rfc5322)に準拠する形式でメールを作成する
- DMARC を設定する
- メーリングリスト等、転送する場合は ARC ヘッダを追加する
- ヘッダ From ドメインは SPF、DKIM ドメインと一致させる
- ワンクリックでの配信停止に対応する

## DNS レコードについて

DNS（Domain Name System）とは、インターネット上でドメイン名と IP アドレスを紐づけるためのシステムです。<br>
今回のガイドラインでは、送信元ドメインの A レコードから送信元 IP アドレスを参照できるようにし（正引き）、逆に送信元 IP アドレスの PTR レコードから送信元ドメインを参照できるようにする（逆引き）必要があります。

### DNS レコードの例

「example.com」から IP アドレス「172.16.0.1」を参照（正引き）する設定は以下のように記述します。

```
example.com. IN A 172.16.0.1
```

IP アドレス「172.16.0.1」から「example.com」を参照（逆引き）する設定は以下のように記述します。

```
1.0.16.172.in-addr.arpa. IN PTR example.com
```

「1.0.16.172.in-addr.arpa.」の部分は、以下の手順で変換したものを記載します。

1. IP アドレスの各オクテットを逆順に並べる
   「172.16.0.1」の場合は「1.0.16.172」のようにします
2. IP アドレスが IPv4 形式の場合は、後ろに「.in-addr.arpa.」を記述する
   ※ IPv6 形式の場合は「.ip6.arpa.」を付与します

## SPF レコードについて

SPF（Sender Policy Framework）とは、電子メールの送信元ドメインが詐称されていないかを検査するための仕組みです。<br>
メールを受信する際に受信側は送信側の DNS ヘ SPF レコードを要求し、返答された SPF レコードが受信したメールの実際の送信元 IP アドレスと一致するかを確認します。<br>
2 つの IP アドレスが一致すれば認証が成功し、ドメインの管理者が意図した通りのメールサーバーから届けられた正しい送信元からのメールであることが証明できます。

### SPF レコードの例

「example.com」の IP アドレス「172.16.0.1」から送信されたメールアドレスのみを認証する場合は、以下のように記述します。

```
example.com. IN TXT "v=spf1 ip4:172.16.0.1 -all"
```

## DKIM レコードについて

DKIM（DomainKeys Identified Mail）とは、電子メールの送信元ドメインの認証技術の一種です。<br>
メール送信者が秘密鍵を使ってメールに署名し、受信者は送信元ドメインの公開鍵を使って、この署名の正当性を検証します。<br>
署名が正当であれば、そのメールは送信元ドメインの管理者が意図した通りのメールサーバーから届けられた正しい送信元からのメールであることが証明できます。

### DKIM レコードの例

DKIM レコードは下記のように記載します。<br>
セレクタ名は、任意の最大 63 文字の英数字を設定できます。<br>
ただし、セレクタ名はドメインに対して一意である必要があります。

```
[セレクタ名]._domainkey.example.com. IN TXT "v=DKIM1;k=rsa;p=[公開鍵]";
```

## DMARC レコードについて

DMARC（Domain-based Message Authentication, Reporting and Conformance）とは、電子メールの送信元ドメインの認証技術の一種であり、SPF や DKIM と併用することで、なりすましメール対策の強化が期待できます。<br>
DMARC の仕組みは、以下の 3 つに分けられます。

- 認証
  DMARC は、SPF と DKIM の認証結果を組み合わせて、メールの送信元ドメインの正当性を検証します
- ポリシー
  DMARC は、認証に失敗したメールをどのように処理するかを、ポリシーとして定義できます
- レポート
  DMARC は、認証結果を送信元ドメインに報告できます

ポリシーは、以下の 3 種類に分けられます。

- p=none
  認証に失敗したメールをすべて受信する
- p=quarantine
  認証に失敗したメールを、受信者から隔離する
- p=reject
  認証に失敗したメールを、受信者に拒否する

### DMARC レコードの例

「example.com」でポリシーを「none」、レポートの送り先を「dmarc-fb@example.com」に設定する場合、以下のように記述します。

今回のガイドラインでは、ポリシーは「none」でも問題ありません。

```
_dmarc.example.com. IN TXT "v=DMARC1; p=none; rua=mailto:dmarc-fb@example.com"
```

## ARC ヘッダについて

ARC（Authenticated Received Chain）とは、メールの認証状況を伝達し、なりすましメールや不正な改ざんを防ぐための技術です。<br>
SPF、DKIM、DMARC と連携して、メールの信頼性をさらに高める役割を果たします。<br>
メーリングリストやメールボックスプロバイダの自動転送機能などでメールを転送する場合、SPF や DKIM が失敗することがあるため、それを回避するために ARC ヘッダを追加する必要があります。

## TLS 接続について

TLS（Transport Layer Security）とは、インターネット上での通信を暗号化し、安全性を高めるための技術です。HTTPS や IMAP、POP3、SMTP などのプロトコルで使用され、通信内容の盗聴や改ざん、なりすましを防ぎます。

TLS 接続に対応しているメール配信システムを利用していれば問題ありません。

## ワンクリックでの配信停止について

今回のガイドラインでは、マーケティング目的のメールは 1 クリックでの配信停止の対応が必要です。<br>
具体的には、[RFC8058](https://datatracker.ietf.org/doc/html/rfc8058)に従い、以下をメールヘッダに含む必要があります。

配信停止リクエストを API 等で処理する場合は下記のように記述します。

```
List-Unsubscribe-Post: List-Unsubscribe=One-Click
List-Unsubscribe: <https://example.com/unsubscribe>
```

配信停止リクエストを指定されたアドレスにメール形式で送信する場合は下記のように記述します。

```
List-Unsubscribe-Post: List-Unsubscribe=One-Click
List-Unsubscribe: <mailto:unsubscribe@example.com>
```

[Google の FAQ](https://support.google.com/a/answer/14229414)によると、メール本文内の配信停止リンクを設置するだけでは要件を満たさないのでご注意ください。

## 各種設定の確認方法

設定が正しく適用されているか確認するためのツールを紹介します。

### [dmarcian](https://dmarcian.com/)

SPF、DKIM、DMARC レコードを診断してくれるツールです。

### [mail-tester](https://www.mail-tester.com/)

メールを実際に分析し、送信ドメイン認証のほか、様々な観点で送信メールのチェックを行い、10 点満点で評価をしてくれます。

## まとめ

ガイドラインの要件を満たしていない場合、メールがブロックされたり、迷惑メールに振り分けられたりする可能性が高くなるので、なるべく早く対応することをおすすめします。<br>
また、[ガイドライン](https://support.google.com/a/answer/81126)は今後も更新される可能性があるため、定期的にチェックしましょう。<br>
また、Google だけでなく、[米国 yahoo でも同様のアナウンス](https://blog.postmaster.yahooinc.com/post/730172167494483968/more-secure-less-spam)がされていますので、利用している方はこちらも対応が必要です。

## 参考

- https://blastmail.jp/blog/spam/gmail-guideline-202402
- https://sendgrid.kke.co.jp/blog/?p=17213
- https://sendgrid.kke.co.jp/blog/?p=5190
- https://sendgrid.kke.co.jp/blog/?p=1822
- https://www.value-domain.com/media/spf-record/
- https://www.cloudflare.com/ja-jp/learning/dns/dns-records/dns-dkim-record/
- https://hp-shizuoka.jp/column/2016/10/7515/
- https://baremail.jp/blog/2022/06/16/2552/
- https://docs.oracle.com/ja-jp/iaas/Content/Email/Tasks/configure-dkim-using-the-console.htm


large_20240202_1.jpg

medium_20240202_1.jpg

small_20240202_1.jpg

thumbnail_20240202_1.jpg

20240202_1.jpg

Gmail 送信のガイドラインへの適応

## はじめに
Reactでフロントエンドの開発を行う場合に、おそらく一度は誰でも状態管理に頭を悩ませるのではないでしょうか。  
2023年10月現在、Redux、React Hooks、zustand、そしてここで取り上げる Recoil、Jotai など、Reactの状態管理をするためのライブラリや方法は数多く存在ます。  
多くの開発者によりその使い方が模索・洗練されていますが、絶対的な正解というものは存在しません。  
故に、プロジェクトに導入する場合に、どれを選定するかで、とても迷う方は多いのではないでしょうか。  
このブログでは、私が状態管理のライブラリを選定するときに悩んだ内容から、案件の向き不向きについて考察し、ご紹介したいと思います。  

**[2024.6.3 追記] Recoilから正式に発表されているわけではありませんが、2023年3月以降アップデートがなく、Recoilの開発は実質的に打ち切られてしまったようです。そのため、Recoilを選択することは避けた方がよさそうです…  
参考: <a href="https://github.com/facebookexperimental/Recoil/issues/2318" target="_blank">React 19 support · Issue #2318 · facebookexperimental/Recoil</a>**

**→ [2024.7.19 追記] [Reduxへ移行する方法の記事](https://sterfield.co.jp/blog/recoil-to-redux/)を投稿しました。**

## まず Redux、zustand と Recoil、Jotai の違いについて
Redux は、Reactを作ったFacebookが提唱した[Flux](https://github.com/facebookarchive/flux/tree/main/examples/flux-concepts)というアーキテクチャをもとにした、初期から最も利用されている状態管理ライブラリです。  
Reactとは切り離して１つのストアに集約して管理するため、情報の流れが一方通行で辿りやすい特徴があります。WEBアプリ全体の一貫性を重視し、堅牢な作りにする場合、Reduxは有望な選択肢となります。  
しかしながら、Reduxは非同期通信を伴うような複雑な状態管理ではそのまま使うのはあまりにもコードが膨大になってしまうため、サードパーティのプラグインなどを導入することが現実的な選択肢となります。また、1つのストアで管理するため、コンポーネント単位でのカプセル化が苦手です。  
  
zustand はこのReduxの苦手な部分を補うことで、Reduxからの乗り換えが進んでいるライブラリです。  
基本的な思想はReduxと同じですが、Reduxで煩雑になるような記述をより簡潔に書くことができます。 
  
Recoil は Redux とは違う思想で、ストアを複数持ち、それぞれに対して別々のコンポーネントからアクセス可能です。ストアが一元管理されているReduxやzustandとちがい、コンポーネント単位でのカプセル化がしやすく、データとアプリ全体の結合を制限することに向いているので、柔軟性を重視するアプリに向いていると言えそうです。
ただ、複数のストアに別々のコンポーネントから双方向でアクセスできる特徴が故に、組み方によってはReduxと比べると情報の流れを辿りにくくなる可能性があることに注意が必要です。  
  
Jotai は Recoil をより簡潔に記述できるようにしたライブラリで、[npm trends](https://npmtrends.com/Jotai-vs-react-redux-vs-recoil-vs-zustand)を見ると、2023年10月現在、本家のRecoilを追い抜いています。  

## RecoilよりJotaiが向いている案件
RecoilとJotaiで同じ状態管理をするためのコードを比べてみましょう。
#### Recoil
```typescript
const exampleState = atom({
  key: "exampleState",
  default: 0
});
const exampleSelector = selector({
  key: "exampleSelector"
  get ({ get }) => `${get(exampleState)}個を選択中`
});
```
#### Jotai
```typescript
const exampleState = atom(0);
const exampleSelector = atom((get) => `${get(exampleState)}個を選択中`);
```
こうやって並べてみるとよく分かりますが、  
Jotaiの方が圧倒的にコード数が少なくなります。  
Recoilで用意されている機能の多くはJotaiでも利用できるので、よりシンプルに状態管理を行いたい場合は、  Jotaiが向いていると言えます。  
  
## JotaiよりRecoilが向いている案件
では、次の場合はどうでしょう。  
#### Recoil
```typescript
// Writable
const idState = atom({
  key: "idState",
  default: 1
});

// Read Only
const fetchState = selector({
  key: "fetchState",
  get: async ({ get }) => {
    const id = get(idState);
    try {
      const response = await fetch(`example.api.json?id=${ id }`);
      const json = await response.json();
      return json;
    } catch (error) {
      throw error;
    }
  }
});

// Writable (default value fetched)
const complexState = atom({
  key: "complexState",
  default: selector({
    key: "complexSelector",
    get: async ({ get }) => {
      const json = await get(fetchState);
      return {
        id: json.id,
        name: json.exampleName
      }
    }
  })
});
```
#### Jotai
```typescript
// Writable
const idState = atom(1);

// Read Only
const fetchState = atom(async (get) => {
  const id = get(idState);
  try {
    const response = await fetch(`example.api.json?id=${ id }`);
    const json = await response.json();
    return json;
  } catch (error) {
    throw error;
  }
});

// Writable (default value fetched)
const defaultComplexState = atom(async (get) => {
  const json = await get(fetchState);
  return {
    id: json.id,
    name: json.exampleName
  }
});
const overWrittenComplexState = atom(null as { id: number; name: stirng; });
const complexState = atom<number, [number], void>(
  async (get) =>
    (await get(overWrittenComplexState)) ||
    (await get(defaultComplexState)),
  (_get, set, update) => set(overWrittenComplexState, update)
);
```
このように初期値をフェッチしつつ、後からデータの上書きもできるようなストアを作ろうとするような複雑な処理をさせようとした場合、JotaiよりRecoilの方が分かりやすいコードになることがわかるかと思います（もっと上手な書き方があったらすみません）。  
また、フェッチしたデータをリセットできるようにする場合、  
  
#### Recoil
```jsx
const exampleState = atom({
  key: "exmapleState",
  default: 0
})
const ExampleComponent = () => {
  const [example, setExample] = useRecoilState(exampleState);
  const reseter = useResetRecoilState(exampleState);
  const handleAddClick = () => setExample(previousState => previousState + 1);
  return (
    <div>
      <p>{example}</p>
      <button onClick={handleAddClick}>追加</button>
      <button onClick={reseter}>リセット</button>
    </div>
  )
}
```
のように、Recoilはatomに対してそのままuseResetRecoil()を使うことでリセット可能ですが、  
  
#### Jotai
```jsx
const exampleState = atomWithReset(0);
const ExampleComponent = () => {
  const [example, setExample] = useAtom(exampleState);
  const reseter = useResetAtom(exampleState);
  const handleAddClick = () => setExample(previousState => previousState + 1);
  return (
    <div>
      <p>{example}</p>
      <button onClick={handleAddClick}>追加</button>
      <button onClick={reseter}>リセット</button>
    </div>
  )
}
```
のように、Jotaiでは、あらかじめreset用のutil（atomWithRest）を使ってatomを用意する必要があります。  
その他にも、Jotaiでは複雑な操作をしようとした場合に、Recoilと同様の操作をするためにより多くのutilを使ったり、helperを自前で用意しなければいけない場合に遭遇します。  
  
これらのことから、より複雑なデータ処理を扱うような使い方をする場合、Recoilの方が向いていると言えます。  

## まとめ
堅牢でアプリ全体を見通すことを優先するのであれば Redux。  
基本的な思想はReduxと同じだけど、よりシンプルに描きたいのであれば zustand。  
機能追加やコンポーネントの入れ替えが多いような柔軟性のあるアプリで、複雑なデータ管理が必要なら Recoil。  
柔軟性とシンプルさを重視するなら Jotai というのが、現時点での自分の選択基準でした。

## 参考リンク

- [Jotai](https://jotai.org/)
- [Recoil](https://recoiljs.org/)
- [Redux](https://redux.js.org/)
- [zustand](https://github.com/pmndrs/zustand)
- [npm trends: jotai vs recoil vs redux vs zustand](https://npmtrends.com/jotai-vs-recoil-vs-redux-vs-zustand)

medium_20231006_1.png

small_20231006_1.png

thumbnail_20231006_1.png

20231006_1.png

Reactの状態管理ライプラリはRecoilとJotaiならどちらをえらべばいいか？



## はじめに
近年、テクノロジーの進歩により、自然言語処理の分野でも驚くべき進歩がありました。その中でも、OpenAIのChatGPTは、会話を自然な形で行い、言語モデリングの能力を備えた最新の言語モデルです。また、Google Apps Script（GAS）は、G Suiteの一部として提供されるクラウドベースのスクリプト環境です。本記事では、chatGPTとGASを組み合わせて、議事録要約ツールを作成する方法について紹介します。特に、長文に対応する機能を追加する方法に焦点を当てます。

前回は、Makeというノーコードツールを使って、chatworkにまで送信する流れを作りましたが、トークン数の制限があり、長文に対応ができないという課題が残っておりましたが、今回はその課題を克服した改良版になります。

https://sterfield.co.jp/blog/18142/


## chatGPTの導入
まず、chatGPTを使って自然言語処理のパワーを手に入れましょう。OpenAIのAPIを使用すると、chatGPTを簡単に利用することができます。APIキーを取得し、適切なエンドポイントに接続します。Pythonや他のプログラミング言語を使用して、APIとのインタラクションを設定しましょう。

今回は冒頭にある通り、Google Apps Script（GAS）とモデルはgpt-3.5-turboで作成しました。

## GASでの要約機能の作成
GASを使用することで、Googleドキュメントやスプレッドシートなど、G Suiteのさまざまなアプリケーションを拡張することができます。GASエディタを開き、新しいプロジェクトを作成しましょう。次に、chatGPT APIとの通信を設定するために必要なコードを追加します。これにより、議事録のテキストをchatGPTに送信し、要約を取得できるようになります。

GASのコードそのものもChatGPTに書いてもらいました。
また、プロントはPROMPTYさんの[【プロンプト解説】ChatGPTで要約を作成する方法](https://bocek.co.jp/media/formula/making-document/110/)という記事を参考にさせて頂きました。  
一番最初の指示文は以下です。最終形態の内容とは異なります。
 ![](/uploads/Summarizing_GAS_Code_1_e667531717.png) 


書いてもらったコードをスプレッドシート＞拡張機能＞Apps Scriptで開いたページのコード.gs欄にベタっと貼り付けます。
 ![](/uploads/Chat_GPT_GAS_Google_1_8c0845570a.png)     

 ![](/uploads/chat_GPT_GAS_Apps_Script_36d07dd8ad.png) 

その後、Apps Scriptのまま、▶︎実行を押すとスクリプトが動作し、不完全な場合、エラーが返ってくるので、そのエラーコードをChatGPTに貼り付けると修正コードを返してくれるという具合で何往復も行いました。

 ![](/uploads/Summarizing_GAS_Code_82ac14433b.png) 

この工程はプロンプトエンジニアリングといって良いのでしょうか。

## 長文対応の実装
議事録は通常、長い文章で構成されることがあります。要約ツールをより実用的にするためには、長文にも対応する必要があります。chatGPTにはテキストのトークン制約があるため、長い文章を一度に送信することはできません。しかし、GASを使用して長文を複数のパートに分割し、chatGPTに渡すことができます。それぞれのパートの要約を取得し、最終的な要約として結合します。

以下が1024トークンごとに分割する部分のスクリプトです。

```
  // 1024トークンごとにテキストを分割します。
  var tokens = Math.ceil(cellContent.length / 1024);
  for (var i = 0; i < tokens; i++) {
    var part = cellContent.slice(i * 1024, (i + 1) * 1024);

    // partが空ではないことを確認します
    if (part.trim() != '') {
      var summary = sendToChatGPT(part);
      summaries += summary + "\n";
    }
  }
```

## ユーザーインターフェースの作成
ツールを使いやすくするために、GASを使用して独自のユーザーインターフェース（UI）を作成しましょう。UIを作成するには、GASのHTMLサービスを利用します。UIにはテキストエリアやボタンを配置し、ユーザーが議事録を入力し、要約を取得できるようにします。

 ![](/uploads/Chat_GPT_GAS_Google_2_95a8cf7e97.png) 

上図のようにメニューバーに「議事録を要約」というメニューを出すためのスクリプトです。

```
// スプレッドシートが開かれたときにメニューボタンを作成します。
function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('議事録を要約')
    .addItem('スクリプトを実行する', 'summarizeMinutes')
    .addToUi();
}
```

## 今回できたGASの共有

上記を全て盛り込んで試行錯誤の上完成したGASの全容は以下になります。
ご利用にあたって以下の項目は各自置き換えてください。

- YOUR_OPENAI_API_KEY→あなたのOpenAIのAPIキーを設定してください
- シート1→ご利用されるシート名に合わせてください。
- A2→元のテキストを置くセルに合わせてください。
- B2→要約後のテキストを置きたいセルに合わせてください。
- 'max_tokens': 100,  → おおよそ400文字程度に要約するために設定

このGASのご利用により何らかの損害が生じても当社は， 一切損害を賠償しません。自己責任の元、ご利用ください。

```
// まず最初に、OpenAIのAPIキーを設定します。
var openaiApiKey = 'YOUR_OPENAI_API_KEY; // あなたのOpenAIのAPIキーを設定してください

// スプレッドシートが開かれたときにメニューボタンを作成します。
function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('議事録を要約')
    .addItem('スクリプトを実行する', 'summarizeMinutes')
    .addToUi();
}

function summarizeMinutes() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('シート1');
  var cellContent = sheet.getRange('A2').getValue();
  var summaries = '';

  // 1024トークンごとにテキストを分割します。
  var tokens = Math.ceil(cellContent.length / 1024);
  for (var i = 0; i < tokens; i++) {
    var part = cellContent.slice(i * 1024, (i + 1) * 1024);

    // partが空ではないことを確認します
    if (part.trim() != '') {
      var summary = sendToChatGPT(part);
      summaries += summary + "\n";
    }
  }

  // 結果をB2のセルに記載します。
  sheet.getRange('B2').setValue(summaries);
}

function sendToChatGPT(text) {
  var url = 'https://api.openai.com/v1/chat/completions';
  var payload = {
    'model': 'gpt-3.5-turbo',
    'messages': [{
      'role': 'system',
      'content': 'あなたはプロの編集者です。以下の制約条件に従って、入力する文章を要約してください。\n#制約条件\n・重要なキーワードを取りこぼさない。\n・文章の意味を変更しない。\n・架空の表現や言葉を使用しない。\n・文章中の数値には変更を加えない。'
    }, {
      'role': 'user',
      'content': text
    }],
    'max_tokens': 100, // おおよそ400文字程度に要約するために設定
    'temperature': 0.5
  };
  var options = {
    'method' : 'post',
    'headers': {
      'Authorization': 'Bearer ' + openaiApiKey,
      'Content-Type': 'application/json'
    },
    'payload' : JSON.stringify(payload)
  };
  var response = UrlFetchApp.fetch(url, options);
  var data = JSON.parse(response.getContentText());
  return data['choices'][0]['message']['content'].trim();
}
```

## テスト結果
青空文庫で著作権の切れた小説を探し、芥川龍之介の羅生門が6000字超だったので、試した結果が以下になります。
トークン数の壁を打ち破り、500文字超に要約ができています。
また、実際の1時間程度の会議を音声入力にて文字起こしした17,000文字程度も要約が動作しましたので実用的な範囲内はクリアしていると思われます。

最大、何文字まで出来るかの検証は行っておりませんが、一回の処理に6分間程度の制限があるようなので、それを超える処理となった場合はエラーとなるでしょう。
 ![](/uploads/Chat_GPT_GAS_Google_aa91777343.png) 

## 気になるAPI価格
前回の記事から期間が空いて、無料期間は過ぎていたため、課金しました。
試行錯誤中に20〜30回程度は、スクリプトを実行しましたが下記のような結果で、1ドルにも満たない金額でしたのでご参考ください。
  ![](/uploads/Usage_Open_AI_API_58407080e5.png) 
        

## 工夫ポイント
トークン数をギリギリ攻める設定をすると引っかかってしまうので、1024トークンごとに区切るようにした。これは上限2048トークンの半分になります。


##  まとめ
chatGPTとGASを組み合わせて議事録要約ツールを作成することは、簡単かつ効果的な方法です。chatGPTの強力な自然言語処理能力を活用しながら、GASを使用して長文にも対応することができます。これにより、議事録を手早く要約し、重要な情報を抽出することができます。ぜひ、この記事を参考にして、自分自身の議事録要約ツールを作成してみてください。  

スクリプトを全てchatGPTに書いてもらい、その内容もchatGPTのAPIに送って文章を要約してもらうというもので、ブログ記事の本文のベースもchatGPTに聞き、アイキャッチ画像も画像生成AIで作りました。つまり、この記事はほぼ生成AIで構成されています。



large__29bd01ef-edba-4198-a899-3ca63fb1f902.jpeg

medium__29bd01ef-edba-4198-a899-3ca63fb1f902.jpeg

small__29bd01ef-edba-4198-a899-3ca63fb1f902.jpeg

thumbnail__29bd01ef-edba-4198-a899-3ca63fb1f902.jpeg

_29bd01ef-edba-4198-a899-3ca63fb1f902.jpeg

chatGPTとGASで議事録要約ツールを作ってみた（長文対応）

<h2>はじめに</h2>
<p>これは非エンジニアがノーコードツールを使って、試行錯誤している様子をブログにしたものです。</p>
<p>ツッコミどころ満載かと思いますが、ご容赦ください。</p>
<h2>Chat GPTの可能性を模索</h2>
<p>鮮烈なデビューとともにその勢いは衰えることなく怒涛のリリースを行うChat GPT。業務効率改善に営業畑の人間が取り組むことにしました。</p>
<h2>参考にさせて頂いた情報</h2>
<p><a href="https://otona-life.com/2023/03/28/164745" target="_blank" rel="noopener">【革命的!】ChatGPT＋ノーコードで、Web会議後の議事録化が自動で作成＆通知可能に!?</a></p>
<p>まさにChatGPTに求めていたような使い方をされていて、かつノーコードで行えるということで自分も試してみることにしました。</p>
<h2>Make&amp;ChatGPT&amp;ちょこっとDeepL</h2>
<p><a href="/uploads-archive/2023/04/Make-Work-the-way-you-imagine.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-18147" src="/uploads-archive/2023/04/Make-Work-the-way-you-imagine-1024x652.png" alt="" width="1024" height="652" srcset="/uploads-archive/2023/04/Make-Work-the-way-you-imagine-1024x652.png 1024w, /uploads-archive/2023/04/Make-Work-the-way-you-imagine-300x191.png 300w, /uploads-archive/2023/04/Make-Work-the-way-you-imagine-768x489.png 768w, /uploads-archive/2023/04/Make-Work-the-way-you-imagine-1536x978.png 1536w, /uploads-archive/2023/04/Make-Work-the-way-you-imagine-228x145.png 228w, /uploads-archive/2023/04/Make-Work-the-way-you-imagine.png 1575w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>今回の肝がこの<a href="https://www.make.com/en/register?pc=mezack" target="_blank" rel="noopener">make</a>というサービスで私のような非エンジニアでもコードを書く必要がなく（ノーコード）APIを叩いたり、そのデータを別のサービスに連携させてたりといったことができるiPaaSサービスです。</p>
<p>iPaaSをChatGPTに聞いた答えも引用で貼っておきます。</p>
<blockquote><p>iPaaSは、Integration Platform as a Service（統合プラットフォーム・アズ・ア・サービス）の略称で、クラウド上で提供されるアプリケーション間の統合を支援するプラットフォームです。iPaaSは、データやアプリケーション、システムなどを簡単かつ効率的に統合するためのツールを提供し、APIやデータストレージ、メッセージング、アプリケーション接続、エンタープライズ・サービス・バス（ESB）などの機能を含みます。iPaaSは、企業がビジネスプロセスの自動化、データの統合、クラウドベースのアプリケーションの管理などを行うためのシームレスな方法を提供し、デジタルトランスフォーメーションを支援する重要な役割を果たしています。</p></blockquote>
<p>初めて使ったのですが、Make&#x2716;&#xfe0f;AI（chatGPTやDeep L）にとてつもない可能性を感じ、あれこれ試行錯誤してる瞬間がとても楽しかったです。</p>
<h2>テキストを要約してもらって通知</h2>
<p>実現させたのはテキストを要約してもらって通知という非常にシンプルなものです。</p>
<p>参考にさせて頂いた平岡さんは、</p>
<ol>
<li>Zoomをクラウドに録画</li>
<li>それを読みに行って文字起こし</li>
<li>そのテキストをChatGPTに要約</li>
<li>Googleドキュメント作成</li>
<li>Slackに通知</li>
</ol>
<p>というところまで行われています。</p>
<p>私は、普段使っているサービスにアレンジしつつ、シンプルにできるところまでやってみました。</p>
<ol>
<li>文字起こしまでをGoogleドキュメントの音声入力で会議中に文字起こし</li>
<li>そのテキストをChatGPTに要約</li>
<li>Chatworkに通知</li>
</ol>
<p>という3行程です。</p>
<p>makeでは、下記のようにサービスを並べます。</p>
<p><a href="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-18150" src="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-1024x306.png" alt="" width="1024" height="306" srcset="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-1024x306.png 1024w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-300x90.png 300w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-768x230.png 768w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-1536x459.png 1536w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-2048x612.png 2048w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1-228x68.png 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>APIキーの取得や詳細の使い方は割愛させていただきますが、Chatworkへの通知まで成功に至りました。</p>
<p><a href="/uploads-archive/2023/04/Chatwork-議事録.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-18148" src="/uploads-archive/2023/04/Chatwork-議事録.png" alt="" width="907" height="238" srcset="/uploads-archive/2023/04/Chatwork-議事録.png 907w, /uploads-archive/2023/04/Chatwork-議事録-300x79.png 300w, /uploads-archive/2023/04/Chatwork-議事録-768x202.png 768w, /uploads-archive/2023/04/Chatwork-議事録-228x60.png 228w" sizes="(max-width: 907px) 100vw, 907px" /></a></p>
<p>今回はツールの理解に時間を使い試作版ということで3行程レベルですが、様々なサービスの連携がイメージできました。</p>
<h2>工夫ポイント</h2>
<h3>DeepLを介してトークン数の削減</h3>
<p><a href="/uploads-archive/2023/04/テスト2-Google-ドキュメント.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-18145" src="/uploads-archive/2023/04/テスト2-Google-ドキュメント.png" alt="" width="306" height="414" srcset="/uploads-archive/2023/04/テスト2-Google-ドキュメント.png 306w, /uploads-archive/2023/04/テスト2-Google-ドキュメント-222x300.png 222w, /uploads-archive/2023/04/テスト2-Google-ドキュメント-228x308.png 228w" sizes="(max-width: 306px) 100vw, 306px" /></a></p>
<p>ちょうど4000文字強のとある会議の音声入力データで試していたところ、一度に送信できるトークン数が4097という制限があり、トークンのカウントは簡単にいうと単語の区切りと言われておりますが、日本語の場合、ほぼ文字数に近い数字がトークン数となり、上述のドキュメントでは以下の通り、4212トークンでエラーがでしまいました。<a href="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-18144" src="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1024x652.png" alt="" width="1024" height="652" srcset="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1024x652.png 1024w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-300x191.png 300w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-768x489.png 768w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-1536x978.png 1536w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make-228x145.png 228w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-copy-Make.png 1575w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>&nbsp;</p>
<p>そこで、英語に翻訳すると精度が上がり、トークン数も削減できるいうこと情報を覚えていたので、間にDeep Lを噛ませることにしました。</p>
<p><a href="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-18146" src="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1-1024x652.png" alt="" width="1024" height="652" srcset="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1-1024x652.png 1024w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1-300x191.png 300w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1-768x489.png 768w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1-1536x978.png 1536w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1-228x145.png 228w, /uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1.png 1575w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>そうすることで、4212トークンが、1567トークンまで圧縮され、理論上は、さらに倍の日本語文字数でも耐えられることが分かりました。</p>
<p>ただし、日本語の精度が落ちてしまっている感は否めず、現状だとそのままオフィシャルに議事録として扱うというよりは、自分のメモ書きの代わり程度に留めておくのが良さそうな具合だという結論になりました。</p>
<h2>処理時間</h2>
<p><div style="width: 1280px;" class="wp-video">
<video class="wp-video-shortcode" id="video-18142-1" width="1280" height="720" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-_-Make.mp4?_=1" /><a href="/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-_-Make.mp4">/uploads-archive/2023/04/Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-_-Make.mp4</a></video></div></p>
<h2>課題</h2>
<h3>1時間前後の会議に対応できるか</h3>
<p>現在APIの制約として、4097トークン上限があり、おおよそ時間にすると10〜15分程度の会議のテキスト量に相当しますので、少なくともこの5倍程度は受け入れられなければ実用に耐えられないと思います。</p>
<p>それを解消するために、一度Deep Lを介して、英語に翻訳しトークン数を下げるという試みをしましたが、日本語の精度が落ちてしまう点とそれでも上限トークン数の制約にはとても足りないので、テキストを分割するといった更なる工夫の必要。</p>
<h3>議事録のテキスト化の方法</h3>
<p>今回は、Googleドキュメントの音声入力をを利用して、そのドキュメントからテキストを抽出しましたが、ここもなるべく自動化したいですね。音声データから文字起こしですとここでもファイル容量の上限もあり、まだまだ、1時間レベルの会議に耐えるものではないので、試行錯誤いたします。</p>
<h2>まとめ</h2>
<p>議事録ツールを完成させる方向性もありますが、もっともっといろいろなことができるのではと、ワクワクしました。</p>

large_Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1024x652.png

medium_Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1024x652.png

small_Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1024x652.png

thumbnail_Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1024x652.png

Integration-Google-Docs-OpenAI-DALL-E-ChatGPT-Make-1024x652.png

chatGPTとmakeで議事録要約ツール試作版を作ってみた

<p>以前、<br />
<a href="/programmer/%E7%8A%B6%E6%B3%81%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6validation%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%EF%BC%88ruby-on-rails%EF%BC%89/">状況によってvalidationを変える（Ruby on Rails）</a>というブログを書き、on contextで指定するという方法を記事にしました。<br />
今回はその続きです。</p>
<p>on contextという方法は、状況に応じて少し変えるという際には楽だったのですが、<br />
validationがだんだん複雑になってくるにつれて、<br />
かくコードの量が多くなり、煩雑になりがちです。</p>
<p>そこでwith_optionsを用いると綺麗にまとめて書く事ができます。</p>
<p>仮に下記のようなモデルがあったとします（商品モデル）。</p>

		<div id="crayon-6495402645ae0805224652" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
# == Schema Information                                            
#
# Table name: product
#
#  id                     :integer          not null, primary key
#  product_name           :string(255)
#  price                  :float(24)
#  product_code           :string(255)
#  created_at             :datetime         not null
#  updated_at             :datetime         not null
#
#
class Product &lt; ActiveRecord::Base
end</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402645ae0805224652-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-2">2</div><div class="crayon-num" data-line="crayon-6495402645ae0805224652-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-4">4</div><div class="crayon-num" data-line="crayon-6495402645ae0805224652-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-6">6</div><div class="crayon-num" data-line="crayon-6495402645ae0805224652-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-8">8</div><div class="crayon-num" data-line="crayon-6495402645ae0805224652-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-10">10</div><div class="crayon-num" data-line="crayon-6495402645ae0805224652-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-12">12</div><div class="crayon-num" data-line="crayon-6495402645ae0805224652-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae0805224652-14">14</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402645ae0805224652-1"><span class="crayon-p"># == Schema Information&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-2"><span class="crayon-p">#</span></div><div class="crayon-line" id="crayon-6495402645ae0805224652-3"><span class="crayon-p"># Table name: product</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-4"><span class="crayon-p">#</span></div><div class="crayon-line" id="crayon-6495402645ae0805224652-5"><span class="crayon-p">#&nbsp;&nbsp;id&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :integer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;not null, primary key</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-6"><span class="crayon-p">#&nbsp;&nbsp;product_name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :string(255)</span></div><div class="crayon-line" id="crayon-6495402645ae0805224652-7"><span class="crayon-p">#&nbsp;&nbsp;price&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:float(24)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-8"><span class="crayon-p">#&nbsp;&nbsp;product_code&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :string(255)</span></div><div class="crayon-line" id="crayon-6495402645ae0805224652-9"><span class="crayon-p">#&nbsp;&nbsp;created_at&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :datetime&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; not null</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-10"><span class="crayon-p">#&nbsp;&nbsp;updated_at&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :datetime&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; not null</span></div><div class="crayon-line" id="crayon-6495402645ae0805224652-11"><span class="crayon-p">#</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-12"><span class="crayon-p">#</span></div><div class="crayon-line" id="crayon-6495402645ae0805224652-13"><span class="crayon-t">class</span><span class="crayon-h"> </span><span class="crayon-i">Product</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">ActiveRecord</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">Base</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae0805224652-14"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>いろいろと省略しますが、システムとして登録される商品の値段の通貨が日本円のときだけ、priceの型をintegerにしたいというvalidationがあれば下記のようにします。</p>
<p></p>

		<div id="crayon-6495402645ae5672348118" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
# == Schema Information                                            
#
# Table name: product
#
#  id                     :integer          not null, primary key
#  product_name           :string(255)
#  price                  :float(24)
#  product_code           :string(255)
#  created_at             :datetime         not null
#  updated_at             :datetime         not null
#
#
class Product &lt; ActiveRecord::Base
　　with_options if: :jpy? do
　　　　validates :price, presence: true, numericality: { only_integer: true }
　　end

　　def jpy?
　　　　return true if 基軸通貨が日本円かどうか
　　　　false
　　end
end</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402645ae5672348118-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-2">2</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-4">4</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-6">6</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-8">8</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-10">10</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-12">12</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-14">14</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-16">16</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-18">18</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-20">20</div><div class="crayon-num" data-line="crayon-6495402645ae5672348118-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402645ae5672348118-22">22</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402645ae5672348118-1"><span class="crayon-p"># == Schema Information&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-2"><span class="crayon-p">#</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-3"><span class="crayon-p"># Table name: product</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-4"><span class="crayon-p">#</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-5"><span class="crayon-p">#&nbsp;&nbsp;id&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :integer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;not null, primary key</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-6"><span class="crayon-p">#&nbsp;&nbsp;product_name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :string(255)</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-7"><span class="crayon-p">#&nbsp;&nbsp;price&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:float(24)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-8"><span class="crayon-p">#&nbsp;&nbsp;product_code&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :string(255)</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-9"><span class="crayon-p">#&nbsp;&nbsp;created_at&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :datetime&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; not null</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-10"><span class="crayon-p">#&nbsp;&nbsp;updated_at&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :datetime&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; not null</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-11"><span class="crayon-p">#</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-12"><span class="crayon-p">#</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-13"><span class="crayon-t">class</span><span class="crayon-h"> </span><span class="crayon-i">Product</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">ActiveRecord</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-i">Base</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-14">　　<span class="crayon-e">with_options </span><span class="crayon-st">if</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">jpy</span><span class="crayon-sy">?</span><span class="crayon-h"> </span><span class="crayon-st">do</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-15">　　　　<span class="crayon-i">validates</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">price</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">presence</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">numericality</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-i">only_integer</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-16">　　<span class="crayon-st">end</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-17">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-18">　　<span class="crayon-e">def </span><span class="crayon-i">jpy</span><span class="crayon-sy">?</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-19">　　　　<span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-h"> </span><span class="crayon-st">if</span><span class="crayon-h"> </span>基軸通貨が日本円かどうか</div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-20">　　　　<span class="crayon-t">false</span></div><div class="crayon-line" id="crayon-6495402645ae5672348118-21">　　<span class="crayon-st">end</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402645ae5672348118-22"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のような形で書く事ができます。on contextより汎用性が高いと思います。</p>

状況によってvalidationを変える（Ruby on Rails）その2

RailsにCapistranoによる自動デプロイの導入

<p>CI（circle integration： 継続的インテグレーション）を図る上で、昨今ではCircleCi、Jenkins、Travis Ciなどが存在するが、<br />
合わせてRuby On RailsではRSpecを使用している人が多い。</p>
<p>導入方法としては以下の通り。</p>
<h2>導入</h2>
<p></p>

		<div id="crayon-6495402643029348902993" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
group :development, :test do
  gem 'rspec-rails', '~&gt; 3.5'
end</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402643029348902993-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643029348902993-2">2</div><div class="crayon-num" data-line="crayon-6495402643029348902993-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402643029348902993-1"><span class="crayon-i">group</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">development</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">test </span><span class="crayon-st">do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643029348902993-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">gem</span><span class="crayon-h"> </span><span class="crayon-s">'rspec-rails'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'~&gt; 3.5'</span></div><div class="crayon-line" id="crayon-6495402643029348902993-3"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>Gemfileに上記を追加し、bundle installを実施する。</p>

		<div id="crayon-649540264302d589884612" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
bundle install</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540264302d589884612-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540264302d589884612-1"><span class="crayon-e">bundle </span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>そのあと、下記によりconfigファイルを生成する。</p>

		<div id="crayon-649540264302e876660649" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rails generate rspec:install</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540264302e876660649-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540264302e876660649-1"><span class="crayon-e">rails </span><span class="crayon-e">generate </span><span class="crayon-i">rspec</span><span class="crayon-sy">:</span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>以上で、導入は完了する。</p>
<p>ここで、</p>

		<div id="crayon-649540264302f897744725" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rails g rspec:model user</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540264302f897744725-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540264302f897744725-1"><span class="crayon-i">rails</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-h"> </span><span class="crayon-i">rspec</span><span class="crayon-sy">:</span><span class="crayon-e">model </span><span class="crayon-i">user</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>を実行すれば、<br />
spec/models/user_spec.rb<br />
のようなファイルが生成されるので、ここにテストコードを書いていく。</p>
<p>RSpecのテストコードの書き方は独自のものが存在する。<br />
書き方は下記がわかりやすい。<br />
<a href="http://qiita.com/jnchito/items/3a590480ee291a70027c">RSpec</a><br />
<a href="https://leanpub.com/everydayrailsrspec-jp/read#leanpub-auto-section-15">Everyday Rails &#8211; RSpecによるRailsテスト入門</a></p>
<h2>参考</h2>
<p><a href="https://github.com/rspec/rspec-rails">GitHub &#8211; rspec/rspec-rails: RSpec for Rails-3+</a></p>

Ruby On RailsにRSpecを導入する

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #ai

2025/10/31

2025/10/29

2025/10/02

2025/06/20

2025/02/06

2025/01/24

2024/10/30

2024/08/30

2024/06/07

2024/06/06

2024/04/26

2024/02/02

2023/10/05

2023/06/30

2023/04/28

2016/10/26

2016/10/12

2016/08/24