「音楽&映像 リアルロイド」へようこそ。

2018年7月18日(水)
奮闘日記タイトル画像

2015年分の奮闘日記

「モバイル デバイスに対応しました。」

2015年12月10日登録
6代目Bluesky-ntech.com12月10日

Google様から「このサイトはモバイル フレンドリーではない!」と言われ続けていたので、HTML5+CSS3に移行したついでにモバイル デバイスに対応しました。(いや、対応できているはずです。ChromeのシミュレーションとGoogleのモバイル フレンドリー テストで検証しています。)最初は表示領域の横幅が900ピクセルあることを前提にしているページを375CSSピクセルのデバイスで全体を表示することは無理なんじゃないかと思っていたのですが、metaタグによるviewportのスケール設定とフレキシブル ボックス レイアウトのおかげでなんとかモバイル デバイスに対応できました。(実機での確認はできていません。私の携帯はスマホじゃないので...。)

今回の作業で鍵になったのはフレキシブル ボックス レイアウトです。(<- 今更ですみません。)横方向と縦方向のレイアウトが簡単に実現でき、本当に便利です。おかげで余計なJava scriptも削減できました。レスポンシブルWEBデザインになくてはならないものだと思います。だた、W3CのCSS バリデータが「flex:~」を「flex-flow:」と認識するようで、正しいはずのCSSがエラーになる場合があります。(この件に関しては経過観察したいと思います。)後、IE11のjava script:scrollIntoView()とCSS:Z-indexが設定された要素の描画もおかしな動き(ChromeやFirefoxと異なる動き)をする場合があります。(scrollIntoView()のおかしな動き:既に対象の要素が見えている状態でscrollIntoView()を呼び出すと表示全体がX方向のマイナス側に移動する。CSS:Z-indexに関するおかしな動き:position:relative、height:0、overflow:visibleのDIVの子DIVにposition:absolute、Z-indexを設定してvisibility:hiddenからvisibleにすると親DIVのY方向の位置から下に位置する全ての要素が消去される。)

このサイト(6代目)も時代の流れに少し追いついたかなぁ~。(でも、コンテンツが進化してない。ガーン...)

「soundcloud お気に入り楽曲のご紹介」

2015年10月31日登録
10月31日

5代目の本サイトで soundcloud の楽曲を掲載できるようになりましたので、お気に入りの楽曲を紹介したいと思います。


F-14 Tomcat

1曲目は「Idler」さんの作品で、1986年のアメリカ映画 『Top Gun』のテーマ「Danger Zone」のメタル風カバー曲です。Top Gunと言えば、トム・クルーズなのですが、私的にはやはりF14 トムキャットです。何と言ってもかっこいい!。低速時は主翼のスィープバック小さくなり(右にある画像の状態)、高速になるとスィープバックが大きくなってデルタ翼になるのです。ん~ん、たまらん。最新のF22 ラプターやF35 ライトニングにもない美しさがあります。まぁ、それはさておき、「Idler」さんのメタル風カバーですが、女声と男声が順番に入るところとギターのサウンドが非常にマッチしています。(air traffic control ぽい部分もかっこいい!)


2曲目は「OLDFASHIONBOX」さんの作品で、1985年のアメリカ映画 『Back to the Future』のテーマ「The Power of Love」のカバー曲です。こちらはオリジナルに近い雰囲気で、女性ボーカルの芯のあるきれいな声が魅力的です。


「や~っと5代目サイトができました。」

2015年10月30日登録
5代目Bluesky-ntech.com10月30日

お盆の頃から少しずつ進めていた本サイトのバージョンアップ作業がや~っと完了しました。今回はFLASH/Spryコードの除去(HTML5標準機能への置き換え)とSoundCloudによる楽曲の再生機能の組み込みが主な作業だったのですが、殆ど全てのphp/css/jsファイルを作り直すぐらいの大改修になってしまいました。正直、何度も心が折れそうになりましたが、なんとか全コードの改造と本サイトの標準プレイヤー(左上にいるやつです。)とSoundCloudプレイヤーの連携まで実現することができました。作品の置き場所と額縁が少しよくなったので作品そのものもよくしたいと思います。


あっ、大事な事を書き忘れてました。今回の改修で本サイトは古いブラウザー(IE 6,7,8,9,10)への対応を終了しました。(IE 11とEdgeでの閲覧が可能であることは確認しています。)世界中のサイトと繋がる可能性のあるブラウザーですから、セキュリティ上問題のない最新のブラウザーを使用しましよう。(<- すみません。知名度がないサイトの管理者が言うことじゃありませんね。)
本サイトは Google Chrome と Microsoft IE 11/Edge の最新版ブラウザーの使用を推奨します。

「ゲェゲェ!Flashでエラーが発生。」

2015年08月17日登録
8月17日

お盆の間にJasrac管理となる楽曲をSound CloudやMusic Trackに移転する準備を行っていたのですが、最新版 Flash(18.0.0.232)で楽曲再生時にエラーが発生することを発見。(ArgumentError: Error #2188 ハデなエラー メッセージ ダイアログが表示されました。)


Flash Error 2188

「何も変更していないのに・・・、アドビめ・・・」などと独り言を言いながら調べて見ると、ヴァイオリンの画像を小さくしていくトゥイーンの設定が気に入らなくなったのか?最後のフレームのY方向の伸縮のパーセンテージを少し大きくするとエラーが発生しなくなりました。


Flash Error 2188回避設定

ん~ん、自分で書いたスクリプトでエラーが発生するならともかく、アドビ製のFlash ProのGUIで設定したトゥイーンでエラーになるとは・・・。あっ、そんなことより、楽曲ごとに動画を作成しないと...。

「数学って結構おもしろい!」

2015年08月10日登録
ワナにはまらない微分積分8月10日

今日は数学の勉強し直しのために購入した書籍「ワナにはまらない微分積分」を紹介したと思います。この本、一言で言って「よい」です。微分積分と言うよりも、問題(テストの問題ではなく、自分の前に立ちはだかっている数学的思考が必要な問題です。)の捉え方と言うか、考え方が分かるようになる本だと思います。何かを学ぶ時、学ぼうとしているもので、結局何ができるのか?、とか、どう役立つのか?、が分かっているとやる気もでます。説明がおもしろかったり、分かりやすかったりすると、なおやる気がでます。この本はそういう点がとてもよいのです。仕事で数学が必要になった方(私もそうです。)にピッタリな一冊で、イチオシです。あぁ~、もっと若い時にこの本に出合っていたらなぁ~。





あっ、2015年の記事が ・・・ 、3件になってる。違う、4件だ。でも、まだ日記には程遠いですね。(音:チィ~ン)

「ドイツの会社って、スゲェー!」

2015年08月07日登録
VST3 ビルド環境テンプレート8月6日

8月6日にSteinberg社 - VST3 シンセサイザー開発用ビルド環境テンプレートをアップロードしました。これは映像ファイルのプログラムのページで公開しようとしているCINEMA 4D用のキャラクター プラグインの音声生成部を作るための最初の作業でできたものです。実はこのプラグインも頭部が生成できる状態になった所で、長くほったらかしになっていたのですが、やーっと音声関連部と頭部以外の部位のジェネレータを作れる環境になってきました。まぁ、それはさておき、やっぱりドイツの会社はすごいですね。VST SDKもGUI作成に時間をかけずに目的の機能を実現するソフトウェアーを作れるようになっています。(右の画面はVST SDK サンプル プログラムのものです。)MAXONのCINEMA 4D C++ SDKもパラメータの入力用GUI作成に時間がかかることはありません。GUIって結構手間がかかるし、最後まで問題をはらんでいる所で、どちらかと言うとイヤ~な部分なんですが、ハデな印象を付けれる部分でもあるので、時間をかけずに凝ったものが作れれば非常に助かるものです。ん~ん。無料でこの手軽さ。ドイツ国民、恐るべし!

「AKB48のUZAを追加しました。」

2015年07月12日登録
AKB48 UZAのジャケット画像7月11日

7月9日(真夜中)にAKB48のUZAを追加しました。実はこの曲、去年(2014年)に作ろうとしたのですが、あまりの難しさに途中で挫折した曲なのです。一番難しいと感じた所は、迫力と言うか、音圧と言うか、ダーティーなのに整然とならんでいる感じにならない所です。今回は途中でほったらかした状態のものを1トラックづつ音源の設定から見直したのですが、結局オリジナルの迫力には遠く及ばず。ただ、何となく糸口は掴めたような気がします。一番大切なのは作業の順序と各工程の仕上げを確実に行うこと。これを怠ると同じ作業を何度も行わなければならないことになります。と言うことで、音源、エフェクト、ミキシングに関して、少しずつですが実際に経験して実感したことを音楽制作資料のページに追加して行きたいと思います。

「Wow~!」

2015年06月23日登録
Bluesky-ntech.comを表示中のNexus 96月23日

Wow~!、2012年の1月1日にこの奮闘日記を書いてから3年半も経過している。世に中はとっくにモバイルの時代になっているのに、このサイトはPCでないと見れないんだ・・・。と言うことで、Android Tabletに対応しました。これで、このサイトは4世代目になります。Android版のChrome(標準状態)ブラウザで全てのページを閲覧できることが最低条件と考えたのですが、・・・。Flashは当然如くアウト。H264もアウト。ん? ガーン。PDFも表示されない?。Android版Firefoxに至ってはMP3もアウト。ほんと、困ったものです。でも、なんとか全ページ見れる&聴けるようになりました。

でも、気になる事が一つ。いや、二つ、三つ。まず、PHP、SQLコードの中身はブラウザから見えないと思うのですが、HTMLとJavascriptは恥ずかしい姿が露わになっている。いや、音楽ファイルやグラフィックはもっと隠しようもなく、はずかしぃー!

Copyright(C) 2007 - 2018 リアルロイド - ニューラルソフト. All rights reserved.