REDLINE MAGAZINE | 近況とか。CSS,PHP雑記の巻。REDLINE MAGAZINEトップページへ

すべてのエントリを見る

近況とか。CSS,PHP雑記の巻。

しばらく更新を怠ってたので、なんか書こうかなーと。
最近のもろもろ。雑記。日記。チラシの裏とも言う。

CSS関連 雑記

IE三兄弟にモヤモヤしてた。

検証ブラウザにIE8を含まなくちゃならなくなってから、IE6.7.8のIE三兄弟の対応にイライラすることも多々。「MSブラウザ、1つ増えたら1つ消えろや」と声を大にして言いたい。兄弟みんなが微妙に違うっていうケースにも遭遇してハックで凌いでみたり。よくないよね。メンテナンス性悪いなー、汚いなー、そもそもそうしなくちゃならないのって根本的にデザイン or 組み方がおかしいからだろー、とか自分で思いながらもそうせざるを得ない状況で悔し涙を流したり。そんでもってもうIE9の話とか出てきてるし。

IE8、ガッタンゴットンスパイラル

これはだいぶ前の話だけど、IE8で思い出した。昔作ったサイトをIE8で見直したらhover時に周りの要素がガッタンゴットン動くという気持ち悪い症状が出てきたん。
Hirasawaさんがいなかったら即死だった。

IE8バグ?:a要素内に画像があってa要素に背景を指定した時に位置がずれる|CSS HappyLife

上記ページのようなリストマーカーの表示が消えるという症状ではなかったんですが、a要素の中にimg要素があって、a要素にbackgroundプロパティの指定がしてある状態で、該当画像の上でhover状態にすると周りの画像がガッタンゴットンと上下にズレてしまうという…なんよコレwwwwみたいな状況になってしまって。

そりゃね、画像が他ブラウザと比べて数ピクセルずれてるくらいならスルーでいいと思うんですよ。が、如何せんガッタンゴットンするのは「仕様です」で済まないので上記ページの解説通り、display: inline-block; を追加することで回避。いやー、助かりました。ありがとうございました。

大切な事なのでもう一度言いますね。

「Hirasawaさんがいなかったら即死だった」=「a要素の中にimg要素があって、a要素にbackgroundプロパティの指定がしてある状態でIE8だけ変」=「display: inline-block;」

物事を連想させて記憶するのって大切ですNe!

PHP関連 雑記

最近ついにcakePHPに手を出しました。

「今PHPのフレームワークやるならcakePHPだよ!」と言われ続けて早数ヶ月。実はずーっと前に一回手元でチュートリアルに沿ってブログを作ったことはあるんだけど、その後どうしよ?という段階で終わってたん。もうちょっと自分でなんやかんやできるように頑張る。今は「ヘルパースゲーーーーーーーwwww」ってなってるとこ。便利ですね。いや、まぁ大事なのはそこじゃないんだけれども。

こういうの手にとって見て、一通りチュートリアルが終わった後に「デザインをカスタマイズするにはどこをいじればいんかな」と、まずその確認から始めてしまうのは悲しいデザイナのSAGAなのでしょうね。デザインカスタマイズができるかできないかで安心度が違うというかなんというか。

cakePHPはネット上にいろいろ情報があって素敵。難しそうなのは相変わらずスルーしてますが、自分レベルでも学べる事がたくさんある。先人様、ありがとう。

が、如何せん、「何がしたい」とか「これ作りたい」とかいう目的が的確に浮かばず、先人の真似してるだけっていう状態。いずれその壁を越えてみせるぜ。相手がPHPなら人間じゃないんだ、僕だって!

cakePHP・・・ついでにDreamweaverの設定も。

PHPやるならEclipseのPDT使うといいですよ、と前にコメント頂いてて、とりあえず環境の用意はしたんですが、なんとなく使い慣れたDWを使っちゃうというか、多分それで事足りる内容しかやってないからだと思うんですが、相変わらずDreamweaverでやってます。

cakePHPのview用ファイルって拡張子がデフォのままだと.ctpじゃないですか。なので、そのままだとDWで開くのがめんどくさい。とりあえず「編集」>「環境設定」>「ファイルタイプ」で.ctpをコードビューで開くファイルとして設定したものの、コードのカラーリングが適応されないので見難い。ということで…。

DreamweaverでCakePHPの.ctpファイルを色づけして表示する方法/Dreamweaver - サイブリッジラボ

上記ページで説明されてる通りに設定。これでctpファイルも見易くなりました。ついでにまだ試してないんですが、viewファイルの拡張子をctp以外にすることも可能なんだって。

ctp以外の拡張子ファイルをviewファイルとして扱う - cakephperの日記(cakePHP1.2ベース)

いろいろ出来るんですなぁ…。

セキュリティとか気になって…

セキュリティ関連の話はとても気になってるんです。どうせいつかは考えなきゃならない問題なら早いうちに分かっておきたいと思ってこの本買ってみました。

PHPサイバーテロの技法―攻撃と防御の実際

まだ48ページまでしか読んでないんですが、知らない事大杉。とにかく最後まで読んでみて自分に出来ることはちゃんとしたい。ちゃんとする。これ全部理解したらブクマでつっこみ入れられるレベルになれるかなぁ。そういうのちょっと憧れてる。

画像のサムネイルを表示するライブラリ使ってみた

画像のアップロード → 確認画面でアップロードした画像をサムネイルにしてプレビューしたいっていうのがやりたかったこと。その中でサムネイルを効率よく作る方法で迷ってたら「phpThumbnailer」っていうライブラリを発見。

PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」:phpspot開発日誌

PHP+GDな画像のサムネイル作成って結構面倒だったりしますが、配布されているThumbnail クラスを使えば超簡単にサムネイルが作れます。と書かれていたので「マジかよ!」と思って試したらガチで簡単だったので感動しました。

とりあえず、まずはファイルをダウンロードする。

Index of /projects/phpThumbnailer

ダウンロードしたファイルを開くといろいろとサンプルが同梱されてて、ソースを見ると本当にシンプルで「これなら私でも簡単にできるんじゃないか」とテンションが上がった。ただ、同梱されてるサンプルページをプレビューした瞬間、なんかホラーな事が起こったかと焦った。本気で一瞬焦った。何を言ってるのか分からねーと思うが、とにかく焦ったわ。

使い方は「class.Thumbnail.php」を読み込んで、あとは元画像、最大幅、最大高さ、パーセントの引数を指定してオブジェクトを作るだけというシンプルさ。これなら私レベルでも手軽に使える。助かるー。

<< CSS テキストリンクもボタンっぽくポチっとする | DW用 CSS3対応セレクタコードヒント >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/259

コメント (3)

フィード購読してます。
すごいです。めちゃめちゃ刺激になります。
一個一個追いながら参考にさせてもらいます!

おひさです。私も最近cakePHPで個人的にアプリ開発してました。
めちゃくちゃ楽ですね^^素のPHPで開発してるのがばかばかしくなるくらいw
でも名前空間を扱えないのが痛いなぁ。。クラス名のバッティングが起きるので大規模な開発には使いづらい^^;
何かわからんことがあったら聞いて下さい。多少は答えられるかも!?

>hiroscoさん
コメントありがとうございました。
最近更新してなかったので、存在を忘れられないように何か書いておこうかな、とw
1つのエントリにするほどのことではないけど、小ネタってちょこちょこ溜まってくるので、また何かあったら雑記エントリ書きますね(n' ω 'n)


>きのこさん
お久しぶりですー!
「ちゃんとPHPの勉強してるの?」と誰かにツっこみ入れられる前に一応地味にやってます、とアピールしておきたかったのでcakeの事も書いてみました。けど、まだ全然分かってない感じ。見よう見まねで人のサンプルをいじいじしながら研究中です。「アプリ開発してます」とか言ってみたいw
何かあったら相談のってください~(n'∀')η




※コメント欄に「<」「>」等を含むソースを記載する場合は実体参照に変換してください。

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。