ﾅﾝﾃｺｯﾀ....
>>前回
5月8日
‐MusicLinks‐のトップページ刷新に着手。
数日前からどの様にやって行くのか？工程を考え先ずは、、
テスト用ページ群の整理をやり、現トップページのコピーを作り、スマホ向けテキストとCSSを抜き出して改造する為のテストページを作り、ヘッドのCSSを無効にして新たなリセットCSSを書いた。
と、共に。。
5月になってから書いてみたいと思うリフレイン(曲)が浮かんだので、それの構築もやっている。
リフ、、、またしてもヘビメタだ！w
今度のは、初めてぐらいに使うＧマイナーキー＋変則８ビートの重暗で気持ち悪いメロディックマイナー？スケールで作っているw
5月10日、‐MusicLinks‐トップのテスト版、
看板ロゴの刷新に明け暮れる。。
作成したのが16年前の今頃だったのだが、その頃はガラケーで i‐XHTMが使えるレベルだったのだが今はCSS３やJavaｽｸﾘﾌﾟﾄを使ってアニメーションなどかなり複雑な表現が出来る様になった。。
なので、、
16年前にイメージしたサイトロゴに近づける為に悪戦苦闘していたのだw
結局のところ、基本フォントセットを変更して尚且つフォントをごちゃ混ぜにしてdisplayやトランスフォームのscaleやポジションリレイティブなどを駆使して、PCやアンドロイド石板の複数ブラウザで確認＆調整をやって出来上がった！
バカMACでどう見えてるかはどうでもいいw
本当はグラデーションとか立体的化などもやりたかったのだが、青系のみの配色と薄いバックグラウンドなので止めて初心を貫いた。
深夜、日が変わって11日になり、、
曲に必要なパーツが大体出来てきたのでシミュレータに書いて客観的立場での編集を開始した！
８ビートのままだがリズム？ノリ？が途中で変わるため9/8や7/8拍子などの小節が必要になる事が分かっていたので取り敢えずルート音だけのリフを書いてソロパート以外の全部(暫定版)を作った。
結局。イントロと[Ａ]メロパートだけが変則８ビートで他は通常８ビートだと分かり、書くための入れ物の雛型が出来上がった。
繰り返し方次第で小節の長さや分割方法とかが変わって来るから取り敢えず各セクションのリフを確定させて行く。
今はサイト編集が優先だから曲の方はボチボチになるネw
5月12日、作曲シミュレータ壊れた(涙)
前作作成中から調子悪くて電源切るのが怖くて半年以上稼働状態だったのだが、遂にその時が来た、、足掛け２０数年間御苦労様でした、、次が４代目か？５代目か？w(代わりのハードはあるンだよ)
サイト編集頑張れって言っているのかな？？
看板ロゴの刷新。
丸一日かけて作ったのだが、アンドロイドで見たりブラウザ変えたりしていると微妙に違う所が気になり始めた。
フォントセットを改めて見直し最適な組み合わせを数時間かけて試し、ChromeとFirefoxで相違が少なくなる様に調整し続けたが納得するに至らなかった。
もはやベンダープレフィクスが役にたたなくなったし、、
結局。。
根負けして｢画像化する方が簡単だ｣、、と言う事でフォントや文字間隔・大きさ、マージンやパディング等々再調整して看板ロゴだけを最大倍率で画面キャプチャ、ダウンロードした画像を最適なサイズに加工して更に小さくリサイズした画像と合わせて２コ作った。
出来上がった最大横幅900px/10KBの画像をサーバーにアップロードしてスクリーンショットした元のHTMLと比較してサイズ調整と見映え比較をやった結果、最大サイズ画像を使用する事になった。
画像に置き換えたがHTML版ロゴは消さずに display:none; で非表示にした。
HTML版だとCSSと合わせても１KB以下500バイトもないカモで済むから画像の容量を早期に小さくしよう！
バイナリデータだから文字列にする方が良いのかな？
やってみよう！
5月13日、
看板画像を文字列化してみたが10KBを遥かに越えてしまいHTMLソースが意味不明文字列だらけになってしまったので画像容量を４分の１まで圧縮してbase64にエンコードしたところ3.5KB位になったので貼り付けて見栄え比較したが全く違いが分からなかったため決定とした。
表示までのタイムラグがなくなった！
CSSファイルが使えればもっとすっきりとして表示速度も上げられるンんだけど、、、
サイトヘッダーのタイトル部分に随分手間取ったがヘッダーナビ部分の改造にも手間取っていて、中々思い通りにならない、、
縦長で使う石板画面を横長のPC画面でみると余白だらけなので、コンテンツを横並びにしたくてdisplayインラインブロックでボックスを並べたがCSSデザインだけだと全然思い通りにならなかった為、数日かけて作ったやり方を諦めて簡単で得意なテーブルタグレイアウトに変更した。
当初はTDボックス２つ横並びで作って思い通りになっていたけれど、３つ横並びの方が見栄え良くて出来そうなので変更中だ。。初期にあったコメントを表示するために改造中！
画面横幅が狭くなった時にレイアウトを変えなければならないから更に面倒になった？w
並べるだけならフレックスボックス使えば良いのだけれど、複雑な可変が思い通りに出来ない、CSS3が不慣れなだけかも知れないが。。
5月21日、
縦長横長の画面切り替えスイッチ(CSS構文)を書いて本格的にページ改造編集をやって来た、、
曲の事、左手の事、いろいろあったがページ主要部分の改造まで終わった。
あと少しだけれど。。
改造中に各リンクを確認したところ、作成したり更新や改造しなければならないページが発生した。
簡単に考えていたが、こりゃ〜一筋縄でわ行かないゾ、、
左手、、
30数年前？最初に左手(親指)を怪我したあと、チカラ込めて強く指板を押さえる弾き方をやめる為に指板がエグれた(俗に言うスキャロップネック)ギターをメインに弾く様になってから段々と筋力が衰え始めスチールギターではセーハするコードが押さえられなくなった為スチールを弾かなくなり、２回目の大怪我(中指薬指)をした20数年前からは5年間ほどまともに弾くことが出来なかったため握力も腕のチカラも無くなり、18年前(2008年)からはサイト作成に時間を取られソリッドギター弾かなくなり作曲もしなくなり、たまにガットギターを弾く程度になって、10数年前からは肘のシビレが酷くなり日常左手を使わなくなり今回異常が発生した、、、
しかし！
爪切り筋トレの効果絶大！！
完全に元以上に復活、ムチャクチャチカラ入る！強く弾ける！！
本気練習の成果でもあるが、ガットギターの単弦低音部ストレッチトリルとか指が届かない最高音部ハンマリング/プリングオフなど、苦手不得意だった事が出来る様になった！
おかげ様で前作アルペジオの練習がやっと出来る！
、、っと思ったけれど、、なのに、、
今は新曲作りと左手筋力アップとサイト編集で一杯一杯なのだ、、、ﾅﾝﾃｺｯﾀ....
