2014年10月第2週号 1位は、Bootstrapの究極の入門ガイド、気になるネタは、LINEで口座残高を照会へ、銀行と友だちになってスタンプで情報交換

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年9月29日～10月5日の間に見つけた記事のベスト5です。

Bootstrapの究極の入門ガイドです。Bootstrapがどういうものかの解説から始まり、プラグインやエクステンション、コンポーネントの紹介、実例紹介まで膨大な情報量をまとめた記事です。

Bootstrapをオススメするポイントとして掲載されていた項目を以下に紹介します。

Webメディアにおけるデザインのトレンドを4つにまとめて紹介しています。

Web開発のスピードアップに役立つツールのまとめ記事です。

HTML5の開発のためのツールというわけではなく、HTML5で開発されたオンラインツールを紹介しているという意味でした。

Webデザイナーが刺激を受けたり参考にできる情報を提供しているサイトを紹介しています。

デザイナー向けのソーシャルメディアやデザインギャラリー、Webデザイナー向けのブログなどが掲載されていました。

イラストを使ったWebデザインのギャラリーです。

フラットデザインにベクターベースと思われるシンプルなイラストが組み合わされているものが多いですね。

そのほか、最近の記事の中から、気になるニュース記事を3つ紹介します。

先週の気になるWebサービス

reEmbedは、YouTubeの動画プレイヤーの、デザインや色をカスタマイズできるWebサービスです。プレイボタンやボリュームなどの付いたバーの部分を変更できます。

プレイヤーのバーは、あらかじめ用意されている6つのスタイルから選択します。バーの背景色、ボタン類の色、テキストなどの色は自由に変更可能です。

そして、ロゴ画像を動画の上に重ねることができます。透過PNGで作った画像なら、ちゃんと透明部分は抜けて合成されました。画像をアップロードしたあとで、サイズや位置の調整ができるのも便利です。

プレイヤーのカスタマイズが完成すると、JavaScriptのコードが生成されるので、そのコードを自分のブログやサイトに入れるだけです。個別の動画に対してカスタマイズするのではなく、そのコードを入れると、ページ内の全てのYouTube動画のコントローラーが変更されるわけです。

ブログのテンプレートにこのコードを入れれば、全ての記事のYouTube動画全てに反映されます。

他人の動画にも勝手にロゴなどを入れてしまえるのはどうかという気もしますが、プリクラ風のフレームを動画に付けるなど、アイデア次第で面白い使い方もできそうです。

LINEで金融機関と友達になり、入出金があるとメッセージが届いたり、口座残高を照会できたりするサービスが提供予定だそうです。日経新聞だけが報じている段階ですが、2015年春の実施を目指し、システムはNTTデータが提供するとのことでした。

LINEに機能が追加されるわけでなく、LINEビジネスコネクトを利用したシステムをNTTデータが開発するというわけですね。LINEビジネスコネクトにより、LINE公式アカウントの各種APIを利用して自社データベースと連携するような、この手のサービスが作れるようになっています。

まずは資金移動を伴わないサービスでスタートするようですが、将来的には振込などへの対応も視野に入れているようです。LINEアプリ側にも協力してもらって、認証時にiPhoneの指紋認証が使えるようになると、セキュリティ的により安心できると思います。