Contact Form 7 リアルタイムでエラーをチェックをする方法

最近よく目にするEFO(エントリーフォーム最適化)、その中で重要でかつ、あまり実践されていないのが、ユーザーがどの入力項目にエラーがあるのかリアルタイムで把握できる機能ではないでしょうか。僕もよく、入力が完了し送信ボタンをクリックした後に、「全角で入力してください」とエラーを出されイライラさせられるフォームに出会います。僕は慣れているのでこれでフォームから離脱することはないのですが、あまりパソコンやスマホに慣れていない人は面倒くさくなって離脱してしまうという気持ちが分かります。

ですので、WordPressのお問い合わせフォームなどのメールフォームプラグインでよく使われているContact Form 7 にリアルタイムでエラーをテェックできる機能を追加できないかと思いやってみました。今のところ問題なく動作しています。

“Contact Form 7 リアルタイムでエラーをチェックをする方法” の続きを読む

全天球360°カメラ Bublcamレビュー

Kickstarterでbackした全天球360°カメラ「Bublcam」が届きました。
当初は2014年5月に届く予定でしたが、延びに延び2015年8月にようやく届きました。もう届かないのではないかと思っていたのでホッとしています。

まずは、Bublcamで撮影した360°映像をご覧ください。上が360°画像で、下が360°動画です。PCならマウス、スマホやタブレットなら指でグリグリすると動かせます。

360°画像

360°動画

この360°画像&動画がボタンを1つ押すだけで作れてしまうのがBublcamです。

“全天球360°カメラ Bublcamレビュー” の続きを読む

WordPress プラグインなしでソースコードをシンタックスハイライトさせる方法 highlight.js

WordPressで記事の中にソースコードをシンタックスハイライトさせる方法としてSyntaxHighlighter Evolved Crayon Syntax Highlighterといったプラグインを利用する方法が一般的だと思いますが、「highlight.js」というJavaScript ライブラリを使う方法もあります。

highlight.jsを使うメリットとしては、軽量でサクサク表示してくれるということが1番目・・・というかこれにつきると思います。また、WordPressプラグインをむやみに増やしたくないという人も多いかと思いますので、そんな人にもhighlight.jsはおすすめです。バージョンアップも頻繁に行われており、新しいスタイルや言語も追加されていっているので気分転換にちょこちょこスタイルを変えて楽しむということもできます。

“WordPress プラグインなしでソースコードをシンタックスハイライトさせる方法 highlight.js” の続きを読む