## はじめに
2024年1月10日付　日経ビジネス「ドンペリの元トップが富山で日本酒に参入『世界の高級酒に』」の記事を読んで、日本酒の奥深さとさらなる可能性を感じました。　今回は日本酒好きな私なりの、日本酒の魅力と、世界に通じる力を考えてみたいと思います。
 ![](https://cont.sterfield.co.jp/uploads/2024_01_18_171848_73e70c869e.png) 

[https://business.nikkei.com/atcl/gen/19/00356/122600052/](url)

## 記事のポイント
日経ビジネスの詳細内容はこの記事を読んでいただきたいですが、大きく3つのポイントが書かれていました。
記事からの抜粋です。

> 1．「ドンペリ」の最高醸造責任者だったフランス人が日本酒に参入

> 2．日本酒は政府が強固な参入規制を続けてきたが、新風を吹き込む

> 3．LVMHも後押し、「国際的な尺度で日本酒に付加価値を」と意気込む

ドンペリの醸造家が日本酒に、というのはなぜ？？！！と非常に目を引き興味を持った記事でした。

## 海外視点での日本酒の魅力
 ![](https://cont.sterfield.co.jp/uploads/6505408f9a6a2437d411fabfe743fba0_537fb0f258.jpeg) 
海外からの視点で見た日本酒の魅力は何でしょうか。私なりに考えてみました。

#### 1．主に日本でしか作られていない。
ワインは世界各国に有名な産地があります。日本酒は日本以外でも生産している国はありますがごくわずか。
大半は日本で作られています。
よって、希少性から魅力に映るかと思います。

#### 2．いろいろな種類があって奥深い
我々日本人ですら、種類が多すぎてわからない！となります。
日本酒は奥深いと思います。

#### 3．徳利、升、など日本酒の酒器の美しさ
日本酒を飲む際のお猪口（おちょこ）や升、徳利も様々な種類があり、日本っぽく、とても美しいものです。
ワイングラスで日本酒を飲むのが流行っていますが、伝統的な酒器にも魅力を感じると思います。


## 日本酒が世界に通じる力
以下は2020年11月25日付け「SAKETIMES」の記事から抜粋します。

> 「日本酒はお米から造られ、ワインはブドウから造られる。ワインは単発酵で、日本酒はより複雑な発酵が絡んでくる。原料や技術における違いはもちろんありますが、日本酒とシャンパンは同じような口あたりと飲み心地を持っています。地球上で、こうしたフロー（口内の流れ方）を持つ飲みものはそう多くはありません」 
> 
https://jp.sake-times.com/special/interview/sake_iwa5

ワイン（シャンパン）と日本酒は製法や口当たり、飲み心地が近い。と。

ワインは主に西洋料理と合わせて嗜むことが多いが、日本食にも合わせられる。
日本酒は主に日本料理と合わせるが同様に西洋料理にも合わせられるはず。

こう考えると、海外では現状主に、海外に展開している日本料理店が日本酒を取り扱うことが多いが、どんな料理にでも合わせられれば、海外の販路はもっともっと広がるはず。

##### つまり、そのような「マーケティング活動」をもっともっと行うことができれば、日本酒はワインに並ぶ市場規模を取れるのではないか。

そうなると、日本からの日本酒の輸出が増えるのはもちろん、海外現地での日本酒の生産も進み、お米の栽培技術、日本酒の製造技術も輸出されるのではないか。

と考えると、日本酒の魅力を伝えるだけではなく、食事との合わせ方や、オーソドックスな日本酒の味だけではなく、まったく趣向を変えた日本酒を出してみるとか、そういった冒険、チャレンジが必要になってくるのではないでしょうか。

## まとめ
きっときっと、ドンペリの元トップも同じように感じて、日本酒に参入してきたのかな、と勝手に思いました。


small_25903.jpg

thumbnail_25903.jpg

25903.jpg

日本酒の魅力

## はじめに
説明をするときに長々と話してしまったり、言いたいことを上手く伝えられなくて、もどかしい思いをした経験はないでしょうか。社会人になれば社内の説明に加えてクライアントやパートナー企業とのコミュニケーションが不可避となってきます。説明の苦手意識から卒業して上手く話ができるようになりたい気持ちに応えられる本を見つけたので、ご紹介します。
今回取り上げる本は、「中村圭. 説明は速さで決まる　一瞬で理解される「伝え方」の技術. きずな出版. 2019」です。同書の筆者はコピーライターとして活躍していて、コピーライターの技術を説明の時にも使えるようにかみ砕いています。

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

## なぜ説明を上手くできないのか
序章で説明されているのは、情報量が格段に増えている時代に、説明のルールが変わってきていること自体に気づいていないためとしています。これまでは、「長い説明は丁寧である」と好意的に受け取られることもありました。

> 打ち合わせでは、自分の持てる知識を出し切り、みんなが納得するまで説明する

> だれにも失礼のないように配慮されたメールを送る

> 冷たく伝わらないように、話が長くなっても構わない

このような認識が根底にあり、長く説明できる人が評価される時代が尾を引いているからです。現代は長時間の打ち合わせや会議が生産性を下げることの代名詞になっていて、会議も説明と同様に短いほどいいという価値観が強くなってきています。したがって、長々としゃべっている人が嫌われてしまい、相手の時間を思いやっていないと捉えられてしまうために、説明が上手くできていないと認識されてしまう時代になってきたことが一つの原因となっています。

説明や話が長くなってしまうのは、目的地に向かってとりあえず走りだしてしまい、目的地までの道のりが全然見えていないので、何度も同じ道を通ったり、通らなくてもいい道を通ったりして、なかなか目的地に辿り着けないことも説明が上手くできない原因です。

## 説明を上手くするためには

**「相手は聞いてくれる」という前提を捨てる**

脳に負担がかかりそうな情報を現代人は受け入れないために、自分に関係ないと思った情報は即座に遮断する癖ができています。一方で、現代の人は「自分向けに」カスタマイズされたものを受け取ることが多くなっているというチャンスが眠っています。

## 速い説明に向いている人は
ずばり**口ベタな人**としています。口ベタな人は頭の中で考えすぎて、スムーズに言葉に出せない人と見なされてしまうことがあります。頭の中で自分の考えを煮詰めることができる傾向にある口ベタな人は、実はきちんと説明のテクニックを身につければ、早い説明が求められる時代に大きく飛躍できる可能性を秘めているとされています。
大事なのは、説明のテクニックをいくら学んでも、考えが浅ければ、あまり意味がない。考えを煮詰めることが必要なのであると。

## 速い説明のために必要な訓練

- [ ] **まずはすべての要素を書き出して可視化し、自分の書いた文章を見直していくトレーニングを行う**

自分の説明の中にどれほど無駄があるのかを把握するために、書くことから始める。書いたものからとことん無駄を排除して説明を短くしていくというステップを踏みます。文章なら書いた時点で問題が目に見えてわかりますが、話していることを振り返るのは難しいためです。
言葉は頭の中から外に出さないと善し悪しを判断できにくく、説明するために必要な要素を全部書き出してから、説明に「いる」「いらない」情報を冷静に判断して、必要なものだけを使うようにしていきます。

- [ ] **ターゲット思考で言葉を使う**

自分には関係ないと思われた瞬間、情報は遮断されてしまいます。一方で、自分に関係ある情報であると思われれば、説明を理解しようとしてもらえます。説明する相手（ターゲット）がイメージできるような言葉を選ぶ努力をして、相手と同じ言葉を使うようにします。例えば相手がある分野のプロであれば、その道の専門用語を使って話すことです。心理学では、自分と同じ仕草をする人に親近感を覚えることをミラー効果といわれていて、文章や説明でも同じことが言えるのです。

## 本を読んで感じたこと
説明をすることが多い人も、説明を聞くことが多い人も、内容にうなずける部分があったのではないでしょうか。私は営業職という特性から、どうしても説明する機会が多くあります。今も上手く説明するためにはどうしたらいいのか、毎日反省する日々を送っています。そんな時、たまたま会社の書棚に置いてあったこの本を手に取り、読書を楽しむことができました。相手に理解されやすい説明、相手が聞いていて疲れない説明、自分も疲れずに説明できる力をつけていく上で、指南書となりました。本のタイトル、「説明は速さで決まる」と書いてある通り、本書もダラダラと書かれておらず読みやすいものでした。是非手に取って自分の目と心で読んでみていただきたい一冊です。


large_説明　イラスト.jpg

medium_説明　イラスト.jpg

small_説明　イラスト.jpg

thumbnail_説明　イラスト.jpg

説明　イラスト.jpg

説明は速さで決まる？


https://amzn.to/4b5gcZN

## はじめに
どこで情報を仕入れたのかは忘れてしまったが、誰かのフィードで本書が良書であると紹介されており、最近発売されたものでAmazonでもカテゴリー1位のタグが付いていたことから     
非エンジニアであるのですが興味を持ち、読んでみました。
世界一流エンジニアの思考はおよそ日本で美徳とされているものとかけ離れていて、強烈な言葉が飛び交いますが、その内容を読み解いていくととても合理的であるが、逆に表面だけを捉えると危うくも感じるそんな思考法でした。
これから、トピックをかいつまんで紹介しますが、そのまま受け取るのではなく、気になったら是非、本書を手に取って、解釈を深めて欲しいものです。

## 著者
この本の著者、牛尾さんは44歳で米マイクロソフトに入社し、そこで出会った世界クラスのエンジニアの思考法を紹介しているのが本書になります。
ここから強烈な言葉並びます。

### 試行錯誤は「悪」である
冒頭数ページで断定の言葉が並びます。
あなたも試行錯誤しようよと指示を出したりしたことありませんか？
本書を読み込んでいくと、「闇雲」な試行錯誤は「悪」であるということが掛かれていることが分かります。
本書で一貫して書かれていることが、手を動かす前に仮説を立てるである。だから闇雲な試行錯誤は悪であるのである。

### 頭がよくても「理解」には時間がかかる
逆にこの言葉は凡人である私には、救われる言葉でした。
しかしこれも、読み込んでいくと、何かを一回見たくらいで分かった気になって、手を動かしてはいけない。出来る人ほど、理解に時間を掛けてから手を動かすので結果的に生産性があがるのだ。だから、「理解に時間をかける」を実践しようと結んでいる。
ちなみに著者の考える理解の3要素はこうだ。

- その構造をつかんで、人に説明できること。
- いつでもどこでも即座に取り出して使えること。
- 知見を踏まえて応用がきくこと。
### 「Be Lazy」というマインドセット
次にも強烈な言葉です。あまりにもキャッチーなので、書籍説明にも使われている言葉です。
日本は「勤勉」であることが美徳とされていますが、一流のエンジニアは「怠惰」であれとしているのです。
これが最も言葉尻だけを捉えると危険で、真意は「より少ない時間で価値を最大化する考え方」を持とうということです。それを端的に「Be Lazy」と表現をしているに過ぎません。

Be Lazyを達成するために具体的に挙げられているのは以下です。

- 望んでいる結果を達成するために、最低限の努力をする。
- 不必要なものや付加価値のない仕事（過剰準備含む）をなくす。
- 簡潔さを目指す。
- 優先順位をつける。
- 時間や費やした努力より、アウトプットと生産性に重点を置く。
- 長時間労働しないように推奨する。
- 会議は会議の時間内で効率的かつ生産的に価値を提供する。

この具体策を見ると至極真っ当だと思いますね。    

「減らすこと」自体に価値があるとマインドをリセットすることとも説いています。
### Fail Fast（早く失敗する）。

> 成功しようがしまいが、まずはやってみて、早くフィードバックを得て、早く間違いを修正していく──FailFastの精神だ。この考えはアジャイルやDevOpsなどすべてのモダンな開発手法に共通する思想だ。

そして、失敗を受け入れる具体的な実践法として、「フィードバック」を歓迎するムードをつくると挙げており、これはエンジニアに限らず、組織全体で応用できる内容だと思います。

### 「情報量を減らす」大切さ

> アメリカで発見したのが、対クライアントでも社内でのやりとりでも「脳の負荷を減らす」端的なコミュニケーションが喜ばれるという事実だった。

これらも根っこにBe lazyの思想があり、生産をするための体力を残しておく、重要なことに集中するといったことに通ずるものであると考えれる。
ただ、これも言葉だけを受け取ると危険で、普段から言葉が足りないと言われる人は、真に受けてはいけないと思う。  

## まとめ
非エンジニアである筆者がエンジニアでなくとも有用と思われる部分をピックアップしてみました。繰り返しになりますが、このような思考法は、世界有数の企業であるマイクロソフトに採用された超絶優秀なエンジニアであることが前提であり、額面通り受け取ってしまう、いきなり組織に取り込もうとするのは、よい結果を得られるとは限らないと強く思いました。
職種にとっても、アウトプットを必要とされるコンサルタントにはフィットしないと書かれてもおりました。      

> PullRequestのレビューを減らすには、「読んだ人がどう感じるか？」を意識しながらコードを書く必要がある

など、エンジニアの方には今回ピックアップしなかったより実践的な思考法が多数掲載されていますので、一読されることをお勧めします。

                                                                
                

large_81RO+wECc0L._SL1500_.jpg

medium_81RO+wECc0L._SL1500_.jpg

small_81RO+wECc0L._SL1500_.jpg

thumbnail_81RO+wECc0L._SL1500_.jpg

81RO+wECc0L._SL1500_.jpg

非エンジニアによる「世界一流エンジニアの思考法」書評

## はじめに
コロナも明け、日本に外国人観光客が戻ってきています。
これからの冬シーズンで人気なのはやはりスキー・スノーボード。
日本のスキー場は外国人にも人気です。
有名なのは北海道のニセコ、長野の白馬、野沢温泉あたりでしょうか。

今年の冬、初めて野沢温泉へ行くのですが、予約をした宿の人は日本語ができなくて英語でのやり取りオンリー。
無事予約できたものの、じゃあ支払いはオーストラリアの口座へ・・・と言われました。
野沢温泉、そんなに外国人が増えているの？！とビックリしました。
野沢温泉に外国人旅行客が増えているのには、理由がありました。

## 野沢温泉
野沢温泉は長野県の北部にある下高井郡野沢温泉村です。　日本で唯一、「温泉」と付く村だそうで、13の共同浴場巡りが人気の温泉街です。
人口3,700人程度の村に、コロナ前の2018年は約140,000人の外国人観光客が訪れる人気エリアです。
 ![](https://cont.sterfield.co.jp/uploads/1c60f9f7217a99fc7831eeadb753e1cf78e184e7_df0132f7f8.jpg) 
標高1,650メートルに位置する野沢温泉スキー場は、上質なパウダースノーを味わえ、外国人旅行客にも人気です。

## 外国人観光客が増えたきっかけ
野沢温泉村に外国人旅行客が増えたのは、2000年代からです。
 ![](https://cont.sterfield.co.jp/uploads/2023_12_07_154225_912bc48120.png) 
1998年の長野オリンピックを契機に、同じ長野県で上質なパウダースノーを
目玉にした海外向けのPR活動の結果、オーストラリアをはじめとした多くの外国人旅行客が増えました。
野沢温泉に魅了されて移住してきた外国人も増え、その移住者が旅行客を呼び込んだこと、新幹線開通によるアクセス改善等から、訪問者は右肩上がりに増えました。

そんな中で、課題が見えてきました。

## 現金しか受け付けない飲食店・小売店
 ![](https://cont.sterfield.co.jp/uploads/images_1f300793c2.png) 
外国人旅行客はクレジットカード決済を希望する方が多いのですが、当時、野沢温泉の飲食店や小売店の8割は「現金のみ」でした。
また、海外発行の銀行カードで現金を引き落とせるATMほぼありませんでした。

食べたい・飲みたい・買いたいという外国人旅行客に対してのチャンスロス、売り逃しが起きてました。

そこで、商工会主導でキャッシュレス決済の導入を進め、且つ、地銀とも協力し海外発行銀行カードでも現金を引き出せるATMの設置を進めました。

2019年時点で、6割～7割の飲食店がキャッシュレス決済導入しているようです。

## まとめ
あらゆる施策で集客をしてお客様を集めることができたとしても、お客様の望む決済手段がないと、売り上げは立たないということは、ECでも同じ。

穴の開いたバケツではもったいないということです。

野沢温泉、どんな町（村）か楽しみです。




small_NEWS000000534701.jpg

thumbnail_NEWS000000534701.jpg

NEWS000000534701.jpg

外国人が殺到 野沢温泉が行ったある施策とは

## はじめに
「トップ5％」シリーズとしていくつか発売されている本の一つ「AI分析でわかったトップ5％社員の習慣」（越川慎司 (著)）から、大事だなと思った内容をいくつかピックアップしてご紹介します。

この本は、25社の企業、その企業の「上位5％社員」9,000名と「残り95％社員」9,000名の合計18,000名を対象に、両者の働き方を徹底的に調査した結果です。

気になった方はぜひ購読してみてください。
 ![](/uploads/2023_11_10_103223_4ae0f946c1.png) 


## 「5％社員」の98％が「目的」のことだけを考える

- 過程よりも結果を重視する。
- 時間を大切にする。「5％社員」は一般社員よりも時計を見る時間が1.7倍多く、会議では期限や時間に関して2.3倍以上の発言をする。



良く言われることですが、これを継続的に意識的に行い続けることが、結果を出し続ける秘訣かと思います。

## 再現性を大切にする

- 人やビジネスの価値は「再現性」で決まります。
- スキルや能力があるということは、「特定のことができる」と自己発信し、みんなに認められている状態にあります。さらに言うと、「特定のことをできるようになる」と言う状態は、「特定のことを再現できる」という状態であることを指します。

できる営業マンは、どの会社に行っても、どの製品を売るにしても、トップセールスになれます。
それは、会社や製品が違えど、まさしくこの「特定のことを再現できる」能力が高いのだなと思います。

## 止まって考える時間を設けている

- 「5％社員」は、「振り返りの時間」を取っています。
- その多忙なスケジュールの中で、彼らは2週間に一度は止まって考える時間を取っていました。5％社員は、そうでない社員よりも、振り返りの時間を取る人が8割もいるのです。
- 振り返る時間はほんの15分程度、長くても30分程度です。
- 他人からの承認ではなく、自分の価値観で自分を承認するのです。二度と同じ間違いをしないように振り返って反省し、次の行動に活かしていました。

これがすごく大切だなと思いました。
忙しさを言い訳に、振り返りの時間を作れないこと多々ありますが、きちんと自分自身の中で仕組み化して振り返る時間を確保し、内省しましょう。

## まとめ
「AI分析でわかった トップ5％社員の習慣」の本から大事だと思った箇所をかいつまんでご紹介しました。
良書だと思いますので気になった方は是非読んでみてください。





small_スクリーンショット 2023-11-10 103223.png

thumbnail_スクリーンショット 2023-11-10 103223.png

スクリーンショット 2023-11-10 103223.png

「AI分析でわかった トップ5％社員の習慣」本の紹介

## はじめに
商品やサービスはあるのになぜか売れない、一生懸命営業しているのに顧客に響いていない、そんな経験ありませんか？売れないのは営業力に問題があって、まずは先輩社員や上長の営業トレーニング、あるいは外部トレーニングを活用して 自身の営業力を磨く努力をしなければならないと考えたことはないでしょうか。

今回は、「栗原康太. 新規事業を成功させるPMF（プロダクトマーケットフィット）の教科書. 翔泳社. 2023」の本に紹介されている、“PMF”について記載します。営業力が果たして問題なのかを考えるきっかけになる、読みやすい本です。内容をピックアップしてご紹介します。

 ![](/uploads/81_O_Er9_J_Js_PL_SY_522_be95787c40.jpg) 


## PMFとは
“PMF（Product Market Fit:プロダクトマーケットフィット）の考え方は、世界有数の投資会社の創始者、マーク・アンドリーセンによって広められました。アンドリーセン氏はベンチャーキャピタリストとしてさまざまな企業を見てきた中で、PMFが企業の成否を左右する要素だと指摘しました。

プロダクトマーケットフィットとは、市場を満足させることができる商品で、正しい市場にいることを意味する。“としています。

換言すると、
”顧客のニーズを満たす商品で、正しい市場（潜在的な顧客がたくさんいる市場）にいること“
と定義しています。


## PMFするとどうなるのか
PMFすると商品が顧客に引っ張られるように売られていき、顧客が商品を使い続けてくれたり、口コミをして他の顧客を連れてきてくれたりします。

例えばPMFのシグナルとして、以下があります。

- [ ] - 顧客からの問合せが殺到
- [ ] - 商談から受注までの期間が短い
- [ ] - 受注数が伸びていて、解約も少なく、顧客が満足している
- [ ] - 顧客獲得コストが低く、十分な利益が出ている
- [ ] - 顧客が他の顧客を紹介してくれる

一方でPMFしていないシグナルもあります。

- [ ] - 商談から受注までの期間が長く、見込み客の検討の熱量が低い
- [ ] - 受注数は伸びているが、解約率が高く、顧客が喜んでいない
- [ ] - 営業研修/トレーニングを行い、営業力を強化しても受注率が上がらない
- [ ] - 顧客獲得コストが高く、受注しても利益が出ない
- [ ] - 既存顧客などからの紹介が発生していない

PMFしている商品は売りやすく、PMFしていない商品は売りにくい特徴です。


## PMFするためにはどうしたらいいのか
まずは素早く商品をローンチし、フィードバックを得ながら解決策としての質を上げていくことです。
広告運用の最適化やWebサイトやランディングページの細部にこだわったり、営業資料のデザインにこだわったりするよりも、顧客が買ってくれるのか、顧客が喜んでくれるのかにこだわる必要があります。商談時に売れる売れないに一喜一憂するよりも、PMFに近づいているのか、遠ざかっているのかを意識していくことが大切です。


## まとめ
今ある商品をいかに売るかは大事なことですが、果たしてその商品がマーケットにフィットしているのか俯瞰してみる必要があります。今回ご紹介した本はPMFの事例をたくさん紹介しています。是非手に取って読んでいただき、自社の活動に取り込まれてみてはいかがでしょうか。


small_product-market-fit.png

thumbnail_product-market-fit.png

product-market-fit.png

PMF（プロダクトマーケットフィット）とは

近年、ウェブサイトのコンテンツを取得するスクレイピング技術が増えています。この記事では、一般的なスクレイピングの方法をChrome拡張機能として実装します。特に、動的に読み込まれるコンテンツへの対応として、MutationObserverを使用した方法に焦点を当てて解説します。
これら、全てChatGPTとの対話で作ることができます。

なお、サードパーティのサイトに対してスクレイピングを行う際には、そのサイトの利用規約やrobots.txtを確認して、違反行為をしないよう注意が必要です。

## 1. 前提となる技術

- JavaScriptの基本知識
- Chrome拡張機能の概念
- DOM操作の基本

## 2. ターゲットとなる情報

- 商品名
- 価格
- 商品のリンク

などを決めます。

## 3. 動的コンテンツとは？
近年のウェブページは、ページの初回読み込み時にすべてのコンテンツが読み込まれるわけではなく、ユーザーの操作に応じて後からコンテンツが動的に追加されることが多いです。このような動的コンテンツの取得は、単純なスクレイピング技術では難しい場合があります。

## 4. MutationObserverとは？
MutationObserverは、DOMの変更を監視するための強力なAPIです。これを使用すると、DOMに変更があった際にコールバック関数を実行して、変更された要素に対して操作を行うことができます。動的コンテンツのスクレイピングにおいて非常に役立つツールとなります。

## 5. スクレイピングの実装
まず、Chrome拡張機能としての基本的な構造を構築します。

- manifest.jsonの作成
- ポップアップHTMLの作成
- コンテンツスクリプトの作成

具体的なスクレイピング処理は割愛いたしますが、例えば、もし構造が以下のようであれば

```
<li class="item">
    <a href="product_link">Product Name</a>
</li>
```

コンテンツスクリプト（content.js）は以下のように記述します。

```
let links = Array.from(document.querySelectorAll('.item a'));
```

## 6. 工夫した点: MutationObserverの活用
このガイドの主要なポイントは、MutationObserverの活用です。Shopeeのページは、新しい商品情報が動的に読み込まれることが多いため、このAPIを使用してDOMの変更を監視し、新しく追加された商品情報も取得するようにしました。

## 7. まとめ
この記事では、スクレイピングするための方法をChrome拡張機能として紹介しました。特に、動的コンテンツの取得に焦点を当て、MutationObserverを活用する方法を取り上げました。この手法は、他の多くのウェブサイトでも適用可能で、動的コンテンツの取得に苦労している方にとって有益な情報となることを願っています。


large_DALL·E 2023-10-27 12.49.25 - Photo of a laptop screen displaying lines of code related to web scraping, with the ChatGPT logo prominently visible in the top corner. Beside the lap.png

medium_DALL·E 2023-10-27 12.49.25 - Photo of a laptop screen displaying lines of code related to web scraping, with the ChatGPT logo prominently visible in the top corner. Beside the lap.png

small_DALL·E 2023-10-27 12.49.25 - Photo of a laptop screen displaying lines of code related to web scraping, with the ChatGPT logo prominently visible in the top corner. Beside the lap.png

thumbnail_DALL·E 2023-10-27 12.49.25 - Photo of a laptop screen displaying lines of code related to web scraping, with the ChatGPT logo prominently visible in the top corner. Beside the lap.png

DALL·E 2023-10-27 12.49.25 - Photo of a laptop screen displaying lines of code related to web scraping, with the ChatGPT logo prominently visible in the top corner. Beside the lap.png

ChatGPTで作るChrome拡張機能を利用した動的コンテンツのスクレイピングガイド

今回は、Chrome拡張機能の作成についての基本的なガイドをシェアしたいと思います。
「ChatGPT”の”Chrome拡張機能」ではなく、「ChatGPT”で”Chrome拡張機能」を作ってみたです。
Chrome拡張機能は、Google Chromeのブラウザに新しい機能を追加するためのプラグインのようなものです。
なので、ブラウザ上でこんなのあったら良いのになと思ったら、自分で割と簡単に作れてしまうのです。この辺りがChatGPTの革命的なところですね。

ちなみに、MicrosoftEdgeもChromeと同じChromiumベースなので、自作拡張機能を追加することが可能になっています。

## 拡張機能の基本的なファイル構成
 ![](/uploads/chrome_Extension_a9b20e3317.png) 
ファイル構成としては上図を準備します。
各ファイルの役割は以下です。
chatGPTに作ってもらう時もChrome拡張機能にしてとプロンプトに入れると大抵の場合、下記の基本ファイルの記述を教えてくれるので、それらをエディタに記述し、それぞれのファイル名と拡張子で保存をし、任意のフォルダに格納するだけです。
アイコンはchatGPTでは作ってくれないので画像ファイルとして別途用意して下さい。

簡単にリサイズできるサイトもご参考までに。
https://resizeappicon.com/

1. マニフェストファイル (manifest.json): 拡張機能のメタデータを提供します。名前、バージョン、権限、ブラウザアクションやページアクション、コンテンツスクリプトなどの拡張機能の主要な情報を含むJSON形式のファイルです。
2.  バックグラウンドスクリプト (background.js): ブラウザやページのイベントに反応して、拡張機能の主要な機能を制御します。
3. コンテンツスクリプト (content.js): 直接ウェブページにインジェクトされ、ページのDOMを変更する役割を持っています。
4. ポップアップ: ブラウザのツールバーにある拡張機能のアイコンをクリックしたときに表示される小さなウィンドウです。ポップアップのHTML (popup.html) とそれに関連するJavaScript (popup.js) が含まれます。
5. オプションページ: 拡張機能の設定をユーザーがカスタマイズできるページ。options.html と options.js が含まれます。
6. アセットや他のリソース: アイコンや画像、その他の必要なリソース。例えば、icon.png など。
 ![](/uploads/_2518b036c6.png) 

## Chrome拡張機能のインストール手順
 ![](/uploads/2_24dc3436fa.png) 
上述の構成に格納したフォルダを指定することで読み込みが完了すると拡張機能に自分の作ったものが表示されます。

1. Google Chromeブラウザを開きます。
2. URLバーに chrome://extensions/ を入力して、拡張機能のページを開きます。
3. ページの右上にある「デベロッパーモード」のトグルをオンにします。
4. 「パッケージ化されていない拡張機能を読み込む」ボタンをクリックして、作成した拡張機能のディレクトリ（フォルダ）を選択します。
## デバッグ方法
 ![](/uploads/3_b34eedf322.png) 
やっぱり最初の質問でいきなり動くものは作れないので、これもChatGPTにエラーの内容を修正してもらいながら進めます。各種デバッグの方法を記載します。
1. chrome://extensions/ にアクセスします。
2. インストールした拡張機能のリストから、デバッグしたい拡張機能の「詳細」ボタンをクリックします。
3. 「バックグラウンドページ」のセクションに「検証」または「background.html」のリンクが表示されている場合、それをクリックすることで、Chrome Developer Toolsが開きます。
4. ポップアップをデバッグするには、拡張機能のアイコンをクリックしてから右クリックし、「検証」を選択します。
5. コンテンツスクリプトのデバッグは、ページ上で右クリックして「検証」を選び、コンソールを開いてエラーやログを確認します。


## まとめ
 ![](/uploads/4_517f67b3ea.png) 
皆さんも是非、自分のChrome拡張機能を作成してみてください！
拡張機能欄に自分のアイコン（当社のロゴ）が表示された時はプチ感動しました。
構想中のものは、アクティブなタブに対して情報を取得し、日々の業務を楽にするような便利拡張機能なのですが、まだまだ試作中なので、具体的な拡張機能は次回としたいと思います。




large_439082_I made a Chrome extension with ChatGPT! _xl-1024-v1-0.png

medium_439082_I made a Chrome extension with ChatGPT! _xl-1024-v1-0.png

small_439082_I made a Chrome extension with ChatGPT! _xl-1024-v1-0.png

thumbnail_439082_I made a Chrome extension with ChatGPT! _xl-1024-v1-0.png

439082_I made a Chrome extension with ChatGPT! _xl-1024-v1-0.png

ChatGPTでChrome拡張機能を作ってみた！

<h2>はじめに</h2>
Xin chào（シンチャオ）！

ゴールデンウィークに初めてベトナムへ行きました。

ベトナム語って、アルファベット表記っぽいですが、見慣れない記号（こんなの⇒「ữ」や、こんなの⇒「ốc」）がいっぱいあって、その語源はなんなんだろう？と気になって調べてみました。
<h2>もともとは漢字を使っていた！</h2>
現在のベトナム語は、Xin chào（シンチャオ・意味：こんにちは）のようにアルファベット表記ですが、昔のベトナムは<strong>独自の言葉はあったものの、文字は存在しませんでした。</strong>

ベトナムの北部は紀元前111年から938年の約1,000年間、中国から属国のように支配されていました。この期間を「北属期」といいます。この間に中国語や漢字文化の強い影響を受けました。

938年に中国との闘いに勝利し、「北属期」から「独立期」になります。しかし独立後も<strong>しばらくの間、独自の文字は存在せず、公文書などは引き続き中国語を使っていました。</strong>
<h2>中国語をアレンジしたベトナム独自の文字の誕生</h2>
15世紀になると、ベトナム独自の文字を使用しようという動きが広がります。

そこで、中国語をアレンジしたベトナム独自の文字が生まれました。

その文字を<strong>「Chữ nôm（チュ ノム）」と言い、「漢越語」と言われる言葉です。</strong>

Chữは「字」、Nômは「ベトナム」という意味です。

<img class="aligncenter size-full wp-image-11864" src="/uploads-archive/lc/2023/05/FB_IMG_1473788779523.jpg" alt="" width="559" height="813" />

ベトナムの国旗のところにあるのが、チュ ノム（漢越語）で書かれた「漢字文化圏」という文字です。

<img class="aligncenter size-full wp-image-11865" src="/uploads-archive/lc/2023/05/4eeebcbe40297dd8172368581a96c70c.png" alt="" width="864" height="253" />

たしかに漢字っぽくて、意味がわかりそうでわからない・・・

チュ ノム（漢越語）は、漢字より複雑で一般層にあまり普及せず、識字率も低い状態が続きました。
<h2>いまのベトナム語文字に変化</h2>
17世紀初頭に転機が訪れます。

ポルトガル人宣教師がラテン語のアルファベットを応用した「アンナム語」を生み出します。

「アンナム語」は、チュ ノム（漢越語）よりかなりシンプルなため、一般層にもなじみやすい言語でした。

同時期にフランス人宣教師が、声調を付ける文字を考案し、現在のベトナム語を作り上げました。

<img class="aligncenter size-full wp-image-11866" src="/uploads-archive/lc/2023/05/img_20221220-2.jpg" alt="" width="1280" height="720" />
<h2>中国語由来の日本語・ベトナム語の共通点</h2>
日本語もベトナム語も中国語由来の言葉が多いため、発音が近い言葉が多くあります。

<img class="aligncenter size-full wp-image-11867" src="/uploads-archive/lc/2023/05/ad51b71f031db556f9cf812cc8870003.png" alt="" width="1174" height="591" />

似てますよね！
<h2>まとめ</h2>
言葉のルーツをたどっていくと、その国の歴史を知ることになり、楽しいですね。言葉は文化であり歴史だなと思いました。
<h3>参考文献</h3>
<a href="https://vietomato.com/han-viet-la-gi">https://vietomato.com/han-viet-la-gi</a>

<a href="https://www.arc-c.jp/translation/blog/20150604/">https://www.arc-c.jp/translation/blog/20150604/</a>

<a href="https://vietlovelog.com/4659/">https://vietlovelog.com/4659/</a>

small_hoian.jpg

thumbnail_hoian.jpg

hoian.jpg

ベトナム語の語源って？

## はじめに
この夏、マレーシアの東側の島、ボルネオ島の最大都市、コタキナバルへ行きました。コタキナバルで感じたことを書きます。

## コタキナバルとは
 ![](/uploads/Malaysia_Map_d8b4a74597.png) 
マレーシアは首都クアラルンプールがある西の半島側と、東のボルネオ島北部にある東マレーシアの2エリアに分かれます。
コタキナバルは、東マレーシア最大の都市です。

## 驚いたこと①トイレ
マレーシアの国教はイスラム教ですが、多宗教国家です。
###### イスラム教　61％
###### 仏教　20％
###### キリスト教　9％
###### ヒンズー教　6％
###### その他　4％

イスラム教の人はトイレットペーパーを使わず、トイレに備え付けのシャワーを使って、自分の左手でお尻を洗います。
 ![](/uploads/toiletin_Malay_a5c0949aac.jpg) 
なので、トイレは結構水でびちゃびちゃ。
トイレットペーパーがないトイレも多いので、常に携帯しておけばよかったなと思いました。

なお、コタキナバルの空港は、"WET"側と"DRY"側に分かれていました。　"DRY"側にしかトイレットペーパーはありません、と書いてありました。

## 驚いたこと②州またぎでパスポート
主に滞在したのは、コタキナバルがあるサバ州という州でした。
マレーシアは西の半島側に11州、東のボルネオ島側に2州、その他1つの連邦直轄領があります。
サバ州は州独自の出入境管理が行われていて、サバ州から同じマレーシア内の別の州へ出る際、またサバ州へ戻る際もパスポートチェックとスタンプが押されます。

↓出たとき
 ![](/uploads/IMG_3158_8f6a8a591c.png) 
↓入ったとき
 ![](/uploads/IMG_3159_5002e63953.png) 

特にサバ州へ入るときのチェックがものすごく厳しかったというか、チェックに時間が掛かりました。
ただ、何をチェックしているわけでもなさそうで、ずーっとパスポートとにらめっこしている感じでした。
あとから現地の人に聞くと、いろいろな歴史的背景もあり、サバ州は他の州と仲が悪いとのこと。
ここらへんはもう少し勉強したいところです。

## 驚いたこと③祝日の勤務協力体制
 ![](/uploads/member_blog_3066_5e240cb2a78db_6537f305c9.jpg) 
前述の通りマレーシアは多宗教国家です。　宗教が異なれば宗教毎に祝日も異なります。

### 祝日例
#### `イスラム教の祝日`
・断食明け大祭（**2023年は4月21日**）

・イスラムの新年（**2023年は7月19日**）
#### `キリスト教の祝日`
・イースターサンデー（**4月17日**）

・クリスマス（**12月25日**）

このように多宗教国家の場合、宗教によって祝日が異なるため、仕事はどうしているのかと聞いてみました。

すると、

> イスラム教が祝日の日：イスラム教以外の人たちで仕事をカバーする。


> キリスト教が祝日の日：キリスト教以外の人たちで仕事をカバーする。


という風にカバーする協力体制ができているとのことでした。



てっきり、どの宗教の祝日でもすべて休んでしまうのかと思ってましたが、これは素晴らしいですね。


## まとめ
コタキナバル滞在中に驚いたことを3つご紹介しました。

日本に留まらず海外へビジネス販路を求めるには、もっともっと海外へ出て、見て・聞いて・触って・感じて　が必要と思いました。

コタキナバルで日本人は多少見ましたが、その10倍くらいの韓国人を見ました。　もっともっと世界へ出ていきましょう。


small_shutterstock_149197103.jpg

thumbnail_shutterstock_149197103.jpg

shutterstock_149197103.jpg

コタキナバル（マレーシア）で驚いたこと

## はじめに
社内会議の内容や、クライアントとの商談内容の共有を、議事録によって行うことはありませんか？議事録を共有されるものの、作成者によっては会話形式で記載したり、要点だけ箇条書きで記載したりと、まずは書き手の癖を理解することが議事録内容の理解に結び付いていることはないでしょうか。

今回は、「大石哲之. コンサル一年目が学ぶこと. 鴎来堂. 2014」の本に紹介されている、“議事録作成”にポイントを絞って紹介していきます。本のタイトルから一見すると、コンサルタント向け書籍に見えるかもしれませんが、コンサルタント以外の方にも普遍的に活用できる議事録作成スキルが身に付きますので早速ご紹介していきます。

 ![](/uploads/_9af5c87e8d.png) 

## 内容
### 議事録とは何か
議事録の作成方法について言及する前に、そもそも「議事録とは何か」について説明します。

大石(2014)によると、議事録とは以下のように定義されています。

- [ ] 決定事項、確認事項を書き、関係者に確認し、決定するためのもの
- [ ] 決定事項を書いて、後日のための証拠に残すためのもの

そして議事録に盛り込むべき項目として、以下が挙げられています。

- [ ] 日時
- [ ] 場所
- [ ] 参加者
- [ ] 論点・議題
- [ ] 決まったこと
- [ ] 決まらなかったこと（次に持ち越したこと）
- [ ] 確認が必要なこと
- [ ] 次回に向けてのTO DO（誰がいつまでに）

これらを簡潔に整理して書かれたものが望ましい議事録です。

### 議事録作成方法
上記で紹介した議事録に盛り込むべき項目を網羅して作成していきます。

（作成例）

- [ ] 日時：		2023年7月21日（金）10:00-12:00
- [ ] 場所：		本社会議室

- [ ] 参加者：		営業部長　佐藤、管理部長　鈴木、制作部　山田
- [ ] 論点・議題：	新しくオープンするウェブサイトのデザイン案を決定する

- [ ] 決まったこと：	
- [ ] デザイン会社からのデザイン案のうちC案を採用とするが、下記の点で修正を加える。
-  ①	トップページはもう少しダイレクトに登録を誘導できるものとすること
- ②	HTML5を使ってダイナミックに動くようにすること

- [ ] 決まらなかったこと（次に持ち越したこと）：
- 検討していたドメイン名の多くが他社取得済みで、適切なものがなく、最終的に決まらなかった。

- [ ] 確認が必要なこと：
- HTML5の利用については、もろもろ意見が上がったが、基本的にGOとする。ただし、XX部署に念のため確認を取る。

- [ ] 次回に向けてのTO DO（誰がいつまでに）：

- 取得可能なドメイン名の一覧を、管理部で次回までに洗い出しておくこと。

### 補足事項
会話形式での記録は議事録の型に当てはまっていませんが、誰が何を言ったかを補足として書き加えることは有効であるとしています。キーパーソンの意見や結論に至る簡単な経緯をあくまでも参考として盛り込むことで、キーパーソンはこう言っていたとか、こんな反対意見があったなど、後から振り返った際に役立つことがあります。

## まとめ
議事録の書き方についてご紹介しました。議事録作成は、ご自身が身を置いている業界や、年齢、役職に関わらず、多くの社会人にとって活用できるスキルです。議事録には必要とされている項目があります。これらを網羅していつ誰が見てもわかりやすいものにすることで、内容理解の時間短縮や相互理解のツールとして議事録を活用されてはいかがでしょうか。

large_議事録イラスト.png

medium_議事録イラスト.png

small_議事録イラスト.png

thumbnail_議事録イラスト.png

議事録イラスト.png

議事録の書き方

## はじめに
約4年ぶりに台湾出張してきました。今回の目的は主に市場調査です。ある特定クライアントさま向けの調査が中心でしたが、別プロジェクトで動いている「日本の果物」の販売状況も気になったので、見てきました。

## 台湾のドン・キホーテ
 ![](/uploads/20230720075542_7bec1dfcec.JPEG) 
はじめて、台湾のドン・キホーテに行きましたが、驚きました。　日本にあるドン・キホーテは所狭しと並べる陳列手法で結構圧迫感ありますが、台湾のドン・キホーテはスペースも結構あり、快適な買い物環境でした。
そして、日本のものがいっぱい！
台湾に住んでいるときにドン・キホーテがあったら、もっと快適だったな～と思いました。
 ![](/uploads/20230720080528_7f6d392e83.png) 
 ![](/uploads/20230720080512_d87d6d7ed5.png) 
  ![](/uploads/20230720080455_a1b52ef408.png) 


## 果物の取り扱いと価格
驚いたのは、日本の果物の充実さです。　以下でいくつかご紹介しますが、かなり値段高いです。
 ![](/uploads/20230720084113_86e0c96559.png) 
でも小売店でこれだけフェイスを取って陳列しているということは、それなりにニーズがあるんだろうな、と思います。
 
 ![](/uploads/20230720082001_a9f35cad0c.png) 

日本の桃です。2個で599元（≒2,700円）です。

 ![](/uploads/20230720081933_9e9190df89.png) 
みかん。399元（≒1,800円）

 
 ![](/uploads/20230720081948_41fe253b07.png) 
シャインマスカット。写真では値段が切れちゃってますが、特価となっていて799元（≒3,600円）です。

## まとめ
これだけ高くても、日本の果物を買う人がいるんだな～と思いました。
日本人の感覚からすると、1個3,000円～5,000円するマンゴーを購入する感じでしょうか。
日本の果物の需要の高さ、可能性を感じました。






medium_FireShot Capture 075 - 【2023 台灣自由行】應該怎好玩？台灣行程攻略包括交通、住宿和景點 - Expedia.com.tw - www.expedia.com.tw.png

small_FireShot Capture 075 - 【2023 台灣自由行】應該怎好玩？台灣行程攻略包括交通、住宿和景點 - Expedia.com.tw - www.expedia.com.tw.png

thumbnail_FireShot Capture 075 - 【2023 台灣自由行】應該怎好玩？台灣行程攻略包括交通、住宿和景點 - Expedia.com.tw - www.expedia.com.tw.png

FireShot Capture 075 - 【2023 台灣自由行】應該怎好玩？台灣行程攻略包括交通、住宿和景點 - Expedia.com.tw - www.expedia.com.tw.png

久しぶりの台湾出張で驚いたこと

## はじめに
この記事では、GitHubのリポジトリからステータスが"OPEN"のIssueを取得し、Googleスプレッドシートに追記する方法を紹介します。GitHubのREST APIを使用し、Google Apps Scriptを使って自動化します。これにより、特定の組織の複数のリポジトリからIssue情報を一括で取得し、追加の作業なしでスプレッドシートに保存できます。

ということで、前回の記事でGoogle Apps Script（GAS）をChatGPTに書いてもらったのですが、さまざまなことができることが分かったので、実際に業務で使っているGitHubとの連携を試してみました。
いくつか課題は残ったものの基本的な動作は確認できたのでそのGASそのものもシェア致します。

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

## 必要なもの

### GitHubアカウントとアクセストークンの作成
 ![](/uploads/Fine_grained_Personal_Access_Tokens_861a8dbc65.png) 
GitHub >Setting>Developer Settings> personal access tokens >Fine-grained tokens
を選択します。
ここから新しいトークンを発行するのですが、我々の管理では、リポジトリは組織に紐づいているので、組織に対してのトークンと必要な権限、リポジトリのIssueの読み取り権限を設定します。

### Googleスプレッドシートの作成
最後にGASを共有していますが、スプレッドシートのIDが必要になります。
以下のようにd/と/editの間のXXXの値がスプレッドシートのIDになるので、控えておきしょう。

`https://docs.google.com/spreadsheets/d/XXX/edit`    

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

## リポジトリの取得

ここから先のコードは、全てChatGPTから取得した末尾にシェアしているものを記載します。

GitHubのREST APIを使用して指定した組織のリポジトリを取得する関数を作成する
リポジトリの一覧を表示するためのスプレッドシートの作成

## Issueの取得と追記

取得したリポジトリごとにステータスが"OPEN"のIssueを取得する関数を作成する
スプレッドシートにIssue情報を追記する

## 実行と結果確認

Google Apps Scriptの実行方法とトリガーの設定
スクリプトを実行し、Issue情報がスプレッドシートに追記されることを確認する

以下のように、取得はできたものの課題を残す結果となったので、課題点は後述します。

 ![](/uploads/Google_1c1a29f017.png) 


## エラーハンドリングの追加と問題解決のヒント
エラーが出たら、そのエラー文言をChatGPTに投げ、修正コードをもらっていくのですが、こんなお茶目な一面も。
 ![](/uploads/GAS_1ac28d726e.png) 

## 課題点

- 一度に取得できるIssueを増やす。ページングの実装なども追加したが、全件取得には至らなかった。この点は、GraphQLの書き方をChatGPTが提案してくれたが、どうにも上手くいかず、今回はREST APIでの手法となった。
- Projectsから課題を取得できないか。これは、Projectsがベータ版となっており、ChatGPTが2021年9月までの情報に留まっているため、断念。
- シート内の重複削除。そもそも全件取得が出来ていないので、未検証。

## まとめ
この記事では、GitHubのREST APIとGoogle Apps Scriptを活用して、GitHubリポジトリからステータスが"OPEN"のIssueを自動的に取得し、Googleスプレッドシートに追記する方法を紹介しました。これにより、開発チームやプロジェクト管理者は、リポジトリ内のオープンな課題を一元管理し、効果的に追跡することができます。さらに、自動化されたプロセスにより、作業の効率化とヒューマンエラーの軽減も期待できます。是非、この方法を試してみてください。

本当に革命的だなと思うのは、今までエンジニアに依頼するしかなかったような作業が非エンジニアである人間とChatGPTとの会話だけで出来てしまうところです。そして、このやり取りをしながら、指示を変えたりデバッグしていく作業はとても楽しいものでした。

そして、結構な時間をChatGPTと向き合ってきて、コツが分かってきたのですが、何かコードをもらう時に、一気に指示を出すのではなく、最初は最小単位で指示を出し、成功したら少しずつ機能を追加していくと、結局は近道です。
今回のケースですと、まずは、Githubから特定のリポジトリのIssueを取得。これが成功したら、ステータスをオープンに限定、複数のリポジトリから取得する、スプレッドシート側の重複をチェックするというように足していくと良かったです。

最後に今回のGASをシェアします。トークンやスプレッドシートのIDなどは、置き換えてください。    

## GAS

```
// カスタムメニューを作成する関数
function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('Custom Menu')
      .addItem('Fetch and Append Issues', 'fetchAndAppendIssues')
      .addToUi();
}
function fetchAndAppendIssues() {
  var organization = "your_organization"; // 組織名
  var spreadsheetId = "your_spreadsheet_id"; // スプレッドシートのID
  var sheetName = "your_sheet_name"; // 追加するシートの名前
  var status = "open"; // 取得するIssueのステータス
  var perPage = 100; // 1回のリクエストで取得するIssueの数（最大100件）

  var sheet = SpreadsheetApp.openById(spreadsheetId).getSheetByName(sheetName);

  var repositories = getRepositories(organization);
  var newData = []; // 新しいデータを格納する配列

  for (var i = 0; i < repositories.length; i++) {
    var repo = repositories[i];
    var page = 1; // ページ番号

    while (true) {
      var url = "https://api.github.com/repos/" + organization + "/" + repo + "/issues?state=" + status + "&per_page=" + perPage + "&page=" + page;
      var response = UrlFetchApp.fetch(url, {
        headers: {
          "Authorization": "Bearer YOUR_GITHUB_ACCESS_TOKEN" // GitHubのアクセストークン
        }
      });

      var issues = JSON.parse(response.getContentText());
      if (issues.length === 0) {
        break; // ページの結果が空ならループを終了
      }

      for (var j = 0; j < issues.length; j++) {
        var issue = issues[j];
        var title = issue.title;
        var number = issue.number;
        var createdAt = issue.created_at;
        var htmlUrl = issue.html_url;

        newData.push([title, number, createdAt, htmlUrl]); // 新しいデータを配列に追加
      }

      page++; // 次のページに進む
    }
  }

  if (newData.length > 0) {
    if (sheet.getLastRow() === 0) {
      sheet.getRange(1, 1, newData.length, newData[0].length).setValues(newData); // データを直接書き込む
    } else {
      sheet.getRange(sheet.getLastRow() + 1, 1, newData.length, newData[0].length).setValues(newData); // データを追記
    }
  }
}

function getRepositories(organization) {
  var url = "https://api.github.com/orgs/" + organization + "/repos";
  var response = UrlFetchApp.fetch(url, {
    headers: {
      "Authorization": "Bearer YOUR_GITHUB_ACCESS_TOKEN" // GitHubのアクセストークン
    }
  });

  var repositories = JSON.parse(response.getContentText());
  var repoNames = [];

  for (var i = 0; i < repositories.length; i++) {
    var repo = repositories[i];
    repoNames.push(repo.name);
  }

  return repoNames;
}
```


large__09b5edad-a516-4f8f-93d9-5632be519bcc.jpeg

medium__09b5edad-a516-4f8f-93d9-5632be519bcc.jpeg

small__09b5edad-a516-4f8f-93d9-5632be519bcc.jpeg

thumbnail__09b5edad-a516-4f8f-93d9-5632be519bcc.jpeg

_09b5edad-a516-4f8f-93d9-5632be519bcc.jpeg

GitHubリポジトリからIssueを取得してスプレッドシートに追記するGAS試作版を作ってみた



## はじめに
近年、テクノロジーの進歩により、自然言語処理の分野でも驚くべき進歩がありました。その中でも、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で議事録要約ツールを作ってみた（長文対応）




<p>当社で何かプロジェクトを進める際、お決まりになりつつある流れとして、テーマに沿った教科書を読み込んで、お手本にしながら道筋を立てて進めるというものがございます。<br>今回は、BPR（Business Process Re-engineering）のフレームワークに則って業務改革を進める一環で本書を手にしました。</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="500" height="706" src="/uploads-archive/2023/06/image.png" alt="" class="wp-image-18182" srcset="/uploads-archive/2023/06/image.png 500w, /uploads-archive/2023/06/image-212x300.png 212w, /uploads-archive/2023/06/image-228x322.png 228w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<p>書籍は<a href="https://amzn.to/3ORKZAz" target="_blank" rel="noopener" title="">こちら</a>、Amazonのアフィリエイトリンクになっています。</p>



<h2>ChatGPTによる要約</h2>



<p>要約だけ知りたい方は、ChatGPTにまとめてもらったものを掲載致します。</p>
<blockquote>
<p>『業務改革の教科書: 成功率9割のプロが教える全ノウハウ』は、業務改革の成功に向けての実践的な手法と戦略を提供する書籍です。</p>
<p>本書は、成功率が高いプロフェッショナルたちの経験とノウハウを通じて、業務改革を成功させるための実践的なアプローチを提供しています。</p>
<p>まず、業務改革の重要性が強調されています。競争が激化するビジネス環境において、組織は効率的で革新的な業務プロセスを確立する必要があります。業務改革は、組織の生産性や競争力を向上させるための重要な取り組みです。</p>
<p>本書では、業務プロセスの評価と分析の重要性について説明されています。現状のプロセスを客観的に評価し、問題点や改善の余地を明確にすることが重要です。具体的な評価手法やツールについても解説されています。</p>
<p>次に、プロセスの再設計についてのアプローチが提案されています。既存の業務プロセスを見直し、効率化や革新を図るための戦略を策定します。顧客のニーズや市場の変化を考慮しながら、最適なプロセスデザインを目指します。</p>
<p>また、技術の活用も重要な要素として取り上げられています。情報システムやデジタルテクノロジーの導入により、業務プロセスの自動化や効率化が可能となります。適切な技術の選択と活用方法についても具体的に解説されています。</p>
<p>さらに、リーダーシップの役割と変革の管理についても触れられています。組織のリーダーはビジョンを明確化し、従業員の参加と協力を促進する役割を果たす必要があります。変革のプロセスやコミュニケーション戦略についても詳しく解説されています。</p>
<p>最後に、モニタリングと評価の重要性が強調されています。改革の成果を定量的・定性的な指標で測定し、継続的な改善と進化を実現するために必要です。</p>
<p>『業務改革の教科書: 成功率9割のプロが教える全ノウハウ』は、実践的な手法や戦略を通じて業務改革の成功をサポートする貴重な情報源です。組織の効率化や競争力向上を目指す方にとって、必読の書となることでしょう。</p>
</blockquote>
<p> </p>



<h2>本書の流れ</h2>



<ul>
<li>プロローグでマインドセット</li>



<li>1章　目標設定　本書ではConcept Flaming</li>



<li>2章　現状調査/分析　Assesmentフェーズ</li>



<li>3章　施策を決める</li>



<li>4章　スケジュールを決める</li>
</ul>



<p>といった流れになっており、実行の前段階までが本書に書かれております。</p>



<h2>BPRの一般的な流れ</h2>



<p>一方でいわゆるBPRのお作法を調べると以下の定義が定められております。</p>



<ol>
<li>プロジェクトの準備とスコープの定義:
<ul>
<li>BPRプロジェクトの目的、範囲、目標を明確に定義します。</li>



<li>プロジェクトのリソース、予算、スケジュールなどを計画します。</li>
</ul>
</li>



<li>現行業務プロセスの理解とドキュメント化:
<ul>
<li>現行の業務プロセスを詳細に理解し、関係者とのインタビューや観察などの方法を使って情報を収集します。</li>



<li>収集した情報をもとに、業務フローチャートやプロセスマップなどの形で現行プロセスをドキュメント化します。</li>
</ul>
</li>



<li>問題の特定と分析:
<ul>
<li>現行業務プロセスにおける問題や課題を特定します。</li>



<li>問題の原因を分析し、改善のためのポテンシャルを特定します。</li>
</ul>
</li>



<li>ビジネスプロセスの再設計:
<ul>
<li>問題の特定と分析を基に、業務プロセスの再設計を行います。</li>



<li>プロセスの合理化、効率化、自動化などの改善策を検討します。</li>



<li>新しい業務フローチャートやプロセスマップを作成し、変更点を明確にします。</li>
</ul>
</li>



<li>新しい業務プロセスの実装:
<ul>
<li>再設計された業務プロセスを実際の運用に移行するための計画を立てます。</li>



<li>関係者のトレーニングや変更管理の活動を実施し、新しいプロセスの採用を支援します。</li>
</ul>
</li>



<li>モニタリングと改善:
<ul>
<li>新しい業務プロセスの運用をモニタリングし、効果を評価します。</li>



<li>定量的および定性的なデータを収集し、プロセスの改善点を特定します。</li>



<li>継続的な改善サイクルを確立し、適宜プロセスを最適化していきます。</li>
</ul>
</li>
</ol>



<p>BPRの手順と照らし合わせると、新しい業務プロセスの実装前後までが記されているのではないでしょうか。</p>



<h2>抜粋</h2>



<p>その中でも気になったワード。我々にとって重要になるだろうなと感じたポイントを上げさせて頂きます。</p>



<ul>
<li>変革をリードできない管理職には価値がない</li>



<li>まずは同志を集めよ</li>



<li>目指さないゴールも明らかにしておくこと</li>



<li>40%の効率化よりもインパクトがある一元化</li>



<li>変革に関係者を巻き込め</li>



<li>効果を金額化する</li>
</ul>



<h2>まとめ</h2>



<p>まさに今から、業務改革を進めようとしている当事者にとって教科書となる書籍でした。</p>



<p>「バックアップの約束を取り付けろ」や「必ず抵抗勢力が現る」と言った良いことばかりでないこともリアルに書かれているので、現場感覚が鋭く感情移入しながら読み進めることができました。</p>


medium_811455a1-5bc8-4200-8dad-3b65dca16ee3-e1685680854459-768x549.jpeg

small_811455a1-5bc8-4200-8dad-3b65dca16ee3-e1685680854459-768x549.jpeg

thumbnail_811455a1-5bc8-4200-8dad-3b65dca16ee3-e1685680854459-768x549.jpeg

811455a1-5bc8-4200-8dad-3b65dca16ee3-e1685680854459-768x549.jpeg

レビュー：業務改革の教科書: 成功率9割のプロが教える全ノウハウ

<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で議事録要約ツール試作版を作ってみた


<figure class="wp-block-embed is-type-wp-embed is-provider-スターフィールド株式会社 wp-block-embed-スターフィールド株式会社"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="vWARIMlfBZ"><a href="https://sterfield.co.jp/officer/%e8%b6%8a%e5%a2%83ec%e9%96%a2%e9%80%a3%e3%83%af%e3%83%bc%e3%83%89%e3%81%a7chatgpt%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f/">越境EC関連ワードでChatGPTを試してみた</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" title="&#8220;越境EC関連ワードでChatGPTを試してみた&#8221; &#8212; スターフィールド株式会社" src="https://sterfield.co.jp/officer/%e8%b6%8a%e5%a2%83ec%e9%96%a2%e9%80%a3%e3%83%af%e3%83%bc%e3%83%89%e3%81%a7chatgpt%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f/embed/#?secret=YFzxz4pwbk#?secret=vWARIMlfBZ" data-secret="vWARIMlfBZ" width="500" height="282" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<p>前回の記事から一か月たちますが、chatGTPへの言及はとどまることなくむしろ、勢いが増している感さえあります。</p>



<p>続々とこのGTP技術を既存サービスに組み込んだリリースも出されています。</p>



<p><a href="https://japan.cnet.com/article/35199990/" target="_blank" rel="noopener" title="">https://japan.cnet.com/article/35199990/</a></p>



<p><a href="https://japan.cnet.com/article/35199752/" target="_blank" rel="noopener" title="">https://japan.cnet.com/article/35199752/</a></p>



<p><a href="https://prtimes.jp/main/html/rd/p/000000094.000036236.html" target="_blank" rel="noopener" title="">https://prtimes.jp/main/html/rd/p/000000094.000036236.html</a></p>



<p>そんな中でも大本命となる検索エンジン「Bing」にAIチャットが搭載を発表した。</p>



<p><a href="https://forest.watch.impress.co.jp/docs/news/1476766.html" target="_blank" rel="noopener" title="">https://forest.watch.impress.co.jp/docs/news/1476766.html</a></p>



<p>現在は、ウェイティングリストに登録して待つ必要があるが、即日登録して待っていたところ数日で使えるようになったので、試してみました。</p>



<h2>検索エンジンに統合されたAIチャット</h2>



<p>まず、ChatGPTはGPT-3.5という世代だが、このBingに搭載されるのは単純にGPT-4ではない次世代バージョンをベースにしているということで、より流暢で自然な会話が出来るようになっているとされています。</p>



<p>早速見てみましょう。</p>



<p>前回と同じように「シンガポールの関税教えて」で検索してみました。</p>



<figure class="wp-block-video"><video controls src="/uploads-archive/2023/02/シンガポールの関税教えて-検索-1.mp4"></video></figure>



<p>確実に精度は上がっていますね。</p>



<h3 id="block-4d3b5401-d45a-4f48-a562-5732015f2b7b">ChatGPTの弱点を克服</h3>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="476" src="/uploads-archive/2023/02/image-1024x476.png" alt="" class="wp-image-18119" srcset="/uploads-archive/2023/02/image-1024x476.png 1024w, /uploads-archive/2023/02/image-300x140.png 300w, /uploads-archive/2023/02/image-768x357.png 768w, /uploads-archive/2023/02/image-228x106.png 228w, /uploads-archive/2023/02/image.png 1152w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Chat GTPとは直接競い合ってるわけではないと本人は言っておりますが、Chat GTPでは、最初の質問ではフワッとした答えしか返って来ず、「詳細を教えて」と深掘りをすることで、前の文脈を読み取り、より具体例を出してくれました。前回はこの時点ですごいと感動したものですが、深掘りの必要がない点でそれを上回りますね。</p>



<figure class="wp-block-image"><img decoding="async" loading="lazy" width="798" height="400" src="/uploads-archive/2023/01/Singapore-Customs-and-Tax.png" alt="" class="wp-image-18069" srcset="/uploads-archive/2023/01/Singapore-Customs-and-Tax.png 798w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-300x150.png 300w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-768x385.png 768w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-228x114.png 228w" sizes="(max-width: 798px) 100vw, 798px" /></figure>



<p>また、前回の記事でChat GTPを使うコツとして、エビデンスを聞く必要があったが、今回搭載されたBingでは、最初から根拠を提示した上で、答えてくれます。3往復程度必要だった工程が一回で済むようになりました。</p>



<figure class="wp-block-image"><img decoding="async" loading="lazy" width="801" height="627" src="/uploads-archive/2023/01/Singapore-Customs-and-Tax-1.png" alt="" class="wp-image-18071" srcset="/uploads-archive/2023/01/Singapore-Customs-and-Tax-1.png 801w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-1-300x235.png 300w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-1-768x601.png 768w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-1-228x178.png 228w" sizes="(max-width: 801px) 100vw, 801px" /></figure>


<div class="wp-block-image">
<figure class="aligncenter is-resized"><a href="/uploads-archive/2023/02/シンガポールの関税教えて-検索.png"><img decoding="async" loading="lazy" src="/uploads-archive/2023/02/シンガポールの関税教えて-検索-1024x857.png" alt="" class="wp-image-18102" width="840" height="703" srcset="/uploads-archive/2023/02/シンガポールの関税教えて-検索-1024x857.png 1024w, /uploads-archive/2023/02/シンガポールの関税教えて-検索-300x251.png 300w, /uploads-archive/2023/02/シンガポールの関税教えて-検索-768x643.png 768w, /uploads-archive/2023/02/シンガポールの関税教えて-検索-1536x1285.png 1536w, /uploads-archive/2023/02/シンガポールの関税教えて-検索-228x191.png 228w, /uploads-archive/2023/02/シンガポールの関税教えて-検索.png 1606w" sizes="(max-width: 840px) 100vw, 840px" /></a></figure></div>


<p>さらに次の質問に対するサジェストまであります。</p>



<h3>同じキーワードで検索結果と行ったり来たり</h3>



<figure class="wp-block-video"><video controls src="/uploads-archive/2023/02/シンガポールの関税教えて-検索-2.mp4"></video></figure>



<p>検索エンジンに統合されていることがミソで「検索」と「チャット」行ったり来たりができます。</p>



<h2>検索エンジンの役割の変化</h2>



<h3>今まで</h3>



<ol>
<li>キーワード入力</li>



<li>検索結果</li>



<li>サイトへ遷移</li>



<li>2～3を繰り返し目的の情報へ辿り着く</li>
</ol>



<h3>これから</h3>



<ol>
<li>キーワード入力</li>



<li>対話</li>



<li>エビデンスの確認のためにサイト遷移</li>
</ol>



<p>になります。</p>



<p>今までのWebマーケティングの大半は、2の検索結果に掲載されるために、SEOだったりリスティング広告へコスト投下し、表示回数を競っておりましたが、これからの対話による検索は、いかにGPTエンジンに引用されるかのChat Engine Optimisation（CEO）という分野が開拓されることも想像に難くありません。現状では、上位表示されたサイトの要約という要素が強いかと思われますので、SEO自体は引き続き重要な要素に変わりはありません。</p>



<h2>まとめ</h2>



<p>早速、デフォルトの検索エンジンをBingに固定して数日過ごしています。検索の方は、、、ですが、チャットとの併用が吉です。</p>



<p>調べるから尋ねる時代へ検索エンジンは新たなフェーズ入りを予期させるものでした。<br>ググれが死語になるのかなぁ。</p>



<h3>余談</h3>



<p>ショッピング広告をもう組み込みんでいるようです。</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="576" src="/uploads-archive/2023/02/image-1-1024x576.png" alt="" class="wp-image-18126" srcset="/uploads-archive/2023/02/image-1-1024x576.png 1024w, /uploads-archive/2023/02/image-1-300x169.png 300w, /uploads-archive/2023/02/image-1-768x432.png 768w, /uploads-archive/2023/02/image-1-228x128.png 228w, /uploads-archive/2023/02/image-1.png 1146w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


medium_新しい-Bing-詳細情報-768x419.png

small_新しい-Bing-詳細情報-768x419.png

thumbnail_新しい-Bing-詳細情報-768x419.png

新しい-Bing-詳細情報-768x419.png

チャットAIを搭載した新しいBingがすごい！


<p>話題のchatGPTを試してみました。</p>



<h2>ChatGPTとは</h2>



<blockquote class="wp-block-quote">
<p>ChatGPT（チャットジーピーティー、Generative Pre-trained Transformer)は、OpenAIが2022年11月に公開したしたチャットボット。OpenAIのGPT-3.5ファミリーの言語モデルを基に構築されており、教師あり学習と強化学習の両方の手法で転移学習されている。</p>
<cite>https://ja.wikipedia.org/wiki/ChatGPT</cite></blockquote>



<p>Wikipediaから引用しましたが、噛み砕くととてもとても自然な文章を生成してくれる汎用的なチャットボットです。他と一線を画すと言われている所以が、特定の領域に限らず、 GPTと言われる大規模言語モデルがあらゆる言葉に対して回答を返してくれて、それが正規表現やプラグラミング言語にまで及ぶという点です。</p>



<p>今なら、open AIのサイトでアカウント登録することで無料で試すことが出来ますので、未来の当たり前を体験すべく、試してみました。</p>



<p><a href="https://openai.com/blog/chatgpt/" target="_blank" rel="noreferrer noopener">ChatGPT: Optimizing Language Models for Dialogue &#8211; OpenAI</a></p>



<h2>ChatGPT応答速度</h2>



<p>グローバルなビジネスにおける一番あるある関税について聞いてみました。</p>



<p>ここでは、「シンガポールの関税教えて」と聞きました。</p>



<figure class="wp-block-video"><video controls src="/uploads-archive/2023/01/Singapore-Import-Tax-Details.mp4"></video></figure>



<p>約10秒ほどの沈黙の後、答えの応答に関しては、ズバスバと返ってきます。</p>



<h2>深掘りして聞く</h2>



<p>しかしながら、返答の2行ではなかなか要領を得ません。そこで「詳細を教えて」とだけ聞きます。</p>



<p>ここで感心をするのが、前回の質問に対しての文脈、コンテキストを理解した上で会話を継続できることです。</p>



<figure class="wp-block-image"><img decoding="async" loading="lazy" width="798" height="400" src="/uploads-archive/2023/01/Singapore-Customs-and-Tax.png" alt="" class="wp-image-18069" srcset="/uploads-archive/2023/01/Singapore-Customs-and-Tax.png 798w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-300x150.png 300w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-768x385.png 768w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-228x114.png 228w" sizes="(max-width: 798px) 100vw, 798px" /></figure>



<p>関税自体はほとんどないが正解と知っているので、これ以上の回答はないと思いますが、所得税の説明を詳しく返してくれました。</p>



<h2>ソースは必ず聞くようにする。</h2>



<p>Chat GPTはあくまで正解を返してくれるチャットボットではなくて、自然な会話ができるチャットボットなので、結局は一次ソースを確認をする必要があります。</p>



<p>知識もなく、判断が出来ない領域においてChat GPTの返答内容をそのまま、鵜呑みにする、公開する行為は注意が必要です。</p>



<figure class="wp-block-image"><img decoding="async" loading="lazy" width="801" height="627" src="/uploads-archive/2023/01/Singapore-Customs-and-Tax-1.png" alt="" class="wp-image-18071" srcset="/uploads-archive/2023/01/Singapore-Customs-and-Tax-1.png 801w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-1-300x235.png 300w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-1-768x601.png 768w, /uploads-archive/2023/01/Singapore-Customs-and-Tax-1-228x178.png 228w" sizes="(max-width: 801px) 100vw, 801px" /></figure>



<p>「ソースは？」という質問だけでは、再び要領を得なかったのでURLで教えてもらうと、</p>



<ul>
<li>シンガポール税務局 (Inland Revenue Authority of Singapore) : <a href="https://www.iras.gov.sg/">https://www.iras.gov.sg/</a></li>



<li>シンガポール政府経済開発局 (Economic Development Board) : <a href="https://www.edb.gov.sg/">https://www.edb.gov.sg/</a></li>
</ul>



<p>の二つの情報を教えてもらうことが出来ました。</p>



<h2>検索エンジンでは？</h2>



<figure class="wp-block-image"><img decoding="async" loading="lazy" width="868" height="727" src="/uploads-archive/2023/01/シンガポールの関税-Google-検索.png" alt="" class="wp-image-18073" srcset="/uploads-archive/2023/01/シンガポールの関税-Google-検索.png 868w, /uploads-archive/2023/01/シンガポールの関税-Google-検索-300x251.png 300w, /uploads-archive/2023/01/シンガポールの関税-Google-検索-768x643.png 768w, /uploads-archive/2023/01/シンガポールの関税-Google-検索-228x191.png 228w" sizes="(max-width: 868px) 100vw, 868px" /></figure>



<p>ジェトロのページが最初に上がってきます。</p>



<p><a href="https://www.jetro.go.jp/world/asia/sg/trade_03.html">https://www.jetro.go.jp/world/asia/sg/trade_03.html</a></p>



<p>日本語での詳細が書かれており、参照先としては、</p>



<p>シンガポール税関（<a href="http://www.customs.gov.sg/" target="_blank" rel="noreferrer noopener">Singapore Customs</a>）</p>



<p>が紹介されおります。</p>



<p>関税を調べたい時は、税務局ではなく税関の方が正しいでしょう。</p>



<h2>まとめ</h2>



<p>ということで、今回はシンプルな内容で試してみたところ、まだ、検索エンジンに軍配が上がるとは思いました。</p>



<p>しかしながら、「正解を知りたい」というニーズに対しての用途で、ChatGPTの真価は大規模言語モデルを背景にした、「文章構成力」にあると思います。</p>



<p>コンテンツの「要約」や表現力を活かした「返信」などでは、用途を見出しており、研究論文の要旨に利用してしまうなど、既に警鐘が鳴らされている状況でもあります。</p>



<p><a href="https://gigazine.net/news/20230116-chatgpt-abstract/">https://gigazine.net/news/20230116-chatgpt-abstract/</a></p>



<p>それほどまでに可能性と未来を感じられるプロダクトであるということを示しているのではないでしょうか。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: ビジネス

2024/01/18

2024/01/14

2024/01/11

2023/12/07

2023/11/10

2023/11/02

2023/10/27

2023/09/21

2023/09/01

2023/08/31

2023/07/20

2023/07/20

2023/07/14

2023/06/30

2023/06/03

2023/04/28

2023/02/17

2023/01/20