分12「HTML5とか勉強会」も早いもので一周年を迎えました。記念となる第12回は,11月18日にGoogleのオフィスをお借りして開催しました(※1⁠)⁠。本稿では,本勉強会のレポートをお届けします。2010で来日していた海外からのスペシャルゲストによる講演含め,本セッションでは4つのプレゼンテーション(どれも英語)が発表されました。引き続き同一会場で行われた懇親会ではLTが3本行いました。今回は実験的に,WebSocketを利用したチャットシステムを使って,英語の講演中に日本語訳のテキストを共有する試みを実施しました。システムは筆者が開発し,和訳は同じく勉強会スタッフの矢倉さんを中心に行いました。※1Googleの皆様には,会議室の提供だけではなく,勉強会準備や参加者受付,さらには懇親会の手配にいたるまで(今回は勉強会終了後,そのまま懇親会を会場にて実施しました⁠)⁠,多大な協力をいただきました。Irishさんより,HTML5全体に関して講演していただきました。HTML5とその関連仕様には,様々な機能が含まれており,それらの中には現実的な環境の中で使いやすいものから,極めて実験的なものまで様々です。そこで,それらの機能を4つのカテゴリ(安心して使える機能,だいたい使える機能,実験的な機能,エッジな機能)に分類し,それぞれについて概要説明とデモンストレーションが行われました。クライアントサイドjavascriptのライブラリ)含めwebsocketが紹介されました。WebGLに対応した3Dエンジンライブラリのthree.jsなどが紹介されました。apiのデモ(注:FireFox4βでしか動きません)が紹介されました。クロスブラウザ環境での開発についても言及され,APIやCSS3の各種機能の利用可否を判定するライブラリであるModernizrやクラスプラットフォームでHTML5の機能を提供するライブラリがまとめられているサイトが紹介されました。Enhancementが望ましいとの考えを示されました。Lawsonさんより,WAI-ARIAについて講演をいただきました。Applicationsの略で,Webサービスでのアクセシビリティに関し,W3Cが勧告に向けた検討を進めているものです。本講演では,視覚障害者のためのスクリーンリーダーとHTML5との関連や,聴覚障害者のための,ビデオへの字幕の付与についてお話をいただきました。HTML4.01で多用される<div>は,それ自体はブロック要素であることのみを示しています。この要素はページ構成としてのナビゲーションやヘッダー,本文などを区分するものとして頻繁に用いられます。このような状況は健常者から見るとなんら問題なく捉えられがちですが,視覚障害者がスクリーンリーダーを用い利用する場合には大きな問題となります。このようなデバイスは,ナビゲーション部分や本文部分などを識別し,それに応じた機能(例えば,本文の音声読み上げなど)を提供することが必要となりますが,マークアップですべて<div>と記述されているだけでは,それらの識別が困難となるためです。このためARIAでは,"role"などの属性を定義することで,マークアップ中でナビゲーションを識別できるようにしていること,HTML5では<nav>要素の活用により,"role"属性を記述する必要がなくなることなどが紹介されました。Draftにはなっていません)についても紹介され,聴覚障害者へのアクセシビリティを実現するのみならず,ノイジーな環境での認識性の向上や,検索エンジンへの対応も図れることを講演いただきました。Starkさんより,モバイル環境でのアプリ開発について講演いただきました。最初に,モバイルアプリを開発する上で,ネイティブアプリとWebアプリとを比較し,ネイティブアプリでは,デバイスが提供するフルスペックを用いたアプリケーション開発を行うことができることや表現力が豊かであることを,Webアプリでは配布やサポートの容易性をメリットとしてあげ,ゴールやターゲットに応じいずれかの環境を選択すべきとの考えが示されました。Webアプリでは,様々なデバイスに対し(理想的には)1ソースでの提供が実現可能となるため,ターゲットが許される(例えば,カメラアクセスが不要であるなど)限り,Webアプリで開発するのが望ましいと述べられました。講演内では,jQTouchのライブコーディングが披露され,マークアップで,各パネル(アプリケーションの各画面)を定義していくことで,簡単にWebアプリを開発可能であることを紹介いただきました。iPhoneそれぞれの環境で,1ソースでのアプリ開発が可能であることをライブコーディングを通して言及されました(iPhoneでは,PhoneGapからカメラアクセスも可能とのことです⁠)⁠。元々はネットワークエンジニアだったが,Ajaxの登場以来,今後のサービスはWeb(Javascript)を中心に回ると確信。その魅力にとりつかれる。WebSocketに衝撃を受け,リアルタイムWebの到来を信じ,html5の世界に足を踏み出した。「html5とか勉強会」のスタッフをつとめる。好きな言語は,JavascriptとRuby。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。