サファリでスマホサイトを見る

Windowsにて、スマホデザインのチェックの方法、いろいろ試しましたがサファリが一番手軽でした。

（１）サファリの右上のねじのようなマーク（設定）　⇒詳細設定タブ
メニューバーに開発メニューを表示にチェックを入れる

 

（２）新規タブのマーク　⇒　開発　⇒　ユーザーエージェント　⇒ここが普通は
デフォルトになっているので、iPhoneを選ぶ

（３）右上の検索窓で検索すると、すでにGoogleがスマホ用Googleで、
たとえば「オークション」と検索して、１位にくるヤフオクのサイトをクリックすると
スマホ用のYahoo!オークションのサイトが表示されます。

もちろんスマホ特有の動作確認はできないので、実機はどうしても必要なのですが、一通り動作確認して問題がなかったら、あとはサファリで原稿チェックなどをやっていけば大丈夫そうです。

参考サイト　http://www.html5-memo.com/other/safari/

こんな看板屋さんのホームページ初めて！

飯田市にある看板屋さんのホームページ開設をお手伝いさせていただきました。
飯田市のオギソ看板さんのサイトです。

とにかくネタ満載で、面白く素敵なサイトになったので紹介させてください。

紹介することいろいろありすぎなんですが・・・最初にキャンペーンのお知らせ。

HP完成記念イベント「ワンコキャラクターの名前を考えて、南信州の美味しいもの当てよう！」

ワンコキャラの名前を応募すると協賛各社から提供された、すっごーく美味しそうなものが当たりますよ！
商品当選された方の中からさらに、採用された方にはオギソ看板さんよりオリジナルグッズ（あなただけの特注品）がもらえるそうです。
長野県だけじゃなく遠方からも応募可能なのでぜひご応募お待ちしています。

---

さて、、ここからは看板屋さんのHP紹介です。

（１）どんなサービスをしてくれるのか漫画で紹介。楽しいでしょ。
このケーキ屋さんは実在します。南信州のフルーツを使った洋菓子のお店「ノエル洋菓子店」さんです。私が取材していたときに、ノエルさんと漫画に登場するゆっこちゃんが話していた会話をもとに作成しました。（天使のロールケーキを食べてみたい方はこちら）

（２）看板というと地元のお客様ターゲットONLY？そんなことありません。

イベント・展示会の強い味方です。長年にわたってイベントのお手伝いをしてきた看板屋さんならではのノウハウであなたの会社のイベントを強力にバックアップ！地方発送可能です。

（３）このような事例紹介を見るだけでも、看板を発注する人のコツ・ヒント・ノウハウが満載です。

（３）古い看板リメイク、不要な看板買い取り！いろんなサービス用意しています。

（４）動物大好きな家族やスタッフが経営しているから・・ボランティア活動も行っています。

ワンちゃん、猫ちゃんステッカーなど、オリジナルな商品も作ってくれますよ！

動物共存活動のスマートスマイルのHPはこちら

（５）オリジナル商品はこちら。写真やロゴや図案を渡して、世界にひとつしかない商品を手作りしてくれます。

「こんなもの欲しいんだけど・・・」そんな相談もOK!看板屋さんのノウハウでいろんなアドバイスも・・・

（６）変わったモノ作ります！？

そう、お祭り大好き、イベント大好き、楽しいことがとにかく好きなスタッフが揃っているので、「こんなものどこに頼んだらいいかわからない・・」そんな相談にもなんでものってくれますよ！

イベントの舞台、タレ幕、抽選箱、マスコット、舞台背景や大道具までいろいろ。

今はなんでもコンピュータでプリント出力できちゃう時代ですが、手描き看板職人の絵や筆字が書けるスタッフさんも揃ってるので安心です。

（７）頼もしい看板屋の看板ムスメ姉妹です。

とにかく相談してお任せしたほうが良い仕事をしてくれます！

（８）看板Q&Aコーナーは必見。

看板作りの初歩から、依頼の仕方のコツ、客呼ぶ看板ってどんなの？いろいろ学ぶことができます。

（９）まずはこの美人姉妹に相談してみてくださいね！

ちなみに、下記のワンコキャラクターや漫画は全部わたしが描きました。

ここまで見ていただき発見したことがありませんか？

そう・・・「看板屋さんだから宣伝が上手！」

宣伝するのがあまり上手じゃない看板屋さんには

頼みたくないですよね(ﾟｍﾟ*)これ一理あるかも・・・

とにかく楽しい一家＆スタッフの皆さんで、会社の雰囲気がすごーく楽しくあったかい。
社長さんも奥さんもにこにこ、看板姉妹もうんと仲良くしていただき、HP担当の淳さんもいろいろアイデア出して協力してくれます。
制作中も随時、「モモンガさん信じてるから、お任せするね！」と言っていただき、
どんなものを提案しても、喜んでOKしてくれるので、私も伸び伸びと自由に提案することができ、こんな素敵なサイトができたと思います(^o^)
効果があがる良い看板を作りたかったら、プロを信じてお任せするのがコツなんですね。
ちなみに効果があがるHPを作りたかったら、私を信じて任せてくれるのが一番近道です。
って最後自分の宣伝ぽくなっちゃったかしらすみません。。。(‥ゞ
わたしも制作をお手伝いさせていただき、看板の種類から、制作方法、発注のコツ、どんな看板が効果があがるのか、地代や契約の仕方、地域イベントやお祭りの看板屋さんの舞台裏まで、すごーくいろいろ勉強になっちゃいました。


さて・・・
キャラクター名募集イベントは8/22までなので急いでください！

facebookページも面白いのでイイネしてあげてください


このサイトはjimdoというサービスを利用して作っています。
今後の更新管理は、ホームページ担当者さんが直接、簡単に更新、追加できます。
jimdoについての詳しい話は別記事で紹介しますね！

jimdo 独自レイアウトでの画像ファイル名でアンダーバーは使えません

タイトルの通りのそれだけのネタですが、何故画像が表示されないかかなり悩んでしまったので、書いておきます。

jimdoで独自レイアウトを作るときに、画像のファイル名にアンダーバーを使うと、表示されないことが多いようです。
なので、普通のハイフンを使ってください。

私はファイル名をつけるときにアンダーバーをよく使っていたので、なんで表示されないの(｀◇´*)？？？ちょっと悩んでしまいました。

• ファイル名はハイフン-を使い、アンダーバー　_　は使わない
• ファイルへのパスは、HTMLと同一階層
• スタイルシートで使う画像へのパスも同一階層です
• cssのクラスやIDの名前はアンダーバーを使っても大丈夫

jindoでもこんな普通のサイトが作れます。納品したあともオーナーさんが自分で簡単に更新していけるのがいいですね！

jimdoのcss設定で困ったら・・・

最近jimdoのカスタマイズをすることが増えてきて、備忘録を兼ねていろいろ書いていこうと思います。

たとえばデフォルト（基本）の文字の大きさですが
独自レイアウトにすると、12pxになってしまいます。

スタイルシートで、bodyタグに13pxと指定していても、jimdoにて元から指定してある12pxで上書きされてしまうので、13pxが言うことを聞いてくれません。
フォントファミリーも、最初にメイリオを持って来たいという時でも、デフォルトのヒラギノで上書きされてしまいます（´へ｀）


そんなときは、スタイルシートでbodyよりレベルの高い（優先度が高い）スタイルを指定してあげればいいわけです。

body {
background: #333333 url(bg.gif) no-repeat top left;
padding:35px 0 0 0;
margin:0;
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

上記のbodyへの指定よりレベルの高い指定というとこうなります。

body p{
font: 13px/140% "メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

通常は同じレベルのスタイルの場合は、後から指定したほうで上書きされるので強いんですが、bodyよりもbody pの方がレベルが高いので上書きすることができます。

詳しくは「css 詳細度」で検索すると解説サイトが出てきます。


>>CSSの優先度を理解してスタイルを指定しよう
http://webdesignfactory.schoolbus.jp/css_style/



-------------------------------------------

イイネを1000集めますよという勧誘電話

うちにも来ました。イイネを1000集めますよ、いかがっすか～という勧誘電話。
若くて電話に不慣れな女の子のような声で、お客さんのようなフリしてかかってくるから、丁寧に答えちゃうんだよね。



営業「あのー・・・webの森のfacebookページを見て電話してるんですけど」

私「はい、どうもありがとうございます」

営業「すごいですねぇ、イイネの数がこんなにあって人気facebookページですね(^o^)」

私「そんなことないですよ～・・（^＿^;」

営業「実は弊社のサービスでイイネを1000に増やせるサービスがあるんです。ちなみにイイネを1000に増やすと広告効果がとてもあると言われています」

私（どこでそんなことが言われているんだ～）

「へーそうなんですか？別にうちは1000もイイネがあっても不要ですけど。。。。ちなみにどういう方法で集めるんですか？
人がイイネをしたくなる記事を代理で投稿してくれるとか？」（このあたりから突撃調査モード）

営業「いえ、うちが別事業にて所有しているブロガーさんたちが1000人くらいいまして、それをどーのこーの（ごにょごにょ）」

私「うちのFBページのことをいいとも思ってくれない人が1000人イイネしてくれても全然嬉しくないし、1000人友達ができても返信できないし、、それで広告効果なんてあるんですか？」

営業（急にむっとした口調で）「ということは弊社のサービスは不要ということのようです？」

私「そうですねぇ、なんでいいとも思ってない人が1000人イイネすると効果があるのか教えて欲しいんですけど」（しつこい）

営業「では失礼しました」ガチャン

webの森のFBページはこちらです

「いいな！」と思ったら「イイネ」をしてね

身体とココロと地球にやさしい自然食品と雑貨のお店

オーガニック食品と雑貨で地元でも有名なお店

とっても素敵なネットショップさんのリニューアルをお手伝いさせていただきました。



オーガニック自然食品と、身体に優しい自然雑貨のお店「てくてくねっと」さんです。

ショップ開店1997年ですから、本当にネットショップの老舗！ですね。

（実は実店舗も20年以上前から地元飯田で営業しておられて、エコロジーな商品を取り扱っているお店として有名です）
なので、今回、デザインを一新するにあたり、ご依頼いただけたときはすごく嬉しかったのですが・・・・・

リニューアルの瞬間にサーバーデータ喪失事件

実は今回、準備が整いさぁリニューアル公開！っていう瞬間に、まさかのファーストサーバー大規模障害事件に遭遇し、大変な被害にあってしまったのです（泣）
が・・・・そのことを話し出すと止まらなくなっちゃうのでまた別の機会にゆずるとして、今回は写真についてのお話。

写真の力とネットショップデザインのコツ

サイトリニューアルにあたり、「ネットショップは写真が大事」ということが一番のテーマだと思ったので、ぜひ撮影をさせて欲しい（そのための予算を）とお願いしました。

実はデザイナーじゃない方にはあまり知られてない事実なんですが、世の中のデザイナーさんはわかっているはず。私のデザイン力なんてたいしたことはないのです。
webサイトのデザインは写真が命。写真のグレードをあげるだけで、数段、印象が良くなり、みる人にイメージが良くつたわり、効果があがるものなんです。
商品は本当に良くて、「本物の力」を持っているのに、写真がダメなだけで、その力が半分もHPを通して伝えられないってことが・・・・。
webデザイナーは実感してると思います「写真の力」



そんなこんなで、デザイナーの出る幕はあまりなくて、良い素材さえあれば、あとは極力でしゃばらない、色使いとフォントのテーマを決めたら、極力種類を抑える、統一感を出す、各パーツのサイズを揃える、控えめに控えめにデザインしていくだけで、見違えるように見やすくて好感の持てるサイトになると思います。



（サイトの背景は木で作られた実店舗のイメージで、木目にしてみました）


（画像バナーばかり使っていた表紙に、テキストにて説明文を充実。
色使いは茶系で統一しました。シンプルなのに読みやすい、写真が生きてくる・・）

布ナプキンブームを日本に広めた

てくてくさんは日本で布ナプキンを一番最初に通販したお店です。
まだ布ナプキンが世間に知られてない1990年代のこと。

週刊金曜日編集者の山中登志子さんが、「買ってはいけない」という本の中で市販されている生理用品の危険性を書いていて、その中に一言、「私は布ナプキンを使っています」の一文にひきつけられた女性たちが、「布ナプキンって何だろう？」と検索して「てくてくねっと」にたどり着いてくれたのが始まりでした。

この後布ナプキンがブレークする時代が始まり、

「長年悩まされていた生理痛や生理不順が改善した」

「自分で洗うことで、自分の意識まで変わっていった」

「てくてくさん、こんなすばらしいものを紹介してくれてありがとう」 ・・・・

お客様からの応援メッセージがたくさん届いて、その後「オーガニック」、「エコロジー」というキーワードが世の中に浸透するにつれて、
てくてくねっとさんも大きくなってきました。

身体にいいもの、地球に優しいものを厳選

てくてくさんの商品を知れば知るほど魅力的なものが多くて、ウィンドーショッピングをするように、ネットショップの中を隅々まで探検するだけで楽しくなるようなお店です。
プロのカメラマンに依頼して、丸一日がかりでロケをしましたのでその写真を通して紹介します。

無駄な添加物のない化粧品、日焼け止め、天然素材の蚊取り線香など


自然素材のコットンやシルクの靴下を重ね履きすることで、足元から身体をあたため、冷え性改善になるくつした



食べ物でからだを整えたい、未病したいという考え方の基本「マクロビオティック」

撮影当日はせいらん堂という、オーガニック食品を作っているお店の店主、川手さんに来ていただき、自然食の実演をしていただきました。


とれたての有機野菜や、天然のだしをつかった身体にやさしいお料理（とっても美味しかったデス、役得・・・）


自然食・オーガニック食品などの撮影



とってもかわいく、種類が豊富な布ナプキン。経験豊かなスタッフが揃っているので迷っている人もアドバイスしてくれます。

観光農園サイト、ブログ効果でファンが大勢できました

すっごく嬉しい事例があります。農園のサイトさんです。

この「信州くだもの村」は、長野県南部の小さな村、中川村というところにあります。
場所は高速道路のインターや国道からけっこうはずれていて、電車の駅もなく、車にて、わかりにくい山の中の道をくねくねと上ったり降りたり、一山超えていかないとたどり着けない不便な場所にあります。

信州くだもの村　（富永農園）

しかも、お隣の松川町は、くだものの里として全国的に有名なので、「松川町」という看板がついているだけで農園の経営としてはかなり有利。
松川のりんご、松川の梨、松川のリンゴ狩りというブランドが確立されているわけです。

（これは全国の地域ブランドに言えることですよね。たとえば駒ヶ根高原が有名な駒ヶ根市のペンションは有利なのに、すぐ隣町のペンションは、地名で検索してもらえないとか・・）

「信州くだもの村」は、日当たりがよくて、南アルプス山麓のきれいな水があり、豊かな土地で、果物やお米が美味しくとれる良い場所なのに、名前が知られてないということで今まで観光農園としてはほとんどお客様が来ない状態でした。

もちろん創業者のお父さんの代から、美味しいリンゴ作りとしての技術は確立されていたので、「富永さんのリンゴでなけりゃだめだ」と毎年注文してくれる固定のお客様は大勢いらっしゃいました。
この農園が息子さんが引き継ぐ時代になり、「これからはネットで集客しなきゃ」
ということで、webの森にホームページの作成をご依頼いただけたのですが。
実は私は「松川じゃないのが残念だし、こんな山奥まで果物狩りにきてくれる方がいるだろうか・・・」と正直不安でした。


でも、息子の創治さんが（すごく明るくて人柄がよくて、素敵な青年です！）ブログ更新をがんばると言われていたので、ホームページにはメインにブログシステムを導入して、ブログの新着が表紙でわかるようにして、ブログでのホームページ運営方法をアドバイスしてきました。

そしたら、１年、２年、・・・３年コツコツとブログの更新を続けていったところ、

「かわいい子どもさんに会いたい」


「おばあちゃんに会いたい」


「また来年も来ます」


「美味しかったから今度は贈答用で注文します」

（山里の小さな村で家族仲良く畑仕事）

そんな声がどんどん届いて、毎年リピーターさんが増える増える・・・・今、さくらんぼ狩りで入りきれないほどのお客様でいっぱいになっているそうです。


場所は、地元の私が説明しようとしてもうまく伝えられないくらい、不便なところです。
すぐヨコに有名観光地があるわけでもない、秘境として有名な場所でもない、ただの山奥の村です。

それなのに、大勢の方が都会から来てくださり、中川村の素朴な良さを実感して、また次の年も来てくれるようになった・・・
それがブログをみて、「この農家さんのところなら行ってみたい」って思って貰える信頼や親しみにつながっているとしたらこんな嬉しいことはないです。


冬は土づくり、春はりんごの摘花、シーズンになると果物の収穫や、通販の発送で大忙し、秋にはお米や柿を収穫して、また冬に市田柿（干し柿）の発送、そしてたまの日曜日はソフトクリーム号にのりこんで、各地でくだもの村のソフトクリームを販売と、
目が回るほどの忙しい毎日を送っている園主の息子さん、（倒れないか心配です）


それでもこんな温かいブログをコツコツと更新してくれて、ホームページを作った私からも感謝です。素敵なサイトに育ててくれてありがとうございます(o^-^o)

＞信州くだもの村　http://nagano-kudamono.com/

●ところでちょっとだけ技術的なお話を

「無料ブログ」ってお手軽ですよね。サーバー借りたり、ブログのシステムをインストールしたり、設定したり、面倒なことをしなくていいし、
わたしのような専門家の手を借りなくてもすむ。
でもこれまで更新してきた３年分の中身って宝物だと思いませんか。
まじめにブログで運営したいと思う人ほど、無料ブログはやめて自分のサイトに記事を書いた方がいいです。
こんな大事なデータが、無料サービスの中にあるって、世の中何があるかわからないし、信じられるのは自分の行動だけ・・・・・。（データのバックアップをとる手間も含めて）

外部ブログにするのは、自分のホームページ、本サイトがかなり充実していてアクセスもありこれ以上ページを増やすよりは、外部からのリンクを増やしたり、窓口を広げるつもりで、もうひとつアドレスを追加するという気持ちならいいかもしれませんが
まだ自分のホームページが10～20ページというような小さいサイトの場合は、
本サイトを充実させていったほうがいいと思います。
検索対策としても、20ページのサイトより、100ページ、500ページのサイトの方が断然有利です。
検索エンジンにも信頼してもらえます。


くだもの村サイトも、10ページだけのホームページだったらこれほどまでにアクセスが集まらなかったかもしれません。
自分のサイトの中で信頼感をしっかり出していったからこそ・・・・だと
私は思います(,,･∀･)。。。。