|
guitar site
WAVE 
|
≪≪≪このページの下の方に、【入り口兼もくじ】があります。≫≫≫ |
<2019/03/09>
もわ〜ん。…つーわけで。（特に意味なし）
このサイト、Certbot の無料サーバ証明書を使って https 化していて、有効期限が90日なので週イチで自動更新させているのですが、一ヶ月半ぐらい前からエラーが出てて…。
特に何もしていないのにエラーが出るようになったので、特に何もしないでも直るかな？とか思っていたのですが、直らないまま期限切れまで一ヶ月を切ってしまったので、ググって調べてみました。
エラーは、
OSError: Command /opt/eff.org/certbot/venv/bin/python2.7 - setuptools pip wheel failed with error code 1
とか出るヤツです。
とりあえず、python2-certbot-apache をインストールしていなかったので。（なんでだろ？）
# yum -y install python2-certbot-apache
pip は、インストールされていたのですが、色々バージョンが古かったみたいです。
# pip install --upgrade setuptools
# pip install --upgrade virtualenv
# pip install --upgrade pip
これで自動更新できるようになりました。大事にならずに良かった。
でも、今度は、
DEPRECATION: Python 2.7 will reach the end of its life on January 1st, 2020. Please upgrade your Python as Python 2.7 won't be maintained after that date. A future version of pip will drop support for Python 2.7.
と警告が。
う〜ん。これは、いいか。（え!?）
今年一杯、猶予ありそうだし。Python をアップグレードすると yum が使えなくなるとかいうヤツだよね？
ググると情報は色々ありそうだけど、ま、次の機会に…。(ーー;)
追伸：
新しいページ「色指定変換」を作りました。
色の10進数指定⇔16進数指定の変換をします。
あと、おまけ（？）でカラーネームの16進数と10進数指定も分かります。カラーネームを入力するか、プルダウンで選択も出来ます。
WEBページの色指定ではカラーネームが使用できるのですが、その色をペイント・ソフト等で使いたい時に10進数指定が必要だったりするので、作ってみました。
<2018/11/09>
このサイトは、スマホにも対応させたように作成されておりません。
…つーことなんですが。
スマホからの web 閲覧率って、サイトの分野にもよりますが今や 7 割以上あるみたいですね。
このサイトは、4 割ぐらいですが。↓↓↓
ウェブサイトをスマホに対応させるには 2 つの方法があるようです。
１）PC にもスマホにも対応したページを作成する。
２）PC 用ページとは別にスマホ専用ページを作成する。
ま、そうなるでしょうね、って感じです。
でも、PC にはない制約のあるスマホ向けのデザインを、別に考えないといけないってことですよね。う〜ん、面倒臭いし、なんかアタマをすごく使いそう。w
やはり、スマホだと見にくいのでしょうか？実は僕、スマホ持ってないんですよね。なので、どうすればスマホで見やすく使いやすくなるのかよく分からないんですわ。ま、調べれば多少分かるのかもしれませんが、自分で使っていないので、要はイマイチやる気がでない。w
ちょっと、Google Chrome の「デベロッパーツール」でスマホの Web ブラウザをエミュレートしてみると、table タグ内の文字が小さくなっちゃいますね。でも、スマホの方で何とか出来ますよね？（いや、知りませんが。w）
あ、んで、実は本題は、「スマホ対応のサイト作りについて」ではなくて、ここに載せた「円グラフ」なんです。
この「円グラフ」を載せたいな、と思った時にまず考えたのが、スタイルシートで出来るかね？ってことなんですが、当然僕にはそんなスキルはないのでいつものようにググると。
すると、Google Chart API なるものがひっかかるんですわ。おお、これ便利！
グーグルが提供しているグラフ作成サービスで、URL にパラメータを指定するだけでグラフを画像として取得できるってヤツです。
なので、「img」タグの「src」にそのパラメータ付きの URL を指定すれば、ホームページ上にグラフを表示させられます。それが上の円グラフです。
ちなみに、上の円グラフの URL は、「https://chart.apis.google.com/chart?cht=pc&chl=PC・タブレット+60%|スマホ+40%||iPhone・iPod+touch+21%|Android+19%&chd=t:60,40|60,21,19&chco=0000ff,ffff00&chf=bg,s,e8e8e8&chp=4.7124&chtt=PC/スマホ+比率&chs=530x270」です。
本当は（？）、日本語部分は URL エンコードをしないといけないのかもしれませんが、僕の環境では日本語のままでもキチンと表示されますね。
その他、興味があったらググってみてください。円グラフだけでなく、色々なグラフが作れます。
QR コードも作れます。
てか、このサービス、10 年以上前からやってたのね。
<2018/10/23>
done
これを僕、「ドーン」って読んでました。（恥）
当然、中学生の時に英語の授業で「ダン」って教わって「ダン」って読んでいたと思うんですけどね。
こんな風に英語をローマ字読みしちゃうっていうのは、やっぱり PC で入力する時にローマ字読みを思った方が入力しやすいからだと思うんですよ。
でも、これを会話の中でつい 口に出しちゃうと…、恥ずかしい思いをしてしまうと。
そこで、読み間違いしがちな英単語とそのカタカナ読みをいくつか載せたページを作ってみました。気になったらチェックしてみて下さい。
ページタイトルは「英語を日本語で読む。」です。で、この日本語を日本語で意訳すると「そもそも無理がある。」です。w
一応、発音記号と手に入ったものは音声も付けてみました。もちろん、日本語読みの方にではなく英語の方にです。w
<2018/10/15>
Ｃloudflare が素晴らしいッ！
情弱なんで、今更ですが…、Cloudflare 。
・オリジンサーバが https に対応していなくても、エラー無しの https でアクセス出来るようになる。
・近場のキャッシュサーバから返されるので、WebPage の表示が高速化する。
（オリジンサーバが海外にあると効果大。ただ、デフォルトでは HTML ファイルはキャッシュされず、キャッシュされるのは画像や js,css ファイルや WebFont など。）
上記２つは、無料プランで実現できる。
SSL option の意味
オリジンWebサーバーがセキュア（HTTPS）接続を受け入れることができない場合にのみ、「Flexible」を選択。
自己署名入りのSSL証明書の場合は「Full」を選択し、認証局から発行された有効なSSL証明書を使っている場合は「Full (strict)」を選択。
「http」を「https」にリダイレクトするなら、Cloudflare の「Always use HTTPS」をON。
HSTS (HTTP Strict Transport Security) にするなら「Enable HSTS」をクリックして設定へ。
その他、注意点として、オリジンサーバのアクセス元が全て Cloudflare になるので、接続元の IP アドレスなどで制限をかけるような機能が使えなくなったり、アクセスログには Cloudflare からの IP しか残らなくなります。オリジナルの IP を取得する方法はあるようですが、レンタルサーバだと（権限がないと）設定が無理っぽいです。
ついでに、Cloudflare に限らず、無料レンタルサーバの SSL 化を幾つか試してみたので参考までに。
↓↓↓
Freehostia
Freehostia すごい！無料の SSL が使えて、広告が出ない。（認証局は「Let's Encrypt」）
但し、下記トップレベルドメインは使えない。
Domain extensions (.TLDs) that cannot be hosted with us: .co.cc, .vv.cc, .tk, .cf, .ga, .ml, .uni.me, .gq, .cu.cc, .co.vu, .men, .party, .click, .link, .work, .gdn
僕が Freehostia のアカウントを作ったのが 10 年程前で、現在のサーバの仕様と少し違うようです。今新規にアカウントを作成しても同様に使えるかは分かりません。m(_ _)m
XREA
無料の SSL が使えるが、広告が表示される。
無料の .tk ドメインでも利用可能でした。
DNS はバリュードメインでやっている無料ネームサーバーを利用すると、「当サービス内サーバーの自動DNS設定」でサーバー名を選んでやれば、基本的な設定はサクッと入る。
U Host All
デフォルトで自己署名証明書。https でアクセスはできるがエラー表示が出る。
.tk ドメインが使えない。（.cf ドメインは使えた）
Sorry we do not support hosting .tk domains on free hosting.
コンパネに「CloudFlare」のボタンがあり、それから Cloudflare が利用できる。U Host All のネームサーバの内容が書き変えられる。レジストラのネームサーバの内容は変更しない。SSL optionは「Full」が使える。
Bis.nf Hosting
無料ドメイン .tk で Cloudflare を使ってみる。
コンパネに「CloudFlare」のボタンはないので、普通に Cloudflare のサイトで登録，設定をする。レジストラのネームサーバの内容を変更する。SSL optionは「Flexible」。基本的にどのサーバでも、ドメインを用意して、Cloudflare を使って SSL 化が出来るのだと思います。
| ※ も く じ ※ |
|---|
| ページタイトル | 内容紹介 | ちょっと詳細 |
|---|---|---|
| ごあいさつ | 更新内容などのお知らせです。 | このページの事です。 |
| 発祥の地 | 記念にリンクだけ張っておきます。 | http://www.geocities.co.jp/MusicStar-Live/7012/ |
| プロフィ～ル | 僕のプロフィール、一応作ってみました。 | メインはよく聴いたアルバムの紹介です。 |
| BGM | このページのBGMについてのコメントです。 | 以前にBGMに使っていた曲もあります。 |
| ORENO（俺の） | 僕の楽器類のコレクションのページです。 | |
| カタログメニュー＆アコギ各部名称 | タイトル通りの内容です。 | ここから「カタログ一覧表」へ。 |
| ピカッ!!のコーナー | ひらめいた事が書いてあります。 | ！！！！！！ |
| ＰＰ | 基本的なピッキング・パターンを載せています。 | アルペジオ，３フィンガー，コード・ストローク。 |
| チェキ～!! | 調整の目安が書いてあります。 | 弦高，ネックそり，ナット溝の高さなど。 |
| My Favorite Guitarist | 僕の好きなギター弾きのアルバム紹介です。 | |
| エレキのスイッチ，配線について | テレキャス，ストラトなどの配線が描いてあります。 | Flash を使ってみました。（Internet Explorer 推奨） |
| 今日の“シリーズ” | 今日の“～～～”です。（？） | かつて、この「ごあいさつ」のページで紹介したものです。 |
| おすすめフリーソフト | おすすめのフリーソフトです。 | フリーソフトは本当にありがたい。感謝 !! |
| WAVE ログ | 自宅サーバ , VPS , PC 関連の事を書いています。 | ほぼ Linux 系です。 |
| 英語を日本語で読む。 | 読み間違いしがちな英単語とカタカナ読み。 | 発音記号と手に入ったものは音声付き。 |
| YouTube - Search & Play | YouTube の検索結果から連続再生できます。 | お手軽です。 |
| My Tube | YouTube のお気に入りリンク集が作れます。 | データはブラウザ上に保存されるだけです。（Google Chrome 推奨） |
| 440 の部屋 | A=440Hz が聞けます。 | 周波数は 1Hz 単位で変更できます。 |
| オクターブ・サイクル （digital） | リニアーなサイクルです。（？） | 使えそうなら使ってみて下さい。 |
| インチ→ミリ 換算 | インチ表記の弦太さ等をミリに換算します。 | 任意の数値（インチ）６つと分数１つを一括でミリに換算出来ます。 |
| URL エンコード＆デコード | 文字コードは UTF-8 です。 | 「半角スペース」が「+」ではなく「%20」になるタイプです。 |
| 文字数カウンター | 文字数を数えます。 | 指定文字数との差も表示されます。 |
| シンプル・タイマー | 指定時間後または指定時刻にお知らせします。 | PC 時計の簡易チェック機能付き。 |
| これ、TAB コレ。 | TAB 譜（Power Tab）のコレクション？です。 | ネット上で集めました。僕が作ったわけではありません。 |
| ショッピン、グー。 | 複数のショッピング・サイトで商品を検索。 | Yahoo!ショッピング，楽天市場，Amazon，メルカリ 他。 |
| モニタの表 | モニタの画面サイズ，解像度，dpi などの表です。 | 任意の値で計算させることも可能です。 |
| 為替レート[米ドル円] | まったく場違いですが…、グラフ作ってます。 | さらに、メール通知もしてますが、過信しないで下さい。 |
| ユーザーエージェントを表示 | ユーザーエージェントを表示する、…だけです。(^^; | チェック用とか。…しないかぁ？ |
| ネットワークアドレスを求める。 | ネットワークアドレス（10進数）を算出します。 | サブネットマスクを選択して下さい。IPv4用です。 |
| IP to Location | IPアドレスやドメイン名から住所を検索します。 | 迷惑メール，スパム調査等にご活用ください。 |
| 色指定変換 | 10進数指定⇔16進数指定の変換をします。 | カラーネームの16進数と10進数指定も分かります。 |
| カラーネーム 140色 | カラーネームとカラーコードの対応表です。 | 実際の表示色も確認できます。 |
| 反転色と補色を求める。 | 反転色と補色のカラーコードを計算します。 | RGB値を十六進法で表記したカラーコードを使用しています。 |
| 奇跡のカップル | 文字色と背景色のランダムな組み合わせを表示。 | その中から好きな組み合わせを選ぶという。 |
| お天気 イメージ | 12時間ぐらい先までの天気予報です。 | 見た目で天気の変化がイメージ出来るようなものにしてみました。 |
| Pre-Translate | 翻訳の妨げとなる文字や改行などを削除します。 | 「Google 翻訳」へのリンクを作成します。英語→日本語です。 |
| 壁神 | 壁紙だけのページが出来ます。 | 使い道が見いだせる方のみご利用下さい。（笑） |
| 緯度経度を調べる。 | 地図上をクリックすると、緯度経度が表示されます。 | 位置情報の取得は「ブロック」しても使えます。 |
| 一限リンク | URLを入力して、そのページに行きます。 | 当たり前かぁ。（笑） |
| ヤフオク LINK | Yahoo!オークションへのリンクです。 | 全てのメーカーのギターが表示されます。 |
| SERIAL LINK | Martin,Gibson,Guild,Ovation のＨＰへのリンク。 | シリアル・ナンバー⇒製造年が分かるページへのリンク。 |
| Serial -> Date | Martin Guitar だけでゴメソ。 | シリアル・ナンバー入力、クリックで製造年が分かります。 |
| LINK！LINK！LINK！ | リンク集です。 | 相互リンク、募集中!! |
| BIG Forum | シンプルな一行掲示板です。 | お気軽にどうぞ。 |
| Merry Christmas to you. | クリスマスによせて…。 | 雪と画像と音楽。 |
♪ ちなみに、バックで鳴ってるのは Martin D-28 で、鳴らしてるのは僕です。
* このホームページについて *
このホームページは僕（素人）が趣味でやってるもので、内容については僕の個人的な意見で作られています。
中には、僕の思い込みや勘違いによって、間違った記述があるかもしれません。
なるべく誤解のないように書いてるつもりですが、もしお気づきの点がありましたらご指摘頂けるとありがたいです。
特に、「楽器（ギター）」についてはいろんな迷信みたいなのがありそうですし、「音」についても人それぞれの好みが大きいし、また言葉で的確に表すのは無理でしょうから。
皆さんも自分の「耳」と「感性」を信じてギターと音楽を楽しんで下さい。
| 登場：2001年05月06日 | 最終更新日：2019年03月09日 | 管理人：ゆう | ✉ | ： |