第11回@大阪2011年11月19日(土)に日本マイクロソフト関西支社のセミナールームで,コミュニティ「プログラミング生放送」によるIT・開発系イベント,プログラミング生放送勉強会を開催しました。その模様をお届けします。今回は,HTML5をテーマに勉強会を開催し,スピーカーの皆さんにはHTML5に関連するセッションをして頂きました。10など,多彩な内容になっています。今回の勉強会は40名の参加があり,約3分の1は学生でした。どのセッションも好評でしたので,ぜひご覧ください。今回のセッションの動画は,このレポートのページから視聴いただけます。2011年で一覧を参照できます(要ログイン⁠)⁠。プログラミング生放送勉強会プログラミング生放送勉強会は,特定の分野に興味のある人たちの交流の場として開催しているIT・開発系の勉強会です。コミュニティ「プログラミング生放送」が主催しています。勉強会当日は,ニコニコ生放送(ユーザー生放送)や,Ustreamを利用して勉強会を中継しています。生放送やTwitterからの視聴者のコメントはスクリーン上に反映され,オンラインからも参加できるのが特徴です。コメント表示はプレゼンツールのMISAOを使用しています。プログラミング生放送勉強会は,楽しい雰囲気の勉強会ですのでお近くで開催された場合は,参加してみてください。勉強会がはじめての方も歓迎です。8とHTML5でアプリ開発プレビューそれでは,各セッション内容を簡単に紹介します。5zj(@jz5)のセッションです。8ではHTML5やCSS3,JavaScriptを利用してWindowsのアプリ作成ができます。Previewと開発ツールを使って紹介しています。styleという新しいタイプのアプリが登場し,従来のアプリはデスクトップアプリと呼び,区別しています。styleアプリの特徴は,全画面表示され,アプリのサスペンドや終了はOSによって行われます。styleアプリになります。Runtimeという共通のAPIを利用します。Basic,そしてJavaScriptから利用できます。styleアプリの開発が可能です。APIを利用したWebカメラの操作を行っています(図2⁠)⁠。UIで描画されたUIを確認しながらCSSの編集できることを紹介しています。JavaScript(WinJS)というライブラリーが用意されています。WinJSによってコントロールの描画やテンプレート機能が利用可能です。styleアプリへの移植やコードの共通化を考える準備として,次の3点をあげています。#pronamaニコニコ動画:https://www.nicovideo.jp/watch/sm16221937JavaScriptを有効にしてください。セッションを観て,実際に開発を試した頂いた方もいたようです。Previewという開発者向けのプレベータ版です。今後大きく内容が変更される場合もありますので,注意してください。紹介SQLWorld代表の織田さん(@shinsukeoda)による,Webアプリ開発ガイドラインの紹介セッションです。Silkについて紹介して頂きました。Silkは,モダンなWebアプリを構築するためのガイドラインです。クロスブラウザーやリッチなUIが考慮されています。リッチなUIはJavaScriptを多用するため,メンテナンスしやすい実装方法が説明されています。セッションでは,ガイドラインのチャプター1〜14のうち,チャプター2までの内容を扱っています。StatsというWebアプリを用いて説明がなされています。Statsは,CodePlexからダウンロードでき,デモのビデオなどへリンクもあります。Statusでは,車の燃料購入履歴などを管理できるドライバー向けのアプリで,ドラッグ&ドロップ操作やチャートの表示などが可能です。技術的には,HTML5およびjQueryなどのライブラリーなどが使われています。導入チャプター1は,導入です。今日のWebアプリの種類を,静的サイト,サーバーレンダラ―,ハイブリッドデザイン,シングルページインターフェースの4種類に分類しています。Statusは,ハイブリッドデザインにあたるWebアプリです。モダンなWebアプリの特徴について次の項目をあげています。標準に焦点をあてていること対話的であることページ全体のリロードを控えていること非同期であることデータの管理を行うことそのほかにもチャプター1では,アプリ構築時に考慮すべき事項が述べられています。アーキテクチャーチャプター2は,アーキテクチャーについてです。次の項目について解説されています。通信ナビゲーションデータ構造に関しては,最新のブラウザーではJavaScriptを利用し魅力的なUXを実現し,古いブラウザーでは表示可能であるようにアプリを作成します。Enhancementと呼びます。セッションでは,上記のアーキテクチャーの内容を一通り紹介しています。#pronamaニコニコ動画:https://www.nicovideo.jp/watch/sm16222251JavaScriptを有効にしてください。Silkを読んだ感想としてHTMLのWebアプリでどのようなことができるか,JavaScriptやライブラリーの使い方が,勉強できそうとのことでした。紹介している内容は,ガイドラインの最初の部分のみです。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。