DTP→ほそぼそとWeb業界のカタスミでお仕事しています・・・

共用SSLを設定したけど、ブラウザにビックリマークが出てしまう件

前置きはいいから、どこ見たの?
って人はこちら(サイト内リンク)↓

↓以下は前置き(^^;)↓
数少ないクライアントさんから

お世話になります。
まだまだ、残暑きびしいですね。
以前、こはるさんから聞いていた、
SSLの話、そろそろ手続きしたほうが
良いみたいですね。

来週でも一度会えますか。

よろしくお願いします。

と、メールが届きました。
そのメールの下に
そのクライアントさんのサーバー会社からの
メールが添付してありました。
(サーバー管理はその会社でしている)

******様がお持ちのドメイン[******.net]等で
Webサイトの運営を行っている場合、【常時SSL(https)化】が完了しているか
ご確認されることをお勧めいたします。

■「Google Chrome」のバージョンアップにより求められる【常時SSL(https)化】
-------------------------------------------------------------------

2018年7月25日、Google Chrome 最新バージョン「68.0.3440.75」
が正式リリースされました。

Webブラウザ「Google Chrome」でSSL未対応のWebサイト(http://~)を開くと、

URL欄に

【保護されていません】(=安全ではないページ)

と警告が表示されるようになりました。

警告が表示されないようにするためには、常時SSL対応が必要です。


また、Webサイトの全ページのSSL/TLS化(=常時SSL)は
セキュリティ強化に加え、【検索結果の順位決定要因】にもなり得ます。

さらに、今後Chrome以外のブラウザでも警告が表示されるようになる可能性がございます。

・・・このパターンからしたら、きっと会ったら
「どうしたらいい?」って聞いてきて、
私が「SSLは無料のと有料があるんですよ~」って言って
「じゃ、無料でできるのか、調べてもらっていい?」という
パターンになるかなと思い
めんどくさいので
勝手にその会社さんのサーバーにログインして
その会社さんが持っているサイトのうち
共用SSL(無料)の条件に当てはまるサイト全部に
SSLを設定して、事後報告しておきました(^^;)

・・・で、もちろん報告する前に確認。
Google Chrome(グーグル クローム)で
見たら「!(びっくりマーク)」がついているサイトがあったので
修正しました。

まず、Google Chrome(グーグル クローム)で見たらこんな感じ
ssl-2018-08-23-02.jpg
SSLは有効になっているけど、サイト内に読み込まれている画像に問題があるみたいですね。

Firefox(ファイヤーフォックス)で見たら、こんな感じ↓
ssl-2018-08-23-01.png

開発者ツール(Winは「F12」)で、どの画像に問題があるか、見てみた。
ssl-2018-08-23-03.jpg

念のため、翻訳もしてみた。
ssl-2018-08-23-04.png

画像を読み込んでいるサイトは「https」対応だったので
これまた勝手にサーバーにつないで
ページのリンク(HTML)を書き換えておきました(^^;)
どうせ「このビックリマーク、消せない?」って言われるに決まっているから。

これでスッキリ
ssl-2018-08-23-05.png

ちなみに、SSLは反映されるまで時間がかかるので、設定してすぐに見たらこんな感じ。
ちょっとびっくりするような画面が出ます。
ssl-2018-08-23-06.jpg

あとは、この会社さんの持っているサイトで共用SSLがサクッと使えない系を
どうするか・・・クライアントさんに会うまでに調べておかねばなりません。

髪の毛の寄付、ヘアドネーションをしてみた

ヘアドネーション(髪の毛の寄付)とは?

ヘアドネーション - Wikipedia
ヘアドネーション(英: Hair Donation)とは、小児がんや先天性の脱毛症、不慮の事故などで頭髪を失った子どものために、寄付された髪の毛でウィッグを作り無償で提供する活動。
寄付する髪の毛は31cm以上(『つな髪プロジェクト』は15cm以上)の長さがあることが条件。


私は31センチをしましたが、15センチから気軽にできるようです。

つな髪® 公式ホームページ
http://www.organic-cotton-wig-assoc.jp/

※私が髪の毛を切ったお店は、15センチから受け付けてくれます。
RICHARD リチャード
http://www.hair-and-make.com/


もともとは、以前務めていた(けど辞めてない)の
職業訓練学校の花先生がしていました。
花先生「こはるさんは毛染めしてないんだから
髪の毛は健康なはずよ。そういう人こそやってほしいわ」
そうかぁ。。。おしゃれで茶色くしている人いますが
私はしたこと一度もないので、いっかいやってみることに。

この長さまで、3年かかりました。
2018-07-20-HairDonation-01.jpg

髪の毛を洗ってから・・・
2018-07-20-HairDonation-02.jpg

長さを測って、細かく分けます。
私は髪の毛がめーっちゃ細い&少ないので、貧相(--;)
2018-07-20-HairDonation-03.jpg

全て合わせても、普通の人の5分の1くらいなのでは?と思ってしまう(^^;)
2018-07-20-HairDonation-04.jpg

あとは、これを乾かして、送ってくれるそうです。

お店の人は「寄付するものなので」と、すごく丁寧に髪の毛を扱ってくれました。
そして私の髪の毛を切ってくれている人以外の人も
「よく頑張って伸ばしましたね~」と、笑顔で声をかけてくれました。

無料でマイクロスコープで頭皮の状態を見てくれます。
単に頭皮の状態だけでなく、頭皮の反射区から
身体の関係が分かって、個人的に興味深かったです。
私は肩こりがひどいことが頭皮から証明されてしまいましたよ(^^;)

髪の毛、ここまで伸ばすと少ないとは言っても重たいので
次回は15センチにしよう!と、心に誓いました。
・・・とはいえ、あまりにも少なすぎるので、ビミョーではある(^^;)

↓ちなみに、この長さから15センチだと、私の場合バストトップのあたりになるらしい。
(お店の人が定規で測ってくれた)
2018-07-20-HairDonation-05.jpg


RICHARD リチャード
TEL0120-59-0881
住所〒655-0024 兵兵庫県神戸市垂水区神田町4-30
営業時間【火・水・木・日・祝】9:30~18:00(Perm・color)17:00
【金・土】9:30~19:30(Perm・color)18:30
定休日毎週月曜日、第2・3火曜日 
※お正月休みは12/31~1/4です!
ホームページhttp://www.hair-and-make.com/

さくらサーバーでメールアドレスを設定

クライアントさんがメールアドレスを設定してほしいと連絡してきたので、めも。
そこからかぁ~と感じたのが、ドメイン(ホームページのURLになる)がメールアドレスの一部になるんだよ、という部分から、説明がいったのね。

例えば、自分の取得したドメインが「abc.com」だとすると
メールアドレスは「***@abc.com」
***には好きな英数字が入りますよ
例えば「info@abc.com」「yamada@abc.com」など・・・
「***@abc.com」の前の「***」は、自由に決めることができるけど
ドメインはホームページと別にしたい場合は、新たに取得しないといけないよ、という説明。

メールアドレスを決めてもらったら、あとは
お好みのメールアドレスに転送設定をしました。
今回、お金もらってないので
パソコンのメール設定は自分でやってもらおう(^^;)
(参考)Windows10メールの設定をしたみた
http://memo352.blog119.fc2.com/blog-entry-879.html


2018-07-07-sakura-mail-01.png

2018-07-07-sakura-mail-02.png

2018-07-07-sakura-mail-03.png

2018-07-07-sakura-mail-04.png

バリュードメインのドメインを他社へ移管したい

バリュードメインのドメインを他社へ移管したい
と、いうことで
バリュードメインのドメインを他社サーバーで使うため
ネームサーバーを変更。

結論からいくと・・・
value-domain-2018-05-31-01.png

value-domain-2018-05-31-02.png

value-domain-2018-05-31-03.png

value-domain-2018-05-31-05.png

いきさつ・・・

廃業するWeb制作会社からひきついだクライアントさん
理事長が変わったので、ホームページの「業者さん」も
「こはる」から「大手さん」に変更。

大手さん担当者(営業っぽい)から
クライアントさんからの依頼で
サイトをリニューアル制作したので
ドメインの移管をお願いしたいと
連絡がありました。


大手さん

この度ドメイン移管に際しまして、以下をご確認させてください。

①ドメイン移管にあったってのお手続きの方法はありますでしょうか?
②ドメインご契約解除にあたっての締め日はありますでしょうか。

その他、ホームページに際しまして、
ご留意点がありましたらご教示くださいませ。

以上、お手数ですがよろしくお願いいたします。


むむむ。
こっちのドメインとサーバーは
バリュードメインなんだわ。

これでいけたらよいのに~

ドメインをVALUE-DOMAINの異なるユーザーへ移動
https://www.value-domain.com/userguide/manual/localtrans/


それとも、こうなるのか?

ドメインを他社へ移管したいのですが、手続き方法を教えてください
https://www.value-domain.com/userguide/faq/53/


大手さんに、聞いてみた。

こはる側

①ドメイン移管にあったっての
 お手続きの方法はありますでしょうか?

**********.jp はVALUE-DOMAINで
管理しております。

移管の方法は2種類ありまして・・・

A.御社の方で現在管理されている
 レジストラーがあるようでしたら
 そちらの方から『**********.jp』の
 「指定業者変更」をまず申請していただく。

B.お手数ですが、VALUE-DOMAINで
 ユーザー登録(アカウントを作成)をしていたたき
 そのアカウントを教えていただければ
 こちらから
「ドメインをVALUE-DOMAINの異なるユーザーへ移動」
 手続きをとります。

できればBの方法が良いような気がします。
ネームサーバーの設定がVALUE-DOMAINのため
Aの方法ですと、先に御社のネームサーバーの
設定をする必要があるような?
(ドメインのロック解除はしてあります)


②ドメインご契約解除にあたっての
 締め日はありますでしょうか。

 有効期限は2018年10月31日となっています。
 移管後に更新していただければよろしいかと。


返事が来た

頂きました方法をご検討させて頂きました結果、
関連部署から以下の回答が参りました。
↓↓↓
------------------------------------------------------
バリュードメインのアカウントはありませんので、
Aで対応する必要がありますが、業者様からのご指摘の通り、
そのまま移管するとDNSが応答しなくなりサイト、
メールの利用が出来なくなりますので、
可能であれば先にDNSを切り替えてもらったほうが良いかもしれません。

その場合、以下のような流れになります。

1.DNS切り替えの日程を決めて業者様とこちらへ日程を共有する
2.業者様のほうでDNS切り替え(こちらで仮URLからの変更作業)
3.切り替えが完了してからドメインの移管申請

通常移管後に行っている作業を、業者様とこちらで
二手に分かれて対応するような形になります。
ただし、DNS切り替え後の結果(サイトが切り替わる、メールが切り
替わるなど)については通常の流れの時と変わりませんので、
メールアカウントの設定等行ったうえで対応する必要がございます。
---------------------------------------------------------
社内向けの文面となっており、恐縮ですが
関連部署ではA案を希望してきております。

こちら側のニュアンスで問題ございませんでしょうか?

ご検討をお願い申し上げます。


。。。と、いうわけでネームサーバーの切り替えをしました。
ドキドキ。
一時間ほどして、クライアントさんの
ホームページのURLをブラウザに入れてみたら
新しいホームページに無事に変更されていました。

これでDNSの切り替えは済んだ。(はず)
後は、大手さんが移管手続きをしたら良いのだな。

2年ぶり!DTPコース開講

・・・今日も個人的な日記(めも)
バイト先の職業訓練学校では2年ぶりに「広告・グラフィックコース」が開講されるらしい。
めずらしくWebの内容がない「DTP」のコース。
大手での制作長を経て今はフリー、紙だけでなく、立体もできる
経験豊富なベテランデザイナーの先生がメイン。

とはいえ、現役で仕事している人が、1人で全科目持つことは不可能。
学校的には組む講師をさがさないといけない。
誰かいないかな~ということになり、私が以前、他のコースでインデザインを担当したことから
「今回もインデザインを。ついでに他のも、やってみます?」うれしいだしん。

カリキュラムを見て、改めてWebとDTPの画像系ソフトの使い方が違うな~と感じた。

Webクリエータコースのイラストレーター、フォトショップは各5日しかない。
対してDTPコースは教科書から基礎を学ぶのは各4日だけど、その後のカリキュラムがすごい。

色彩の先生(デパートのショーウインドウをやったりしている、こちらもプロ)が入り、配色の勉強。
メインのデザイナー先生がレイアウトの基本やデザインの基本を教えてくれる時間もあり、
名刺のような小物からはじめて、だんだんと大物を作れるようになる、順を追った作品制作の時間もある。
もちろん、訓練生さんは現役プロデザイナー先生に、自分たちが作ったものを見てもらえる。

素晴らしいではないですか!!

私がデザイン事務所に勤めていた時は、上司(デザイナー)は忙しくて、そんなことしてくれる時間がなかったよ。

現役プロに見てもらえるというのは、めっちゃすごい価値ある。

いいなぁ・・・ 私が習いたい(^^;)
とはいえ、普段の会話でも、デザイナー先生の何気ないことばに「さすが!」という部分があり、それだけでもずいぶん勉強になっているけど。(ありがたい。身近な人の価値を忘れないようにしたい今日この頃)

それは置いておいて
個人的な主観・・・・・・
DTPのほうが、画像データの扱いが厳密。
派遣に登録したときも「DTP上がりの人は画像処理が速いから重宝されますよね」と言われたように、DTPの画像の扱いに慣れていると、Webでの画像の取り扱いはめっちゃ楽。
WebからDTPだと、画像の取り扱いがしんどく感じるかもしれないけど、逆はアリ。

だから、イラストレーターやフォトショップがメインの、デザイン系の仕事をしたい人には、良いコースだと思うんだ~。
時代はDTPよりもWebが主流かもしれないけど、訓練内容はとっても良い。
もっと開講されたらいいのに。

DTPとは
DTP(Desktop publishing、デスクトップパブリッシング)とは、日本語で卓上出版を意味し、書籍、新聞などの編集に際して行う割り付けなどの作業をパーソナルコンピュータ上で行い、プリンターで出力を行うこと。

Wikipediaより引用