Webのトラブル：Windows←→Mac間のデータのやり取り

こんにちは。
Webであなたの夢が叶う！のHirokoです。

Webを利用するとき、
パソコン、スマホ、タブレットなどを使って、
ホームページを見たり、
ブログを書いたりしますね。

わたしたちがよく使うこれらの端末には、
WindowsとMacがあり、
シェアはそれぞれ９：１と言われています。

個人単独で使う分には問題はないのですが、
WindowsユーザーとMacユーザーが互いに
データを交換したりするとき、
「文字化け」というトラブルが起きることがあります。

WindowsとMacは通常、
Shift-JISという文字コードを使っていますが、
それぞれ違ったプロセスで独自の文字を追加し、
文字コードを拡張したため、機種間の互換が取れず、
文字化けを起こしてしまうのです。

さて、では実際にファイルをやり取りする場合には、
どのように「文字化け」を回避すればよいのでしょうか？

データを転送する場合、
ファイルの圧縮　→　解凍　の手順を取りますね。
このとき、
Macユーザーは、圧縮ソフト
　・MacWinZipper
　　・MacZip4Win 
を利用してください。
Macで作ったZIPファイルを
Windowsユーザーに送ったときに起こる
　・余計なファイルの混入
　・ファイル名の文字化け
を防いでくれます。

Windows側で、
既に送られたデータの文字化けを解消したいときは、
　・CubeICE
を使います。このツールを使ってデータを解凍すると
　・余計なファイルの混入
　・ファイル名の文字化け
が起こりません。

お互いのよいコミュニケーションのためにも
スムースなお仕事に連携にも
用意しておきたいツールですよ。

今日も最後まで読んでいただいてありがとうございました。

Webの色 いろいろ

こんにちは。
Webであなたの夢が叶う！のHirokoです。

WEBの色を扱うとき、
文字の場合、次のように指定します。

赤：<font color="#FF0000">ここが赤になります。</font>
青：<font color="#0000FF">ここが青になります。</font>
緑：<font color="#008000">ここが緑になります。</font>
黄：<font color="#FFFF00">ここが黄になります。</font>
紫：<font color="#800080">ここが紫になります。</font>

このように色を指定しても、
そのページを見る端末によって、
若干異なった色が表示されることがあります。

パンフレットやチラシなどの紙媒体では、
色番号そのままの色が表現できるのですが、
WEBの場合は、表示するパソコン、スマホやタブレットなどの
画面によって違った発色をします。

お客さまと別のパソコンを見ている場合、
「もう少し淡い色」
「もっと濃い色」
「鮮やかな色」
「落ち着いた色」
という抽象的な表現だと、お互い目指す色に
違いが出てくるため、

私は、↓　色見本のサイトを使って
http://www.netyasun.com/home/color.html
そのギャップを埋めています。

これだとイメージに近い色がわかりやすく、
色番号で指定できるので、
お客さまとのやり取りもスムースです。

また、Web上には異なるカラーコードが存在します。
　・RGB
　・RGBA
　・Hex
　・CMYK
　・HSV
その変換ツールは↓　こちら
http://syncer.jp/color-converter

色はホームページにとって大切なポイントです。
素敵な色でページを飾ってくださいね。

今日も最後まで読んでいただいてありがとうございました。

Webのレスポンシブデザイン

こんにちは。
Webであなたの夢が叶う！のHirokoです。

Webページを閲覧するとき
パソコンから見ても、
スマホから見ても、
タブレット端末から見ても
どんな端末やサイズの画面から見ても、
表示崩れがなく、
見やすく最適化されたページのことを
レスポンシブデザインといいます。

HTMLひとつに各端末別のCSSを用意するだけで、
スマホ用、携帯用．．．とHTMLを作る必要がないため、
ホームページを新たに作成される方や
リニューアルされる方は
レスポンシブデザインにしておくと
運営コストも削減できますので、
お薦めです。

実際によくサンプルになるのが、
 Google のAboutページです。
http://www.google.com/about/

パソコンとスマホから見比べてみてください。

導入のメリットは、
　・ソース管理がシンプルでメンテナンスしやすい
　・SEOに有効的
　・URLが統一できてシェアやリンクが容易
デメリットは、
　・スマホで画面表示が重くなる
　・開発コストは増えてしまう
が挙げられます。

 Google も奨励するレスポンシブデザインで
ホームページを作ってみませんか？

今日も最後まで読んでいただいてありがとうございました。

Webツール「文字」情報だけのコミュニケーションは・・・

こんにちは。
Webであなたの夢が叶う！のHirokoです。

Webでのコミュニケーションは、
　・メール
　・メッセンジャー
　・LINE
　・SNS
　・BBS（掲示板）
　・メーリングリスト（ML）
などがよく使われていますね。

これらのWebツールは基本的に「文字」情報だけに
頼ったコミュニケーションです。

ある調査によると。。。
文字情報だけでは伝えたいことの
7％程度しか伝わらない、
という結果が出ています。

心理学者のアルバート・メラビアンは
わたしたちがコミュニケーションを取るときに
何の影響を強く受けるのかを研究したところ、
　・目から受け取る情報：55％
　・耳から受け取る情報：38％
　・文字から受け取る情報：7％
という割合でした。

ビジネスでもプライベートでも
こちらが意図した内容が相手にうまく伝わっていない
という経験をされた方は多いと思います。

わたしも会社に勤務していたころ、
同僚からのメールを誤って理解してしまい、
「○○君はなんて理不尽なことを言うんだろう！」
とメール送信者と直接、話をしたことがあります。

実際に彼に話を聞くと、
「あ、そんなつもりじゃないですよ。」
というのです。
そして、
「メールなので言葉を省いてしまった。」
「あとで確認に行こうと思っていたので。。。」
「言葉足らずでスミマセン。」
と。

わたしたち普通のひとが普通に文字を書くと
　・誤解は起きる
　・感情は伝わらない
という認識していたほうが
お互いのコミュニケーションはスムースにいくようですね。

Webツールを使うとき、
注意したいのは、
　・顔文字、絵文字、スタンプを使って感情を表現してみる
　・曖昧な表現は避ける
　・相手の立場を考えて書く
そして、
　・大切なことは電話で話す
　・メールしてから電話でフォローする
直接、相手の声を聴くことで伝わり方は変わってきます。

縁あって知り合いになった人とのコミュニケーション、
大切にしたいですね。

今日も最後まで読んでいただいてありがとうございました。

Webでプチギフトを！

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今月6月と言えば「ジューンブライド」といわれるように、
6月の結婚に憧れる女性は多いのではないでしょうか？

欧米では気候のよい6月に結婚式を挙げると
幸せになれるという言い伝えがあり、
日本でも数十年前からその習慣を取り入れるようになってきました。
日本の6月は高温多雨の気候のため、
招待したお客さまや親族のことを考えて
季節のよい秋に式を挙げる方が多いようです。

そんな結婚式も最近では、
お式、披露パーティーともに
家族とごく親しい友人だけで行ったり、
海外で挙式をしたりとバリエーションが広がってきています。

ご紹介する「プチギフト」も最近、
新郎新婦から結婚式のゲスト全員に
手渡しする文字通り小さなプレゼントのことです。

従来の「引き出物」は、
ひとつの家族にひとつをお渡ししますが、
「プチギフト」は、
お一人お一人に感謝を伝えながら手渡ししていきます。
新郎新婦のこころが伝わって来るようですね。

プチギフトを専門に扱うホームページも充実してきています。
　　https://hyacca.net/
　　http://chericherie-gift.jp/
　　http://www.byd.co.jp/gift/
　　http://www.gift-bellsimple.com/

さて今回は「プチギフト」について書いてきました。
世の中に流通している、お手頃価格の「商品」に
注目してみると、
いわゆる百均（100円均一）商品のような
　・実用的
なものと、
プチギフトでは同じ100円の商品でも
　・おしゃれ
　・かわいい
　・きれい
　・夢がある
ものに分類できるのですね。

結婚式でなくても、
ちょっとかわいいアイテムが欲しいときには
プチギフトを扱うサイトを活用するのもいいですね。

今日も最後まで読んでいただいてありがとうございました。