情報科学屋さんを目指す人のメモ

Google Search Consoleの「ウェブに関する主な指標」に、「CLSに関する問題: 0.25 超（モバイル）」というエラー（不良）が突如出現するようになり、改善を行いました。 そのときの内容（かなり概要です...

Twitterに埋め込み表示されたYouTube動画のプレイヤー右下にある「全画面表示」ボタンをタップしても「全画面表示はご利用いただけません」と表示されてしまい、全画面表示にできません。この問題について。 「全画面表示...

Chromeから閲覧したときに、JavaScriptで描画しているパーツなどが正しく表示されない状態になっていることに気が付きました。Twitterの埋め込みなどもそうです。この問題が発生した際の症状と対策についてメモし...

最近、アクセシビリティ界隈の話題が目にとまるようになって、LINEでVoiceOverが正常動作しなくなった話を書いたりもしたのですが、今回iOS10がリリースされたとき、user-scalable=noが無視されていつ...

CloudFlareを導入して、いろいろ修正が必要な不具合が発生しており、その都度少しずつ直したりあきらめたりを繰り返しているのですが、ひとつ目立つトラブルに、本文の一部が突然「[email protected]」という...

NHKスペシャルの公式サイトの、本日放送の「CYBER SHOCK(サイバーショック) 狙われる日本の機密情報」のページがFacebookで共有されていたのですが、そのタイトルの中に「<br>」が表示されてい...

Android端末（optimus LTE L-01D）の標準ウェブブラウザにて、CSS の min-height が効いていないことに気が付きました。Androidでmin-heightが効かない、という話やその対策が...

よく、外部リンクの末尾に、小さいアイコン画像を配置することがあります。これは、aタグにpadding-rightを追加し、backgroundにアイコン画像を指定して右に配置すれば比較的簡単に実現できます。しかし、最近は...

Xperia Z2 SO-03F でページを表示してみると、Nginxでのモバイル判定は上手くできていて、HTMLはモバイル用が出力されているものの、モバイル用のCSSが読み込めていませんでした。そのときの原因と対策をメ...

ウェブサイト用のminimapを作ろうと思って、地味にcanvasに描画する方法やhtml2canvasを使う方法を試してみたのですが、それぞれ結局ダメだったのでダメだった報告をメモしておきます。 minimapって？ ...

HTMLやJavaScriptを使って、現在のページをお気に入りに追加してもらう「お気に入りボタン」を、スマートフォンユーザ向けに設置する方法について調べてみた時のことをメモしておきます。たしかAndroidについても調...

今回は、投稿本文中のリンクタグ（aタグ）にある「target=_blank」要素を、「外部サイトへのリンクには付ける」かつ「内部ページへのリンクには付けない」を強制的に適用する方法をメモします。 外部サイトへのリンクに『...

このWordPressブログを表示する際に、ページの最上部になぜか一瞬空白が表示されるようになってしまいました。その原因についてメモしておきます。 謎の空白 一瞬だけ、次の画像のような空白がbodyタグの最上部と思われる...

今までWP Social Bookmarking Lightプラグインを使ってツイートボタンやはてブボタンを設置していたのですが、特別な使い方をして、好き勝手な位置に配置していました。しかし、バージョンアップを行った結果...

便利だからという理由で、自分のブログによく使うサイトのリンクを貼り付けたり、アクセスカウンタを設置したりしていませんか？本来なら、それは自分が見るときだけ表示されればいいものです。というよりむしろ、他人にとってはジャマな...

WordPressの本文中でHTMLコメントを使用すると、勝手にコメント部分が変換されてしまい、コメントの部分より後ろがすべてコメントアウトになってしまうことがあります。これを防ぐための対策についてメモ。 問題が起こるコ...

前回ツイートボタンの作成方法を紹介しましたが、今回は、はてなブックマークボタンの設置方法をメモします。 今回作るはてなブックマークボタン ボタンの表示例はこちら。 これをクリックすると、次のような、ブックマークをする画面...

WordPressで自分で作った画像をツイートボタンにする方法についてメモしておきます。調べて出てきた方法が使えなかったりして混乱してしまいました。 オリジナルのはてなブックマークボタンの設置方法はこちらです→「Word...