Monthly Archives: 8月 2014

レスポンシブデザイン

ってなんですか?とご質問をもらいました。
レスポンシブデザインというのは、インターネットを見る端末(パソコン・スマートフォン・iPad等のタブレット)にあわせて、画面のレイアウトや表示される画像等のサイズを自動的に合わせて表示できるようにつくされたサイトの事になります。

ちなみに・・・・・
image
これはiPadを横にしたときに表示される画面です。通常のパソコンでもこのレイアウトで表示されます。

 

そのままブログのページを開いてみると・・・・

image

ポストしたブログの記事と横にメニューが表示されます。

 

ここで、iPadを縦にしてみると・・・

image

こんな感じで、記事のみの表示になり、メニューが自動的に格納されます。
画像の大きさも画面幅に合わせてサイズが変わりました。

 

そして、爆発的に普及したスマートフォン。
パソコンは持っていないし、使わないという人も結構いて、インターネットも全て電話で完結するケースも珍しくありません。
ですので・・・

image

これはiPhoneで私のサイトを開いてみた所です。パソコンでは横並びになっていたメニューが自動的に縦並びに変わりました。
片手操作でメニュー選択がしやすいようになっています。

 

そしてそのままブログの画面を開くと・・・・

image

やはり、画面幅に合わせて自動的に画像サイズが調節されて表示され、記事の文章幅も適正化されます。

 

で、iPhoneを横にしてみると

image
小さい画面ながらも画像を最大幅で表示しています。

 

そして、これはおまけですが・・・・
14891922948_91ded3a947_o
1920×1200表示のディスプレイを2台接続した状態でのフル画面表示
こんな使い方はしませんが、それでもS56の画像が画面幅一杯に表示されているのがわかると思います。
こういった形で、参照する端末の画面に自動的に表示を適正化するのがレスポンシブデザインという事になります。

ご連絡をいただいた方は、ゴルフはシングルだけど、IT系はフルハンデとの事でした。
WEBサイト管理をしている者に確認しても、「わからない」と回答されてしまったようです。(そんなヤツは異動だ!!www)
ご自身で企業を経営されている方もたくさんいらっしゃると思います。
情報発信手段としてインターネットの活用というのは、今や必須とも言われていますが、企業内に十分対応が取れる人物がいるとか限りません。
外部に委託するにしても、ある程度の知識が無いと難しい部分も出てくるはずです。

とりあえずですが・・・
自社のホームページをお持ちの方で、内容や構成が経営上、気になる方は・・・
Flashコンテンツを使っていないか?
そして、HTML5化をしたのか?(良くわからなくてもHTML5という規格なので、HTML5です。5ですからね!)
そして、そして・・・レスポンシブデザインにしてあるのか?(もしくはスマートフォン専用のページを持っているのか?)
というのを担当者に尋ねてみましょう。
やっていなければ、やった方が良いと思いますし、「なんすか それ?」って言われたら即異動なレベルです。
とりあえずWEBページがあれば良いというのであればこの限りではありません。

なにか有れば私の出来る範囲でお調べお答えします。

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ ダメオヤジな日々 | コメントを残す

No.129 てへさんのセッティング

PING G25 8.5° TFC 189D ツアー X
PING G25 15.0° TFC 189D ツアー X
PING i25 ハイブリッド 17° PWR 90 ツアー X
PING i25 ハイブリッド 22° CFS S
4I~PW MIZUNO MP-59 Dynamic Gold S200
51°,56° MIZUNO MP-T series Dynamic Gold S200
PT ブラック・シリーズ ツアーデザイン 2・Ball Blade

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.128 Jun 選手さんのセッティング

Jun選手のセッティング
1W PING G20 10.5° Diamana Ilima 60X 44.75inch
4W PING G20 Diamana Ilima 70X 42inch
HY PING G20 20° CFS S 39.50inch
4I ~W PING Anser Iron DG S200
52 PING Anser Wedge DG S200
58 PING Anser Wedge DG S200
PT PING Anser AnserII 34inch

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.127 Code Whiteさんのセッティング

Code Whiteさんのセッティング
PING G20 10.5° Diamana Ilima 60X 44.75inch
PING G20 16.5° Diamana Ilima 70X 42inch
PING RaptureV2 20° CFS S 39.5inch
4I ~ W PING Anser Iron DG S200
52 PING Anser Wedge DG S200
58 PING Anser Wedge DG S200
PT PING “Anser Putter” Anser 2 34inch

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.126 わさびさんのセッティング

NTEC 2.80 Ti DRIVER:Tour AD DJ Shaft SR 45.25inch 9.5
PING G25 Fairway Wood: PING TFC 360F Shaft SR 43.00inch 16.5 4w
PING G25 Hybrid: PING TFC 360H Shaft SR 20.0 Hybrid
PING i15 Iron(green): KBS TOUR STEEL SHAFT S
24.0 4I
27.0 5I
30.0 6I
33.0 7I
37.0 8I
41.0 9I
PING Tour Wedge (green): KBS TOUR Hi Rev S
47.0 PW
52.0 SW
58.0 LW
PING Scottsdale TR Putter ZB S 33.5 inch

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.125 たけむらさんのセッティング

PING i25 9.5 ATTAS 5 GOGO 6s 45.25inch
PING i25 3W ATTAS 5 GOGO 7s 43.0inch
PING i15 hybrid 20 ust-mamiya axiv core tour red 40.5inch
PING i25 Iron NS pro Modus 3 4I~PW
52 /ss PING Tour Wedge GORGE DG s 200
58 /ts PING Tour Wedge GORGE DG s 200

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.124 Code Orangeさんのセッティング

Code Orangeさんのセッティング
PING G20 10.5° Fujikura Sakura L 44.75inch
PING G20 16.5° TFC R 42inch
PING G” 23° TFC 330 R 39.5inch
5I ~ W PING Anser Iron Mitsubishi Fubuki AX i375 R
50 PING Anser Wedge Mitsubishi Fubuki AX i375 R
56 PING Anser Wedge Mitsubishi Fubuki AX i375 R
PT Scotty Cameron My Girl “2010” 33inchi

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.123 ポコペソさんのセッティング

PING G15 9.0° Aldila Serrano? 60-S 45.75inch
または
PING i15 9.5° ATTAS 6S 45.75inch
PING G15 18.5° Aldila Serrano? 75-S 42.50inch
3HB PING G20 20° CFS-S
4I PING G25 Iron CFS-S
5I~W PING i20 Iron CFS-S
52 PING Tour-S Wedge Rustique DG S200
56 PING Tour-S Wedge Rustique DG S200
PT PING Karsten 1959 Putter My Day 34inch

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.122 かわせみ!さんのセッティング

かわせみ!さんのセッティング
SRIXON ZR-700 10.5 SV-3012J T55 S 44.75 309g
SRIXON Z-STEELⅡ 15 SV-3013J T65 S 42.75 325g
SRIXON Z-STEELⅡ 19 SV-3013J T65 S 42 334g
3I PING S55 Iron CFS S 409g
4I PING S55 Iron CFS S 413g
5I PING S55 Iron CFS S 418g
6I PING S55 Iron CFS S 422g
7I PING S55 Iron CFS S 430g
8I PING S55 Iron CFS S 435g
9I PING S55 Iron CFS S 441g
W PING S55 Iron CFS S 448g
52 PING ツアーウエッジ GORGE CFS S SS 448g
56 PING ツアーウエッジ GORGE CFS S WS 452g
PT NIKE IGNIE002 ヒールトゥ 31 493g

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す

No.121 エミリパパさんのセッティング

エミリパパさんのセッティング
PING G20 10.5° TFC330D SR 45.75inch
テーラーメイド 18° スーパーファスト R 42.75inch
ADAMS IDEA PROハイブリッド 20° UST iROD R
ADAMS IDEA PROハイブリッド 23° UST iROD R
5I PING i20 Iron CFS R
6I PING i20 Iron CFS R
7I PING i20 Iron CFS R
8I PING i20 Iron CFS R
9I PING i20 Iron CFS R
W PING i20 Iron CFS R
AW cleveland CG16JV 50° NS.PRO950 S
SW cleveland CG16 56° DGS200
L PING eye2XG 60° DGS300
PT PING Scottsdale Carefree 34inch

okamura-logo

PINGのクラブを買うならオカムラゴルフさん!

オンラインでカスタムオーダー出来るのはココだけです。

にほんブログ村 ゴルフブログへ
にほんブログ村

投稿カテゴリ PINGフリな方々のセッティング | コメントを残す