あしあとnote

サイドバーのアイコンを変えてみました

noreply@blogger.com (@Banguard) — Sun, 13 May 2012 03:56:00 +0000

ちょっとずつ、ブログのデザイン変更を画策している今日このごろ。手始めにサイドバーのRSSフィード登録とTwitterアカウントへのリンクアイコンを変更してみました。

ソーシャルメディア・アイコンの変更

前はシンプルな丸いアイコンだったのですが、何気なくWebデザインレシピさんの下記エントリーを見ていたら良さ気なアイコンを見つけてしまい衝動的に変更してみた次第です。
フリーのソーシャルメディアアイコンセット 80+（Webデザインレシピ）

ちなみに、そもそものアイコン設置方法やマウスオーバーの方法（僕の設定が正しいかは不明ですが…）には、過去に書いた記事「Bloggerをはじめるための設定に苦労した話３｜RSS登録用のアイコン設置の方法」も見ていただけると嬉しいです。

今後のデザイン変更予定

見出しデザインですね。
最近、見出しデザインを変更したくてしょうがない病にかかっています。そのうち変えるので、またご報告します。

[資料作成]:マイクソフトOfficeのバージョン違いを解決するため、互換性を持たせるには

noreply@blogger.com (@Banguard) — Tue, 08 May 2012 13:19:00 +0000

先日、会社PCのマイクソフトOfficeのバージョンが2000から2007へとアップグレードされました。「2000なんて、俺まだ高校生じゃねぇか！」とごねていた甲斐あり。ありがとう、システムの人たち。ところが多くの社員はいまだ2000のバージョンを使っているので、2007の新Officeで作った資料はそのままだと他の人が開けないのです。
どうすればいいの？答えは「互換性を持たせてファイルを保存する」です。

過去のOfficeと互換性を持たせた保存の方法

Officeのソフトでよく使うのは、Word／Excel／パワーポイントの3種の神器でしょう。（個人的にはiWorkにしてほしい、iPadでも資料作れるので。無理か。）
この3種類のソフトすべてで、「ファイルを保存するとき、互換性を持たせることができる」のです。方法はとっても簡単です。

こうすることで、バージョンの低いOfficeを使っている方でも問題なくファイルを開くことができます。
ちなみに、互換性を持たせないまま普通に保存してしまうと、バージョンの低いOfficeでは開くことができません。お客様にデータを送る際は特に注意した方が良いでしょう。相手先のPCでは開けない可能性を考慮すべきです。

ちなみに、Mac版のOfficeである"Office for Mac"でも、同様の保存の仕方が可能です。

マイクロソフトOfficeの歴史

実は、マイクロソフトOfficeにはさまざまなバージョンがあります。Windowsだけでもこんなに。

また、これにMacユーザーが利用するOffice for MacというMac用のバージョンも存在します。幸いなことにMac版、Windows版ともに互換性はほぼ問題ないのですが、やはりファイルを保存するには互換性を持たせておくことが安心でしょう。いずれはすべてのPCでOfficeのバージョンも上がっていくでしょうが、当面は下位バージョンの存在を忘れてはいけませんね。Windows XPが絶滅したらかなぁ。

ちなみに、個人的にはiPad版のOfficeが出ると良いなぁと願っています。Office for iOS。これは売れますよ。

[ひとりごと]：ブログの運営について

noreply@blogger.com (@Banguard) — Mon, 07 May 2012 14:36:00 +0000

運営というほど大げさな話では無いのですが…
このところ、毎日書くことを目標に続けてきたブログをお休みしていました。GW期間で時間はあったのですが、「記事にすること」が見つけられず悶々としてたらいつの間にか2週間が経っていた。という具合です。
今日は、仕事がはじまって、このブログに対して新たに感じたことをとりあえず、記事にしてみようと思います。

何のためにはじめたんだっけ？

ほとんどの物事には、総じて目的があるはずです。
このブログにも目的はありました。それは、「働くビジネスマンを応援するブログ」であることです。働くビジネスマンて。意味一緒じゃん。

もともとブログをはじめたきっかけは、ブランドは会社ではなく個人に属する時代になったと感じたからです。ネットの普及と個人の意見／情報発信ツールの発達により、ひとりひとりが情報発信できる時代が来た、と。であれば、いっちょう自分も発信者になってみようじゃないかと。

働くビジネスマンを応援する

そこで、まぁ最初から日記を書くつもりは無かった訳です。ありきたりですが、セルフブランディングしたいと。であれば、今日何食ったか書いてどうするんだ、と。

決めたテーマは「働くビジネスマンを応援する」です。
見た目は大っきいのですが、実際は資料作成のコツとかビジネスシーンにおすすめのアプリとか、ビジネスにおけるApple製品の活用法とか、そんなことを書くつもりでした。なぜ働くビジネスマンを応援することをテーマ（目的）にしたかと言うと、こういった内容に特化して記事を書いているブログに出会ったことが無かったからです。
余談ですが、僕の会社の同僚たちはiPhoneやMacを持っている人も多いですし、マイクロソフトのOfficeソフトを駆使して仕事をしています。ところが、いまいち勿体無いと言うか、「もっと効率良くそのツール使えるのに！」というシーンとちょくちょく出会う訳です。そこで思ったのです。

そうか、みんなが普段何気なく使っているツールや製品、もっと便利に使えるポイントを記事にしよう。

続けることは難しい

そうしてブログをはじめました。
ところが、いざ記事を書こうとするとこれが難しい。ぜんぜんビジネスマン応援記事にならない。理由は簡単です。書く内容がぶれているからです。Web知識がまったくない僕は、HTMLとかCSSとか意味不明ですので、ブログをカスタマイズするのにはほんとに苦労しています。そうやってコツコツいじっていくと、やっぱり嬉しくてそのことを記事にする訳ですよ。こんなコードを書くとこうなりました！と。

待て、まったくビジネスマン応援してねぇじゃん。
と、気づいたのが2週間前。こうなってしまったのにはもうひとつ、大きな理由があります。それが
、「毎日更新する」というルールを自分に課したことです。

いろいろないわゆる「成功していると言われているブログ」を見ていくと、多くの場合そのブログを書いていらっしゃる方々は「記事を書くことがブログ成功の基礎である」と仰っています。ですよね。量は質を凌駕しますよね。そもそも質は量から生まれますよね。
じゃ、毎日更新しよう。

こうして毎日更新してきたのですが、振り返れば中途半端なアプリ紹介やWebサービスの紹介になっていました。毎日ビジネスマンを応援するだけの記事を考えることができなかったのです。

ここらで一休みしようか、と思う

GWにゆっくり考えました。出した結論は、「ブログは続ける。が、自分の好きなこと、残しておきたいことだけ書く」です。
好きではじめたブログなのに、嫌々ながらに毎日更新することほど無意味な話は無いですよね。これからは、自分が後世に残しておきたいことを記事にする基準にしようと思います。なので、無理に毎日更新しません！まずは100記事目指して、それがクリアすれば次は500記事目指してみようと思います。期間は1年以内かなぁ…あれ、500記事を1年じゃ1日1.5回記事書かなきゃじゃん。

そんなわけで、取り留めもなく今の僕とブログの関係を修復する記事を残してみました。この記事は、1年後また読み返したい。この記事だけは、自分のために書いたもの。

「残したいこと＝あしあとのノート」なわけですから、ブログタイトルは的を得てますね。今更ながら妙に納得。
おやすみなさい。

すべてのiPadユーザーに一度体験して欲しいゲーム、Contre Jour

noreply@blogger.com (@Banguard) — Mon, 23 Apr 2012 14:37:00 +0000

普段はほとんどゲームをやることがない@Banguardです。
先日ふとしたことをきっかけにContre Jourというゲームをはじめたのですが、これが素晴らしい出来で。驚きました。何が素晴らしいかというと、iPadという特性に特化した操作方法もさることながら、「ゲーム全体のデザイン」が素晴らしいのです。その世界観を味わいたいがために、何度も立ち上げてしまうアプリになりました。
すべてのiPadユーザーに体験してほしいアプリです。

Contre Jourとは、その素晴らしい世界を体験するゲームアプリである

簡単にContre Jourのゲーム内容をご紹介します。ひとことでゲーム内容をまとめると、こんな感じです。
「ちょっと可愛らしい一つ目のモンスターが、ステージにあるギミックを駆使してゴールを目指すパズルアクションゲーム」
以下、スクリーンショット。

これがゲーム画面です。画面中央下の一つ目くんを、青い大きな光の中に導けばゴール。ステージクリアだけでなく、途中の小さい光を3つ集めるやり込み要素が中毒性を高めています。

ステージセレクト画面。クリアすると、次の星にトライできる。新たな星はまったく異なる雰囲気で、違ったスリルを味わえます。

最初のステージをはじめると、タイトルロゴが。かっこ良い演出に惚れ惚れしちゃいます。

ご覧いただくとわかるように、通常のアプリとは一線を画する世界観に満ち溢れています。ちょっと薄暗い雰囲気や、バックミュージックの寂しい感じなど、完全に僕のツボを押してくれました。ステージは短いので、一回のプレイ時間はごくわずかです。ただ、その美しい世界に触れたいがために、ふとした時に立ち上げてしまう魔力を持っています、このアプリは。

操作はすべてタッチジェスチャーのみ

複雑な操作は不用なのも、このアプリの素晴らしいところです。一つ目を動かすには、地面を盛り上げる（もしくはヘコませる）ことにより坂を作るか、ターザンみたいに綱を活用するかのどちらかです。

地面をもっこりすることで、一つ目が動きます。

これは次ステージの星。青い世界です。ぶら下がっている綱を引き伸ばして、一つ目を引き寄せることができます。

iPadやiPhoneというタッチデバイスでは、家庭用ゲーム機のようなカーソルであったりボタンを設けるのはあまり良くありません。（ゲームの種類にもよりますが）
フルタッチスクリーンなので、カーソルやボタンを排除したゲームの操作方法がもっともフィットすると思います。その意味では、Contre Jourの操作方法は完璧です。ステージセレクトから実際のキャラクター操作まで、すべてタッチデバイスを意識した作りになっています。

細部にこだわりを感じるデザインが好感

Contre Jourの細部のこだわりようには驚きました。
例えば、放っておくと一つ目が瞬きします。背景の植物（？）のようなものも、風に揺らめいて動いています。一番驚いたのが、ステージの星をセレクトする画面です。iPadの方向センサーを活用し、iPadの向きによって微妙に星の位置が動くのです。

そこまでしなくても良いですよね。気づかない人も多いんじゃないでしょうか。
こういった開発者の方のこだわりが凝縮されているので、他のゲームとはちょっと違う美しい印象を感じさせてくれるのでしょう。

Contre Jour HD 1.1（￥250）
カテゴリ: ゲーム, エンターテインメント, パズル, アドベンチャー
販売元: Chillingo Ltd - Chillingo Ltd（サイズ: 20.3 MB）

今日のあしあと

「Contre Jourはゲームアプリではない。デザインアプリである」

iPadで提供するゲームとはこう言うもんだぜ！と言う開発者の方の意気込みをびんびんに感じました。こんなアプリがあるのであれば、もっとiPadゲームもチェックしてみようかなと思います。
なお、Contre Jourを提供しているのは「Chillingo」という会社だそうです。有名な人気アプリを多数リリースしているそうで、#RyoAnnaBlogさんで詳しく紹介いただいていました。この会社の他のアプリもチェックしてみようかな…

・Chillingoの魅力と新作"Contre Jour"（#RyoAnnaBlog）

最後までお読みいただき、ありがとうございました。

iPadユーザーは、iTunesの映画レンタルの便利さに早く気づいたほうが幸せになれると思った

noreply@blogger.com (@Banguard) — Sat, 21 Apr 2012 14:41:00 +0000

実は怖い映画が趣味の@Banguardです。
怖いにもいろいろ種類がありますが、比較的ライトなスリラーやホラーが好みです。ヘビーなやつは本気で怖いのです。怖い映画が好きと言いつつ、ビビりな訳ですが…
iTunesで映画の販売とレンタルが開始されたのは知っていたのですが、今まで敬遠していました。「Macで映画なんか観ないでしょ。iPhoneはもっとあり得ないでしょ」と。ところが、iPadが我が家に来てから、この綺麗な画面で観る映画もありなんじゃないかと思い始めたのです。
試しに1本レンタルしてみたのですが、これが想像以上に素晴らしい。iTunesで映画をダウンロードすることは、すべてのiPadユーザーにおすすめですよ。

iTunesで映画が買える、借りれる

2010年11月、日本のiTunesで映画の購入とレンタルが可能になりました。当時はだいぶ騒がれたのを覚えています。
今回はじめて1本映画を借りてみたので、その流れをご紹介します。なお、すべてiPadのみで操作しています。

まず、iTunesの映画画面です。ミュージックと同様、おすすめやランキング、自分だけのおすすめ映画をプッシュしてくれる「Genius」といった機能があります。

iTunesのようなオンラインショップだと、観たい映画を簡単に検索できるのが便利ですね。レンタルショップだと探すのが大変ですからね。
今回は、公開時に大騒ぎされた映画「クローバーフィールド」を借りることにします。解像度を標準かHDか選択できます。我が家のiPadはRetinaディスプレイなので、迷わずHDだ！

「レンタルについて」という注意書きがあります。最初なので読んでみましょう。思わぬ落とし穴があるかもしれませんので。

ダウンロードしてから30日以内に観ること
見始めると、映画は48時間で消滅すること
単一デバイスでしか再生できない（iPadからMac等、他のデバイスに転送して観ることは可能、同時再生は不可）

以上が注意点でした。1泊2日というわけですか。借りてからすぐに見る必要が無いのが良心的ですね。

いざ、ダウンロード！
ダウンロードし始めてから気づいたのですが、HDだからかファイルサイズがデカい。2.7Gもありました。iPadではなくMacでダウンロードすれば良かった。

ダウンロードが完了すると、「ビデオ」アプリの「レンタルした項目」という場所に保存されます。楽しみだぜ。

早速鑑賞。わくわくするパッケージデザインですね。

以上で映画のレンタルは完了です！ダウンロードの時間が結構かかりましたが、それを除けば快適そのもの。ちなみに、HDの解像度は半端ないです。あまりに綺麗すぎて、びっくりしました。新しいiPadの威力をもっとも感じたのは、間違いなく映画を観たこの瞬間です。

僕は当初、iTunesの映画レンタルはストリーミング再生だと思っていました。
iPad自体にデータをダウンロードするのは、一見面倒ですが理にかなっています。ストリーミング再生では、ネットの接続速度によって映画を快適に観れないですから。一度ダウンロードしてしまえば、それこそ地下鉄の中でも映画を観ることができます。

iTunesでの映画レンタルは経済メリットが大きい

僕の個人的理由ですが。
iTunesでの映画レンタルは、TSUTAYAで映画をレンタルするより経済的なのです。どういうことかと言うと...

1．クローバーフィールドのiTunesでのレンタル代
＝400円（1泊2日）

2．TSUTAYAでレンタルした場合
＝310円（1泊2日）＋地元の駅からTSUTAYAがある駅までの電車代240円（往復）
＝550円

と、言うわけでiTunesでレンタルしたほうが安いのです。電車乗らないと映画をレンタルできない辺ぴなところに住んでいる僕の場合ですが…
レンタルショップで映画を借りた場合、観たあとに返しに行くのが面倒なんですよね。返却の手間がないiTunesレンタルは、見た目の費用の差以上にメリットが大きいと感じました。

今日のあしあと

「iPadで映画は、観る」

iPadで映画観るなんて、無いでしょ。当初はこう思っていました。ところが、Retinaディスプレイの画面の綺麗さ、iTunesレンタルのお手軽さを体験した今となっては、TSUTAYAに行く回数が激減することが目に見えています。
iPadで映画を観るのはおすすめです。あとは、iTunesのラインナップが増えていくことを願いましょう。

Apple TVもありだなと思いました。iPadでレンタルすれば、自宅のTVで見れますからね。これからもiTunesで映画を観る日々が増えそうです。

最後まで読んでいただいて、ありがとうございました。

iTunesでアルバム全曲フル視聴できるプロモーションに見る、今後の音楽販売の行方について

noreply@blogger.com (@Banguard) — Sat, 21 Apr 2012 12:51:00 +0000

とくに買いたい曲がなくてもiTunesを眺めるのが好きな@Banguardです。
ギターがライフワークだからでしょうか、iTunesの音楽情報をよくチェックしています。今日もボケっとiTunesを眺めながら掘り出し物を探そうとしていたところ、"The White Stripes"ボーカルのソロ作品がトップ紹介されていました。驚いたのがそのプロモーション方法です。
なんと、アルバム全曲が無料視聴できるようになっているのです。ちょっと驚いたので、少し考えてみました。

発売前のアルバムを全曲視聴可能というプロモーション

まずはiTunesの画面キャプチャをご覧ください。

なんと、発売前にもかかわらずアルバム収録曲が全曲フル視聴できちゃいます。発売後にCDショップで視聴するのは日常茶飯事ですが、発売前にフルで全曲視聴できるのは聞いたことがありませんでした。曲を選択できるわけではないので快適ではないのですが、挑戦的なプロモーションですね。

iPadでも視聴可能

iPadのiTunesからも全曲視聴が可能です。

視聴したら、すぐに予約注文画面に移ることができるようになっています。

う〜ん、グッドプロモーション。ビビっときた曲ならその場で衝動的に注文する人も多いんじゃないでしょうか？

ちなみに、iPhoneではフル視聴はできませんでした。iPhoneでも視聴できればもっと効果的だと思うのですが。

オンライン販売を前提としたプロモーション

現在の音楽販売市場は、パッケージを買ってもらう時代は終わりを迎えています。代わりにオンラインで楽曲を購入する仕組みへとパラダイムシフトを遂げました。しかも、アルバムでありながら単曲販売ができてしもうようになっています。

アーティストからしてみると、アルバムの1曲目から最後の曲までひとつの作品として作り上げたとしても、好きな曲だけ買われてしまっては本来のアルバムに込めた想いがリスナーに届かないという状況になってしまいました。
よほどのファンでない限り、アルバムをフルで聴くことはしないですよね。

したがってアーティストも、パッケージ販売だけを考えたプロモーションでは今までのような利益を産まない時代になったことを受け入れていく必要があるのでしょう。いかにオンラインでのダウンロード販売で自作を流通させるかを真剣に考える必要があります。オンライン販売を前提にプロモーションを考えなければいけないわけです。

今回のiTunesでの無料全曲視聴のプロモーションは、オンライン販売を前提としたプロモーションの好事例ではないでしょうか？
オンライン販売の利点としては、今まで楽曲に触れる機会のなかった新たなリスナーを開拓しやすいということがあげられるでしょう。iTunesで紹介されていれば、聞いたことのないアーティストでもなんとなくタップしてしまいます。（僕だけかもしれませんが…）

そんな時、全曲視聴できれば新規リスナーにダイレクトに訴求ができます。しかもダウンロード販売ですので、視聴と購入のボタンは真横にならんでいます。気になったリスナーにその場で予約注文させることができるわけです。

今後は、もっと多くのアーティストがオンライン販売を目的に視聴と予約注文をセットでアピールしていくでしょう。

今日のあしあと

「進化論とは、変化に対応することである」

よく僕の勤める会社の社長が話す言葉です。
ダーウィンの進化論とは、変化に対応することだとのことです。今回目にした、「販売前のアルバム全曲をフル視聴」というプロモーションも変化に対応した新たな手法となるでしょう。

こんな発見もあるから、iTunesをダラダラ眺めるのは面白いんですね。

ひとりごとみたいな記事にもかかわらず最後までお読みいただき、ありがとうございました。

ガストのまた来たくなる仕組みが秀逸だった

noreply@blogger.com (@Banguard) — Fri, 20 Apr 2012 14:16:00 +0000

久しぶりに、夕飯をガストで食べました。味はさておき（ファミレスの味の違いがわかるほどの男ではございません）、ガストの「また来たくなる仕組みづくり」が面白かったので記事にしました。
ガストの「また来たくなる仕組み」、それは子どもにガストファンになってもらう戦略です。これが秀逸なのです。

子どもに「ガスト行きたい！」と言わせる徹底戦略

ガストでは、明確にファミリーにターゲットを絞った展開をしていることに気づきました。他のファミレスでも行なっているであろうことももちろんあるのですが、ガストの子どもにフォーカスしたリピーター戦略の徹底ぶりはなかなかのものです。

1．「アンパンマン攻め」戦略

アンパンマンを嫌いな子どもって、あんまり見ないですよね。ガストはどこもかしこもアンパンマンだらけです。「おい、ここはアンパンマンショップか？」とツッコみたくなるくらいアンパンマンだらけでした。

例えば、キッズプレートはアンパンマンの皿です。どのキッズメニューを頼もうが、アンパンマンの皿が出てきます。

他にも...

入店時、アンパンマンのシールがもらえる
キッズメニューはアンパンマンだらけ
お子様ランチのご飯にはアンパンマンの旗がはためく

などなど、というか以上なんですが、アンパンマンがいっぱいいるんですよ。うちの娘もアンパンマン好きなので、特にシールに喜んでました。

2．「子どもはFreeでフリードリンク」戦略

お金がフリーということです。子どもはジュース飲み放題。子どもになりたい...

まぁ親としてはジュース飲み放題という響きは結構不安ですけどね。子どもにとってはこの上ない喜びです。

3．伝家の宝刀「Freeでガチャガチャ」戦略

これには衝撃を受けました。「なるほど」と思わずうならされました。

ガストに子どもと行くと、ガストコインが渡されます。

このコイン、店頭にあるガチャガチャに使えるのです。子どもはガチャガチャ1回無料でできるわけですね。子どもはガチャガチャ大好きですので（僕も大好きでした）、これは子どもにぶっ刺さるわけです。ガチャガチャの中身は大したことないのですが、「無料でガチャガチャができる」という体験を与えているのは非常に効果的だと思います。

子どもにガストファンになってもらうことにこだわるのは、コモディティ化しているファミレス業界においては間違っていないと思います。ともあれ、ガストの子どもに対するファンづくりの戦略が予想以上に徹底されていたのに驚きでした。

今日のあしあと

「子どものとき好きだったものは、大人になっても覚えてる」

子どものときに好きだったものや気に入っていたものは、大人になっても忘れません。
「子どもの時によくガストに行ったなぁ。じゃあ、今度は自分の子ども連れて行ってみるか」こうなる可能性だって大いにあるわけです。

ガスト、子連れで行くには親にもおすすめのファミレスでした。ちょっと意外でした。

最後まで読んでいただき、ありがとうございました。

iPhoneで、自動接続したくないWi-Fiネットワークだけ自動接続をOFFにすると快適

noreply@blogger.com (@Banguard) — Wed, 18 Apr 2012 16:01:00 +0000

iPhoneでWi-FiをONにしていると、接続したくない無料のWi-Fiスポットに接続されることがあります。iPhoneは自動でWi-Fiに接続してくれるので便利なのですが、接続を解除するにはいちいちWi-Fi設定をOFFにしないといけないので、少し面倒です。
そんな時、接続したくないWi-Fiだけ自動接続をOFFにする設定が便利です。

接続したくないWi-Fiだけ自動接続をOFFにする

方法はいたって簡単です。
まず、接続したくないWi-Fiに接続された状態で、iPhone設定アプリから「Wi-Fi」を選択します。選択すると、接続されているWi-Fiネットワークにチェックマークがついています。その右はしの矢印ボタンを押しましょう。

すると、画面の一番上に「このネットワーク設定を解除」という表示がされています。こいつをタップ！たったこれだけで、対象として選択したWi-Fiネットワークへの自動接続を解除することができます。

これで、ストレスフリーのWi-Fi生活が送れます！

今日のあしあと

「解除設定は、解除したいネットワークに接続した状態で。」

僕は、駅で勝手に接続されるWi-FiをOFFにしています。どうもとある鉄道会社の駅ではすべて自動接続されるようになっているようなのですが、指定のサイト以外には接続できないのでWi-Fiにつなぐ価値があまりないのです。もちろん、一度解除したネットワークでも改めて接続し直せば、今まで通りネットワークの利用が可能です。

接続したくないWi-Fiネットワークにいつも引っかかってしまうストレスから開放されるのでおすすめですよ。

最後までお読みいただき、ありがとうございました。

完全ジェスチャーのみの電卓アプリ、Rechner Calculatorに惚れた！

noreply@blogger.com (@Banguard) — Tue, 17 Apr 2012 14:52:00 +0000

今回紹介するのは、電卓アプリです。機能は普通です。iPhoneを横にしても、関数電卓にはなりません。ただし、その操作感は唯一無二であり絶対価値の持ち主です。

Rechner Calculatorはジェスチャーのみで操作する電卓アプリ

Rechner Calculator（85円）という電卓アプリを1ヵ月間くらい使っています。これがめちゃくちゃスマートで、iPhoneアプリのあり方を体現するようなつくりになっていて惚れ惚れしています。何より素晴らしいのが、すべての操作がジェスチャーのみで完結することです。

まずはRechner Calculatorのプロモーション動画を見てみてください。特徴がよく分かります。

足し算や引き算など、すべての計算がジェスチャーで行えます！簡単にアプリの利用イメージをご紹介します。

これがメイン画面です。ん？電話？？

足し算をするときは、右にフリックします。引き算は逆に左にフリック。

「かける／割る」は、それぞれ右／左に2回フリックします。イコールは上にフリック。

こんな電卓アプリ、見たことないですよね。慣れるととても使いやすいです！

使いづらい部分もあるのは確か

良い面ばかりではなく、使いづらい面もあります。

・桁のカンマ区切りが表示されない
・他のアプリのように、計算履歴の表示がない
・クリアが若干面倒（画面をダブルタップor日本指でスワイプ）

とくに一番目の、カンマで桁の区切りが表示されないのはかなり痛いです。大きな数字の計算をする場合、いくつの数字なのかパッとわかりづらいので…
とはいえ、簡単な計算であればまったく問題ありません。iPhoneで電卓を使う場面は、そんなに複雑な計算を行うこともないでしょうから日常生活で困ることは無いと思います。

iPhoneアプリUIは、ボタンよりジェスチャーがフィットする

iPhoneは言わずもがな、全面タッチパネルです。タッチデバイスでは、マウス操作とは異なるユーザーインターフェイス（UI）が求められているのは明白です。特に、マウスでの操作を前提としたボタンのつくり（マウスオーバー時にエフェクトするetc）は、タッチデバイスでは通用しないはずです。

タッチデバイスに求められるUIは、「ジェスチャー」ではないかと最近強く思います。ボタンを排除し、代わりにフリックやスワイプを駆使したジェスチャーで操作する。これはタッチデバイスではごく自然な操作と認識できるでしょう。

タッチデバイスでのUIについては、少し前に話題になったiPhoneアプリ「Clear」の開発者のコメントが非常に感心します。
・一夜にして世界中を席巻したiPhoneアプリ「Clear」の裏側（WIRED）

また、タッチデバイスUIに言及したこちらの記事も非常に勉強になります。確かに、ジェスチャーは非習慣的ですからね。
・習慣になるまでの UI と操作の変化（could）

今日のあしあと

「ジェスチャーUIは、タッチデバイスの未来だ」

ジェスチャーアプリは、慣れれば最強のユーザビリティを提供してくれます。スマートフォンのフリック入力が良い例です。ただ、今のスマートフォンアプリはまだまだ発展途上期です。これからもっと洗練されたUIのアプリが登場するでしょう。

今回ご紹介した電卓アプリ「Rechner Calculator（85円）」は、そんな未来のUIを体験できる素敵なアプリです。ぜひ一度、この今までにない操作感を体験していただきたいと思います。

サムネイル付きで関連記事を紹介するブログパーツ「LinkWithin」

関連記事の紹介、前のブログでは自分で関連していそうな記事を検索してリンクを貼っていました。ただ、これって結構面倒なんですよね。他のブロガーの方々はどうしているのかといろんなブログを見てみると、サムネイル付きで関連記事を紹介しているサイトを良く見かけることがわかりました。

こんな感じです。

関連記事にサムネイルで画像が表示されているので、見た目がかっこいいですね。マウスオーバーで対象記事の背景色が変わります。

「LinkWithin」設定の方法を簡単に

設定方法は簡単です。Bloggerに設置する方法をご紹介します。

1．公式サイトでブログパーツのコードを入手

LinkWithin公式サイトより、ブログパーツのソースコードを入手します。

必要項目を埋めると、コードが発行されます。

2．ブログの記事入力画面でコードを貼り付け

ブログの記事入力画面で、ブログの最後にソースコードを貼り付ければ完成です！貼り付ける時はHTMLモードで。ブログ記事の入力画面で貼り付けるのがポイントです。
詳細は以下をご参照くださいませ。

注意！レイアウト画面で設定すると、トップ画面に記事ごとに関連記事が表記されます

LinkWithinのソースコードをレイアウト画面で設定することも可能です。

レイアウト画面で設定すれば、毎回記事の入力画面にコードを貼り付ける手間が省けます。
が、注意点がひとつあります。

レイアウト画面でLinkWithinのコード設定をすると、ブログのトップ画面で記事ごとに毎回紹介画面が表示されます。

「続きを読む」の設定をしている場合は、ちょっとしつこいですよね。気にならなければ問題ないですが、僕はさすがにうっとうしく感じました。
ブログ記事の入力画面にソースコードを貼り付ければ、ブログのトップには表示されることがありません。

以上です！
LinkWithinの設定については、某氏のたわごとさんのブログがとてもわかりやすかったです。ありがとうございました！
・LinkWithinをBlogger,WordPress,アメブロなどのブログに見出し付きで導入する方法（某氏のたわごと）

今日のあしあと

「LinkWithin、設定は記事ごとに」

ブログトップで記事ごとに表示されるのをよしとするか否かで意見はわかれますが...
難点は、関連記事ではなくランダムで記事が紹介されることでしょうか。便利なのでおすすめのブログパーツです！

Google Currentsのアプリを触って、新しい雑誌プラットフォームへの挑戦を見た。

noreply@blogger.com (@Banguard) — Sat, 14 Apr 2012 16:16:00 +0000

「カレンツ」と読むそうです。
Googleが、先週新しいスマートフォン／タブレット向けサービスをスタートさせました。「Google Currents」という名称のこのサービス、ユーザーインターフェイスが洗練されていて今後に期待のサービスなのは間違いありません。
さっそくiPad版をインストールしてみたので、感想を。

新しい雑誌フォーマット、Google Currents

Currentとは、「傾向、潮流」という意味だそうです。

Google Currentsとは、ニュースサイトやブログを雑誌のようなスタイルで読むことができるスマートフォン／タブレット向けの新しいアプリです。いろいろ説明するより、下記のプロモーションビデオを見てみてください。

何やら、ビューティフルなアプリの匂いがプンプンします。無料ですので、早速iPadにインストールしてみました。

ポテンシャルはMax、今は日本では様子見

...かな。
思ったより残念だったのが、Google Currentsには日本語コンテンツがないのです。英語わかれば違うんでしょうけど。
いくつかスクリーンショットを撮ったのでご紹介。

トップページはこんな感じです。

下に並んでいる四角いタイルが登録されているコンテンツ。コンテンツを選択すると、そのコンテンツ専用の画面に遷移。

デフォルトで並んでいるコンテンツはどれも、Google Currentsに最適化されている模様。とても見やすいです。英語ですが...

読みたい記事を選択すると、閲覧画面になります。ご覧ください、この雑誌ライクな表示のされ方！
英語ですが...

コンテンツはカテゴリごとにいろいろと追加できます。ただ、残念ながら日本語の登録コンテンツはまだ無いようです。

Googleリーダーに登録しているRSSフィード情報はGoogle Currentsで表示できるのですが、どうもブログを読む気にはなりませんでした。ブログ全体のデザインへのこだわりやブログの作りの参考にするためにも、ブログはやっぱりサイトで見るのが一番です。

雑誌のように記事を見せる代表格「Flipboard」を超えるか？

結論から言うと、今はFlipboard一択です。
理由は簡単、Google Currentsは現時点ではTumblr／Instagramと連携できないからです。

FlipboardはFacebookやTwitterなどSNSの投稿を表示することができます。何より、Tumblr／Instagramを表示することにより、ビジュアル雑誌を眺めるかのごとく綺麗な写真たちをボケ～と眺めることができる。これが最高の活用方法だと思っています。

このペラっとめくる感じがクールでありチープなのがFlipboardのお茶目なところです。わかる人にはわかるはず！

Google Currentsはあくまでコンテンツの表記だけ対応しているので、Flipboardのような使い方はできません。

Google CurrentsはWebコンテンツの雑誌化を目指す試み

Google Currentsは、スマートフォン／タブレットで新たな雑誌メディアのプラットフォームを創りだそうという試みなのではないかと思います。

いまタブレットでの雑誌といえば、電子書籍が主流です。その一方、独立したアプリとしてインタラクティブな雑誌もいくつかリーリスされています。ですが、まだまだ数は少ないです。マジョリティは今のところ、紙の雑誌を電子書籍としてタブレットに流通させる手法でしょう。

ところが、今回のGoogle Currentsは現在の雑誌型電子書籍の在り方に一石を投じるサービスとなりました。
優れたインターフェイス、スマートフォン／タブレットに最適化された画面、そしてコンテンツを「魅せる」力。これからの雑誌型電子書籍のひとつの方向性を明示したのではないでしょうか。

対するFlipboardですが、こちらはあくまで「コンテンツを雑誌のように見せる」ことが目的です。Google Currentsのように雑誌の新たなプラットフォームを創出しようとしているわけではありません。

したがって、Google CurrentsとFlipboardを比較することはナンセンスなのです。

これからGoogle Currentsの日本へのローカライズ対応が進み、日本のコンテンツメーカー（各種メディア）が優良なコンテンツを生み出せば、非常に面白い仕組みへと進化していくでしょう。

今日のあしあと

「少し先を見越して今から触っておくと、後でドヤ顔できる」

あんまり注目度が高くないように思うGoogle Currentsですが、今後の裾野の広がりの可能性を考えれば要チェックサービスなのは間違いないでしょう。まぁ無料だし、覗いてみて損はないのではないでしょうか。

それにしても、Google+のリニューアルといい最近のGoogleはデザインへの傾倒が大きいですね。
良いことだと思います。

iPad公式メールアプリは、右フリックでいつでも受信BOXを表示できるのを知ると快適

noreply@blogger.com (@Banguard) — Fri, 13 Apr 2012 14:28:00 +0000

公私ともにiPadでメールを活用している＠Banguardです。
iPadの利用方法ランキングでは、Webの閲覧とあわせて「メールの確認」も上位にランクインしています。（そんなランキングがあるのか知りませんが…）
iPadでは、メール本文から簡単に受信BOXを表示するワザがありました。これを覚えておくと、iPadでのメール生活がもっと快適に過ごせます。

iPadの公式メールアプリは、右フリックで受信BOXを表示可能

iPadの公式メールアプリはかなり使いやすいです。やはり画面が大きいと、文章の読みやすさは段違い。さらに受信BOX見やすいですし、iPadのメールアプリには大満足しています。

そんなメールアプリですが、本日新しいTipを発見してしまいました。それは…

右フリックすると、いつでも受信BOXを表示できる。
（縦持ちの時）

です！これ、めちゃめちゃ便利ですよ。

場所を問わず、どこかで右方向にフリックします。すると…

受信BOXが表示されるではありませんか！
さらに右にフリックすると、メールボックスのアカウント選択画面まで戻れます。

今まではわざわざ左上の「全受信」のボタンを押して受信BOXを表示していたのですが、右フリックを覚えて操作が一層スムーズになりました。

今日のあしあと

「ジェスチャーUIは、いかに無駄な動きを省けるかで快感度合いが違う」

両手でiPadを持っている手の位置を全く変えずに、メールの選択ができます。これは想像以上に快適ですよ。
iPadの公式メールアプリでは、右スワイプ。覚えておいて損はないはずです！

SBエナジー社HPのソーラー発電量比較が面白い

noreply@blogger.com (@Banguard) — Wed, 11 Apr 2012 14:59:00 +0000

先日、日経新聞を眺めているとなんとも挑戦的な見出しの記事が目に飛び込んできました。
「太陽光発電「メーカー主導」の終わり　引き金引いたソフトバンクとカカクコム」
このタイトルを見て、どこか「通信業者主導の終わり」を迎えさせたAppleを思い出しました。記事を読んでみると、これがなんとも面白い内容だったのです。

SBエナジー社のHPで、業者別の太陽光発電量を比較

先日の日経新聞に、面白い記事が掲載されていました。
・太陽光発電「メーカー主導」の終わり　引き金引いたソフトバンクとカカクコム（日本経済新聞）

ソフトバンクの子会社であるSBエナジーHPで、太陽光発電のパネル別（業者別）発電量の比較をしているそうです。記事では、パネル料金が高い業者のものが必ずしも良い発電結果にはなっていないとのこと。
いろいろとオープンな世の中になってきたなぁ、と。太陽光パネルまで価格ドットコムか、と。

実際にサイトを見てみると、ちゃんとしたシミュレーションページができていました。

　
業種ごとや日付、場所の選択をすることで発電量のグラフが変化します。確認したい条件で発電量を見ることができます。帯広と苫小牧だと、ずいぶんと発電量が違うんだなぁ。とか思ってみたり、楽しみは人それぞれでございます。

以上、普通の人の日常生活にはまったく役に立たない情報でした。ですが、今後は今まででは考えられなかったようなさまざまなモノ・コトが比較できるようになることはよくわかりました。IT技術の発展の賜物ですね。

同時に、「さまざまな情報からいかに選択し判断するか」がより一層個人の責任の範囲で求められてくるようになるでしょう。ふと、日経新聞の記事を見ながらそんなことを考えたのでエントリーしてみました。

SBエナジーのソーラー比較サイト、覗いてみるだけでも面白いですよ。

Bloggerをはじめて苦労した話２｜Syntax Highlighterをつかって、ソースコードをかっこよく表示したい！

noreply@blogger.com (@Banguard) — Tue, 10 Apr 2012 14:24:00 +0000

Bloggerに移籍して、まぁまぁせっかくだから格好いい見た目にしようじぇねえか。と、いろいろ思慮してきた僕ですが、昔からブログの表記方法で知りたかったことがあります。
それは、
「ソースコードをかっちょよく表示したい！」
ということです。いろいろ調べてみたところ、SyntaxHighlighterというサービスが良さそうだということがわかりました。

ブログにソースコードをかっこよく表示したい

ブログにHTMLやCSSのソースコードを書くとき、左のイメージのように格好よく表記をしたいなぁと常々思っていました。が、方法がわかりませんでした...

Google先生にいろいろ聞いてみたところ、どうやらSyntaxHighlighterというサービスが良さそうだぞということがわかり、早速導入してみた次第です。

導入した結果ですが、「背景を自由に変えたい」など要望もありますが、概ね満足しています！
導入してみて気づいたのですが、結構いろいろなブログで採用されていますね。やっぱりお手軽に導入できるのが決め手なのでしょうか。

1．SyntaxHighlighterを導入してみよう

SyntaxHighlighterとは、ソースコードをハイライト表示させることができるサービス（意味あってる？）です。ブログのソースコードを、No付きで見やすくまとめてくれます。

導入にあたっては、下記サイトを参考にさせていただきました。ありがとうございました！
・Syntax Highlighter（暇つぶし）
・ソースコードをハイライトするSyntaxHighlighter3.0を使いこなす（DevAchieve）
・【FC2】SyntaxHighlighter 3.0.83 導入編 -1-（46web android root アンドロイドの備忘録）

1.1．まずはSyntax Highlighter(v3)にアクセス！

何はともあれ、Syntax Highlighter導入のために下記サイトにアクセスです！簡単に設定用のHTMLコードが発行できますよ。

・HOW TO ADD SYNTAX HIGHLIGHTER(V3) TO BLOGGER BLOGS

1.2．テンプレートが選択できる

ソースコード表記のデザインテンプレートを、8種類から選択できます。

オーソドックスなデザインの「Default」

シックなデザインの「Dark」

ライク・ア・マトリックス「Django」

「Demo for Themes Here」から、テンプレートを確認できますよ。僕はシンプルなデザインがよかったので「Eclips」を選びました。

1.3．対象となる言語を選択

どの言語を表記対象とするかを選択できます。ご自分のブログでどの言語を表記する可能性があるか考えて選択すると良いと思います。

選択もれがあっても、後からまた追加して設定しなおすことができるので安心です。
ここでは試しに、"Xml, xHtml, xslt, Html"を選択してみます。選択し終えたらGenerate」をクリック！

1.4．表示されるコードをブログに貼り付け

「Generate」のボタンを押すと表示されるコードを、BloggerのHTMLに貼り付けます。画面に表示される「Copy To ClipBoard」をクリックすると、クリップボードにコードがコピーされます。

Bloggerの管理画面左メニューから「テンプレート＞HTMLの編集」を選択、</head>の直前に先ほどコピーしたコードを貼り付けます。

以上で設定が完了しました！

2．ソースコードを表示する場合の注意点

Syntax Highlighterでソースコードを表示する場合、いくつか注意点があります。まず、表示させるには「preタグを使う」ということ、そして「特定の記号は変換して記載する」ことです。少し詳しく記載しておきます。

2.1．preタグを使う

Syntax Highlighterでソースコードを表示するには、preタグを使う必要があります。こんな感じです。

<pre class="brush: html;">コード</pre>

上記のコードの部分に、表示したいコードを記載します。ちなみに、表示したい言語によって"brush:"のあとの表記を変更します。cssであれば、pre class="brush: css;"となります。

おっと、注意点はもうひとつありますよ。

2.2．特定の記号は変換して記載する

preタグの中に記載するコードについては、"<"と">"の記号を変換する必要があります。

"<"　→　"<"
">"　→　">"

上記のように変換して記載します。ちょっと面倒ですよね...

この面倒な変換をボタンひとつで実施してくれる夢の様なツールがクリボウのBlogger Tipsさんの記事で掲載されていました！正にWebド素人の僕のためのようなサイトです、本当にありがとうございます！！
・コードをハイライトする「Blogger Syntax Highlighter」ウィジェット（クリボウのBlogger Tips）

これで誰でもあっという間にSyntax Highlighterで使えるコードが作れます！

今日のあしあと

「Syntax Highlighterのコードは</head>の直前に配置」

これだけ覚えておけば、あとはなんとかなるでしょう。今回は（今回も）先人たちのブログに本当に助けていただきました。
そのうえで、僕が実際にSyntax Highlighterを導入してみてわかりづらかった部分をより丁寧に残してみました。

これからブログにソースコードをかっちょよく表示したい方、お役に立てれば嬉しいです！

Mac App Storeの仕事効率化カテゴリ特集ページがやたらと格好良いのはなぜだ？

noreply@blogger.com (@Banguard) — Tue, 10 Apr 2012 00:44:00 +0000

タイトルの答えは「わかりません」なんですが...
ふとしたことでMac App Storeを眺めていると、何やらトップにやたらと格好良い特集が組まれているではありませんか。どんなアプリかと思ってクリックしてみたら、仕事効率化カテゴリのアプリを特集したページでした。
そのデザインの格好良さに惚れてエントリーです。

仕事効率化カテゴリ特集ページが格好良い

Mac App Storeのトップページを見てみると、真っ先に上段の特集ページが目につきますね。たまたま今回、"GET STUFF DONE"という特集が組まれていました。

"Stuff"とは、英語で「材料」とか「原料」という意味だそうです。が、今回の特集とはちょっと意味があいませんね。だれか英語の分かる方がいらっしゃれば、教えていただきたいです。
個人的には、GTDが関係している気もするのですが...

仕事効率化のカテゴリ特集が組まれている

気になってクリックした先は、仕事効率化特集のページでした。

Mac App Storeにおける仕事効率化のアプリで特に注目すべきは、クラウドでいかにiPhone／iPadで連携するかですね。そういった意味では、今更ですがEvernote（無料）やWunderlist（無料）は要チェックです。他にも、Skitch（無料）やAlfred（無料）など、Macユーザーは外せないアプリが特集されています。

なぜこのタイミングで仕事効率化カテゴリの特集が組まれたのかはわかりませんが、その特集ページのデザインの素晴らしさには「やはりAppleだ」と脱帽させられます。ちょっとしたクリップや定規、ペンに至るまで作りこまれていて、単純に特集を組んだだけの域を超えていると思います。

今日のあしあと

「やはり、Appleのデザインセンスは素晴らしい」

少し前ですが、Mac App Storeでのダウンロードが1億回を超えたとのニュースがありました。
・Appleの「Mac App Store」、開設1年未満で1億ダウンロードを突破（ITpro）

PCソフトのダウンロード販売マーケットの確立に力を入れるAppleならではの、デザインのこだわりを見た気がします。

Bloggerをはじめて苦労した話１｜行間の調整

noreply@blogger.com (@Banguard) — Mon, 09 Apr 2012 12:27:00 +0000

めでたくBloggerで新たなブログを開設したワタクシ@Banguardですが、どうもしっくりこない日々が続いていました。理由を求めて以前のブログや僕がよく拝見するブログと見比べて幾星霜...
ついにたどり着いた答え、それは「行間」です！
行間が詰まりすぎていたため、見にくい醜い。そこで、行間を調整する方法を探ってみました。

行間を調整するには、CSSを追加します

Bloggerで行間を調整するには、ブログ管理画面の「テンプレート＞カスタマイズ＞アドバンス＞CSSを追加」でCSSを追加することで可能です。

以下のコードで、行間を調整できます。

.post-body {
 line-height: 行間の指定;
}

行間の指定は、「1.7」としています。これは文字の大きさ「1」に対して、行の間隔が「1.7」という意味です。
詳しくは下記ブログがとても参考になります！僕はいか
・Blogger備忘録「本文の行間の変更」（Bormanの暇な日々）
・Vol.570.ブログの行間をHTMLタグで部分的に詰める方法（ネットビジネス研Q室）

なお、「170%」といったように%で表記することも可能なようですが、僕の場合はなぜか反映されませんでした。

今日の足跡

「やっぱり、ホワイトスペースは大事だ」

Bloggerの行間が「デフォルトじゃきつ過ぎる！！」と思われている方、参考にしてみてくださいませ。

Tweetbot v2.2アップデートで可能になった、デバイス間でのタイムライン同期がとんでもなく便利です

noreply@blogger.com (@Banguard) — Sun, 08 Apr 2012 01:29:00 +0000

先日、僕が愛用しているTwitterクライアントである"Tweetbot"がアップデートされました。これにより、iPhoneとiPad同士のデバイス間でタイムラインの同期が可能になったのですが、これがめちゃくちゃ便利です。

タイムラインをiCloud経由で同期できる

Twitterクライアントは、しばらく前からiPhoneでもiPadでもTweetbotを使っています。インターフェイスが格好良いのでとても満足していたのですが、iPhoneでタイムラインを眺めたあと続きをiPadで見ようとした場合、タイムラインの位置が同期されないのだけがストレスでした。

ところが今回のバージョン2.2のアップデートにより、iPhone／iPad間でタイムラインの同期が可能になったのです！設定は特になし。iCloud経由でふたつのデバイスでしおりを同期するようなイメージです。

iPadのタイムライン画面右上に、しおりのマークがついているのがわかるかと思います。iPhoneでこのしおりの位置を同期するのです。

これがiPhone画面です。先ほどiPadでついたしおりがiPhoneでも同期されています。

「タイムラインの位置が同期される」
たったこれだけで、劇的に使いやすくなりました。あとはDMの既読の同期なども実現しています。

Tweetbot、やはり最強のTwitterクライアントです。

働くオフィスの環境と効率について考えてみた

noreply@blogger.com (@Banguard) — Sat, 07 Apr 2012 14:40:00 +0000

先日、とあるオフィス器具の流通を行なっている会社へ訪問する機会がありました。本社を半年前に移転したばかりとのことで案内をしてもらってのですが、これがとても素晴らしいオフィスでした。いろいろと思うところがあったので、少し考えをまとめてみたいと思います。

1．「働く環境」において、オフィスの備品は結構大事

通常、働く環境として求められるものは労働時間／上司部下との関係／食堂などの福利厚生、こういったものが真っ先
にあげられると思います。

今回お邪魔したオフィスでは自社でオフィス器具を扱っているからか、オフィスの作りが独特で机や椅子などの備品もめちゃくちゃお洒落だったのです。

そこで思いました。
「働く環境は、オフィスの備品も結構大事である」

1.1．オフィスがきれいだと、やる気が出る

こぎれいなオフィスと雑居ビルの中の薄暗いオフィスでは、誰もがきれいなオフィスのほうが良いですよね。オフィス環境は、働くモチベーションとしてとても大事だと思います。
しかもそれがひときわお洒落な空間だったりすると、なおよしです。

1.2．良い椅子は仕事の効率をあげる

「机はケチっても椅子はケチるな」という格言があるほど、長時間すわる椅子は重要だそうです。

多少お金をかけてもいいので、良い椅子を買ったほうが効率が上がるとのことでした。座らせてもらったのですが、確かに僕が毎日座っている椅子とはまったく違いました。良い椅子だと疲れを溜めないつくりになっているとのことで、オフィス改善をするなら椅子から買えるのはありかもしれないですね。

1.3．オフィスは開放的な方が良い

これは好みがわかれるとおもいますが、個人的にはオフィスは間仕切りをなくし開放的にしたほうが良いと思います。

上司との情報連携、他部署との作業連携など、1フロアにすべての部署の者がはたらくような環境のほうが仕事の効率は上がると思います。まわりの人が、常に何をしているか近くで見えると仕事もやりやすいでしょう。

2．お客様と内勤者の接点を設ける

営業職であれば日々お客様先で商談をしているでしょうが、内勤職の場合はまったくお客様と面談をする機会がない人も結構いるはずです。

お伺いした会社は、商談スペースと内勤職のデスクが隣接されていました。しかも、普段お客様接点の少ない管理部系をわざとお客様の通る通路脇に配置しているそうです。

実際に脇を通ると、ちゃんと「いらっしゃいませ」と言ってくれる人もいました。まったく無視の人もいましたが...
全社的に、お客様を意識させるのはとても大事ですね。

3．遊び心がある

この会社には、社員の休憩スペース脇にオリジナルのCafeがあり、毎週水曜日だけはビールを飲めるそうです。

Google日本法人にお邪魔した時も思いましたが、やっぱりオフィスに遊び心があると良いですね。仕事のためだけに出社するのではなく、楽しんで出社できるような環境づくりというのは、どの会社においても大事なのではないかと思います。

以上です！
各カテゴリの写真は、実際にお伺いさせていただいた会社の公式HPの写真になります。素敵なオフィスだなという感じが伝わってきます。

僕の働く会社はまだまだ遠く及びませんが、まずは気に入った文具を揃えてみるなど簡単にできることからはじめてみようと思いました。

1年前のSNSへの投稿をメールでリマインドしてくれる"memoLane"が面白い

noreply@blogger.com (@Banguard) — Fri, 06 Apr 2012 14:48:00 +0000

過去にいろいろなSNSに投稿してきたポストを日付で並べて振り返りができる"memoLane"というWebサービスがあります。
TwitterやFacebookに自分が何を投稿してきたかを振り返ることができる面白いサービスですが、先日新たな機能が追加されました。それが「1年前のSNSへの投稿をメールでリマインドしてくれる」というものです。
ちょうど1年前、自分が何を投稿していたかを振り返るのは意外と面白いので、今回ご紹介してみます。

"memoLane"はWeb上での自分を振り返るサービス

イメージとしては、Twitterの自分のつぶやきやFacebookの自分のタイムラインを、さまざまなWebサービス横断で一元管理・表記してくれるサービス。これが"memoLane"です。

こんな感じで、過去の投稿を振り返ることができます。かなりたくさんのサービスと連携できます。

さらに、他のmemoLaneユーザーをフォローすることができます。自分の"Lane（総合タイムラインのこと）"を共有することができるので、このサービス自体がコミュニティ性をもったSNSであるとも言えます。

1年前のSNSへの投稿をメールでリマインドしてくれる

β版だったころにアカウントを登録したまましばらく（1年くらい）放置していたのですが、先日のある時を境にmemoLaneからメールが毎日送られてくるようになりました。

内容はこんな感じです。

そうです、1年前の自分のつぶやきをメールで送ってくれるのです。あたかも「逆タイムカプセル」みたいな感じです。

意外と1年前に何を考えていたかは忘れています。改めて振り返ってみると、当時の自分の考えを思い出したりしてとても面白いんですよ。SNSを通して1年前の自分を思い出すというのは、新しい感覚です。

利用方法も無料ですので、一度試してみてはいかがでしょうか？

注目のiPadアプリ「Paper」について思った、ちょっと変わった3つの感想

noreply@blogger.com (@Banguard) — Thu, 05 Apr 2012 14:03:00 +0000

App Storeの「今週のiPad App」に特集されている「Paper」というアプリが話題をさらっています。
さまざまなブログで記事にされたりとネット上で大いに話題になっているので、ご存知の方も多いと思います。一度利用してみるとわかるのですが、「Paper」のユーザーインターフェイスは今までのアプリとは一線を画す素晴らしい出来映えで驚きます。さらにこの「Paper」というアプリ、マイクロソフトとの因縁という過去の歴史もあり、個人的にも非常に注目しています。

1．Paperのプロモーション動画が素敵

この「Paper」というアプリは簡単に言うとメモアプリなのですが、その洗練されたユーザーインターフェイスに注目が集まっており、勢い余って僕もダウンロードしてしまいました。
（ダウンロードは無料です。ペンなどの筆記用具を追加購入する場合、アプリ内課金されます。）

どんなアプリなのかを知るには、文章で説明するよりプロモーション動画を見るのが分かりやすいです。

わずか2分足らずの映像ですが、Paperでいったい何ができるのかが良くわかる作品です。それとなく利用シーンを提案していくつくりなのが良いですね。

2．Paperの歴史が感慨深い

歴史といっても、そんなに深く知っているわけではないんですが...

このアプリは、マイクロソフトの「Courier」プロジェクトのメンバーが作り上げたことで有名です。「待て待て、なんだCourierって？」という方も多いと思うので、かんたんにまとめてみました。

Courierとは、マイクロソフトが掲げたタブレットPCの思想である

約2年半前、彗星のごとくひとつのリーク情報が出ました。GIZMODOさんがすっぱ抜いた情報は「マイクロソフトの新タブレット、Courier」についてでした。

当時はiPad発表の直前であり、世界がiPadを待ちわびていました。（正確には、AppleがタブレットPCを出すのでは？という噂が流れまくっている時期でした。懐かしい...）

マイクロソフトの「Courier」のユーザーインターフェイスは圧倒的に洗練されており、とても衝撃を受けたのをよく覚えています。以下がその動画になります。

いま見ても、「Courier」のコンセプトって、やっぱり素晴らしいのコンセプトは素晴らしいですね。これがiPad発表より前に本当に発売されていたら...いまのタブレット市場は違った形になっていたかもしれません。
・詳細初リーク！　マイクロソフトの極秘タブレット「Courier」（動画あり）｜GIZMODO

マイクロソフトの社内事情から「Courier」の開発は頓挫してしまったとのことですが、その洗練されたユーザーインターフェイスは間違いなくこのPaperのアプリに引き継がれています。

3．タブレット市場はiPadが中心なのは間違いない

マイクロソフトの社内プロジェクトメンバーがつくったアプリがiPadで発表されたことは、タブレット市場は現在iPadを中心に動いていると見て間違いないでしょう。（今さらですが...）喧嘩別れだったのかはわかりませんが、Paperは本来であれば来るWindws8のタブレットに搭載されてもおかしくないと思います。

いずれはAndroidやWindowsでもアプリが発表されるかもしれませんが、今はiPadの優れた利用感とPaperの圧倒的な使い心地のよさがベストマッチなのは間違いありません。

ダウンロードして損はないアプリ

無料ですし。ダウンロードして損した気分にはならないでしょう。

ただ、Paperはひとたび触れると他のペンでも描きたくなってしまう不思議な魅力を秘めています。追加課金もペン1本あたり170円と安いので、僕はさくっと2本購入してしまいましたが...

今後もアップデートを続けていくそうなので、これからの展開が楽しみなアプリです。

Bloggerで新着記事を表示させる方法

noreply@blogger.com (@Banguard) — Wed, 04 Apr 2012 16:39:00 +0000

ブログには、新着記事を表示したいと思っていました。ところがBloggerでは、新着記事の表示方法が少しわかりづらかったので、新着記事の表示方法について書き残しておこうと思います。

レイアウトから「フィード」を設定する

新着記事を表示させるには、自分のブログのRSSフィードを表示させることで設定完了です。

まずブログの管理画面からレイアウトを選択、さらに「ガジェットを追加」を選びます。

ガジェット選択画面で「フィード」を選びます。選択するとフィードURLの入力を求められます。

ここで、前回の記事で作成したRSSフィードのURLを入力します。あとは、表示したい記事数を最大5つから選択して完了です。

意外と簡単に設定できますね。ただどのガジェットを選べば良いか少しわかりづらいと思ったので、記事として残しておきました。

Bloggerをはじめるための設定に苦労した話３｜RSS登録用のアイコン設置の方法

noreply@blogger.com (@Banguard) — Tue, 03 Apr 2012 21:43:00 +0000

せっかくブログを続けていくのであれば、ブログを読んでくれた方が簡単にRSSフィード登録をできるようなブログパーツを設置したいと思い、Bloggerをはじめるにあたりブログパーツ登録用のアイコンをつくりました。Bloggerでは簡単にブログパーツを設定できるのですが、RSSフィード配信のためにはいくつかステップを踏む必要があります。

RSSフィード登録用のアイコンは以下の2ステップで設置できます。

RSSフィード配信用のURLを取得
RSSフィード登録用のアイコンを設置

1．RSSフィード配信用のURLを取得する

ブログの記事をRSSフィードで配信したい場合、Google FeedBurnerが簡単です。

Google FeedBurnerは自分のブログを様々なRSSリーダーに登録させることができるサービスで、記事を見に来ていただいた読書の方のRSS登録の手間を軽減させることができます。

設定は、自分のブログのURLを登録するだけなので非常に簡単です！

Google FeedBurnerを利用するには、まず以下のサイトにアクセスして自分のブログの登録をします。Googleのサービスなので、Googleアカウントが必要です。(Googleはなんでもやってますね…)
・Google FeedBurner

指示に従って登録を進めると、自分のブログのRSS登録用URLが発行されます。

Google FeedBurnerでは、読書の方がフィード登録した実績の確認ができるので、登録しておくといろいろと便利ですよ。

Google FeedBurnerについては、IT女子のお気に入りフォルダさんのブログがとても参考になりました！
・ブログ初心者は必見！ブログにRSSを設置する方法(IT女子のお気に入りフォルダ)

2．ブログにRSS登録用のアイコンを設定する

Bloggerでは、レイアウトの設定から簡単にブログパーツを配置できます。RSS登録用のアイコンも、ここで設定しました。

アイコン設置の流れを、簡単に残しておきます。

2.1．RSS登録用のアイコンを用意する

まず、RSS登録用のアイコン画像データを用意します。

「RSS アイコン画像」で検索すると無料で利用できるアイコン画像がわんさか見つかります。

2.2．Bloggerのレイアウト設定からRSSアイコンを設置する

アイコン画像が決まったら、Bloggerの管理画面にある「レイアウト」という項目でRSS登録用のアイコンを表示するレイアウトを設定します。

アイコン設定のHTMLは、以下のようなコードを書いています。マウスオーバーで色が変わるようにしてます。

<a href="RSSフィードのURL">
<img alt="RSS" width="48" height="48" src="元画像URL" 
onmouseover="this.src='変更画像URL';" 
onmouseout="this.src='元画像URL'">
</a>

ここで、先ほど登録したGoogle FeedBurnerのURLを設定します。

以上で、RSS登録用のアイコンが設定できました！

2.3．(おまけ)Twitterのアイコンについて

Twitterのアイコンも一緒です。アイコン画像を設定するときに、リンク先のURLを自分のアカウントページに設定すればOKです

これで、ブログにRSSフィードの登録用アイコンを設置することができました。参考にしていただければ嬉しいです！

Bloggerをはじめるための設定に苦労した話２｜見出しの記載方法

noreply@blogger.com (@Banguard) — Mon, 02 Apr 2012 14:51:00 +0000

Bloggerをはじめるための設定でいちばん苦労したのは、見出しの記載方法でした。
Bloggerの標準機能ではなく「見出しの頭にイラストを表示する」というカスタマイズを行おうとしたため、Web制作の経験がない僕はとても苦労しました。HTMLとCSSの知識が多少あれば訳ない作業なのでしょうが、ド素人な僕はひたすらいろいろなWeb情報のサイトを見てまわり、なんとかイメージ通りの見出しを作れました。おかげで少しだけですが、HTMLとCSSの勉強もできたので良かったです！

今回は、Bloggerで見出しを格好良くするために僕がおこなったことをご紹介します。

1．Blogger標準の見出しの設定方法

Bloggerでは、標準で見出しを設定する機能があります。記事を書くページで簡単に設定できます。

見出しの種類によって3段階設定できます。ただですね...もうちょっと格好よく表示したいなとも思うのです。

他のブログのように、もっと「見出し！」という感じでPRさせたいなと思いました。ここから、奮闘がはじまります。

2．見出しを加工する

調べてみると、見出しの加工について紹介されている記事がたくさんヒットします。どうやら「CSSで加工する」必要があることがわかりました。

参考にしたのは以下の記事です。
・見出しデザインの参考にしたい CSSで作るhタグのサンプル集｜日刊ウェブログ式

2.1．見出しの頭にイラストを表示する

せっかく見出しの加工をするのであれば見出しの頭に好きなイラストを表示させたいと思い、これまたいろいろ調べてみました。ちゃんとわかりやすく記事を残している方々に感謝です。

以下の記事を参考にしました。
・見出しの先頭に背景画像を表示する：CSS小技｜ブログが作りたい！

見出しのHTMLの記載は以下のとおりです。

<h1 class="selector01">
ここに見出しのタイトルを記載
</h1>

CSSは以下のように記載しています。ピクセル数とフォントサイズは適当に、見栄えが良い数値を入れました。

.selector01{
 background: url(画像のURL) no-repeat left center;
 padding-left: 40px;
 font-size: 140%;
 height: 36px;
}

2.2．HTMLとCSSを記載する

コードの記載はとてもかんたんです。

HTMLは、記事の投稿画面で「記法をHTMLに設定」することで書くことができます。

CSSは、ブログ管理画面のメニューから「テンプレート＞カスタマイズ＞アドバンス」と選択。いちばん下にある「CSSを追加」という項目を選ぶと出てくるスペース（「カスタムCSSを追加」という欄）に、CSSのコードを貼り付けます。

これで見出しの頭にイラストを表示できました。

Blogger最後の設定は、ブログパーツの表記

ブログ全体のデザインと記事の表記で、Bloggerでブログをはじめる設定はほぼ完了しました。

最後に設定したのが、ブログパーツ（記事の右側の部分）です。ブログパーツについては、また改めてきちんと書き残しておこうと思います。

最後までお読みいただき、ありがとうございました！

Bloggerをはじめるための設定に苦労した話１｜ブログデザインの決定

noreply@blogger.com (@Banguard) — Sun, 01 Apr 2012 15:28:00 +0000

新しくはじめたBloggerですが、記事もまだ2件目ということで正直まだまだ慣れていません。「使いやすいな」と思うところも多々あります。かゆいところに手が届く感じですね。一方、「これは良くわからん！」ということもたくさんあります。今回は僕がBloggerをはじめて特に苦労したあしあとを残したいと思います。これからBloggerを利用される方の迷いが少しだけでも軽くなれれば幸いです！

1．デザイン決めに苦労する

何はともあれ、ブログの印象を大きく左右するデザインを決定する必要があります。Bloggerをはじめるにあたって、デザインで決めていたことが2つありました。

1.1．シンプルにする

なるべくシンプルなデザインがよかったので、背景も記事自体にも色はつけませんでした。その方が集中して記事を読むことができるかなと思ったからです。

1.2．白と青を基調とする

ブログのデザインカラーのことです。白と青を基調としたデザインはとても落ち着いた印象なので、気に入っています。

決めたデザインに沿って、Bloggerのテンプレートをいじっていきました。Bloggerは初心者でもデザインを簡単に変更できるように工夫されています。

1.3．テンプレートを選択する

まずはブログ管理画面の左にあるメニューから、「テンプレート」を選びます。「カスタマイズ」のボタンをクリックすると、デザインをいろいろカスタマイズする画面になります。

テンプレートデザインを選択します。最初は「少ないかな？」と思ったのですが、テンプレートを基にして背景やレイアウト、ブログパーツの設定を自由にできるので、実際はかなりオリジナルなブログをつくることができます。

1.4．ブログのレイアウトと色を決定する

テンプレートを決めたら、デザインレイアウトを選択します。僕は絶対2カラム（左に記事、右にブログパーツ）が良かったので、こんな感じのレイアウトにしました。

記事の文字の色には気を使いました。色の数を多くしたくなかったので、ブログタイトルのロゴと同じ配色にしました。テキストは灰色（#666666）リンクは青色（#6ea2b1）です。

2．ブログタイトルのロゴに苦労する

せっかく新しいブログをはじめるので、きちんとブログタイトルをつくりたいと思っていました。そして、ブログのロゴも。

タイトルの「あしあとnote」は、日々感じたことや気になったことを残しておきたいという思いを込めました。最初は「あしあとノート」にしようかと思っていたのですが、検索してみたらいくつかすでに他のブログで存在していたので、やむなく英語のnoteにしました。

（noteは「の音」にも聞こえるので語呂が良いなぁと思ってます。完全に後付けですが...）

あしあとのロゴは、iPadでつくりました

ロゴはあしあとにしたかったのですが、Webデザインなどやったこともなく、そもそもデザインのデの字も習ったことがありません。最初はパワポを加工してつくろうと思ったのですが、2秒で挫折しました。

「待てよ、iPadのお絵かきアプリが使えるんじゃないか？？」

こう思った僕は、とりあえずAdobeの「Adobe Ideas」というアプリをつかってちょこちょこ...

こうしてできたのが、タイトルロゴのあしあとロゴです。指で描いたのでガタガタですが、良く言えば味があるということで満足してます。

ところで「Adobe Ideas」ですが、なかなか秀逸なアプリでした。とっても便利でしたので、日を改めてこのブログでも詳しく紹介したいと思います。

まだまだ苦労は続く...

こうして、ブログデザインを決めることができました。（優柔不断なので、3日くらいかかったのですが...）

ところが、これでおしまいではなかったのです。Bloggerで記事を書いてみてわかったのですが、やはりある程度HTMLとCSSの知識がないとお話にならないですね。

したがって、僕はお話にならない訳です...orz

次回は、Bloggerをはじめるための記事投稿に苦労したあしあとを残したいと思います。

Bloggerに引っ越しました

noreply@blogger.com (@Banguard) — Sat, 31 Mar 2012 15:48:00 +0000

4月をむかえるにあたり、心機一転ブログサービスを変更してみました。特に前のブログサービスに大きな不満があったわけではないのですが、なぜBloggerへブログサービスを変更したのか理由をまとめておこうと思います。

Bloggerに引っ越しを決意した3つの理由

この度、お世話になっていた無料の某ブログサービスからBloggerへブログサービスを引っ越すことを決めました。以前利用させていただいていたブログサービスはサポートも丁寧ですし、まめに機能の更新をいただいていてとても親切でした。

それでも、今回Bloggerを選んだのにはいくつか理由があります。どれも些細な理由かもしれませんが、きちんと理由を残しておこうと思いました。

1．自由にカスタマイズがしたかった

前のブログは、ブログサービスなので当然だと思いますが、ある程度ブログのホーム画面は決められた型にはめざるを得ないのが若干窮屈ではありました。Bloggerはかなり自由度が高くカスタマイズできる印象だったので、チャレンジしてみようと思ったのが一番大きな理由です。

でも、WordPressなど自分で設計していくにはまったくスキルがないので、ちょっとずつWebの勉強をして行きたいです。

2．極力、広告を表示したくない

無料のブログサービスですので、広告が表示されるのは問題ないと思っています。

問題は、僕が書きたい内容をまったく無視した広告が表示されてしまうのと、広告表示の場所が決められないことでした。

Bloggerの大きな特徴は、広告がないことだと思います。さすがと言いますか、無料のサービスで広告を表示させないのはGoogleしかできないのでは？

3．Google Analyticsを使いたかった

設定ができないわけではないはずです。ただ、前のブログサービスではGoogle Analyticsの設定の仕方が分かりませんでした。僕に知識がないだけですが...

きちんとアクセス解析をしながらブログを育てていきたいとの思いが強くなってきていました。この理由が一番大きいかもしれませんね。

BloggerはGoogleのサービスですので、Google Analyticsでのアクセス解析には困らなそうです。

ものごとの変更には、プラスとマイナスがある

とは言え、乗り換えたデメリットもありそうです。

まず、前に利用させていただいていたブログサービスは、日本を代表するブログサービスのひとつでした。

簡単に記事をかける仕組み、初心者でもある程度かっこいいブログデザインができる工夫、同じブログサービスを使っている人への記事の共有と情報交換のスキームがある、などなど。

そしてサポートは当然日本語です。

Bloggerは海外でも人気のブログサービスとのことですが、やはり設定でわかりづらい部分があるのも事実です。これは今後記事を書き続ける中で慣れて行くでしょうが、若干の不安があります。

今まで記事を読んでくれていた方々へ

ブログははじめたばかりです。したがって僕の記事を読んでいただいたのは本当にわずかの方々です。

でも、ブログサービスの中で記事を購読いただいていた方もいました。

今回Bloggerに変更することで、今まで記事を読んでくれていた方々にほんとうに申し訳なく思います。

この記事を皮切りに、当面毎日更新を続けていくつもりです。今までのブログよりもっともっとお役に立てるよう、大事に記事を書いていきたいと思っています。

どうぞよろしくお願いします。

あしあとnote

サイドバーのアイコンを変えてみました

ソーシャルメディア・アイコンの変更

今後のデザイン変更予定

[資料作成]:マイクソフトOfficeのバージョン違いを解決するため、互換性を持たせるには

過去のOfficeと互換性を持たせた保存の方法

マイクロソフトOfficeの歴史

[ひとりごと]：ブログの運営について

何のためにはじめたんだっけ？

働くビジネスマンを応援する

続けることは難しい

ここらで一休みしようか、と思う

すべてのiPadユーザーに一度体験して欲しいゲーム、Contre Jour

Contre Jourとは、その素晴らしい世界を体験するゲームアプリである

操作はすべてタッチジェスチャーのみ

細部にこだわりを感じるデザインが好感

今日のあしあと

iPadユーザーは、iTunesの映画レンタルの便利さに早く気づいたほうが幸せになれると思った

iTunesで映画が買える、借りれる

iTunesでの映画レンタルは経済メリットが大きい

今日のあしあと

iTunesでアルバム全曲フル視聴できるプロモーションに見る、今後の音楽販売の行方について

発売前のアルバムを全曲視聴可能というプロモーション

iPadでも視聴可能

オンライン販売を前提としたプロモーション

今日のあしあと

ガストのまた来たくなる仕組みが秀逸だった

子どもに「ガスト行きたい！」と言わせる徹底戦略

1．「アンパンマン攻め」戦略

2．「子どもはFreeでフリードリンク」戦略

3．伝家の宝刀「Freeでガチャガチャ」戦略

今日のあしあと

iPhoneで、自動接続したくないWi-Fiネットワークだけ自動接続をOFFにすると快適

接続したくないWi-Fiだけ自動接続をOFFにする

今日のあしあと

完全ジェスチャーのみの電卓アプリ、Rechner Calculatorに惚れた！

Rechner Calculatorはジェスチャーのみで操作する電卓アプリ

使いづらい部分もあるのは確か

iPhoneアプリUIは、ボタンよりジェスチャーがフィットする

今日のあしあと

関連記事をサムネイル付きで紹介、LinkWithinを設置してみた

サムネイル付きで関連記事を紹介するブログパーツ「LinkWithin」

「LinkWithin」設定の方法を簡単に

1．公式サイトでブログパーツのコードを入手

2．ブログの記事入力画面でコードを貼り付け

注意！レイアウト画面で設定すると、トップ画面に記事ごとに関連記事が表記されます

今日のあしあと

Google Currentsのアプリを触って、新しい雑誌プラットフォームへの挑戦を見た。

新しい雑誌フォーマット、Google Currents

ポテンシャルはMax、今は日本では様子見

雑誌のように記事を見せる代表格「Flipboard」を超えるか？

Google CurrentsはWebコンテンツの雑誌化を目指す試み

今日のあしあと

iPad公式メールアプリは、右フリックでいつでも受信BOXを表示できるのを知ると快適

iPadの公式メールアプリは、右フリックで受信BOXを表示可能

今日のあしあと

SBエナジー社HPのソーラー発電量比較が面白い

SBエナジー社のHPで、業者別の太陽光発電量を比較

Bloggerをはじめて苦労した話２｜Syntax Highlighterをつかって、ソースコードをかっこよく表示したい！

ブログにソースコードをかっこよく表示したい

1．SyntaxHighlighterを導入してみよう

1.1．まずはSyntax Highlighter(v3)にアクセス！

1.2．テンプレートが選択できる

1.3．対象となる言語を選択

1.4．表示されるコードをブログに貼り付け

2．ソースコードを表示する場合の注意点

2.1．preタグを使う

2.2．特定の記号は変換して記載する

今日のあしあと

Mac App Storeの仕事効率化カテゴリ特集ページがやたらと格好良いのはなぜだ？

仕事効率化カテゴリ特集ページが格好良い

仕事効率化のカテゴリ特集が組まれている

今日のあしあと

Bloggerをはじめて苦労した話１｜行間の調整

行間を調整するには、CSSを追加します

今日の足跡

Tweetbot v2.2アップデートで可能になった、デバイス間でのタイムライン同期がとんでもなく便利です

タイムラインをiCloud経由で同期できる

働くオフィスの環境と効率について考えてみた

1．「働く環境」において、オフィスの備品は結構大事