HTML5のセミナー・研修・出版物 https://tech-seminar.jp/taxonomy/term/510/all ja IoT (M2M), WoT (HTML5) 国際標準の進展とビジネスインパクト https://tech-seminar.jp/seminar/2014-04-18-IoT-M2M-WoT-HTML5-%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88 <link rel="amphtml" href="https://amp.tech-seminar.jp/12703"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> IoT (M2M), WoT (HTML5) 国際標準の進展とビジネスインパクト</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~スマートグリッドへの応用などM2Mのサービス、ビジネス具体例 / HTML5等ウェブAPIがどの分野で応用されていくのか~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/29" rel="tag" title="ソフトウェア開発">ソフトウェア開発</a></li><li class="term"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1837" rel="tag" title="M2M (Machine to Machine)">M2M (Machine to Machine)</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/12703/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=12703&date=2014-04-18&title=IoT+%28M2M%29%2C+WoT+%28HTML5%29+%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88">セミナーの再開催を依頼する</a> <a href="/node/12703/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2014-04-18T13:00:00+09:00">2014年4月18日(金) 13時00分</abbr> ~ <abbr class="dtend" title="2014-04-18T17:00:00+09:00">17時00分</abbr> <meta itemprop="startDate" content="2014-04-18T13:00:00+09:00" /> <meta itemprop="endDate" content="2014-04-18T17:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <h4>1. IoT、WoT等2014年に動く国際標準化の世界</h4> <p>(2014年4月18日 13:00〜14:15)</p> <p>総務省 情報通信国際戦略局 通信規格課 課長補佐<br /> 中谷 純之 (なかたに じゅんじ) 氏</p> <p>2014年は、ウェブのマークアップ言語 (<span class="caps">HTML</span>) が15年ぶりに大改訂され、M2Mを真正面から扱った初の技術仕様が策定される予定であるなど、国際標準にとり記念すべき年である。また、国際連合の専門機関たるITUにおいても、標準化のあり方を見直す議論が本格しつつあることに加え、マルチメディアに関する会合の札幌開催も決定した。我が国の産業競争力の低迷は、情報通信技術においても例外ではない。昨今、国際競争力の文脈で語られることが増えている「国際標準」を、事例を交えて解説する。</p> <ol> <li>我が国のICTを取り巻く現状</li> <li>ICTの国際競争力の強化 <ol> <li>現状と展望</li> <li>政府の戦略</li> </ol></li> <li>国際標準化の意義 <ol> <li>概略と分類・効果</li> <li>知的財産との関係</li> <li>実際の取組</li> </ol></li> <li>注目の分野・市場 <ol> <li>IoT (M2M等)</li> <li>WoT (HTML5)</li> </ol></li> <li>質疑応答/名刺交換</li> </ol> <h4>2. M2M国際標準化とサービスプラットフォームによる普及に向けて ~スマートグリッド及びホームネットワークへの応用を中心に~</h4> <p>(2014年4月18日 14:20〜15:35)</p> <p>富士通 (株) ネットワークソリューション事業本部 ドコモ・ソリューション事業部<br /> ソリューション企画開発部 シニアマネージャ<br /> 松倉 隆一 (まつくら りゅういち) 氏</p> <p>M2Mの国際標準化が進んでいる。M2Mの規格は分野毎に規定される複数の規格により構成され、ユースケースにより選択すべき規格の異なる点が理解を困難にしている。この解決として、適用分野やビジネス戦略に合った規格の組合せをサービスプラットフォームとして整備する動きがあり、今後普及に向けた鍵となりうる。本講演では、oneM2M、ITUでの国際標準化動向を紹介し、注目されているスマートグリッドへの応用およびホームネットワークを活用したサービスプラットフォームの考え方や事例について述べる。</p> <ol> <li>M2Mの背景 <ol> <li>M2Mとは</li> <li>M2Mの事例</li> </ol></li> <li>国際標準化動向 <ol> <li>oneM2Mでの標準化動向</li> <li>ITU他での標準化動向</li> </ol></li> <li>サービスプラットフォーム <ol> <li>サービスプラットフォームの考え方</li> <li>普及に向けたエコシステム構築</li> </ol></li> <li>質疑応答/名刺交換</li> </ol> <h4>3. 2014年にHTML5がもたらすビジネス変革とは</h4> <p>(2014年4月18日 15:45〜17:00)</p> <p>(株) ニューフォリア 取締役 最高技術責任者<br /> 羽田野 太巳 (はたの ふとみ) 氏</p> <p>HTML5をはじめとしたウェブAPIの進化はとどまるところを知らない。API仕様の進化に合わせて、ブラウザーへの実装の速度は急ビッチだ。本セミナーでは、HTML5をはじめとしたウェブAPIが、2014年から、どのような分野で応用されていくのか、そして、そのビジネスインパクトについて考察する。</p> <ol> <li>HTML5最新動向 <ul> <li>W3Cなどのウェブ標準化団体の標準化動向と最新APIを紹介する。</li> </ul></li> <li>ウェブベースのアプリ基盤 <ul> <li>Firefox OS、Tizenなど、第三のOSと呼ばれる新興のOSの多くは、ウェブベースのアプリ基盤を採用している。なぜこれらの勢力がウェブに注目するのか、そのメリットを考察する。</li> </ul></li> <li>ハイブリッドアプリ開発 <ul> <li>一般的にスマートフォンアプリはOSに依存した専用のプログラム言語で開発する。</li> <li>しかし、見た目はネイティブアプリだが、中身はウェブ技術で作るハイブリッドアプリ開発が注目されている。ハイブリッドアプリ開発にどんなメリットがあるのかを紹介する。</li> </ul></li> <li>組込機器とブラウザー <ul> <li>ハードウェアの進化により、組込機器と呼ばれるハードリソースが非力な機器にもブラウザーが搭載されるようになった。組込機器のウェブ技術の応用事例を紹介する。</li> </ul></li> <li>リアルタイムウェブ <ul> <li>すでに一部のコンピューターサービスがオンラインを前提としたサービスに移行しつつあるが、これが今後も加速するのかを占う。</li> </ul></li> <li>Web of Things <ul> <li>近年はInternet of Thingsが注目されるが、今年からはWeb of Thingsも注目されるだろう。あらゆるところにウェブ技術が使われるようになる。このWeb of Thingsによって、どのような分野に技術シフトが起こりえるのかを考察する。</li> </ul></li> <li>質疑応答/名刺交換</li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/12704"><span itemprop="name">中谷 純之</span></a> 氏 <div>総務省 情報通信国際戦略局 通信規格課</div> <div>課長補佐</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/12705"><span itemprop="name">松倉 隆一</span></a> 氏 <div>富士通 株式会社 ネットワークソリューション事業本部 ドコモ・ソリューション事業部 ソリューション企画開発部</div> <div>シニアマネージャ</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5710"><span itemprop="name">羽田野 太巳</span></a> 氏 <div>(株)ニューフォリア</div> <div>取締役 / 最高技術責任者</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/SSK-%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E3%83%AB%E3%83%BC%E3%83%A0">SSK セミナールーム</a> <meta itemprop="name" content="SSK セミナールーム" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="105-0003" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">西新橋2-6-2</span> ザイマックス西新橋ビル 4F </div> <a href="/node/3577"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区西新橋2-6-2&amp;markers=東京都港区西新橋2-6-2&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="SSK セミナールームの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=12703&date=2014-04-18&title=IoT+%28M2M%29%2C+WoT+%28HTML5%29+%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="25000">25000円</span> (税別) / 27,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=12703&date=2014-04-18&title=IoT+%28M2M%29%2C+WoT+%28HTML5%29+%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88" /> <meta itemprop="validFrom" content="2014-08-14T17:31:06+09:00" /> <meta itemprop="validUntil" content="2014-04-18T13:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=12703&date=2014-04-18&title=IoT+%28M2M%29%2C+WoT+%28HTML5%29+%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=12703&date=2014-04-18&title=IoT+%28M2M%29%2C+WoT+%28HTML5%29+%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=12703&date=2014-04-18&title=IoT+%28M2M%29%2C+WoT+%28HTML5%29+%E5%9B%BD%E9%9A%9B%E6%A8%99%E6%BA%96%E3%81%AE%E9%80%B2%E5%B1%95%E3%81%A8%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%A4%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/12703/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 HTML HTML5 Webアプリケーション M2M (Machine to Machine) Wed, 02 Apr 2014 06:08:25 +0000 admin 12703 at https://tech-seminar.jp PaaS (Platform as a Service) クラウド https://tech-seminar.jp/seminar/2013-11-19-PaaS-Platform-Service-%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89 <link rel="amphtml" href="https://amp.tech-seminar.jp/10247"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> PaaS (Platform as a Service) クラウド</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~現状の機能を理解し、これからの進化を予測する~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/29" rel="tag" title="ソフトウェア開発">ソフトウェア開発</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/402" rel="tag" title="クラウドコンピューティング">クラウドコンピューティング</a></li><li class="term"><a href="/taxonomy/term/38" rel="tag" title="クラウドプログラミング">クラウドプログラミング</a></li><li class="term"><a href="/taxonomy/term/159" rel="tag" title="モバイルアプリケーション">モバイルアプリケーション</a></li><li class="term"><a href="/taxonomy/term/115" rel="tag" title="Java">Java</a></li><li class="term"><a href="/taxonomy/term/37" rel="tag" title="Google App Engine">Google App Engine</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/10247/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89">セミナーの再開催を依頼する</a> <a href="/node/10247/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本セミナーでは、5年の間にクラウドがどのような進化を遂げたのかを確認し、次にこれからどのような進化を遂げるのか、また望ましいのかを、特にPaaS型クラウド (Google App Engine) に焦点を当てて考察・予想します。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2013-11-19T13:00:00+09:00">2013年11月19日(火) 13時00分</abbr> ~ <abbr class="dtend" title="2013-11-19T17:00:00+09:00">17時00分</abbr> <meta itemprop="startDate" content="2013-11-19T13:00:00+09:00" /> <meta itemprop="endDate" content="2013-11-19T17:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>Webアプリケーション開発技術者</li> <li>Google App Engineを使用したシステム設計/アプリケーション開発に携わる技術者・開発者</li> <li>これからGoogle App Engineを使用したシステム設計/アプリケーション開発に携わる予定のある方</li> <li>Google App Engineのプログラミングに課題・関心があるプログラマ、SE、ITアーキテクトの方</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>Google App Engine の分散システム・分散アプリケーションとしての構造</li> <li>Google App Engine データストアアクセスのプログラミングスキル</li> <li>Google App Engine の主なサービス機能についてプログラミングスキル</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> GoogleやAmazonのクラウドがリリースされてから、5年が経過しています。今の時点で、5年の間にクラウドがどのような進化を遂げたのかを確認し、次にこれからどのような進化を遂げるのか、また望ましいのかを、特にPaaS型クラウド (Google App Engine) に焦点を当てて考察・予想します。</p> <ol> <li>現在のPaaSクラウド機能概要</li> <li>クラウドフロントエンド <ol> <li>オフラインファーストとクライアントサイドMVC</li> <li>リアリタイムWebとTSA (Thin Server Architecture)</li> <li>BaaS (Backend as a Service) BaaSでどこまでできるのか</li> <li>モバイルファーストとBaaS</li> <li>Security…OAuth、生体認証</li> </ol></li> <li>データストア <ol> <li>規模…地球規模の超巨大データストア Spanner、Colossus</li> <li>種類…NoSQLの種類と特性 Cassandra、MongoDB、Neo4j etc</li> <li>ビッグデータMapReduceとこれからのBigData処理 Dremel</li> <li>CAP定理、Base理論の修正</li> </ol></li> <li>プラットホーム <ol> <li>演算処理装置…専用プロセッサ、GPU、FPGA、量子コンピュータ</li> <li>記憶装置…新世代不揮発性メモリ、etc</li> <li>ネットワーク…UDPベース、プロトコル変換、光通信の超高速化</li> </ol></li> <li>Webアプリケーションプラットフォームとしてのクラウド <ol> <li>巨大クラウドの独自性…プラットホームの非互換</li> <li>分散システムアーキテクチャのWeb適用</li> </ol></li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5031"><span itemprop="name">清野 克行</span></a> 氏 <div>有限会社サイバースペース</div> <div>代表</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%81%A1%E3%82%88%E3%81%A0%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%B9%E3%82%AF%E3%82%A6%E3%82%A7%E3%82%A2">ちよだプラットフォームスクウェア</a> <meta itemprop="name" content="ちよだプラットフォームスクウェア" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="101-0054" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">千代田区</span> <span itemprop="streetAddress">神田錦町3-21</span> </div> <a href="/node/3575"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都千代田区神田錦町3-21&amp;markers=東京都千代田区神田錦町3-21&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ちよだプラットフォームスクウェアの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/triceps.co.jp">株式会社 トリケップス</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="43000">43000円</span> (税別) / 45,150円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89" /> <meta itemprop="validFrom" content="2014-02-11T21:07:03+09:00" /> <meta itemprop="validUntil" content="2013-11-19T13:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1口</div> : <span itemprop="price" content="56000">56000円</span> (税別) / 58,800円 (税込) (3名まで受講可) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89" /> <meta itemprop="validFrom" content="2014-02-11T21:07:03+09:00" /> <meta itemprop="validUntil" content="2013-11-19T13:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="43000" /> <meta itemprop="lowPrice" content="43000" /> <meta itemprop="highPrice" content="56000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89" /> <meta itemprop="validFrom" content="2014-02-11T21:07:03+09:00" /> <meta itemprop="validUntil" content="2013-11-19T13:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名 同時受講:<br /> 1口 58,800円(税込) (3名まで受講可能)</li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=10247&date=2013-11-19&title=PaaS+%28Platform+as+a+Service%29+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/10247/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 HTML5 Webアプリケーション クラウドコンピューティング クラウドプログラミング モバイルアプリケーション Java Google App Engine Wed, 24 Jul 2013 08:49:41 +0000 editor 10247 at https://tech-seminar.jp テレビに再挑戦する米IT https://tech-seminar.jp/seminar/2013-10-31-%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT <link rel="amphtml" href="https://amp.tech-seminar.jp/10788"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> グーグルも、アップルも、フェイスブックも</div> <div class="field"> <h1 itemprop="name"> テレビに再挑戦する米IT</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~番組自主制作・アンバンドル化、テレビ広告市場の奪取を狙う~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1665" rel="tag" title="スマートTV">スマートTV</a></li><li class="term"><a href="/taxonomy/term/1491" rel="tag" title="スマートフォン">スマートフォン</a></li><li class="term"><a href="/taxonomy/term/159" rel="tag" title="モバイルアプリケーション">モバイルアプリケーション</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/10788/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT">セミナーの再開催を依頼する</a> <a href="/node/10788/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>当日使用予定のプレゼン資料 (<span class="caps">PDF</span>) を電子データでご提供します<br /> ※講演当日の内容は、取材結果と最新動向により異なる可能性があります</p></div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2013-10-31T14:00:00+09:00">2013年10月31日(木) 14時00分</abbr> ~ <abbr class="dtend" title="2013-10-31T16:00:00+09:00">16時00分</abbr> <meta itemprop="startDate" content="2013-10-31T14:00:00+09:00" /> <meta itemprop="endDate" content="2013-10-31T16:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 米国の主力IT企業が次なる巨大市場を求めて、テレビに照準を合わせつつある。グーグルはテレビに差し込むだけでネット端末化できる小型装置「Chromecast」を発売。アップルは本格的なスマートTVを開発中と噂され、フェイスブックは15秒の動画広告でテレビCM市場を奪取しようとしている。また、インテルやソニーも独自のアプローチを模索している。<br />  1990年代のマイクロソフト「ウェブTV」から最近の「グーグルTV」まで、米IT企業のテレビ進出はお世辞にも成功とは言えない。テレビ・ビジネスは、米国を中心とする世界的メディア・コングロマリットが強力にコントロールしており、これまではアップルのような有力企業をもってしても、既存勢力に抗して画期的な新製品・サービスを実現することは難しかった。<br />  しかし最近になって、漸くIT業界が独自の映像コンテンツやタレントを育成する動きが生じるなど、徐々にではあるが変化の兆しは現れている。彼らは各々の切り口からテレビ産業に食い込もうとしているが、時代の転換点におけるそれらのポイントを紹介・解説するとともに、日本のメディア産業に与える影響を考える。 (脚注)</p> <ol> <li>最新動向 <ul> <li>~グーグル、アップル、フェイスブック、インテル、ソニーなどのテレビに関する最近の取り組み</li> </ul></li> <li>「インターネット+テレビ」の歴史 <ol> <li>Apple TV</li> <li>Google TV</li> <li>Netflix</li> </ol></li> <li>テレビ局や映画会社の思惑 <ul> <li>~グーグルやアップルへの警戒感からコンテンツ提供には消極的</li> </ul></li> <li>外部環境の変化 <ul> <li>~スマホやタブレットでの動画視聴が当たり前に</li> </ul></li> <li>インターネット企業による映像コンテンツ自主制作の動き <ul> <li>~ネットフリックスの自主制作番組がエミー賞にノミネート</li> <li>~グーグルもユーチューブ番組を自主制作</li> </ul></li> <li>「映画からテレビへ」の歴史は繰り返されるのか <ul> <li>~かつてコンテンツや俳優を囲い込んで衰退した映画産業と同じことが テレビからネットでも起きるのか</li> </ul></li> <li>日本のメディア産業に与える影響 <ul> <li>~キャリア各社のスマホTVがリードする国内の業界は今後どう発展するか</li> </ul></li> <li>質疑応答/名刺交換</li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/6714"><span itemprop="name">小林 雅一</span></a> 氏 <div>株式会社 KDDI総研</div> <div>リサーチフェロー</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/SSK-%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E3%83%AB%E3%83%BC%E3%83%A0">SSK セミナールーム</a> <meta itemprop="name" content="SSK セミナールーム" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="105-0003" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">西新橋2-6-2</span> ザイマックス西新橋ビル 4F </div> <a href="/node/3577"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区西新橋2-6-2&amp;markers=東京都港区西新橋2-6-2&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="SSK セミナールームの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="30000">30000円</span> (税別) / 31,500円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT" /> <meta itemprop="validFrom" content="2014-02-11T21:08:39+09:00" /> <meta itemprop="validUntil" content="2013-10-31T14:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">複数名</div> : <span itemprop="price" content="20000">20000円</span> (税別) / 21,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT" /> <meta itemprop="validFrom" content="2014-02-11T21:08:39+09:00" /> <meta itemprop="validUntil" content="2013-10-31T14:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="30000" /> <meta itemprop="lowPrice" content="20000" /> <meta itemprop="highPrice" content="30000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT" /> <meta itemprop="validFrom" content="2014-02-11T21:08:39+09:00" /> <meta itemprop="validUntil" content="2013-10-31T14:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名同時受講割引 <ul> <li>同一団体より複数ご参加の場合、2人目以降 21,000円(税込) で受講いただけます。</li> </ul></li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=10788&date=2013-10-31&title=%E3%83%86%E3%83%AC%E3%83%93%E3%81%AB%E5%86%8D%E6%8C%91%E6%88%A6%E3%81%99%E3%82%8B%E7%B1%B3IT">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/10788/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 スマートTV スマートフォン モバイルアプリケーション Thu, 05 Sep 2013 07:39:03 +0000 editor 10788 at https://tech-seminar.jp 次世代ウェブ標準と産業の融合 https://tech-seminar.jp/seminar/2013-06-20-%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88 <link rel="amphtml" href="https://amp.tech-seminar.jp/9755"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 次世代ウェブ標準と産業の融合</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~HTML5がモバイル・出版・クルマビジネスを変える~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/9755/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=9755&date=2013-06-20&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88">セミナーの再開催を依頼する</a> <a href="/node/9755/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2013-06-20T13:00:00+09:00">2013年6月20日(木) 13時00分</abbr> ~ <abbr class="dtend" title="2013-06-20T17:30:00+09:00">17時30分</abbr> <meta itemprop="startDate" content="2013-06-20T13:00:00+09:00" /> <meta itemprop="endDate" content="2013-06-20T17:30:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <h4>1. 次世代ウェブ技術の標準化がもたらすインパクト</h4> <p>(2013年6月20日 13:00〜14:00)</p> <p>総務省 情報通信国際戦略局 通信規格課 課長補佐<br /> 岡本 樹生 (おかもと しげお) 氏</p> <p> いわゆるHTML5をはじめとした次世代のウェブ技術が、様々なOS・端末の共通プラットフォームとなり、産業での活用が本格化しつつあります。このような中、ウェブ技術の標準化の進展により予想されるビジネス生態系の変化を見据えてどのような戦略を描くべきか、今後の展望に資するよう標準化政策の動向や各分野での取組をご紹介します。 <ol> <li>次世代ウェブ標準の進展</li> <li>各産業での取組</li> <li>ウェブ技術の標準化の特徴</li> <li>日本のプレーヤーにとっての課題</li> <li>今後の展望</li> <li>質疑応答/名刺交換</li> </ol></p> <h4>2. 通信事業から見たHTML5への期待</h4> <p>(2013年6月20日 14:10〜15:10)</p> <p>(株) KDDI研究所 メディア・HTML5応用グループリーダー<br /> 酒澤 茂之 (さかざわ しげゆき) 氏</p> <p> 注目がますます高まっているHTML5に関して、簡単な解説を行った上で、HTML5に関わる様々なステークホルダーのスタンスをご紹介します。<br />  一方で、足元では様々な課題も残されており、その現状について述べます。そして、携帯端末を中心とした通信事業の観点からHTML5の魅力を整理し、それをさらに発展させるためのサービスプラットフォームとしてのHTML5の活用例をご紹介します。 <ol> <li>HTML5概要</li> <li>ステークホルダーにとっての価値と課題</li> <li>通信事業者から見た価値</li> <li>サービスプラットフォームへの進化の期待</li> <li>質疑応答</li> </ol></p> <h4>3. HTML5の電子出版における表現技術の課題と今後</h4> <p>(2013年6月20日 15:20〜16:20)</p> <p>凸版印刷 (株) 情報コミュニケーション事業本部<br /> デジタルコンテンツソリューションセンター 技術部 課長<br /> 田原 恭二 (たはら きょうじ) 氏</p> <p> 私たちは、昔から文字によるコミュニケーションを行ってきました。そして、印刷技術の発展にともない、情報を広く伝える事ができるようになりました。テキストレイアウト技術などもまた、そのような中で発展してきたと言えます。<br />  そして、現在、さまざまな情報コミュニケーションがウェブを取り込み、進化しようとしている中で、改めて電子出版における表現技術の課題について整理し、今後の方向性について検討を行います。 <ol> <li>最近のトピックス</li> <li>出版の技術的な変遷</li> <li>電子出版の概況</li> <li>表現技術の課題</li> <li>今後の方向性</li> <li>質疑応答/名刺交換</li> </ol></p> <h4>4. ICTとクルマの融合が与えるインパクト</h4> <p>(2013年6月20日 16:30〜17:30)</p> <p>インテル (株) オートモーティブ・ソリューション・グループ<br /> チーフ・アドバンストサービス・アーキテクト兼ダイレクター<br /> 野辺 継男 (のべ つぐお) 氏</p> <p> 加速する情報通信技術の発展 (含;クラウドと端末のマルチデバイス化) はクルマ向けICTソリューションにも大きく影響し、ICTでクルマの付加価値を高める実例も出てきています。<br />  その中で、ドライバーへの情報提供やICTによる運転支援等に関わる今後の可能性と方策、特にインターネットとクルマを連携させるHTML5の役割や将来性につき検討を行います。 (<span class="caps">ICT</span>:Information and Communication Technology) <ol> <li>クルマから見た情報通信発達の意義</li> <li>クルマと情報通信の現状</li> <li>情報通信がクルマをより安全安心にする</li> <li>HTML5の役割</li> <li>現状の課題と方策、将来ビジョン</li> <li>質疑応答/名刺交換</li> </ol></p></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/9751"><span itemprop="name">岡本 樹生</span></a> 氏 <div>総務省 情報通信国際戦略局 通信規格課</div> <div>課長補佐</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/9752"><span itemprop="name">酒澤 茂之</span></a> 氏 <div>(株)KDDI研究所 メディア・HTML5応用</div> <div>グループリーダー</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/9753"><span itemprop="name">田原 恭二</span></a> 氏 <div>凸版印刷(株) 情報コミュニケーション事業本部 デジタルコンテンツソリューションセンター 技術部 </div> <div>課長</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/9754"><span itemprop="name">野辺 継男</span></a> 氏 <div>インテル 株式会社</div> <div>事業開発・政策推進ダイレクタ兼 チーフサービスアーキテクト</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E6%96%B0%E6%A9%8B%E6%84%9B%E5%AE%95%E5%B1%B1-%E6%9D%B1%E6%80%A5REI%E3%83%9B%E3%83%86%E3%83%AB">新橋愛宕山 東急REIホテル</a> <meta itemprop="name" content="新橋愛宕山 東急REIホテル" /> <meta itemprop="telephone" content="03-3431-0109" /> <meta itemprop="url" content="http://www.atagoyama-i.tokyuhotels.co.jp/" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="105-0002" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">愛宕1丁目6-6</span> </div> <a href="/node/3744"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区愛宕1丁目6-6&amp;markers=東京都港区愛宕1丁目6-6&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="新橋愛宕山 東急REIホテルの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=9755&date=2013-06-20&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="25000">25000円</span> (税別) / 26,250円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=9755&date=2013-06-20&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88" /> <meta itemprop="validFrom" content="2014-02-11T21:04:52+09:00" /> <meta itemprop="validUntil" content="2013-06-20T13:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=9755&date=2013-06-20&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=9755&date=2013-06-20&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=9755&date=2013-06-20&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%A6%E3%82%A7%E3%83%96%E6%A8%99%E6%BA%96%E3%81%A8%E7%94%A3%E6%A5%AD%E3%81%AE%E8%9E%8D%E5%90%88">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/9755/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 Sat, 18 May 2013 16:07:55 +0000 editor 9755 at https://tech-seminar.jp 第3のモバイルOSとHTML5の行方 https://tech-seminar.jp/seminar/2013-04-17-%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9 <link rel="amphtml" href="https://amp.tech-seminar.jp/9219"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> プルとグーグルに勝てるか?</div> <div class="field"> <h1 itemprop="name"> 第3のモバイルOSとHTML5の行方</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~Firefox OS、Tizenなど多極化する次世代モバイル産業の勢力図~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/159" rel="tag" title="モバイルアプリケーション">モバイルアプリケーション</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/9219/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9">セミナーの再開催を依頼する</a> <a href="/node/9219/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>当日使用予定のプレゼン資料 (<span class="caps">PDF</span>) を電子データでご提供します<br /> ※講演当日の内容は、取材結果と最新動向により異なる可能性があります</p></div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2013-04-17T14:00:00+09:00">2013年4月17日(水) 14時00分</abbr> ~ <abbr class="dtend" title="2013-04-17T16:00:00+09:00">16時00分</abbr> <meta itemprop="startDate" content="2013-04-17T14:00:00+09:00" /> <meta itemprop="endDate" content="2013-04-17T16:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> スマートフォンやタブレット、車載システムなどモバイル産業が爆発的な成長を続ける中、そのベースとなるモバイルOSにICT業界の関心が集まっている。現在のモバイル市場ではアップルの「iOS (アイフォーンやアイパッド用の基本ソフト) 」とグーグルの「Android」が85%のシェアを占めている。<br />  両者の寡占体制に不満を募らせる端末メーカーや通信キャリアの間では、今この2つに続く、あるいは、とって代わる「第3のモバイルOS」を求める声が高まっている。その候補は、モジラ財団の「Firefox OS」、サムスンやインテルを中心に開発中の「Tizen」、マイクロソフトの「Windows Phone」、英ベンチャー企業を中心に開発中の「Ubuntu」など多士済済だ。<br />  これに対し、日本ではNTT DoCoMoが「Tizen」、KDDIが「Firefox OS」への支持を打ち出し、世界的にもキャリアや端末メーカーの合従連衡が進んでいる。「iOS (アップル) 」と「Android (グーグル) 」に対抗できる次の旗頭は何 (誰) になるのか?そのカギを握るのは、これら全てのモバイルOS候補のベースとなっている次世代ウェブ技術「HTML5」だ。<br />  本講演ではHTML5を軸に次世代モバイルOSの各候補を分析し、客観的な視点から勝ち馬を予想。そこから次世代モバイル産業の全体像を俯瞰する。 <ol> <li>最新動向<br />  ~第3のモバイルOSを巡る、世界のキャリアや端末メーカーの動向</li> <li>HTML5とは何か? <ol> <li>HTMLの歴史 : <ul> <li>ホームページの記述言語がいつの間にかアプリ開発言語へと進化</li> </ul></li> <li>HTML、CSS、JavaScriptなど各種技術の解説</li> <li>アップル、グーグル、フェイスブック、通信キャリアやメーカーなどの取り組み</li> </ol></li> <li>モバイルOS各候補の一長一短<br />  ~HTML5を中心とする視点から、「第3のOS」各候補の長所と短所を指摘し、最有力候補を選び出す</li> <li>アップルとグーグルの今後<br />  ~下り坂が懸念されるアップルと円熟期のCEOが指揮するグーグル<br />  両社の力関係に左右されるモバイル産業の現状と未来を分析</li> <li>通信キャリアの思惑<br />  ~ここ数年、アップルとグーグルの軍門に下った感のあるキャリアが、HTML5ベースのモバイルOSを使って、どう主導権を取り戻すのかその思惑と戦略を予想する</li> <li>描き変えられるモバイル産業の勢力図<br /> ~フェイスブックなどソーシャル企業も含め、多極化するモバイル産業の未来図を描き出す</li> <li>質疑応答/名刺交換</li> </ol></p></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/6714"><span itemprop="name">小林 雅一</span></a> 氏 <div>株式会社 KDDI総研</div> <div>リサーチフェロー</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/SSK-%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E3%83%AB%E3%83%BC%E3%83%A0">SSK セミナールーム</a> <meta itemprop="name" content="SSK セミナールーム" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="105-0003" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">西新橋2-6-2</span> ザイマックス西新橋ビル 4F </div> <a href="/node/3577"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区西新橋2-6-2&amp;markers=東京都港区西新橋2-6-2&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="SSK セミナールームの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="30000">30000円</span> (税別) / 31,500円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9" /> <meta itemprop="validFrom" content="2014-02-11T21:03:01+09:00" /> <meta itemprop="validUntil" content="2013-04-17T14:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">複数名</div> : <span itemprop="price" content="20000">20000円</span> (税別) / 21,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9" /> <meta itemprop="validFrom" content="2014-02-11T21:03:01+09:00" /> <meta itemprop="validUntil" content="2013-04-17T14:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="30000" /> <meta itemprop="lowPrice" content="20000" /> <meta itemprop="highPrice" content="30000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9" /> <meta itemprop="validFrom" content="2014-02-11T21:03:01+09:00" /> <meta itemprop="validUntil" content="2013-04-17T14:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名同時受講割引 <ul> <li>同一団体より複数ご参加の場合、2人目以降 21,000円(税込) で受講いただけます。</li> </ul></li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=9219&date=2013-04-17&title=%E7%AC%AC3%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABOS%E3%81%A8HTML5%E3%81%AE%E8%A1%8C%E6%96%B9">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/9219/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 モバイルアプリケーション Sat, 06 Apr 2013 19:08:37 +0000 editor 9219 at https://tech-seminar.jp クラウドとスマートフォンの活用アプリ開発 https://tech-seminar.jp/seminar/2012-12-14-%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA <link rel="amphtml" href="https://amp.tech-seminar.jp/7379"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> クラウドとスマートフォンの活用アプリ開発</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~Google・Amazon・Appleの最新技術活用プログラミング~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/38" rel="tag" title="クラウドプログラミング">クラウドプログラミング</a></li><li class="term"><a href="/taxonomy/term/1491" rel="tag" title="スマートフォン">スマートフォン</a></li><li class="term"><a href="/taxonomy/term/1073" rel="tag" title="JavaScript">JavaScript</a></li><li class="term"><a href="/taxonomy/term/662" rel="tag" title="jQuery">jQuery</a></li><li class="term"><a href="/taxonomy/term/158" rel="tag" title="Android">Android</a></li><li class="term"><a href="/taxonomy/term/37" rel="tag" title="Google App Engine">Google App Engine</a></li><li class="term"><a href="/taxonomy/term/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/7379/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA">セミナーの再開催を依頼する</a> <a href="/node/7379/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-12-14T13:30:00+09:00">2012年12月14日(金) 13時30分</abbr> ~ <abbr class="dtend" title="2012-12-14T16:30:00+09:00">16時30分</abbr> <meta itemprop="startDate" content="2012-12-14T13:30:00+09:00" /> <meta itemprop="endDate" content="2012-12-14T16:30:00+09:00" /> <meta itemprop="eventStatus" content="EventCancelled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <ol> <li>Google App Engine の活用 <ol> <li>アカウントと開発環境の準備</li> <li>BigTable利用のためのフレームワーク</li> <li>基本的プログラム作成 (演習)</li> </ol></li> <li>Android アプリの開発 <ol> <li>ネーティブアプリの構造</li> <li>jQuery Mobile の活用</li> <li>クラウドとの連携とマッシュアップ</li> </ol></li> <li>最新技術の動向 <ol> <li>HTML5とSVG の可能性</li> <li>JavaScript とAjax の活用</li> <li>新しいWeb 技術の研究動向</li> </ol></li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/7378"><span itemprop="name">藤井 章博</span></a> 氏 <div>法政大学 理工学部 応用情報工学科</div> <div>准教授</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%82%AA%E3%83%BC%E3%83%A0%E7%A4%BE-%E3%82%AA%E3%83%BC%E3%83%A0%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E5%AE%A4">株式会社オーム社 オームセミナー室</a> <meta itemprop="name" content="株式会社オーム社 オームセミナー室" /> <meta itemprop="telephone" content="03-3233-0680" /> <meta itemprop="url" content="www.ohmsha.co.jp" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="101-8460" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">千代田区</span> <span itemprop="streetAddress">神田錦町3-1</span> </div> <a href="/node/1728"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都千代田区神田錦町3-1&amp;markers=東京都千代田区神田錦町3-1&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="株式会社オーム社 オームセミナー室の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/triceps.co.jp">株式会社 トリケップス</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="35000">35000円</span> (税別) / 36,750円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA" /> <meta itemprop="validFrom" content="2014-02-11T20:56:24+09:00" /> <meta itemprop="validUntil" content="2012-12-14T13:30:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1口</div> : <span itemprop="price" content="52000">52000円</span> (税別) / 54,600円 (税込) (3名まで受講可) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA" /> <meta itemprop="validFrom" content="2014-02-11T20:56:24+09:00" /> <meta itemprop="validUntil" content="2012-12-14T13:30:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="35000" /> <meta itemprop="lowPrice" content="35000" /> <meta itemprop="highPrice" content="52000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA" /> <meta itemprop="validFrom" content="2014-02-11T20:56:24+09:00" /> <meta itemprop="validUntil" content="2012-12-14T13:30:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名 同時受講:<br /> 1口 54,600円(税込) (3名まで受講可能)</li> <li>早期申込割引:<br /> 2012年11月14日 17:00までのお申込は、<br /> 1名受講・1口受講とともに受講料から10%割引となります。</li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=7379&date=2012-12-14&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/7379/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 クラウドプログラミング スマートフォン JavaScript jQuery Android Google App Engine jQuery Mobile Fri, 05 Oct 2012 09:41:11 +0000 editor 7379 at https://tech-seminar.jp 次世代テレビへの針路 https://tech-seminar.jp/seminar/2012-09-19-%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF <link rel="amphtml" href="https://amp.tech-seminar.jp/6711"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 次世代テレビへの針路</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~~NHK技研3か年計画から次世代メディアの研究戦略を探り、スマートTV/HTML5をキーにアクティブ情報端末を志向する~~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1665" rel="tag" title="スマートTV">スマートTV</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/6711/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF">セミナーの再開催を依頼する</a> <a href="/node/6711/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-09-19T14:00:00+09:00">2012年9月19日(水) 14時00分</abbr> ~ <abbr class="dtend" title="2012-09-19T16:30:00+09:00">16時30分</abbr> <meta itemprop="startDate" content="2012-09-19T14:00:00+09:00" /> <meta itemprop="endDate" content="2012-09-19T16:30:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <h4>NHK技研における研究開発の方向性</h4> <p>~NHK技研3か年計画をもとに~</p> <p>日本放送協会 放送技術研究所 副所長 工学博士<br /> 黒田 徹 (くろだ とおる) 氏</p> <p>(2012年9月19日 14:00~15:10)<br />  2011年、50年継続してきたアナログテレビ放送が終了し、完全デジタル時代となった。<br />  これまで、衛星放送、ハイビジョン、デジタル放送、ワンセグなど、新たな放送メディアの研究開発を進め、実用化を進めてきた技研が、今、何を行おうとしているのか。<br />  技研では、3か年計画を策定し、本年度より実行に移している。その中では、放送通信連携を、放送事業者側から考えた姿としてハイブリッドキャスト、次世代の高臨場感放送としてスーパーハイビジョン、さらに人にやさしい放送を目指すとしている。<br />  国内テレビ産業が低迷する中、これら新たな技術が、次の時代を担うメディアとして起爆剤になりうるかどうか、具体的な研究戦略について紹介する。 <ol> <li>技研3か年の基本方針</li> <li>重点項目の設定とその概要</li> <li>放送通信連携サービス</li> <li>高臨場感放送 (1) <ul> <li>スーパーハイビジョンの研究</li> </ul></li> <li>高臨場感放送 (2) <ul> <li>自然な立体テレビに向けて</li> </ul></li> <li>人にやさしい放送</li> <li>標準化と外部連携</li> <li>研究評価</li> </ol></p> <ul> <li>質疑応答/名刺交換</li> </ul> <h4>今、再定義されるテレビとHTML5への期待</h4> <p>(株) KDDI総研 リサーチフェロー<br /> 小林 雅一 (こばやし まさかず) 氏</p> <p>(2012年9月19日 15:20~16:30)</p> <p> スマートフォンやタブレットなどマルチ・デバイスからの動画視聴が可能となった現在、テレビとは何なのか、その本質的な役割が改めて問い直されている。それは高精細の動画を映し出す、単なる大型ディスプレイに過ぎないのか?それともネット動画やソーシャル機能、ビデオ会議など、多彩な機能を組み合わせたアクティブ情報端末へと生まれ変わるのか?進化の分岐点に立ったテレビの現状を、テレビ/インターネット融合のキー・テクノロジーとなるHTML5との絡みで解説し、その将来を展望する。 <ol> <li>テレビの置かれた現状</li> <li>その進化の方向性</li> <li>スマートTVとは何か</li> <li>視聴スタイルは変化可能か</li> <li>HTML5とは何か</li> <li>機器間連携はどこまで進むか</li> <li>関連業界の動向</li> </ol></p> <ul> <li>質疑応答,名刺交換</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/6713"><span itemprop="name">黒田 徹</span></a> 氏 <div>日本放送協会 放送技術研究所 </div> <div>副所長</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/6714"><span itemprop="name">小林 雅一</span></a> 氏 <div>株式会社 KDDI総研</div> <div>リサーチフェロー</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%82%AF%E3%83%A9%E3%83%96%E3%83%8F%E3%82%A6%E3%82%B9%E4%BC%9A%E8%AD%B0%E5%AE%A4-%E8%B5%A4%E5%9D%82">クラブハウス会議室 赤坂</a> <meta itemprop="name" content="クラブハウス会議室 赤坂" /> <meta itemprop="telephone" content="03-3560-9355" /> <meta itemprop="url" content="http://www.kaigi.biz/" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="107-0052" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">赤坂2-5-1</span> 東邦ビルディング 6F </div> <a href="/node/3815"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区赤坂2-5-1&amp;markers=東京都港区赤坂2-5-1&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="クラブハウス会議室 赤坂の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="30000">30000円</span> (税別) / 31,500円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF" /> <meta itemprop="validFrom" content="2014-02-11T20:54:36+09:00" /> <meta itemprop="validUntil" content="2012-09-19T14:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">複数名</div> : <span itemprop="price" content="20000">20000円</span> (税別) / 21,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF" /> <meta itemprop="validFrom" content="2014-02-11T20:54:36+09:00" /> <meta itemprop="validUntil" content="2012-09-19T14:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="30000" /> <meta itemprop="lowPrice" content="20000" /> <meta itemprop="highPrice" content="30000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF" /> <meta itemprop="validFrom" content="2014-02-11T20:54:36+09:00" /> <meta itemprop="validUntil" content="2012-09-19T14:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名同時受講割引 <ul> <li>同一団体より複数ご参加の場合、2人目以降 21,000円(税込) で受講いただけます。</li> </ul></li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=6711&date=2012-09-19&title=%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%83%86%E3%83%AC%E3%83%93%E3%81%B8%E3%81%AE%E9%87%9D%E8%B7%AF">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/6711/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 スマートTV Fri, 10 Aug 2012 09:46:36 +0000 editor 6711 at https://tech-seminar.jp クラウドWebサービス入門 https://tech-seminar.jp/seminar/2012-06-28-%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80 <link rel="amphtml" href="https://amp.tech-seminar.jp/4567"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> クラウドWebサービス入門</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~gaedirectによるHTML5連携とマッシュアップ~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/29" rel="tag" title="ソフトウェア開発">ソフトウェア開発</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/402" rel="tag" title="クラウドコンピューティング">クラウドコンピューティング</a></li><li class="term"><a href="/taxonomy/term/38" rel="tag" title="クラウドプログラミング">クラウドプログラミング</a></li><li class="term"><a href="/taxonomy/term/159" rel="tag" title="モバイルアプリケーション">モバイルアプリケーション</a></li><li class="term"><a href="/taxonomy/term/115" rel="tag" title="Java">Java</a></li><li class="term"><a href="/taxonomy/term/37" rel="tag" title="Google App Engine">Google App Engine</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4567/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80">セミナーの再開催を依頼する</a> <a href="/node/4567/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本セミナーでは、クラウドのWebサービス化を実現するgaedirectの基本機能とプログラミング、HTML5との連携やGoogle Mapsとのマッシュアップ方法について解説いたします。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-06-28T10:30:00+09:00">2012年6月28日(木) 10時30分</abbr> ~ <abbr class="dtend" title="2012-06-28T16:30:00+09:00">16時30分</abbr> <meta itemprop="startDate" content="2012-06-28T10:30:00+09:00" /> <meta itemprop="endDate" content="2012-06-28T16:30:00+09:00" /> <meta itemprop="eventStatus" content="EventCancelled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>Webアプリケーション開発技術者</li> <li>Google App Engineを使用したシステム設計/アプリケーション開発に携わる技術者・開発者</li> <li>これからGoogle App Engineを使用したシステム設計/アプリケーション開発に携わる予定のある方</li> <li>Google App Engineのプログラミングに課題・関心があるプログラマ、SE、ITアーキテクトの方</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>gaedirectの基本機能</li> <li>gaedirectによるプログラミング</li> <li>gaedirectとHTML5との連携</li> <li>gaedirectによるマッシュアップの方法</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> クラウドをWebサービス化することによって、スケーラブルで高度の可用性を維持するクラウドアプリケーションを、サーバ側のコーディングなしで作成することができます。<br />  このようなクラウドのWebサービス化を実現するツールとしてgardirectというものがありますが、gaedirectを使用することによって、GoogleのPaaS型クラウドApp EngineのNoSQL (Bigtable) を、ブラウザ側JavaScriptの簡単な記述のみで操作することができます。具体的にはNoSQLへのデータ登録 (永続化) ・参照・更新・削除、や条件検索などがJavaScriptの記述のみでできるようになります。さらにgaedirectでは、サーバプッシュによる動的データ表示や画像・動画データのクラウド環境アップロードもJavaScriptの記述だけで行うことができます。またこのようにして実現されるクラウドWebサービスと、HTML5や他のWebサービスを連携・マッシュアップすることによって、これまでにない強力なブラウザUI機能を実現することができます。<br />  本セミナーでは、クラウドのWebサービス化を実現するgaedirectの基本機能とプログラミング方法について解説し、次にHTML5との連携やGoogle Mapsとのマッシュアップ方法について説明を行います。</p> <ol> <li>クラウドWebサービス化の意義 <ol> <li>クラウドのサービスモデルと問題点 <ol> <li>クラウドのサービスモデル</li> <li>分散キー・バリュー型データストアの特徴</li> <li>クラウドのWebサービス化</li> </ol></li> <li>クラウドのWebサービス化のメリット <ol> <li>データストア構造の柔軟性</li> <li>既存Webサービスとの連携</li> <li>HTML5クライアントとの連携</li> <li>既存Webサービス+HTML5クライアントとの連携</li> </ol></li> <li>クラウドのWebサービス化の具体例 <ol> <li>既存Webサービスとの連携サンプル</li> <li>HTML5クライアントとの連携サンプル</li> <li>クラウドWebサービスと既存Webサービス+HTML5でのアプリケーション作成</li> </ol></li> </ol></li> <li>インストールと設定 <ol> <li>Eclipse環境でgaedirectを使用する <ol> <li>Java SEのインストール</li> <li>Eclipseのインストール</li> <li>Eclipse用のGoogle Pluginをインストール</li> <li>gaedirect20.zipの解凍とインポート</li> <li>クラウド環境で最初のプログラムを実行</li> <li>クラウド環境で最初のプログラムを実行</li> <li>クラウド環境での動作確認</li> </ol></li> </ol></li> <li>gaedirectを使った登録・参照・更新・削除処理 (基本編) <ol> <li>gaedirectを使用した「標準エンティティ登録」</li> <li>gaedirectを使用した「標準エンティティ参照」</li> <li>gaedirectを使用した「標準エンティティ更新」</li> <li>gaedirectを使用した「標準エンティティ削除」</li> <li>スマートフォンでのCRUD処理 (基本スタイル)</li> <li>Hiddenフィールドを使用した登録・更新処理 (基本スタイル)</li> </ol></li> <li>登録・参照・更新・削除処理 (展開編) <ol> <li>UIコントロールを使用したサンプル</li> <li>ソフトスキーマとリストプロパティを使用したサンプル <ol> <li>登録処理</li> <li>参照処理</li> <li>更新処理</li> </ol></li> <li>長文テキストデータの登録・参照・更新・処理</li> <li>連想配列を使用したデータ処理 (スマートフォン)</li> <li>gaedirectオリジナル関数でのCRUD処理</li> </ol></li> <li>条件検索 <ol> <li>全件参照</li> <li>合計額で昇順ソート</li> <li>メニューに「2」を含むエンティティを選択</li> <li>料金で降順ソート・オフセット=3</li> <li>人数で降順ソート・オフセット=2・リミット=5</li> <li>料金で昇順ソート・料金が3000円以上</li> <li>合計額で降順ソート・10000円≦料金<20000</li> <li>メニューが「3」 (洋食) 以外を含む</li> <li>メニューが「2」 (洋食) または「3」 (中華) を含む</li> </ol></li> <li>Google Maps APIによる動画記録の地図表示 ※マッシュアップサンプル <ol> <li>Google Maps APIでの地図表示 <ol> <li>Google Maps APIでの地図表示</li> <li>地図にマーカ表示・吹き出しを表示</li> <li>複数マーカと吹き出し表示</li> </ol></li> <li>Google Maps APIでgaedirectを使用する <ol> <li>Google Maps APIでgaedirectを使用する</li> <li>Google Maps API用のgaedirectを使用したCRUD処理</li> </ol></li> <li>gaedirectによる津波不亡の記録</li> </ol></li> <li>Channel APIとHTML5などの複合組み合わせで作る多機能チャット※HTML5連携サンプル <ol> <li>Web Workersによるバックグラウンド処理 <ol> <li>バックグラウンド処理画面</li> <li>バックグラウンド処理プログラム</li> </ol></li> <li>Web <span class="caps">SQL</span> Databaseによるローカルストレージアクセス <ol> <li>ローカルストレージアクセス画面</li> <li>ローカルストレージアクセスプログラム</li> </ol></li> <li>Channel APIとHTML5で作る多機能チャット <ol> <li>多機能チャットサンプル画面</li> <li>多機能チャットプログラム</li> </ol></li> </ol></li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5031"><span itemprop="name">清野 克行</span></a> 氏 <div>有限会社サイバースペース</div> <div>代表</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%82%AA%E3%83%BC%E3%83%A0%E7%A4%BE-%E3%82%AA%E3%83%BC%E3%83%A0%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E5%AE%A4">株式会社オーム社 オームセミナー室</a> <meta itemprop="name" content="株式会社オーム社 オームセミナー室" /> <meta itemprop="telephone" content="03-3233-0680" /> <meta itemprop="url" content="www.ohmsha.co.jp" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="101-8460" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">千代田区</span> <span itemprop="streetAddress">神田錦町3-1</span> </div> <a href="/node/1728"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都千代田区神田錦町3-1&amp;markers=東京都千代田区神田錦町3-1&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="株式会社オーム社 オームセミナー室の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/triceps.co.jp">株式会社 トリケップス</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="43000">43000円</span> (税別) / 45,150円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80" /> <meta itemprop="validFrom" content="2014-02-11T20:49:36+09:00" /> <meta itemprop="validUntil" content="2012-06-28T10:30:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1口</div> : <span itemprop="price" content="55000">55000円</span> (税別) / 57,750円 (税込) (3名まで受講可) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80" /> <meta itemprop="validFrom" content="2014-02-11T20:49:36+09:00" /> <meta itemprop="validUntil" content="2012-06-28T10:30:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="43000" /> <meta itemprop="lowPrice" content="43000" /> <meta itemprop="highPrice" content="55000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80" /> <meta itemprop="validFrom" content="2014-02-11T20:49:36+09:00" /> <meta itemprop="validUntil" content="2012-06-28T10:30:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名 同時受講:<br /> 1口 57,750円(税込) (3名まで受講可能)</li> <li>早期申込割引:<br /> 2012年3月26日 17:00までのお申込は、<br /> 1名受講・1口受講とともに受講料から10%割引となります。</li> </ul> <h3>テキストについて</h3> <p>テキストとして、「 <a href="http://www.amazon.co.jp/gp/product/4798032336?tag=tech-seminar-jp-22&amp;creativeASIN=4798032336&amp;linkCode=as2&amp;camp=247&amp;creative=1211">クラウドWebサービス入門―gaedirectによるHTML5連携とマッシュアップ</a> 」 (3,360円) を使用いたします。<br /> テキストが必要な方は、お申し込みのテキスト希望欄から「必要」をご選択下さい。<br /> 受講料と、テキスト代(実費)を合わせて請求させていただきます。</p> <p><a href="http://www.amazon.co.jp/gp/product/4798032336?tag=tech-seminar-jp-22&amp;creativeASIN=4798032336&amp;linkCode=as2&amp;camp=247&amp;creative=1211"><img src="http://ec2.images-amazon.com/images/I/41beGObGVjL._SL160_.jpg" title="クラウドWebサービス入門―gaedirectによるHTML5連携とマッシュアップ" alt="クラウドWebサービス入門―gaedirectによるHTML5連携とマッシュアップ" /></a><br /> <img src="http://www.assoc-amazon.jp/e/ir?t=tech-seminar-jp-22&amp;l=as2&amp;o=9&amp;a=4798032336" alt="" /></p></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4567&date=2012-06-28&title=%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%85%A5%E9%96%80">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4567/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 HTML5 Webアプリケーション クラウドコンピューティング クラウドプログラミング モバイルアプリケーション Java Google App Engine Thu, 23 Feb 2012 04:47:25 +0000 admin 4567 at https://tech-seminar.jp HTML5によるビジネス地殻変動 https://tech-seminar.jp/seminar/2012-05-30-HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95 <link rel="amphtml" href="https://amp.tech-seminar.jp/5712"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> Apple / Google / MicrosoftのHTML5戦略</div> <div class="field"> <h1 itemprop="name"> HTML5によるビジネス地殻変動</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~放送事業者を中心とした映像に携わる方々の将来と実務対応~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/5712/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95">セミナーの再開催を依頼する</a> <a href="/node/5712/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-05-30T14:00:00+09:00">2012年5月30日(水) 14時00分</abbr> ~ <abbr class="dtend" title="2012-05-30T17:00:00+09:00">17時00分</abbr> <meta itemprop="startDate" content="2012-05-30T14:00:00+09:00" /> <meta itemprop="endDate" content="2012-05-30T17:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <h4>1. ビジネスの変革を迫るHTML5の本質</h4> <p>(2012年5月30日 14:00〜15:25)</p> <p> 近年、HTML5は、さまざまな業界で注目を浴びることとなったが、単にウェブページが進化するという文脈で理解していては、将来を見誤る。また、HTML5によってウェブ・テクノロジーが大幅に進化していることは事実だが、その本質はそこではない。<br />  HTML5をはじめとしたウェブ・テクノロジーの進化は、ICTにかかわるあらゆる業界のビジネスモデルの変革を迫ることになる。本セミナーでは、HTML5の到来によって、ビジネスにどのようなインパクトを与えるのかについて考察する。</p> <ol> <li>HTML5は進化という誤解 <ul> <li>世間ではHTML5を進化や革新という文脈で語られる。ウェブ技術という側面で見ると、確かに大革新だ。しかし、IT業界全体から見ると、必ずしも革新ではない。果たして、HTML5はIT業界全体から見て何を意味するのかを改めて考察する。</li> </ul></li> <li>Apple/Google/MicrosoftのHTML5戦略 <ul> <li>Apple、Google、Microsoftいずれも、HTML5を全面的に支持している。しかし、その理由は各社さまざまだ。これらの巨人がなぜHTML5を支持しているのか、そして、HTML5を使ってどんな戦略を描いているのかを考察する。</li> </ul></li> <li>アプリ市場の光と影 <ul> <li>スマートフォンやタブレットの販売台数増加に伴い、それら端末上で動作するアプリの市場が注目されている。しかし、そのマーケットは限られた事業者に牛耳られ、日本企業はアプリ提供者という立場に追いやられている。この状況を打破する手段として、HTML5がどのような形でかかわることができるのかについて考察する。</li> </ul></li> <li>新興OSの動向とウェブアプリ <ul> <li>近年、スマートフォンやタブレットのOSといえばiOSとAndroidだ。しかし現在さまざまなOSが新たに登場しようとしている。ウェブアプリと言えば、単にブラウザーの上で動作するアプリケーションという認識が多いが、それだけではない。新興OSがウェブ技術をどのように融合しているのかについて紹介する。</li> </ul></li> <li>ウェブ標準はビジネスのゲームチェンジャー <ul> <li>HTML5を理解する上で、標準化の意義の理解は避けて通れない。ウェブに限らず、標準化とは、技術論という以前に、ビジネス戦略そのものだ。標準化は、ビジネスの競争の土俵を変えてしまう可能性を持つ。どのようにすればウェブ標準であるHTML5を味方にできるのかについて考察する。</li> </ul></li> <li>質疑応答/名刺交換</li> </ol> <h4>2. HTML5がもたらす放送ビジネスの将来</h4> <p>(2012年5月30日 15:35〜17:00)</p> <p> HTML4からHTML5への進化はテレビを始めとする映像事業にはかりしれないインパクトを与える。そして放送業界はそのことにまだほとんど気がついてはいない。本講では地上波、BS、CS、CATV、IPTVなどの放送事業者およびその周辺機器やサービス事業者、WEB、デジタルサイネージ事業者などの映像コミュニケーションに携わるすべての方々に2015年を目処とした近未来像とそのための実務対応をお話ししたい。</p> <ol> <li>放送局的視点から見たHTML5とは要するに何なのか <ul> <li>全てのものがWEBにつながる世界観のHTML5とテレビ。<br /> その時の視聴者のメディアコミュニケーションはどうなっているのか。</li> </ul></li> <li>ファイルベース化とHTML5と局内ワークフロー <ul> <li>どれだけ業務フローが複雑になるのか。第二のマスター、データマスターという考え方。</li> </ul></li> <li>4K4S時代に放送関連業界は何を捨て、何を守るのか <ul> <li>4倍高精細、テレビ、パソコン、タブレット、スマートフォンの4Sで何が起きるか。</li> <li>変わらなければいけないことと、変わらなくていいこと。</li> </ul></li> <li>マルチスクリーンからスマートスクリーンへ <ul> <li>放送業界の言うマルチスクリーンは、サブディスプレイまたは新規チャンネル獲得。</li> <li>本当のマルチスクリーンの主導権は、ユーザー側にあえて持たせる。</li> </ul></li> <li>ケーブルテレビ業界はどう望むのか <ul> <li>HTML5と地域情報とケーブルテレビ</li> </ul></li> <li>衛星放送業界はどう望むべきか <ul> <li>衛星であることのメリットは継続できるか</li> </ul></li> <li>質疑応答/名刺交換</li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5710"><span itemprop="name">羽田野 太巳</span></a> 氏 <div>(株)ニューフォリア</div> <div>取締役 / 最高技術責任者</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5711"><span itemprop="name">江口 靖二</span></a> 氏 <div>デジタルサイネージコンソーシアム/合同会社江口靖二事務所 </div> <div>常務理事/代表/デジタルメディアコンサルタント</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%82%AF%E3%83%A9%E3%83%96%E3%83%8F%E3%82%A6%E3%82%B9%E4%BC%9A%E8%AD%B0%E5%AE%A4-%E8%B5%A4%E5%9D%82">クラブハウス会議室 赤坂</a> <meta itemprop="name" content="クラブハウス会議室 赤坂" /> <meta itemprop="telephone" content="03-3560-9355" /> <meta itemprop="url" content="http://www.kaigi.biz/" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="107-0052" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">赤坂2-5-1</span> 東邦ビルディング 6F </div> <a href="/node/3815"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区赤坂2-5-1&amp;markers=東京都港区赤坂2-5-1&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="クラブハウス会議室 赤坂の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="30000">30000円</span> (税別) / 31,500円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95" /> <meta itemprop="validFrom" content="2014-02-11T20:52:24+09:00" /> <meta itemprop="validUntil" content="2012-05-30T14:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">複数名</div> : <span itemprop="price" content="25000">25000円</span> (税別) / 26,250円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95" /> <meta itemprop="validFrom" content="2014-02-11T20:52:24+09:00" /> <meta itemprop="validUntil" content="2012-05-30T14:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="30000" /> <meta itemprop="lowPrice" content="25000" /> <meta itemprop="highPrice" content="30000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95" /> <meta itemprop="validFrom" content="2014-02-11T20:52:24+09:00" /> <meta itemprop="validUntil" content="2012-05-30T14:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3>割引特典について</h3> <ul> <li>複数名同時受講割引 <ul> <li>同一団体より複数ご参加の場合、2人目以降 26,250円(税込) で受講いただけます。</li> </ul></li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=5712&date=2012-05-30&title=HTML5%E3%81%AB%E3%82%88%E3%82%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E5%9C%B0%E6%AE%BB%E5%A4%89%E5%8B%95">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/5712/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 Thu, 17 May 2012 08:02:44 +0000 admin 5712 at https://tech-seminar.jp スマート化するモバイル・テレビ・自動車とHTML5 https://tech-seminar.jp/seminar/2012-03-28-%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5 <link rel="amphtml" href="https://amp.tech-seminar.jp/4460"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> CES/MWC世界の先端からみる 2012年本格始動</div> <div class="field"> <h1 itemprop="name"> スマート化するモバイル・テレビ・自動車とHTML5</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~Apple、Google、Amazon、Facebookと伍すための日本企業がとるべきHTML5戦略~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1665" rel="tag" title="スマートTV">スマートTV</a></li><li class="term"><a href="/taxonomy/term/1491" rel="tag" title="スマートフォン">スマートフォン</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4460/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5">セミナーの再開催を依頼する</a> <a href="/node/4460/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-03-28T15:00:00+09:00">2012年3月28日(水) 15時00分</abbr> ~ <abbr class="dtend" title="2012-03-28T17:00:00+09:00">17時00分</abbr> <meta itemprop="startDate" content="2012-03-28T15:00:00+09:00" /> <meta itemprop="endDate" content="2012-03-28T17:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 音声やジェスチャで操作できるスマートフォンやテレビ、自動車など、これまで慣れ親しんできた諸製品がよりインテリジェントな形に生まれ変わろうとしている。これらスマート・デバイスはインターネットで互いに連携し、クラウド上に音楽や映像、ゲームや電子書籍など各種コンテンツを保存・共有する。エレクトロニクスや自動車などのメーカーに加え、そこにネットワーク・インフラを供給する通信キャリア、コンテンツを供給するゲーム・メーカーや出版社、音楽・テレビ放送会社など、広範囲に渡る業界がスマート・デバイスに熱い視線を注いでいる。<br />  これまでスマート・デバイスへのアプリやコンテンツ配信は、アップルの「iTunes (App Store) 」やGoogleの「Android Market」など、特定企業の配信プラットフォームに頼らざるを得なかった。しかし、ここに来て次世代ウェブ標準「HTML5」をプラットフォームにしようとする企業が世界的に増加している。<br />  本レクチャーでは、スマート化するモバイル、テレビ、家電、自動車の実例を今年のConsumer Electronics ShowとMobile World Congressにおける取材ビデオなどで紹介する。そして、新たなビジネス・チャンスとなるスマート・デバイス市場で、AppleやGoogle、Amazon、Facebookなど米IT列強に伍して、日本企業がとるべきHTML5戦略を検討し、共有したい。</p> <ul> <li>スマート・デバイスとは何か?世界の最新動向<br /> ~CES、MWC2012の取材ビデオを中心に</li> <li>スマート・デバイスに至る歴史的背景<br /> ~IA (Intelligence Amplification) からAI (Artificial Intelligence) へのシフト</li> <li>業界動向<br /> ~Apple、Google、Amazon、Facebook、通信キャリア、メーカー、コンテンツ・プロバイダーなどの動きと思惑</li> <li>ITプラットフォームの鍵を握るHTML5とは何か?</li> <li>ワン・ソース、マルチ・デバイスの夢はHTML5で実現するのか?</li> <li>HTML5標準化の動向は?</li> <li>スマート化するモバイル、テレビ、自動車の実例から見る今後の進化の方向性</li> <li>米IT列強に伍すための日本企業がとるべきHTML5戦略</li> <li>質疑応答/名刺交換</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/6714"><span itemprop="name">小林 雅一</span></a> 氏 <div>株式会社 KDDI総研</div> <div>リサーチフェロー</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/SSK-%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E3%83%AB%E3%83%BC%E3%83%A0">SSK セミナールーム</a> <meta itemprop="name" content="SSK セミナールーム" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="105-0003" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">西新橋2-6-2</span> ザイマックス西新橋ビル 4F </div> <a href="/node/3577"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区西新橋2-6-2&amp;markers=東京都港区西新橋2-6-2&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="SSK セミナールームの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="25000">25000円</span> (税別) / 26,250円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5" /> <meta itemprop="validFrom" content="2015-08-22T14:31:53+09:00" /> <meta itemprop="validUntil" content="2012-03-28T15:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">複数名</div> : <span itemprop="price" content="20000">20000円</span> (税別) / 21,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5" /> <meta itemprop="validFrom" content="2015-08-22T14:31:53+09:00" /> <meta itemprop="validUntil" content="2012-03-28T15:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="25000" /> <meta itemprop="lowPrice" content="20000" /> <meta itemprop="highPrice" content="25000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5" /> <meta itemprop="validFrom" content="2015-08-22T14:31:53+09:00" /> <meta itemprop="validUntil" content="2012-03-28T15:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">割引特典について</h3> <ul> <li>複数名同時受講割引 <ul> <li>同一団体より複数ご参加の場合、2人目以降 21,000円(税込) で受講いただけます。</li> </ul></li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4460&date=2012-03-28&title=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E5%8C%96%E3%81%99%E3%82%8B%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%A8HTML5">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4460/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 スマートTV スマートフォン Fri, 03 Feb 2012 09:08:03 +0000 admin 4460 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2012-03-09-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4211"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4211/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4211&date=2012-03-09&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4211/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-03-09T11:00:00+09:00">2012年3月9日(金) 11時00分</abbr> ~ <abbr class="dtend" title="2012-03-09T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2012-03-09T11:00:00+09:00" /> <meta itemprop="endDate" content="2012-03-09T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=4211&date=2012-03-09&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=4211&date=2012-03-09&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:47:52+09:00" /> <meta itemprop="validUntil" content="2012-03-09T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=4211&date=2012-03-09&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=4211&date=2012-03-09&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4211&date=2012-03-09&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4211/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Mon, 09 Jan 2012 08:48:13 +0000 admin 4211 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2012-02-25-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4210"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4210/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4210&date=2012-02-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4210/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-02-25T11:00:00+09:00">2012年2月25日(土) 11時00分</abbr> ~ <abbr class="dtend" title="2012-02-25T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2012-02-25T11:00:00+09:00" /> <meta itemprop="endDate" content="2012-02-25T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=4210&date=2012-02-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=4210&date=2012-02-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:47:50+09:00" /> <meta itemprop="validUntil" content="2012-02-25T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=4210&date=2012-02-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=4210&date=2012-02-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4210&date=2012-02-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4210/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Mon, 09 Jan 2012 08:47:59 +0000 admin 4210 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2012-01-20-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3914"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3914/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3914&date=2012-01-20&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3914/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2012-01-20T11:00:00+09:00">2012年1月20日(金) 11時00分</abbr> ~ <abbr class="dtend" title="2012-01-20T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2012-01-20T11:00:00+09:00" /> <meta itemprop="endDate" content="2012-01-20T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3914&date=2012-01-20&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=3914&date=2012-01-20&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:46:26+09:00" /> <meta itemprop="validUntil" content="2012-01-20T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3914&date=2012-01-20&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3914&date=2012-01-20&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3914&date=2012-01-20&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3914/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Mon, 14 Nov 2011 04:53:24 +0000 admin 3914 at https://tech-seminar.jp 集中特訓! スマートフォンサイト制作術 https://tech-seminar.jp/seminar/2011-12-19-%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93-%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93 <link rel="amphtml" href="https://amp.tech-seminar.jp/4029"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 集中特訓! スマートフォンサイト制作術</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1521" rel="tag" title="Web制作">Web制作</a></li><li class="term"><a href="/taxonomy/term/1491" rel="tag" title="スマートフォン">スマートフォン</a></li><li class="term"><a href="/taxonomy/term/159" rel="tag" title="モバイルアプリケーション">モバイルアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1073" rel="tag" title="JavaScript">JavaScript</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li><li class="term"><a href="/taxonomy/term/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li><li class="term"><a href="/taxonomy/term/1526" rel="tag" title="PHP">PHP</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4029/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4029&date=2011-12-19&title=%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93%21+%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93">セミナーの再開催を依頼する</a> <a href="/node/4029/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-12-19T10:00:00+09:00">2011年12月19日(月) 10時00分</abbr> ~ <abbr class="dtend" title="2011-12-19T16:30:00+09:00">16時30分</abbr> <meta itemprop="startDate" content="2011-12-19T10:00:00+09:00" /> <meta itemprop="endDate" content="2011-12-19T16:30:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>スマートフォン向けWebコンテンツ開発に興味がある方</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>スマートフォンサイト作成の実践的なTIPS</li> <li>CakePHPとjQuery Mobileを用いたシステム構築の基礎</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li><span class="caps">XHTML</span>/CSSの理解・記述</li> <li>JavaScriptの基礎知識 (jQueryなどライブラリを使える方)</li> <li>PC向けWebサイト制作経験が少しでもある方</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> iPhoneやAndroidなどスマートフォンのシェアは、ものすごい勢いで増加しています。<br />  それにともない、Web制作現場ではスマートフォン対応案件が急速に増え、クリエイターには必須のスキルになりつつあります。<br />  そこでロクナナワークショップは、「 CSS3でつくるスマートフォンサイト講座 」の講師 西畑一馬 (にしはたかずま) 氏と、「 JavaScript/jQuery Mobile入門講座 」の講師 たにぐちまこと 氏を迎え、今現場で必要な スマートフォンサイト制作技術を「フロントエンド」と「バックエンド」の2つのセッションに分けセミナーイベントを開催します。</p> <h4 class="field-label">Session 1 : 実践!スマートフォンサイト製作 (150分)</h4> <p>講師:西畑一馬</p> <p> 2011年の流行語に「スマホ」がノミネートするなど、今年はスマートフォンが大きく躍進しました。来年以降もこの流れはとどまるところを知らないでしょう。<br />  本セッションではHTML、CSS、JavaScriptの3つの視点からスマートフォンサイト作成の実践的なTIPSを紹介します。</p> <h4 class="field-label">Session 2 : jQuery Mobile + CakePHPで作る Web+DBシステム (150分)</h4> <p>講師:たにぐちまこと</p> <p> 今や、Webサイト制作には欠かせない存在となったデータベース。CMSやECサイト、SNSなどあらゆるところで活用されています。<br />  このセッションでは、そんなDB連携システムを、CakePHPというフレームワークを用いて簡単に作る方法を紹介します。インタフェースには jQuery Mobileを採用し、スマートフォン向けの本格Web+DBシステムを組み立ててみましょう。</p></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</div> <div>代表</div> </div> </li> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3212"><span itemprop="name">谷口 允 (たにぐちまこと)</span></a> 氏 <div>株式会社エイチツーオー・スペース</div> <div>代表取締役</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E9%96%A2%E6%9D%B1IT%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E5%81%A5%E4%BF%9D%E4%BC%9A%E9%A4%A8-%E4%BC%9A%E8%AD%B0%E5%AE%A4-%E5%A4%A7%E4%B9%85%E4%BF%9D">関東ITソフトウェア健保会館 会議室 (大久保)</a> <p>Conference A</p> <meta itemprop="name" content="関東ITソフトウェア健保会館 会議室 (大久保)" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="169-0073" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">新宿区</span> <span itemprop="streetAddress">百人町2-27-6</span> </div> <a href="/node/3168"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都新宿区百人町2-27-6&amp;markers=東京都新宿区百人町2-27-6&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="関東ITソフトウェア健保会館 会議室 (大久保)の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=4029&date=2011-12-19&title=%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93%21+%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="5524">5524円</span> (税別) / 5,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=4029&date=2011-12-19&title=%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93%21+%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93" /> <meta itemprop="validFrom" content="2014-02-11T20:46:59+09:00" /> <meta itemprop="validUntil" content="2011-12-19T10:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">注意事項</h3> <ul> <li>募集定員になり次第、応募を締め切らせていただきます。</li> <li>チケットは郵送されません。</li> <li>お申込み後5日以内にご入金が確認できない場合、お申込みを取り消しさせていただきます。</li> <li>ご入金後のお申込みの取り消しはできません。</li> <li>チケットは譲渡可能です。</li> <li>領収書をご希望の場合は、備考欄に領収書の宛名をご記入ください。<br /> 領収書は当日会場でお渡しします。</li> <li>当日は、お申込み者名を受付にお伝えください。</li> <li>お席はお申込み順に関係なく先着順です。</li> <li>講義形式で実施いたします。 (ハンズオントレーニングではありません)</li> <li>聴講しながらご自身でも一緒にサンプルをさわりたいという方はPC、スマートフォン端末のお持ち込みをおすすめします。</li> <li>会場は机、イス、電源をご用意しています。</li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=4029&date=2011-12-19&title=%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93%21+%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=4029&date=2011-12-19&title=%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93%21+%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4029&date=2011-12-19&title=%E9%9B%86%E4%B8%AD%E7%89%B9%E8%A8%93%21+%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E8%A1%93">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4029/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 Web制作 スマートフォン モバイルアプリケーション JavaScript CSS CSS3 jQuery Mobile PHP Fri, 25 Nov 2011 03:51:42 +0000 admin 4029 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2011-12-15-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3913"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3913/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3913&date=2011-12-15&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3913/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-12-15T11:00:00+09:00">2011年12月15日(木) 11時00分</abbr> ~ <abbr class="dtend" title="2011-12-15T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2011-12-15T11:00:00+09:00" /> <meta itemprop="endDate" content="2011-12-15T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3913&date=2011-12-15&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=3913&date=2011-12-15&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:46:26+09:00" /> <meta itemprop="validUntil" content="2011-12-15T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3913&date=2011-12-15&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3913&date=2011-12-15&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3913&date=2011-12-15&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3913/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Mon, 14 Nov 2011 04:53:06 +0000 admin 3913 at https://tech-seminar.jp 2012年 躍進するウェブ・アプリとHTML5 https://tech-seminar.jp/seminar/2011-11-29-2012%E5%B9%B4-%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5 <link rel="amphtml" href="https://amp.tech-seminar.jp/3757"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> モバイルを軸に進む実用化とウェブ世界の大変革</div> <div class="field"> <h1 itemprop="name"> 2012年 躍進するウェブ・アプリとHTML5</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~激化する囲い込み競争と業界勢力図の展望~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/159" rel="tag" title="モバイルアプリケーション">モバイルアプリケーション</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3757/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5">セミナーの再開催を依頼する</a> <a href="/node/3757/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p><strong class="caution">参加者にはプレゼン資料(<span class="caps">PDF</span>)を提供いたします。</strong></p></div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-11-29T15:00:00+09:00">2011年11月29日(火) 15時00分</abbr> ~ <abbr class="dtend" title="2011-11-29T17:00:00+09:00">17時00分</abbr> <meta itemprop="startDate" content="2011-11-29T15:00:00+09:00" /> <meta itemprop="endDate" content="2011-11-29T17:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>Webアプリケーション、サービスに関連する事業企画、マーケティング担当者</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>Webアプリケーション・サービスの最新動向</li> <li>Webアプリケーションの構成技術</li> <li>Webアプリケーション・サービスのビジネス・モデル</li> </ul> <h4 class="field-label">参加者特典</h4> <p><strong class="caution">参加者にはプレゼン資料(<span class="caps">PDF</span>)を提供いたします。</strong></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> スマートフォンやタブレット、電子書籍やインターネットTVなどマルチ・デバイス時代を迎え、どこからでも、どんな端末やOSを使ってもアクセスできるウェブ・アプリが世界的に注目されている。すでにFinancial TimesやBoston Globeなどマス・メディア、Salesforce.comやSAPのようなエンタープライズ・ソフト、インターネット動画配信のNetflix、プレゼンテーション・ソフトのSlideShare、ゲーム・メーカーのZynga、そして、SNSのFacebookなどが続々とウェブ・アプリを支持している。<br />  彼らコンテンツ産業の富の源泉は、今やコンテンツその物よりも、それらをユーザーに送り届け、便利に使ってもらうためのクラウド型システムへと移動している。その鍵を握る技術がHTML5を中心とするウェブ・アプリだ。そこにはコンテンツ・プロバイダーのみならず通信キャリア、端末メーカー、そしてインターネット企業など現代の機関産業が熱い視線を注いでいる。<br />  本講演では、ウェブ・アプリの技術的優位性やネイティブ・アプリとの違いを解説し、ウェブ・アプリが広範囲の業界に及ぼすインパクトを検証する。併せて、新たなコンテンツ配信の手法など、ウェブ・アプリを巡るビジネス・モデルも展望する。また、モバイルを軸に、世界的キープレイヤーが凌ぎを削る囲い込み競争の行方と、2012年の業界勢力図を展望する。</p> <ol> <li>最新動向 ~世界的コンテンツ・プロバイダーが次々、ウェブ・アプリ採用</li> <li>ウェブ・アプリの関係各界へのインパクト <ol> <li>ソフト・ベンダーはApple (iTunes) 、Google (Android) 、Microsoft (Windows) 、Adobe (Flash) の支配を脱却</li> <li>通信キャリアは「公式サイト」の夢をもう一度</li> <li>端末メーカーはiPhoneとiPad打倒を目指す</li> <li>インターネット企業はモバイルへの勢力拡大を目論む</li> <li>FacebookのProject Spartanの衝撃<br /> ~iOSからAndroidへとプラットフォームの拡大を図る</li> </ol></li> <li>ウェブ・アプリのアーキテクチャ、ネイティブ・アプリとの違い</li> <li>ウェブ・アプリの構成技術 <ol> <li>ブラウザ側: <ul> <li>HTML5</li> <li>JavaScript</li> <li><span class="caps">CSS</span> 等</li> </ul></li> <li>サーバー側: <ul> <li>node.js 等</li> </ul></li> <li>異なる端末のギャップを埋める: <ul> <li>PhoneGap 等</li> </ul></li> </ol></li> <li>ウェブ・アプリの限界と可能性</li> <li>新たなビジネス・モデル</li> <li>オープン・プラットフォームの罠</li> <li>2012年 業界勢力図の変遷を展望<br /> ~注目のキープレイヤーの動向と日本への影響</li> <li>質疑応答/名刺交換</li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/6714"><span itemprop="name">小林 雅一</span></a> 氏 <div>株式会社 KDDI総研</div> <div>リサーチフェロー</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/TKP%E6%96%B0%E6%A9%8B%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%BC">TKP新橋ビジネスセンター</a> <meta itemprop="name" content="TKP新橋ビジネスセンター" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="105-0004" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">港区</span> <span itemprop="streetAddress">新橋1-1-1</span> 日比谷ビルディング </div> <a href="/node/3706"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都港区新橋1-1-1&amp;markers=東京都港区新橋1-1-1&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="TKP新橋ビジネスセンターの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/ssk21.co.jp">株式会社 新社会システム総合研究所</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="25000">25000円</span> (税別) / 26,250円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5" /> <meta itemprop="validFrom" content="2015-08-22T14:32:19+09:00" /> <meta itemprop="validUntil" content="2011-11-29T15:00:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">複数名</div> : <span itemprop="price" content="20000">20000円</span> (税別) / 21,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5" /> <meta itemprop="validFrom" content="2015-08-22T14:32:19+09:00" /> <meta itemprop="validUntil" content="2011-11-29T15:00:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="25000" /> <meta itemprop="lowPrice" content="20000" /> <meta itemprop="highPrice" content="25000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/ssk21.co.jp/seminar?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5" /> <meta itemprop="validFrom" content="2015-08-22T14:32:19+09:00" /> <meta itemprop="validUntil" content="2011-11-29T15:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">複数名同時受講の割引特典について</h3> <ul> <li>同一団体より複数ご参加の場合、2人目以降 21,000円(税込) で受講いただけます。</li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3757&date=2011-11-29&title=2012%E5%B9%B4+%E8%BA%8D%E9%80%B2%E3%81%99%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8HTML5">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3757/similar">関連セミナー・出版物</a></li> </ul> </div> HTML5 Webアプリケーション モバイルアプリケーション Thu, 20 Oct 2011 09:57:58 +0000 admin 3757 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2011-11-11-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3915"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3915/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3915&date=2011-11-11&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3915/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-11-11T11:00:00+09:00">2011年11月11日(金) 11時00分</abbr> ~ <abbr class="dtend" title="2011-11-11T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2011-11-11T11:00:00+09:00" /> <meta itemprop="endDate" content="2011-11-11T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3915&date=2011-11-11&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=3915&date=2011-11-11&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:46:26+09:00" /> <meta itemprop="validUntil" content="2011-11-11T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3915&date=2011-11-11&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3915&date=2011-11-11&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3915&date=2011-11-11&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3915/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Mon, 14 Nov 2011 04:56:18 +0000 admin 3915 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2011-09-22-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3223"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3223/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3223&date=2011-09-22&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3223/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-09-22T11:00:00+09:00">2011年9月22日(木) 11時00分</abbr> ~ <abbr class="dtend" title="2011-09-22T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2011-09-22T11:00:00+09:00" /> <meta itemprop="endDate" content="2011-09-22T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3223&date=2011-09-22&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=3223&date=2011-09-22&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:16+09:00" /> <meta itemprop="validUntil" content="2011-09-22T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3223&date=2011-09-22&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3223&date=2011-09-22&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3223&date=2011-09-22&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3223/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Wed, 27 Jul 2011 02:18:31 +0000 admin 3223 at https://tech-seminar.jp 小山田晃浩のHTML5マークアップ講座 https://tech-seminar.jp/seminar/2011-08-25-%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3222"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 小山田晃浩のHTML5マークアップ講座</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> <span class="option">1人1台PC実習付き</span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1529" rel="tag" title="CSS">CSS</a></li><li class="term"><a href="/taxonomy/term/1530" rel="tag" title="CSS3">CSS3</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3222/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3222&date=2011-08-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3222/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本講座は、XHTMLの基礎知識がある方に向け、HTML5の利点と特徴を整理しながら学ぶとともに、実際にHTML5を用いた基本的なWebページを構築できる技術を習得していただきます。<br /> また、CSS3の基本的な機能も併せて学びます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-08-25T11:00:00+09:00">2011年8月25日(木) 11時00分</abbr> ~ <abbr class="dtend" title="2011-08-25T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2011-08-25T11:00:00+09:00" /> <meta itemprop="endDate" content="2011-08-25T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</li> <li>CSSで段組レイアウトができる方</li> <li>見出し要素の役割 (h1〜h6) を理解している方</li> <li>「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。</li> </ul> </div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>CSS3の基礎</li> <li>HTML5文書作成の実践</li> <li>埋め込み要素の実践</li> <li>フォームコントロールの実践</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Adobe Dreamweaver CS5</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>受講対象レベルチェック問題の理解</li> <li>全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1:<br /> HTMLにおける「タグ」「要素」それぞれの言葉の意味を解説してください。</li> <li>問2:<br /> 次の図のようなレイアウトを行いたい。与えられたHTMLソースコードでこれを実現するにはどのようなCSSを用意すればいいか。CSSの例を答えてください。</li> </ul> <p><img src="http://67.org/ws/images/087_q2.png" alt="" /></p> <p> <pre class="brush: html"> &lt;div class="header"&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="footer"&gt;&lt;/div&gt; </pre> <ul> <li>答1: <ul> <li>タグ:<br /> 「&lt;」と「&gt;」で囲まれた、意味付け (マークアップ) のための文字列</li> <li>要素:<br /> 開始タグと終了タグで囲まれることで、意味を持ったHTML文書の構成要素</li> </ul></li> <li>答2:<br /> <pre class="brush: css"> .header{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } .content{ width:560px; margin:10px auto; } .content:after{ content : ''; display : block; clear : both; height:0; } .content .main{ width:400px; float:right; border:1px solid #000; background:#ccc; } .content .sub{ width:140px; float:left; border:1px solid #000; background:#ccc; } .footer{ width:560px; margin:0 auto; border:1px solid #000; background:#ccc; } </pre> </li> </ul></p></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 最近ではHTML5が注目を集めていますが、「何からはじめれば良いのかわからない」という方も多いのではないでしょうか。<br />  本講座では、XHTMLの基礎知識がある方を対象に、HTML5の利点と特徴を整理しながら学びぶとともに、実際にHTML5を用いた基本的なWebページの構築スキルの習得を目的としています。また、旧IEへの対策なども併せて学びます。<br />  HTML5はただ単に「新しいから」という理由で話題になっているわけではありません。HTML5には、これまでのXHTMLになかった新しい文書構造、新しい埋め込み要素、新しいフォームなど、さまざまな新機能が盛り込まれており、さらに多数の周辺技術への発展も考えられているなどの利点があります。<br />  また、HTML5の対応にはGoogle、Apple、Microsoftを始めとするブラウザの開発各社も積極的に取り組んでおり、HTML5は仕様 (W3C、WHATWG) と利用する環境 (ブラウザー) の両方が整いつつあるのです。それに合わせてHTML5を「書く側」の制作者もHTML5を理解し、利点を最大限に活用するための準備を進めましょう。</p> <ol> <li>HTML5を知る <ul> <li>HTML5の背景と利点</li> <li>HTML5とXHTML1.0の共通点と相違点</li> <li>文書構造の理解</li> </ul></li> <li>HTML5実践 <ul> <li>HTML5文書の作成</li> <li>レイアウトを考える</li> <li>大枠のマークアップ</li> <li>文書構造のマークアップ</li> <li>図版のマークアップ</li> <li>a要素の新しい利用</li> <li>旧IE向けPolyfill</li> </ul></li> <li>埋め込み要素の実践 <ul> <li>音声ファイルとaudio要素</li> <li>動画ファイルとvideo要素</li> <li>SVGとsvg要素</li> <li>canvas要素</li> </ul></li> <li>フォームコントロールの実践 <ul> <li>様々なinput要素</li> <li>その他の入力追加機能</li> <li>CSS3とフォームコントロール</li> <li>IE向けPolyfill</li> <li>スモールスクリーン (スマートフォン) への応用</li> <li>viewportの設定</li> </ul></li> </ol> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/3221"><span itemprop="name">小山田 晃浩</span></a> 氏 <div>株式会社ピクセルグリッド フロントエンドエンジニア</div> <div></div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E3%83%AD%E3%82%AF%E3%83%8A%E3%83%8A%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97">ロクナナワークショップ</a> <meta itemprop="name" content="ロクナナワークショップ" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="150-0001" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">神宮前1-1-12</span> 原宿ニュースカイハイツ #203 </div> <a href="/node/3171"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区神宮前1-1-12&amp;markers=東京都渋谷区神宮前1-1-12&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ロクナナワークショップの地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3222&date=2011-08-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="28381">28381円</span> (税別) / 29,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=3222&date=2011-08-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:14+09:00" /> <meta itemprop="validUntil" content="2011-08-25T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3222&date=2011-08-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3222&date=2011-08-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3222&date=2011-08-25&title=%E5%B0%8F%E5%B1%B1%E7%94%B0%E6%99%83%E6%B5%A9%E3%81%AEHTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3222/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 CSS CSS3 Wed, 27 Jul 2011 02:14:12 +0000 admin 3222 at https://tech-seminar.jp 羽田野太巳の 厳選 今すぐ使えるHTML5 API https://tech-seminar.jp/seminar/2011-08-20-%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE-%E5%8E%B3%E9%81%B8-%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5-API <link rel="amphtml" href="https://amp.tech-seminar.jp/3169"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> Summer Camp 2011</div> <div class="field"> <h1 itemprop="name"> 羽田野太巳の 厳選 今すぐ使えるHTML5 API</h1> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3169/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3169&date=2011-08-20&title=%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE+%E5%8E%B3%E9%81%B8+%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5+API">セミナーの再開催を依頼する</a> <a href="/node/3169/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>2011年6月に開催し、大変ご好評いただいた「羽田野太巳の HTML5 API 徹底解説」<br /> この度、6月のセミナーイベントより、取り上げるHTML5 APIを更に増やし、より幅広く充実したカリキュラムでセミナーイベントの開催が決定いたしました。また、6月の開催時には定員より多くのお申し込みをいただいたため、今回はお席を増やし、受講料 もお手頃な価格とさせていただきました。<br /> 主にWebコンテンツ制作者や、Webアプリケーション開発者の方々は、今後需要の高まる「HTML5 API」を今のうちに理解し、利点を最大限に活用するための準備を進めてはいかがでしょう!<br /> 講師には、6月同様、Google社公認のエキスパート、Microsoft社公認のプロフェッショナル (MVP) で、HTML5.JP を運営し、HTML5の関連書籍も多数執筆されている 羽田野 太巳 (はたの ふとみ) 氏をお迎えします。</p> <h3 class="field-label">講師からのメッセージ</h3> <p><iframe width="480" height="303" src="http://www.youtube.com/embed/PQpO-xnLxac" frameborder="0" allowfullscreen></iframe></p> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本セミナーイベントでは、HTML5 APIの基礎から最新の情報までを解説し、現場でHTML5 APIを活用するための知識を習得していただきます。</p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-08-20T11:00:00+09:00">2011年8月20日(土) 11時00分</abbr> ~ <abbr class="dtend" title="2011-08-20T18:00:00+09:00">18時00分</abbr> <meta itemprop="startDate" content="2011-08-20T11:00:00+09:00" /> <meta itemprop="endDate" content="2011-08-20T18:00:00+09:00" /> <meta itemprop="eventStatus" content="EventScheduled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5で注目のビジュアル系のAPIを詳しく習得したい方</li> <li>Webサイト運営者</li> <li>Webコンテンツ制作者</li> <li>Webアプリケーション開発者 など</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>HTML5 APIの具体的な利用法</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-back-knowledge"> <h3 class="field-label">予備知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li><span class="caps">XHTML</span>/CSSの記述</li> <li>JavaScriptの文法の基礎知識</li> <li>サイト制作においてJavaScriptのコーディング経験が少しでもあること<br /> (JavaScriptの初級レベルのスキルがあれば、問題ありません)</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p>今回のイベントでは、今後、現場でも使われていきそうなAPIをピックアップし、それらを一通り紹介していきます。それぞれのテクノロジーのコンセプトから具体的な使い方までを解説します。<br /> まだHTML5のAPIを使ったことがないという方でも、本イベントを通して、まずは、これらのAPIを使い始めることができることを目標にしています。<br /> ご自身のウェブの知識を最新にアップデートしたい方、これからHTML5のAPIを実際に使っていきたい方にお勧めです。</p> <ul> <li>DOMの基礎(Selectors APIなど)</li> <li>Canvas</li> <li>Video/Audio</li> <li>DnD/File <span class="caps">API</span></li> <li>Geolocation <span class="caps">API</span></li> <li>Web Storage</li> <li>Web Workers</li> <li>Server-Sent Events</li> <li>XMLHttpRequest Level 2(AJAXのアップデート版)</li> </ul> <p>※内容は変動する場合がございます。予めご了承ください。</p></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5710"><span itemprop="name">羽田野 太巳</span></a> 氏 <div>(株)ニューフォリア</div> <div>取締役 / 最高技術責任者</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E9%96%A2%E6%9D%B1IT%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E5%81%A5%E4%BF%9D%E4%BC%9A%E9%A4%A8-%E4%BC%9A%E8%AD%B0%E5%AE%A4-%E5%A4%A7%E4%B9%85%E4%BF%9D">関東ITソフトウェア健保会館 会議室 (大久保)</a> <p>Conference A</p> <meta itemprop="name" content="関東ITソフトウェア健保会館 会議室 (大久保)" /> <meta itemprop="telephone" content="" /> <meta itemprop="url" content="" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="169-0073" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">新宿区</span> <span itemprop="streetAddress">百人町2-27-6</span> </div> <a href="/node/3168"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都新宿区百人町2-27-6&amp;markers=東京都新宿区百人町2-27-6&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="関東ITソフトウェア健保会館 会議室 (大久保)の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/rokunana.com">ロクナナワークショップ</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=3169&date=2011-08-20&title=%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE+%E5%8E%B3%E9%81%B8+%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5+API">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="7429">7429円</span> (税別) / 7,800円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=3169&date=2011-08-20&title=%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE+%E5%8E%B3%E9%81%B8+%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5+API" /> <meta itemprop="validFrom" content="2014-02-11T20:42:59+09:00" /> <meta itemprop="validUntil" content="2011-08-20T11:00:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">割引特典について</h3> <ul> <li>学生割引 : 4,800円 (数量限定)</li> </ul> <h3 class="field-label">注意事項</h3> <ul> <li>募集定員になり次第、応募を締め切らせていただきます。</li> <li>チケットは郵送されません。</li> <li>お申込み後5日以内にご入金が確認できない場合、お申込みを取り消しさせていただきます。</li> <li>ご入金後のお申込みの取り消しはできません。</li> <li>チケットは譲渡可能です。</li> <li>領収書をご希望の場合は、チケットご購入時に配送設定入力画面の備考欄に領収書の宛名をご記入ください。領収書は当日会場でお渡しします。</li> <li>当日は、お申込み時にご入力いただいたお名前を受付にお伝えください。</li> <li>学生料金でご購入頂いたお客様は、会場受付で学生証などの提示をお願いいたします。</li> <li>お席はお申込み順に関係なく先着順です。</li> <li>会場は机・イス・電源をご用意しています。</li> <li>PCはご用意しておりません。ノートPCの持ち込みは可能です。</li> </ul></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=3169&date=2011-08-20&title=%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE+%E5%8E%B3%E9%81%B8+%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5+API">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=3169&date=2011-08-20&title=%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE+%E5%8E%B3%E9%81%B8+%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5+API">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3169&date=2011-08-20&title=%E7%BE%BD%E7%94%B0%E9%87%8E%E5%A4%AA%E5%B7%B3%E3%81%AE+%E5%8E%B3%E9%81%B8+%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BHTML5+API">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3169/similar">関連セミナー・出版物</a></li> </ul> </div> HTML HTML5 JavaScript Thu, 21 Jul 2011 07:38:49 +0000 admin 3169 at https://tech-seminar.jp HTML5プログラミング解説 https://tech-seminar.jp/seminar/2011-05-25-HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC <link rel="amphtml" href="https://amp.tech-seminar.jp/2257"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> HTML5プログラミング解説</h1> </div> <div class="field field-seminar-subtitle"> <span class="subtitle">~マルチデバイス対応で、大幅な機能向上のWeb標準技術を理解・実践する~</span> </div> <div class="field field-type-text field-seminar-option"> <span class="option">東京都 開催</span> <span class="attendance_mode" itemprop="eventAttendanceMode" content="OfflineEventAttendanceMode"> 会場 開催 </span> </div> <div class="clear-block"> <div class="terms"> <ul class="links inline"> <li class="term first"><a href="/taxonomy/term/29" rel="tag" title="ソフトウェア開発">ソフトウェア開発</a></li><li class="term"><a href="/taxonomy/term/509" rel="tag" title="HTML">HTML</a></li><li class="term"><a href="/taxonomy/term/510" rel="tag" title="HTML5">HTML5</a></li><li class="term"><a href="/taxonomy/term/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/2257/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC">セミナーの再開催を依頼する</a> <a href="/node/2257/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field field-type-text field-seminar-summary"> <h3 class="field-label" id="field-seminar-summary">概要</h3> <div class="field-items"><div class="field-item" itemprop="description"> <p>本セミナーでは、HTML5の基礎から解説し、JavaScript, Web Workers,Web Databaseを利用した具体的な開発まで詳解いたします。<br /> <strong class="caution">USBメモリを持参いただいた方には、講座で使用したサンプルプログラムを進呈致します。</strong></p></div> </div> </div> <div class="field field-type-date field-seminar-start"> <h3 class="field-label" id="field-seminar-start">開催日</h3> <ul> <li> <abbr class="dtstart" title="2011-05-25T10:30:00+09:00">2011年5月25日(水) 10時30分</abbr> ~ <abbr class="dtend" title="2011-05-25T16:30:00+09:00">16時30分</abbr> <meta itemprop="startDate" content="2011-05-25T10:30:00+09:00" /> <meta itemprop="endDate" content="2011-05-25T16:30:00+09:00" /> <meta itemprop="eventStatus" content="EventCancelled" /> </li> </ul> </div> <div class="field field-type-text field-seminar-target-user"> <h3 class="field-label">受講対象者</h3> <div class="field-items"> <div class="field-item"> <ul> <li>Webアプリケーションの技術者、開発者</li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-learn-knowledge"> <h3 class="field-label">修得知識</h3> <div class="field-items"> <div class="field-item"> <ul> <li>HTML5の基礎</li> <li>既存のHTML規格との相違点</li> <li>JavaScript, Web Workers,Web Databaseを利用した具体的な開</li> <li><strong class="caution">USBメモリを持参いただいた方には、講座で使用したサンプルプログラムを進呈</strong></li> </ul></div> </div> </div> <div class="field field-type-text field-seminar-program"> <h3 class="field-label" id="field-seminar-program">プログラム</h3> <div class="field-items"> <div class="field-item"> <p> 次世代のWeb標準技術HTML5は「Google I/O 2009」で、HTML5の強力支持発表から一気注目を浴びるようになっており、今ではWebの世界での流行語といっても良いほどの過熱ぶりを見せています。HTML5では、PCでのWeb表示という枠を超え、スマートフォン、WebTVなどでの標準プラットフォームになることも予想されます。<br />  本セミナーでは、HTML5の概要を解説し「HTML5とはどのようなものか」、「これまでのHTMLやXHTMLとの違いは何か」を理解して頂いた上で、HTML5を用いた実際のWebページ作成サンプルを紹介し、さらに、Javascriptを使用したWeb WorkersやWeb Databaseのプログラミングまで解説します。<br />  なお、USB持参の方には、講座で使用したサンプルプログラムを進呈致します。</p> <ol> <li>HTML5の概要</li> <li>フォーム要素</li> <li>Canvas</li> <li>画像の表示</li> <li>ドラッグ&amp;ドロップ</li> <li>Audio&amp;Video</li> <li>Web Workers</li> <li>Web Database</li> <li>Web Socket</li> <li>Geolocation</li> </ol></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-lecturer"> <h3 class="field-label" id="field-seminar-lecturer">講師</h3> <div class="field-items"> <div class="field-item"> <ul> <li><div class="field-item" itemprop="performers" itemscope itemtype="https://schema.org/Person"> <a href="/node/5031"><span itemprop="name">清野 克行</span></a> 氏 <div>有限会社サイバースペース</div> <div>代表</div> </div> </li> </ul> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field field-type-text field-seminar-place"> <h3 class="field-label" id="field-seminar-place">会場</h3> <div class="field-items"> <div class="field-item" itemprop="location" itemscope itemtype="https://schema.org/Place"> <a href="/place/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%82%AA%E3%83%BC%E3%83%A0%E7%A4%BE-%E3%82%AA%E3%83%BC%E3%83%A0%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E5%AE%A4">株式会社オーム社 オームセミナー室</a> <meta itemprop="name" content="株式会社オーム社 オームセミナー室" /> <meta itemprop="telephone" content="03-3233-0680" /> <meta itemprop="url" content="www.ohmsha.co.jp" /> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <meta itemprop="addressCountry" content="日本" /> <meta itemprop="postalCode" content="101-8460" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">千代田区</span> <span itemprop="streetAddress">神田錦町3-1</span> </div> <a href="/node/1728"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都千代田区神田錦町3-1&amp;markers=東京都千代田区神田錦町3-1&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="株式会社オーム社 オームセミナー室の地図" /></a> </div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div class="field"> <h3 class="field-label">主催</h3> <div class="field-items"> <div class="field-item"><a href="/company/triceps.co.jp">株式会社 トリケップス</a></div> <div class="field-item">お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。</div> </div> </div> <div class="field"> <h3 class="field-label">お問い合わせ</h3> <div class="field-item">本セミナーに関するお問い合わせは <a href="/contact/webadmin?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC">tech-seminar.jpのお問い合わせ</a>からお願いいたします。</div> <div class="field-item">(主催者への直接のお問い合わせはご遠慮くださいませ。)</div> </div> <div class="field field-type-number-integer field-seminar-fee"> <h3 class="field-label" id="field-seminar-fee">受講料</h3> <div class="field-items"> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1名様</div> : <span itemprop="price" content="43000">43000円</span> (税別) / 45,150円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC" /> <meta itemprop="validFrom" content="2014-02-11T20:39:14+09:00" /> <meta itemprop="validUntil" content="2011-05-25T10:30:00+09:00" /> </div> <div class="field-item" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <div class="field-label-inline-first">1口</div> : <span itemprop="price" content="55000">55000円</span> (税別) / 57,750円 (税込) (3名まで受講可) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC" /> <meta itemprop="validFrom" content="2014-02-11T20:39:14+09:00" /> <meta itemprop="validUntil" content="2011-05-25T10:30:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="43000" /> <meta itemprop="lowPrice" content="43000" /> <meta itemprop="highPrice" content="55000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/Discontinued" /> <meta itemprop="url" content="https://tech-seminar.jp/order/triceps.co.jp/seminar?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC" /> <meta itemprop="validFrom" content="2014-02-11T20:39:14+09:00" /> <meta itemprop="validUntil" content="2011-05-25T10:30:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">割引特典について</h3> <ul> <li>複数名 同時受講:<br /> 1口 57,750円(税込) (3名まで受講可能)</li> <li>早期申込割引:<br /> 2011年4月25日 17:00までのお申込は、<br /> 1名受講・1口受講とともに受講料から10%割引となります。</li> </ul> <h3 class="field-label">テキストについて</h3> <p>テキストとして、「 <a href="http://www.amazon.co.jp/gp/product/4797361794?tag=tech-seminar-jp-22&amp;creativeASIN=4797361794&amp;linkCode=as2&amp;camp=247&amp;creative=1211" title="Next Generation Web Style">Javascript ハンドブック</a> 」 (2,499円) を使用いたします。<br /> テキストが必要な方は、お申し込みのテキスト希望欄から「必要」をご選択下さい。<br /> 受講料と、テキスト代(実費)を合わせて請求させていただきます。</p> <p><a href="http://www.amazon.co.jp/gp/product/4797361794?tag=tech-seminar-jp-22&amp;creativeASIN=4797361794&amp;linkCode=as2&amp;camp=247&amp;creative=1211"><img src="http://ec3.images-amazon.com/images/I/61igjf36q-L._SL160_.jpg" title="Javascript ハンドブック" alt="Javascript ハンドブック" /></a><br /> <img src="http://www.assoc-amazon.jp/e/ir?t=tech-seminar-jp-22&amp;l=as2&amp;o=9&amp;a=4797361794" alt="" /></p></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC">セミナーの再開催を依頼する</a></div> </div> </div> <div class="topnav"> <a href="#header-region">ページのトップヘ</a> </div> <div id="nav-fixed"> <h2>ページ内で移動</h2> <ul> <li><a href="#header-region">ページのトップ</a></li> <li><a href="#field-seminar-summary">概要</a></li> <li><a href="#field-seminar-start">開催日</a></li> <li><a href="#field-seminar-program">プログラム</a></li> <li><a href="#field-seminar-lecturer">講師</a></li> <li><a href="#field-seminar-place">会場</a></li> <li><a href="#field-seminar-fee">受講料</a></li> <li><a href="/request/seminar?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=2257&date=2011-05-25&title=HTML5%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A7%A3%E8%AA%AC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/2257/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 HTML HTML5 Webアプリケーション JavaScript Sun, 13 Mar 2011 09:49:33 +0000 admin 2257 at https://tech-seminar.jp