音楽サイト情報
ブログ_音楽仲間 ナンテコッタ....
コメント:0 件

ナンテコッタ....

>>前回

5月8日
‐MusicLinks‐のトップページ刷新に着手。

数日前からどの様にやって行くのか?工程を考え先ずは、、
テスト用ページ群の整理をやり、現トップページのコピーを作り、スマホ向けテキストとCSSを抜き出して改造する為のテストページを作り、ヘッドのCSSを無効にして新たなリセットCSSを書いた。

と、共に。。
5月になってから書いてみたいと思うリフレイン(曲)が浮かんだので、それの構築もやっている。
リフ、、、またしてもヘビメタだ!w
今度のは、初めてぐらいに使うGマイナーキー+変則8ビートの重暗で気持ち悪いメロディックマイナー?スケールで作っているw

5月10日、‐MusicLinks‐トップのテスト版、
看板ロゴの刷新に明け暮れる。。

作成したのが16年前の今頃だったのだが、その頃はガラケーで i‐XHTMが使えるレベルだったのだが今はCSS3やJavaスクリプトを使ってアニメーションなどかなり複雑な表現が出来る様になった。。
なので、、
16年前にイメージしたサイトロゴに近づける為に悪戦苦闘していたのだw

結局のところ、基本フォントセットを変更して尚且つフォントをごちゃ混ぜにしてdisplayやトランスフォームのscaleやポジションリレイティブなどを駆使して、PCやアンドロイド石板の複数ブラウザで確認&調整をやって出来上がった!
バカMACでどう見えてるかはどうでもいいw

本当はグラデーションとか立体的化などもやりたかったのだが、青系のみの配色と薄いバックグラウンドなので止めて初心を貫いた。

深夜、日が変わって11日になり、、
曲に必要なパーツが大体出来てきたのでシミュレータに書いて客観的立場での編集を開始した!
8ビートのままだがリズム?ノリ?が途中で変わるため9/8や7/8拍子などの小節が必要になる事が分かっていたので取り敢えずルート音だけのリフを書いてソロパート以外の全部(暫定版)を作った。

結局。イントロと[A]メロパートだけが変則8ビートで他は通常8ビートだと分かり、書くための入れ物の雛型が出来上がった。
繰り返し方次第で小節の長さや分割方法とかが変わって来るから取り敢えず各セクションのリフを確定させて行く。
今はサイト編集が優先だから曲の方はボチボチになるネw

5月12日、作曲シミュレータ壊れた(涙)
前作作成中から調子悪くて電源切るのが怖くて半年以上稼働状態だったのだが、遂にその時が来た、、足掛け20数年間御苦労様でした、、次が4代目か?5代目か?w(代わりのハードはあるンだよ)

サイト編集頑張れって言っているのかな??

看板ロゴの刷新。
丸一日かけて作ったのだが、アンドロイドで見たりブラウザ変えたりしていると微妙に違う所が気になり始めた。

フォントセットを改めて見直し最適な組み合わせを数時間かけて試し、ChromeとFirefoxで相違が少なくなる様に調整し続けたが納得するに至らなかった。
もはやベンダープレフィクスが役にたたなくなったし、、
結局。。
根負けして「画像化する方が簡単だ」、、と言う事でフォントや文字間隔・大きさ、マージンやパディング等々再調整して看板ロゴだけを最大倍率で画面キャプチャ、ダウンロードした画像を最適なサイズに加工して更に小さくリサイズした画像と合わせて2コ作った。

出来上がった最大横幅900px/10KBの画像をサーバーにアップロードしてスクリーンショットした元のHTMLと比較してサイズ調整と見映え比較をやった結果、最大サイズ画像を使用する事になった。
画像に置き換えたがHTML版ロゴは消さずに display:none; で非表示にした。
HTML版だとCSSと合わせても1KB以下500バイトもないカモで済むから画像の容量を早期に小さくしよう!
バイナリデータだから文字列にする方が良いのかな?
やってみよう!

5月13日、
看板画像を文字列化してみたが10KBを遥かに越えてしまいHTMLソースが意味不明文字列だらけになってしまったので画像容量を4分の1まで圧縮してbase64にエンコードしたところ3.5KB位になったので貼り付けて見栄え比較したが全く違いが分からなかったため決定とした。
表示までのタイムラグがなくなった!
CSSファイルが使えればもっとすっきりとして表示速度も上げられるンんだけど、、、

サイトヘッダーのタイトル部分に随分手間取ったがヘッダーナビ部分の改造にも手間取っていて、中々思い通りにならない、、
縦長で使う石板画面を横長のPC画面でみると余白だらけなので、コンテンツを横並びにしたくてdisplayインラインブロックでボックスを並べたがCSSデザインだけだと全然思い通りにならなかった為、数日かけて作ったやり方を諦めて簡単で得意なテーブルタグレイアウトに変更した。

当初はTDボックス2つ横並びで作って思い通りになっていたけれど、3つ横並びの方が見栄え良くて出来そうなので変更中だ。。初期にあったコメントを表示するために改造中!
画面横幅が狭くなった時にレイアウトを変えなければならないから更に面倒になった?w
並べるだけならフレックスボックス使えば良いのだけれど、複雑な可変が思い通りに出来ない、CSS3が不慣れなだけかも知れないが。。

5月21日、
縦長横長の画面切り替えスイッチ(CSS構文)を書いて本格的にページ改造編集をやって来た、、

曲の事、左手の事、いろいろあったがページ主要部分の改造まで終わった。
あと少しだけれど。。
改造中に各リンクを確認したところ、作成したり更新や改造しなければならないページが発生した。

簡単に考えていたが、こりゃ〜一筋縄でわ行かないゾ、、

左手、、
30数年前?最初に左手(親指)を怪我したあと、チカラ込めて強く指板を押さえる弾き方をやめる為に指板がエグれた(俗に言うスキャロップネック)ギターをメインに弾く様になってから段々と筋力が衰え始めスチールギターではセーハするコードが押さえられなくなった為スチールを弾かなくなり、2回目の大怪我(中指薬指)をした20数年前からは5年間ほどまともに弾くことが出来なかったため握力も腕のチカラも無くなり、18年前(2008年)からはサイト作成に時間を取られソリッドギター弾かなくなり作曲もしなくなり、たまにガットギターを弾く程度になって、10数年前からは肘のシビレが酷くなり日常左手を使わなくなり今回異常が発生した、、、

しかし!
爪切り筋トレの効果絶大!!
完全に元以上に復活、ムチャクチャチカラ入る!強く弾ける!!
本気練習の成果でもあるが、ガットギターの単弦低音部ストレッチトリルとか指が届かない最高音部ハンマリング/プリングオフなど、苦手不得意だった事が出来る様になった!
おかげ様で前作アルペジオの練習がやっと出来る!
、、っと思ったけれど、、なのに、、

今は新曲作りと左手筋力アップとサイト編集で一杯一杯なのだ、、、ナンテコッタ....

ブログ_音楽仲間 勝手にやっとケ−w
コメント:0 件

勝手にやっとケ−w

>>前回

4月25日 バンド宣伝リンクBBS。
ガラホ向け以外の編集作業が終わった。

俺のガラホはスマホと同じでOSがLinux;アンドロイド、ブラウザがChrome;Mobile Safariなのにフィーチァーフォンみたいにフォーカス選択しHTML4.01的ハイパーテキストに対して独自CSSになっていて表示はスマホ版なのにまるでガラケーだ、、
画像が多かったり複雑なPCページを読み込むと昔のドコモムーバみたいにハンパなく途方もない時間がかかり待ちきれない、、
変換サーバーとかプロキシを経由しているかの様だ(人力ブラウザじあネーのか?w)、、
オマケにテキストエディターはガラケー以下スマホ以下以下で最悪だw

、、なのでアンドロイドタブレットとは挙動も表示も違っていて困っている。。

デザイン変更を繰り返す傍らでサイト説明文の再構築に1週間以上を費やし、HTMLタグ関連の説明文作成に数日を要した。
トピック本文の完成版をアップしたのが4月22日、それ以降もガラホのセイでCSSの変更が続いている。
なかなか終わらないから後でやろうと思っていた動画宣伝板のサムネイル入れ替えを先にやって公表した。

まだHTML5化があるから完全には終わってないんだけど早く他サイトの編集に着手したい、、
ホムペ宣伝板が先か?ーMusicLinksートップサイトが先か??考えたが、やっぱりトップサイト刷新が先かな〜〜?、、
閉鎖サイトのテキストが残ったままだし、2015年頃からほとんどそのまま手付かずだし、、BBSの更新情報を何も伝えていないし、、
メインサイトの引っ越しや作成などで構っているヒマが無かったとは言え放置し過ぎた。。w

左手、、
CR対応ライターを左手で必ず使う様にしてから1週間、随分自由に使える様になった。
肘のシビレはちょっとマシになった程度だが、かなりチカラ入る様になった!
、、しかし、2〜3日爪切り筋トレサボると手指にシビレが出て衰えた気になり慌てて筋トレ再開する始末だw

5月3日、左手 完全復活?
CR対応ライターの着火ボタンを親指先と他の指先の2本だけでも押せる迄になった!
人差し指か小指+親指では全くチカラ入らなかったが出来る様になり、掴んだりつまみ上げたりも自在になった!
なので、あまりやらないガットギターのピック弾きでチカラ強く弾く練習を繰り返している。。
今は右手の方が筋肉痛でムチャクチャ痛いw

5月6日、バンド宣伝リンクBBS。
目に見えるところの編集が終わってから1週間以上たつかな?、、あれからこれまで目に見えないところの編集が永遠と続いていた。
HTML5化をやりながら説明文などを再編集。、特にメッセージ板を重点的にやり直し改造し投稿と編集のテストなどを繰り返し利便性を追究した。

5月になって本編テキストとシステムが出来上がったので、今度は検索サイト対策の為のヘッダの再構築を開始。
15年近く前はガラケーだったのでヘッダがどうなっているのかよく分かって無かったが、今はPCもアンドロイドもどうなっているのか簡単に見れるので1からビルドアップした!
投稿ページやファイルページなど細かい小ページ含め全ページヘッダの検索エンジン最適化完了!

ヘッダ再構築の最中何気に見たGoogleの検索結果にグループサイトでZZboardサーバーのBBSが上位表示されていたので見たら広告が酷くなっていた為に先に数時間かけてテコ入れ。。
再確認したところ、「バンド宣伝リンクBBS」の最新BBSも既にインデックス済みだった、まだ大々的に公表して無いのに、、、ロボットがやったか悪意で誰かがやったかは知らんケドw
早速抜けていたカノニカルやノーインデックス+ノーフォロー指定などやった。。

ところで、AI検索結果の説明文に俺のサイトや文章が引用されているんだけど、拒否するにはどうやるンだろ?
クソGoogleて、裁判沙汰ばかりやってるバカ検索エンジンだから何やってもムダかな〜?w
、、分かったところで今さら全ページに施すのは現実的じあ無いしな。。。

サイト紹介してくれるのは有難いけれど不適切な引用には怒りしかないが、ワールドワイドウェブ上の勝手サイトの勝手引用はおれも同じだから仕方ないのかな?勝手にやっとケ−w

ページステータス

×
「#お仕置き」のBL小説を読む
BL小説 BLove
- ナノ -