<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>

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>


新しい-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>


ChatGPT-Optimizing-Language-Models-for-Dialogue-1-768x464.png

越境EC関連ワードでChatGPTを試してみた

<p>RPA（Robotic Process Automation）領域盛り上がってますよね。</p>
<p>定期的にIT展示会に出向くようにしておりますが、今年は、AIとRPAが第一回目の専門展として開催されていました。ここまで来るとようやくサービスを提供する会社が増えたというキャズムを越えて普及に向かっていくのだろうなと感じました。</p>
<p>ここで、目新しいサービスでもないのですが「Zapier」というアプリケーション同士を連携させてタスクを自動化させるツールを使ってみました。</p>
<p><a href="https://zapier.com/" target="_blank" rel="noopener">Zapier</a>は2012年からサービスを開始していますが、当時は25種のアプリケーションとの連携しか出来なかったことに対し、現状は1000を超えるアプリケーションと連携が出来ると公式サイトでは謳われています。</p>
<p>このように、ツールの成熟と共に連携アプリケーション側もAPIを公開するなどで、一気に普及期に突入していくんだろうなと感じています。</p>
<p><strong>営業として売上を上げて利益を出すのとコストを下げて利益を確保するのは、同じ価値</strong>だと考えているので、業務効率化に対しては常に目を光らせています。</p>
<p>ということで、今回はこのZapierを使ってみた内容を紹介します。</p>
<h2>設定の流れ</h2>
<p>まず、Zapierでは、自動化の一括りの単位でZAPというのがあり、ZAPの中に条件を設定するTriggerと内容を設定するActionがあります。</p>
<p>ここでは、PopularなZAPとして紹介されていたスプレッドシートとGoogleカレンダーの連携を試みてみました。</p>
<p>有料プランでは、設定出来るZAPの上限数が上がったりトリガーとアクションを2個以上に設定出来るマルチステップZAPが使えたりと大幅に機能が強化されます。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-14171 size-large" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1024x554.png" alt="" width="1024" height="554" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1024x554.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-300x162.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-768x416.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-228x123.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier.png 1099w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>公式ホームページ上で掲載されているものはそのまま設定するだけで使えるようになります。</p>
<p><a href="/uploads-archive/2018/08/Menubar.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14172" src="/uploads-archive/2018/08/Menubar-1024x421.png" alt="" width="1024" height="421" srcset="/uploads-archive/2018/08/Menubar-1024x421.png 1024w, /uploads-archive/2018/08/Menubar-300x123.png 300w, /uploads-archive/2018/08/Menubar-768x316.png 768w, /uploads-archive/2018/08/Menubar-228x94.png 228w, /uploads-archive/2018/08/Menubar.png 1126w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>まずはトリガーの設定から。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14173" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-1024x903.png" alt="" width="1024" height="903" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-1024x903.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-300x265.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-768x677.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-228x201.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1.png 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>説明が１ページ挟まります。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14174" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-1024x492.png" alt="" width="1024" height="492" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-1024x492.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-300x144.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-768x369.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-228x110.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2.png 1117w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>ConnectボタンからGoogleアカウントへ遷移し、同意します。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14175" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-1024x530.png" alt="" width="1024" height="530" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-1024x530.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-300x155.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-768x398.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-228x118.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3.png 1114w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>進みます。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14176" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-1024x911.png" alt="" width="1024" height="911" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-1024x911.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-300x267.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-768x683.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-228x203.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4.png 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>スプレッドシートのファイル名とシートを指定します。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14177" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-1024x646.png" alt="" width="1024" height="646" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-1024x646.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-300x189.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-768x484.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-228x144.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5.png 1116w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>ここでもヘルプページが挟まれます。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14178" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-1024x678.png" alt="" width="1024" height="678" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-1024x678.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-300x199.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-768x509.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-228x151.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6.png 1113w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>サンプルを引っ張ることが出来ます。<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-14185" src="/uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb.png" alt="" width="902" height="186" srcset="/uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb.png 902w, /uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb-300x62.png 300w, /uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb-768x158.png 768w, /uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb-228x47.png 228w" sizes="(max-width: 902px) 100vw, 902px" /></p>
<p>こんな感じで用意をしてみました。（実際は最初に何やったらよいか分からなかったので試行錯誤）</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14186" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-1024x771.png" alt="" width="1024" height="771" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-1024x771.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-300x226.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-768x578.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-228x172.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10.png 1123w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>これでトリガーの設定は終了で、次にアクションの設定をします。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14179" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-1024x461.png" alt="" width="1024" height="461" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-1024x461.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-300x135.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-768x345.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-228x103.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7.png 1116w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>まずは、カレンダーの認証から。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14180" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-1024x494.png" alt="" width="1024" height="494" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-1024x494.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-300x145.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-768x370.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-228x110.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8.png 1114w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>こちらも同意します。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14181" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-1024x526.png" alt="" width="1024" height="526" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-1024x526.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-300x154.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-768x395.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-228x117.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9.png 1115w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>進みます。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14187" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-1024x883.png" alt="" width="1024" height="883" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-1024x883.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-300x259.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-768x662.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-228x197.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11.png 1117w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>ここでカラムの定義をします。終わりの時間は[ +1h]とすると一時間後に設定出来るようです。もちろん、別のカラムに終了時間を書いてそれを設定するものでもいいと思われます。この当たりのお作法は最低限覚えないとだめですね。</p>
<p>そして、これだけですと、タイトルも説明文もない状態なので、advanced optionsを開きます。</p>
<p><a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14189" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-1024x947.png" alt="" width="1024" height="947" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-1024x947.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-300x277.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-768x710.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-228x211.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12.png 1140w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>先程のカラムを定義します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>以上で設定自体は終了です。</p>
<p><a href="/uploads-archive/2018/08/Franz.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-14191" src="/uploads-archive/2018/08/Franz.png" alt="" width="457" height="280" srcset="/uploads-archive/2018/08/Franz.png 457w, /uploads-archive/2018/08/Franz-300x184.png 300w, /uploads-archive/2018/08/Franz-228x140.png 228w" sizes="(max-width: 457px) 100vw, 457px" /></a></p>
<p>Googleカレンダー見てみると来てました。</p>
<p>とりあえず、初歩的な部分でこれがすぐに生産性をあげるという代物ではありませんが、設定の流れを見ることが出来ました。</p>
<h2>まとめ</h2>
<p>Zapierならノンプラミングでいろいろ出来ます。致し方ない部分かもしれないですが、画面遷移は多いかなと思いました。</p>
<p>メルカリはZaipier使って<a href="https://seleck.cc/1230" target="_blank" rel="noopener">400以上の業務自動化</a>しているらしいです。しかも非エンジニアがというところがすごいですよね。</p>
<p>もっともっと取り入れていきます。</p>
<p>&nbsp;</p>


タスク自動化ツールZapierを使ってみた

<p>&nbsp;</p>
<h2><b>Scratch</b> (スクラッチ)とは</h2>
<blockquote><p><b>Scratch</b> (スクラッチ) とは初心者が最初に正しい構文の書き方を覚えること無く結果を得られるプログラミング言語学習環境である。MITメディアラボが開発し、遊び心のある実験やインタラクティブアニメーション、ゲームなどの製作を通してさらなる学習のやる気を起こさせることを意図している。（wiki）</p></blockquote>
<h2>特点</h2>
<p>今までクラシックプログラマは</p>

		<div id="crayon-649540264776a989795457" 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><span class="crayon-language">Java</span></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;">
	// pre: list != null
	// post: return sum of elements
	// use traditional for loop
	public static int sumListOld(int[] list)
	{	int total = 0;
		for(int i = 0; i &lt; list.length; i++)
		{	total += list[i];
			System.out.println( list[i] );
		}
		return total;
	}</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-649540264776a989795457-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-2">2</div><div class="crayon-num" data-line="crayon-649540264776a989795457-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-4">4</div><div class="crayon-num" data-line="crayon-649540264776a989795457-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-6">6</div><div class="crayon-num" data-line="crayon-649540264776a989795457-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-8">8</div><div class="crayon-num" data-line="crayon-649540264776a989795457-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-10">10</div><div class="crayon-num" data-line="crayon-649540264776a989795457-11">11</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-649540264776a989795457-1"><span class="crayon-h">	</span><span class="crayon-c">// pre: list != null</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-2"><span class="crayon-h">	</span><span class="crayon-c">// post: return sum of elements</span></div><div class="crayon-line" id="crayon-649540264776a989795457-3"><span class="crayon-h">	</span><span class="crayon-c">// use traditional for loop</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-4"><span class="crayon-h">	</span><span class="crayon-m">public</span><span class="crayon-h"> </span><span class="crayon-m">static</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-e">sumListOld</span><span class="crayon-sy">(</span><span class="crayon-t">int</span><span class="crayon-sy">[</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540264776a989795457-5"><span class="crayon-h">	</span><span class="crayon-sy">{</span><span class="crayon-h">	</span><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-i">total</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-6"><span class="crayon-h">		</span><span class="crayon-st">for</span><span class="crayon-sy">(</span><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span>++<span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540264776a989795457-7"><span class="crayon-h">		</span><span class="crayon-sy">{</span><span class="crayon-h">	</span><span class="crayon-i">total</span><span class="crayon-h"> </span>+=<span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-8"><span class="crayon-h">			</span><span class="crayon-i">System</span><span class="crayon-sy">.</span><span class="crayon-i">out</span><span class="crayon-sy">.</span><span class="crayon-e">println</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264776a989795457-9"><span class="crayon-h">		</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-10"><span class="crayon-h">		</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-i">total</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264776a989795457-11"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>スクラッチは</p>
<p><a href="/uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-12656" src="/uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-300x163.png" alt="screencapture-scratch-mit-edu-projects-1300590-1489472059298" width="300" height="163" srcset="/uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-300x163.png 300w, /uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-768x417.png 768w, /uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-1024x556.png 1024w, /uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-228x124.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>積み木なように構成されている。</p>
<h2>プログラマーの基礎鍛錬必要な機能</h2>
<p>アーキテクチャ</p>
<p>MVCの理念</p>
<p><img decoding="async" loading="lazy" class="alignnone" src="http://write-remember.com/wordpress/wp-content/uploads/2013/04/mvc_model.png" width="1090" height="470" /></p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-12665" src="/uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a-300x204.png" alt="QQ20170314-153954@2x" width="300" height="204" srcset="/uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a-300x204.png 300w, /uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a-228x155.png 228w, /uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a.png 418w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>View:  motion, looks, sound, pen</p>
<p>Model: data</p>
<p>Control: Events, control</p>
<h2>利点</h2>
<p>正しいプログラマーロジックのトレンドに優秀。</p>
<p>小さいDEMOプロジェクトを作るにも便利です。</p>
<p><a href="https://scratch.mit.edu/projects/1300590/#editor">Demoサイト</a></p>
<p>Reference:</p>
<p>https://ja.wikipedia.org/wiki/Scratch_(%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E)</p>

初心者向け、プログラマーロジックトレンド

<p>360度動画が流行ってきつつある中で、<br />
弊社でも何人か注目していてちょっと遊んだりしています。</p>
<p>360度で先に思いつくのがTHETAで、<br />
別のものがこんな記事を書いていました。<br />
<a href="/blog/richoh-theta%ef%bc%88%e3%83%aa%e3%82%b3%e3%83%bc%e3%82%b7%e3%83%bc%e3%82%bf%ef%bc%89%e3%81%a7360%e5%ba%a6%e7%94%bb%e5%83%8f%e3%82%92%e6%92%ae%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82%e5%8f%8b/" target="_blank">RICHOH THETA（リコーシータ）で360度画像を撮ってみた。友人結婚式編</a></p>
<p>他にも、<br />
<a href="/designer/cinema4d-%e3%81%a8-vray%e3%81%a7360%e3%81%ae%e4%b8%96%e7%95%8c%e3%82%92%e4%bd%9c%e3%82%8b%e3%80%80%e7%89%a9%e7%8f%8d%e3%81%97%e3%81%84%e3%81%86%e3%81%a1%e3%81%abhero%e5%8b%95%e7%94%bb%e3%81%a8/" target="_blank">cinema4d と vrayで360°の世界を作る　物珍しいうちにhero動画として活用</a></p>
<p>という記事もあり、360度といえばVRということで、</p>
<p><a href="/blog/other/it%e6%a5%ad%e7%95%8c/vr%e7%94%bb%e5%83%8f%e3%83%bb%e5%8b%95%e7%94%bb%e3%82%92%e6%92%ae%e5%bd%b1%e3%81%99%e3%82%8b%e3%81%ab%e3%81%af%e3%80%80cardboard/" target="_blank">VR画像・動画を撮影するには　Cardboard</a></p>
<p>こんな記事もあり、弊社でも注目度は高めな事項です。</p>
<h2>360Channel</h2>
<p>そんな、360度・VRを専門にした動画サイトがありました。</p>
<p>その名も360Channel。</p>
<p><img decoding="async" loading="lazy" width="1024" height="546" src="/uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-1024x546.jpg" alt="360Channel（サンロクマルチャンネル）"  class="alignnone size-large wp-image-10917" srcset="/uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-1024x546.jpg 1024w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-300x160.jpg 300w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-768x409.jpg 768w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-228x121.jpg 228w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919.jpg 1250w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><a href="https://www.360ch.tv/" class="link" target="_blank">360Channel（サンロクマルチャンネル）</a></p>
<p>現在はまだコンテンツは充実してないものの、ANAの工場見学、アイドルの企画、被災地の様子等々、<br />
360度動画の特製を活かしたラインナップになっております。</p>
<p>今後このサイトがどうなっていくかはわかりませんが、<br />
360動画、VRは今後流行っていくとは思うので注目していきたいですね！</p>
<h2>ここがすごい！</h2>
<p>このサイトを見ていてすごいと思ってしまったのは、<br />
動画撮影、動画編集、プレーヤーがどうなっているんだろうという疑問から、<br />
すべて自前で用意するのはかなり大変なことだろうなと理由です。</p>
<p>自前かどうかはわかりませんが、<br />
例えば最初に挙げたTHETAは、専用のアプリで見るか、THETAのサイトにアップロードしないと見れないので、<br />
このサイトではどういう技術を使っているか学びたいところです。。。</p>
<p>今後はそのような技術や機械も明らかになってくると思うので、<br />
とりあえずそんな情報を待ってみたいと思います。</p>


360度動画専門サイト「360Channel」がすごい

<h3>2038年問題とは</h3>
<div style="padding-left: 15px;">
<a href="/uploads-archive/2016/03/bokan.jpg" rel="attachment wp-att-10172"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/bokan-150x150.jpg" alt="bokan" width="150" height="150" class="alignnone size-thumbnail wp-image-10172" /></a></p>
<p><a href="/uploads-archive/2016/03/0b9e6668fe87cec06e4d85b7a5e29221.jpg" rel="attachment wp-att-10174"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/0b9e6668fe87cec06e4d85b7a5e29221.jpg" alt="Bannière-Unix-linux" width="960" height="370" class="alignnone size-large wp-image-10174" srcset="/uploads-archive/2016/03/0b9e6668fe87cec06e4d85b7a5e29221.jpg 960w, /uploads-archive/2016/03/0b9e6668fe87cec06e4d85b7a5e29221-300x116.jpg 300w, /uploads-archive/2016/03/0b9e6668fe87cec06e4d85b7a5e29221-768x296.jpg 768w, /uploads-archive/2016/03/0b9e6668fe87cec06e4d85b7a5e29221-228x88.jpg 228w" sizes="(max-width: 960px) 100vw, 960px" /></a><br />
  現在色んなサイトを見ることが出来るサーバーの多くは<br />
  UNIXというOSをベースにしたLinuxに属するマシンの中で動いています。</p>
<p>  UNIXはC言語というプログラミング言語で組まれており<br />
  このC言語に限らず、多くの(当初の)プログラミング言語では<br />
  時間の基点を1970年1月1日0時0分0秒となっています。</p>
<p>  2038年1月19日を過ぎた時点で、この「経過時間」を表すことが32bitでは不可能となるのが原因です。</p>
<p>  32bitとは、今でも稼働しているPCのCPUが一回の処理で演算できる単位量です。<br />
  32bit=2^32 です。つまり (2^31 = 2,147,483,648)です。</p>
<p>  同時に1970年1月1日0時0分0秒からの経過時刻が、これを超えると0に戻ってしまうのです。</p></div>
<h3>対策とか</h3>
<div style="padding-left: 15px;">
<a href="/uploads-archive/2016/03/32-64.jpeg" rel="attachment wp-att-10171"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/32-64-150x150.jpeg" alt="32-64" width="150" height="150" class="alignnone size-thumbnail wp-image-10171" /></a><br />
  簡単(？)な対策は、この世の全てのマシンを64bitOSにすることです。</p>
<p>  厳密には32bitOSでもOSの基底部分(カーネル)を、それに対応させたものに書き換えれば<br />
  数十年は先までしのげるとの説もあります。(理論上は確かに出来そうだけど&#8230;)</p>
<p>  ただし、64bitOSとマシンが普及したとしても他の周辺機器のドライバ問題(例えばどうしても使いたい古い機器)や、<br />
  32bitで作られているアプリケーションが残り続けること。<br />
  安定性や今までの普及性によって32bitの方が使いやすいアプリケーションは現在も色々とあります。</p>
<p>  あと20余年の間に、そのような移行が問題なく実施されるかは実際にその節目に合わないと解らないかと思います。</p></div>
<h3>余談</h3>
<div style="padding-left: 15px;">
  古いバージョンの(所謂)Web言語(PHP 5.1.x系など)は、対応出来ていないようです。</p>
<p>  古いインフラにずっと固執している企業などはどうなるのか。。若干その辺りが心配です。</p>
<p>  2000年問題の時のように、特に大きな問題なく過ぎるといいのですが・・・と言った共有の日記です。</p></div>


2038年問題の共有

<p>将来的にECの業界でもVR(仮想現実）やAR（拡張現実）が利用されるかもと勝手に想像しています、なぜならECととても親和性が高い気がするからです。</p>
<p>家にいながら買い物ができるというサービスが当たり前になった昨今ですが、未だに「ネットショップで購入した商品の写真と実物が違った」「サイズや質感が良くわからない」という話を耳にします。</p>
<p>そんな消費者のニーズに対して動画で商品説明をする事も増えてきていますが、その延長上には「実店舗での買い物と変わらない感覚を味わいたい」「もっと買い物を楽しみたい」というニーズがあるはずです。</p>
<p>そういうわけで、現時点で手に届くVRを体験してみようとVRゴーグルを購入してみました。</p>
<h2>どのゴーグル（ビューア）を購入すればいいのか？</h2>
<p><a href="https://www.google.com/get/cardboard/get-cardboard/" rel="attachment wp-att-9362"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9362" src="/uploads-archive/2016/01/5-1.jpg" alt="5" width="640" height="570" srcset="/uploads-archive/2016/01/5-1.jpg 640w, /uploads-archive/2016/01/5-1-300x267.jpg 300w, /uploads-archive/2016/01/5-1-228x203.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>相当な種類のゴーグル（googleではビューアと呼ばれている）が販売されていますが、これらはスマホをゴーグルにセットする事で簡易のVRを見るための代物になります。</p>
<p>ちょっと前からよく聞こえてくるオキュラスリフトなどと比べると、VRへの没入感は劣るという事になりますが、手軽さという点でスマホを利用したVRの方がコンテンツは充実しているように思います。</p>
<p>上のサイトはgoogle cardboardの公式購入サイトになりますが、他のメーカーからも色々とゴーグルが出ていて1000円～10000円くらいで購入ができます。</p>
<p>それぞれ、そのスマホと相性がいいとか、どのアプリと相性がいいなどあるようなのでレビューをよく読んでから購入する事をお勧めします。とくにスマホによってはサイズが対応していないなんて事もあるようなので気を付けて下さい。</p>
<p>アプリのgoogle cardboardを利用する場合は画面をタップするためにゴーグルにボタンがついている物を購入して下さい。</p>
<p><a href="/uploads-archive/2016/01/6.jpg" rel="attachment wp-att-9387"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9387" src="/uploads-archive/2016/01/6.jpg" alt="6" width="555" height="411" srcset="/uploads-archive/2016/01/6.jpg 555w, /uploads-archive/2016/01/6-300x222.jpg 300w, /uploads-archive/2016/01/6-228x169.jpg 228w" sizes="(max-width: 555px) 100vw, 555px" /></a></p>
<p>ゴーグルで視点があった部分が、オンマウスのようになるのでそこでボタンを押す必要が出てきます。</p>
<p>段ボール製のゴーグルは何度か使ている間にさすがに汗などで変色したり、形が変わってしまうそうなので、個人的にはプラスティック製の物をお勧めします。</p>
<p>ちなみに私が購入したのはハコスコというメーカーのゴーグルです。</p>
<p><a href="/uploads-archive/2016/01/1-2.jpg" rel="attachment wp-att-9355"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9355" src="/uploads-archive/2016/01/1-2.jpg" alt="1" width="640" height="425" srcset="/uploads-archive/2016/01/1-2.jpg 640w, /uploads-archive/2016/01/1-2-300x199.jpg 300w, /uploads-archive/2016/01/1-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/01/2-2.jpg" rel="attachment wp-att-9357"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9357" src="/uploads-archive/2016/01/2-2.jpg" alt="2" width="640" height="425" srcset="/uploads-archive/2016/01/2-2.jpg 640w, /uploads-archive/2016/01/2-2-300x199.jpg 300w, /uploads-archive/2016/01/2-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/01/3-2.jpg" rel="attachment wp-att-9358"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9358" src="/uploads-archive/2016/01/3-2.jpg" alt="3" width="640" height="425" srcset="/uploads-archive/2016/01/3-2.jpg 640w, /uploads-archive/2016/01/3-2-300x199.jpg 300w, /uploads-archive/2016/01/3-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>案の定、google cardboardアプリで使用するためのボタンがついていない物を購入してしまいました。</p>
<p>しかし、調べてみるとBluetoothでスマホを操作するためのリモコンがあるようなので、これがあれば何とかなりそうです。</p>
<p><a href="http://www.amazon.co.jp/JCN-XCN-LP03-Bluetooth-%E4%B8%87%E8%83%BD%E3%83%AA%E3%83%A2%E3%82%B3%E3%83%B3%E3%80%80PC%E3%82%84%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%84%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E3%82%92%E6%93%8D%E4%BD%9C-%E4%B8%A6%E8%A1%8C%E8%BC%B8%E5%85%A5%E5%93%81/dp/B00VWQ4584/ref=sr_1_10?s=electronics&amp;ie=UTF8&amp;qid=1453798494&amp;sr=1-10&amp;keywords=VR" rel="attachment wp-att-9392"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9392" src="/uploads-archive/2016/01/7.jpg" alt="7" width="350" height="350" srcset="/uploads-archive/2016/01/7.jpg 350w, /uploads-archive/2016/01/7-150x150.jpg 150w, /uploads-archive/2016/01/7-300x300.jpg 300w, /uploads-archive/2016/01/7-228x228.jpg 228w" sizes="(max-width: 350px) 100vw, 350px" /></a></p>
<h2>google cardboardアプリでVRを体験してみる</h2>
<p>さっそくVRを体験してみようという事でまずはスマホにcardboardアプリをインストールします。</p>
<p><a href="/uploads-archive/2016/01/8.png" rel="attachment wp-att-9395"><img decoding="async" loading="lazy" class="alignnone wp-image-9395" src="/uploads-archive/2016/01/8.png" alt="8" width="138" height="134" /></a></p>
<p>アプリを立ち上げるとまずゴーグル（ビューア）のセットアップをする画面になります。</p>
<p><a href="/uploads-archive/2016/01/9-1.jpg" rel="attachment wp-att-9404"><img decoding="async" loading="lazy" class="alignnone  wp-image-9404" src="/uploads-archive/2016/01/9-1.jpg" alt="9" width="389" height="744" /></a></p>
<p>googleの純正（？）のゴーグルの場合はゴーグルの本体または説明書などにQRコードがありますので読み取ります。</p>
<p>その他のゴーグルの場合はこの工程をスキップすると下のような画面になります。</p>
<p><a href="/uploads-archive/2016/01/4-1.jpg" rel="attachment wp-att-9356"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9356" src="/uploads-archive/2016/01/4-1.jpg" alt="4" width="640" height="360" srcset="/uploads-archive/2016/01/4-1.jpg 640w, /uploads-archive/2016/01/4-1-300x169.jpg 300w, /uploads-archive/2016/01/4-1-228x128.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上の画面はもちろんゴーグルを通してみれば、実際にその場にいるように見えます。さらに立体的に見えます。</p>
<p>ゴーグルの事ばかりで肝心のVRについて触られていないので、次回もっと詳しくお伝えします。</p>


安いVRゴーグルでも十分楽しめる　google cardboard ビューア

<p>昨今、様々な用途で欠かせない圧縮技術。<br />
低容量かつ画質の良い形式は常に研究されています。</p>
<h2>実例など</h2>
<div style="padding-left: 15px;">
Webを中心に挙げられる実用例でいうと</p>
<p>無圧縮：BMP, RLE<br />
可逆圧縮：PNG, TIFF, gif<br />
無可逆圧縮：JPEG, JPEG2000, MH圧縮(FAX用途)</p>
<p>などなど他にもたくさんあります。</p>
<p>今回はJPEGについて挙げます。</p></div>
<h2>JPEGの歴史</h2>
<div style="padding-left: 15px;">
ISOによって規格が標準化されたのが1988年。</p>
<p>ただし、当時はファクシミリが主流で且つ「画像が汚くなる」と言う先入観のためビジネスへの参入がなかなか出来なかった。</p>
<p>しかし、1995年の液晶モニタを搭載したデジカメの進出によって大きくシェアを占めることとなった。</p></div>
<h2>圧縮技術のアルゴリズムについて</h2>
<div style="padding-left: 15px;">
詳しいことは省きます。</p>
<p>JPEGの圧縮技術はDCT(離散コサイン変換)と言うものを採用しており、<br />
これは数学者であるジョゼフ・フーリエが導き出した<br />
「あらゆる連続した波形は正弦波と余弦波によって近似して表せる」(ざっくりと)<br />
という「フーリエ変換」に基いています。</p></div>
<p><a href="/uploads-archive/2015/10/furie_houteishiki.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/10/furie_houteishiki-300x50.png" alt="フーリエ変換の式" width="300" height="50" class="alignnone size-medium wp-image-8220" srcset="/uploads-archive/2015/10/furie_houteishiki-300x50.png 300w, /uploads-archive/2015/10/furie_houteishiki-228x38.png 228w, /uploads-archive/2015/10/furie_houteishiki.png 358w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="/uploads-archive/2015/10/furie_rei_image.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/10/furie_rei_image-300x294.png" alt="波形の分解例" width="300" height="294" class="alignnone size-medium wp-image-8221" srcset="/uploads-archive/2015/10/furie_rei_image-300x294.png 300w, /uploads-archive/2015/10/furie_rei_image-228x223.png 228w, /uploads-archive/2015/10/furie_rei_image.png 348w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>他にも色の変化を間引くことで圧縮する&#8221;色差圧縮&#8221;も含まれています。<br />
<a href="/uploads-archive/2015/10/shikisa_original.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/10/shikisa_original-300x281.png" alt="オリジナル" width="300" height="281" class="alignnone size-medium wp-image-8224" srcset="/uploads-archive/2015/10/shikisa_original-300x281.png 300w, /uploads-archive/2015/10/shikisa_original-228x214.png 228w, /uploads-archive/2015/10/shikisa_original.png 512w" sizes="(max-width: 300px) 100vw, 300px" /></a><a href="/uploads-archive/2015/10/shikisa_yonnbunnnoichi.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/10/shikisa_yonnbunnnoichi-300x281.png" alt="色情報を1/4に間引いた画像" width="300" height="281" class="alignnone size-medium wp-image-8225" srcset="/uploads-archive/2015/10/shikisa_yonnbunnnoichi-300x281.png 300w, /uploads-archive/2015/10/shikisa_yonnbunnnoichi-228x214.png 228w, /uploads-archive/2015/10/shikisa_yonnbunnnoichi.png 512w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>なぜフーリエ変換？</h2>
<div style="padding-left: 15px;">
上述の通り、2次元であろうと波形はサイン、コサインに分けることが出来ます。</p>
<p>そして人間の視覚にとって高周波な情報ほど認識しづらい傾向にあります。</p>
<p>この前提から「画像の高周波部分(ノイズとかにも成り得る)部分を省いてしまおう」<br />
と言うのがJPEG圧縮の根幹です。<br />
　※基本的には他の圧縮技術も概念は通じたものがほとんどです</p>
<p>また、フーリエ変換はFFT(高速フーリエ変換)などのアルゴリズムが研究されており、<br />
圧縮、展開(圧縮したデータから元の画像に戻す)のがとても高速に出来るのもメリットです。</p></div>
<h2>JPEGの後継となるもの</h2>
<div style="padding-left: 15px;">
JPEG2000と言う新しい規格がISOとITU-TSの共同組織、JPEGによって2001年に規格化された。</p>
<p>しかし、<br />
・大容量ストレージが普及していた<br />
・扱うためには対応するソフトウェアの開発と普及が必要<br />
・圧縮、展開に従来のJPEGの5,6倍以上の処理速度を要する<br />
　※圧縮アルゴリズムに用いられている「ウェーブレット変換」の性質上</p>
<p>と言った側面があり、現在もさほど普及していない。</p></div>
<h2>筆者余談</h2>
<div style="padding-left: 15px;">
動画の規格についてはストリーミングの普及にも大きく左右され、<br />
互換性が高く、高画質・高圧縮率の規格が今でも研究されています。</p>
<p>ある意味、JPEG圧縮と言うのは静止画像において一つの完成形とも言えるのではないだろうか。</p></div>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #デジタル技術

2023/04/28

2023/02/17

2023/01/20

2018/08/23

2017/03/15

2016/06/01

2016/03/30

2016/01/27

2015/10/07