ITキヲスク | コレだけ知れば十分捗る！「正規表現」たった2つのポイント
長文テキストから必要な文字列を抜き出したり、HTMLソースから欲しいトコを抽出したりしたい時、役に立つのが「正規表現」。 使えるようになるとメチャクチャ便利なんですが、記号の羅列っぷりに気押されして、初めはなかなか手をつけられないんですよねー。 自分自身まだまだヒヨッコではありますが、それでも「たったコレだけ知ってるだけでも、効率がガクンと上がったよ！」という正規表現について、ご紹介しちゃおーと思います。 サンプルは基本的にPHPのモノですが、内容はPerlでもテキストエディタの検索/置換機能でもおおよそ同じかと思いますので、そこら辺は各自で適宜読み替えつつ、ご覧になって下さいまし☆ 「正規表現」2つのポイント 本題の前に（正規表現とpreg_replace関数・preg_match関数について） 正規表現自体イマイチ良く分からんって方のためにカンタンに説明すると、正規表現とは「あらかじめ
Google Maps APIとPHPを使って郵便番号から住所や緯度経度を取得する方法
ここんとこスキや合間を見計らって、当方運営のwebサービス「フリーランサーズ パーク」をリニュってます。 フリーランサーズ パークでは、ユーザーさんが入力した郵便番号から住所や緯度経度を弾き出してるんですが、その際に使用しているのが「Google Maps API」です。 APIのバージョンが3になってからは認証キーなども必要なくなり、動作も軽快で出力形式もJSON/XMLが選べたりと、なにかと手軽に使用できるようになりました。 郵便番号のみならず、市区町村の文字列からも緯度経度を取得できますし、いわゆるジオコーディングには最適のAPIなんじゃないかと。 っちゅーコトで今回のエントリーでは、このGoogle Maps APIをPHPでゴニョゴニョして、都道府県や市区町村、緯度経度なんかを取得する方法をご紹介します☆ Google Maps APIとPHPで郵便番号からジオコーディングする方
【CSS 中級講座】floatを解除するclearfixのビューティフルな実装法
さて【CSS 中級講座】シリーズ第２弾は、CSSコーディングには必携の知識「clearfix」について。 なんらかの要素を float した場合、しっかりそれを解除しないと続く要素にも影響しちゃって、レイアウトが崩れてしまいます。 そんな困った時に使われる「float状態を解除する方法」を通称して「clearfix（クリアフィックス）」と呼ぶのですが、実はいろいろな方法があります。 有名所としては「:after疑似要素 + contentプロパティ + IE用ハック」ってのがありますが、そんな手間をかけずとも、もっとシンプルにfloat解除する方法、あります！ そんな訳で、さっそくいってみましょー！ 実装前の状態 まず最初に、clearfixを使う前の「レイアウト崩れてもうた」状態のマークアップをば。 <div id="contents"> <div id="main"> <p>ここは<b
【CSS 中級講座】横並びにしたliタグで隙間が出来る問題のエレガントな対応策
リストタグ（li タグ）に対してCSSで display:inline や display:inline-block を使って横並びにしようとすると、なぜか横に2～3ピクセル程度の意味不明な隙間が生じます。 初めて遭遇した時は、慌てて自分の書いたCSSを確認したり、仕方無しに float:left に書き換えたり、マイナスマージンで誤魔化したりしたって方も多いんじゃないでしょーか。 が、この問題の主たる原因はCSS側ではなく、HTML側の「改行」。 とはいえ「見栄え」の問題なので、HTMLをどーこーするのは気持ち悪い。 そんな時には今回ご紹介する対応策！CSSにほんの少々の手を加えるだけで、この謎の隙間から完全に開放されちゃいます！ さぁさぁ、寄ってらっしゃい見てらっしゃい♪ 横並びにしたliタグで隙間が出来る問題の対応策 まずは現象を再現してみる 下記マークアップで現象は再現されます。ま
新人webデザイナーに知っていて欲しい6つの基礎知識
光陰矢の如く、あと１月ちょいもすれば新卒採用の新人webデザイナーも入社してくる時期となりました。 受け入れる側ももちろんですが、当の本人も「現状、webデザイナーとしてどこまで出来んの？」って不安は、どこかしら持ってるんじゃないでしょーか。 というコトで今回のエントリーでは、これから未経験でwebデザイナーの世界に飛び込んでくるという方に、とりあえずこれだけは知っといて！ってゆー基礎的な知識を、個人的見解ではありますが６つほどピックアップしてみたいと思います。 あくまで基礎 + 個人的なお話なので、鬼軍曹みたいな先輩にしてみれば「知ってて当然」くらいかもですが (^^;) 新人webデザイナーに知っていて欲しい基礎知識 1.「Photoshop / Illustrator」の基本的な操作方法 webデザイナーである以上、ココは絶対に外せないトコだと思います。 いくら「未経験からでもしっか
たった一人でwebサービスを作るための、６つの技術と４つの知識
ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない！」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる！ webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
