10月 2018|VSV ボイトレ技術ブログ

2018年10月28日日曜日

Mobile Usability: Clickable elements too close together, Content wider than screen, Text too small to read

さて、テンプレートを読み下すのが面倒で放置しておいた残りのエラーを直す必要に迫られました。Google Search Console のエラー・カウントがポン、ポンと跳ね上がって行くので。

悩みましたね。

ですが、テンプレートで様々な分岐を行なっていても、結局それはサーバ・サイドで処理されてしまう部分であって、実行時の画面サイズに依存した処理ではないのです。
<b:if ...> とかで分岐している奴ですね。

で、実行環境での解像度を読みとってうまい処理ができないかと、考えたのですが、それもうまく使える変数やタグが無い。

で、諦めて、<head>タグの直後に次のように書いて、お茶を濁すことにしました。


<script>
if (location.search != '?m=1')
 if (window.screen.width < 598)
  location.search = '?m=1';
</script>

多分、大丈夫じゃないかな。

シノビノ (6) (少年サンデーコミックス)

posted with カエレバ

大柿ロクロウ小学館 2018-10-18

キング・オブ・アイドル (6) (少年サンデーコミックス)

posted with カエレバ

若木民喜小学館 2018-10-18

2018年10月16日火曜日

リズムの捉え方〜その2〜

前回、リズムの捉え方というお話をしましたが、じゃあどうすればそれを捉えられるのかというお話をしたいと思います。

まず曲を聴く時、どこに注目して聴きますか？
歌のメロディ、ピアノやギターなどのコード楽器がハーモニーを奏でています。
そしてリズムに関して注目するのはやはりドラムですね！

リズム感がないとお悩みの方、まずは曲を聴きながら、よりドラムに注目してノリノリになってみましょう！体を動かしてみたり、もう踊ってみちゃってもいいでしょう！
そしてドラムのフレーズを声に出してみるといいと思います！

ドンタンドドタンドガラカドガラカデケデケガシャーン！！

みたいな笑

大体の場合、シンバル、ハイハットが細かいリズムを出します。バスドラムが強拍でなることが多く、スネアがアクセントをつけていたりします。
ドラムという楽器、元々は太鼓やシンバル１つ１つを一人の人が担当していたのですが、だんだん人が少なくなっちゃって出来なくなってしまって、えぇい！全部まとめてやってしまえ！という感じであの形になっていったのだとか…ちょっと話が逸れましたが、その１つ１つがどんなことをやっているのか注目して聞いてみてくださいね。

8ビートのロックなのか？はたまた4ビートのジャズチューンなのか？レゲエ？ボサノバ？サンバ？テクノ？16ビートのファンク？いろんな名前出てきますが、とにかく感じることが大事だと思います。聞いてるだけではなく、ドラムフレーズ、是非歌ってみてください！

とても当たり前のことのようですがとにかく細かく聞いてみてくださいね！そしてノリノリで歌ってみましょう！

私事ですが全パート声に出して歌うってのが流行ってたりします笑

2018年10月12日金曜日

DNS セカンダリ・サーバー

当校も現在の名称になってから、もうじき7年になります。

当時障害対策の観点で、当校ドメインのDNSにセカンダリ・サーバーを指定していました。

最近、これも主に Google さんから、時々「サイトが機能していない／リンクが無効である」というような通知を貰うようになり、一体何が原因なのか暫く分かりませんでした。

ふと、何気に dig してみたところ、いつの間にか DNSのセカンダリ・サーバーが機能していない事に気付きました。まぁ、そりゃそうかもしれませんね。無料で使えるってんで登録していたところなので。調べるとそこは5年位前からまともにサイト／システムも更新していないようで、恐らく止める訳にいかないが、メンテは放棄したという状態だったのでしょう。

うちがセカンダリとして指定したDNSサーバーも、3つのうち2つ迄もが死んでいる状態でした。

そのままここを使い続けるのも危険なので、どっか無料で利用できるサービスは無いか探してみましたが、昔はあんなに沢山あったのに、今は殆んど見つかりませんでした。

…どうも、時期的に AWS が流行り出した 2012〜2013年頃から徐々に、その手のサービスは無くなっていったようです。そりゃ、そうですね。昔は自前でサーバー立ち上げる為に色々設定して、その関連で DNSのセカンダリ・サーバーの需要があったんです。

今はサーバーを自前で立ち上げずとも、お気楽お手軽に AWS で従量契約してしまえば、その辺のインフラ全部揃うのでしょうから。

ちょっと脱線しましたが、殆んど唯一と言えるサービスが、 Cloudflare で、ここを使えば DNS を預けることができ、小規模な利用なら無料でいけそうです。

…っと思って設定し利用したところ、そもそもプライマリをここにして、自前のDNSサーバーは全て削除することを求められました。
セカンダリは欲しいんですけど、ちょっと主権譲渡は嫌だなぁ、と、思いました。

で、結局これも止め。

有料サービスに移行すべきか考えましたが、今うちはサイト運営に使っているサーバーは、実質自前のもの1つなので、それも無駄です。

で、セカンダリのエントリは全部消してしまう事にしました。

インターネット黎明期と違い、TTL指定のキャッシュは広範囲に有効でしょうから、まぁ、うちのような小規模サイトには実害は無いでしょう。

初恋ゾンビ (13) (少年サンデーコミックス)

posted with カエレバ

峰浪りょう小学館 2018-09-18

HUNTER×HUNTER 36 (ジャンプコミックス)

posted with カエレバ

冨樫義博集英社 2018-10-04

2018年10月9日火曜日

リズムの捉え方

こんにちは吉川です。

今回はリズムの捉え方についてお話ししようと思います。

色々なリズム、曲の雰囲気がありますよね？
演奏の現場でもこの曲はこうでこうで～とか、原曲とは違ってこういうアレンジで～って説明されることが多いです。

それを踏まえて演奏に臨むのですが思い通りにいかないこともよくあるわけです。

例えばバラード風の雰囲気でと言われて演奏していたのですが、その曲はもともとボサノバの曲で、スローなボサノバのな感じの雰囲気を持っていました。この時、ボサノバの共通認識がないと雰囲気、ノリが出ません。

実はそういう感じでやりたいとおっしゃったシンガーがその感じをつかめておらず、こんな感じじゃない？とみんなで作っていった結果、すごくいい雰囲気になったんです。

曲に内在するリズムを感じて歌うだけでも雰囲気やノリが良くなったりします。メロディーが四分音符のゆったりした感じでも細かいノリが出てくるのです。

実際僕は現場で譜面だけ見せられてこんな雰囲気でと言われ演奏することも多いです。瞬時に雰囲気を感じ取らねばなりません。そういうところを感じ取って演奏できているから現場に呼び続けてもらえてるのだと思っています。

レッスンではいろんな曲の雰囲気、ノリをしっかり出せるよう、感じられるよう指導しております。皆さんも是非色々聞きに来てください！

無料体験、お待ちしております。

2018年10月6日土曜日

たかがブレス、されどブレス

講師の埼玉です。

みなさんはブレスの瞬間、肩が上がっていませんか？

鏡で一度確認してみてください。

肩が上がってしまった人、歌に適していないブレスの可能性があります。

例えば、２００Mを猛ダッシュした後の状態。

または、子豚の家を息で吹き飛ばそうとする狼くらい肩が上がりきっている。

程度はありますが、このくらいの人は立派な胸式呼吸になってます。

胸式呼吸を使ってしまうと、要らない力が入り、喉が絞まる。

そして無駄に疲れてしまい、結果喉を痛めてしまう。

喉を壊す寸前の人を何人も見てきてます。

気持ちよく歌うためにも、直ちに腹式呼吸を習得しましょう。

最近、ネットや動画などを観ていると、

「呼吸に関しては胸式も腹式も気にする必要はない」

「肩が上がっていてもOK」

という意見が見られます。

おそらく、意識しすぎると余計に力が入ってしまう、ということだと解釈してます。

しかし、何となく呼吸を通過してしまうと後々後悔します。

それは前述したとおり。

ここまでで見てみると、まるで埼玉が腹式呼吸信者のように見えますが

それは間違いです。

腹式呼吸は歌の上達には必要条件ではありますが、決して十分条件ではございません。

パズルのピースみたいなものです。

ピース一つ一つを正確にはめていく。

歌も同じようなものだと思います。

肩が上がるという話から大分脱線してしまいました。

たかがブレス、されどブレスです。

Lemon / 米津玄師

2018年10月5日金曜日

Mobile Usability: Viewport not set to "device-width"

このラベル「Web技術」は、裏方IT担当の当方の愚痴です(笑)。

ここに書くのも何だなぁと思うけれど、メモしておきます。

うちは最近の世の中の大勢である WordPress に逆らって(笑) Google さんの Blogger で懸命にこのサイトを作っています。テンプレートも Google さん標準提供の Simple に必要に応じ手を加えて使ってます。

ところが Google さんが暫く前からサーチ・コンソールで "Mobile Usability" のエラーを表示し始めました。

見ると、モバイルの筈なのに PC版サイトを表示するオプションである m=0 をわざわざ指定して、これらのエラーを提示しています。
「おいおい…」と思って放置しておいたのですが…

エラー・ページのカウントが徐々に増えてくばかりでなく、気のせいかそれに従って検索順位もカクン、カクンと落ちていきます。

仕方が無いので対処してみます。

先ずはこれ、 Viewport not set to "device-width"。

膨大な行数のテンプレート解読するの面倒なので放置しておいたのですが、意外と冒頭部にすぐ見つかりました。

元は

<meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>

となってました。つまり、PC版サイト指定時は 1100px 固定になってたんですね。これがお気に召さないようです。

若干の視察により、このように書き換えたら文句を言われなくなりました。

<meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=device-width,initial-scale=1.0,maximum-scale=1.0"' name='viewport'/>

minimum-scale=1.0 指定しちゃうと縮小表示できないですからね、それだけ外して、後はモバイル版と同じ内容を指定したものです。

エラーは未だあと2つありますね…

片方は思い当たりがあるけど、もう一方は果してどこのことを言っているものやら…

夏目友人帳 23 (花とゆめCOMICS)

posted with カエレバ

緑川ゆき白泉社 2018-09-05

劇場版魔法少女まどか☆マギカ[新編]叛逆の物語(完全生産限定版) [Blu-ray]

posted with カエレバ

悠木碧アニプレックス 2014-04-02

2018年10月4日木曜日

リズム練習、目的の曲のために

特定の曲のリズムを練習する場合の話をします。

先ず前提として、
・曲を十分に聴き込んでいること(曲を正確に覚えていること)
・その曲のテンポについて行けること／大体タイミングを合わせられること
とします。

さて、この状態でリズムの練習をするということは、その曲のリズムのパターンをきちんと自分で再現できる、歌えるようにするということです。

その場合には感覚を鍛える場合とは逆に、テンポを本来のそれよりも落して練習します。正確にリズム・パターンを模倣する為です。

楽譜がある場合には、楽譜を見て正しいリズムを把握します。
楽譜を見てもそのリズムが良く分からない時は、リズム・マシンのアプリを利用すれば良いです。

楽譜が無い場合は特に、テンポを落した歌入りの曲で練習します。
テンポを落すのもアプリが利用できます(YAMAHA Chord Tracker、YouTubeアプリ、あるいはカラオケのアプリ等)。
聴きながら真似をして合わせて行くことで、正確なリズムを把握します。

(c) .foto project

正しく把握できた、と思ったら、今度はメトロノームのクリックにきちんと音を当ててちゃんと合わせて行きます。
リズム・パターンや音の長さを勘違いして覚えていた場合や、その特定のパターンが苦手であった場合は、そこでクリックからズレたり、小節区切りから外れたりするので分かります。
或は和声を聴いて分かるのであれば、ズレたフレーズは当然和声も狂うのでそこでも分かります。

そういうものを順次丹念に潰して行きます。

そうやって実際に歌ったものを録音しておき、後程再生して確認することも重要です。

落したテンポでちゃんとできるようになったら、元のテンポで練習して仕上げれば良いのです。うまくいかないところがあったら、楽譜で再確認したり、テンポを落した曲を聴いて再度練習します。

仕上がりの確認は、分かる人に聴いて貰うとか、或はカラオケの採点機能を利用するということになると思います。

登録: 投稿 (Atom)