Monthly Archives: 9月 2011

1

PHPで画像投稿フォームを作成してみる②

no image

htmlspecialchars の意味を知る ユーザーが入力した情報は細心の注意が必要です。なぜなら、私たちが予想できないような行動をしたり、悪意を持ったユーザーが、プログラムを壊したり、他のユーザーに迷惑をかけるような行為を行うことがあります。あるようです。 例えば、入力ホームにループする記述を書かれてしまったり、複雑なコードを記述して個人情報を盗み出したり、プログラムの機密情報を 盗みだすようなコードすら作ることができてしまうようで、信用なりません(笑) (例)フォームに下記のアラートを10回出すという記述をフォームに入力すると・・・ <script>for(var i=0; i<10; i++) { alert(‘いたずらです’); }</script>     そこで、「htmlspecialchars」ファンクションを使います。 「htmlspecialchars」ファンクションはhtmlタグの効果を打ち消して、コードを送り込まれないようにする。 ユーザーが入力した内容を画面に表示するときは、必ずこのファンクションを使って無害化してから利用しましょう。 print($_REQUEST['my_name']); ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ print(htmlspcialchars($_POST['my_name'], ENT_QUOTES)); ※ここでは、「ENT_QUOTER」には触れません。 参考:よくわかるPHPの教科書

1

PHPで画像投稿フォームを作成してみる

no image

作りたいフォームの内容 PHPでフォームを作る 機能は画像・タイトル・説明の3つ フォームで投稿された内容を反映する

1

IT/WEB情報をキャッチするのに重宝するニュースサイト

no image

こういう仕事をしていると情報収集力ってのが当然のことながら必要なスキルの一つになりますが、そんな中この辺は見とかなきゃってニュースサイトを少し紹介します。 ■ITmedia News 最新のITニュース、ネットニュースやテクノロジー、ビジネスなどのニュースを幅広く掲載しているサイト。SEOもしっかりとやっており気になるニッチキーワードでもロングテールでしっかり拾ってくれる読み応え十分です。   ■ITpro こちらは日経BPのサブドメインで展開されているITに特化したニュースサイト。様々な企業家のインタビューや市場調査など気になるキーワードが沢山ある内容になっています。   ■@IT こちらは年収マップやスカウト可能性診断なんかでも有名な老舗ニュースサイト。更にニッチキーワードでも検索で引っかかってくるニュース/情報サイトです。   ■japan.internet.com こちらはビッグドメインのinternet.comの日本版ですね。コチラもしっかりとロングテールSEOがされており参考になります。  

1

3の倍数の要素だけcssを変更する

no image

jQueryで3の倍数の要素だけスタイルシートを変更します。 ▼Javascript <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js”></script> <script type=”text/javascript”> <!–$(document).ready(function() { $(“li:nth-child(3n)”).css({“margin”:”0 0 5px 0″});}); –> </script> ▼css #box li{ width: 307px; height: 83px; border: solid 1px #ccc; float: left; margin-right: 5px; margin-bottom: 5px; background: #FFF;} ▼html <div id=”box”> <ul> <li>ああああ</li> <li>いいいい</li> <li>うううう</li> <li>ええええ</li> </ul> </div> … Continue reading

1

css3で角丸とフォーカス

css3で角丸とフォーカス

フォーム入力を見栄えよく、カスタマイズしちゃいましょう。 下記のスタイルを指定します。 [if lt IE 9]  はIE9以降のIEにcss3の記述を適応させるためのjavascriptです。 :focus でフォーム部分の背景色を指定します。 .cross はフォーム入力箇所の角を角丸を指定します。 <!–[if lt IE 9]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> <style type=”text/css”> /* フォーム入力:背景の色が変わります */ #focus input:focus{ background-color: #EAEDDE;  } /* 角丸にしてみました */ .cross{ -moz-border-radius: 4px;/*for Firefox*/ -webkit-border-radius: 4px;/*for Safari and chrome*/ border-radius: 4px;behavior: url(border-radius.htc);/*for IE*/ … Continue reading

1

FacebookのOGP設定

no image

FacebookのOGP設定に手間がかかったので、その備忘録です。 ■OGP設定でやるべきこと ① html のメタに下記の属性と情報を追記します。 ■xmlns属性 …「xmlns:og=”http://ogp.me/ns#”」 ■meta情報 … (その他必要があれば追加する) og:title ページタイトル og:image ページ画像 og:url ページURL ②「いいね!」ボタンを設置するサイトをfacebookアプリ登録 OGPの設定でアプリIDが必要です。アプリの作成画面に行き、サイ ト名、URLを入力してアプリの情報を控えておく必要があります。 ③最後に「いいね!」ボタンを設置する。 http://p.tl/Z8FM 大きく別けてこの3つの項目の作業が必要です。 参考: WEBデザイナーのしおり dogmap.jp ウェブ、ショウジン

1

ステータスコードについて

no image

401 Unauthorized ・・・ → ユーザー認証が必要なページ、認証失敗時に表示される 403 Forbidden ・・・ → パーミッションでアクセスを拒否しているときに表示される 404 Not Found ・・・ → 指定されたURLが存在しない場合などに表示される 500 Internal Server Error ・・・ → 予期しない理由でサーバがリクエストを実行できない・CGIエラー 時などに表示される 503 Service Unavailable ・・・ → 過負荷などでリクエストが実行できない・メンテナンス中などに 表示される 400番台のものは、デザイナーなどでも対応できるが 500番台のエラーに関してはサーバー内部に関係しているので、プ ログラマが対応する。 ちなみに、スパム対策として 403でアクセス拒否をするのではなく 404でページがないとレスポンスを返してやる方が有効だったりする。 ステータスコードの200番台は正常に稼動しているという意味。

1

PARSE error ってなんですか?

PARSE error ってなんですか?

スクリプトをパースする時(構文解析時)に発生したものが PARSE ERROR になります。重大なエラーとみなされ、スクリプト実行が中断されます。主な PARSE には、次のようなものがあります。 スクリプトをパースする時(構文解析時)に発生したものが PARSE ERROR になります * syntax error: 構文に誤りがあります。括弧の不一致、末尾のセミコロン忘れ等が原因のことが多いです。XML を扱う場合、XML タグがショートオープンタグとして認識されている可能性があります。(この場合は、php.ini で short_open_tag = Offに設定してください。) この他、PHP のバージョンが古い等の理由で、うまく解釈できなかった場合も、PARSE error になることがあります。(unexpected T_STRING、undefined XXX のような表記になるようです。) PHP のバージョンを確認するようにしましょう。 参考サイト:オブジェクト指向PHP

1

.htaccess でディレクトリ構造の一覧表示を防ぐ

no image

ディレクトリ構造の一覧が一覧で見えちゃって恥ずかしい!!そこで、[.htaccess]で一覧表示を防ぎましょう。 http://www.vi-de-bu.com/test/test.html という頁の [ http://www.vi-de-bu.com/test/ ]ディレクトリ名だけを指定してアクセスすると、通常はディレクトリ構造が一覧で表示されてしまいます。 そこで、『.htaccess 』 に下記の記述をすることで、index.html,index.htm,index,php が無いディレクトリの場合は 403 Forbidden を DirectoryIndex index.html index.htm index.php .ht *DirectoryIndex – 各ディレクトリのトップページ

1

jQueryの簡単なマウスオーバー処理

no image

<a id=”test”>背景を赤くする</a> このタグにマウスオーバーした時、背景の色を変えたい場合 1.対応するDOM、この場合 a か、id=”test”を取得 2..hover()メソッドを使い、マウスオーバーした時に、クラスを付けてあげる 3..hover()メソッドを使い、マウスアウト時にクラスを取る .background_red { background: #F00; } $(function() { var $target = $(‘#test’); $target.hover( function() { $(this).addClass(‘background_red’); }, function() { $(this).removeClass(‘background_red’); } ); });     // 背景を赤くする