最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

htmlcss IE11 のエミュレーション

2013年11月28日

IE10 では、開発者ツール(F12)のドキュメントモードでバージョンを選ぶとエミュレーションしてくれていたが、IE11 では、バージョンを選択しただけでは正しく表示されない。 検索したところ、以下の記事を見つけたので参考にさせていただいた。 Internet Explorer11にてF12 開発者ツールのエミュレーションが使いづらい件(N2P) Windo…

続きを読む

jquery jQuery Waypoints を使ってみる

2013年11月24日

スクロールイベントを制御(ページ内の特定のスクロール位置で関数を実行するなど)できる「jQuery Waypoints v2.0.3 」を使った際のメモ(使い方)。 「Infinite Scroll(ページ下部まで移動すると、次のページを自動的に読み込んで表示)」、「Sticky Elements(特定の要素をある位置に固定して表示)」などのショートカットが…

続きを読む

jquery audio.js を使ってみる

2013年11月22日

音楽(MP3)を再生する必要があったので、探していたら「 audio.js」が見つかったのでその使い方のメモ。 ダウンロード 以下の「audio.js」のページからダウンロード http://kolber.github.io/audiojs/ 解凍して、「audiojs」フォルダ(audio.min.js, player-graphics.gif audio…

続きを読む

jquery jQuery の load()

2013年11月22日

jQuery の load() の基本的な使い方に関するメモ。 基本的な使い方 Ajax 利用時の制限 文字コードは、原則として「UTF-8 」を使用。(他の文字コードを使うと文字化けする) Ajax ではセキュリティ上の理由から、HTML と同一ドメイン上にあるファイルしか取得できない。 ページにテキスト(ファイル)を挿入する load() は引数に読み込…

続きを読む

php コンタクトフォームの作成(PHP)

2013年11月18日

PHP を使ったコンタクトフォームの作り方のメモ。 (2016年2月14日 全面的に書き換えました。) 以下のページもご覧ください。 PHP を使ったフォームの操作 目次 基本的なコンタクトフォーム このコンタクトフォームは「入力ページ → 確認ページ → 完了ページ」の順で遷移します。 サンプル1(メールは送信されません) ページデザイン 入力ページ ユー…

続きを読む

inmotion PHPMailer の利用

2013年11月17日

XAMPP 及び inMotion ホスティングで PHPMailer を利用する場合のメモ。 参考サイト:Using phpMailer to Send Mail through PHP XAMPP で PHPMailer を使う 「PHPMailer」は外部の SMTP サーバを利用(経由)してメールを送信するためのライブラリです。以下は「PHPMail…

続きを読む

php ユーザー定義関数(PHP)

2013年11月17日

PHP でのユーザー定義関数に関する基本的な事項のメモ。 ユーザー定義関数の構文 ユーザー定義関数( h() )の例 次の関数(htmlspecialchars)のパラメータを毎回指定しなくても良いようにする例。また関数名も長いので短くすることで記述が簡単になる。 以下のように定義しておけば、上記の関数は「h(変換される文字列)」で呼び出せる。 2番めの引数…

続きを読む

php クッキーとセッション

2013年11月17日

クッキーとセッションに関するメモ。 クッキー クッキー Cookie Web サーバーから送信したデータを Web ブラウザに保存するための仕組み。テキストデータをユーザーのブラウザに保存することができ、ブラウザに保存されたデータは、次回のリクエスト時に Web サーバに自動的に送信される。 クッキーとは、クライアント側に保存可能な小さなテキスト クッキーで…

続きを読む

jquery テキストをモーダルウィンドウに表示する

2013年11月16日

画像ではなく、テキスト要素をライトボックス風に表示する方法のメモ。 モーダルウィンドウなどを予め HTML に記述しておく場合 a 要素(class=”detail_btn”)をクリックすると、詳細情報(class=”detail_info”)をライトボックス風に表示 半透明のモーダルウィンドウの領域:id=&…

続きを読む

jquery JavaScript でブラウザの言語を判定

2013年11月15日

JavaScript でブラウザの言語を判定する方法のメモ。 日本語と英語の二ヶ国語サイトなどで、例えば日本語サイトへのリンクを「Japanese」となっているところを、ブラウザの言語を判定し、言語が日本語の場合には「日本語」と表示させる場合の例。 ブラウザの言語を取得するには以下のいずれかで取得可能。(日本語の場合、返ってくる値は「ja」「ja-JP」のい…

続きを読む