何度見ても「いやーこれはやられちゃったな〜」と思ったスマートフォン用のページデザインに出会ってしまったので紹介します。
今回紹介するのは「病院・薬局様のウェブサイト」のモバイルページです。
見たら一目瞭然なのでスマートフォンで表示しているイメージを。
それがこちら。
ちょっと分かりづらいですかね…？
普通にスクリーンショットを撮ったものが以下の画像です。
First View（＝ページを開いて最初に見える部分のこと）はシンプルに青緑系のベタの背景色に、白の文字とロゴのみ。
超シンプルです！
こんなのでいいのか！？
先週の3月21日に初級ウェブ解析士（一般社団法人ウェブ解析士協会）の講義と試験を長岡で受けてきました。
講師はウェブ解析士マスターの資格を持つ小杉さんでした。（ウェブ解析士マスターは最上位の資格です）
なぜ初級ウェブ解析士資格試験を受けようと思ったのか。
それはウェブを利用したビジネスの全体像を勉強してみたかったためです。
「初級ウェブ解析士 認定試験公式テキスト」（第6版）のP.10によれば、ウェブ解析士の立ち位置はウェブマーケターで、ウェブ制作者のプログラマーやウェブデザイナーの上流にあたります。
画像出典：「初級ウェブ解析士 認定試験公式テキスト」（第6版・一般社団法人ウェブ解析士協会）P.10
現状、私の仕事としては、ほとんどの時間が「ウェブ制作者」として、テンプレートを作ったり、HTMLを書いたりする仕事が非常に多いので、その上流の仕事を知ることで、より作業効率や作業の作法・考え方が変わるのではないかなと思って初級ウェブ解析士の勉強と試験を受けようと思いました。
Microsoftに買収されたSkypeがようやく正式な仲間として、認められてきたのでしょうか。
Windows Updateに更新が来ているな〜と思って見てみたら、オプショナルな更新の方にSkypeがありました。
kb2876229と更新の番号も付与されています。
画面はWindows 8.1ですが、会社のWindows 7のPCにも同じ更新が来ていました。
今回は画像一発ネタです。
サッカー日本代表の長谷部選手の結婚報道が出て、祝福ムード真っ最中の中、本人がブログで結婚報道を否定しながらも交際の否定はしなかったりと、盛り上がっていますね。
サッカー日本代表ＭＦ長谷部誠（３１）＝ドイツ１部フランクフルト＝が１７日、自身のブログを更新し、モデルでタレントの佐藤ありさ（２６）との結婚報道を否定した。
長谷部は「朝から相当な数の祝福メールを頂いていますが、記事に出ているような、将来についての事は何ら決まっている事はありません。お騒がせしてしまい申し訳ありません」などと謝罪しながら説明。一部で報道された今秋の結婚は否定したものの、交際していることについては否定しなかった。
長谷部誠が佐藤ありさとの結婚報道を否定、交際について否定せず - ライブドアニュース
それで、Androidで提供されている「Marvel オールスターバトル」というゲームの話なのですが、この中に出てくるコロッサスというキャラが勝利したときの画像が長谷部選手に似ているな〜と毎回思っています。
コロッサスが勝利したときの画像はこちら。（画像クリックで拡大します）
長谷部選手より顔が少しごっつい感じですが、何か似ていませんか？
余談に書いたイベントのため、ミュータント属性のコロッサスで戦うことが多く、この勝利画面を何度も何度も見ていて、思わずブログに書いてしまいました（汗）。
それでは。
今回はMovable Typeのコミュニティで質問されていた「●●以前のエントリー記事だけ表示させる」テンプレートコードの紹介です。
実際の質問はこちら。
■要件
記事一覧があるページというと、
通常、最新記事から古い記事を順に表示していくと思うのですが、
たとえば[2007年度以前]の記事だけを表示させることは可能でしょうか。くわしい説明はこちらに図にしております。
記事一覧で〇〇年以前の記事だけを表示させることは可能でしょうか。 - MTQ | Movable Type ユーザーコミュニティ
http://pppearl.jp/data/mt/zu3.jpg
回答に「プラグインを使えばできますよ」というものがあって、それで解決しているのですが、何でもかんでもプラグインというのは問題では…と思っているので、標準のテンプレートタグだけで何とかしてみます。
今回は少し（？）お恥ずかしい話を。
会社のウェブサイトで営業所や店舗一覧みたいなページってありますよね。
そこに各営業所や店舗の地図を入れることも多いですよね。その際に、地図を描くのではなく、Googleマップを入れることも多いのではないでしょうか。
ウェブページ配置用のGoogleマップには、２つのタイプがあります。
まず、拡大・縮小・スクロールなどの操作ができるインタラクティブタイプがあります。
そして、単なる画像として表示するスタティックタイプ（Google Static Maps）です。
この単なる画像として表示するGoogle Static Mapsはいわゆるガラケー（スマートフォンではない携帯電話）のブラウザーでも表示できるので、結構以前から使用されていました。
私は以前からウェブページの制作でGoogle Static Mapsを使用していますが、現在でも、よく使用しています。
このGoogle Static Mapsは画像としてimgタグで挿入できるので、コントロールがしやすくて便利なのですが、会社のスタッフから「会社の事業所案内のページで地図が表示されないことがある」との意見をもらいました。
早速確認してみると、地図は表示されています。
ただ、何回かリロードしてみると表示したり、しなかったり…。
謎の現象です。（表示されるかされないかはっきりしてくれ！）
3月8日は国際女性デー（国際婦人デー）だそうですね。
Wikipediaによれば、アメリカの婦人参政権に対するデモが起源のようですね。
1904年3月8日にアメリカ合衆国のニューヨークで、女性労働者が婦人参政権を要求してデモを起こした。これを受けドイツの社会主義者・クララ・ツェトキンが、1910年にコペンハーゲンで行なわれた国際社会主義者会議で「女性の政治的自由と平等のためにたたかう」記念の日とするよう提唱したことから始まった。
国際女性デー - Wikipedia
私は思わぬ所で、それを知りました。
それはゲーム。
Marvel Contest of Champions（マーベル オールスター バトル）です。
このゲームはマーベルの色々なヒーローが戦う、いわゆる格闘ゲームです。
画像出典：Font Awesome, the iconic font and CSS toolkit
皆さん、Webフォントの「Font Awesome」使っていますか？
様々なアイコンが入っていて便利ですね。
Bootstrap標準のWebフォントは使用していますが、Font Awesomeも最近よく使用しています。
Font Awesomeの便利なところは、CDNが用意されていて（MaxCDN）、1行を<head>タグ内に追加すればすぐに使えるところ。
以下の1行だけ追加するだけです。
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
簡単！
これだけで519のアイコン（2015年3月6日現在）が使用できます。
MaxCDNさん、ありがとう！
こんなに簡単に使えてウェブ制作では大変便利で感謝しまくりですが、使い始めると何か表示に引っかかりを感じるようになりました。
同じようなサイトを作っていても、手抜きをしたサイトと、きちんと作ったサイトでは引っかかり具合が違うなと感じたのです。
手抜きをしたサイトは先程のMaxCDNの1行を書いただけというもので、きちんと作ったサイトは、Font Awesomeのファイルをダウンロードして、使っているサーバーにCSSやフォントファイルをアップロードして、使っているサーバーから読み出すように作ったものです。
MaxCDNは世界中で使用されているCDNなので十分に早いのでしょうけれども、念のため速度を調べてみることにしました。
先日会社に研修に来られている方とのお話で以前からの取り組みについてお話をしたので、そのことを。
※以下、ホームページとウェブという単語が混じりますが同じ意味で考えてください。
私は会社でビジネスとしてのウェブに関わって、もう15年になります。
入社時はシステム部配属だったので、サーバーの管理やらコンテンツの管理などから。
現在でも、手を入れてホームページを直し、そして作り続けています。
15年も？
15年もです。それも日常的に、です。
おかしいですかね？
会社はホームページに対して（私の作業を含めて）結構投資をしてきたと思っています。
世の中には、ホームページを日常的に、そして継続的に手を入れるなんて、何かおかしいと考える経営者もいるようです。ホームページを作ったら基本的にそれで終わりで、あとは問い合わせや注文が入ってくると思ってしまうようです。
このことに対して私は疑問に思います。
なぜか。
会社では社内のとある方から「ホームページは24時間働いてくれる営業マン」として活躍できるように言われてきました。そしてホームページを「正しい接客・応対・処理」ができるように育ててきました。
現在でも、修正や追加をし続けることで、育てているつもりです。
もし、皆さんの会社の新人営業マンがお客様に対して無礼な態度で挨拶をしたり、分かりづらい商品の説明をしたらどうしますか？
先輩営業マンは次からそうしたことが起きないように新人営業マンに指導・教育を行うのでは？
そのままにしておくことはないと思います。
私は「ホームページは24時間働いてくれる営業マン」と書きました。
つまり、ホームページも営業マンと同じように何かお客様に問題のある応対をしたら指導・教育を行っていく必要があると思っています。
名前：笹川 純一・jdash2000（Google+のプロフィール）
ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。
お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。
