AIの民主化進む

「AIの民主化」勢いがすごいね。
この間連休の予定があったからなんとなく旅館のサイトをサイト(sight)していたら、こちらの旅館について詳しくはAIに聞いてねっていうチャットボットが出てきた。
チャットボット=質問を入力するとAIが自動返信してくれるやつ
AIってもうこんなに普及してるんだとか感心して、ちょっと調べてみたら、すでにフリーのチャットボット用ツールが結構色々出ていた。面白そう！
ってなわけで早速自分でもチャットボットを作ることにしてみた。

まずは良さげなツール探しから。

Repl-AI
NTTドコモ × インターメディアプランニング

Watson Assistant
IBM

Azure Bot Service
Microsoft

Dialogflow（英語）
Google

Amazon Lex
Amazon

上記はどれも作成するだけであれば無料で出来そうです。
Repl-AI以外はクラウドサービスを使用しているので、公開して運用するには従量課金になるようです。
今回実用化の予定はないので、極力お金をかけずに構築しますよ。自由研究（笑）


悩みました！３日間くらい。
特にWatsonとAzureで悩みました。

ちなみにWatsonはアメリカのクイズ番組で人間に勝利したことや、白血病患者の病名を見抜いたことなどで有名。AI分野の中心的存在かと思いきや、IBM自体はWatsonのことをAIではなく、コグニティブコンピューティング（人間を支援する存在の意）と呼ぶのだそう。
AIというと人間のように振舞うことを期待されると思われるが、そうではなく、人間の活動を支援するための技術である、という思想には賛成出来る。

対してAzureは女子高生AIりんなのエンジンであることで知られています。

AzureにはQnA MakerというAPIがあって、質問と回答のセットをサイトの「よくある質問コーナー」などから読み取って自動でデータベース化してくれたり、そのデータベースに手動で追加したり編集したりが簡単に出来る。これが使いやすそうで良いんだけど、質問の回答にさらに質問が被さって来た時にどう対応させることが出来るか、とか、雑談にどの程度対応することが出来るのかなかなかイメージが湧かず。

ユーザー：仕事って面白い？
こちら：面白いよ！
ユーザー：どうしてそう思う？

↑みたいなパターンの時に「質問の意味がわかりません」って機械的なメッセージが流れるとつまらないよなーと。

Watsonはデモやチュートリアルがかなり詳しくわかりやすく載っていたので、この辺りの疑問にある程度答えをくれて、具体的に開発する際のやり方や完成までの道のりを想像することが出来ました。

よって開発ツールはWatson Assistantに決定！

学生が就職活動をする際に会社の業務のことなどを先輩社員に質問することが出来る、会社説明会などでよく見かける「先輩に質問コーナー」のAI版を作ることにしました。

次回へつづく！
Next:チャットボット作成＝キャラクター作成

Read More

Lenovo YOGAを外部ディスプレイに繋いだらWordの文字がぼやけた

これまでの経緯はこちらから
届きました！プリンストンPTFBDE-22W

さて、ディスプレイを拡張で繋いだは良いものの、早速作業しようと思ったらなんだ？Wordの文字が激しくぼやけるぞ。

ちょっと読めないくらい。Excelもダメですね、office系全滅。
読めない図の写真を載っけようと思ったんですが、静止画で止まっちゃうとぼやけた感じが出ないのか、違いがわからないので写真はやめ。
つまり、chromeとか他のアプリの文字はくっきりなのに、officeの文字は読めない。
おかしい。そんなはずがない、と色々調べてみたら、どうやら解像度の違いが問題らしいです。

LenovoのYOGAは12.5インチのため、表示を175%にしていました。

それに対し21.5インチのディスプレイは100%
このような違い、というかPC側が100%でないことが駄目だったみたい。

高 DPI デバイスでの Windows のスケーリングの問題

上記マイクロソフトのサポートページを参照しながら、色々試してみたのですが、効果があったのはPC側を100%にするということだけでした。

Windowsのアップデートというのもやってみて、そしたら「ぼやけた表示のアプリを修正しますか？」というメッセージが出てきたので、「はい」にして設定を変更しましたが、やはりPC側が175%だと拡張側はにじむ。

アップデートしたらこのような設定が出てきた

PCの表示を100%にすればすむ話ですが、100%だとアイコンが小さすぎてとても使用に耐えない。というわけで、結果拡張にするのを諦め、外部ディスプレイのみで運用。

YOGAを折りたたんで使おうと思ったら、

YOGAは360度折り返せる

キーボードが反応しなくなった（汗）
ので、180度開いて寝かせた状態。

これで完成。快適。

Read More

届きました！プリンストンPTFBDE-22W

ノートパソコン（Lenovo YOGA720）の拡張用としてディスプレイを購入。
YOGAは家用に購入したのに、結局職場用としても使っちゃってるので、家には最終的にデスクトップのパソコンを置こうかなーとか思いますが、現在予算に余裕がないので、一旦拡張仕様で。

ディスプレイは悩みました。
そもそもデスクトップPCを買っちゃうかディスプレイ単体にするかから悩んでいたため買うべき物が定まらない。ビックカメラでディスプレイのディスプレイ（商品がたくさん並んでいる所）を眺め、その後デスクトップのコーナーを眺めていたら店員さんにつかまる。
デスクトップとセットで買った方がお得ですよ、と勧められた。うーん。
私Lenovoが好きなので、ディスプレイもLenovoで買えないかなと思ってLenovoコーナーを見ていたんだけど、LenovoデスクトップPCをディスプレイとセットで購入した時の見積もりを出してくれた。i3のメモリ8Gで確か8万くらいだったかな。いいんだけど、この間ノートパソコン買ったばっかしだしな。

ディスプレイはスクエアかワイドかも悩みながら、結局部屋に置けるサイズでなるべく画面の作業領域を確保するため、21,5インチのワイドにすることに決定。プリンストンのPTFBDE-22WかI-O DATAのLCD-MF224ED-Fの2択に絞る。値段が安くて軽いのがプリンストン、スタンドが上下出来てがっしりしてるのがアイ・オー・データ（のフリースタンドのやつ）。
色々他の方のディスプレイの選び方のブログとかを見るとスタンドは上下出来て自分の目線に合わせられるやつがいいと書いてあるのですが、やはり少しお高くなってしまう。
上記のアイ・オー・データの型番ので18,000円くらい。上記のプリンストンで12,000円。
保証の違いなども当然ありましたが、今回はなるべく低予算で購入したかったため、プリンストンに決めました。

スタンドは合わなかったら、別途アームを購入すればいいんだよ、とアドバイスを下さった方が職場にいました。おお！目から鱗。

↑【アームってこういうやつ】

【拡張設置後】

追記：Lenovo YOGAを外部ディスプレイに繋いだらWordの文字がぼやけた

Read More

EWI USB 導入編

EWI USBとは

EWI（イーウィー）とはAKAI Professionalから出ているウィンドシンセサイザーのこと。中でもEWI USBは本体に音源を持たず、PC等にUSBケーブルで繋ぐことによって、MIDIコントローラー的に使うことが出来ます。

他のEWIシリーズに比べて重量も軽く、値段もお手ごろ。
DTMのお供としては頼もしい相棒くんです。
今回は導入編を備忘録。

吹き方のコツ

まず、キーはタッチセンサーです。触れると反応するので、押さないキーは指を離しておく必要があります。運指はサックス・EWI・フルート・オーボエ・EVIと色々選べます。

マウスピースに息を吹き込んで音を出しますが、EWI本体側の息の抜ける穴がかなり小さく、普通に息を吹き込むと抵抗を感じ苦しいです。そのため、マウスピースを加えた口の脇から息を逃がすなどの対策が必要となります。
私の場合は前歯をマウスピースの吹き込み口の上にあて、上唇と下唇はしっかり閉じずに、軽く閉じ、横から息を逃がしています。

持ち方・ストラップ

上にも書いたとおり、マウスピースを前歯でおさえ、イスに座った膝の上にEWIを置き、右手親指を添えてはいますが、基本は歯と足の上下でガッシリ固定出来ています。
なので打ち込み（EWIを使ってMIDIデータを入力することの意）に集中している時はストラップがなくてもOK。
ただ何となく見た目を気にする（笑）時はストラップを付ける時もあります。

サックス用のストラップを別途購入して見たものの長さが長すぎて合わず、結局EWIに付属していたストラップを使用しています。
予算があればバードストラップのSサイズを試してみたい。
胸元らへんに金具があることによって、楽器を下げた時のストラップがV字になるのを防ぎ、首や息を吹き込むのに楽なんだそう。

音源はARIA、DAWはLogic Ⅹ

音源はEWI USBに付属しているARIAを使用しています。

推奨動作環境等は正規HPよりご確認を。
http://ewi.akai-pro.jp/ewiusb/

筆者のDTM環境はこちらから
DTM作業環境レポート【2017年2月版】

macのLogic ⅩをDAWとして使用しています。

DTM作業環境レポートのリンクにも記載していますが、Logic Ⅹは32bitのプラグインを読み込みません。ARIAは32bitのアプリケーションのため、Logic ⅩにAudio Unitとして読み込ませるのに一工夫。

32 Livesというソフトを使います。有料ですのでご注意を。
参考URL
Logic Pro Xで32bit AU Pluginを使う方法

本家HP（英語です）
https://www.soundradix.com/products/32-lives/
価格は2017年8月時点で＄99。


もう一つ別の方法としては、AU LabとSoundflowerという、２つのフリーソフトを使い音をルーティングする方法。

参考URL
Apple Logic Pro X チュートリアル＆Tips
こちらのページの一番最後、項目の8番に詳しく載っています。

が、、私はルーティングがなんだか上手くいかず。。。断念。
有料の32Livesを購入することとなりました。

ケーブルの挿し方

USBケーブルを挿す時には、本体の金属部分を持たないように注意します。
挿し込んだ時にキャリブレーションが行われるからです。

挿す順番は、

ケーブルを挿す→アプリケーションを起動する

です。これ大事。

この順番を守らないとPCがEWIを認識せず、私の場合は抜き差ししてもPCを再起動しても、USBプラグを別の場所に挿してみても認識しなくなり、ケーブルがNGなのか？と近所のスーパーへケーブルを買いに行ってしまいました・・・
ちなみにケーブルを変えても認識しませんでしたが。
途方に暮れ２、３日電源を切ってそっとしておいたら、次に繋げた時には認識しました。
気分なのか・・？とその時は思いましたが、よくよく考えたら、順番をちゃんと守れよ、ということなのかと。

取説にはさらに、USBハブを介さないでと書いてあります。

正常に繋がるとステータスLEDが緑色に点灯します。

導入編終了。そんなわけで、後は練習練習！


YouTube　Breath Bvs チャンネルへリンク
https://www.youtube.com/channel/UCrarWO-UOzy-nmMS6ncvWtQ

Read More

【Blogger】挿入した画像を表示させない方法

Facebookなどにbloggerの記事を共有する際、bloggerの記事中に画像が入っていればfacebookの方で自動的にサムネイルを取得してリンクと一緒に画像も表示してくれますよね。

これが、画像が記事中に挿入されていない場合、もしくは動画のみが挿入されている場合には、取得するべき画像がないので、共有した時に文字だけの表示になってしまいます。

私のブログ「ヒバリとカタツムリは歌をうたう」がそうなのですが、ブログの記事中には動画のみを貼付けています。

でも、facebookなどに共有する時にもサムネイルとして意図した画像を表示したい！

そんな時にはこちらの方法で解決しちゃいましょう。


1. 「テーマ」→「バックアップ/復元」でバックアップを取り、「HTMLの編集」ボタンを押します。

input, textarea { 
のすぐ前に
.hdn{ 
   display:none; 
} 
と記入し、変更を保存。

記入する場所はここでなくとも良いのですが、メディアクエリに巻き込まれないよう、CSSの記述が始まってなるべく早めの所がいいでしょう。
「hdn」の部分は任意の文字です。

2. 投稿の作成画面にて、サムネイルで表示させたい画像を挿入します。（記事の一番最後などでいいと思います）

3. HTMLの編集モードへ切り替えます。
画像を挿入した辺りに、
<img border="0"
という記述が出来ていると思いますので、そのすぐ後に半角でスペースを入れ、class="hdn"
と入力します。

変更を保存したら以上です。

いかがですか？
挿入した画像が表示されなければ成功です。
見えていなくても画像自体は存在していますので、facebook、その他のSNSなど、共有する時には画像がサムネイルとして取得されるでしょう。

Read More

【google】リダイレクトが止まらない件

ワタクシ、googleさんのbookmarksを随分前から愛用しております。
ところが最近、表題にもあるように、いつものアドレスにアクセスしようとすると「リダイレクトしています」の状態がずっと続いて、ページは真っ白のままという状態になってしまいました。

アドレスが変わっちゃったりしたのかな？と思い、googleで検索をかけて出てきたアドレスにアクセスしようとしても同じ。

Cookieを削除したら解決するかと思い「履歴」から「閲覧履歴データを消去する」と進んでCookieを削除した所、一旦は解決するものの、しばらくするとまた同じ症状が出てしまっていました。

しかも、パソコン2台（windows、mac）ipad mini 2台（家用、職場用）ipod touch1台とすべての端末でその都度Cookie削除の手順を踏まないとブックマークにアクセス出来ないという煩雑さ。

何とかならないものかと思案していた所、こちらの記事をみつけました。


【GoogleChrome】リダイレクトし続ける現象を解決する方法【Googleアカウント】


googleのアカウントを、「ログアウトしてからログインしなおす」とのこと。

見事解決しました！感謝。

Read More

【blogger】シンタックスハイライトはprism.jsで

今話題のprism.jsをブロガーに実装するやりかた。

CDNを使います。
こちらのサイトからもって来ました。
https://cdnjs.com/libraries/prism

<link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/themes/prism.min.css' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/line-numbers/prism-line-numbers.min.css' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/line-highlight/prism-line-highlight.min.css' rel='stylesheet'/>

の3行を</head>のすぐ上へ

<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/line-numbers/prism-line-numbers.min.js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/line-highlight/prism-line-highlight.min.js'/>

の3行を</body>のすぐ上へ

それぞれ、2行目と3行目はプラグイン部分なので、行番号表示と特定行ハイライトが必要なければなくてOK。

記事中は

<pre class="line-numbers" data-line="4,9-10"><code class="language-markup">内容
</code></pre>

のように、<pre><code></code></pre>で囲みます。
line-numbersは行番号表示、data-lineはハイライトを指定します。
language-markupのmarkupの部分が言語指定です。

ちなみに、上記のコードもprism.jsで表示しています。
きれいに表示出来て気に入っているのだ。

Read More