PCのブラウザ版Twitter:Internet Explorer 9以前では、モバイル版にリダイレクトされるようになったようです。古いIE対策にこういう手段もあるのか

イントロダクション

本日、久しぶりに Windows Vista (Business 64bit)に搭載されている、Internet Explorer 9にて、Twitter にアクセスしました。

すると、普段見慣れない画面が表示されていました。

Windows Vista (Business 64bit)に搭載されている、
Internet Explorer 9にて、
Twitter にアクセスしたときの様子

「旧バーションのInternet Explorerを使用しているため、
mobile.twitter.comにアクセスしています。 」

どうやら、パソコンのブラウザからのアクセスであっても、モバイルのブラウザからアクセスしたときに表示されるモバイル版のTwitterが表示されているようです。

情報セキュリティ10大脅威 2015 解説資料公開 - セキュリティの最新動向を抑えよう！

イントロダクション

IPA（独立行政法人情報処理推進機構)が、2015年2月6日に公開した「情報セキュリティ10大脅威 2015」の解説資料が、2015年3月25日に公開されました。

下記ページより、ダウンロードすることができます。

情報セキュリティ10大脅威 2015：IPA 独立行政法人 情報処理推進機構
https://www.ipa.go.jp/security/vuln/10threats2015.html

シンプルなアイキャッチ画像ジェネレータを作成してみました - アイキャッチ画像生成自動化を追求します

イントロダクション

ブログページやWebページに含まれている画像は、FacebookやGoogle+といったSNSで拡散されたときに、サムネイル画像として用いられるようになりました。

また、ブログ内の関連記事表示や、新着情報、人気の投稿、過去の投稿といった記事の一覧を表示するものでは、記事のタイトルとサムネイル画像がセットで表示されることが多いです。

他にも、様々なサービスで、ブログページやWebページに含まれている画像を、記事紹介時のサムネイルとして使用するケースが目立っています。


すると、記事の中に画像が含まれないブログページやWebページは、相対的に目立たなくなってしまいます。

また、サムネイル画像が無いと、パッと見で記事一覧を見た時の視認性が、サムネイルがある場合と比べて劣るように感じます。


しかし、わざわざテキストしかないブログページやWebページで、別途サムネイル画像を用意するのは手間がかかります。


そこで、そのページのキーワードを基に、アイキャッチ画像を生成する Web サービスを作成してみました。

JavaScript:ページタイトルとURLを一か所に表示する(3) - 遅延&エラー処理追加 - URLはcanonicalから取得します

イントロダクション

前回、ページタイトルと(正規化された)URLのペアを生成する JavaScript コードへ、自動選択機能追加を追加してみました。

JavaScript:ページタイトルとURLを一か所に表示する(2) - 自動選択機能追加 - URLはcanonicalから取得します
http://upa-pc.blogspot.com/2015/03/javascript-page-title-and-canonical-url-2.html


今回は、そのコードに対して、以下の改良を行いました。

JavaScript:ページタイトルとURLを一か所に表示する(2) - 自動選択機能追加 - URLはcanonicalから取得します

イントロダクション

前回、ページタイトルと(正規化された)URLのペアを生成する JavaScript コードを作成しました。

JavaScript:ページタイトルとURLを一か所に表示する(1) - シンプル版 - URLはcanonicalから取得します
http://upa-pc.blogspot.com/2015/03/javascript-page-title-and-canonical-url.html


今回は、そのコードを少し改良し、ページタイトルと(正規化された)URLのペアをクリックしたら、コピーし易いように自動的にそのテキストを選択状態にしたいと思います。

JavaScript:ページタイトルとURLを一か所に表示する(1) - シンプル版 - URLはcanonicalから取得します

イントロダクション

「これは参考になる！」というページを見つけると、その情報を誰かにシェアしたくなります。

参考になる情報は、自分の友人・知人とシェアして、その知見を分け合ったり、それについて議論を深めたくなるものです。


その時に、意外と手間になるのが、ページタイトルと、ページの URL を個別にコピーして、メールやチャットツールなどへ張り付ける行為です。


何故、ページのURLに加えて、ページタイトルを送るのかは、以下に理由を記載しました。
何故、Webページをシェアするときに、URLだけではなくページタイトルも付与するのか？
http://upa-pc.blogspot.com/2015/03/web-url-share-with-title.html


一般的にページタイトルと、ページの URL をメールやチャットツールなどへ張り付けるには、以下の手順が必要です。

(1) ページタイトルをコピー
(2) ページタイトルをメールやチャットツールなどへ張り付け
(3) URLをコピー
(4) URLをメールやチャットツールなどへ張り付け


4 ステップも必要になります。
もし、ページタイトルとページの URL が同時にコピー出来たら、どんなに楽でしょうか。

であれば、

(1) ページタイトルとページの URL をコピー
(2) ページタイトルとページの URL をメールやチャットツールなどへ張り付け

の 2 ステップで作業が完了します。


Twitter や Facebook のような SNS を使って情報を拡散する場合には、公式で用意されているシェアボタンを設置すれば、タイトルとページのURLを簡単に他人とシェアすることができます。

そのくらい簡単に、ページタイトルとURLをコピーできるようにしたいものです。


そこで、Webページの制作者向けに、ページタイトルとURLを一か所に表示する JavaScript コードを作成してみました。

IPA:安全なウェブサイトの作り方 改訂第7版が公開されました

イントロダクション

IPA（独立行政法人情報処理推進機構)が、Webサイトの開発・運用者向けに公開している資料「安全なウェブサイトの作り方」の改訂第7版が2015年3月12日に公開されました。

プレス発表　「安全なウェブサイトの作り方 改訂第7版」を公開：IPA 独立行政法人 情報処理推進機構
https://www.ipa.go.jp/about/press/20150312.html

web制作：ブログやwebサイトのページの、読み込み時の負荷を減らすには？ - 見えない部分の処理を遅延させる方法があります

イントロダクション

Webサイトやブログの、各ページの読み込み時の負荷は、少なければ少ないほど良いです。

ページが表示されるまでに、ページが真っ白であったり、ページ内の要素が表示されるまでに時間がかかったりすると、閲覧者に待ち時間が発生することになり、ストレスを与えることになります。

最悪、ページの表示待ち時間が長すぎると、閲覧者はページを表示させるのを諦めて、立ち去ってしまうこともあります。


Web制作者は、このページの読み込み負荷を減らすために様々な工夫をしています。

その一つに、見えない部分の処理を遅延させるという方法があります。

JavaScript:1度のみ実行できる関数を作成する関数 - 2回目以降は空又は任意の処理を実行します

イントロダクション

JavaScript を使用してプログラムを書いていると、この処理は絶対に 1 度しか実施されないことを保証したいということがあります。

例えば、情報をサーバやストレージへ書き込むような処理を連続クリックから保護したいケースや、外部サーバから画像やスクリプトを取得する処理で（何らかのバグがあり）短時間に大量のリクエストを送ってしまうのを防ぎたいケースです。


そのようなケースでは、いろいろな対策が考えられますが、その１つとして１度しか実行できない関数を作成するというケースです。

では、実際にソースコードを見てみましょう。

スマートフォン：長いページの場合、トップに戻るがないと辛い

イントロダクション

最近スマートフォンを使っていて気が付いたことがあります。

それは、スマートフォンでスクロールが必要な長いページを表示していた場合、タッチ一つで「トップに戻る」ことができないと、かなり操作が大変だということです。

スマートフォン/PC:タッチ操作とマウス操作では、Webページの操作感が大きく異なる

イントロダクション

最近は、インターネットのWebページを閲覧するのにパソコンを使うのではなく、スマートフォンやタブレットといった、タッチパネルで操作する端末からのアクセスが多くなりました。

私自身も、主にパソコンでインターネット上のWebページを閲覧していますが、外出先ではスマートフォンでWebページを閲覧しています。

また、家の中に居ても、横になりながらといったリラックスした状態では、タブレット(iPad) を使ってWebページを閲覧しています。

便利なWebサービス! 改行やインデントが削除されて見づらくなったJavaScriptコードを見やすく成形！

イントロダクション

既にWeb上で動作しているJavaScriptコードや、機械的に自動生成されるJavaScriptコードは容量を削減するために、改行やインデントが削除されて見づらくなっていることがあります。

そんな JavaScript コードを手軽に見やすくする方法はないか調べてみたところ、ありました！

ローカル環境でwebページをテストするときに（重要ではない）外部サービスの応答待ちでページの表示が激遅のときの対処

イントロダクション

ローカル環境で web ページのテストを行うことはよくあります。
この時に、テスト対象の web ページ内に、外部の web サービスへアクセスする要素(<script>など）（以下、外部要素）が含まれていることがあります。

特に問題なく動作する外部要素もありますが、ものによっては web サーバ上でしか動かず、読み込みがタイムアウトするまでページの表示がそこで止まってしまうものがあります。

ローカル環境で効率的にテスト作業を行う上で、その待ち時間は非常にもったいないものになります。

そこで、私は以下の方法で対処しています。

Webサービスリリース!<pre> Generator for SyntaxHighlighter - SyntaxHighlighter用の<pre>タグを作成するWebサービス

SyntaxHighlighter用の<pre>タグを作成するWebサービス

「<pre> Generator for SyntaxHighlighter」

の公開を開始しました!

URLから参照用のリンクを作成するWebサービス「HTML Reference Link Generator」を公開しました

URLを入力として、URL先からタイトルを取得した参照用のリンクのHTMLを自動的に生成する Web サービスの公開を開始しました!!