ブログBLOG

Google Mapにマーカー（ピン）やアイコンを表示して、クリックでコメントを出す

ホームページに地図を設定したい時ありますよね。 よく使われるのがGoogleマップを埋め込む方法です。 地図を表示させたい目的は、たいてい、ある特定の地点（例えば会社の場所）を指し示すためであり、 マーカーを置くのはほぼ必須となります。 そしてマーカーをクリックした時に何らかの動作をさせたい時も出 ...

[ jQuery ] select要素（プルダウン・セレクトボックス）を装飾する　easyselectboxの使い方

デザインされたフォームを設置したいとき、select要素（プルダウン・セレクトボックス）の装飾はcssだけではなかなかうまくいきません。 背景や枠線をいじってみても、ボタンのところを装飾するのは普通の方法ではうまくいかないようです。 select要素の装飾用に作成されたjQueryのプラグインはい ...

[ jQuery ] フォームの入力チェックをする その２

フォームの入力チェックをするでフォームの入力チェックの拡張機能を作成しましたが、もうすこし使いやすくしました。 jQuery を読み込んだ後に読み込んでください。 20130826.js まず HTML 側にクラスを指定します。使用するクラス名は以下のとおりです。 error-b ...

Twitter のデータ取得APIが変更されている

Twitterでつぶやかれているデータを取得したい場合について考えます。 例えば、「BRISK」という言葉がいつどのくらいつぶやかれたのかを知りたい！！ という時に、PHPでデータを取得して、整形して見やすくできないかと思うわけです。 Twitterでつぶやかれているデータを取得する方法について ...

[ jQuery ] フォームの入力チェックをする

フォームの入力チェックは地味に手間のかかるものですので、ちょっとした拡張機能のベースをを作成してみました。 jQuery 拡張 [crayon-68602789181f8538060913/] 呼び出し [crayon-68602789181fb ...

モーダルウィンドウでリンク先を表示する

リンクをクリックした際、自ページ内でモーダルウィンドウとしてリンク先を表示する。という処理を考えてみます。 例）クリックして表示 BRISKトップページ Yahoo! amazon JavaScript [crayon-68602789183 ...

PHPでのアップロード中の進捗バーの出し方

PHPでの大容量ファイルのアップロードについては、前回まとめました。 大容量ファイルをアップロードするには時間がかかるので、今度はアップロードの進捗を知りたくなるのが人間ってヤツです。 しかし、PHPではアップロード完了後にスクリプトを実行するためアップロード中の状況を表示させたり、ということは基本 ...

レスポンシブWebデザインについて

スマートフォンサイト制作において最近はいろいろな選択肢があります。 通常の制作以外にても、パッケージで安く作る、ＣＭＳを導入する等 要件、オーダーによっていろいろな手法があり その中の１つでレスポンシブWebデザインというものがあります。 レスポンシブWebデザインは、ブラウザの横幅に応じcssを ...

大容量ファイルアップロードに関係するPHP・Apacheの設定

大容量ファイルアップロードに関係するPHP・Apacheの設定をまとめました。 まず、ファイルアップロードページ等を作りたい場合、 upload.html [crayon-68602789185ae064542139/] のようにフォームを作成すれば、サーバの「/tmp」などのディレ ...

初めてのjQuery

jQuery（というより JavaScript）はブラウザで動くので簡単に書き始めることができます。既存のコードの改変や追加をしたり、script タグにサンプルのコピーを貼り付けたりしても結構うまくできてしまいます。 それも悪くないですが、ここでは jQuery の準備 ～ 基本的な使い方を ...