≪≪≪このページの下の方に、【入り口兼もくじ】があります。≫≫≫
もくじ


<2018/11/09>

のサイトは、スマホにも対応させたように作成されておりません。

…つーことなんですが。
スマホからの web 閲覧率って、サイトの分野にもよりますが今や 7 割以上あるみたいですね。
このサイトは、4 割ぐらいですが。↓↓↓

ウェブサイトをスマホに対応させるには 2 つの方法があるようです。
1)PC にもスマホにも対応したページを作成する。
2)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 など。)
上記2つは、無料プランで実現できる。




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(俺の)僕の楽器類のコレクションのページです。---●【アコギ編】●Morris W-15●Guild D-35NT●Martin D-28●Martin D-18●Morris TF-50SP●Morris W-18●Cat's Eyes CE65●K.Yairi DY-35●Gibson J-45/50●YAMAHA LL-6JT●Morris W-60●S.Yairi YV-18●Cat's Eyes CE-1200M●---●【エレキ編】●Fernandes FST-60J●Ibanes AR300●BILL LAWRENCE BTⅡ●YAMAHA RGZ-Ⅱ●FENDER JAPAN ST62-70TX●寄せ集め ストラトキャスター●EDWARDS E-SA-118●Tokai LS98F CS●Fender Modern Player Telecaster Plus●Tokai ATE44 VWH/R●YAMAHA JB-600R●FENDER JAPAN PB70-85US●---●【エレアコ編】●Ovation 1768●---●【エフェクター編】●NEXT CO-300●NEXT DS-200●BOSS OD-2●Maxon BC-9●Maxon PT-9●Maxon FL-01●KORG NGT-1●BOSS PW-1●YAMAHA FX550●YAMAHA BSP100●KORG SDD-1000●ZOOM STUDIO 1202●---
カタログメニュー&アコギ各部名称タイトル通りの内容です。ここから「カタログ一覧表」へ。
ピカッ!!のコーナーひらめいた事が書いてあります。!!!!!!
PP基本的なピッキング・パターンを載せています。アルペジオ,3フィンガー,コード・ストローク。
チェキ~!!調整の目安が書いてあります。弦高,ネックそり,ナット溝の高さなど。
My Favorite Guitarist僕の好きなギター弾きのアルバム紹介です。---☆★☆内田勘太郎☆★☆ライ・クーダー☆★☆バート・ヤンシュ☆★☆ステファン・グロスマン☆★☆ドック・ワトソン☆★☆ジェイムス・テーラー☆★☆デヴィッド・ブロムバーグ☆★☆ノーマン・ブレイク☆★☆---
エレキのスイッチ,配線についてテレキャス,ストラトなどの配線が描いてあります。Flash を使ってみました。(Internet Explorer 推奨)
今日の“シリーズ”今日の“~~~”です。(?)かつて、この「ごあいさつ」のページで紹介したものです。
おすすめフリーソフトおすすめのフリーソフトです。フリーソフトは本当にありがたい。感謝 !!
WAVE ログ自宅サーバ , VPS , PC 関連の事を書いています。ほぼ Linux 系です。
英語を日本語で読む。読み間違いしがちな英単語とカタカナ読み。発音記号と手に入ったものは音声付き。
YouTube - Search & PlayYouTube の検索結果から連続再生できます。お手軽です。
My TubeYouTube のお気に入りリンク集が作れます。データはブラウザ上に保存されるだけです。(Google Chrome 推奨)
440 の部屋A=440Hz が聞けます。周波数は 1Hz 単位で変更できます。
オクターブ・サイクル (digital)リニアーなサイクルです。(?)使えそうなら使ってみて下さい。
インチ→ミリ 換算インチ表記の弦太さ等をミリに換算します。任意の数値(インチ)6つと分数1つを一括でミリに換算出来ます。
URL エンコード&デコード文字コードは UTF-8 です。「半角スペース」が「+」ではなく「%20」になるタイプです。
文字数カウンター文字数を数えます。指定文字数との差も表示されます。
シンプル・タイマー指定時間後または指定時刻にお知らせします。PC 時計の簡易チェック機能付き。
これ、TAB コレ。TAB 譜(Power Tab)のコレクション?です。ネット上で集めました。僕が作ったわけではありません。
ショッピン、グー。複数のショッピング・サイトで商品を検索。Yahoo!ショッピング,楽天市場,Amazon,メルカリ 他。
モニタの表モニタの画面サイズ,解像度,dpi などの表です。任意の値で計算させることも可能です。
為替レート[米ドル円]まったく場違いですが…、グラフ作ってます。さらに、メール通知もしてますが、過信しないで下さい。
ユーザーエージェントを表示ユーザーエージェントを表示する、…だけです。(^^;チェック用とか。…しないかぁ?
ネットワークアドレスを求める。ネットワークアドレス(10進数)を算出します。サブネットマスクを選択して下さい。IPv4用です。
IP to LocationIPアドレスやドメイン名から住所を検索します。迷惑メール,スパム調査等にご活用ください。
カラーネーム 140色カラーネームとカラーコードの対応表です。実際の表示色も確認できます。
反転色と補色を求める。反転色と補色のカラーコードを計算します。RGB値を十六進法で表記したカラーコードを使用しています。
奇跡のカップル文字色と背景色のランダムな組み合わせを表示。その中から好きな組み合わせを選ぶという。
お天気 イメージ12時間ぐらい先までの天気予報です。見た目で天気の変化がイメージ出来るようなものにしてみました。
Pre-Translate翻訳の妨げとなる文字や改行などを削除します。「Google 翻訳」へのリンクを作成します。英語→日本語です。
壁神壁紙だけのページが出来ます。使い道が見いだせる方のみご利用下さい。(笑)
緯度経度を調べる。地図上をクリックすると、緯度経度が表示されます。位置情報の取得は「ブロック」しても使えます。
一限リンクURLを入力して、そのページに行きます。当たり前かぁ。(笑)
ヤフオク LINKYahoo!オークションへのリンクです。全てのメーカーのギターが表示されます。
SERIAL LINKMartin,Gibson,Guild,Ovation のHPへのリンク。シリアル・ナンバー⇒製造年が分かるページへのリンク。
Serial -> DateMartin Guitar だけでゴメソ。シリアル・ナンバー入力、クリックで製造年が分かります。
LINK!LINK!LINK!リンク集です。相互リンク、募集中!!
BIG Forumシンプルな一行掲示板です。お気軽にどうぞ。
Merry Christmas to you.クリスマスによせて…。雪と画像と音楽。


♪ ちなみに、バックで鳴ってるのは Martin D-28 で、鳴らしてるのはです。

* このホームページについて *

このホームページは僕(素人)が趣味でやってるもので、内容については僕の個人的な意見で作られています。
中には、僕の思い込みや勘違いによって、間違った記述があるかもしれません。
なるべく誤解のないように書いてるつもりですが、もしお気づきの点がありましたらご指摘頂けるとありがたいです。
特に、「楽器(ギター)」についてはいろんな迷信みたいなのがありそうですし、「音」についても人それぞれの好みが大きいし、また言葉で的確に表すのは無理でしょうから。
皆さんも自分の「耳」と「感性」を信じてギターと音楽を楽しんで下さい。


登場:2001年05月06日 最終更新日:2018年11月09日 管理人:ゆう