Own products

  • 新規事業のアイディア創造機

Tutorial

2012
12/11

Google Maps APIとPHPを使って郵便番号から住所や緯度経度を取得する方法

この記事の読了時間:約96

ここんとこスキや合間を見計らって、当方運営のwebサービス「フリーランサーズ パーク」をリニュってます。

フリーランサーズ パークでは、ユーザーさんが入力した郵便番号から住所緯度経度を弾き出してるんですが、その際に使用しているのが「Google Maps API」です。

APIのバージョンが3になってからは認証キーなども必要なくなり、動作も軽快で出力形式もJSON/XMLが選べたりと、なにかと手軽に使用できるようになりました。

郵便番号のみならず、市区町村の文字列からも緯度経度を取得できますし、いわゆるジオコーディングには最適のAPIなんじゃないかと。

っちゅーコトで今回のエントリーでは、このGoogle Maps APIPHPでゴニョゴニョして、都道府県市区町村緯度経度なんかを取得する方法をご紹介します☆

»続きを読む

Tutorial

2012
09/12

【CSS 中級講座】CSS3の各種ベンダープレフィックスは未だ必要か調べてみた

この記事の読了時間:約54

さてさて第3弾となる【CSS 中級講座】ですが、今回は個人的にメンドくさくて仕方ない「ベンダープレフィックス」について。

ちょくちょくみかける”-moz-”やら”-webkit-”ってヤツです。

これは、草案段階のCSS3プロパティなどに対して、各ブラウザ側で実験的に実装するために用意されたモノ。

実験的な状態から恒常的な実装となった場合、該当ブラウザベンダープレフィックスは必要なくなりますが、それがいつ不要となったのか、なかなか調べる機会もありません。

っちゅーコトで、2012年9月12日現在、主要なCSS3プロパティベンダープレフィックスが未だ必要なのかどうか最新情報をいくつか調べてみましたよ!

»続きを読む

Tutorial

2012
09/11

【CSS 中級講座】floatを解除するclearfixのビューティフルな実装法

この記事の読了時間:約512

さて【CSS 中級講座】シリーズ第2弾は、CSSコーディングには必携の知識「clearfix」について。

なんらかの要素を float した場合、しっかりそれを解除しないと続く要素にも影響しちゃって、レイアウトが崩れてしまいます。

そんな困った時に使われる「float状態を解除する方法」を通称して「clearfixクリアフィックス)」と呼ぶのですが、実はいろいろな方法があります。

有名所としては「:after疑似要素 + contentプロパティ + IE用ハック」ってのがありますが、そんな手間をかけずとも、もっとシンプルにfloat解除する方法、あります!

そんな訳で、さっそくいってみましょー!

»続きを読む

Tutorial

2012
09/10

【CSS 中級講座】横並びにしたliタグで隙間が出来る問題のエレガントな対応策

この記事の読了時間:約356

リストタグli タグ)に対してCSSで display:inline や display:inline-block を使って横並びにしようとすると、なぜか横に2~3ピクセル程度の意味不明な隙間が生じます。

初めて遭遇した時は、慌てて自分の書いたCSSを確認したり、仕方無しに float:left に書き換えたり、マイナスマージンで誤魔化したりしたって方も多いんじゃないでしょーか。

が、この問題の主たる原因はCSS側ではなく、HTML側の「改行」。

とはいえ「見栄え」の問題なので、HTMLをどーこーするのは気持ち悪い。

そんな時には今回ご紹介する対応策!CSSにほんの少々の手を加えるだけで、この謎の隙間から完全に開放されちゃいます!

さぁさぁ、寄ってらっしゃい見てらっしゃい♪

»続きを読む

Extra

2012
07/03

フリーランス仲間を募集しちゃうよ!というお知らせ

この記事の読了時間:約217

まぁ、タイトルどおりのお知らせなんですが。

ツテ0コネ0計画性0でフリーランスとなってから早や1年以上が経ち、ありがたいコトにご依頼頂く案件も徐々に増えて参りました。

基本的には余裕のあるスケジューリングで動けているのですが、時折タイミングがかち合っちゃって手一杯になってしまったり、今まで以上に重厚な案件にアサインして頂けるようになった結果、かかりっきりになる時間が増えたりして、もー少し身軽に立ち振る舞えなきゃいけんがん!と。

というワケで、末永くお付き合いできる飲み仲間フリーランス仲間を探しておりますっ!

»続きを読む

  • このブログのRSSを購読する
  • このブログをtwitterでつぶやく
  • このブログをFacebookで共有する
  • このブログをはてなブックマークで共有する

Contact

お名前※必須

ご連絡先メールアドレス

お問い合わせ内容※必須

CAPTCHA

captcha

Blog parts

Affiliate