Smart -Web Magazine

WEB開発者に嬉しいステキ講座

MENU

Headline

『Google Static Maps API』

2009年5月25日 コメントの追加

モバイル用の地図が欲しいと思い、『Google Static Maps API』を利用しました。
『Google Static Maps API』は、Google Maps APIの静止画像版のようなもので、JavaScriptを使わずに指定された地点の静止画像を表示します。そのため、通常のGoogle Mapsのようにダイナミックに移動したりズームしたりはできませんが、普通の画像として出力されるため携帯電話でも使うことができます。もちろん、添付ファイルとして送付することもできるので、いろいろ利用できそうですね。

利用方法はすごく簡単で、下記のようにIMG要素のSRC属性にhttp://maps.google.com/staticmapを指定し、そのURLにパラメータを追加するだけです。

<img src="http://maps.google.com/staticmap?center=35.645875,139.694416&markers=35.645875,139.694416,red&zoom=16&size=220x200&key=ABQIAAAANWHyAeNi2NcPYEcnv-ElSxQA_I0BqD9IUoV8i73yjf1GEj4aHxSBXtjd7Da6ExpT5zPy__2Cdl3rTQ">

  • center(必須):マップ中央の座標を緯度と経度で指定します(例:center=35.645875,139.694416)。
  • zoom(必須):ズームレベルを0~19の間で指定します(例:zoom=16)。
  • size(必須):表示するマップのサイズを幅×高さで指定します。指定可能な最大のサイズは512x512です。
  • maptype:マップの表示タイプを指定します。値はroadmapとmobileの2種類で、roadmapは標準のマップ表示、mobileは携帯用に見やすくした表示です。roadmapがデフォルトです。
  • markers:マーカーをマップ上に配置します。マーカーを指定した場合、centerやzoomは省略可能です。指定できる内容は、マーカーの緯度・経度、マーカーの色(red,blue,green)、マーカーの文字(a-z)を指定できます。値を|(パイプ、%7C )で区切ることで、複数のマーカーを指定できます。
  • key(必須):Google Maps API キーを指定します。
参考
http://code.google.com/apis/maps/documentation/staticmaps/
このエントリーをはてなブックマークに追加

イタリアン『Barancetta/バランチェッタ』 中目黒

2009年5月21日 コメントの追加

最近、MOVABLE TYPE4.25をインストールして、講座サイトのバックエンドにしようとカスタマイズを楽しんでいます。昔と比べるとずいぶんとユーザフレンドリーになっていますね。そして、ずいぶん進化しています。編集画面にWYSIWYGエディタが導入され、WORD感覚で編集できるようになりました。また、テンプレートタグが大きく拡張されて、変数や制御構造(条件分岐など)が利用できるようになりました。
MTはマニュアルやヘルプ関連のドキュメントが日本語で充実しているのも安心なところです。プログラム経験者であれば参考書はいらないぐらいです。
企業利用でも5ユーザまでは52,500円とお安い価格です。一昔前じゃ考えられないですね。

そんな今日はパスタかなと思い中目黒『Barancetta/バランチェッタ』でランチしました。

中目黒webデザインブログ-バランチェッタ

バランチェッタはとにかくパスタが美味しいのと、前菜、パン、デザートがなかなか素晴らしいんです。お水も瓶とコップのセットなので、なんとなくいい気持です。CP高いのではないでしょうか。

中目黒webデザインブログ-バランチェッタ

変わり種メニューのピッチという手打ちうどん風パスタがあるということなので、迷わずピッチをオーダーしました。トマトベースです。

麺が太くモチモチしているのですが、パスタのイメージからはそんなに外れていません。ありですねー。ただ、アラビアータとプッタネスカは好きなんですけど、酸味が効いている、というぐらいのトマトソース系パスタはそれほど好きじゃないんですよね。なのでソースはそれほど美味しく感じませんでしたが、ここはいつもソースが美味しいので、トマトソースが好きな人にはきっと美味しいはず。

デザートはチョコムース的な感じのケーキ。甘さ控えめで美味しいです。

自家製パニーニランチもあるみたいなので、次はパニーニにしようかな。

店長風のおじさんの接客がもう少しいいとさらに良いと思います!

バランチェッタ (イタリアン / 中目黒、代官山、恵比寿) ★★★☆☆ 3.5

TEL:03-3710-6885
住所:東京都目黒区上目黒1-16-6
営業時間:
11:30~14:30 18:00~24:00
ランチ営業、夜10時以降入店可、日曜営業
月曜日

このエントリーをはてなブックマークに追加

まえがき

2009年5月20日 コメントの追加

本講座で用いる表記

本文中などで用いる書体の規約は以下のとおりです。

文字 意味
ゴシック体 重要な技術用語
ローマン体・太字 リスト、出力例、本文中でのリストなどの引用
斜体 任意の文字に変換されるもの

特殊文字は、次の呼称で統一しています。

文字 意味
スペース ASCII コード 0x20 のスペース
改行文字 ASCII コード 0x0a 。ダブルクォート文字列内で \n で表される文字。
空白文字 スペース、タブ、改行文字などの総称。

カッコ類は、次の呼称で統一しています。

記号 英語 表記
() parenthesis カッコ
<> angle bracket アングルブラケット
 [] square bracket スクエアブラケット
{} curly brace カーリーブレース

引用符は、次の呼称で統一しています。

記号 英語 表記
' single quote シングルクォート
" double quote ダブルクォート
' back quote, backtick バッククォート

アイコンなどのシンボルマークは、以下の意味があります。

マーク 表記
コメント コメント
新しいウインドウ 新しいウインドウ
他サイトへのリンク 他サイトへのリンク
TRY! テクニック紹介
用語の解説 用語の解説が下段にあります

四角の枠に囲ってある段落で、> というマークは出力行、もしくはコマンドラインを意味します。

print "Hello\n";
> Hello

謝辞

インターネットのおかげで無料で勉強でき、プログラムの仕事をするようになりました。とても感謝です。そのお返しという程でもありませんが、勉強の成果を公開することにしました。

この講座に掲載した情報のすべては、インターネットからかき集めたものが大半です。その情報が正しいものかどうかはボクの目で確かめたのですが、それはちょっと怪しいものですので、間違いや誤解などが含まれている可能性があります。
ということで、ちょっとおかしいなと思ったら、すぐにメールしてくださいね。

次にこの講座にきたときは、ただしい文章が掲載されていると思います、たぶん。

このエントリーをはてなブックマークに追加

[MySQL] my.confで文字コードの設定

2009年5月20日 コメントの追加

MySQLの設定を行いました。
まずはアカウントと文字コードの設定です。
MySQLの文字コード設定は /etc/my.conf で行います。my.confはデフォルト設定がされているので、それに下記を追加しました。文字コードはUTF-8を指定しています。

[client]
default-character-set = utf8
[mysqld]
default-character-set = utf8
# サーバーの文字コード設定をクライアントでもそのまま使う
skip-character-set-client-handshake
[mysqldump]
default-character-set = utf8
[mysql]
default-character-set = utf8

設定後、MySQLを再起動します。

/etc/init.d/mysqld restart

確認は、再度MySQLにログインし、以下のコマンドを入力しましょう。

mysql> show variables like "char%";
+--------------------------+----------------------------+
| Variable_name            | Value                      |
+--------------------------+----------------------------+
| character_set_client     | utf8                       |
| character_set_connection | utf8                       |
| character_set_database   | utf8                       |
| character_set_filesystem | binary                     |
| character_set_results    | utf8                       |
| character_set_server     | utf8                       |
| character_set_system     | utf8                       |
| character_sets_dir       | /usr/share/mysql/charsets/ |
+--------------------------+----------------------------+
8 rows in set (0.00 sec)

UTF8になっていますね。

このエントリーをはてなブックマークに追加

iStockphoto.com オーディオや楽曲をダウンロード提供

2009年5月19日 コメントの追加

iStockphoto.comは静止画や動画、ベクターイラスト、Flashファイルなどのダウンロードサイトで、今回、11,000点以上の効果音や楽曲を著作権フリーで新たに提供を開始しました。そのほか、18,000点以上の楽曲もシングルユースにて提供します。

視聴ではコマーシャルがオーディをにかぶさりますが、ダウンロードの際は原曲のままです。

今まで利用したことなかったですが、写真素材がかなり安いです。また、結構使いやすい写真が多く、古臭いものとかが少ないように感じました。

このエントリーをはてなブックマークに追加

パスタ 『KURA』 -中目黒

2009年5月15日 コメントの追加

「最初に自分が持っていたアイデアや、作品としての純粋性が失われていくことに対して、肯定的にとらえていく。行き止まりに来た時こそチャンスだと考え、それを乗り越えてさらに良いものにしていくことを考える。」

という有名な建築家の言葉を知って、最近感じていたことがようやく言葉になりました。 プログラムでもコードが汚れるのは嫌なんですけど、デザインでも同じで、受け入れつつベストを尽くすのが大事だと思います。

中目黒webデザインブログ-紀州梅とツナのペペロンチーノ

ということで、本日はパスタがとても美味しい『KURA』のご紹介。
中目黒駅の東急ストア近くにあるお店ですが、2階なのでちょっとわかりにくいかもしれません。中もこじんまりとしてて、特におしゃれでもないです。

でも!でもパスタが美味しいんです。気を付けたいのは、中目黒店はサラダやトースト、アイスコーヒーはちっとも良くないので、ランチだったら単体でパスタだけ頼む方がよいかもしれません。うーん、ランチセットにも力を入れてくれるとよいのですが。

どのメニューも味がしっかりしていて麺もばっちり、とても美味しいです。ボクは特に紀州梅とツナのぺペロンチーノがすごく好きです。梅とツナが本当に合うんですよね。

KURA 中目黒店 (イタリアン / 中目黒、代官山、恵比寿) ☆☆☆☆ 0.0

TEL:
0066-967-720019
住所:東京都目黒区上目黒1-19-5 小西ビル 2F
営業時間:
11:30~24:00
ランチ営業、夜10時以降入店可、日曜営業
定休日:
年末年始

このエントリーをはてなブックマークに追加

蕎麦 『蕎麦 あん』 -中目黒

2009年5月13日 コメントの追加

中目黒は蕎麦の激戦区といってよいぐらいそば屋さんが多いのですが、女性も安心して入れるお店といえば驀仙坊(ばくざんぼう)がイチオシでしたが、最近は区役所近くにできた『蕎麦 あん』に良く行きます。なぜなら驀仙坊にはランチメニューありませんが、あんにはあるんです。そして、美味しい火薬ご飯的なものや蕎麦湯が美味しくてリーズナブル。特に、今日食べた鴨南蛮はいいです!

中目黒webデザインブログ

中目黒webデザインブログ
ボクは蕎麦といえばまず鴨南蛮を頼むのですが、あんの鴨南蛮は鴨肉が香ばしくてなかなかの厚切りで素敵です。

事務所からだとちょっと遠いんですけどねー。

話は変わってサイトのリピーターについてです。
ECサイトなどの場合、購入回数の統計を取ると1回目の購入から2回目の購入が一番人数が減るところで、それ以降はゆるやかにに減っていくそうです。

amazonなどの大手は別ですが、小さなECサイトなどの場合、2回目も買いに行くかは結構気に入ったかよほどの動機がないと忘れてしまいそうですよね。そういう場合は、忘れたころのメーリングリストなんでしょうね。

アフェリエイトサイトの場合は通常のECサイト以上の努力が必要ですね。

蕎麦あん (そば / 中目黒、祐天寺、代官山) ★★★★ 4.0

残念ながら閉店のようです。

このエントリーをはてなブックマークに追加

『鶏味座』 -中目黒

2009年5月11日 コメントの追加

框堂、風土など中目黒、恵比寿、青山界隈で大人向け居酒屋を展開しているウイル・インターナショナルが、中目黒店にある『じびえ』で親しまれていたダイニングバーを『鶏味座』としてリニューアルオープン。鶏味座に生まれ変わりランチ営業も始めました。

ボクは親子丼が好きで、中でも軍鶏の親子丼には目がありません。濃厚な卵がオレンジ色で、トロットロでたまらなーいんですよね。うきうきしながら食べに行きました。

お店は中目黒駅から山手通りを池尻方面に歩いていき、ブックオフ手前で目黒川方面に右折すると左手側にあります。お蕎麦の『驀仙坊』のすぐ近く。地下ですが、立て看板がでているのでわかると思います。

オーダーは炭火焼親子丼。あまり待たずに運ばれてきた丼は素晴らしいの一言。

中目黒webデザインブログ-炭火焼親子丼

黄身を割るとまだ食べていないのに濃厚さがわかります。トローリとご飯にからまっていくのがたまりません。パクッと一口、炭火の香ばしさが口の中に広がり、お肉がなかなかのジューシー。お味噌汁は赤みそ、お新香が辛くてナイスです。
お店のスタッフがうるさ過ぎない程度に元気なのも気持ちいいです。

そうそう、わかりにくいのですが、入り口で靴を脱いでください。

話は変わってお仕事。
アフェリエイトとドロップシッピングを会社で始めようと思っていたのですが、調べたところ売れているのはコスメや健康食品、禁煙グッズで、そのほかの商品は数える程度、デザインやサイト構成なども限られることから、事業としてやるのはちょっとどうかなーという気がしてきました。個人でお小遣い稼ぎになるのはいいと思うのですが、デザイン会社がやるのはちょっと抵抗があります。
そこで、やはり昔から親しみのあるamazonを使おうかなと検討中。
儲けを出すにはどうしたらよいか考えたのですが、たとえばCDを販売するとして、それを1日20点ほど売り上げた場合、利益は下記のようになります。

20点×30日×2000円×6.25%=\75,000

となります。
一日20商品売るだけでも大変だと思いますが、それでも儲けは月額7万5千円です。
うーん、同じ手法で商品ジャンルごとにいくつかサイトを立ち上げて、というパターンになるのでしょうか。
いろいろ考える必要がいますねー。

鶏味座 中目黒店 (焼鳥 / 中目黒、代官山)
★★★★ 4.0

TEL:03-5725-3130
住所:
東京都目黒区青葉台1-22-4 マ・モール B1F
営業時間:
[月~木]11:30~15:00 18:00~24:00(L.O.23:00)
[金]11:30~15:00 18:00~翌4:00(L.O.翌3:00)
[土]18:00~翌4:00(L.O.翌3:30)
ランチ営業、夜10時以降入店可
定休日:日・祝日

このエントリーをはてなブックマークに追加

Jump to the top