[PHP]アーカイブ
デザイナーでもPHP使いたい！シリーズ第二弾です。
第一弾はPHPとTwitterAPIを利用して、自分のタイムラインを表示してみる＠デザイナーです。こちらを先に読んで頂くと、より分かりやすいかと思います。
今回は、第一弾で作成したTwitterのタイムラインを表示するプログラムを、APIを叩いてから1時間以内はキャッシュを利用して表示するやり方を書いていきます。
twitterAPIって確か1時間に何回もリクエストすると規制されちゃったような。。。コメント欄@iskrさん
なので1回取りに行ったら1時間以内は取りにいかないみたいな処理が必要かなと。
という指摘をコメント欄で頂きました。こういう指摘を頂けると公開する意味がありますね。
ただ、公開する際にはセキュリティについても合わせて考えてていかないといけないので、以下の記事を熟読する事をお勧めします。
正直良く分からない部分もありますが、意識するように心がけています。
- PHPで誰でも簡単Webサービス製作！でなんか作って公開した奴ちょっと来い - 甘味志向＠はてな
- XSSとセキュリティリスク - ぼくはまちちゃん！(Hatena)
- Re:PHPで誰でも簡単Webサービス製作！でなんか作って公開した奴ちょっと来い[to-R]
- 自分でできるWebアプリケーション脆弱性診断 - デブサミ2010
- XSSとセキュリティリスクと正しい脆弱性報告のあり方 - 最速転職研究会
では、また前置きが長くなってきたので本題に。
10/02/26追記
コメントで指摘頂いたキャッシュ対応版作成しました。合わせてご覧下さい。
PHPの勉強の為にTwitterのAPIを使用して、まずは自分のタイムラインを表示してちょこちょこ修正を加えてみたいと思います。
完成イメージはサンプルをご覧ください。
⇒TwitterAPIサンプルページ
ちょっと熱くなって前置きが長いので、本題だけ早くという方は目次までスクロール↓して下さい。
PHPの勉強にあたってデザイナーが読んだ方が良い記事
最近デザイナー×PHPに関する以下の記事を読みました。
このブログでもちょこちょこPHPには触れていますが、まだまだ持ってきたScriptをちょいちょい修正する程度のレベルです。
スキルレベルはPHPアーカイブを見て頂ければ大体分かるかと。
ただ、この程度でも出来ると凄い楽しいんですよね。
デザイナーがphpが書けるようになるとどうなるかというと、当然、すっげー楽しくなります。 なんでかというと、自分の頭の中で膨らませた妄想サービスを、ノーストップで世界中に公開できるから。デザイナーがwebサービスを10週間で作れるようになる方法。
ですね。出来た時はとりあえずメッセやらフル稼働で人に見せますｗ
激しく同意→「デザイナーはphpを覚えると楽しいよ！」RedLine Magazine : PHPを勉強する事についてデザイナが思う事。
知らなかった事と中途半端だった知識がピーン（←ニュータイプの効果音）と連結する瞬間に遭遇した時とか「うひょーー」ってなります。
「うひょーー」ｗ皆さん同じようでなんか嬉しくなりました。
デザイナー視点での話は両サイトに凄い良い感じに書かれていますので、この辺にして本題に。
画面内に付箋を貼るようなUIの掲示板を作れるPHP＆jQueryなサンプルプログラム:phpspot開発日誌を改良しつつこのブログに設置してみました。
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」 | DesignDevelopでも紹介されていますね。
動作は以下からご確認下さい。
⇒ペタペタ掲示板
設置にあたってデフォルトからカスタマイズした点は以下の通りです。
- 表示条件
- 日本語化
- 書き込み時にメール送信
それでは設置の手順を紹介して行きたいと思います。
PHPを使用してブラウザ毎に異なるお気に入りに追加ボタンを表示するサンプルです。
「お気に入りに追加」ボタンは、Webリテラシーの高いユーザーを想定している場合には余り役に立たないかも知れません。 ですが、そうでない場合にはまだまだ有効な手段かと思います。思い立った経緯は以下サイトの右上の辺りを見たから。
⇒BlogPeople - ブログ情報ポータル・ブログランキング
こちらのサイトではJavaScriptを使用してブラウザ毎に表示を切り替えていますが、本来こういった処理はサーバー側で行うべきだと思います。
完成した形は以下のようになります。（複数ブラウザで切り替えてご覧ください。）
⇒PHPを使ってブラウザ毎に「お気に入りに追加」ボタンを表示するサンプル
挙動はFx3、IE7、Opera9.63、Win版Safariで確認しています。
では以下にサンプルコードを。
JavaScriptライブラリjQueryとPHPを使って素人でも簡単に更新が出来るフォトギャラリーを作成してみました。
作成したといっても色々プラグインを合わせてみたりコードを参考にさせてもらったりですが。ImageSliderってのは私が勝手につけた名前ですw
まずはデモから。
→ImageSlider
サンプルの写真は写真素材 足成【フリーフォト、無料写真素材サイト】から拝借しました。
詳細は以下よりどうぞ。
勉強がてら何かPHP書きたいなぁ～と思い少し考えてみました。
PHPを利用して投稿者毎に異なるリンク先を生成する
このブログは二人で運営していてそれぞれiddy | ブロガー向けプロフィールページASPでプロフィールページを持っています。
そこへのリンクをPHPで生成してみようと思います。
今回はPHPでブラウザを判別して処理を切り分ける方法をご紹介します。
※PHPに関しては乏しい知識の為ご指摘歓迎です。
lightbox.jsとFlickrの共存
先日巷でだいぶ前に話題のlightbox.jsを導入しました。
lightboxとはサムネイルもしくはリンクをクリックすると、オーバーレイして表示されるというものです。
ページの読み込みが終わってから↑の画像をクリックして見て下さい。
どうやらページの読み込みが完了しないとJavaScriptがしっかり機能しないようです。
導入はMovableType備忘録: サムネイルをLightbox JSで表示してみるを参考にして順調に進みました。
続きは以下よりどうぞ。
caraldo_K
Webディレクター的な事やってます！
iPhone楽しい！マラソン・ロードバイクで肉体改造計画中！でも一番好きなのは漫画です㌰㌰⋋( 'Θ')⋌㌰㌰
poooooon
最近Web屋になりました。iPhoneとねこが好きです。ロードバイクは好きと良く言いますが全然乗ってません。
- Web [57]
- スマートフォン [14]
- Android
- iPhone [14]
- デザインツール [12]
- Fireworks [3]
- Illustrator [1]
- Photoshop [6]
- パソコン [29]
- プログラミング [43]
- JavaScript [20]
- MovableType [22]
- PHP [8]
- 個人的ななにか [50]
