週刊Webテク通信

2011年6月第2週号　1位は，生産性を向上させるための各種Webツール，気になるネタは，任天堂，Wii Uを発表―新ゲーム機はタブレット型コントローラーを採用

Webテク, Webデザイン, Web広告, HTML, CSS, JavaScript, ソーシャルブックマーク, Facebook, Wii U

この記事を読むのに必要な時間：およそ 2.5 分

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

1. 10 Free Productivity Tools for Busy Web Professionalshttp://sixrevisions.com/tools/free-productivity-tools-web-pro/

Webデザイナーやデベロッパーの生産性を向上させるための各種ツールが紹介されています。

  • Webページをキャプチャーして注釈を入れられるBounce
  • パソコン，iPad，iPhoneなどでノートを同期できるSimplenote
  • ファイルを簡単に共有できるGe.tt
  • ツイートの内容を一旦ためておき指定の時間に配信できるBuffer

など，情報やファイルの共有に役立つWebサービスが中心で，うまく使えばWeb制作中のやりとりが楽になりそうです。

図1　生産性向上のためのツールいろいろ

図1　生産性向上のためのツールいろいろ

2. Useful HTML-, CSS- and JavaScript Tools and Libraries - Smashing Magazinehttp://coding.smashingmagazine.com/2011/06/10/useful-html-css-and-javascript-tools-and-libraries/

便利なHTML，CSS，JavaScriptのツールとライブラリをまとめた記事です。

  • HTMLとCSSのツール
  • JavaScriptのツール
  • グリッドデザインのツール
  • その他

に分けて，多くのツールが掲載されています。

HTMLとCSSのツールの中に「KOTATSU」という気になる名前のツールを見つけました。

テーブルの行や列にclassを設定するためのジェネレーターです。テーブルから連想して「こたつ」なんですね。作者のブログに「'Kotatsu' is a Japanese word for a specialized type of table.」とありました。

図2　HTML，CSS，JavaScriptのツールとライブラリ

図2　HTML，CSS，JavaScriptのツールとライブラリ

3. 36 High Quality Templates & Tutorials To Design Business Websitehttp://www.hongkiat.com/blog/business-website-template-tutorial/

企業向けWebサイトのテンプレートとチュートリアルを数多く紹介しています。

  • HTML/CSSのテンプレート
  • Photoshop形式のテンプレート
  • チュートリアル

が掲載されています。

テンプレートではありますが，ギャラリーとして参考にすることもできます。Photoshop形式のファイルは，どういう風に作ってあるかも勉強になりますね。

図3　ビジネスWebサイトのテンプレートとチュートリアル

図3　ビジネスWebサイトのテンプレートとチュートリアル

4. 14+ Awesome Navigation Menus for Inspiration | WDRemix | Top Web Designhttp://wdremix.net/2011/06/07/14-awesome-navigation-menus-for-inspiration/

ナビゲーションメニューのデザインギャラリーです。

タイポグラフィ，きれいな背景画像，驚かされるロールオーバーといったことを基準に選ばれたメニューが紹介されています。

図4　すばらしいナビゲーションメニュー14選

図4　すばらしいナビゲーションメニュー14選

5. ソーシャルブックマーク＆投稿ボタンの設置方法 | SEOモードhttp://www.seomode.jp/socialmedia/2011/06/06/1673/

各ソーシャルブックマーク用ボタン類の設置の仕方をまとめた記事です。

Twitterはツイートボタンとフォローボタン，Facebookは「いいね！」ボタン，シェアボタン，送信ボタンの作り方が解説されています。

海外の記事とは違い，日本のサービスもしっかりフォローされています。

図5　ソーシャルブックマーク用ボタンの設置方法いろいろ

図5　ソーシャルブックマーク用ボタンの設置方法いろいろ

そのほか，先週の記事の中から，Facebook関連の記事を3つ紹介します。

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

Otixo: Access all your online fileshttp://otixo.com/

Otixoは，各種クラウドサービスのファイルをまとめて管理できるWebサービスです。

Dropbox，MobileMe，Google Docs，Boxのほか，FTPとWebDavにも対応しています。

Otixo上で各種クラウドサービス上のファイルをリネーム／削除／ダウンロードできます。新たなファイルをアップロードすることも可能です。

複数のクラウドサービス間で，ファイルをコピー（カット）＆ペーストで複製（移動）できるのも便利そうです。

クラウドサービスをまたがっての検索もできるようです。日本語の検索もできましたが，検索機能はまだあまり信用できないように感じました。

ところでこのOtixoって何て読むんでしょうね。オティッコ？

図6　オンラインファイルを一括管理するサービス

図6　オンラインファイルを一括管理するサービス

今週の気になるWebネタ

任天堂，Wii Uを発表―新ゲーム機はタブレット型コントローラーを採用http://jp.techcrunch.com/archives/20110607nintendo-announces-the-wii-u-a-unique-controllerconsole-combo/

任天堂がWiiの後継機，Wii Uを発表しました。なんといっても気になるのは，タッチスクリーンを採用したコントローラー。6.2インチのスクリーンに，おなじみの十字ボタンやスライドパッドなどの操作ボタン類や，カメラ／マイク／スピーカーも付いています。加速度センサーや振動機能も搭載されていて，従来のWii用コントローラーとiPadが合体したみたいな感じですね。

コントローラーの画面とテレビ画面とを連動させた遊びもできれば，コントローラーだけでプレイできるゲームもあるようです。

Wii Uにこのコントローラーは1台付いてくるんでしょうが，複数のタッチスクリーンコントローラーで遊ぶことはできるんでしょうかね？　複数人で遊ぶ場合も，みんながタッチスクリーンのコントローラーで遊べた方が，ゲームの幅は広がるはず。でも，このコントローラーは単体でもそれなりの値段になると思うので，友達のために買いそろえておくわけにもいかなそうです。

そうなるとやはり，各人が持っているiPadやスマートフォンがコントローラーになったほうが便利なはず。操作ボタン類の付いたガワだけがあって，iPadにかぶせてコントローラーにできたらいいのに，なんて想像しました。近い将来，Apple TVとiPad＆iPhoneで，同じようなことができるようになるかもしれませんね。

Webテク, Webデザイン, Web広告, HTML, CSS, JavaScript, ソーシャルブックマーク, Facebook, Wii U

著者プロフィール

アシカガコウジ

フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。

http://bit.ly/ashikaganote