モバイル化に対応するため、きまっし金沢のトップlogoを小さいのに作り変えました。
でも小さい文字って画像にすると、なかなか綺麗にならないのですよね。

通常はホームページビルダーのウェブアートデザイナーで製作しています。

イラストレーターで作ってみました。

フォトショップでも作ってみました。

なんかすっきりしません。
ひょっとしてと思って、「まっぷっぷ」でも作ってみたのですが、かなり文字が綺麗にできたのでびっくりしました。
フォントによっても綺麗さが違うので同じ条件で比較するのは難しいのですが、まっぷっぷで作った文字はかなり綺麗なような気がします。
ちなみに、まっぷっぷで使ったきまっし金沢の文字はメイリオ ボールドでhttp://kimassi.netは游ゴシックMediumです。

まっぷっぷの
アンチエイリアスの全体モード

アンチエイリアスの線と境界のみモード

アンチエイリアス無しモード

マークは画像利用でアンチエイリアス無しモード

です。

アンチエイリアス無しモードだと文字や直線は綺麗なのですが、●とマークの黄色の斜線部分がガタガタになります。
ちょっと思いつきました。まっぷっぷの文字だけでアンチエイリアス無しモードで作った画像にフォトショップで作ったマークの画像をフォトショップで組み合わせてみました。

まっぷっぷの文字だけでアンチエイリアス無しモードで作った画像とホームページビルダーのウェブアートデザイナーで作った画像をフォトショップで組み合わせてみました。

最終的には、まっぷっぷの文字とマークの青色の部分だけでアンチエイリアス無しモードで作った画像とマークの黄色分だけまっぷっぷのアンチエイリアスの全体モードで作った画像を組み合わせて、マーク●をフォトショップで加えて作りました。
黄色はモバイルだと目立たないので、ちょっと暗めの色に変えました。

希望通りのlogoができました。これは綺麗だと思います。

「まっぷっぷ」はWindowsXPの時のソフトで発売中止になっていますが、Windows10になった今でも地図作成に使っているのです。
俊にとっては「まっぷっぷ」は神ソフトです。

２０１８年９月１０日

今まで、地図は自分で作って、大きな地図は自分でスクロール化をしたりしてたのですが、Googlemapを埋め込んでみようかなと思っています。Googlemapの進化が凄くて便利なので利用しない選択は無いという感じになってきています。

いざ、Googlemapを導入しようかなと思って調べたら、Googlemapを導入するにあたって、クレジットカードの登録をしないと使えないように変わっていて、有料化が急激に進んでいるようです。
2016年6月に上記を登録してAPIキーを取得しないといけない（従来からGooglemapを使っているサイトはしばらくは使えるらしい）というシステムに変わっていたようです。
2018年7月16日からGooglemapを利用するための料金体系が大きく変わって、毎月200ドル分までは無料で、それ以降は有料になるというようになりました。200ドル分って25,000calls程度だという事なので、１回表示するごとに約１円という事です。
ちなみに従来は1日25,000callsまで無料だったので、無料で使える範囲が約３０分の１に減ったという事です。
今後さらなる有料化が進む可能性もあるので、使用は限定的にしないといけないようです。

とりあえず、APIキーを取得しました。
https://console.cloud.google.com/?hl=ja
Googleサイトを参考に（というよりサンプルページ）を丸ごとコピーして使ってみましたが、最初にちょっと地図が表示しただけで、「エラーが発生しました。このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。」との表示が・・・・・・
Googleって、こういうのが多いんですよねえ。本当に敷居が高い。

他のサイトも見てみたのですが、やっぱりエラーが発生します。情報が古くて、あまり役に立ちません。

https://www.marie-web.design/blog/google-maps-api/
を参考にして、なんとかGooglemapが表示するようになりました。

Googlemapを使おうとしてAPIキーを取得した場合、そのAPIキーを使えるサイト（ドメイン）を制限しておく必要があります。そうしないと他のサイトで勝手にAPIキーを使われて、そのサイトの課金までGoogleから請求が来ることになります。
どの画面で設定できるのか見つけるのに苦労すると思いますのでアドレスをメモしておきます。
https://console.cloud.google.com/google/maps-apis/overview?hl=ja
Google Cloud Platformで対象のプロジェクト（自分が設定したAPI）を選択し、認証情報—-認証情報を作成—-APIキーを作成—-キーを制限—-HTTP リファラー （ウェブサイト）—-リファラーを設定（ホームページを設定）です。

https://www.tam-tam.co.jp/tipsnote/javascript/post7755.html
を参考にして地図上に独自の形のマーカーを複数入れてクリック時に吹き出しの説明文を出せるようにしました。
マーカーはpng,jpg,gifのいずれの画像でも可能のようです。

実際にやってみましたが、成功しました。
https://kimassi.net/test/test5F.html

２０１９年３月２日

Google Cloud Platform & APIs: 0199EC-C66B4C-A37CE7 ご利用分の請求書のご案内が届きました。
びっくりしました。
でも請求額は０円でした。安心しました。

２０１９年３月２７日

久しぶりにページを見てみたら、Googlemapが一瞬表示するけど、すぐ消えてしまうようになっています。
またしないといけないことが増えてしまった。

そういえば、ページを作成してしばらくしてから、APIキーの設定を変更したのを忘れていました。
最初はAPIキーをどのサイトでも使用できる設定にしていたのを、https://kimassi.net/ だけしか使えないように変更したのです。
よく調べると、https://kimassi.net/ のサイト全体で使えるようにするには https://kimassi.net/* にしないといけなかったのです。
https://kimassi.net/* に変更したのですが、やっぱりエラー表示されてしまいます。
ひょっとしてと思い、APIキーを改めてコピー＆ペーストしてアップロードしなおしたら正常に動作しました。
確認しましたが、APIキーは変わっていませんでした。
なにはともあれ、正常に動作するようになって良かったです。

２０２０年４月２４日

久しぶりにページを見てみたら、Googlemapが一瞬表示するけど、すぐ消えてしまうようになっています。
どうも、クレジットカードの有効期限が切れていたのが原因のようです。
カード情報の有効期限を更新したのですが、状況は変わりません。

APIキーが変更になっていたので、新しいAPIキーをコピー＆ペーストしてアップロードしました。
これでも問題は解決しませんでした。
最終的には、改めて有料にアップグレード（アップグレードのボタンを押す）して、やっと解決しました。
アップグレードのボタンを押すページは、https://console.cloud.google.com/google/maps-apis/overview?hl=ja　からいくつかリンク先に移動して見つけたのですが、履歴を見てもはっきりしません。Googleってこういう手続きが分かりにくいんですよね。パズルのようです。

２０１８年６月２２日

現在、全てのサイトをモバイルフレンドリーに作り替えていますが、それに加えてサイトの統合をしようと思っています。
ドメインの管理料が段々高くなってくるし、別々のサイトとして運営するメリットが無くなっているのです。

ドメイン管理料が高くなっているのは、有力なドメイン管理会社のほとんどをＧＭＯが買収して、ドメイン管理料を吊り上げているのです。
こういうのは独禁法違反で検挙できないのかなあ？

そういう訳で、福井観光webや飛騨高山観光webと京都紅葉web、金沢お葬式情報、金沢お医者さん情報をきまっし金沢の中に吸収することにしました。

２０１８年６月２６日

福井観光webのきまっし金沢への移設が完了しました。

観光情報だけ移設して、その他の情報は、ほとんど廃棄しました。

２０１８年７月６日

飛騨高山観光webのきまっし金沢への移設が完了しました。

観光情報だけ移設して、その他の情報は、ほとんど廃棄しました。

２０１８年７月１０日

京都紅葉webのきまっし金沢への移設が完了しました。

観光情報だけ移設して、その他の情報は、ほとんど廃棄しました。

２０１８年７月２１日

金沢お葬式情報のきまっし金沢への移設が完了しました。

２０１８年８月９日

金沢のお医者さん情報のきまっし金沢への移設が完了しました。

ドメインの管理料が段々高くなってくるし、別々のサイトとして運営するメリットが無くなっているので、サイトの統合をすることにしました。

そういう訳で、福井観光webや飛騨高山観光webと京都紅葉web、金沢お葬式情報、金沢お医者さん情報をきまっし金沢の中に吸収することにしました。

それに伴い、MovableTypeで運営している「福井の食 美味しいランチ」https://kimassi.net/fukui/manpuku/はサーバーを変更しないでhttps://kimassi.net/fukui/manpuku/に引っ越しする事にしました。

ネットで調べたのですが、そのような情報はなかなか見つからないので苦労しました。同じドメインでのブログの引っ越しも、ドメインを変更しての引っ越しも、過去に何度かしたはずですが、忘れてしまっていました。

また忘れそうなので、メモしておきます。
MovableTypeでのダッシュボードのシステムで引っ越し先のウェブサイトを選びます。引っ越し先のサイトにMovableTypeのブログを初めて設置する場合はウェブサイトの作成が必要です。

そのサイトでのブログ一覧が表示されるので、ブログ—新規を選び、ブログ名、ブログURLを設定します。ブログパスは絶対パスで設定しますがブログURLと同じフォルダを指定すれば良いと思います。
ブログの作成をクリックして準備は完了です。

最初に引っ越しする前のブログの記事全部をエクスポートします。
そのまま記事をインポートすると画像は以前のページを参照するので、エクスポートした記事の画像参照のフォルダ名　http://echizen.info/manpuku/を引っ越し先のブログのフォルダ名　https://kimassi.net/fukui/manpuku/ に一括変換します。

移転先のフォルダに、画像を移設して、記事をインポートし、テーマをインポートすれば完了です。

簡単なのですが、意外に苦労しました（笑！）