その他 Chromeでスマホのジャイロセンサーの値を確認する方法
自分の子供用に個人的にウェブアプリをいくつか作って触らせたりいますが、今回はスマホ（iPhone）のジャイロセンサーを使って何か作って、遊んでもらおうと思い、開発を進め･･･ようとしました。が、いちいちスマホやタブレットで確認するのも面倒く...
その他 
その他 alt属性が入っていないimgタグを検索する方法
ふるーいサイトで、SEO対策をしてほしいと言われた際、予算がないからリニューアルとかお金がいっぱいかかるとかは無しで！ということで、タイトルディスクリプションの見直しをメインに、altも対策をすることになり、ソースを見ると、たまにalt入っ...
Wordpress RICOH(リコー)のホスティングサービスでまともなワードプレスを使用する方法
ホームページ制作時、新規案件の場合は弊社ではエックスサーバーやさくらインターネット、カゴヤなどを使用しています。これらは比較的PHPのバージョンなど、ワードプレスをインストールするにあたって問題は特にありません。リニューアル案件が来た時、大...
HTML/CSS ウェブサイト更新時にキャッシュのせいで更新されない問題を解決
「更新致しました。ご確認のほどよろしくお願いいたします。」と、お客様に報告したあと、「表示が変わってないんですが」とか言われてないでしょうか。出来る限り上記のやり取りをなくすため、キャッシュを残さないようにしましょう。パラメータをつけるCS...
JavaScript,jQuery jQueryでセレクトボックスの特定optionを削除する
すごいニッチな内容ですが、実際に業務にあったことで、ワードプレスで構築したサイトで各記事毎にメールフォーム（contactform7）を設置し、送信するとその記事のタイトルを含めてメールが届くといったものでした。その際、メールフォームにセレ...
JavaScript,jQuery 画像をトリミングしてくれるCSS【object-fit】をIEにも対応させる方法
例えばギャラリー一覧ページなどで、サムネイルサイズがバラバラだと格好がつかないので、全部同じサイズで揃えたいときなんかに、便利な【object-fit】というCSSがありますが、IEに対応していません。以下サンプルのように、【object-...
ビンゴカード ビンゴカードにスクリーンショットをダウンロードする機能をつけました
スマホでビンゴカードにスクリーンショットの機能を追加しました。以下画像の赤枠の「スクショ」ボタンをクリック頂くと、ビンゴカードをpng画像にてダウンロード頂けます。以下画像がサンプルです。数字がクリック（タップ）された状態もそのまま保存する...
HTML/CSS iPhoneでinputにテキスト入力しようとするとズームする件を解決
iPhoneで例えばお問い合わせフォームなどの入力を行おうとして、テキストボックスをタップしたときに、ズームされる場合があります。これは、iOSで入力フォームのフォントサイズのデフォルト値が16pxに設定されているためです。そのため、inp...
JavaScript,jQuery FirefoxでJavaScriptのwindow.closeが効かない場合の解決方法
Firefoxでは、別タブ等で開かれたページを「window.close()」で閉じることが出来ません。これはFirefoxのセキュリティポリシーで決められていることなので、どうにもできませんが、以下のJavaScriptで一応は解決可能で...
JavaScript,jQuery 【jQuery】テキストエリアで1行毎に文字数をカウントして任意の数値を超えたらアラートを出す
メールの規約に「RFC2822」というものがあります。この規約により、メールの本文で文字数が998バイト以上（日本語なら500文字くらい）の場合に、自動的に改行が挿入されて、改行以降が文字化けしてしまう現象が大体起こります。そういった文章が...