週刊Webテク通信

2011年6月第2週号 1位は,生産性を向上させるための各種Webツール,気になるネタは,任天堂,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デザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入