PRESSMAN*Tech

セールスプロモーション & Webトレンド最新情報

カテゴリー:Tech & Tips

CSS3でかっこいいボタンを作ろう【第一回:入門編(border-radius、text-shadow)】

ようやくIE9が正式リリースされ、そろそろHTML5、CSS3を勉強しようと思っている方も多いんじゃないでしょうか。そこで今日から数回に渡って、CSS3のみでデザインされたボタンを作成するチュートリアル記事を書いていこうと思います。

最終目標はこのボタンです。(Safari、Chrome、Firefox5+だとマウスオンで動きます)

Button

CSS3非対応ブラウザをお使いの方用に画像も載せておきます。

完成ボタン

今回は初級編ということで、比較的とっつきやすいプロパティのみを使ってボタンを作ってみましょう。

続きを読む

OAuthをPHPでイチから書いてみた(その2)

その1で認証画面を表示するところまでたどり着きました。この時点ではリクエストトークンは未認証の状態です。
まあ、認証画面でこれから認証してもらうわけですし当たり前ですね。
それでは「アプリを認証」ボタンをポチッとな・・・・・・・。
コールバックURLに設定したURLにリダイレクトされました。コールバックURLにoobを設定していた場合はPINコードが出ます。

コールバックURLにリダイレクトすると以下のようなパラメーターがURLに付いてくるはずです。これがユーザーに認証されたリクエストトークンとなります。これを使用してアクセストークンを取得していきます。

続きを読む

OAuthをPHPでイチから書いてみた(その1)

いろいろなWebサービスで採用されているOAuthは、OAuth用のライブラリを使ってしまうと簡単に実装できます。
しかし、OAuthがなんなのか、いったい何をしているのかイマイチわからないまま実装されてしまうこともある?ような気がしました。
そこで、どのようにしてWebサービスへのアクセスが可能になるかをイチからプログラムして理解しようという目論みです。OAuth2.0がでて手続きが簡単になるとの話も聞きますが1.0です。

何が例によってだかわかりませんが、とりあえず例によってTwitterでやってみます。

下記の様な画面を出すのを「その1」の目標にしましょう。
Twitter OAuth

まずは、下記URLにアクセスしてアプリケーションの登録をしてみます。

続きを読む

▲ 先頭へ戻る