WEB／システム／IT技術ブログ

さくらレンタルサーバで独自SSL（SNI SSL）でマルチドメインをHTTPS化する

ジオトラストのラピッドSSLを導入して、さくらレンタルサーバのSNI SSL機能で複数のドメインをHTTPS化してみます。

  • GoogleがSEOの観点でSSLを導入したページを優遇することを発表
  • 個人的に管理するCMSサイトの割合が増加しセキュリティの課題が増した

これらの理由から、SSLの導入を真剣に検討することにしました。
※GoogleのSEOについては、明確な効果が得られるほど重点は置かれていないとされていますが、将来を見越して導入しておいて損はないでしょう。

SSLの個人導入にはコストがかかる

これまでSSLの導入に踏み切れなかった最大の要因として、コストがあります。

多くの簡易レンタルサーバでは無料で共有SSLを利用することができますが、以下の理由から正直、ほとんど使い物になりません。

  • 独自ドメインを利用できない
  • 同一サーバ内にある他者とSSLを共有するといった意味で信頼性が薄い

そこで、共有SSLではなく独自SSLの導入を検討するのですが、年間数万円のコストがかかります。
マルチドメインで複数運用している場合、単純に掛け算で年間数十万円のコストがかかり、とても個人では導入できません。

「さくらレンタルサーバで独自SSL（SNI SSL）でマルチドメインをHTTPS化する」のつづきを読む

Windows 8.1でWi-FiプロセスのCPU使用率が上昇する問題

原因は分かりませんが、たまにWindows 8.1でWi-FiプロセスのCPU使用率が急に上昇することがあります。

はじめてこの現象に気が付いたのは、電源ケーブルなしでノートPCを使用している時です。
いつもよりバッテリーの消費が早い。本体がなんだか熱い。ファンがいつもより激しく回っている。
特に重い処理を実行しているわけでもなく、大容量の通信をしているわけでもありません。

タスクマネージャーを起動すると「Windows Wireless LAN 802.11 Extensibility Framework」という謎のプロセスのCPU使用率が急上昇しています。

win8wifi

取り急ぎ、この状況を回避するためには、コントロールパネルのネットワーク接続から、Wi-Fiを動かしているネットワークデバイスを無効化します。
ここでタスクマネージャーから上記のプロセスが消えるはずですが、もしも残る場合は、タスクマネージャー上から終了させます。
その後、再びネットワークデバイスを有効にすると、上記のプロセスが復活しますが、CPUの使用率上昇は0%になっています。

どうやら、このプロセス自身が悪いものではないようですが、何かをきっかけに暴走するようです。

いろいろ調べてみましたが、暴走の原因を究明することはできませんでした。。
私の場合、ノートPCを外出先で使用するとき、いくつかのアクセスポイントを切り替える過程で発生しているような気がします。

もう少し調べてみます。。。

「Windows 8.1でWi-FiプロセスのCPU使用率が上昇する問題」のつづきを読む

WordPressで「get_search_form」を使ったサイト内検索の実装

WordPressにはデフォルトでサイト内検索の機能があります。
今回はその検索フォームの設置、検索結果一覧ページの実装方法です。

検索フォームの設置

以下の関数をコールするだけで、検索フォームを設置することができます。

<?php get_search_form() ?>

ヘッダ、フッタやサイドメニューなど好きな所に「get_search_form」を記述するだけです。
すると以下のデフォルトコードが出力され、検索フォームが表示されます。

<form role="search" method="get" id="searchform" class="searchform" action="http://cms.helog.jp/">
<div>
<label class="screen-reader-text" for="s">検索:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="検索" />
</div>
</form>
「WordPressで「get_search_form」を使ったサイト内検索の実装」のつづきを読む

フォームセレクトを装飾するjQueryベースプラグイン「customSelect」

デザイン性からフォームの「select」を装飾することがしばしばありますが、CSSのみでの装飾には限界があります。
それがIE7やIE8など、古いブラウザに対応させるとなるとなおさらの事です。

装飾にJSを利用するのはあまり好きではありませんが、最終手段として重宝しているのがjQueryのプラグイン「customSelect」です。
jQuery Custom Select Box Plugin – jQuery.customSelect()

しくみとしては、スクリプトで既存のselect句の上に空のレイヤーを重ねて、それを装飾できるようにしています。
また、そのレイヤーを選択した場合にselectのような挙動をさせて、既存のselect句のvalueと同期するように制御してくれます。

導入方法については公式サイトにもありますが、いたって簡単です。

「フォームセレクトを装飾するjQueryベースプラグイン「customSelect」」のつづきを読む

WordPressのカテゴリ管理画面でID情報のカラムを追加する

WordPress のカテゴリ管理画面でID情報のカラムを追加して、ソート可能にする方法です。

デフォルトのカテゴリ管理画面では、リストにカテゴリIDは表示されていません。
「編集」のパスからIDを抜き取る方法がありますが、スマートではありません。

またWordpressはカテゴリ一覧の表示順を指定できないことがしばしば課題になりますが、
IDでソートする方法もあり、その場合にやはりIDを表示する画面は必要になります。

フックを設定してカテゴリIDカラムを追加する

まずは、function.phpなどに以下のフック処理を追加して、IDカラムを表示させます。

「WordPressのカテゴリ管理画面でID情報のカラムを追加する」のつづきを読む

Subversionのフットスクリプト（hooks）を利用してさまざまな処理を実行してみる

Subversionのフットスクリプトを利用することで、サーバサイドでコミット時にさまざまな処理を実行することができます。

サーバ上のリポジトリ設置ディレクトリ直下の「/hooks/」ディレクトリに配置されてるファイルにスクリプトを記述することで、処理を実行することができます。
ファイルの種類により実行のタイミングが管理されており、それぞれ以下のようになっています。

start-commit コミットトランザクション作成前
pre-commit コミット前
post-commit コミット後
pre-revprop-change リビジョン属性変更前
post-revprop-change リビジョン属性変更後
pre-lock ロック取得前
post-lock ロック取得後
pre-unlock ロック解放前
post-unlock ロック解放後

リポジトリを作成したデフォルトの状態で、各テンプレートファイルが用意されているので、そのファイルをリネームすることで用います。
例えば「start-commit.tmpl」ファイルがあるので、コピーまたはリネームで「start-commit」というファイルを作成し、テキストエディタで開いてスクリプトを記述します。
ファイルを用意するだけで、後はコミット時に自動的にファイルの内容を読み込んでスクリプトが実行されるしくみです。

それでは、いくつか具体的な処理にトライしてみます。
ちなみに今回、SubversionサーバはUbuntu 14.04で試しているのでLinuxコマンドの処理となりますが、もちろんWindowsサーバでも同等の事が実現可能です。

「Subversionのフットスクリプト（hooks）を利用してさまざまな処理を実行してみる」のつづきを読む

「今ならWindows10へ無償アップグレード・・・」のポップアップを非表示にする

Windows 7 Professional 64bitを使っているのですが、最近、Windows 10へのアップグレードを促すポップアップに悩まされています。

update_win10_01

「Windows 10のご紹介
今ならWindows 10へ無償アップグレードすることができます さあ、今すぐ予約を
予約は期間限定です Windows 10 詳細」
つまり、今なら期間限定でWindows 10に無償でアップグレードができるようです。

「「今ならWindows10へ無償アップグレード・・・」のポップアップを非表示にする」のつづきを読む

HTML5の新機能「Geolocation API」を使用して位置情報を取得する

HTML5の新機能「Geolocation API」を使用して位置情報を取得します。

HTML5が公開され、いくつかの新機能が策定されましたが、中でもその有効性が期待されているのが「Geolocation API」です。

これまでの位置情報取得技術

一昔前までは、Webブラウザで現在地を取得する方法としては、例えばマシンのIPアドレスから位置を特定する方法がありました。しくみはとても単純で、IPと位置情報の紐づけはデータベース化されており、その精度はデータ量によるというものでした。
そのため、IPがプロキシサーバで偽装しているなどの場合に、正確な位置情報を決定できないという問題などがありました。

その他理由からも、ブラウザから正確な位置情報を取得するということは、当時は困難であり、サービスコストのかかる技術だったといえます。

「HTML5の新機能「Geolocation API」を使用して位置情報を取得する」のつづきを読む

Bootstrapプログレスバーの長さをアニメーションで制御する

処理進捗やLoading状態を表現するプログレスバーですが、今回はBootstrapのプログレスバーの長さをjQueryでアニメーション制御します。

こちらがBootstrapのデフォルトのプログレスバーです。

30% Complete 
<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
    <span class="sr-only">30% Complete</span>
  </div>
</div>

このバーの長さを制御するためには、単純にwidthの値をJavaScriptで変更するだけで良いです。
BootstrapでデフォルトのTransitionプロパティが指定されているので、CSS3が有効なブラウザ上でwidthの指定だけでアニメーション効果が得られます。

「Bootstrapプログレスバーの長さをアニメーションで制御する」のつづきを読む

Monthly Archives