タスクマザー

お店ばたけネットショップ担当者スキル強化講座、アクセス解析2シリーズ[基礎編、分析編]が終了しました

2010-07-29T10:18:54Z

アクセス解析セミナー、2010年7月7日の基礎編に続き、7月21日「アクセスログ解析で現状把握」＜分析編＞が終了しました。今回は、導入から現状分析まで、アクセス解析の基礎についての講座を2シリーズ行いました。アクセス解析、Webサイトを運営していく上で、これからますます重要なツールになってきます。自社サイトは、まだまだ可能性が眠っています。まずは基礎をおさえて、自社の現状把握。新しい情報や分析方法、活用事例などの情報を今後も伝えていきたいと思います。さてセミナーの詳細は、]]> 「アクセスログ解析を利用していますか？」＜基本編＞　第2回：「アクセスログ解析で現状把握」＜分析編＞お店ばたけ、セミナーレポートは　第1回：ネットショップ担当者スキル強化講座＜技術力編＞第２回　「アクセスログ解析を利用していますか？＜基礎編＞」ご参加ありがとうございました。　第2回：近日アップ。

Windows XP SP2(Service Pack 2)のサーポートは2010年7月14日で終了。あなたのPC、XP SP3になってますか？

2010-07-28T12:50:22Z

Windows XP SP2(Service Pack 2)のサポートが終了した。今後は、SP3でのサポート。 Windows XPのサポートは2014年4月に終了なので、あとしばらくはXPでの運用が続けられる。ようやく自分の関係各所のPCのWindows XPのSrevice Pack3へのバージョンアップがすべて完了した。 Windows 7が発売されても、企業、会社関連などはWindows XPでの運用がまだまだ多い。新たに購入するPCも、基幹システムとの互換性を考えて、あえてWindows 7のダウングレードを行っているくらい。ソフトの互換性もあり、SP2のままにしていたがとりあえず問題ないようだ。 7月14日以降は、SP2のサポートは終了するので、SP3にアップグレードにする必要がある。古いPCは、確認が必要だ。]]> Windows XP SP2サポート終了のお知らせ：Microsoft

そうそう、大好きだったWindows2000も、とうとう同日サポートを終了した。すでにソフトの問題などで、泣く泣くXPに切り替えた経緯があるので感慨深い。そしてWindows98のPCもこのまえ、ようやく処分したところだ。パソコン創世記の人間としては、Windows2000サポート終了、一時代が終わった気がする^^; 2014年XPサポート終了時、OSはどんな時代になっているのか？楽しみでもあり、XPからの移行をどうするか対策を練らねばならない忙しい年になりそうでもある。

「アクセスログ解析で現状把握」＜分析編＞～お店ばたけネットショップ担当者スキル強化講座

2010-07-25T07:51:13Z

平成22年度＜中小企業応援センターいしかわ＞　お店ばたけネットショップ担当者スキル強化講座「アクセスログ解析で現状把握」＜分析編＞開催日：平成２２年７月２１日（水）１３：３０～１６：３０場　所：石川県地場産業振興センター本館　第６研修室内容： Googleアナリティクスのデータ解析を中心に現状分析、サイト改善、サイト活用の方向性を見つけます。１．Google Analyticsの概要と基礎データ２．分析するためのおすすめ機能・設定３．目標設定をして効果測定をしよう４．質疑応答基礎編セミナーに続いての分析編として、Google Analyticsを中心としたアクセス解析の読み方、取り組み方、分析法についての講座でした。 Google Analyticsの５つのメニュー項目、 Google Analyticsで自分（内部)のトラフィックを除外する方法」を参考にしていただけるとよいかと思います。他にも特殊なやり方の一つとして、「Google Analytics オプトアウトアドオン（ベータ版）」のサービスもあります。 2010年5月に公開されたばかりのベータ版なので、導入する際には今後の情報収集も大切です。まずは、最初の一歩として自社サイトの現状把握、サイト運営活用の一助になってくれればと期待しています。]]>

EDWINサンダルで自転車もらっちゃいました「EDWINプレゼントキャンペーン」当選！

2010-07-23T04:49:19Z

いきなり汚い足の写真で失礼します。このサンダルで、EDWINオリジナルクロスバイクが当たりました。実はクロックスを買いにいったのですが、クロックスは自転車には不向きだろうということで、靴底(裏)がしっかりしたサンダルに変更。息子とサンダル選びしているとき、サンダル陳列棚に応募用紙が目に留まり・・・自転車かWii FitPlusが当たるクローズド懸賞（エドウィンのサンダルラベルを貼り付けるタイプ）のはがき。おー、EDWINサンダル購入であたるぞとひそかに期待。結局、履き心地も決め手になって、懸賞対象サンダル購入。そして応募ハガキを持ち帰り、締め切り数日前に投函。締め切り1週間後、当選の電話がかかってきました！ちなみに懸賞マニアではありません(笑)、なんか自転車欲しい～が通じたようです。この写真が、届いた自転車。クロスバイクです。]]> 90%完成品ということで、すぐ組立て完成。 24型6段変速。ただ、ちょっと私には大きい。まだ試走していません。(諸事情、腰の具合により(^^;）

EDWINの文字がはいっていますが、EDWINオリジナルクロスバイクということで、一般に出回っているWDWIN自転車ではないようです。が、調べたことろ定価27,000円、販売価格20,000円相当みたい。このサンダルを作っている株)ダイマツさん、ありがとうございました(^^) そもそもサンダルで通学している息子にもあきれますが、自転車当選したのでまあいっか～と母。サンダルで２つの坂を登れるのか？まったく若さにはかないませんな。

ネックリフレはコンパクトでかわいい、首のこりをほぐして溜まった疲れを少しでも解消する

2010-07-13T08:11:54Z

首にはめる低周波治療器、Panasonicのネックリフレ。サイトで見たときから、すっかりデザインや形が気に入って、すぐに購入！人気商品らしくて、なかなか手にはいらないということでしたが、楽天ですぐに到着しました。自動コース15分で、読書しながら、PCに向かいながらと簡単にマッサージ。コードレスで小さくて軽くて、ヘッドフォーンを耳からはずして首にかけてる感じです。黒い部分に粘着パットを貼り、この部分を首にあてます。使用しないときは、この部分が汚れないよう付属のプラスチックのカバーをセットします。]]> ←首にかけたらこんな感じ。パッケージの写真です。コンパクトなので、かばんに入れて持ち運びもＯＫなので、どこでもできます。これからは冷房で首も冷えやすい季節に備えて、強い見方です。首こりの人にはおすすめです～。通年、肩こり、首こり、頭こり。もう中学生のときからの長年の慢性持病なので、なんとなく付き合ってきましたが、老化!?にともないバランスが崩れてきたようです。接骨院の先生、いわく、「若いときは、良くなったり悪くなったりの繰り返しで、だましだましなんとかなるけど、歳がいくと疲労の蓄積に体が対処できなくなってきて、いろいろ大きな支障を起こす・・・」なるほど、妙に納得。無理が利かなくなってきたのです。ということで、病院にいくのは急性時。慢性時は、できるだけ疲労をためないためにも、ネックリフレ。今、その対策もこめて、「痩筋力―確実にやせる筋トレ術」を読んで、さて筋トレをはじめようと思った矢先、こんどは腰が・・・。筋肉がどうも弱ってきているようです(笑) さて、いつになったら開始できることやら、気持ちだけは前向きです。けど走れないのがいちばん、ツライ・・・雨だしあきらめつくけど。

アクセスログ解析の基礎編が終了、次は【アクセスログ解析で現状把握】＜分析編＞は、7/21に開催します

2010-07-09T06:01:04Z

2010年7月7日(水)、お店ばたけネットショップ担当者スキル強化講座のアクセスログ解析（2講座）のうちの基礎編が終了しました。基礎編では、最後にアクセスログ解析チェックシートの記入をしてもらい、すでにツール導入済みの方は、現状把握の一助に、これから導入の方は、予測される数値を記入し、今後の活用のために数値化、見える化を行いました。詳細は、「「アクセスログ解析を利用していますか？」＜基本編＞～お店ばたけネットショップ担当者スキル強化講座」に。さて、次回は、分析編。実際のアクセスログ解析をどう活用するか、いくつかの項目にスポットをあててお話します。【アクセスログ解析で現状把握】＜分析編＞ ●日　時：平成２２年　７月　２１日（水）　１３：３０～ ●場　所：石川県地場産業振興センター本館３Ｆ ●内　容：Googleアナリティクスのデータ解析を中心に現状分析、サイト改善、サイト活用の方向性を見つけます。・Googleアナリティクスの基礎データ分析・データからサイトの問題点を見つける・目標設定をして効果測定をしよう

google Analyticsトラッキングコードは新コード(非同期トラッキングコード)に変更になっています。機会をみて変更作業を！

2010-07-09T05:29:16Z

Analytics 日本版公式ブログで2009年12月、「Google Analytics のトラッキングコードが新しくなりました」に続いて、2010年5月正式に、標準のトラッキングコードになったことが発表になった（「成長し続ける Google Analytics のエコシステム」)。すでに、google Analyticsにログインすると、新しいトラッキングコードが表示されている。

前回、変更になったときは(urchin.js →ga.js）、管理ページでは新旧のコードが表示されていた。参考：Google Analyticsの新しいトラッキングコードga.jsに変更しましょうしかし、今回は、新旧の表示はなく、新コードのみの表示である。また、ステップとして１．何をトラッキングしますか？２．サイトにこのコードを貼り付けますとあり、１．何をトラッキングしますか？の選択肢として・単一のドメイン(デフォルト）・複数のサブドメインがある１つのドメイン・複数のトップレベルドメインと3種類から選択するようになっている。]]> 　の前に挿入新コードは、・　の前但し、 Googleの日本語のAnalyticsヘルプ「Google Analytics 非同期トラッキングコードとは」には、　非同期のコードは、ページ上部の開始タグの後に配置するとある。けれど、同じヘルプページ「トラッキングコードの設定」では、・終了タグの直前に貼り付けてください英語版、GoogleCodeも、同じである。ということで、どこに設置？で混乱をきたしているが、まあ、　直前であろう。この非同期トラッキングコード・全体的なページ読み込み時間が短縮される。・リッチメディアやスクリプトの多いページへの訪問で、滞在時間が短い場合でもセッションを記録できる。・トラッキングコードを読み込む前に発生したクリックについてもデータを収集し保持できる。のメリットがある。当面は旧コード運用でも問題ないので、機会をみて移行することをおすすめする。但し、第１世代のトラッキングコード(以下のコード)のままになっている人は、変更が必要ですね。 ▼第１世代のGoogle Analytics トラッキング _uacct = "UA-xxxxxx-x" urchinTracker(); また、変更時は、新旧コードが混在すると正確な計測ができないので、すべてのページを変更する。 CMSツールでの運用の場合は、一括して変更できるが、それ以外のページ、連動している問い合わせフォームやショッピングカートなどのページも忘れずに変更しよう。

「アクセスログ解析を利用していますか？」＜基本編＞～お店ばたけネットショップ担当者スキル強化講座

2010-07-09T05:18:56Z

平成22年度＜中小企業応援センターいしかわ＞　お店ばたけネットショップ担当者スキル強化講座「アクセスログ解析を利用していますか？」＜基本編＞開催日：平成２２年７月７日（水）１３：３０～１６：３０場　所：石川県地場産業振興センター新館　第１３研修室内容：ネットショップを運営して行く上で、アクセス数や顧客のニーズを知ることは大切なことです。アクセスログ解析からどんなことがわかるのか、まずはアクセスログ解析の必要性を探って行きましょう。１．アクセスログ解析の基礎知識２．アクセスログ解析の必要性３．アクセスログ解析の種類４．アクセスログ解析用語４．Google Analytics(グーグルアナリティクス)の設置方法４．アクセスログ解析チェックシート５．質疑応答 google Analyticsトラッキングコードは新コード(非同期トラッキングコード)に変更になっています。機会をみて変更作業を！」にて。チェックシート、興味のある方は、アクセスログ解析チェックシートにアップしてあります。 ]]>

ネット対決！北陸三国志　3期目初回ミーティングとお店ばたけ講座「Ｗｅｂコミュニケーションの変化に対応していますか」に参加してきました

2010-06-29T08:47:28Z

2010年6月25日(金)、北陸3県の有志企業がネットで競い合う「ネット対決！北陸三国志」の石川県初回ミーティングが開催。今期で3回目。平成20年度は富山県と石川県2県対決の「ネット対決！倶利伽羅合戦」昨年度、今年度は石川県/富山県/福井県の、各県の選抜チームの個店目標を公開し、その達成率を毎月、県ごとに合計して競う対抗戦。公式ＨＰ「福井vs石川vs富山」ネットで県別対抗戦:北陸三国志今年も石川県は10社。]]> 魚専門店の大松水産(石川チームリーダー) ・金沢食品総合研究所(ダイエー食品工業) ・オーダードレスの美露土・ワインと地酒の西田酒店・半纏本舗:森佐・羽毛布団の石田屋・アート薬局・金澤屋珈琲店（キャラバンサライ）・恋を叶えるアクセサリーショップジャンティールkitakami ・ダンボール箱のダンボールワン（能登紙器） 7月10日が3県のキックオフが開催されます。昨年の石川県優勝連覇を目指して、更なる飛躍を期待します。この会議のあと、上記の会のまとめ役でもあるお店ばたけHPドクターの遠田幹雄さんの講座に参加。お店ばたけネットショップ担当者スキル強化講座 Webコミュニケーション技術の第1回「Ｗｅｂコミュニケーションの進化に対応していますか？」

今話題のTwitterについて、石川県No.1のフォロワー数を持つ(まちツイ)遠田さんの実践に基づいたTwitterとネットショップとの関係をわかりやすく講義されました。ネットショップとTwitterとの関係、まだまだ未知数だけにみなさん、熱心に聴講。関心度の高さが伺えました。さて、ISICOお店ばたけ講座、このあとまだまだ開催されます。

すてきな時間をありがとう、ピンクリボンチャリティーコンサート「ギフト・オブ・スマイルズ」

2010-06-25T01:19:59Z

4月にここでも紹介した、ピンクリボンチャリティーコンサート「ギフト・オブ・スマイルズ」に行ってきました。 6月23日(水)PM6：30開演、6時過ぎに会場の金沢市アートホールに到着、すでに多くの人の熱気。金沢駅のポルテ金沢6Fにあるこのホール、308席の会場は、立見席もできるほどの盛況ぶり。歌劇などの声楽を中心とした華やかなコンサート、ムジカー100主催の田代真佐子さんの「カルメン幻想曲」フルート演奏も圧巻でした。ピアノの中田佳珠さんの微笑返しコンサートということで、昨年突然の病気に懸かったことをまったく感じさせない2時間通しのすばらしいピアノ演奏でした。ピンクリボンコンサートということで、乳がんチェックのしっかりしたプラスチックのシートも配られて、あらためて定期検診など、日頃の健康チェックは必要だなと実感しました。 ]]> おまけ・・・今回、金沢市アートホールを利用して感じたこと。音楽に特化したホールのようですが、客席数などからもネットイベントなどには、なかなかよいホールではないのかしらと思いました。たしかに、ネット環境などは備えていないようですが、県外なども視野にいれたイベントなどに利用するにはなかなかよさそう。音楽にこだわらず、もっと広く開放して、カテゴリの概念を少し崩してみたらいいのに、とふと仕事モードになっているのでした。

iPhoneとiPadにホーム画面に自社サイトのアイコンを設定する・SafariのWebクリップ機能(PCではこのアイコンはファビコンですね)

2010-06-24T08:51:17Z

iPhoneの正方形のアイコン、これ自社サイトへのショットカットのアイコンとしても登録できるということで、早速、設定してみた。

このサイトtaskmotehr.jpは、緑のアイコン、ブログtaskmother.comの方はオレンジのアイコン。画像2列目、中央２つ(アイコンのサイトタイトルを編集しないと、・・・となる、日本語だと5文字、英語で10文字以内で編集したほうがよい） iPhoneで、safariのブックマーク機能の一つとして「webクリップ」という機能。 webサイトのショートカットをホーム画面に設定できる。アイコンを設定していない場合は、サイトのスクリーンショット(ブラウザに表示された縮小画像)で登録される。アップロードするファイルは、2種類選択できるので、比較のために緑のアイコンは、iPhone、iPadの方で自動加工してくれる「apple-touch-icon.png」としてアップロード。オレンジのアイコンは、角丸だけの処理をしてくれる「apple-touch-icon-precomposed.png」としてアップロードした。見た限りでは、自動加工の方がiPhoneっぽいのでこちらを採用。現在は、iPhoneで登録した場合は、オレンジアイコンの方も、緑アイコンに近い見え方になっているはず。アップロードしたサイズは、256X256px。 iPhone 4(iOS 4)では確認していないけど、今後はOSのバージョンや解像度にあわせて調整していかないといけないのかな。まあ、それほど細かい画像や写真でなければ当面は問題ないように思う。 ]]> iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう」を参考に作成した。ありがとうiPodさんの「iPhone、iPod touch、iPad用Webクリップ用アイコンの作り方」もとてもわかりやすく参考になる。 PCでいうところのファビコンにあたる画像。ファビコンとは、・ブラウザでお気に入り(ブックマーク)として登録したときに、タイトルの前に表示されるアイコン・ブラウザにアクセスしたとき、タブのことろにサイトのタイトルの前に表示されるアイコン・デスクトップにショットカットを作成したときにできるアイコンもちろん、設定されているWebサイトのみに表示されて、設定されていないWebサイトはブラウザのアイコンなど同じアイコンが表示される。 PCのファビコンはちょっと小さすぎて、あまり魅力は感じなかったけれど、iPhoneのアイコンはかわいくて魅力的。ただし、Safariのブックマーク一覧で表示されるサイト名の前には、PCのブラウザみたいにファビコンが表示されない。これも登録したアイコンがタイトルと一緒に表示されるとうれしいんだけどと思うけど、iPhoneユーザではないので、それがはたして必要かどうか？使ってみないとわからない。実際、ホーム画面に設定できるアイコンにも制限があるので、アプリだけでもかなり登録してある。なので、サイトのショートカットアイコンまで、よほどのお気に入りでないと登録してもらえないのではと思ってしまう。とにかく、はやくiPhone 4(iOS 4)系、購入しなくっちゃ・・・(笑) 画像提供は、息子のiPhone3GS。すぐにアイコン、削除しているだろうな(泣)

WordPressサイトコンテストが開催中、CMSコンテストに注目、自社サイトの参考にしよう

2010-06-22T03:48:23Z

CMSツールであるウェブサイトコンテスト、ここでも開催されています！「WordPressサイトコンテスト」が開催されています。すでにMovabel Typeコンテストが、6/9から応募が開始されていますね。さて、WPの応募期間は、2010年6月15日～7月14日。応募期間はMTコンテストに比べて短いですが、応募する人、投票する人、両者で楽しめるイベントになっていてなんだか楽しそうです。 CMSツールでの構築を検討している人、WordPressって何？知りたい！、Twitterはじめたばかりの方などなど、このコンテストへの投票者としての参加、おすすめです。]]> さて、どちらもTwitterを使っています。 Twitterの開設、ツイッターによる投票と、今じゃ、イベントにはツイッターは欠かせないといったところでしょうか？ WordPressコンテストの方は、Twitterフォローを誘導するナビゲーションやTwitterでの投票を含めたコンテストスケジュールをわかりやすくしている点など、Twitterとの連動がわかりやすいですね。 Movabel TypeコンテストもTwitterでの投票を予定しています。 Movabel Typeコンテストは、応募作品が随時、公開されているので、CMSサイトの参考として役立ちます。応募したサイトもいろいろな人に見てもらえるので、MT構築サイトは応募するだけでもメリットありです。最新エントリーサイトのRSSも配信しているので、サイトチェックも簡単です。 WordPressコンテストでも、応募期間が終了して一次審査通過サイトを8月2日から公開するので、ここでサイトチェックできます。また、投票に参加すると、お楽しみプレゼントがもらえるかもの特典もあります。商用サイトとしては、MovableTypeが日本では一般的になってきている傾向もありますが、WordPressで構築した企業サイトも要チェックです。レンタルサーバ各社は、各種CMSツール(オープンソース)の自動インストール機能を追加しています。 MTOSとWordPress。どちらもすぐに導入ができる環境になっていますので、お試しとして導入することも簡単です。ただし、両者ともバージョン確認を。 MTOSは、Ver4とVer5のものがあります。またWPも現在Ver.2.9ですが、Ver3の日本語版がもうすぐリリースされます。どちらもやはり最新のバージョン運用をお薦めします。ただ、WordPressは自動アップグレード機能があるので、最新バージョンにすることは簡単です。この両者のコンテストの受賞結果は、WPは9月9日、MTは10月上旬ということ。さて、どんな優秀なサイトが現れるのか、Twitterでどんな展開がおこるのか、秋までアンテナ張って自社サイトの肥やしとして、このコンテスト大いに利用してみましょう。

MT5コミュニティ・ソリューションのコミュニティブログの構築【その4－コミュニティブログと通常ブログ(クラシックブログ)、ウェブサイトの関係】

2010-06-10T11:13:49Z

結論から書くと、コミュニティブログは、単体での運用は問題ないが、通常のクラシックブログやウェブサイトも含む)との組み合わせ、連動性はあまり柔軟に行えない。もちろん、そのための対処方法はあるもののCMS構築として利用するには注意が必要だ。今回のコミュニティブログの作成は、CMS構築として採用した。構成としては、ウェブサイトの配下に、通常ブログ(1)とコミュニティブログ(1)の構成で制作した。 ※各ブログ、ＡＢＣと名前で以下説明。ウェブサイト(Ａ) 　∟通常ブログ(Ｂ)・・・サイト管理者用の投稿記事　∟コミュニティブログ(Ｃ)・・・一般ユーザの投稿記事・ウェブサイトＡでは、このサイトの説明やサイトマップなどをウェブページで作成。・ドメインは、サブドメインなどは使用せずに、２つのブログはウェブサイトでのドメイン配下での構成。・トップページには、　　Ｂ、Ｃのブログの最新情報を表示。　　コミュニティブログに設けた投票によるランキング上位3記事を表示。　　一般ユーザが投稿できるための投稿方法や会員登録やログインなどのナビゲーションの設置。このような運用で、大枠のデザインはグローバルテンプレートを使って統一。当初、ウェブサイトＡ＝トップページに一般ユーザが利用できるコミュニティブログ(Ｃ)の会員登録、ログインボタンを設置した。 ↓ ここで問題発生！]]> MTQ | Movable Type 5 ユーザーコミュニティに質問を投稿した。投稿内容はこちら→ウェブサイトにコミュニティブログのサインインの整合性は？

権限はブログ単位で発行されており連動させるには、環境変数 SingleCommnunity を設定することによりシステム単位になるということ。早速、mt-config.cgi　に追加。しかし、やはりうまくいかず再度、質問。その後も丁寧な説明をいただいて設定を行ってはみたものの今回は、トップページではサインイン(ログイン)は設けずに一旦、コミュニティブログ(Ｃ)に遷移してもらいサインインするというステップをとることにした。新規登録などは、いきなり登録フォームが表示されるよりも、はじめに登録の説明や記事投稿の方法を理解してもらうことが必要であるため、このステップでも問題ないのでこれでしばらくは運用を行うことにした。なので、CMS構築でのコミュニティブログの運用については、事前の環境設定などが必要である。詳細は、MTQで回答いただいた手順に沿って行うことで、運用が可能ということであった。私はまだ検証することをしていないので、この方法で運用しているサイトがあれば、是非参考に教えて欲しい。いずれにしても、MTQではいろいろお世話になりとても助かった。感謝<(_ _)> 今後、MT5でのコミュニティ・ソリューションを使ったサイト事例や情報量が増えることで、新たなコミュニケーションサイトのCMSのひとつとして確立していけるのではないかと思う。ただ、MTOSにはない機能ということ、利用用途も限られているということもありなかなか難しい点もある。コミュニティ・ソリューションの設定にあたり、管理ページ＞システム＞設定についてのユーザ設定について理解するのは結構難しいと感じた。「ロール」「権限」などの機能を理解することも必要。ただし、この部分の情報も意外に少ない。コミュニティブログを運用・管理する上では、通常ブログを管理するスキルに加えて、もう少し上級のスキルの習得も多少必要になってくる。

6月1日の日の入りは19：06、今日はじっくり夕焼け鑑賞しました

2010-06-01T11:51:21Z

昨日に引き続き、今日も夕日がとてもきれいでした。今日は事務所ビルの３階の外階段から、じっくりと日の入りを楽しみました。国立天文台天文情報センター暦計算室で金沢(石川県)の今日のこよみを調べて、18:50頃から外に出てスタンバイ。地平線もはっきりして、15分間の赤い夕日観測は最高でした。昨日は夕方ランニングに出かけ、途中できれいな夕日に気づき、これは写真に撮らなくては！と夕日に向かって必死に走ったのですが、頑張った甲斐もむなしく到着前に日没。昨日、今日と2日間も綺麗な夕日が見れたのは最高でした。意外に夕日って夕方走っていても、建物にかくれて最後までみれないことが多いし、海にいっても地平線がかすんでいて、日没の瞬間がみれなかったりで、連続で見れたのはなかなかラッキーなこと。]]> 地平線にかかる夕日。

沈んだ夕日。実は昨日ランニング後の間に合わなかった写真(笑)

Google Maps API Styled Map WizardでGoogle Maps APIの地図をカラーアレンジしてみました

2010-05-29T08:31:14Z

Google Japan Blogに「Google Maps API を使って、地図のカラーバリエーションを楽しもう」でGoogleマップの色をアレンジできたり、白地図ができることが紹介されていて、面白そうなので作ってみた。今回はその中の後半で書かれていた「Google Maps API Styled Map Wizard」に興味をもった。但し、このツール、IEでは使用出来ない(笑) Google Chrome, Firefox または Safariでご利用いただけますとのこと。さて、「Google Maps API Styled Map Wizard」で作ったGoogleマップ。 (※最後に実際に作った地図が表示されている) ・道路をピンク系に変更→Style0 ・学校(school)をブルー系に変更→Style1 ２つの設定を行った。]]> 　・まず表示したい場所と縮尺を地図上に表示させる。(左列1行のGoogleMaps) 　・Stylers(左列3行目)のカラーチャート、表示させたい色(ピンク)をクリックする　・Hueに自動でカラーコードが表示されチェックボタンがつく。

　・Feature Type(左列2行目)で2列目一覧のリストから「Road」をクリック　・すると、道路だけが設定したカラーになる。　・必要に応じて3列目のHighway、Arterial、Localをクリックすることで高速道路だけなどの設定もできる。　　またElement TypeのラジオボタンをLabelを選択すると、159号などのマークのみにカラーが設定される。実際、いろいろ変更してみて確認するのがいちばんてっとり早い。２．Style1の設定

　・Feature Typeに別の設定をしたいときは、Styleを追加する。　・上記の図、赤丸の「Add Style」ボタンをクリックすると、右カラムにスタイルが追加される。　・Feature Typeから「Point of internet」→「school」を選択（①) 　・Hueでカラーバーから青部分をクリック(②) 　・決定した色のトーンを変更したい場合は、右横の3つのバーを動かすことで変更ができる。(③) 　・設定が完了したら、青矢印の「Show JSON」をクリックすると、設定したコード、Google Maps APIが表示される。

・このコードをコピーして、通常のマップ表示するコードに追加する。・赤矢印の×をクリックすると、コードが閉じられ、ウィザード設定画面に元に戻る。実際、このコードを追加しただけでは簡単に表示されなかった。 Google Maps JavaScript API V3 Overlaysの Stylersのサンプルコードを元にアレンジした。基本的な変更部分は、・LatLngの部分を自分が表示させたい数値に変更、zoomで拡大率を調整。・var stylez =　以降に、Google Maps API Styled Map Wizardで設定したコードを設定。・body部分で、表示したい地図のpxを設定することで表示される。作った地図は、以下のGoogleマップ(金沢市の道路と学校)↓ このマップのソース ------------------------ 1: 2: 3: 4: 5: Google Maps API Styled Map Wizardで作ったサンプルマップ 6: 7: 8: function initialize() { 9: var stylez = [{ 10: featureType: "road", 11: elementType: "all", 12: stylers: [ 13: { hue: "#ff0088" } 14: ] 15: },{ 16: featureType: "poi.school", 17: elementType: "all", 18: stylers: [ 19: { hue: "#0008ff" }, 20: { saturation: 19 }, 21: { lightness: -18 } 22: ] 23: }]; 24: var myOptions = { 25: zoom: 12, 26: center: new google.maps.LatLng(36.559842397523944,136.65653228759766), 27: } 28: var map = new google.maps.Map(document.getElementById("map_canvas"), 29: myOptions); 30: 31: var styledMapOptions = { 32: map: map, 33: name: "Hip-Hop" 34: } 35: var jayzMapType = new google.maps.StyledMapType(stylez,styledMapOptions); 36: 37: map.mapTypes.set('hiphop', jayzMapType); 38: map.setMapTypeId('hiphop'); 39: } 40: 41: 42: 43: 44: 45: ------------------------ Google Maps API Styled Map Wizardの感想・直感的に使えるツールとしてとても優れている！・Feature TypeのConstantがもう少し詳細に分類されていると応用が効いて、これを利用したアイデアがもう少し広がってくるのでは？具体的には、poi.businessの部分、細分化したカテゴリ選択に分かれて欲しい。・変更した部分だけのコードが表示されるが、この際、ウィザードで表示されているGoogleマップすべてのコードが表示されるようになると、もっといろいろなアイデアが生まれてくると思われる。なにせ、APIのドキュメントは英語のままで日本語化されていないのが、大きな障害である。このAPI関連の日本語化サービスは今後も難しいのだろうか・・・。ここが日本をガラパゴス化する所以でもあるのでは(笑)(→こんなことを思うのは英語ができない私だけかしら^^;) Google Maps API Styled Map Wizardの今後のバージョンアップを期待したい！！関連記事：Googleマップ、Google Maps API V3でアクセスマップを作ってみました（タスクマザー)