社内システムスマホでもパソコンでも使えるようにするには

公開日:2017/05/18

この記事は、書かれてから 3 年以上経過しており、内容が古い可能性があります。

スマホでもパソコンでも使えるウェブシステム

スマートフォンにはブラウザがついていますから、ウェブサイトを見ることができます。

もともとブラウザというのはパソコンで使われていたものですので、
ほとんどすべてのウェブサイトもパソコンで見られることを前提として作られていました。

基本的にパソコンの画面の縦横幅、画面サイズが想定されていましたので、
スマートフォンでそれをみると「文字が小さくて見えない」という状態でした。

さて、この問題をどう解決すべきでしょうか?

 

スマホ、パソコン両方に対応する方法

Google では、ウェブサイトがこの問題にどのように対応すべきか
3つの方法を提示しています。

モバイル設定を選択する  |  Google 検索セントラル  |  Google Developers

 

1.レスポンシブデザイン

スマホかパソコンかを問わず、同じURL、同じHTMLで
それぞれの画面サイズに応じて表示方法を自動調整する方法です。
Google ではこれをお勧めしていますし、
費用的にも抑えやすいため、この方法が採用されることが増えています。

2.動的な配信

同じURLでアクセスしますが、
アクセス元のブラウザが何なのか等の情報をもとに
プログラムが別々のHTML(スマホ用、パソコン用)を
表示するようにします。

3.別々のURL

スマホ用、パソコン用のURLを用意し、
それぞれにアクセスされるとそれぞれ用に最適化された
HTMLを表示します。

 

なぜレスポンシブがお勧めなのか

2「動的な配信」と3「別々のURL」でデメリットとなりやすいのは
スマホ用、パソコン用それぞれ別のHTMLを作る必要がある、
という点です。

別のHTMLを作る、ということは、
作る手間も確認の手間もお金も、すべて2倍かかる、
ということになります。

 

1「レスポンシブデザイン」では、ひとつのHTMLを
画面サイズに応じて自動的に調整します。

「自動的に」というのは、AIを使う、という意味ではありません。

以下のような考え方です。

パソコンでは表を表示するとき、1行ごとに複数の列を表示することができます。

一般的なTableでの表

しかしスマホでこれを表示すると、横に長すぎてみづらいです。
なので、以下のように自動で表示を調整するように「作る」のです。

スマホでの一覧表の表示例

 

これについては以前、以下の記事で取り上げました。

一覧表をスマホで表示するにはどうすべきか | 中小企業・医療業界向け業務用システム開発のイルカシステム

 

イメージわきますでしょうか?

お察しの方も多いかと思いますが、
スマホではどのように見せるか、を、検討する必要はあります。
それように実装する必要もあります。

しかし、あまり凝ったこと(スマホとパソコンで全く表示内容を変える)
をしないようであれば、オープンソースを使って
比較的容易にスマホ・パソコン両方で使えるようにできます。

社内システムをスマホでも使う=出先でも使う、
ということにも対応しやすい環境になっている、ということです。

このページの著者

イルカシステム(株)は、以下のような業務用ウェブシステムのご提案、受託開発、運用を行っております。

  1. 中小企業さま向けの社内向け営業支援、顧客管理、経営数値管理システム

    経営数値をリアルタイムで見える化し、目標達成度を常に把握することができ、顧客へのフォローもスムースになります

  2. 中小企業さま向けの受発注管理、請求入金管理、在庫管理

    御社特有の受発注業務、出荷処理をシステム化することで業容拡大への大きなお手伝いとなります

  3. 医療業界向けの業務改善システム

    ※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「 ムジンワリ 」をご提供しております。

  4. IoTシステムの開発

詳しくは ご提供サービス を参照してください。

お読みいただきありがとうございました

スマホ対応はレスポンシブだけではない

ウェブシステムを豊かにするマッシュアップ

こちらもおすすめ

システム化の相談はしてみたけれど...

中小企業のシステム導入に心強い補助金

お客様とのつながりを点数化し分析する

お客様との接点を記録することのメリット

顧客管理システムの目的は名簿作成ではない

顧客との接点を増やし売上をあげるシステム

お客様とのやりとりの記録のススメ

遠くのシステム会社が安い金額の提案をしてきたら?

システム会社に社内システムの保守を依頼するには

社内システムはできたあと、利用期間のほうが長い