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

イントロダクション

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

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

人は必ずミスを犯す-プログラムを作成してみると、とても実感できます

イントロダクション

”絶対にミスを起こさないようにしたい"
どうしてもそう思いがちになります。

ミスを犯すと、その対処にコストがかかります。
ミスを犯さないように対策するために、コストがかかります。

ミスを犯さずに、最速でゴールに到達できればどんなに良いことでしょう。


でも、人はミスを犯すものです。
それを実感したい場合には、ある程度長いプログラムを実際に作成してみると良いでしょう。

はてなブックマーク：人気エントリーや新着に表示されているページが見つからない場合 - 長いURLが原因かも？

イントロダクション

ブラウザ版のはてなブックマークの、人気エントリーや新着が記載されているページにて、ごくまれに存在しているはずのページにアクセスすると、ファイルが見つからない(404)場合があります。

いままではてっきり、元のファイルが消されただけだと思っていたのですが、そうではない場合もありました。

ブラウザに保存した、Webサービスへのログイン情報（ユーザ名、パスワード）が、自動的に入力されない-ログイン情報を記憶させたページのURLと、現在ログインしようとしているページのURLが異なる可能性があります

イントロダクション

インターネットを通じて、様々なサービスが提供されるようになりました。

ファイル共有、情報共有、ショッピング等々、例を挙げればきりがありません。


さて、そのようなインターネットを通じて提供されるWebサービスでは、個人を認証するためにユーザ名とパスワードによるログインを採用していることがほとんどです。

それらのログイン情報は、安全のためにWebサービスで共通のユーザ名・パスワードの組み合わせではなく、すべてのWebサービスで異なるユーザ名・パスワードの組み合わせを使用した方が良いでしょう。


しかし、それらのユーザ名・パスワードの組み合わせは、使用するWebサービスが増え毎に増加するために、とても頭の中で記憶していられるものではありません。

そこで、重要度の低いWebサービスに対しては、ユーザ名とパスワードの組み合わせをブラウザに記憶させている人もいると思います。

Chrome：フォームのユーザ名とパスワードの組み合わせが、正常に保存できない時の対処法

イントロダクション

各種Webサービスのログインに使用するユーザ名とパスワードは、それぞれのWebサービスごとに異なるものを設定しているので、すべて覚えていることは困難です。


そこで、私の場合には、それほど重要度が高くないWebサービスに対しては、ユーザ名とパスワードの組み合わせをブラウザに記憶させています。

そうすることで、わざわざユーザ名とパスワードを、Webサービスのログイン画面が表示されるたびに入力し直さなくても、ブラウザが自動的にそのWebサービスのユーザ名とパスワードを入力した状態にしておいてくれます。

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

イントロダクション

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

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

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


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

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

IME：日本語入力ができなくなった！半角/全角キーで、アルファベットの半角・全角しか切り替わらなくなった時の切り札

イントロダクション

Chromeブラウザを使っているときに異変に気が付きました。

キーボードの「半角/全角」キーを押しても、アルファベットの半角・全角しか切り替わらなくなったことに。

いつもは、キーボードの「半角/全角」キーを押すと、アルファベットの半角と、日本語のローマ字入力を切り替えることができます。


たまに、このような現象が発生するので、いつもはタスクバーにある日本語入力をするためのソフトウェアであるIMEのツールバーにて、日本語入力に切り替えていました。

しかし、今回の異変はいつもと異なりました。
タスクバーにあるはずのIMEのツールバーが、Chromeを操作するときだけ表示されないのです。

Windows のタスクバーに表示されているIMEのツールバー

↓

なぜか、Chrome を操作するときにだけ
Windows のタスクバーに表示されているIMEのツールバーが
表示されない

他のアプリケーション（メモ帳など）を操作するときには、表示されています。


おそらく、Chromeを再起動したり、パソコンを再起動すれば治るとは思いますが、ちょうど今作業中のウィンドウを数多く開いているため、できれば再起動はしたくありません。


そんな、半角/全角キーで、アルファベットの半角・全角しか切り替わらなくなったうえに、IMEのツールバーが表示されない時の切り札があります。

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

イントロダクション

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

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


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

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

Blogger:投稿のフッターを投稿ページのみ表示するようにする

イントロダクション

Google のブログサービス「Blogger」では、テンプレートの HTML を編集することで、ブログを様々な形へカスタマイズすることが可能になります。


今回は、投稿の下部に表示されているフッター部分を、投稿ページのみ表示するようにしてみましょう。

Blogger:BloggerのテンプレートのHTMLを編集するときに気を付けること

イントロダクション

Google のブログサービス「Blogger」では、ブログを形作るテンプレートの HTML に手を加えることで、他のブログサービスでは実現できないような自由な表現が可能になります。

さて、そのような Blogger のテンプレートの HTML ですが、一歩編集を間違えると、Blogger からエラーメッセージを通知されたり、ブログそのものが表示不能に陥ったりします。

そのため、Blogger のテンプレートの HTML を変更する際には、十分に注意して変更を行う必要があります。


しかし、人は必ずミスを犯すものです。
100% 間違えないなどというおとはあり得ません。


そこで、Blogger のテンプレートの HTML の変更前・変更後に行っておきたい作業をまとめました。