仕事で四文字熟語を調べているのでメモ。
しかし、漢字は素晴らしい。
後ほど整理します
安産 安産成就 安心立命 一家和合 営業繁栄 延命長寿 屋敷平穏 家業繁栄 家相開運 家内安全 家宝豊満 海上安全 開運招福 開運成就 開運満足 学業上達 学業成就 学業増進 漁業繁栄 競技必勝 業務安全 業務繁栄 金銀融通 芸道増進 御礼 交通安全 工事安全 工場安全 航空安全 合格成就 災禍撃退 災難消除 子育順調 子孫繁栄 子宝成就 試験合格 事業繁栄 社中安全 邪気退散 受験合格 就職成就 出産安全 諸願満足 除災招福 商売繁昌 商売繁盛 昇運来福 心願成就 神恩感謝 神恩報賽 身心堅固 身体健全 水難消滅 成績向上 選挙当選 前途洋々 息災延命 足腰健康 大漁満足 地鎮守護 当病平癒 難局打開 農業繁栄 必勝 必勝成功 病気全快 病気平癒 夫婦和合 富貴繁栄 福徳円満 方難消除 無病息災 厄難消除 旅行安全 良縁具足 良縁成就
「現在のサイトをスマホ対応にもして欲しい」との依頼
ここは Google大明神の推奨する方法でやるしかないでしょう。
（https://developers.google.com/webmasters/smartphone-sites/details）
という事で、いわゆるレスポンシブwebです。
（あまりに古いサイトは、サイトをリニューアルした方が良い場合もあります）
その流れで、サイトのPC用レイアウトとスマホ用のレイアウトの切り替えボタンが必要になり作成しました。
「ボタンを押せばレイアウトが切り替わる」という例はいくらでも検索で見つかりますが、では、選択したレイアウトを利用してページを推移した時に選択したレイアウトは維持されるのか？と言えば細工をしないと無理です。
いろんな実装方法があると思いますが、今回は、jQueryでクッキーを操作して作成して、参照する先のCSSファイルを保持したままページの推移をしています。
こんな感じ。
ポイントは、
でしょうか。
切替ボタン作成に関しての作業は、
こんな感じでしょうか。私の場合は、先にスマホ用表示のレイアウトを、お客さんのサイトを見ながらＣＳＳを書いて、ボタン作成作業で、それらをドバっとスマホ用のCSSに載せました。
残る実装作業は、
このボタンをPC用サイトでも表示するのか・しないのかなど、運用・使用上の問題をお客さんと話し合って実装（たぶんメディアクエリー使用）という流れになります。
最後に、ＰＣ用のレイアウトで、スマホ用の切り替えボタンを表示しているサイトが少ないように思うので、こんな意見を載せておきます
（私個人的には、PC用のサイトでもレイアウト切替のボタンは表示させておく方が良いのではと思っています）
http://www.elezea.com/2012/09/responsive-design-expectations/ このページのより
ここでは
「スマホで通販サイトを見て、購入前にはパソコン用のレイアウトに切り替える」「それは、スマホ用のサイトは、PC用のサイトに比べ情報量が少ないと思っているから、」というように書かれています。
どうでしょう。実は私もそんな風に思っています。本当に同じ情報なのか確かめたくなります。
ということで、スマホで見た時にレイアウト切替ボタンは必須である事は間違いありません。
上の英語の記事は、「スマホサイトにPC用にレイアウト切替ボタンはつけておく方が良いよね」という事になっています。
ＰＣでサイトで見た時はどうでしょう。パソコンで見てスマホ用のレイアウトに切り替える人はいないかもしれませんが、
「あーレイアウトが切り替わるだけね」と確認してもらうためにも、表示させておいた方がよくありませんか・・・・
「混乱させないためにPC用レイアウトには切替ボタンは非表示」という考え方もありますが、私は余計なパターナリズムかなと今のところは思っています。
後日追記：
上記のように、PCサイトにも切替ボタンつけた方が良いかも、と書きましたが、実装していて気づきました。
PCサイト上でのクロスブラウザーでの検証と対策、スマホ用ブラウザーはバリバリにＣＳＳ３．０とＨＴＭＬ５で対応なので、ＰＣ用の旧ブラウザーでの検証の実作業が発生するので、費用が「さらに倍」となりかねなかったです。作業時間と効果を考えれば、ＰＣ用サイトではレイアウト切替ボタンはイラネーという線が濃厚になるのも仕方がないことかもしれませんね。
