ゼロからはじめるシステム開発

　こんにちは！
　ナビゲータのEVEです。

　今日は、今回製造するシステムのデザインについて話をしましょう。

　デザインについては、本を一度読み、さわりに関する知識を手に入れた程度で、深いレベルで習得できたとは言えない状態です。ただ、最新がなんなのか、その本からさわりですが、理解することができました。
　しかし、今回、レンタルサーバ上でシステムを作るに際し、その最新のデザイン方法は採用しません。その理由について製造する前に話をした方がいいと思い、報告することにしました。

いちばんよくわかるWebデザインの基本きちんと入門［第2版］ レイアウト／配色／写真／タイポグラフィ／最新テクニック [ 伊藤 庄平 ] 価格:2,640円 (2022/10/1 20:49時点) 感想(3件)

[昔のデザイン]
　昔は、インターネットを見ることができるデバイスは、パソコンだけでした。その後、携帯でi-modeなどが出てきたのですが、画面が小さくインターネットでWebページを見るというレベルではありませんでした。
　その後、iPhoneがでてきたり、タブレットが出てきたり、インターネットに繋がる端末が複数出てくるようになりました。その出てきた当初、システム開発者は、接続対象に併せて表示する画面を変えていました。iPhoneなら、iPhone用の画面。iPadならiPad用の画面といった具合にです。そのため、非常に工数がかかる作業になってしまいました。



[1画面で複数のデバイスに対応できない？]
　その後、1つの画面というか、HTMLと言ったらいいでしょうか？複数のデバイスというか、いろいろな画面サイズといったらいいでしょうか？そのいろいろな画面サイズに1つのHTMLで対応させようと考えた人達がいました。その起源について調べていないのですが、とりあえず、現在そのやり方が主流となっています。



[どんな方法？]
　それは、HTMLで利用できる、スタイルシートと呼ばれるものを利用します。画面サイズにより、表示する形を変え、ユーザに見やすいように変形します。
　例えば、パソコンにおいて、ユーザのために、左にメニューを出していたんだけれど、少し画面サイズが小さいタブレットには、左メニューを非表示にして、ヘッダでメニューを表示するようにするなどといった感じです。
　現在は、スタイルシートを使っているとお話ししましたが、昔は、テーブルタグを利用して表示していました。要は、エクセルシートのようなテーブルを作って、画面のどの位置にどんな文字、どんなメニューを表示するのか指定する方法です。それでも、テーブルをサイズではなく、画面の何パーセントに何をどの位置に表示するのか指定することによりある程度はいろいろなサイズに対応して表示することができたのですが、それも、いろいろなデバイスが出てきた段階で限界を迎えました。



[レンタルサーバー上でのデザイン]
　レンタルサーバー上のデザインは、デザイン感覚が全くない、私がデザインし、HTMLで使用するのは、テーブルです。今回のシステム、表示だけでなく、操作性も含めて、パソコンで利用することしか考えていません。理由は、効率よく勉強し参加する人には必ず成果を得てほしいからです。成果を考えた場合、携帯や、タブレットでは非常に操作性が悪いということが上げられます。
　加えて、私のデザインレベルが、初心者ということもあり、スタイルシートを用いて複数のデバイスに対応するのは難しいという判断があったのも事実です。
　来年以降に製造に入るEVEシステムは最新式のデザイン方法を取り入れて作っていきますが、レンタルサーバー上のシステムにつきましては、以上の点をご理解ください。

　画面のソースを表示してふる〜って思っていただいて結構ですが、以上のような理由がありますので、ご理解ください。

　では、また！