サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
redline.hippy.jp
PHP ランダム表示機能付きバナーリンク集 画像のアップロードについて勉強したので、タイトルの通りバナーリンク集、的なものを勢いで作ってみた。以前、実務でバナー画像を並べる部分があって、それをアクセスするたびにランダムで並び替えたいみたいな要望があった。その時は手打ちで配列に内容を入れてjavascriptで並び替えるっていう方法を使おうってことになったんだけれども、んじゃそれ、PHPでやってみる! 用意する機能 URLと画像の登録 それらの修正 それらの削除 表示件数指定(全件表示か件数指定選べるようにする) ランダム表示指定(ランダム表示するかしないか) 別窓指定(バナーをクリックした時_blankで開くかどうか) 用意するファイル config.php いろいろ自分で設定した項目を入れる data.dat ログデータを保存する /images 登録した画像を保存するディレクトリ fu
PHP ファイルのアップロード 勉強メモ フォーム側のお約束事はこれだけ form要素に「enctype="multipart/form-data"」を追加する。 inputのtype属性には「file」を指定。 必ずPOSTメソッドを指定。 アップロード処理の流れ フォームに入力→送信 テンポラリファイルとしてアップロードされる ディレクトリにコピーして保存 テンポラリファイルとしてアップロードされたままにしておくと処理完了と同時に削除されてしまうので、ファイルを保存するために書き込み権限のあるディレクトリにコピーする。 $_FILES アップロードされたデータの内容は「$_FILES」に入る。 $_FILES['userfile']['name'] クライアントマシンの元のファイル名。 $_FILES['userfile']['type'] ファイルの MIME 型。ただし、ブラウザが
カラム落ちとか自分のコーディングとかの話 先日の自分もプロパティの書き順とかのエントリに頂いたブクマコメントでこういうのがありました。forestkさん、コメントありがとー。 padding, margin が width, height の側に無いと調整してたら 「カラム落ちした!どこ?どこのサイズがでかいん!?」 とかならないですか? 結論から言うとならないようにしてます。というか、後からwidthをいじる必要がないように計算機使いながらやってます。探さなくていいように紙も使ってます。 せっかくなのでその辺り含めて、カラム落ちやコーディング手順について書いてみようかなと思いました。(前にもちょっと書いた記憶があるけど) ボックスについて カラム落ちって外枠のボックス自体に問題がある場合と中身に問題がある場合の2パターンあると思うんですが、まずボックス自体について。 頭の中の前提 2段組
自分もプロパティの書き順とか CSS HappyLife の中の人がTwitterでブログのネタが無いってぼやいてたので、プロパティ(宣言)の書く順番が気になるからそれネタにしてくだせーってリクエストしたら書いてくださったヽ(´ー`)ノ 自分のプロパティの書き順とか|CSS HappyLife ありがとうございますありがとうございますー! 何で今頃そんな事が気になったのかと申しますと、CSSのプロパティをアルファベット順に書くと探してる箇所を見つけるのが速くなるぜという話をこちらで拝見したんですよ。「2. Alphabetize」ってとこね。 5 Ways to Instantly Write Better CSS - NETTUTS まぁそれもひとつの手だなぁとは思った。日本人なのであまりアルファベット順を普段意識しないし、私自身がそれを実行して速くなるかどうかは不明だけれども。 複数人
FeedBurnerからGoogleへ移行しました だいぶ前からFeedBurnerのアカウントをGoogleのものにいずれ移行せねばならんというのはいろいろ見かけてたんですが、そのうちそのうちと言ってる間に忘れてて今日この記事を拝見して速攻で移行しました。 目前まで迫っているFeedBurnerからGoogleへのアカウント移行期限 | WebとPCのメモ帳 いつの間にか2月末までに移行しなきゃならないって話になってたんですね・・・。危ない危ない。移行手順は特にややこしかった点もなく、上記サイトに書かれてる手順で問題なく進みました。 Adsenseを使用しているGoogleアカウントにログインし、「Adsense設定」→「フィード向けAdsense」をクリック 下の方の「FeedBurner フィードを Google アカウントに移動」をクリック FeedBurnerのIDとパスワードを
dat から1行ずつ抜き出して xml 書き出し タイトルの通りなんですが、あるプログラムではログファイル用にdatファイルが使われてて、内容を区切り文字で結合したものを1行1データって形で保存されてる。でも最近メインで使ってるシステムは1ファイル1データのxmlファイルで保存してる。 で、管理している人は思いました。「なんかもうdatの方のプログラムも新しいシステムの方に統合しちゃえばよくね?でもdatファイルの中のデータの量すげーな。これ、新しいシステムの管理画面から1つ1つ私が入力していくの?いや、それ余裕で無理。なんとかしてdatファイルの中身をxmlファイルに変更できないものかな・・・。ラク~にxmlファイルに変換さえできれば後はなんとかなるのに><」 じゃあせっかくPHP勉強中だから、挑戦してみる! というのが今回の趣旨。web上で使うものじゃなくて、あくまでローカルで手作業を
ここがHTML5なのだ!な点。 朝からSafari4祭りになってた。で、このページHTML5だった。 アップル - Safari - Safari 4の登場です。 - 目の前にひろがる新しいウェブの世界。 HTML 5 ― HTML 4 からの変更点 先日このページ、印刷して読んだ。でもHTML5ってまだ先の話のように勝手に感じてた。だけど今日そのページ見て近くなってんじゃん・・・って不安になったので、アップルさんのページ見ながらHTML5な部分を読む。 DOCTYPE <!DOCTYPE html> HTML5の構文ではDOCTYPE宣言は「<!DOCTYPE html>」となる。大文字、小文字の区別はなし。HTML5ではDOCTYPEを標準モードのトリガーにしてる。 2.2 DOCTYPE 文字コードの指定 HTML5では文字コードの指定は3種類ある。BOM付けるか、サーバー側のヘッダ
実体参照に変換するやつ作りたい 来週まで忙しくなりそうなんだけど、せっかくPHP勉強してんのに少し休むとすぐに忘れてしまいそうなので、ちょっとでも何かやって記憶を繋いでおかなきゃ・・・と思った。ちょうど手があいたので、ちょっと勉強する。 こういうブログを書いてるとソースをエントリに記載する事も多いのですが、一旦実体参照に変換してから書かなきゃならないじゃないですか。そういうのパパっと変換できるツールを提供してるサイトもいろいろあるんですが、それ、PHPでどうやったらいいんかな、というのが今日の課題。以前コメント欄にソース書いてくださった方で「<」や「>」を含むソースを直接書いてくださったんだけど消えちゃってたみたいな事もあったような気がするので、その辺りでも使えたらいいな、と。 変換するものを考える 考えるって大袈裟だけど、とりあえず変換せねばならんのが「& → &」「< → &l
jQueryでパンくずをうまくスペースに収める jQueryとプラグインを使ってパンくずを限られたスペースにうまく収めるネタ。動きもいい感じ。 >>CompareNetworks jQuery'd Bread Crumb - jBreadCrumb This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages.って書いてある通り、深い階層になってて、すごい長い名前が付けられたページのパンくずに対応できるようにって趣旨みたい。 >>サンプルページ 英語だとこのままでいいんかもしれんけど、日本語だとデフォルト指定の状態で隠れてる状態が最初の1文字目の半分くらいしか見えないから、jquery.jBreadCrumb.jsの中の最後のいろいろ指定する部分「previewWidt
htmlSQL すごかった。感動した。 PHPでtitleタグの中身を取り出すのにfile_get_contentsで全部htmlソース取得する方法以外に何かいい方法ないのかなみたいな事を書いたら、コメントにて「htmlSQLというモジュールが便利です。」とお教え頂いたのでさっそく試した。 >>jonasjohn.de: htmlSQL - a PHP class to query the web by an SQL like language >>htmlSQL - live example (デモ) すごいぞ。すごい細かい事まで指定できるぞ。 SQL文ちっくな書き方で抜き出したいものを指定してゲット。素人にも分かりやすい使い方で安心。ダウンロードするとデモが十数種同梱されてたので観察。titleの中身だけ欲しい時は「SELECT * FROM title」とか「SELECT text
PEAR::Authで認証してみたい ログインとかログアウトとか、どういうやり方で実現するんだろうなーなんて思ってて、そういえばPEARの中にそういうのあったなーと。ということで、PEAR::Authを使ってみたい! Manual :: Auth PEAR自体は前になんか実験してた時にちょろっと使った事があったので、インストールどうこうはスルーで。ていうか、XAMPP使ってるのでAuthも元々インストール済だったかも。まずManual :: 使用例のページで導入についてを熟読・・・いざ真似してみる。 データベースを用意する 上記ページの例ではログインデータの検証にデータベースを使ってるので、こっちもデータベースの用意をする。 ちなみに私のデータベースの知識は「MySQL入門以前」という入門書を読んで、最後の「なんでもデータベースを作る」まで頑張った程度。(初めてMySQLやってみる人にはこ
get_meta_tags とか便利すぎる! get_meta_tags とか便利すぎる!というつぶやきをTwitterで見かけて何それ何それ!というノリで調べてみた。(Twitterの公開はプロテクトされてるようなので直接発言にリンクはしないけれども) get_meta_tags ファイル上のすべてのメタタグ情報を配列に展開する おお。なんかすごいぞ。やってみる。まずmeta書いた。geo.positionはいいや。 <meta name="author" content="red_hippy"> <meta name="keywords" content="php,勉強,get_meta_tags"> <meta name="description" content="descriptionの内容"> 次、phpの方。 <?php $tags = get_meta_tags("ファイル
PHPでよく使われてそうな変数名 CSSの人ならcontainerとかwrapとかあれとかこれとか、なんかいろいろ「よく使われてる」のclassやid名のお決まりのパターンみたいなのがあるじゃないですか。class、id名にも意味を持たせて構造(ry・・・っていうのは置いておいて、去年だったか一昨年だったかそんなエントリも賑わってましたよね。確か。 私がPHPの勉強を始めてよく悩んでるのはPHPな人のよくある変数名、なんです。いつも変数名どんなのにしようってそれを考えるのに無駄な体力使ってる。PHPでもその変数を使う場面に適した名前の「よくあるパターン」ってのがあるんだろうけど、そいつがまだよく分からない。 とりあえず、自分がよく見かける変数名とか素人目線でメモっておきます。 ファイルに関する変数 $file 読んで字の如くファイル。 $fp ファイルポインタの略・・・なのかな? $fd
SimpleXML関数使ってフィード読み込みたい PHP5にはxmlを扱うのに適したSimpleXML関数っつーのがあるっていうのは前々から知ってて興味津々だった。ということでさっそく使ってみる。 何かを参考にしたいと、ググったらこちらのページへたどり着いた。 PHP5を試してみる - SimpleXML関数でRSSしてみる - Do You PHP? よし。書いてある意味は理解した。なんか・・・これってツリー構造の考え方ができればいけそうな気がした。そちらのソースをお手本にして自分ちのフィード読み込んでみる。 とりあえずまず自分ちのフィードのソースを確認。かなりはしょってる(はしょってるって標準語じゃなかったらごめんなさい)けど、だいたい使えそうなのはこんな感じ。 <?xml version="1.0" encoding="UTF-8"?> <rss xmlns:feedburner="
PHP ヒアドキュメント 使った事あるけど実は細かい決まり事なんかをちゃんと把握してなかったので、今更だけどおさらいメモ。 ヒアドキュメントとは PHP内にまとまった文章を直接記述し利用できるようにする方法。ヒアドキュメントの中はすべて文字列として扱われ、変数は展開される。 PHP: 文字列 - Manual ヒアドキュメントの使い方 print <<< EOF 1行目 2行目 EOF; 上の「EOF」って書いた部分は、一番上の文字列と最後の文字列が同じであれば何でもいい。(これをIDって呼ぶんだって)開始IDと終端IDにはそれぞれ注意点がある。以下、PHPスクリプト講座:文字列の扱い -- そふぃのphp入門より引用。 開始IDの注意点 開始IDの前後に全角空白があるとIDはその空白も含めたものになる 開始IDの後ろにタブと半角スペースは入れられない。 <<< とIDの間にはタブと半角ス
PHP ユーザー定義関数 これ、理由もなく超苦手意識満開。勉強がんばる。 ユーザー定義関数とは 読んで字のごとく、自分で定義できる関数。元々PHPに用意されてる関数とかその他の処理を1つのまとまりにしてそれを関数にしちゃえるというもの。ユーザー定義関数の中ではPHPで有効なコードなら何でも書いて大丈夫。(関数とかクラスとか) ユーザー定義関数の使い方 関数を定義するのは「function」。書き方はこんな感じ。 function 自分で決めた関数名 (引数、引数なかったら括弧だけ){ 処理内容; } ユーザー定義関数の決まり事など 関数に付けられる名前は変数の規則と同じ(英数字とアンダーバーのみ)。 大文字小文字の区別はなし。だけど関数宣言時と同じ名前で関数をコールする方が好ましい。 functionの後には必ず半角スペースを入れる。 引数があってもなくても括弧( )は絶対に付ける。 一度
いざ、解読してみる 正規表現でURLが正しい形かどうかを調べるパターンを知りたかったので「PHP 正規表現 url」でググったらこちらのページが出てきたので、これを頑張って解読する。 正規表現:正しいURLかどうか調べる - phpspot /^(https?|ftp)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)$/ 最初と最後の「/」 デリミタ。 「^」 文字列の先頭 「(https?|ftp)」 最初と最後の( )はサブパターン(グループ) 「?」は直前の要素が0個(空)か1個、「|」はどちらかにマッチ。 つまり「httpかhttpsかftpのいずれかから始まる文字列にマッチ」 「:\/\/」 http://の「://」の部分。\はエスケープ。(デリミタとかぶってるからかな) 「[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$
フォント Georgia, Times, serif #09f italic おはようございますおはようございますおはようございます こんにちわこんにちわこんにちわこんにちわこんにちわ こんばんわこんばんわこんばんわこんばんわこんばんわこんばんわ フォント arial black, Times, serif #900 おはようございますおはようございますおはようございます こんにちわこんにちわこんにちわこんにちわこんにちわ こんばんわこんばんわこんばんわこんばんわこんばんわこんばんわ フォント Century Gothic, Times, serif #690 おはようございますおはようございますおはようございます こんにちわこんにちわこんにちわこんにちわこんにちわ こんばんわこんばんわこんばんわこんばんわこんばんわこんばんわ フォント Jokewood, Times, serif #f6
全角数字⇔半角数字・全角カナ⇔半角カナ変換 クライアントからメールで原稿が届いて「そういえばこの人、いつも半角と全角が入り混じってるんだよなー」なんて思った瞬間「これは勉強のチャンス!」と気づいた。PHPでそれらを変換するスクリプトを書いてみたよ。半角から全角、全角から半角、どっちへでも変換できるようにした。ラジオボタンで切替。 全角数字⇔半角数字 変換するよ! ついでに携帯サイト用にカタカナを半角にする機会もたまにあるから、そんな時用のも書いた。 全角カタカナ⇔半角カタカナ 変換するよ! 勉強メモ mb_convert_kana関数 今回使った関数はmb_convert_kanaという関数。何を何に変換するかのオプションを組み合わせて変換する。 PHP: mb_convert_kana - Manual mb_convert_kana ( 文字列 , オプション , エンコード ); エ
OLリスト 番号だけ画像なしでスタイルを変更 こちらのページより、面白いなーと思ったCSSネタ。 CSS Code Snippets : 15 Wicked Tricks | DevSnippets 上記ページの8番目の「Style Your Ordered List」の部分。これはOLリストのliタグの中にpを入れて、OLで付与されるリスト番号の部分のフォントの見た目のスタイルを変更するっていう趣旨。 今までOLリストを使う時、liの中にpタグを入れた経験がなかったし(多分)、実はOLリストの数字の見た目を変えたい時は画像置換で背景画像を表示させてた。画像にしちゃえば好きなフォント使えるし、数字の他にちょこっと飾りなんかも入れれるし。ただ、それをするためにはidやらclassやらをhtmlに別途与える必要が出てくるんよね。それってあまり好みじゃない書き方だったりする。もちろんCSS3の:
元のテキスト 全角数字から半角数字へ 半角数字から全角数字へ 変換後のテキスト RedLine Magazine 記事へ戻る
Redline Magazine:jQueryのスルスルスクロールを指定1つでバシバシ使う サンプルページ 1つ目のリンク先へ 2つ目のリンク先へ 3つ目のリンク先へ 4つ目のリンク先へ 1つ目のリンク先 一番上のリンクリストへ戻る 2つ目のリンク先 一番上のリンクリストへ戻る 3つ目のリンク先 一番上のリンクリストへ戻る 4つ目のリンク先 一番上のリンクリストへ戻る
jQueryのスルスルスクロールを指定1つでバシバシ使う このブログでも使っているjQueryを使ったスルスルーと動くスクロールなんですが、どこからどこへ移動したのかを目で追えるので分かりやすいし、動きも気持ちいいので大好きです。 多くの案件では1ページ内にページの先頭へ戻るアンカーリンクのみコレを利用してたんですが、この動きがクライアントに大好評のようでページ内の他のアンカーリンクでも使いたいという要望が増えてきました。今までこの動きの指定をJSで指定してたところに1つリンクが増える程度ならclassとリンク先だけ変更して同じ記述をコピーしちゃえばいいやってJSが分からない私の発想で乗り切ってたんですが、1ページ内に5個も6個も増えてくるとさすがに書くのが面倒というか、ほとんど同じ処理なのに重複した記述は要領悪いよなぁと思い始めまして・・・。 例えばリンクのページなんかでカテゴリが5個あ
近況とか。CSS,PHP雑記の巻。 しばらく更新を怠ってたので、なんか書こうかなーと。 最近のもろもろ。雑記。日記。チラシの裏とも言う。 CSS関連 雑記 IE三兄弟にモヤモヤしてた。 検証ブラウザにIE8を含まなくちゃならなくなってから、IE6.7.8のIE三兄弟の対応にイ... >>「近況とか。CSS,PHP雑記の巻。」の続きを読む... 2010年04月03日 21:11 | Red | コメント (3) | トラックバック (0) PHP修行 MVC復習/改善の巻 この前書いた「PHP宿題 MVC の勉強」のエントリのコメントでたくさんアドバイス頂いて、いろいろ改善してだいぶマシになったっぽいので復習日誌。 まず元々のMVCとか関係ないソース MVCを意識しないでダダダーと書いた元々のソースはこんな感... >>「PHP修行 MVC復習/改善の巻」の続きを読む... 2010年02
簡単なお知らせを表示する(1) まぁそういうことで、さっそくタイトルの通り、簡単なお知らせを表示させるものをPHPで作ってみる。トップページに載ってるような感じのちょこっとしたお知らせをイメージしてる。更新情報みたいなものか。でも更新情報って詳細はこちら的なリンクがたいがいついてますよね。今日はリンクをつける気はないので敢えて「お知らせ」。 完成目標 入力内容は「タイトル」「本文」の2つだけ。 「日付」は更新された時の時間を表示する。 作るファイルはフォームページ(index.html)と処理・表示するページ(news.php)とログ用ファイル(data.dat)の3つにする。 エラー処理とかなし!後で! 件数指定とかなし!後で! パスワードとかなし!後で! リンクを入れたいとかなし!後で! 画像を入れたいとかなし!後で! その他モロモロなし!後で! 考えた流れ 目次的な・・・クリックした
スペースは嫌、class付けるのも嫌な時用(追記有) >>081210:追記 コメント欄にてもっといい書き方教えて頂きました! タイトル、なんのこっちゃ?って感じなんですが、そういう時があるんです。例えば会社概要なんかをマークアップした時、定義リストとして書く際にdtに社名、所在地、電話番号・・・って入れるじゃないですか。そういう部分の元原稿って「社 名」みたいな感じで2文字の部分に予めスペースが入ってて見た目を整えてあるものが多いんですね。なんちゃって均等割り付けみたいな感じ。 ところがwebの場合、そういうのってhtmlに直接スペース入れられないじゃないですか。アクセシビリティ的にも文書的にも。もちろんデザイナ目線でのその部分の見た目を整えたい気持ちも分かるんですね。なのでCSSのletter-spacingで左右揃ってなくてもとりあえずなんとなく全部間隔あけとくか、チマチマと例外部分
IE6 → 透過PNG+overflow=混ぜるな危険(追記有) >>081205:追記 解決しました (追記:081205)はてブのコメント見たらこの下記の症状が出ない方もいらっしゃるみたい。私が検証に使ってるIE6はIETesterのものと「IE6 standalone の落とし穴」っていう記事で書いた透過も使えるこっちのスタンドアローン版IE6なんだけど、もしかしてもしかして正規版では正常に動作してるとか??コメント書いてくださった方が正規版IE6なのかどうかは分からないけれども、一応その件も補足しとこかなということで追記。 やりたかった事 親ボックスには大きめの写真を入れたい。 その親ボックスの写真は背景じゃなく、諸事情でimgタグで入れること。 その中にまたボックスを作って背景に透過PNG画像を使用してテキスト本文入れたい。親ボックスの写真が透ける感じで。 そのテキスト本文部分は
クイックルワイパー ハンディがすごい。 webとか全然関係ないんですけど、最近気に入ってるアイテムのお話。タイトルの通り、花王のクイックルワイパー ハンディという商品が最強だと思うんです。 >>花王 クイックルワイパー ハンディ 今までもホコリを取るグッズは何種か試してたんですけど、コレ、絶対最強。パソコン、ディスプレイ、キーボード、テレビ、照明器具、棚、飾りの置物などなどのホコリがサっととれるのは当然なんだけど、一番感動したのはコード回りのホコリの取りやすいこと取りやすいこと。(大切なので一応2回言いました) むっちゃ柔らかいのでコードが絡まってても、うにゅうにゅって入り込んでバッチリ吸着してくれます。コンセントさす部分も前はコンセントを一旦外してから周囲のホコリを取り取りしてたんだけど、そんな場合も、うにょりながらそのままの状態でヨシヨシすれば一瞬でキレいになってる。感動した。 先端部
display:table関連を使って横並び均一配置 IE8でdisplay:table関連が使えるようになったとのことで実験。これ、素直にCSSだけで実現できたらいいなーと思ってる。あと何年後?って話だけど。(IE的な意味で)先に書いておきますが、全然実用性はないです。単なる実験というか練習というかやってみたいだけというか、好奇心の塊です(何 以下のサンプルはFirefox、IE8 Beta2、Safari、Operaで確認しました。 幅の決まってる親ボックスの中に均等に並べたい ※当然IE6.7ではまったく効いてないけど、今回それはスルーで。 サンプル・その1 横並びの画像を均等配置 少し前にこちらの横並びの画像を均等配置する | ヨモツネット(←こちらはIE6にも対応)を拝見してこれ素敵すぐる!と思ったので趣旨はその延長。まずは横並びの画像を均等配置してみる。 >>サンプルその1 画
次のページ
このページを最初にブックマークしてみませんか?
『RedLine Magazine』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く