Web会議で疲れるのは音質が悪いから──そんな調査結果を、NTTデータと音響機器メーカーのシュア・ジャパン（東京都港区）が6月13日、発表した。Web会議の音質が悪いと、認知機能の低下やストレス増加などの影響が出ることが分かったとしている。 2社はWeb会議における疲労感の原因について調査。共同で、Web会議における音質の違いが人間のストレス反応に与える影響を実験により検証した。 実験によれば、音質が悪いと内容が理解できず、認知機能への負荷が高まり参加者にストレスを与える結果に。さらに同じ状態が長引くと認知機能が低下し、理解力や判断力、反応スピードが鈍る、内容が理解できないストレスが徐々に蓄積されていく──といった影響があった。 NTTデータは結果について「現場の生産性向上や働きやすい環境づくりは経営戦略の中核。オンライン会議の音質は、経営層が今後注目すべき重要な要素といえる」としている。

思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で

スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、菊池 崇氏が解説します。

Recommendations on how to design and develop custom applications using the Microsoft platform Each patterns & practices offering contains a combination of written documentation and re-usable source code. Many also include a reference implementation. As the guidance is being developed it is reviewed and approved by internal Microsoft product teams and by external customers and partners. This produc

HTML5では、Web StorageやWeb SQL/Indexed DBといった、JavaScriptでクライアントサイド（ブラウザー）にデータを保存する機能があります。今回紹介する「File system API」もそんな機能の1つですが、MacやWindowsのようなディレクトリを持ったファイルシステムにデータをファイルとして保存できます。 File system APIを使うと、Canvasに描いた画像をファイルとしてブラウザーに保存する、といったことができます。現在のところ、「Google Chrome」と、Android 4の「Chrome for Android」だけで利用できますが、特にスマートフォンでファイルが扱えるのは便利でしょう。 今回は、File system APIを使って簡単なファイラーを作ります。File system APIは非同期処理が多く、掲載している

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Android OSの最新バージョン「Android 4」ではさまざまな新機能が追加され、標準のWebブラウザーも大幅に機能強化されました。中でも注目は、W3Cが標準化を進めている「Media Capture API」のサポートです。 従来、カメラやマイクなどのデバイス固有の機能をWebで利用するには、PhoneGapなどのモバイルフレームワークの力を借りる必要がありましたが、Androdi 4ではHTMLとJavaScriptだけで利用できます(*1)。Media Capture APIを利用することで、カメラやマイクなどを利用したWebアプリケーションを手軽に作成できるのです。

いまもっとも注目されているモバイルフレームワーク「jQuery Mobile」。jQuery Mobileの基本的な使い方から、実践的なデザインテクニックまで。iPhone/Androidなどのスマートフォンサイト制作にjQuery Mobileを活用する方法を具体的に解説します。<cj:inc template="792" element_id="673471" />

jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text

Make 24 monthly payments Pay 0% interest Start using the domain today. See details

国内でもHTML5で企業サイトを制作する事例が増え、「次のリニューアルはHTML5で」と考えるWeb制作者も少なくないでしょう。「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務上のポイントまでを解説します。

コントローラUIの設計 <video>要素を使用した場合、表示されるコントローラはWebブラウザによって異なる。 Webブラウザ別のネイティブなビデオコントローラ - Figure 1: Native browser video controls across different browsersより引用 再生、一時停止、シークなどあらゆる機能/ボタンはMedia elements APIをとおして、JavaScriptでアクセス/操作することが可能だ。これらのコントローラUIは、HTML/CSS/SVGなどで自由に組みたてられる。 コントローラのマークアップ まず最初にこれらコントローラをマークアップする必要がある。さきほどのWebブラウザ別ネイティブビデオコントローラを見て分かるとおり、プレーヤには次の機能が求められる。 再生/一時停止ボタン シークバー タイマー ボリューム調節ボタン