Web Shakehands
Web Shakehands

Language


ストーリー1/WindowsとMacの表示の違い



  • --b
    姫咲さん何やってるの?
    a--
    --a
    見ればわかるでしょ。
    企画書書いてるのよ、企画書!
    a--
    --b
    すごいじゃないか!
    先週入社してきて、もう自主的に企画書を書こうだなんて!
    a--
    --a
    当たり前じゃない。
    私のお父様はここの社長なのよ!
    娘として提案を出していくのは当然でしょ!
    a--
    --b
    何々。。。会社のパソコンをすべて捨てて、iPhoneだけにする計画。。。
    姫咲さん、これってどういうこと?
    a--
    --a
    あなた分からないの?
    ここはWEB制作の会社なのよ!
    スマホよスマホ、これからはスマホの時代なの。
    a--
    --c
    スマホじゃ、キーボードがタイプ出来ないじゃないかぁ!
    a--
    --a
    パソコンのキーボードなんていらないわよ。元々私はタイプ出来ないんだから。
    それに、家にパソコンがないわよ。
    a--
    --c
    この人はタイプが出来ないのにWEBの会社に入ってきたのか。。。
    a--
    --a
    何か言った?
    a--
    --c
    いえ、なにも。。。
    a--
    --a
    すべてiPhoneにすれば、ほら、スペースも取らないでしょ!
    私ってなんていいアイディア思い付くのかしら。
    a--
    --c
    iPhoneだけで。。。異様な風景だな。。。
    a--
    --a
    ところで隼人、あなたは私のお父様からWEB制作のことを1から教えるように頼まれたのよねぇ。
    a--
    --b
    そうだけど。
    a--
    --a
    ちゃんと教えてくれるのよねぇ。
    a--
    --c
    そのつもりだけど。。
    a--
    --a
    もし、私がホームページを作れるようにならなかった時には。。
    a--
    --b
    作れるようにならなかった時には?
    a--
    --a
    お父様に言って、あなたを北海道に転勤にして差し上げるわ!
    a--
    --c
    い、今なんて。。。あ~聞こえない、、何も聞こえなかった~。
    a--
    --a
    いいわね!
    a--
    --c
    は、はい。。
    a--
    --a
    では、まず教えなさい!
    a--
    --a
    Windowsって何!???
    a--
    --c
    えっ、、そっから!!!??
    a--
    --a
    iPhoneと何が違うの?
    a--
    --c
    ちょっと、姫咲さん。。みんながこっち見てるじゃないかぁ。。
    a--
    --a
    北海道に飛ばされたいの?
    a--
    --c
    分かった、分かりましたよ。。
    a--
    --b
    Windowsって言うのは「OS」のことだよ。
    a--
    --a
    うん?「SOS」?あんた何言っているの?
    a--
    --c
    ほら、みんながまた見てるじゃないかぁ。
    a--
    --b
    「オペレーティングシステム」
    システムソフトウェアのことだよ。
    a--
    --a
    最初っからそう言いなさいよ、もう。
    a--
    --c
    ほんとうに分かったのかなぁ。。。
    a--
    --b
    つまり、世の中にはWindowsとMacというパソコンがあって、大きくこの2つに分かれてるんだよ。
    a--
    --a
    で、iPhoneはMacなわけね。
    a--
    --c
    まさか、まだあの企画書のことを考えてるんじゃ。。。
    a--
    --b
    ホームページのことを知る前に、まずWindowsとMacの違いを知る必要があるね。
    a--
    --a
    どっちも同じようなパソコンでしょ。
    a--
    --b
    うーん、そうでもないんだ。
    使う側はそんなに気にならないかもしれないけど、作る側は見栄えの違いを考えることが大切だね。
    a--
    --a
    見栄えって。。吉川晃司のロック歌手もいいけど、ジョニーデップみたいなハリウッドスターもいいなぁ、みたいな。
    a--
    --c
    この人なんでイケメンを見比べてるんだろう。。。
    a--
    --b
    ホームページもMacとWindowsでは見栄えが多少違うんだよ。
    a--
    --b
    一つ例を挙げると、ホームページの通常のテキストはMacの場合には右に約3つ分くらい長くなるんだ。
    a--
    ≪Macでの表示≫




    ≪Windowsでの表示≫


    --b
    こんな感じで改行される場所も違ってくるから気を付ける必要があるよ。
    a--
    --a
    そうね。
    Windowsでは「る」のところで改行されてるけど、Macでは「を」で改行されているわ。
    a--
    --b
    そうなんだ。
    作り手側はこのことを分かった上で作らないと、Windowsで見た時には正しくても、Macで見るとおかしな改行になったりするんだ。
    a--
    --a
    うん、ちょっとまってよ。
    ってことは会社のパソコンを全部iPhoneにしたら改行の確認が出来ないじゃない。
    a--
    --c
    それ以前の問題かと。。。
    a--
    --c
    (とりあえず、無視しよう)
    ただ、WindowsもMacも「ブラウザ」によっても違ってくるから、これも気を付ける必要があるね。
    a--
    --a
    「ブラウニー」私ケーキ大好きよ。
    a--
    --c
    「ブラウザ」!!!
    a--
    --b
    これもWEBサイトを表示させるためのソフトウェアだよ。
    a--
    --a
    最初っからそう言いなさいよ、もう。
    a--
    --c
    ほんとうに分かってるのか!
    a--
    --b
    Windowsはインターネットエクスプローラーやエッジ、Macはサファリが有名なブラウザだ。
    どれも機能やWEBサイトの表示のされ方が少し違うんだ。
    a--
    --a
    で、iPhoneはこの会社に必要なのかしら?
    a--
    --c
    しつこい!!!
    a--
    --b
    ホームページを作ったら色々なブラウザで確認する必要があるんだよ。
    a--
    --a
    あっ、ちょっとまって。
    今ラインにメッセ入ったから。
    a--
    --b
    ・・・・
    a--
    --a
    隼人、今日はここまで。
    これから私は合コンへ行くことになった。
    a--
    --c
    合コンって。。まだ4時でしょ。。
    a--
    --a
    え~っと、4時半にハチ公待ち合わせと。。
    a--
    --b
    スマホ打つの早っ!!!
    a--
    b--
    --d
    MacとWindowsでは表示に違いがあるから、そのことを考えてホームページを作る必要が出てくるんだ。

    とくに文字の改行位置には気を付ける必要があるね。

    ただ、ホームページを作る時にはこうした文字の改行位置を、MacとWindowsで同じに見せる方法や、書体や大きさも同じにする作り方もあるから、こうした手法もこれから覚えていくといいね。
    a--
    --f
    だってさ!
    また次も読んでね!チャオ!
    a--
    --e
    チャオって言葉、、久しぶりに聞いたな。。。
    a--
  • 【 登場人物 】

    姫咲 みのり

    姫咲 みのり
    (ひめさき みのり)

    このストーリーの舞台となっているIT企業の社長の娘。 コンピューターに関しての知識はゼロ。キーボードのタイプが出来ない。でも、スマホ打ちは異常に早い。
    口癖は「ちゃんと教えないと、お父様に言って北海道に転勤にして差し上げますわ!」


    姫咲 みのり

    羽柴 隼人
    (はしば はやと)

    姫咲みのりの指導を頼まれたアンラッキーなベテラン社員。教え方に問題はない。仕事もしっかりしている。なのに、北海道に飛ばされそうになっている。





このエントリーをはてなブックマークに追加

今回の記事タイトル

ストーリー1/WindowsとMacの表示の違い


姫咲みのり ストーリー !

2017-08-31 ストーリー7/Google検索エンジンで店舗を検索する NEW!


2017-07-17 ストーリー6/HTMLコードを送ってくれ!!


2017-06-28 ストーリー5/ウェブサイトを作るためのさまざまな種類のレイアウト


2017-06-21 ストーリー4/スマートフォンサイトを作る時の3つのポイント!!


2017-06-18 ストーリー3/ジョン・タイターとホームページを作るための様々なプログラミング


2017-06-12 ストーリー2/色々なネット広告を使おう!!


2017-06-08 ストーリー1/WindowsとMacの表示の違い



E-mail を入力するだけで、あなたのHPを作るための
ノウハウメールマガジンを無料でお届けします
E-mail:
  

上部へ