-
最近の投稿
人気の記事
- jQuery Mobileでサンプルサイトを作ってみた - 2,778 views
- JQueryでアコーディオンメニューを作成してみる - 1,981 views
- sparrow.jsの使い方とポイント - 1,893 views
- jQuery Mobileでフォームのサンプル作成してみる - 1,287 views
- sparrow.jsの導入と設定 - 1,232 views
- jQueryで階層型メニューを作ってみる - 1,029 views
- 右クリック禁止のソースを見たい!(Firefox編) - 941 views
- Dreamweaver、コピー・切り取りの一部選択が全選択になってしまう - 855 views
- jQueryで文字を面白くみせる方法 - 849 views
- Smartyインストールの手順 - 752 views
タグクラウド
アーカイブ





Monthly Archives: 11月 2011
IDとパスワードをCookieで保存するときの注意
Cookieはセキュリティに考慮して使わなければならない。例えば、ネットカフェなど、公共のパソコンでパスワードを保存してしまったり、パソコンに保存されたパスワードをウィルスなどで盗まれたりすることがあります。setcookieファンクションには、第4パラメータ以降(ディレクトリ,ドメイン,セキュア接続のみ,HTTPのみの接続)にセキュリティに関する設定があります。 ディレクトリ ここで設定したディレクトリ配下でのみ有効になります ドメイン ここで設定したドメイン配下でのみ有効になります セキュア接続のみ SSL接続でのみ有効になります HTTPのみの接続 JavaScript などからはアクセスできなくなります これらの設定を正しく設定して、情報を安全に管理する。むやみに記憶期間を長く設定しすぎず、必要に応じて削除するなどして、安全性を保ちます。 参考:よくわかるPHPの教科書
emptyとissetの違い
「empty」と「isset」ファンクションは動作的にはほとんど同じ意味との事ですが、どの様に使い分けるかべきか? それは、プログラムの意味を考えると良いみたいです。ある変数に値が代入されている場合に、「値が入っている」ということも「空ではない」ということもできちゃいます。しかし、この両者の意味は受け取り方が少し違います。 「値が入っている」というのは、空であってもOKだけど、今はたまたま入っているというニュアンスがあります。逆に「空ではない」というのは、本当は値が入っていなければならないものに、ちゃんと値が入っているかを確認するニュアンスがあります。 どちらも動きは変わらないのですが、あとでプログラムを見た時に、ファンクションの意味合いが伝わりやすくなるので、プログラムを使ってメッセージを作り出すような気持で使い分けると良いとの事です。 フォームの項目であれば、必須項目は「empty」という感じでしょうか? 参考:よくわかるPHPの教科書
X-Mailerとはなんだろ?
フォーム作成でいくつかサンプルを拾ってくるとX-Mailerというコードが書かれていて、気になったので、調べてみたところ、X-MailerというのはMailを誰かに送った時に、メールヘッダにつけられる、使ったメールソフトの名称だとか。 つまり、差出人が使用したメールソフトの名称(Microsoft Outlookを使っていれば、Microsoft Outlook)とそのバージョンを表します。 例えば下記のような「X-Mailerによるフィルタ」を設定すると 対象:X-Mailerが キーワード:Outlook Express(設定したいメールソフト名を入力) 条件:を含む場合は 動作:ごみ箱に入れる Outlook Expressを使用して送信されたメールはごみ箱に入れる。というフィルタを掛けられるようです。「そんな事も知らないでフォーム作るな!」と一喝されそうですが、同じ境遇の方がいましたら参考にして頂ければと思います。 ■気になったこと PHP Manualのmb_language();に「’ja’」と「”Japanese”」と書かれているのですが、同じ意味なのでしょうか・・・。
wordpressで全部の記事を一覧で表示する
下記をコピーして、page.phpと同ディレクトリに任意の名前で入れて下さい。(例:bloglistとか何でもOKです) ディレクトリに入れたら、ダッシュボードから固定ページの新規追加を選択して下さい。ウィジェット部分あるページ属性のテンプレートを確認すると任意のファイル名(例:bloglist)が選択できます。タイトルを適当に入れたら、公開してみると、一覧で全てのブログ記事を表示する事ができちゃいます。 <?php /* Template Name: archives */ ?> <?php get_header() ?> <div id=”container”> <div id=”content”> <?php the_post() ?> <h2 class=”page-title”><?php the_title(); ?></h2> <div class=”entry-content”> <?php the_content() ?> <p>全記事を一覧で表示</p> <?php wp_get_archives(“type=postbypost”);?> </div> </div><!– #content –> </div><!– #container –> <?php get_sidebar() … Continue reading
PHPのランダムな数字を得る(rand)
<?php if(rand(0,1) == 0 ){ header(‘Location: sample-1.html’); } else { header(‘Location: sample-2.html’); } ?> PHPで無作為な数字を取り出すには「rand」というファンクションを使います。 ランダムな値 = rand(【最小の数字】,【最大の数字】); if(rand(0,1) == 0 ){ 0または1のいずれかをPHPが無作為に選んでくれます。その値を直接if構文で、0であれば「sample-1.html」に、そうでなければ(つまり1なら)「sample-2.html」に headerファンクションで遷移させています。randファンクションは、非常に応用範囲の広いファンクションなので、覚えておくと便利そうです。 もっと応用変を知りたい方は、下記のブログがオススメですよ。 参考:数学関数 – PHP関数 参考:Tech [Friday] プロモバイルエンジニアブログ
ブログで文章を見やすくする3つの方法
ブログの記事をより見やすくするため方法を様々なブログから影響を受け導き出した結論は、「空間」と「フォント」と「文章の構成」の3つの要素が鍵かと思います。 空間は、スペースが詰まり過ぎてしまったり開きすぎた場合に驚くほど読み辛くなったりします。しかし、これがまた難しい。空間を上手に使う方法やコツが書かれた素晴らしい記事があったので、紹介します。 参考:Webデザインレシピ 参考:07design.blog 空間と同様に大切だと思うのが、フォントとそのサイズです。フォントはブラウザ毎に見え方も変わり、サイズによって見やすさも変わります。好みの問題になってしまうかもしれませんが、オススメはやはり、「ヒラギノ」か「メイリオ」かと思います。さらに文字の見やすさに力を入れたい方は、Webフォントなど増えてきているので、オススメです。 参考:サイブリッジラボ 参考:nanapi [ナナピ] あとは、文章の構成。ハッキリ言ってしまえば、どんなに見やすくしても文章次第です。これは、色々なブログや本を読んで学んでいくしかないと思いますが、独特な文章で人気のあるブログなどもあるかもしれませんね。
画像遅延について
ストレスを感じないサイトにするために、HTTPリクエストを少なくしたいですよね。そんなわけで、画像を遅延して読み込むjsについて調べてみました。 どうやら、画像遅延のjavascriptでは『Lazy Load』 というjsが有名のようです。ただし、新しいブラウザでは遅延読み込むが出来ないので、やる意味がないよ的な注意書きがされていました。つまり、見栄えはスクロールすることで遅れて画像が表示されますが、実際には一気に読み込んでいます。ですので、HTTPリクエストを少なくするどころか、逆にリクエストが多くなっちゃった!!って事のようです。 そもそも何故にそんな事になるの? それは、DOM Readyの時点で画像のリクエストは走っているので、その後src属性を空にしてもとき既に遅く、スクロールして表示したときにsrc属性をつっこんだらまたリクエストがっていう流れです。 DOM Ready とは? DOM要素の準備が整ったらコールバックを実行させる事。つまり、HTML や XML で記述された各要素を取り扱うための標準インタフェースの準備が整ったら、LazyLoad.jsを読み込みます。(なので、jsを読み込む時点ですでに、画像はリクエストされてます) という事は、DOM Ready 前にイベントを発生させる必要があるってことでしょうか?続きはまた後日・・・。
Twitterのフォローとフォロワー数
フォローしている数に対しフォロワーの数が極端に少ない場合、アカウント停止されちゃう恐れがあるらしいので、「フォローすればOKなのね!」と血走った私はアンフォローする方法について調べてみました。ツイッターのアカウント停止について興味がある方は、Twitterアカウントが停止される原因の記事を御覧ください。 アイコンでフォロー、フォロワーの関係が見れるサービス。これを使えば、フォローしているのにフォローしてくれない方のアイコンが一覧で表示されます。 参考:Friend or Follow さらにツイッターのフォロー・フォロワー管理が簡単にできる「TwerpScan」というサービスもありました。 参考:TwitelliteJp 面白いサービスはないかと探していたら、Twitterと併用すると役立つサービス・ツールがまとまったサイトがありました! 参考:ラジック 是非、同じ境遇の方の役に立てればと思います。
Dreamweaver、コピー・切り取りの一部選択が全選択になってしまう
Dreamweaver cs4を使用しているのですが、一部の箇所を切り取りやコピーしようとすると全文選択されるバグに直面しました。切り取る時は、全選択になった事に気がつくのですが、コピーして貼付けする際はコピーしてから気がつくこともあり、かなり弱りました。そんな経験を備忘録として残します。 色々と調べてみるとワークスペースのディアルスクリーン設定時において発生するバグとの情報がありました。(私はディアルスクリーンの設定はしていませんが…)なんにせよ、直す方法はとても簡単です。 DWを起動して、「ツールバー」の「ウィンドウ」を選択、「ワークスペースのレイアウト」で「”~”のリセット」をクリックすると症状は改善されました。それでも、改善されない場合は、Adobeに直接聞いたほうが良いかもしれません。 問題の症状と解決方法とその他の情報: ・Dreamweaver CS4のウィンドウ内でhtml、cssのコードをコピー・切り取りを行うと全選択される。 ・ディアルスクリーン設定時にも起こるバグ・不具合。 ・解決方法は、ワークスペースをデフォルトに設定する。 ・Dreamweaver CS3の時にも同じ症状がでました。 ・Dreamweaver CS5でも同じ症状がでるらしいです。
sparrow.jsの使い方とポイント
sparrow.jsの一押しは、TIPSです。classを追加するだけで反映されちゃうからとっても便利です。そんな便利なTIPSを本家のサイトから抜粋してご紹介します。設置したら下記のTIPSを試してみると面白いですよ。 導入と設定に関する記事は「sparrow.jsの導入と設定」が参考になればと思います。 ■モバイル用に設定したスタイルをスマートフォンで表示したくない場合 ▼class=”sp_del” を使用します。 <div style=”font-size: xx-small;” class=”sp_del” > スマートフォンではここは消えてなくなります。モバイルでは表示されます。 </div> ■スマートフォンだけ文字サイズを変更したい場合 ▼下記のコードを使用します。core.jsに記述されています。 <span class=”sp_style largeFont” style=”font-size: xx-small;”> スマートフォンでは大きい文字に変わります </span> sp_styleはstyle無効のclassです。largeFont(記述通りに反映されます)が、どこで設定されているclassなのかよくわからないですね。sp_del同様にcore.jsに記述されています。 sp_config.js に記述されている下記の○%部分を変更することで、モバイルで指定したフォントサイズをスマートフォンように変更することができます。コード内でしっかりと、xx-small等の指定がされているモバイルサイトであれば、ここを変更するだけで、文字の見え方は格段に良くなります。 FONT_MAPPING["xx-small"] = “○%”; FONT_MAPPING["x-small"] = “○%”; FONT_MAPPING["small"] = “○%”; FONT_MAPPING["medium"] = “○%”; FONT_MAPPING["large"] = “○%”; FONT_MAPPING["x-large"] = “○%”; … Continue reading

