2019

HTML/CSS

[SnapWidget]InstagramGraphAPIを使わずに簡単に埋め込む方法

※2020/08/01更新 最新InstagramGraphAPI7.0対応版上記記事のように正式な手順を踏んでやる場合、Facebookページ作って、インスタと連動してビジネスアカウントにして、個人アカウントを管理者アカウントにして、Fa...
Wordpress

WordPress5.3.1以下の脆弱性対応は5.3.1にアップデートをするということではない

今回の脆弱性修正版のアップデートもですが、ニュースサイトとかで見て危機感を覚えたお客様から「これはやばい!今すぐ5.3.1にアップデート!」とメールやら電話やらが来ることがあります。こういった場合に、危機感を抱くのは勿論重要なことですが、ニ...
JavaScript,jQuery

ページ内リンク(アンカーリンク)でスムーズに移動させる(絶対URL・相対URL対応)

ページ内リンク(アンカーリンク)は基本的に【<a href="#link">】といった感じで指定しますが、たまにグローバルナビやフッターのリンクなど全ページ共通箇所でリンクを指定している場合があります。そういった場合、相対パスで各ページに書...
その他

slackのリマインダーで分刻みの時間指定で通知を行う方法

弊社ではNFCリーダーを利用して、各社員のICOCAやら携帯やらをタイムカードとして利用しています。そのタイムカードのことで、押し忘れる人がたまにおり、なんとか改善できないだろうかとの相談を受けました。とりあえず、簡易的な処置ですが、全社員...
その他

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-...