夢見るひよこのデジタルライフ備忘録: 2017

Home Archives for 2017

2017-09-01

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

【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など、共有する時には画像がサムネイルとして取得されるでしょう。

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

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

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

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

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

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

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

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

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

【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で表示しています。
きれいに表示出来て気に入っているのだ。

【blogger】トップページに動画のサムネイルが表示されない

通常、記事中に画像（image）を入れると最初の1枚が自動的にトップページにサムネイル表示されると思います。
これを画像ではなく、動画、今回はyoutubeの埋め込みコード（iframe）を記事中に入れても、トップページのサムネイルに表示されないよー、ということがあったので、解決法？？のようなものを備忘録的に記録。

まず、こちらのサイトを参考にしました。

動画サムネイル画像に再生アイコンをCSSで上乗せして何かそれっぽくする方法

んで、youtubeのサムネイルを取得する、はこちらのサイトもわかりやすいので参照
YouTubeの動画サムネイル取得＆ブログへの貼付けの方法

上記２つの参照記事は、youtubeの動画が埋め込みコードだと表示が遅いので、youtubeのサムネイルを取得して画像として表示し、動画のページへリンクさせよう、という内容になっています。

これだー！と。

そもそも画像であれば問題なくブログのトップページに表示されるわけです。

これに加えて、トップページのサムネイル画像からもリンクで動画に飛べば完璧。

という訳で、元々のテンプレートでは

<head>内

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;

 if(img.length>=1) {
  imgtag = '<img src="'+img[0].src+'" class="pbtthumbimg"/>';
  summ = summary_img;
 }
 
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}

<body>内

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>

だったのものを、
<head>内

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var atag=div.getElementsByClassName("ytlink");
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
　　
 if(img.length>=1) { 
  imgtag = '<a class="ytlink" href="'atag'" target="_blank"><img src="'+img[0].src+'" class="pbtthumbimg"/></a>';
  summ = summary_img;
 }
 
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}

と書き換え、

記事中に

<div class="separator" style="clear: both; text-align: center;">
<div class="ytlinkbox">
<a class="ytlink" href="https://www.youtube.com/watch?v=動画のID" target="_blank"><img alt="動画のタイトル" border="0" class="ytimg" height="240" src="https://img.youtube.com/vi/動画のID/0.jpg" title="動画のタイトル" width="320" /></a>
<a class="ytgray" href="https://www.youtube.com/watch?v=動画のID"><img border="0" src="再生ボタンの保存先" /></a>
</div>
</div>

と、リンク先のアドレスを　a class="ytlink"　で指定します。

すると、なんということでしょう！！

トップページに、取得したyoutubeサムネイル画像が表示され、動画ページへリンクもされましたが、ついでにyoutubeの埋め込み動画（iframe）までトップページに表示されちゃいました。

あれ？？

どうやら、変更した<head>内の9行目に、<a>タグを追加していることが関係しているようなのですが、どうしてそのような動作になるのか、パソコンの画面とにらめっこした所で、私の足らない頭では理解出来ませんでした。

。。。まあ、便利なのでそのままでいっか。

結局youtubeのサムネイルを取得するのはやめて、埋め込みのまま表示することに。
速度より見た目を重視しました。

ちゃんちゃん。

完成したトップページはこちら
ヒバリとカタツムリは歌をうたう

DTM作業環境レポート【2017年2月版】

まずはPC

MacBook Pro

2016年に購入
まったく何の問題もなし。

DAWのソフト

Apple Logic Ⅹ
使いやすい。

AbletonのLiveも持ってるけど、DTMにはほとんど使わない。
（本業が舞台音響なので、そちらの方で使ったり使わなかったり・・）

インターフェース

TASCAM US-2×2

電子ピアノをMIDI入力させるのに必要。
PCのモニタリングもそのままインターフェースのヘッドホンアウトで確認してる。

後で出てくるEWI（イーウィー）は直PCへUSBなので、インターフェースを通してない。

外付けHDD

G-Technology 3TB G-DRIVE with Thunderbolt

mac本体にすべての音源を入れるのは不可能なので、音源は基本的にこちらの外付けへ。
しかし、よく使うロジックの付属音源（Boesendorfer Grand Piano）でレイテンシー（発音の遅れ）が気になってしまい、ロジックの付属音源だけmac本体へ戻してしまった。
SSDがもっと安くなったら乗り換えたい。

音源

Logicに付属してる音源も使う。主にBoesendorfer Grand Piano。

AKAI ARIA

EWI（イーウィー）に付いてくる音源。
Logicにプラグインして使ってる。
EWI（イーウィー）で使う音源は現状アリアで全てまかなえている。
中々きれいな音がするし吹きやすい。

その他

32lives

Logic Ⅹは32bitの音源を読み込まないので、このソフトを使ってアリアを無理やり読み込ませてる。でも動作は安定してて問題ない。
これがないとアリアを使えないので救世主。

電子ピアノ

Roland HP-2

私が社会人になった頃からの付き合い。
かれこれ10年以上。

ウィンドシンセ

AKAI EWI USB

イーウィーくんと呼んでます。君なしでは休日が充実しない。相棒くん。

おまけ

ヘッドホン
SONY MDR-CD900ST

長時間かけてても耳が痛くならない。

作成された作品はこちらのリンクから聞けます
https://www.youtube.com/watch?v=lim4oTXhMG8
（YouTubeの動画再生ページへリンクします）

18/11/12追記
macのOSを「High Sierra」にアップデートしたら、「32lives」が使えなくなってしまいました。
詳しくは【2018年11月版】レポートをご覧ください。
こちらから

『秘密の金魚』ってどんな金魚？

サリンジャーの書いた本の中に『秘密の金魚』っていう話があるのを知っていますか？
自分で買った金魚を大人に見せたがらないっていう子供の話しなんですが。で、全然関係ないんだけど、この間金魚の夢を見まして。

昔実家に住んでた頃の自分の部屋に、その頃にはなかった水槽が二つあって、その中に金魚がたくさん泳いでいるんです。まるまる太った結構立派なやつ。
で、なんか話しかけてきたんだ。日本語で。
わあ喋ったとか思いながら一旦びっくりして。

水槽の隣にエサが置いてあったから、じゃあエサでもあげようと思ってそのエサを水槽の中に入れるんだけど、すごいブーイング。
なんかエサが大きすぎるとかすぐ沈んじゃうんだよとかそんな感じで。
確かによく見るとピーナッツみたいのがそのまま入ってたり、大きいのとか小さいのとかまばら。
エサの横にふるいがあったから、ふるいに入れて細かいやつだけ落としてやった。したら、ありがとーとか言って喜んで水槽の間を行ったり来たり飛ぶんだ。ヒレをひらひらさせて。

なんか文句のふてぶてしい金魚だなあと思いながらも、ひらひら飛んでる姿がかわいかったから、まあいっかっていう、そういう夢。