https://tech-seminar.jp/taxonomy/term/1073/all ja https://tech-seminar.jp/seminar/2013-10-18-IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0-%E8%B6%85%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/11138"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> ITビジネスを始めたい方のためのWEBシステム 超入門講座</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/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/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1521" rel="tag" title="Web制作">Web制作</a></li><li class="term"><a href="/taxonomy/term/426" 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/1526" rel="tag" title="PHP">PHP</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/11138/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=11138&date=2013-10-18&title=IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0+%E8%B6%85%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/11138/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>Javascript,CSS,PHP,MySQL,Apache<br /> あなたはこのキーワードをどれだけ理解していますか?<br /> どれもスタンダードなWEBサービスを作るうえで知っておかなくてはいけない言葉ばかりです。<br /> このセミナーは、<br /> 「ITのことが全く分からない、でもWEBサービス、ネットビジネスを作ってみたい」<br /> という方のための、超初心者のためのセミナーです。<br /> 2時間という短い時間で、現役のトッププログラマーがあなたの疑問を解決し、丁寧にWEBサービス開発に関することを解説します。<br /> 何か新しいサービスをネット上で初めてみたいと思ったけど、<br /> 「言葉が分からない」「何から手をつけたらいいか分からない」<br /> というあなた。<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-18T19:00:00+09:00">2013年10月18日(金) 19時00分</abbr> <meta itemprop="startDate" content="2013-10-18T19:00:00+09:00" /> ～ <abbr class="dtend" title="2013-10-18T21:00:00+09:00">21時00分</abbr> <meta itemprop="endDate" content="2013-10-18T21: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>WEBシステム開発の勉強を始めてみたが、前に進めなくなっている</li> <li>ITビジネスビジネスに興味があり、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>ITビジネスのシステム開発に関する基礎知識</li> <li>WEBシステム開発の際に知っておくと役立つ心構え</li> <li>エンジニアと話す際に役立つ、プログラミングに関するキーワード</li> <li>セミナー中にシステム開発に関する問題解決の相談ができる</li> </ul> <h4>受講するメリット</h4> <ul> <li>メリット1:ITビジネスに必要なWEBシステム開発における基礎知識が手に入ります。 <ul> <li>システム開発の現場で当たり前のように使われている言葉の意味がが分かりますので、WEBシステム開発の勉強をしていく上で、無駄なくスキルアップができます。</li> </ul></li> <li>メリット2:プログラミング以外に知るべきことが分かる <ul> <li>WEBサービスは、開発した後の運用、インフラの整備など、プログラミング以外にしなくてはいけないことが多々あります。システムを動かすための環境について学べます。</li> </ul></li> <li>メリット3:エンジニアとの会話についていけるようになる <ul> <li>他のエンジニアとコラボレーションして開発する際に、知っておきたいキーワードなどを知ることができますので、コミュニケーションをよりスムーズに行えます。</li> </ul></li> <li>メリット4:セミナー中にシステム開発に関する問題解決の相談ができる <ul> <li>実勢の現場でWEBシステム開発をしている講師による、少人数制のセミナーなので、実際に困っていることがあれば、その場で解決のヒントをもらえます。</li> </ul></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>これから学ぶ人に向けた講座ですので特にありません<br /> ITに関する用語が全く分からない方も大歓迎です。</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>「ITビジネスをスタートさせてみたい!」と思ったけれど、言葉も、何から手をつけたらよいか分からないという方のために、WEBシステム開発にまつわるキーワード、仕組み、そして作り方の課程などを理解できるセミナーです。<br /> 本セミナーを受けてから、WEBサービスの準備を始める事で、エンジニアと衝突したり、プログラミングに関する勉強を投げ出すようなこともなく、最初の一歩がスムーズに踏み出せる事を目指しています。</p> <ol> <li>ITビジネスの業界世界地図 <ul> <li>WEBシステムを支えている、仕事、企業、役割について</li> </ul></li> <li>WEBシステムの裏側、仕組み <ul> <li>ネットワークの仕組み、WEBの仕組み、スマホアプリの仕組みについて</li> <li>クライアントサーバーモデル、三層モデルなどを解説</li> </ul></li> <li>IT技術者(エンジニア)のイロイロな役割 <ul> <li>サーバーエンジニア、フロントエンジニアなど、エンジニアの役割分担や思考などを紹介</li> </ul></li> <li>WEBサービスが完成するまでの道のり <ul> <li>アイデアを思いついた段階から、WEBサービスになるまでの課程(道のり)プロセスを紹介</li> </ul></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/10187"><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%94%E3%82%AF%E3%82%BB%E3%83%AB%E3%82%AF%E3%83%A9%E3%83%95%E3%83%88-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE">ピクセルクラフト 株式会社</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="151-0053" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">代々木1-37-7</span> 勝栄ビル601 </div> <a href="/node/10217"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区代々木1-37-7&amp;markers=東京都渋谷区代々木1-37-7&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/circlearound.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=11138&date=2013-10-18&title=IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0+%E8%B6%85%E5%85%A5%E9%96%80%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="4762">4762円</span> (税別) / 5,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=11138&date=2013-10-18&title=IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0+%E8%B6%85%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T21:09:30+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=11138&date=2013-10-18&title=IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0+%E8%B6%85%E5%85%A5%E9%96%80%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-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=11138&date=2013-10-18&title=IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0+%E8%B6%85%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=11138&date=2013-10-18&title=IT%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEWEB%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0+%E8%B6%85%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/11138/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 HTML Webアプリケーション Web制作 システム開発 JavaScript CSS PHP Wed, 16 Oct 2013 00:30:27 +0000 admin 11138 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2013-09-30-WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC <link rel="amphtml" href="https://amp.tech-seminar.jp/10926"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> WEBサービス超入門セミナー</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/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/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1521" rel="tag" title="Web制作">Web制作</a></li><li class="term"><a href="/taxonomy/term/426" 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/1526" rel="tag" title="PHP">PHP</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/10926/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=10926&date=2013-09-30&title=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a> <a href="/node/10926/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>Javascript,CSS,PHP,MySQL,Apache<br /> あなたはこのキーワードをどれだけ理解していますか?<br /> どれもスタンダードなWEBサービスを作るうえで知っておかなくてはいけない言葉ばかりです。<br /> このセミナーは、<br /> 「ITのことが全く分からない、でもWEBサービス、ネットビジネスを作ってみたい」<br /> という方のための、超初心者のためのセミナーです。<br /> 2時間という短い時間で、現役のトッププログラマーがあなたの疑問を解決し、丁寧にWEBサービス開発に関することを解説します。<br /> 何か新しいサービスをネット上で初めてみたいと思ったけど、<br /> 「言葉が分からない」「何から手をつけたらいいか分からない」<br /> というあなた。<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-09-30T19:00:00+09:00">2013年9月30日(月) 19時00分</abbr> <meta itemprop="startDate" content="2013-09-30T19:00:00+09:00" /> ～ <abbr class="dtend" title="2013-09-30T21:00:00+09:00">21時00分</abbr> <meta itemprop="endDate" content="2013-09-30T21: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>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>WEBサービスのシステム開発に関する基礎知識</li> <li>WEBサービス開発の際に知っておくと役立つ心構え</li> <li>エンジニアと話す際に役立つキーワード</li> </ul> <h4>受講するメリット</h4> <ul> <li>メリット1:WEBサービス開発におけるスキル上達が早くなります <ul> <li>学ばなくてはいけないこと、勉強のしかた、が分かりますので、ムダな寄り道をせずにWEB開発のためのスキルアップができます。</li> </ul></li> <li>メリット2:プログラミング以外に知るべきことが分かる <ul> <li>WEBサービスは、開発した後の運用、インフラの整備など、プログラミング以外にしなくてはいけないことが多々あります。システムを動かすための環境について学べます。</li> </ul></li> <li>メリット3:エンジニアとの会話についていけるようになる <ul> <li>他のエンジニアとコラボレーションして開発する際に、知っておきたいキーワードなどを知ることができますので、コミュニケーションをよりスムーズに行えます。</li> </ul></li> <li>メリット4:うまく開発が進まない時の問題解決手順のヒントが得られる <ul> <li>実際の開発者が現場でどのようなトラブルに見舞われ、どのように解決しているのか、経験者から学ぶ事ができます。</li> </ul></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サービスを作りたい!」と思ったけれど、言葉も、何から手をつけたらよいか分からないという方のために、WEBサービスにまつわるキーワード、仕組み、そして作り方の課程などを理解できるセミナーです。<br /> 　本セミナーを受けてから、WEBサービス開発の準備を始める事で、プログラミングに関する勉強を投げ出すようなこともなく、最初の一歩がスムーズに踏み出せる事を目指しています。</p> <ul> <li>ネットビジネスの業界世界地図</li> <li>WEBサービスを支えている、仕事、企業、役割について</li> <li>WEBサービスの裏側、仕組み</li> <li>ネットワークの仕組み、WEBの仕組み、スマホアプリの仕組みについて</li> <li>クライアントサーバーモデル、三層モデルなどを解説</li> <li>IT技術者 (エンジニア) のイロイロな役割</li> <li>サーバーエンジニア、フロントエンジニアなど、エンジニアの役割分担や思考などを紹介</li> <li>WEBサービスが完成するまでの道のり</li> <li>アイデアを思いついた段階から、WEBサービスになるまでの課程 (道のり) プロセスを紹介</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/10187"><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%94%E3%82%AF%E3%82%BB%E3%83%AB%E3%82%AF%E3%83%A9%E3%83%95%E3%83%88-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE">ピクセルクラフト 株式会社</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="151-0053" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">代々木1-37-7</span> 勝栄ビル601 </div> <a href="/node/10217"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区代々木1-37-7&amp;markers=東京都渋谷区代々木1-37-7&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/circlearound.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=10926&date=2013-09-30&title=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">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="4762">4762円</span> (税別) / 5,000円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=10926&date=2013-09-30&title=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-11T21:08:53+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=10926&date=2013-09-30&title=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</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=10926&date=2013-09-30&title=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=10926&date=2013-09-30&title=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B6%85%E5%85%A5%E9%96%80%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/10926/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 HTML Webアプリケーション Web制作 システム開発 JavaScript CSS PHP Tue, 24 Sep 2013 00:41:33 +0000 admin 10926 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2013-08-31-JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91-jQuery-Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC <link rel="amphtml" href="https://amp.tech-seminar.jp/10252"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> JavaScript初級者向け jQuery Mobileセミナー</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/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1522" rel="tag" title="Webデザイン">Webデザイン</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/1073" rel="tag" title="JavaScript">JavaScript</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/10252/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=10252&date=2013-08-31&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a> <a href="/node/10252/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>本講座では、HTMLとCSS、JavaScriptの基礎知識がある方を対象に、スマートフォン向けWEBフレームワーク「jQueryMobile」の基礎からメリット・デメリット、活用方法など学習します。</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-08-31T10:00:00+09:00">2013年8月31日(土) 10時00分</abbr> <meta itemprop="startDate" content="2013-08-31T10:00:00+09:00" /> ～ <abbr class="dtend" title="2013-08-31T16:00:00+09:00">16時00分</abbr> <meta itemprop="endDate" content="2013-08-31T16: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>スマートフォンアプリケーションのデザイナー</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>jQueryMobileの基本操作</li> <li>jQueryMobileの活用方法</li> <li>jQueryMobileで実際に開発をする際の開発環境や手法</li> <li>jQueryMobileを取り巻く技術的な背景や特徴</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">HTML</span>, CSSの基礎</li> </ul> <h3>持参品</h3> <ul> <li>開発に利用するPC</li> <li>電源、Wi-fiは備え付けがございます</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"> 本講座では、HTMLとCSS、JavaScriptの基礎知識がある方を対象に、スマートフォン向けWEBフレームワーク「jQueryMobile」の基礎からメリット・デメリット、活用方法など学習します。 jQueryMobileはスマートフォンにおいて所謂アプリに近い魅力的なUIを簡単に作成する為のフレームワークです。 JavaScriptのスキルのそれ程高くない方でも出来るだけ講座のメリットを享受できるような進め方を行います。 <h4>セミナー</h4> <ul> <li>スマホ対応プログラミング技術について <ul> <li>第三のOS TizenとjQueryMobileの関係等の最新の情報も含めて行います。</li> </ul></li> <li> jQueryMobileの概要</li> </ul> <h4>ワークショップ</h4> <p>題材のアプリケーションを作成する目標で、小さなチェックポイントを確認しながら下記工程に関して一緒に実装を進めます。</p> <ul> <li>ページを表示する</li> <li>ページを遷移する。戻る。</li> <li>フォームを作成する。</li> <li>テーマのカスタマイズを行う。</li> <li>ポップアップを作成する。</li> <li>レスポンシブなテーブルを作成する。</li> <li>スライドするパネルを作成する。</li> <li>動的に要素を追加・削除する。</li> </ul> <h4>受講するメリット</h4> <ul> <li>QueryMobileをビジネスで使うための知識が身につく <ul> <li>新技術であるjQueryMobileについて詳しく説明しますので、プログラミングだけでなく、どのように活用したら良いか分かるようになります。</li> <li>HTML5やJavaScriptを業務で活用している講師から、ビジネス現場での経験やノウハウを学べます。</li> </ul></li> <li>すぐに使えるjQueryMobileのサイトを実際に作れる <ul> <li>実際にjQueryMobileでToDoアプリを制作しますので、手を動かしながら、実践的に学べます。</li> </ul></li> <li>ビジネスの現場ですぐに使える <ul> <li>単なるHTMLの画面ではなく、アプリのようなユーザ体験を期待される要望に対して、低コストで応えられるようになります。<br /> 本講座の内容にAjaxやその他のJavaScript実装を組み合わせる事で、単なるWEBの画面よりも使いやすいWEBアプリを作れるようになります<br /> (※ただし、アプリのようにデバイス全ての機能を引き出すようなものは難しいです) 。</li> </ul></li> <li>メリット4:制作コストを下げられる <ul> <li>テーマの簡単なカスタマイズができるようになりますので、色やフォント等の見た目の修正に関してコストを節約できるようになります。</li> </ul></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/10187"><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%94%E3%82%AF%E3%82%BB%E3%83%AB%E3%82%AF%E3%83%A9%E3%83%95%E3%83%88-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE">ピクセルクラフト 株式会社</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="151-0053" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">代々木1-37-7</span> 勝栄ビル601 </div> <a href="/node/10217"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区代々木1-37-7&amp;markers=東京都渋谷区代々木1-37-7&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/circlearound.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=10252&date=2013-08-31&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">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=10252&date=2013-08-31&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-11T21:07:04+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=10252&date=2013-08-31&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</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=10252&date=2013-08-31&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=10252&date=2013-08-31&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/10252/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 Webアプリケーション Webデザイン Web制作 スマートフォン JavaScript jQuery Mobile Thu, 25 Jul 2013 00:08:22 +0000 admin 10252 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2013-08-09-JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91-jQuery-Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC <link rel="amphtml" href="https://amp.tech-seminar.jp/10251"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> JavaScript初級者向け jQuery Mobileセミナー</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/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1522" rel="tag" title="Webデザイン">Webデザイン</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/1073" rel="tag" title="JavaScript">JavaScript</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/10251/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=10251&date=2013-08-09&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a> <a href="/node/10251/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>本講座では、HTMLとCSS、JavaScriptの基礎知識がある方を対象に、スマートフォン向けWEBフレームワーク「jQueryMobile」の基礎からメリット・デメリット、活用方法など学習します。</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-08-09T10:00:00+09:00">2013年8月9日(金) 10時00分</abbr> <meta itemprop="startDate" content="2013-08-09T10:00:00+09:00" /> ～ <abbr class="dtend" title="2013-08-09T16:00:00+09:00">16時00分</abbr> <meta itemprop="endDate" content="2013-08-09T16: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>スマートフォンアプリケーションのデザイナー</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>jQueryMobileの基本操作</li> <li>jQueryMobileの活用方法</li> <li>jQueryMobileで実際に開発をする際の開発環境や手法</li> <li>jQueryMobileを取り巻く技術的な背景や特徴</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">HTML</span>, CSSの基礎</li> </ul> <h3>持参品</h3> <ul> <li>開発に利用するPC</li> <li>電源、Wi-fiは備え付けがございます</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"> 本講座では、HTMLとCSS、JavaScriptの基礎知識がある方を対象に、スマートフォン向けWEBフレームワーク「jQueryMobile」の基礎からメリット・デメリット、活用方法など学習します。 jQueryMobileはスマートフォンにおいて所謂アプリに近い魅力的なUIを簡単に作成する為のフレームワークです。 JavaScriptのスキルのそれ程高くない方でも出来るだけ講座のメリットを享受できるような進め方を行います。 <h4>セミナー</h4> <ul> <li>スマホ対応プログラミング技術について <ul> <li>第三のOS TizenとjQueryMobileの関係等の最新の情報も含めて行います。</li> </ul></li> <li> jQueryMobileの概要</li> </ul> <h4>ワークショップ</h4> <p>題材のアプリケーションを作成する目標で、小さなチェックポイントを確認しながら下記工程に関して一緒に実装を進めます。</p> <ul> <li>ページを表示する</li> <li>ページを遷移する。戻る。</li> <li>フォームを作成する。</li> <li>テーマのカスタマイズを行う。</li> <li>ポップアップを作成する。</li> <li>レスポンシブなテーブルを作成する。</li> <li>スライドするパネルを作成する。</li> <li>動的に要素を追加・削除する。</li> </ul> <h4>受講するメリット</h4> <ul> <li>QueryMobileをビジネスで使うための知識が身につく <ul> <li>新技術であるjQueryMobileについて詳しく説明しますので、プログラミングだけでなく、どのように活用したら良いか分かるようになります。</li> <li>HTML5やJavaScriptを業務で活用している講師から、ビジネス現場での経験やノウハウを学べます。</li> </ul></li> <li>すぐに使えるjQueryMobileのサイトを実際に作れる <ul> <li>実際にjQueryMobileでToDoアプリを制作しますので、手を動かしながら、実践的に学べます。</li> </ul></li> <li>ビジネスの現場ですぐに使える <ul> <li>単なるHTMLの画面ではなく、アプリのようなユーザ体験を期待される要望に対して、低コストで応えられるようになります。<br /> 本講座の内容にAjaxやその他のJavaScript実装を組み合わせる事で、単なるWEBの画面よりも使いやすいWEBアプリを作れるようになります<br /> (※ただし、アプリのようにデバイス全ての機能を引き出すようなものは難しいです) 。</li> </ul></li> <li>メリット4:制作コストを下げられる <ul> <li>テーマの簡単なカスタマイズができるようになりますので、色やフォント等の見た目の修正に関してコストを節約できるようになります。</li> </ul></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/10187"><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%94%E3%82%AF%E3%82%BB%E3%83%AB%E3%82%AF%E3%83%A9%E3%83%95%E3%83%88-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE">ピクセルクラフト 株式会社</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="151-0053" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">代々木1-37-7</span> 勝栄ビル601 </div> <a href="/node/10217"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区代々木1-37-7&amp;markers=東京都渋谷区代々木1-37-7&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/circlearound.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=10251&date=2013-08-09&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">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=10251&date=2013-08-09&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-11T21:07:04+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=10251&date=2013-08-09&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</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=10251&date=2013-08-09&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=10251&date=2013-08-09&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/10251/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 Webアプリケーション Webデザイン Web制作 スマートフォン JavaScript jQuery Mobile Thu, 25 Jul 2013 00:08:01 +0000 admin 10251 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2013-07-26-JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91-jQuery-Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC <link rel="amphtml" href="https://amp.tech-seminar.jp/10188"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> JavaScript初級者向け jQuery Mobileセミナー</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/511" rel="tag" title="Webアプリケーション">Webアプリケーション</a></li><li class="term"><a href="/taxonomy/term/1522" rel="tag" title="Webデザイン">Webデザイン</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/1073" rel="tag" title="JavaScript">JavaScript</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/10188/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=10188&date=2013-07-26&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a> <a href="/node/10188/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>本講座では、HTMLとCSS、JavaScriptの基礎知識がある方を対象に、スマートフォン向けWEBフレームワーク「jQueryMobile」の基礎からメリット・デメリット、活用方法など学習します。</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-07-26T10:00:00+09:00">2013年7月26日(金) 10時00分</abbr> <meta itemprop="startDate" content="2013-07-26T10:00:00+09:00" /> ～ <abbr class="dtend" title="2013-07-26T16:00:00+09:00">16時00分</abbr> <meta itemprop="endDate" content="2013-07-26T16: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>スマートフォンアプリケーションのデザイナー</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>jQueryMobileの基本操作</li> <li>jQueryMobileの活用方法</li> <li>jQueryMobileで実際に開発をする際の開発環境や手法</li> <li>jQueryMobileを取り巻く技術的な背景や特徴</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">HTML</span>, CSSの基礎</li> </ul> <h3>持参品</h3> <ul> <li>開発に利用するPC</li> <li>電源、Wi-fiは備え付けがございます</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"> 本講座では、HTMLとCSS、JavaScriptの基礎知識がある方を対象に、スマートフォン向けWEBフレームワーク「jQueryMobile」の基礎からメリット・デメリット、活用方法など学習します。 jQueryMobileはスマートフォンにおいて所謂アプリに近い魅力的なUIを簡単に作成する為のフレームワークです。 JavaScriptのスキルのそれ程高くない方でも出来るだけ講座のメリットを享受できるような進め方を行います。 <h4>セミナー</h4> <ul> <li>スマホ対応プログラミング技術について <ul> <li>第三のOS TizenとjQueryMobileの関係等の最新の情報も含めて行います。</li> </ul></li> <li> jQueryMobileの概要</li> </ul> <h4>ワークショップ</h4> <p>題材のアプリケーションを作成する目標で、小さなチェックポイントを確認しながら下記工程に関して一緒に実装を進めます。</p> <ul> <li>ページを表示する</li> <li>ページを遷移する。戻る。</li> <li>フォームを作成する。</li> <li>テーマのカスタマイズを行う。</li> <li>ポップアップを作成する。</li> <li>レスポンシブなテーブルを作成する。</li> <li>スライドするパネルを作成する。</li> <li>動的に要素を追加・削除する。</li> </ul> <h4>受講するメリット</h4> <ul> <li>QueryMobileをビジネスで使うための知識が身につく <ul> <li>新技術であるjQueryMobileについて詳しく説明しますので、プログラミングだけでなく、どのように活用したら良いか分かるようになります。</li> <li>HTML5やJavaScriptを業務で活用している講師から、ビジネス現場での経験やノウハウを学べます。</li> </ul></li> <li>すぐに使えるjQueryMobileのサイトを実際に作れる <ul> <li>実際にjQueryMobileでToDoアプリを制作しますので、手を動かしながら、実践的に学べます。</li> </ul></li> <li>ビジネスの現場ですぐに使える <ul> <li>単なるHTMLの画面ではなく、アプリのようなユーザ体験を期待される要望に対して、低コストで応えられるようになります。<br /> 本講座の内容にAjaxやその他のJavaScript実装を組み合わせる事で、単なるWEBの画面よりも使いやすいWEBアプリを作れるようになります<br /> (※ただし、アプリのようにデバイス全ての機能を引き出すようなものは難しいです) 。</li> </ul></li> <li>メリット4:制作コストを下げられる <ul> <li>テーマの簡単なカスタマイズができるようになりますので、色やフォント等の見た目の修正に関してコストを節約できるようになります。</li> </ul></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/10187"><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%94%E3%82%AF%E3%82%BB%E3%83%AB%E3%82%AF%E3%83%A9%E3%83%95%E3%83%88-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE">ピクセルクラフト 株式会社</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="151-0053" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">渋谷区</span> <span itemprop="streetAddress">代々木1-37-7</span> 勝栄ビル601 </div> <a href="/node/10217"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都渋谷区代々木1-37-7&amp;markers=東京都渋谷区代々木1-37-7&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/circlearound.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=10188&date=2013-07-26&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">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=10188&date=2013-07-26&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-11T21:06:49+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=10188&date=2013-07-26&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</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=10188&date=2013-07-26&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=10188&date=2013-07-26&title=JavaScript%E5%88%9D%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91+jQuery+Mobile%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/10188/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 Webアプリケーション Webデザイン Web制作 スマートフォン JavaScript jQuery Mobile Tue, 23 Jul 2013 01:21:27 +0000 admin 10188 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> <meta itemprop="startDate" content="2012-12-14T13:30:00+09:00" /> ～ <abbr class="dtend" title="2012-12-14T16:30:00+09:00">16時30分</abbr> <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" /> </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" /> </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" /> </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-08-24-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/6056"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScriptプログラミング基本講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/6056/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=6056&date=2012-08-24&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/6056/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>本セミナーでは、JavaScriptの基礎から解説し、JavaScriptを用いた動作や実装を理解していただきます。</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-08-24T11:00:00+09:00">2012年8月24日(金) 11時00分</abbr> <meta itemprop="startDate" content="2012-08-24T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-08-24T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-08-24T18: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>JavaScriptライブラリを使ってWebサイトの制作経験がある方</li> <li>JavaScriptの入門者</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>JavaScriptの基礎</li> <li>JavaScriptの動作</li> <li>JavaScriptによる実装</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : 以下を実行するとなにが表示されますか？<br /> <pre> var a = &#39;A&#39;; var b = a; alert(a + b + &#39;A&#39;); </pre></li> <li>問2 ： 見出し部分をクリックすると内容が表示され、もう一度クリックすると内容が隠れるスクリプトを書いてください<br /> （jQueryを使っても構いません）。</li> </ul> <ul> <li>答1 : AAAと書かれたダイアログ</li> <li>答2 : <pre> $(&#39;#h&#39;).click(function(){ $(&#39;#content&#39;).toggle(); });</pre><br /> (jQueryを使用しております)</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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>　JavaScriptを扱い始めると、サンプルをコピーしているのに思ったように動作しない、なぜ動かないのかわからないといった場面に遭遇します。そういった問題は、基礎をしっかり固めることで大抵の場合、解決することができます。<br /> 　本講座では、今までにJavaScriptライブラリを使ってWebサイトの制作経験がある方、またはJavaScriptを書き始めた方を対象に、JavaScriptを体系立てて解説していきます。また、実際に実習をとおして、JavaScriptの動作や実装を理解していきます。<br /> 　基礎的なサンプルですので、実務でコピーすれば使えるといったものではありませんが、概念を理解するには最適です。いちからきちんとしたJavaScriptを書くために、必要な基礎知識をしっかり学びたい方におすすめの講座です。</p> <ol> <li>JavaScriptを構成する仕様 <ul> <li><span class="caps">ECMAS</span>cript</li> <li><span class="caps">DOM</span></li> <li>HTML5</li> </ul></li> <li>ブラウザ実装とコードの実行 <ul> <li>Chrome</li> <li>Firefox</li> <li>IE9</li> </ul></li> <li>JavaScript基本 <ul> <li>変数</li> <li>制御構文</li> <li>演算子</li> <li>function</li> </ul></li> <li>オブジェクト <ul> <li>基本</li> <li>値</li> <li>メソッド</li> <li>プロトタイプ</li> <li>変数のスコープ</li> </ul></li> <li>HTML制御 <ul> <li><span class="caps">DOM</span></li> <li><span class="caps">CSS</span></li> </ul></li> <li>イベント <ul> <li>基本</li> <li>伝搬</li> </ul></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/3181"><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=6056&date=2012-08-24&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=6056&date=2012-08-24&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:53:08+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=6056&date=2012-08-24&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=6056&date=2012-08-24&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=6056&date=2012-08-24&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/6056/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript Thu, 07 Jun 2012 04:56:35 +0000 admin 6056 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-08-04-%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/5897"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 西畑一馬のJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/5897/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=5897&date=2012-08-04&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/5897/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>本講座では、HTMLとCSSの基礎知識がある方を対象に、スマートフォンフレームワーク「jQuery Mobile」の基礎からメリット・デメリット、活用方法など学習します。</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-08-04T11:00:00+09:00">2012年8月4日(土) 11時00分</abbr> <meta itemprop="startDate" content="2012-08-04T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-08-04T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-08-04T18: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>(X)HTML、CSSのマークアップ・設計ができる方</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>jQuery Mobileの基礎</li> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileの活用方法</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Safari</li> <li>TeraPad</li> </ul> <p><strong>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめいたします。</strong></p></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 /> 次のタグを赤色で表示するCSSを答えてください。<br /> <pre> &lt;p class=&quot;sp&quot;&gt;スマートフォン&lt;/p&gt; </pre></li> <li>問2:<br /> 次のHTMLの間違いを答えてください。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&gt;1&lt;/p&gt;&lt;/a&gt; </pre></li> <li>問3:<br /> p要素に対してセレクタの優先度が高い準に並べてください。<br /> (1) #container .content p { color: red; }<br /> (2) p { color: red; }<br /> (3) div#container div.content p { color: red; }<br /> (4) .content p { color: red; }</li> </ul> <ul> <li>答1:<br /> <pre> p.sp{ color:red; } </pre></li> <li>答2:<br /> href属性の&#8221; (ダブルクオーテーション) がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&quot;&gt;1&lt;/a&gt;&lt;/p&gt; </pre></li> <li>答3:<br /> (3) , (1) , (4) , (2)</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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けサイトの需要が高まっています。しかし、スマートフォン向けサイト制作では、さまざまなデバイスへの対応が求められ、PC向けサイトに比べると敷居が高くなります。また、スマートフォン向けサイトでは、スマートフォンならではの「アプリ」のような表現が求められることもあります。<br /> 　そんな中注目されているのが、「スマートフォンフレームワーク」です。フレームワークをつかうと、「アプリ」のようなスマートフォン向けサイトを簡単に制作することができます。<br /> 　代表的なスマートフォンフレームワークはいくつかありますが、対応デバイスの幅広さで圧倒的に人気を集めるのが「 jQuery Mobile 」です。本講座では、jQuery Mobileの基本からメリット・デメリット、jQuery Mobileの活用方法など、詳しく解説していきます。</p> <ol> <li>jQuery Mobileの基本 <ul> <li>HTML5の基本</li> <li>基本スタイル</li> <li>リストスタイル</li> <li>フォームの最適化</li> <li>Ajaxリンク</li> </ul></li> <li>jQuery Mobileの活用方法 <ul> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileに適したサイト設計</li> </ul></li> <li>jQuery Mobileを利用したサイト作成 <ul> <li>ThemeRollerの活用</li> <li>CSS3を高度に活用したサイト制作</li> </ul></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/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</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=5897&date=2012-08-04&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=5897&date=2012-08-04&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:52:47+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=5897&date=2012-08-04&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=5897&date=2012-08-04&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=5897&date=2012-08-04&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/5897/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Wed, 30 May 2012 06:59:53 +0000 admin 5897 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-07-21-%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript-jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/5426"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 西畑一馬のJavaScript / jQuery入門講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li><li class="term"><a href="/taxonomy/term/662" rel="tag" title="jQuery">jQuery</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/5426/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=5426&date=2012-07-21&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/5426/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>本講座では、HTMLとCSSの基礎知識がある方を対象に、人気のJavaScriptライブラリ「jQuery」の基礎とjQueryの使い方を学びながら、様々なユーザーインターフェイスを作成する方法を学びます。</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-07-21T11:00:00+09:00">2012年7月21日(土) 11時00分</abbr> <meta itemprop="startDate" content="2012-07-21T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-07-21T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-07-21T18: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>(X)HTML、CSSのマークアップ・設計ができる方</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>jQueryの基礎</li> <li>jQueryのメリット・デメリット</li> <li>jQueryの活用方法</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>TeraPad</li> </ul> <p><strong>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめいたします。</strong></p></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 /> 次のタグを赤色で表示するCSSを答えてください。<br /> <pre> &lt;p class=&quot;sp&quot;&gt;スマートフォン&lt;/p&gt; </pre></li> <li>問2:<br /> 次のHTMLの間違いを答えてください。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&gt;1&lt;/p&gt;&lt;/a&gt; </pre></li> <li>問3:<br /> p要素に対してセレクタの優先度が高い準に並べてください。<br /> (1) #container .content p { color: red; }<br /> (2) p { color: red; }<br /> (3) div#container div.content p { color: red; }<br /> (4) .content p { color: red; }</li> </ul> <ul> <li>答1:<br /> <pre> p.sp{ color:red; } </pre></li> <li>答2:<br /> href属性の&#8221; (ダブルクオーテーション) がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&quot;&gt;1&lt;/a&gt;&lt;/p&gt; </pre></li> <li>答3:<br /> (3) , (1) , (4) , (2)</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サイト作成では、JavaScriptが必須のスキルとなりつつあります。JavaScriptを利用することで、HTML+CSSでは表現ができなかったユーザーの操作に応じたインタラクティブなコンテンツやFlashのようなアニメーション表現が可能になります。<br /> 　JavaScriptと聞くと難しそうですが、人気のJavaScriptライブラリ「 jQuery 」を利用すればCSSの知識+αで様々な表現が可能になります。<br /> 　本講座では、JavaScriptの基礎とjQueryの使い方を学びながら様々なユーザーインターフェイスを作成する方法を学びます。</p> <ol> <li>JavaScriptの基礎 <ul> <li>JavaScriptとは</li> <li>JavaScriptの基礎</li> <li>DOMの基礎</li> <li>Ajaxの基礎</li> </ul></li> <li>jQueryの基礎 <ul> <li>様々なセレクタ</li> <li><span class="caps">HTML</span> / CSSの操作</li> <li>イベント</li> </ul></li> <li>jQueryでさまざまなUIを作成 <ul> <li>ストライプテーブル</li> <li>ギャラリー</li> <li>アコーディオンパネル</li> <li>タブパネル</li> <li>Ajaxを利用したデータ読み込み</li> </ul></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/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</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=5426&date=2012-07-21&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery%E5%85%A5%E9%96%80%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=5426&date=2012-07-21&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:51:42+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=5426&date=2012-07-21&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery%E5%85%A5%E9%96%80%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=5426&date=2012-07-21&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=5426&date=2012-07-21&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/5426/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery Mon, 07 May 2012 09:23:26 +0000 admin 5426 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-06-16-%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4794"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 西畑一馬のJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4794/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4794&date=2012-06-16&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4794/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>本講座では、HTMLとCSSの基礎知識がある方を対象に、スマートフォンフレームワーク「jQuery Mobile」の基礎からメリット・デメリット、活用方法など学習します。</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-16T11:00:00+09:00">2012年6月16日(土) 11時00分</abbr> <meta itemprop="startDate" content="2012-06-16T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-06-16T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-06-16T18: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>(X)HTML、CSSのマークアップ・設計ができる方</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>jQuery Mobileの基礎</li> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileの活用方法</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Safari</li> <li>TeraPad</li> </ul> <p><strong>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめいたします。</strong></p></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 /> 次のタグを赤色で表示するCSSを答えてください。<br /> <pre> &lt;p class=&quot;sp&quot;&gt;スマートフォン&lt;/p&gt; </pre></li> <li>問2:<br /> 次のHTMLの間違いを答えてください。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&gt;1&lt;/p&gt;&lt;/a&gt; </pre></li> <li>問3:<br /> p要素に対してセレクタの優先度が高い準に並べてください。<br /> (1) #container .content p { color: red; }<br /> (2) p { color: red; }<br /> (3) div#container div.content p { color: red; }<br /> (4) .content p { color: red; }</li> </ul> <ul> <li>答1:<br /> <pre> p.sp{ color:red; } </pre></li> <li>答2:<br /> href属性の&#8221; (ダブルクオーテーション) がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&quot;&gt;1&lt;/a&gt;&lt;/p&gt; </pre></li> <li>答3:<br /> (3) , (1) , (4) , (2)</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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けサイトの需要が高まっています。しかし、スマートフォン向けサイト制作では、さまざまなデバイスへの対応が求められ、PC向けサイトに比べると敷居が高くなります。また、スマートフォン向けサイトでは、スマートフォンならではの「アプリ」のような表現が求められることもあります。<br /> 　そんな中注目されているのが、「スマートフォンフレームワーク」です。フレームワークをつかうと、「アプリ」のようなスマートフォン向けサイトを簡単に制作することができます。<br /> 　代表的なスマートフォンフレームワークはいくつかありますが、対応デバイスの幅広さで圧倒的に人気を集めるのが「 jQuery Mobile 」です。本講座では、jQuery Mobileの基本からメリット・デメリット、jQuery Mobileの活用方法など、詳しく解説していきます。</p> <ol> <li>jQuery Mobileの基本 <ul> <li>HTML5の基本</li> <li>基本スタイル</li> <li>リストスタイル</li> <li>フォームの最適化</li> <li>Ajaxリンク</li> </ul></li> <li>jQuery Mobileの活用方法 <ul> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileに適したサイト設計</li> </ul></li> <li>jQuery Mobileを利用したサイト作成 <ul> <li>ThemeRollerの活用</li> <li>CSS3を高度に活用したサイト制作</li> </ul></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/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</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=4794&date=2012-06-16&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=4794&date=2012-06-16&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:50:47+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=4794&date=2012-06-16&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=4794&date=2012-06-16&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4794&date=2012-06-16&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4794/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Fri, 30 Mar 2012 09:11:55 +0000 admin 4794 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-05-25-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4636"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScriptプログラミング基本講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4636/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4636&date=2012-05-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4636/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>本セミナーでは、JavaScriptの基礎から解説し、JavaScriptを用いた動作や実装を理解していただきます。</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-05-25T11:00:00+09:00">2012年5月25日(金) 11時00分</abbr> <meta itemprop="startDate" content="2012-05-25T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-05-25T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-05-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>JavaScriptライブラリを使ってWebサイトの制作経験がある方</li> <li>JavaScriptの入門者</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>JavaScriptの基礎</li> <li>JavaScriptの動作</li> <li>JavaScriptによる実装</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : 以下を実行するとなにが表示されますか？<br /> <pre> var a = &#39;A&#39;; var b = a; alert(a + b + &#39;A&#39;); </pre></li> <li>問2 ： 見出し部分をクリックすると内容が表示され、もう一度クリックすると内容が隠れるスクリプトを書いてください<br /> （jQueryを使っても構いません）。</li> </ul> <ul> <li>答1 : AAAと書かれたダイアログ</li> <li>答2 : <pre> $(&#39;#h&#39;).click(function(){ $(&#39;#content&#39;).toggle(); });</pre><br /> (jQueryを使用しております)</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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>　JavaScriptを扱い始めると、サンプルをコピーしているのに思ったように動作しない、なぜ動かないのかわからないといった場面に遭遇します。そういった問題は、基礎をしっかり固めることで大抵の場合、解決することができます。<br /> 　本講座では、今までにJavaScriptライブラリを使ってWebサイトの制作経験がある方、またはJavaScriptを書き始めた方を対象に、JavaScriptを体系立てて解説していきます。また、実際に実習をとおして、JavaScriptの動作や実装を理解していきます。<br /> 　基礎的なサンプルですので、実務でコピーすれば使えるといったものではありませんが、概念を理解するには最適です。いちからきちんとしたJavaScriptを書くために、必要な基礎知識をしっかり学びたい方におすすめの講座です。</p> <ol> <li>JavaScriptを構成する仕様 <ul> <li><span class="caps">ECMAS</span>cript</li> <li><span class="caps">DOM</span></li> <li>HTML5</li> </ul></li> <li>ブラウザ実装とコードの実行 <ul> <li>Chrome</li> <li>Firefox</li> <li>IE9</li> </ul></li> <li>JavaScript基本 <ul> <li>変数</li> <li>制御構文</li> <li>演算子</li> <li>function</li> </ul></li> <li>オブジェクト <ul> <li>基本</li> <li>値</li> <li>メソッド</li> <li>プロトタイプ</li> <li>変数のスコープ</li> </ul></li> <li>HTML制御 <ul> <li><span class="caps">DOM</span></li> <li><span class="caps">CSS</span></li> </ul></li> <li>イベント <ul> <li>基本</li> <li>伝搬</li> </ul></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/3181"><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=4636&date=2012-05-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=4636&date=2012-05-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:49:53+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=4636&date=2012-05-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=4636&date=2012-05-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4636&date=2012-05-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4636/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript Thu, 01 Mar 2012 08:14:28 +0000 admin 4636 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-05-23-%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4635"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 西畑一馬のJavaScript/jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4635/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4635&date=2012-05-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4635/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>本講座では、HTMLとCSSの基礎知識がある方を対象に、スマートフォンフレームワーク「jQuery Mobile」の基礎からメリット・デメリット、活用方法など学習します。</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-05-23T11:00:00+09:00">2012年5月23日(水) 11時00分</abbr> <meta itemprop="startDate" content="2012-05-23T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-05-23T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-05-23T18: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>(X)HTML、CSSのマークアップ・設計ができる方</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>jQuery Mobileの基礎</li> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileの活用方法</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Safari</li> <li>TeraPad</li> </ul> <p><strong>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめいたします。</strong></p></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 /> 次のタグを赤色で表示するCSSを答えてください。<br /> <pre> &lt;p class=&quot;sp&quot;&gt;スマートフォン&lt;/p&gt; </pre></li> <li>問2:<br /> 次のHTMLの間違いを答えてください。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&gt;1&lt;/p&gt;&lt;/a&gt; </pre></li> <li>問3:<br /> p要素に対してセレクタの優先度が高い準に並べてください。<br /> (1) #container .content p { color: red; }<br /> (2) p { color: red; }<br /> (3) div#container div.content p { color: red; }<br /> (4) .content p { color: red; }</li> </ul> <ul> <li>答1:<br /> <pre> p.sp{ color:red; } </pre></li> <li>答2:<br /> href属性の&#8221; (ダブルクオーテーション) がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&quot;&gt;1&lt;/a&gt;&lt;/p&gt; </pre></li> <li>答3:<br /> (3) , (1) , (4) , (2)</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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けサイトの需要が高まっています。しかし、スマートフォン向けサイト制作では、さまざまなデバイスへの対応が求められ、PC向けサイトに比べると敷居が高くなります。また、スマートフォン向けサイトでは、スマートフォンならではの「アプリ」のような表現が求められることもあります。<br /> 　そんな中注目されているのが、「スマートフォンフレームワーク」です。フレームワークをつかうと、「アプリ」のようなスマートフォン向けサイトを簡単に制作することができます。<br /> 　代表的なスマートフォンフレームワークはいくつかありますが、対応デバイスの幅広さで圧倒的に人気を集めるのが「 jQuery Mobile 」です。本講座では、jQuery Mobileの基本からメリット・デメリット、jQuery Mobileの活用方法など、詳しく解説していきます。</p> <ol> <li>jQuery Mobileの基本 <ul> <li>HTML5の基本</li> <li>基本スタイル</li> <li>リストスタイル</li> <li>フォームの最適化</li> <li>Ajaxリンク</li> </ul></li> <li>jQuery Mobileの活用方法 <ul> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileに適したサイト設計</li> </ul></li> <li>jQuery Mobileを利用したサイト作成 <ul> <li>ThemeRollerの活用</li> <li>CSS3を高度に活用したサイト制作</li> </ul></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/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</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=4635&date=2012-05-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%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=4635&date=2012-05-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:49:53+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=4635&date=2012-05-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%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=4635&date=2012-05-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4635&date=2012-05-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4635/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Thu, 01 Mar 2012 08:14:14 +0000 admin 4635 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-03-23-%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript-jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4386"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 西畑一馬のJavaScript/jQuery入門講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li><li class="term"><a href="/taxonomy/term/662" rel="tag" title="jQuery">jQuery</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4386/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4386&date=2012-03-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4386/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>本講座では、HTMLとCSSの基礎知識がある方を対象に、人気のJavaScriptライブラリ「jQuery」の基礎とjQueryの使い方を学びながら、様々なユーザーインターフェイスを作成する方法を学びます。</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-23T11:00:00+09:00">2012年3月23日(金) 11時00分</abbr> <meta itemprop="startDate" content="2012-03-23T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-03-23T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-03-23T18: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>(X)HTML、CSSのマークアップ・設計ができる方</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>jQueryの基礎</li> <li>jQueryのメリット・デメリット</li> <li>jQueryの活用方法</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>TeraPad</li> </ul> <p><strong>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめいたします。</strong></p></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 /> 次のタグを赤色で表示するCSSを答えてください。<br /> <pre> &lt;p class=&quot;sp&quot;&gt;スマートフォン&lt;/p&gt; </pre></li> <li>問2:<br /> 次のHTMLの間違いを答えてください。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&gt;1&lt;/p&gt;&lt;/a&gt; </pre></li> <li>問3:<br /> p要素に対してセレクタの優先度が高い準に並べてください。<br /> (1) #container .content p { color: red; }<br /> (2) p { color: red; }<br /> (3) div#container div.content p { color: red; }<br /> (4) .content p { color: red; }</li> </ul> <ul> <li>答1:<br /> <pre> p.sp{ color:red; } </pre></li> <li>答2:<br /> href属性の&#8221; (ダブルクオーテーション) がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&quot;&gt;1&lt;/a&gt;&lt;/p&gt; </pre></li> <li>答3:<br /> (3) , (1) , (4) , (2)</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サイト作成では、JavaScriptが必須のスキルとなりつつあります。JavaScriptを利用することで、HTML+CSSでは表現ができなかったユーザーの操作に応じたインタラクティブなコンテンツやFlashのようなアニメーション表現が可能になります。<br /> 　JavaScriptと聞くと難しそうですが、人気のJavaScriptライブラリ「 jQuery 」を利用すればCSSの知識+αで様々な表現が可能になります。<br /> 　本講座では、JavaScriptの基礎とjQueryの使い方を学びながら様々なユーザーインターフェイスを作成する方法を学びます。</p> <ol> <li>JavaScriptの基礎 <ul> <li>JavaScriptとは</li> <li>JavaScriptの基礎</li> <li>DOMの基礎</li> <li>Ajaxの基礎</li> </ul></li> <li>jQueryの基礎 <ul> <li>様々なセレクタ</li> <li><span class="caps">HTML</span> / CSSの操作</li> <li>イベント</li> </ul></li> <li>jQueryでさまざまなUIを作成 <ul> <li>ストライプテーブル</li> <li>ギャラリー</li> <li>アコーディオンパネル</li> <li>タブパネル</li> <li>Ajaxを利用したデータ読み込み</li> </ul></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/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</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=4386&date=2012-03-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%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=4386&date=2012-03-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:48:44+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=4386&date=2012-03-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%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=4386&date=2012-03-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4386&date=2012-03-23&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4386/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery Mon, 23 Jan 2012 18:09:51 +0000 admin 4386 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-02-24-%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4385"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 西畑一馬のJavaScript/jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4385/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4385&date=2012-02-24&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4385/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>本講座では、HTMLとCSSの基礎知識がある方を対象に、スマートフォンフレームワーク「jQuery Mobile」の基礎からメリット・デメリット、活用方法など学習します。</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-24T11:00:00+09:00">2012年2月24日(金) 11時00分</abbr> <meta itemprop="startDate" content="2012-02-24T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-02-24T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-02-24T18: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>(X)HTML、CSSのマークアップ・設計ができる方</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>jQuery Mobileの基礎</li> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileの活用方法</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Safari</li> <li>TeraPad</li> </ul> <p><strong>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめいたします。</strong></p></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 /> 次のタグを赤色で表示するCSSを答えてください。<br /> <pre> &lt;p class=&quot;sp&quot;&gt;スマートフォン&lt;/p&gt; </pre></li> <li>問2:<br /> 次のHTMLの間違いを答えてください。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&gt;1&lt;/p&gt;&lt;/a&gt; </pre></li> <li>問3:<br /> p要素に対してセレクタの優先度が高い準に並べてください。<br /> (1) #container .content p { color: red; }<br /> (2) p { color: red; }<br /> (3) div#container div.content p { color: red; }<br /> (4) .content p { color: red; }</li> </ul> <ul> <li>答1:<br /> <pre> p.sp{ color:red; } </pre></li> <li>答2:<br /> href属性の&#8221; (ダブルクオーテーション) がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。<br /> <pre> &lt;p&gt;lesson&lt;a href=&quot;index.html&quot;&gt;1&lt;/a&gt;&lt;/p&gt; </pre></li> <li>答3:<br /> (3) , (1) , (4) , (2)</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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けサイトの需要が高まっています。しかし、スマートフォン向けサイト制作では、さまざまなデバイスへの対応が求められ、PC向けサイトに比べると敷居が高くなります。また、スマートフォン向けサイトでは、スマートフォンならではの「アプリ」のような表現が求められることもあります。<br /> 　そんな中注目されているのが、「スマートフォンフレームワーク」です。フレームワークをつかうと、「アプリ」のようなスマートフォン向けサイトを簡単に制作することができます。<br /> 　代表的なスマートフォンフレームワークはいくつかありますが、対応デバイスの幅広さで圧倒的に人気を集めるのが「 jQuery Mobile 」です。本講座では、jQuery Mobileの基本からメリット・デメリット、jQuery Mobileの活用方法など、詳しく解説していきます。</p> <ol> <li>jQuery Mobileの基本 <ul> <li>HTML5の基本</li> <li>基本スタイル</li> <li>リストスタイル</li> <li>フォームの最適化</li> <li>Ajaxリンク</li> </ul></li> <li>jQuery Mobileの活用方法 <ul> <li>jQuery Mobileのメリット・デメリット</li> <li>jQuery Mobileに適したサイト設計</li> </ul></li> <li>jQuery Mobileを利用したサイト作成 <ul> <li>ThemeRollerの活用</li> <li>CSS3を高度に活用したサイト制作</li> </ul></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/3224"><span itemprop="name">西畑 一馬</span></a> 氏 <div>to-R</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=4385&date=2012-02-24&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%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=4385&date=2012-02-24&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:48:44+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=4385&date=2012-02-24&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%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=4385&date=2012-02-24&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4385&date=2012-02-24&title=%E8%A5%BF%E7%95%91%E4%B8%80%E9%A6%AC%E3%81%AEJavaScript%2FjQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4385/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Mon, 23 Jan 2012 18:01:42 +0000 admin 4385 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-01-25-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4200"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScriptプログラミング基本講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4200/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4200&date=2012-01-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4200/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>本セミナーでは、JavaScriptの基礎から解説し、JavaScriptを用いた動作や実装を理解していただきます。</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-25T11:00:00+09:00">2012年1月25日(水) 11時00分</abbr> <meta itemprop="startDate" content="2012-01-25T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-01-25T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-01-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>JavaScriptライブラリを使ってWebサイトの制作経験がある方</li> <li>JavaScriptの入門者</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>JavaScriptの基礎</li> <li>JavaScriptの動作</li> <li>JavaScriptによる実装</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : 以下を実行するとなにが表示されますか？<br /> <pre> var a = &#39;A&#39;; var b = a; alert(a + b + &#39;A&#39;); </pre></li> <li>問2 ： 見出し部分をクリックすると内容が表示され、もう一度クリックすると内容が隠れるスクリプトを書いてください<br /> （jQueryを使っても構いません）。</li> </ul> <ul> <li>答1 : AAAと書かれたダイアログ</li> <li>答2 : <pre> $(&#39;#h&#39;).click(function(){ $(&#39;#content&#39;).toggle(); });</pre><br /> (jQueryを使用しております)</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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>　JavaScriptを扱い始めると、サンプルをコピーしているのに思ったように動作しない、なぜ動かないのかわからないといった場面に遭遇します。そういった問題は、基礎をしっかり固めることで大抵の場合、解決することができます。<br /> 　本講座では、今までにJavaScriptライブラリを使ってWebサイトの制作経験がある方、またはJavaScriptを書き始めた方を対象に、JavaScriptを体系立てて解説していきます。また、実際に実習をとおして、JavaScriptの動作や実装を理解していきます。<br /> 　基礎的なサンプルですので、実務でコピーすれば使えるといったものではありませんが、概念を理解するには最適です。いちからきちんとしたJavaScriptを書くために、必要な基礎知識をしっかり学びたい方におすすめの講座です。</p> <ol> <li>JavaScriptを構成する仕様 <ul> <li><span class="caps">ECMAS</span>cript</li> <li><span class="caps">DOM</span></li> <li>HTML5</li> </ul></li> <li>ブラウザ実装とコードの実行 <ul> <li>Chrome</li> <li>Firefox</li> <li>IE9</li> </ul></li> <li>JavaScript基本 <ul> <li>変数</li> <li>制御構文</li> <li>演算子</li> <li>function</li> </ul></li> <li>オブジェクト <ul> <li>基本</li> <li>値</li> <li>メソッド</li> <li>プロトタイプ</li> <li>変数のスコープ</li> </ul></li> <li>HTML制御 <ul> <li><span class="caps">DOM</span></li> <li><span class="caps">CSS</span></li> </ul></li> <li>イベント <ul> <li>基本</li> <li>伝搬</li> </ul></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/3181"><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=4200&date=2012-01-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=4200&date=2012-01-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:47:47+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=4200&date=2012-01-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=4200&date=2012-01-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4200&date=2012-01-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4200/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript Thu, 05 Jan 2012 07:08:43 +0000 admin 4200 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-01-12-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4225"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> たにぐちまことのJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4225/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4225&date=2012-01-12&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4225/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>本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディング、jQuery Mobileを用いたプログラミング方法など学習します。</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-12T11:00:00+09:00">2012年1月12日(木) 11時00分</abbr> <meta itemprop="startDate" content="2012-01-12T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-01-12T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-01-12T18: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>(X) HTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</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>スマートフォン向けサイト制作の留意点 <ul> <li>設計</li> <li>デザイン</li> <li>コーディング</li> </ul></li> <li>jQuery Mobileの基礎</li> <li>jQueryと連携したプログラムの制作</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Eclipse (一部)</li> <li>Android <span class="caps">SDK</span></li> <li>Safari</li> <li>Google Chrome</li> <li>EmEditor</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 /> base.cssを HTMLで読み込ませる場合の記述を答えなさい。</li> <li>問2:<br /> この要素の背景色を黒にするCSSを外部ファイルに記述しなさい。<br /> <pre>&lt;div id=&quot;area1&quot;&gt;...&lt;/div&gt;</pre></li> </ul> <ul> <li>答1:<br /> <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;base.css&quot;&gt;</pre></li> <li>答2:<br /> <pre>#area1 { background-color: #000; }</pre></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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けのサイト制作が注目を集めています。スマートフォン向けサイト制作では、狭い画面を有効に活用するために「動き」を使ったデザインが必要とされ、JavaScriptが活躍する場面が多くなります。<br /> 　JavaScriptを使えばスマートフォンならではの「タップ」「フリック (指を左右にスライド) 」「本体の向きを変更」などのユーザーの操作にも対応し、柔軟なプログラム開発が可能になります。なかでも、「jQuery Mobile」はJavaScriptライブラリとして人気の高い「jQuery」をベースにスマートフォン向けに最適化されたライブラリです。これを利用すれば、素早くリッチなスマートフォン向けサイトを構築することができます。<br /> 　本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディングを含めて学びます。また、jQuery Mobileを用いたプログラミング方法など詳しく学習していきます。 <ul> <li>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。</li> </ul></p> <ol> <li>スマートフォンとは <ul> <li>(X) HTML、CSSとの関係と役割</li> <li>Windows Phone、Palmなどの紹介と日本での「スマートフォン」</li> <li>Webブラウザの特徴</li> <li>PCとの違い</li> <li>プレビュー環境について</li> </ul></li> <li>スマートフォン向けサイトの注意点 <ul> <li>設計における注意点</li> <li>デザインにおける注意点</li> <li>コーディングにおける注意点</li> </ul></li> <li>ライブラリ・フレームワークとは <ul> <li>スマートフォン向けライブラリの紹介 (Sencha touch、JQTouch)</li> <li>jQueryについて</li> <li>jQuery Mobileについて</li> </ul></li> <li>jQuery Mobileの基本 <ul> <li>画面デザインの制作</li> <li>画面遷移のデザイン</li> </ul></li> <li>jQueryと連携したプログラムの制作 <ul> <li>セレクタの基本</li> <li>Ajaxとは</li> </ul></li> <li>プログラム実習 <ul> <li>ニュースページの制作</li> </ul></li> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul> </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/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/%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=4225&date=2012-01-12&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=4225&date=2012-01-12&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:47:56+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=4225&date=2012-01-12&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=4225&date=2012-01-12&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4225&date=2012-01-12&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4225/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Tue, 10 Jan 2012 09:41:16 +0000 admin 4225 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2012-01-11-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/4224"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> たにぐちまことのJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/4224/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=4224&date=2012-01-11&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/4224/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>本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディング、jQuery Mobileを用いたプログラミング方法など学習します。</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-11T11:00:00+09:00">2012年1月11日(水) 11時00分</abbr> <meta itemprop="startDate" content="2012-01-11T11:00:00+09:00" /> ～ <abbr class="dtend" title="2012-01-11T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2012-01-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>(X) HTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</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>スマートフォン向けサイト制作の留意点 <ul> <li>設計</li> <li>デザイン</li> <li>コーディング</li> </ul></li> <li>jQuery Mobileの基礎</li> <li>jQueryと連携したプログラムの制作</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Eclipse (一部)</li> <li>Android <span class="caps">SDK</span></li> <li>Safari</li> <li>Google Chrome</li> <li>EmEditor</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 /> base.cssを HTMLで読み込ませる場合の記述を答えなさい。</li> <li>問2:<br /> この要素の背景色を黒にするCSSを外部ファイルに記述しなさい。<br /> <pre>&lt;div id=&quot;area1&quot;&gt;...&lt;/div&gt;</pre></li> </ul> <ul> <li>答1:<br /> <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;base.css&quot;&gt;</pre></li> <li>答2:<br /> <pre>#area1 { background-color: #000; }</pre></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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けのサイト制作が注目を集めています。スマートフォン向けサイト制作では、狭い画面を有効に活用するために「動き」を使ったデザインが必要とされ、JavaScriptが活躍する場面が多くなります。<br /> 　JavaScriptを使えばスマートフォンならではの「タップ」「フリック (指を左右にスライド) 」「本体の向きを変更」などのユーザーの操作にも対応し、柔軟なプログラム開発が可能になります。なかでも、「jQuery Mobile」はJavaScriptライブラリとして人気の高い「jQuery」をベースにスマートフォン向けに最適化されたライブラリです。これを利用すれば、素早くリッチなスマートフォン向けサイトを構築することができます。<br /> 　本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディングを含めて学びます。また、jQuery Mobileを用いたプログラミング方法など詳しく学習していきます。 <ul> <li>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。</li> </ul></p> <ol> <li>スマートフォンとは <ul> <li>(X) HTML、CSSとの関係と役割</li> <li>Windows Phone、Palmなどの紹介と日本での「スマートフォン」</li> <li>Webブラウザの特徴</li> <li>PCとの違い</li> <li>プレビュー環境について</li> </ul></li> <li>スマートフォン向けサイトの注意点 <ul> <li>設計における注意点</li> <li>デザインにおける注意点</li> <li>コーディングにおける注意点</li> </ul></li> <li>ライブラリ・フレームワークとは <ul> <li>スマートフォン向けライブラリの紹介 (Sencha touch、JQTouch)</li> <li>jQueryについて</li> <li>jQuery Mobileについて</li> </ul></li> <li>jQuery Mobileの基本 <ul> <li>画面デザインの制作</li> <li>画面遷移のデザイン</li> </ul></li> <li>jQueryと連携したプログラムの制作 <ul> <li>セレクタの基本</li> <li>Ajaxとは</li> </ul></li> <li>プログラム実習 <ul> <li>ニュースページの制作</li> </ul></li> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul> </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/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/%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=4224&date=2012-01-11&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=4224&date=2012-01-11&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:47:56+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=4224&date=2012-01-11&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=4224&date=2012-01-11&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=4224&date=2012-01-11&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/4224/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Tue, 10 Jan 2012 09:40:50 +0000 admin 4224 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> <meta itemprop="startDate" content="2011-12-19T10:00:00+09:00" /> ～ <abbr class="dtend" title="2011-12-19T16:30:00+09:00">16時30分</abbr> <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" /> </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 https://tech-seminar.jp/seminar/2011-12-08-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3585"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> たにぐちまことのJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3585/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3585&date=2011-12-08&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3585/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>本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディング、jQuery Mobileを用いたプログラミング方法など学習します。</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-08T11:00:00+09:00">2011年12月8日(木) 11時00分</abbr> <meta itemprop="startDate" content="2011-12-08T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-12-08T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-12-08T18: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>(X) HTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</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>スマートフォン向けサイト制作の留意点 <ul> <li>設計</li> <li>デザイン</li> <li>コーディング</li> </ul></li> <li>jQuery Mobileの基礎</li> <li>jQueryと連携したプログラムの制作</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Eclipse (一部)</li> <li>Android <span class="caps">SDK</span></li> <li>Safari</li> <li>Google Chrome</li> <li>EmEditor</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 /> base.cssを HTMLで読み込ませる場合の記述を答えなさい。</li> <li>問2:<br /> この要素の背景色を黒にするCSSを外部ファイルに記述しなさい。<br /> <pre>&lt;div id=&quot;area1&quot;&gt;...&lt;/div&gt;</pre></li> </ul> <ul> <li>答1:<br /> <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;base.css&quot;&gt;</pre></li> <li>答2:<br /> <pre>#area1 { background-color: #000; }</pre></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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けのサイト制作が注目を集めています。スマートフォン向けサイト制作では、狭い画面を有効に活用するために「動き」を使ったデザインが必要とされ、JavaScriptが活躍する場面が多くなります。<br /> 　JavaScriptを使えばスマートフォンならではの「タップ」「フリック (指を左右にスライド) 」「本体の向きを変更」などのユーザーの操作にも対応し、柔軟なプログラム開発が可能になります。なかでも、「jQuery Mobile」はJavaScriptライブラリとして人気の高い「jQuery」をベースにスマートフォン向けに最適化されたライブラリです。これを利用すれば、素早くリッチなスマートフォン向けサイトを構築することができます。<br /> 　本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディングを含めて学びます。また、jQuery Mobileを用いたプログラミング方法など詳しく学習していきます。 <ul> <li>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。</li> </ul></p> <ol> <li>スマートフォンとは <ul> <li>(X) HTML、CSSとの関係と役割</li> <li>Windows Phone、Palmなどの紹介と日本での「スマートフォン」</li> <li>Webブラウザの特徴</li> <li>PCとの違い</li> <li>プレビュー環境について</li> </ul></li> <li>スマートフォン向けサイトの注意点 <ul> <li>設計における注意点</li> <li>デザインにおける注意点</li> <li>コーディングにおける注意点</li> </ul></li> <li>ライブラリ・フレームワークとは <ul> <li>スマートフォン向けライブラリの紹介 (Sencha touch、JQTouch)</li> <li>jQueryについて</li> <li>jQuery Mobileについて</li> </ul></li> <li>jQuery Mobileの基本 <ul> <li>画面デザインの制作</li> <li>画面遷移のデザイン</li> </ul></li> <li>jQueryと連携したプログラムの制作 <ul> <li>セレクタの基本</li> <li>Ajaxとは</li> </ul></li> <li>プログラム実習 <ul> <li>ニュースページの制作</li> </ul></li> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul> </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/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/%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=3585&date=2011-12-08&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3585&date=2011-12-08&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:44:56+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=3585&date=2011-12-08&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3585&date=2011-12-08&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3585&date=2011-12-08&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3585/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Tue, 04 Oct 2011 01:07:55 +0000 admin 3585 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2011-11-25-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3434"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScriptプログラミング基本講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3434/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3434&date=2011-11-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3434/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>本セミナーでは、JavaScriptの基礎から解説し、JavaScriptを用いた動作や実装を理解していただきます。</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-25T11:00:00+09:00">2011年11月25日(金) 11時00分</abbr> <meta itemprop="startDate" content="2011-11-25T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-11-25T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-11-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>JavaScriptライブラリを使ってWebサイトの制作経験がある方</li> <li>JavaScriptの入門者</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>JavaScriptの基礎</li> <li>JavaScriptの動作</li> <li>JavaScriptによる実装</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : 以下を実行するとなにが表示されますか？<br /> <pre> var a = &#39;A&#39;; var b = a; alert(a + b + &#39;A&#39;); </pre></li> <li>問2 ： 見出し部分をクリックすると内容が表示され、もう一度クリックすると内容が隠れるスクリプトを書いてください<br /> （jQueryを使っても構いません）。</li> </ul> <ul> <li>答1 : AAAと書かれたダイアログ</li> <li>答2 : <pre> $(&#39;#h&#39;).click(function(){ $(&#39;#content&#39;).toggle(); });</pre><br /> (jQueryを使用しております)</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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>　JavaScriptを扱い始めると、サンプルをコピーしているのに思ったように動作しない、なぜ動かないのかわからないといった場面に遭遇します。そういった問題は、基礎をしっかり固めることで大抵の場合、解決することができます。<br /> 　本講座では、今までにJavaScriptライブラリを使ってWebサイトの制作経験がある方、またはJavaScriptを書き始めた方を対象に、JavaScriptを体系立てて解説していきます。また、実際に実習をとおして、JavaScriptの動作や実装を理解していきます。<br /> 　基礎的なサンプルですので、実務でコピーすれば使えるといったものではありませんが、概念を理解するには最適です。いちからきちんとしたJavaScriptを書くために、必要な基礎知識をしっかり学びたい方におすすめの講座です。</p> <ol> <li>JavaScriptを構成する仕様 <ul> <li><span class="caps">ECMAS</span>cript</li> <li><span class="caps">DOM</span></li> <li>HTML5</li> </ul></li> <li>ブラウザ実装とコードの実行 <ul> <li>Chrome</li> <li>Firefox</li> <li>IE9</li> </ul></li> <li>JavaScript基本 <ul> <li>変数</li> <li>制御構文</li> <li>演算子</li> <li>function</li> </ul></li> <li>オブジェクト <ul> <li>基本</li> <li>値</li> <li>メソッド</li> <li>プロトタイプ</li> <li>変数のスコープ</li> </ul></li> <li>HTML制御 <ul> <li><span class="caps">DOM</span></li> <li><span class="caps">CSS</span></li> </ul></li> <li>イベント <ul> <li>基本</li> <li>伝搬</li> </ul></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/3181"><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=3434&date=2011-11-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=3434&date=2011-11-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:44:17+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=3434&date=2011-11-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=3434&date=2011-11-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3434&date=2011-11-25&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3434/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript Tue, 06 Sep 2011 21:20:03 +0000 admin 3434 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2011-10-14-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3259"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> たにぐちまことのJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3259/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3259&date=2011-10-14&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3259/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>本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディング、jQuery Mobileを用いたプログラミング方法など学習します。</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-10-14T11:00:00+09:00">2011年10月14日(金) 11時00分</abbr> <meta itemprop="startDate" content="2011-10-14T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-10-14T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-10-14T18: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>(X) HTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</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>スマートフォン向けサイト制作の留意点 <ul> <li>設計</li> <li>デザイン</li> <li>コーディング</li> </ul></li> <li>jQuery Mobileの基礎</li> <li>jQueryと連携したプログラムの制作</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Eclipse (一部)</li> <li>Android <span class="caps">SDK</span></li> <li>Safari</li> <li>Google Chrome</li> <li>EmEditor</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 /> base.cssを HTMLで読み込ませる場合の記述を答えなさい。</li> <li>問2:<br /> この要素の背景色を黒にするCSSを外部ファイルに記述しなさい。<br /> <pre>&lt;div id=&quot;area1&quot;&gt;...&lt;/div&gt;</pre></li> </ul> <ul> <li>答1:<br /> <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;base.css&quot;&gt;</pre></li> <li>答2:<br /> <pre>#area1 { background-color: #000; }</pre></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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けのサイト制作が注目を集めています。スマートフォン向けサイト制作では、狭い画面を有効に活用するために「動き」を使ったデザインが必要とされ、JavaScriptが活躍する場面が多くなります。<br /> 　JavaScriptを使えばスマートフォンならではの「タップ」「フリック (指を左右にスライド) 」「本体の向きを変更」などのユーザーの操作にも対応し、柔軟なプログラム開発が可能になります。なかでも、「jQuery Mobile」はJavaScriptライブラリとして人気の高い「jQuery」をベースにスマートフォン向けに最適化されたライブラリです。これを利用すれば、素早くリッチなスマートフォン向けサイトを構築することができます。<br /> 　本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディングを含めて学びます。また、jQuery Mobileを用いたプログラミング方法など詳しく学習していきます。 <ul> <li>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。</li> </ul></p> <ol> <li>スマートフォンとは <ul> <li>(X) HTML、CSSとの関係と役割</li> <li>Windows Phone、Palmなどの紹介と日本での「スマートフォン」</li> <li>Webブラウザの特徴</li> <li>PCとの違い</li> <li>プレビュー環境について</li> </ul></li> <li>スマートフォン向けサイトの注意点 <ul> <li>設計における注意点</li> <li>デザインにおける注意点</li> <li>コーディングにおける注意点</li> </ul></li> <li>ライブラリ・フレームワークとは <ul> <li>スマートフォン向けライブラリの紹介 (Sencha touch、JQTouch)</li> <li>jQueryについて</li> <li>jQuery Mobileについて</li> </ul></li> <li>jQuery Mobileの基本 <ul> <li>画面デザインの制作</li> <li>画面遷移のデザイン</li> </ul></li> <li>jQueryと連携したプログラムの制作 <ul> <li>セレクタの基本</li> <li>Ajaxとは</li> </ul></li> <li>プログラム実習 <ul> <li>ニュースページの制作</li> </ul></li> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul> </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/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/%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=3259&date=2011-10-14&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3259&date=2011-10-14&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:26+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=3259&date=2011-10-14&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3259&date=2011-10-14&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3259&date=2011-10-14&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3259/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Fri, 29 Jul 2011 09:53:45 +0000 admin 3259 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2011-10-13-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript-jQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3353"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScript/jQuery入門講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li><li class="term"><a href="/taxonomy/term/662" rel="tag" title="jQuery">jQuery</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3353/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3353&date=2011-10-13&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3353/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>　最近のWeb制作では、HTMLとCSSに加え、JavaScriptを利用することが一般的となっています。JavaScriptを使えば、HTMLの動的なインタラクションやアニメーションを作成することができます。<br /> 　但し、今までプログラミング言語を触ったことがない方には、独学でゼロから学習するのはなかなか大変です。<br /> 　本講座では、初めてJavaScriptを触る方を対象に、JavaScriptをどのようにWeb制作に生かしていくのかを学びつつ、jQueryという今もっとも人気のあるAjaxライブラリを使い、簡単で実際の現場でも使えるスクリプトを学習していきます。</p> <p><iframe width="350" height="229" src="http://www.youtube.com/embed/aNam1Oi6mUQ" frameborder="0" allowfullscreen></iframe> <iframe width="350" height="229" src="http://www.youtube.com/embed/eRSiLE_vYK4" 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>本セミナーでは、JavaScriptの基礎から解説し、 jQuery の具体的な利用方法について、PC実習を交えて習得していただきます。</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-10-13T11:00:00+09:00">2011年10月13日(木) 11時00分</abbr> <meta itemprop="startDate" content="2011-10-13T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-10-13T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-10-13T18: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>マークアップエンジニア</li> <li>ウェブデザイナー</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>JavaScriptの基礎</li> <li>jQueryを利用したスクリプトの記述</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : id属性にheaderとつけられたdiv要素の中にある、li要素を選択するセレクタを答えてください。</li> <li>問2 ： dl要素の直下に置いてよい要素を答えてください。</li> <li>問3 ： class=&#8220;hide&#8220;に対して、表示させず、そこになかったかのようにするCSSを答えてください。</li> </ul> <ul> <li>答1 : <pre>div#header li</pre></li> <li>答2 : <pre>dt, dd</pre></li> <li>答3 : <pre>.hide {display:none;}</pre></li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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"> <ol> <li>JavaScriptとは <ul> <li>(X)HTML、CSSとの関係と役割</li> <li>JavaScriptを試す</li> </ul></li> <li>ライブラリとは <ul> <li>JavaScriptのライブラリ</li> <li>jQueryの特徴</li> </ul></li> <li>タブ機能 <ul> <li>ウインドウシェードを作ってみる</li> <li>タブでの切り替えを実現する</li> </ul></li> <li>ロールオーバー <ul> <li>実装を考える</li> <li>カスタムする</li> <li>特定画像を切りかえる</li> </ul></li> <li>リンクの装飾 <ul> <li>外部リンクを見分ける</li> <li>画像への直接リンクを見分ける</li> </ul></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/3181"><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=3353&date=2011-10-13&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%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=3353&date=2011-10-13&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:53+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=3353&date=2011-10-13&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%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=3353&date=2011-10-13&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3353&date=2011-10-13&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%2FjQuery%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3353/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery Sun, 21 Aug 2011 08:38:46 +0000 admin 3353 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2011-09-24-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3214"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> たにぐちまことのJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3214/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3214&date=2011-09-24&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3214/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>本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディング、jQuery Mobileを用いたプログラミング方法など学習します。</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-24T11:00:00+09:00">2011年9月24日(土) 11時00分</abbr> <meta itemprop="startDate" content="2011-09-24T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-09-24T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-09-24T18: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>(X) HTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</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>スマートフォン向けサイト制作の留意点 <ul> <li>設計</li> <li>デザイン</li> <li>コーディング</li> </ul></li> <li>jQuery Mobileの基礎</li> <li>jQueryと連携したプログラムの制作</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Eclipse (一部)</li> <li>Android <span class="caps">SDK</span></li> <li>Safari</li> <li>Google Chrome</li> <li>EmEditor</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 /> base.cssを HTMLで読み込ませる場合の記述を答えなさい。</li> <li>問2:<br /> この要素の背景色を黒にするCSSを外部ファイルに記述しなさい。<br /> <pre>&lt;div id=&quot;area1&quot;&gt;...&lt;/div&gt;</pre></li> </ul> <ul> <li>答1:<br /> <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;base.css&quot;&gt;</pre></li> <li>答2:<br /> <pre>#area1 { background-color: #000; }</pre></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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けのサイト制作が注目を集めています。スマートフォン向けサイト制作では、狭い画面を有効に活用するために「動き」を使ったデザインが必要とされ、JavaScriptが活躍する場面が多くなります。<br /> 　JavaScriptを使えばスマートフォンならではの「タップ」「フリック (指を左右にスライド) 」「本体の向きを変更」などのユーザーの操作にも対応し、柔軟なプログラム開発が可能になります。なかでも、「jQuery Mobile」はJavaScriptライブラリとして人気の高い「jQuery」をベースにスマートフォン向けに最適化されたライブラリです。これを利用すれば、素早くリッチなスマートフォン向けサイトを構築することができます。<br /> 　本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディングを含めて学びます。また、jQuery Mobileを用いたプログラミング方法など詳しく学習していきます。 <ul> <li>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。</li> </ul></p> <ol> <li>スマートフォンとは <ul> <li>(X) HTML、CSSとの関係と役割</li> <li>Windows Phone、Palmなどの紹介と日本での「スマートフォン」</li> <li>Webブラウザの特徴</li> <li>PCとの違い</li> <li>プレビュー環境について</li> </ul></li> <li>スマートフォン向けサイトの注意点 <ul> <li>設計における注意点</li> <li>デザインにおける注意点</li> <li>コーディングにおける注意点</li> </ul></li> <li>ライブラリ・フレームワークとは <ul> <li>スマートフォン向けライブラリの紹介 (Sencha touch、JQTouch)</li> <li>jQueryについて</li> <li>jQuery Mobileについて</li> </ul></li> <li>jQuery Mobileの基本 <ul> <li>画面デザインの制作</li> <li>画面遷移のデザイン</li> </ul></li> <li>jQueryと連携したプログラムの制作 <ul> <li>セレクタの基本</li> <li>Ajaxとは</li> </ul></li> <li>プログラム実習 <ul> <li>ニュースページの制作</li> </ul></li> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul> </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/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/%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=3214&date=2011-09-24&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3214&date=2011-09-24&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:14+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=3214&date=2011-09-24&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3214&date=2011-09-24&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3214&date=2011-09-24&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3214/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Tue, 26 Jul 2011 14:10:13 +0000 admin 3214 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2011-09-16-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3354"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScriptプログラミング基本講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3354/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3354&date=2011-09-16&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3354/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>本セミナーでは、JavaScriptの基礎から解説し、JavaScriptを用いた動作や実装を理解していただきます。</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-16T11:00:00+09:00">2011年9月16日(金) 11時00分</abbr> <meta itemprop="startDate" content="2011-09-16T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-09-16T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-09-16T18: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>JavaScriptライブラリを使ってWebサイトの制作経験がある方</li> <li>JavaScriptの入門者</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>JavaScriptの基礎</li> <li>JavaScriptの動作</li> <li>JavaScriptによる実装</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : 以下を実行するとなにが表示されますか？<br /> <pre> var a = &#39;A&#39;; var b = a; alert(a + b + &#39;A&#39;); </pre></li> <li>問2 ： 見出し部分をクリックすると内容が表示され、もう一度クリックすると内容が隠れるスクリプトを書いてください<br /> （jQueryを使っても構いません）。</li> </ul> <ul> <li>答1 : AAAと書かれたダイアログ</li> <li>答2 : <pre> $(&#39;#h&#39;).click(function(){ $(&#39;#content&#39;).toggle(); });</pre><br /> (jQueryを使用しております)</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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>　JavaScriptを扱い始めると、サンプルをコピーしているのに思ったように動作しない、なぜ動かないのかわからないといった場面に遭遇します。そういった問題は、基礎をしっかり固めることで大抵の場合、解決することができます。<br /> 　本講座では、今までにJavaScriptライブラリを使ってWebサイトの制作経験がある方、またはJavaScriptを書き始めた方を対象に、JavaScriptを体系立てて解説していきます。また、実際に実習をとおして、JavaScriptの動作や実装を理解していきます。<br /> 　基礎的なサンプルですので、実務でコピーすれば使えるといったものではありませんが、概念を理解するには最適です。いちからきちんとしたJavaScriptを書くために、必要な基礎知識をしっかり学びたい方におすすめの講座です。</p> <ol> <li>JavaScriptを構成する仕様 <ul> <li><span class="caps">ECMAS</span>cript</li> <li><span class="caps">DOM</span></li> <li>HTML5</li> </ul></li> <li>ブラウザ実装とコードの実行 <ul> <li>Chrome</li> <li>Firefox</li> <li>IE9</li> </ul></li> <li>JavaScript基本 <ul> <li>変数</li> <li>制御構文</li> <li>演算子</li> <li>function</li> </ul></li> <li>オブジェクト <ul> <li>基本</li> <li>値</li> <li>メソッド</li> <li>プロトタイプ</li> <li>変数のスコープ</li> </ul></li> <li>HTML制御 <ul> <li><span class="caps">DOM</span></li> <li><span class="caps">CSS</span></li> </ul></li> <li>イベント <ul> <li>基本</li> <li>伝搬</li> </ul></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/3181"><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=3354&date=2011-09-16&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=3354&date=2011-09-16&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:53+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=3354&date=2011-09-16&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%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=3354&date=2011-09-16&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3354&date=2011-09-16&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%9F%BA%E6%9C%AC%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3354/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript Sun, 21 Aug 2011 08:45:01 +0000 admin 3354 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2011-08-26-%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3172"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> 中村享介のJavaScript入門講座</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/1073" rel="tag" title="JavaScript">JavaScript</a></li><li class="term"><a href="/taxonomy/term/662" rel="tag" title="jQuery">jQuery</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3172/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3172&date=2011-08-26&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3172/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>　最近のWeb制作では、 (X) HTMLとCSSによるWeb標準に基づいた設計が普通になっています。新規に制作されるウェブサイトはすべて (X) HTML+CSSといっても過言ではないでしょう。<br /> 　そんな中で1歩進んだウェブサイトでは (X) HTML+CSSに加えてJavaScriptを利用することが多くなっています。<br /> 　この講座ではJavaScriptをどのようにWeb制作に生かしていくのかを学びつつ、jQueryという今もっとも人気のあるAjaxライブラリを使い、簡単で実際の現場でも使えるスクリプトを学習します。</p> <p><iframe width="350" height="229" src="http://www.youtube.com/embed/aNam1Oi6mUQ" frameborder="0" allowfullscreen></iframe> <iframe width="350" height="229" src="http://www.youtube.com/embed/eRSiLE_vYK4" 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>本セミナーでは、JavaScriptの基礎から解説し、 jQuery の具体的な利用方法について、PC実習を交えて習得していただきます。</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-26T11:00:00+09:00">2011年8月26日(金) 11時00分</abbr> <meta itemprop="startDate" content="2011-08-26T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-08-26T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-08-26T18: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>マークアップエンジニア</li> <li>ウェブデザイナー</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>JavaScriptの基礎</li> <li>jQueryを利用したスクリプトの記述</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>(X)HTML,CSSの理解</li> <li>受講対象レベルチェック問題を理解できる方<br /> ※全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。</li> </ul> <h4 class="field-label">受講対象レベルチェック問題</h4> <ul> <li>問1 : id属性にheaderとつけられたdiv要素の中にある、li要素を選択するセレクタを答えてください。</li> <li>問2 ： dl要素の直下に置いてよい要素を答えてください。</li> <li>問3 ： class=&#8220;hide&#8220;に対して、表示させず、そこになかったかのようにするCSSを答えてください。</li> </ul> <ul> <li>答1 : <pre>div#header li</pre></li> <li>答2 : <pre>dt, dd</pre></li> <li>答3 : <pre>.hide {display:none;}</pre></li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Firefox</li> <li>Firebug</li> <li>EmEditor</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"> <ol> <li>JavaScriptとは <ul> <li>(X)HTML、CSSとの関係と役割</li> <li>JavaScriptを試す</li> </ul></li> <li>ライブラリとは <ul> <li>JavaScriptのライブラリ</li> <li>jQueryの特徴</li> </ul></li> <li>タブ機能 <ul> <li>ウインドウシェードを作ってみる</li> <li>タブでの切り替えを実現する</li> </ul></li> <li>ロールオーバー <ul> <li>実装を考える</li> <li>カスタムする</li> <li>特定画像を切りかえる</li> </ul></li> <li>リンクの装飾 <ul> <li>外部リンクを見分ける</li> <li>画像への直接リンクを見分ける</li> </ul></li> </ol> <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/3181"><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=3172&date=2011-08-26&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%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=3172&date=2011-08-26&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:01+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=3172&date=2011-08-26&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%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=3172&date=2011-08-26&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3172&date=2011-08-26&title=%E4%B8%AD%E6%9D%91%E4%BA%AB%E4%BB%8B%E3%81%AEJavaScript%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3172/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery Fri, 22 Jul 2011 00:46:16 +0000 admin 3172 at https://tech-seminar.jp 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> <meta itemprop="startDate" content="2011-08-20T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-08-20T18:00:00+09:00">18時00分</abbr> <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" /> </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 https://tech-seminar.jp/seminar/2011-08-19-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript-jQuery-Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7 <link rel="amphtml" href="https://amp.tech-seminar.jp/3213"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> <h1 itemprop="name"> たにぐちまことのJavaScript / jQuery Mobile入門講座</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/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/1528" rel="tag" title="jQuery Mobile">jQuery Mobile</a></li></ul> </div> </div> <div class="clear-block"> <div class="terms"> <a href="/node/3213/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=3213&date=2011-08-19&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a> <a href="/node/3213/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>本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディング、jQuery Mobileを用いたプログラミング方法など学習します。</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-19T11:00:00+09:00">2011年8月19日(金) 11時00分</abbr> <meta itemprop="startDate" content="2011-08-19T11:00:00+09:00" /> ～ <abbr class="dtend" title="2011-08-19T18:00:00+09:00">18時00分</abbr> <meta itemprop="endDate" content="2011-08-19T18: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>(X) HTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー</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>スマートフォン向けサイト制作の留意点 <ul> <li>設計</li> <li>デザイン</li> <li>コーディング</li> </ul></li> <li>jQuery Mobileの基礎</li> <li>jQueryと連携したプログラムの制作</li> </ul> <h4 class="field-label">使用アプリケーション</h4> <ul> <li>Eclipse (一部)</li> <li>Android <span class="caps">SDK</span></li> <li>Safari</li> <li>Google Chrome</li> <li>EmEditor</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 /> base.cssを HTMLで読み込ませる場合の記述を答えなさい。</li> <li>問2:<br /> この要素の背景色を黒にするCSSを外部ファイルに記述しなさい。<br /> <pre>&lt;div id=&quot;area1&quot;&gt;...&lt;/div&gt;</pre></li> </ul> <ul> <li>答1:<br /> <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;base.css&quot;&gt;</pre></li> <li>答2:<br /> <pre>#area1 { background-color: #000; }</pre></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>　AndroidやiPhoneなどが普及するにつれ、スマートフォン向けのサイト制作が注目を集めています。スマートフォン向けサイト制作では、狭い画面を有効に活用するために「動き」を使ったデザインが必要とされ、JavaScriptが活躍する場面が多くなります。<br /> 　JavaScriptを使えばスマートフォンならではの「タップ」「フリック (指を左右にスライド) 」「本体の向きを変更」などのユーザーの操作にも対応し、柔軟なプログラム開発が可能になります。なかでも、「jQuery Mobile」はJavaScriptライブラリとして人気の高い「jQuery」をベースにスマートフォン向けに最適化されたライブラリです。これを利用すれば、素早くリッチなスマートフォン向けサイトを構築することができます。<br /> 　本講座では、スマートフォン向けのサイト制作方法を、設計からデザイン・コーディングを含めて学びます。また、jQuery Mobileを用いたプログラミング方法など詳しく学習していきます。 <ul> <li>Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。</li> </ul></p> <ol> <li>スマートフォンとは <ul> <li>(X) HTML、CSSとの関係と役割</li> <li>Windows Phone、Palmなどの紹介と日本での「スマートフォン」</li> <li>Webブラウザの特徴</li> <li>PCとの違い</li> <li>プレビュー環境について</li> </ul></li> <li>スマートフォン向けサイトの注意点 <ul> <li>設計における注意点</li> <li>デザインにおける注意点</li> <li>コーディングにおける注意点</li> </ul></li> <li>ライブラリ・フレームワークとは <ul> <li>スマートフォン向けライブラリの紹介 (Sencha touch、JQTouch)</li> <li>jQueryについて</li> <li>jQuery Mobileについて</li> </ul></li> <li>jQuery Mobileの基本 <ul> <li>画面デザインの制作</li> <li>画面遷移のデザイン</li> </ul></li> <li>jQueryと連携したプログラムの制作 <ul> <li>セレクタの基本</li> <li>Ajaxとは</li> </ul></li> <li>プログラム実習 <ul> <li>ニュースページの制作</li> </ul></li> <ul> <li>カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。</li> </ul> </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/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/%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=3213&date=2011-08-19&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3213&date=2011-08-19&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7" /> <meta itemprop="validFrom" content="2014-02-11T20:43:14+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=3213&date=2011-08-19&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%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=3213&date=2011-08-19&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=3213&date=2011-08-19&title=%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1%E3%81%BE%E3%81%93%E3%81%A8%E3%81%AEJavaScript+%2F+jQuery+Mobile%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/3213/similar">関連セミナー・出版物</a></li> </ul> </div> JavaScript jQuery jQuery Mobile Tue, 26 Jul 2011 14:08:13 +0000 admin 3213 at https://tech-seminar.jp 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> <meta itemprop="startDate" content="2011-05-25T10:30:00+09:00" /> ～ <abbr class="dtend" title="2011-05-25T16:30:00+09:00">16時30分</abbr> <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" /> </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" /> </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" /> </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 https://tech-seminar.jp/seminar/2010-11-05-Google-App-Engine-Java-GAE-J-%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC <link rel="amphtml" href="https://amp.tech-seminar.jp/1346"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> ハンズオン形式で実践的なスキルとノウハウが修得できる</div> <div class="field"> <h1 itemprop="name"> Google App Engine for Java (GAE/J) 実践セミナー</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/29" rel="tag" title="ソフトウェア開発">ソフトウェア開発</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/115" rel="tag" title="Java">Java</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/382" rel="tag" title="JSP">JSP</a></li><li class="term"><a href="/taxonomy/term/981" rel="tag" title="JUnit">JUnit</a></li><li class="term"><a href="/taxonomy/term/980" rel="tag" title="Slim3">Slim3</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/1346/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a> <a href="/node/1346/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>ハンズオン形式でGoogle App Engine/Java向けアプリケーションの構築を体験し、必須となる技術・知識を身につけましょう。<br /> <a href="/node/1221">2010年11月4日「Google App Engine for Java 基礎セミナー」との同時受講コース</a> で基礎から実践までのスキルを習得いただけます。<br /> <strong class="caution">3名以上の参加で受講料の10%割引を実施!</strong></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>本セミナーでは、Google App Engineの経験者を対象に、実際にWebアプリケーションを開発することで実践的なスキルを習得していただきます。</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="2010-11-05T10:00:00+09:00">2010年11月5日(金) 10時00分</abbr> <meta itemprop="startDate" content="2010-11-05T10:00:00+09:00" /> ～ <abbr class="dtend" title="2010-11-05T19:00:00+09:00">19時00分</abbr> <meta itemprop="endDate" content="2010-11-05T19: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>Google App EngineとDataStoreの連携が行えるようになる。</li> <li>Google App Engineを利用したWebアプリケーションが開発できるようになる。</li> <li>AppEngineのDatastoreの体験</li> <li>テスト駆動でのAppEngine向けWebアプリケーションの作成</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>Java、Eclipse、Webアプリケーション開発の経験</li> <li>Google App Engineの基礎知識</li> <li>Google App Engine の LowLevelAPI</li> <li>Eclipseの操作</li> <li>JavaEEでのプログラミング(Servletの使い方)</li> <li>JUnitの使い方</li> <li>jQueryを使ったAjax</li> </ul> <h3 class="field-label">ご持参いただくもの</h3> <ul> <li>ノートPC</li> <li>お手数ですが、事前にEclipseとGoogle Plugin for Eclipseのインストールをお願いいたします。</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 App Engineはクラウド時代の新たな開発プラットフォームであり、これからの開発スタイルを一新させる可能性を持っています。<br /> 　クライアント・サーバーシステムがWebシステムに移行したように、今、時代は開発プラットフォームさえもクラウドと化してきています。<br /> 　AppEngine技術者への需要が4半期で10倍の伸びを示しており、Amazonエンジニア抜いたことで、一層需要が高まる勢いとなっています。</p> <p>　本セミナーでは、Google App Engine/Javaアプリケーションの構築を実際に体験しながら、Google App Engineに必須となる技術を身につけていただけます。Google App Engineが提供する様々な機能の使い方を説明するだけ…のような内容ではなく、単体テストを軸にして各機能を触っていく方式で、現場でもすぐに使える体験になります。<br /> 　Google App Engineで実際にプロジェクトを実施してきたからこそ判るアンチパターンや成功パターンなど、より実践に即した形で習得する事が可能です!</p> <p>　尚、講義の中でEclipseを効率良く使うためのTipsなどもおりまぜて作業を進めていきますので、実業務でも活用できる技術が習得することができます。</p> <ol> <li>Datastore入門 LLAPI編 <ul> <li>Key, Entity Group <ul> <li>KeyTest</li> </ul></li> <li>Entity, Property <ul> <li>EntityAndPropertyTest</li> </ul></li> <li>DatastoreService <ul> <li>DatastoreServiceTest</li> </ul></li> <li>Relationship <ul> <li>RelationshipTest</li> </ul></li> <li>Transaction <ul> <li>TransactionTest</li> </ul></li> <li>Query, Filter, Sort, PreparedQuery <ul> <li>QueryTest</li> </ul></li> <li>カーソル <ul> <li>CursorTest</li> </ul></li> </ul></li> <li>簡単なWebアプリケーションを作成する <ul> <li>簡単なゲストブック</li> <li>サービス層を作成 <ul> <li>MessageServiceTest &#8211; 初期データ投入</li> </ul></li> <li>コントローラ層を作成 <ul> <li>web.xml</li> <li>MessageServlet#doGet() <span class="caps">HTML</span></li> <li>MessageServlet#doPost()</li> <li>MessageServlet#doGet() <span class="caps">HTML</span></li> </ul></li> <li>Memcacheに対応する <ul> <li>MessageServiceTest &#8211; memcacheが機能しているかを確認する。</li> </ul></li> <li>ページのアクセスカウンタを表示する <ul> <li>ShardingCounter</li> <li>[option] 更新処理をTaskQueueで遅延処理する</li> </ul></li> </ul></li> <li>Slim3入門 <ul> <li>Slim3とは?</li> <li>Slim3の環境を構築</li> <li>Slim3を使った場合のテスト環境について</li> <li>Model <ul> <li>Slim3Model</li> </ul></li> <li>Datastore <ul> <li>DatastoreTest</li> </ul></li> <li>Query <ul> <li>QueryTest</li> </ul></li> <li>Global Transaction <ul> <li>GtxTest</li> </ul></li> <li>Controller <ul> <li>IndexController</li> <li>IndexControllerTest</li> </ul></li> </ul></li> <li>Slim3+Ajaxを使ったWebアプリケーション <ul> <li>JSON・他ライブラリ、jQueryを追加する</li> <li>Modelクラスを作成する</li> <li>投稿機能を作成する <ul> <li>src/seminar/service/GuestbookService.java</li> <li>src/seminar/service/PostController.java <ul> <li>GuestbookServiceTestで使う初期データ投入の例</li> <li>Postした際のレスポンス</li> <li>PostControllerのテストの例</li> </ul></li> </ul></li> <li>一覧表示機能を作成する <ul> <li>src/seminar/service/GuestbookService.java</li> <li>src/seminar/service/GetController.java <ul> <li>Get時のレスポンス</li> <li>GetControllerのテストの例</li> </ul></li> </ul></li> <li><span class="caps">HTML</span>+JSを作成する <ul> <li>war/WEB-<span class="caps">INF</span>/appengine-web.xml</li> <li>war/guestbook.html &#8211; htmlのみ</li> <li>war/guestbook.html &#8211; Post,Getを行うJavascriptを追加</li> <li>機能を追加する</li> </ul></li> </ul></li> </ol> <p>Eclipseを効率良く使うためのTipsもおりまぜて講義を進めていきます。</p> <ul> <li>以下の技術を使用します。 <ul> <li>Slim3</li> <li>Ajax</li> <li>JUnit</li> </ul></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/12304"><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%9F%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%97%E3%83%A9%E3%82%B9%E6%B0%B4%E9%81%93%E6%A9%8BF%E4%BC%9A%E8%AD%B0%E5%AE%A4">ミーティングプラス水道橋F会議室</a> <meta itemprop="name" content="ミーティングプラス水道橋F会議室" /> <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="102-0072" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">千代田区</span> <span itemprop="streetAddress">飯田橋3-11-5</span> 20山京ビル902 </div> <a href="/node/2703"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都千代田区飯田橋3-11-5&amp;markers=東京都千代田区飯田橋3-11-5&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ミーティングプラス水道橋F会議室の地図" /></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/topgate.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=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">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="38000">38000円</span> (税別) / 39,900円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-16T22:12:54+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="38000">38000円</span> (税別) / 39,900円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-16T22:12:54+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="38000" /> <meta itemprop="lowPrice" content="38000" /> <meta itemprop="highPrice" content="38000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-16T22:12:54+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">受講者からの感想</h3> <h4 class="field-label">セミナーで良かったと思う点は?</h4> <ul> <li> LLAPI・Bigtableに関する細かい内容について学べた。</li> <li>EclipseのTipsに関して、既に知っている内容もあったが、新たな機能やショートカットを多数学べた。</li> <li>DatastoreのLLAPIから学べたため、基礎からの知識が身についた。</li> <li>Eclipseの Tipsを織り交ぜた内容で、実業務へのフィードバックができた。</li> <li>JUnitの使い方について、今まで知らなかった使用方法を教えて頂き、 JUnitでできることの幅が広がった.</li> <li>本格的な技術セミナーで、Bigtableについて多くの時間を割いて頂いた点がよかったです。</li> </ul> <h4 class="field-label">セミナーで悪かったと思う点は?</h4> <ul> <li>本来の業務ではコーディングをすることがなく、Eclipseなどを久しぶりに触ってコーディングをしましが、もう少し勉強しておけばよかったと思いました。</li> <li>今回はDatastore中心だったが、もう少し多くの種類のWebアプリを試してみたかった。</li> <li>参加者の知識や経験がまちまちだったため、事前に基本知識を調べておくことができれば、実装時の時間が短縮できたかと思います。</li> </ul> <h3 class="field-label">会場の風景</h3> <p><img src="http://tech.topgate.co.jp/_/rsrc/1279697363868/seminar/2010-08-26-GAEJ/newfile%284%29.png" title="会場の風景" alt="会場の風景" /></p></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</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=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=1346&date=2010-11-05&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%AE%9F%E8%B7%B5%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/1346/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 クラウドコンピューティング クラウドプログラミング Java JavaScript jQuery JSP JUnit Slim3 Google App Engine Thu, 21 Oct 2010 05:48:24 +0000 admin 1346 at https://tech-seminar.jp https://tech-seminar.jp/seminar/2010-11-04-Google-App-Engine-Java-GAE-J-%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC <link rel="amphtml" href="https://amp.tech-seminar.jp/1345"> <div itemscope itemtype="https://schema.org/Event"> <div class="field"> ハンズオン形式で実践的なスキルとノウハウが修得できる</div> <div class="field"> <h1 itemprop="name"> Google App Engine for Java (GAE/J) 基礎セミナー</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/29" rel="tag" title="ソフトウェア開発">ソフトウェア開発</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/115" rel="tag" title="Java">Java</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/382" rel="tag" title="JSP">JSP</a></li><li class="term"><a href="/taxonomy/term/981" rel="tag" title="JUnit">JUnit</a></li><li class="term"><a href="/taxonomy/term/980" rel="tag" title="Slim3">Slim3</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/1345/similar">関連するセミナー・出版物</a> </div> </div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"> <a href="/request/seminar?id=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a> <a href="/node/1345/similar">関連するセミナー・出版物を探す</a></div> </div> <div class="field"> <p>ハンズオン形式でGoogle App Engine/Java向けアプリケーションの構築を体験し、必須となる技術・知識を身につけましょう。<br /> <a href="/node/1221">2010年11月5日「Google App Engine for Java 実践セミナー」との同時受講コース</a> でさらに実践的なスキルを習得いただけます。<br /> <strong class="caution">3名以上の参加で受講料の10%割引を実施!</strong></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>本セミナーでは、Google App Engineの基礎から学び、Webアプリケーションの開発を体験できます。</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="2010-11-04T10:00:00+09:00">2010年11月4日(木) 10時00分</abbr> <meta itemprop="startDate" content="2010-11-04T10:00:00+09:00" /> ～ <abbr class="dtend" title="2010-11-04T19:00:00+09:00">19時00分</abbr> <meta itemprop="endDate" content="2010-11-04T19: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>AppEngineのプラットフォームの仕組みの理解</li> <li>AppEngineプロジェクトの体験</li> <li>AppEngineのテスト環境の体験</li> <li>AppEngineのDatastoreの詳細</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>Java、Eclipse、Webアプリケーション開発の経験</li> <li>以下、予備知識があると効果的に受講が行なえます。 <ul> <li>Eclipseの基本操作</li> <li>JavaEEでのプログラミング(Servletの使い方)</li> <li>JUnitの使い方</li> <li>jQueryを使ったAjax</li> </ul></li> </ul> <h3 class="field-label">ご持参いただくもの</h3> <ul> <li>ノートPC</li> <li>お手数ですが、事前にEclipseとGoogle Plugin for Eclipseのインストールをお願いいたします。</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 App Engineはクラウド時代の新たな開発プラットフォームであり、これからの開発スタイルを一新させる可能性を持っています。<br /> 　クライアント・サーバーシステムがWebシステムに移行したように、今、時代は開発プラットフォームさえもクラウドと化してきています。<br /> 　AppEngine技術者への需要が4半期で10倍の伸びを示しており、Amazonエンジニア抜いたことで、一層需要が高まる勢いとなっています。</p> <p>　本セミナーでは、Google App Engine/Javaアプリケーションの構築を実際に体験しながら、Google App Engineに必須となる技術を身につけていただけます。Google App Engineが提供する様々な機能の使い方を説明するだけ…のような内容ではなく、単体テストを軸にして各機能を触っていく方式で、現場でもすぐに使える体験になります。<br /> 　Google App Engineで実際にプロジェクトを実施してきたからこそ判るアンチパターンや成功パターンなど、より実践に即した形で習得する事が可能です!</p> <p>　尚、講義の中でEclipseを効率良く使うためのTipsなどもおりまぜて作業を進めていきますので、実業務でも活用できる技術が習得することができます。</p> <ol> <li>Google App Engineとは <ul> <li>プラットフォームの仕組み <ul> <li>Spin-up Spin-down</li> <li>DatastoreService</li> <li>その他サービス</li> </ul></li> </ul></li> <li>AppEngineプロジェクトを触ってみる <ul> <li>[必要であれば] <span class="caps">JDK</span>,Eclipse,Google Plugin for Eclipseのインストール</li> <li>Eclipse+GPEだけでプロジェクトを作成</li> <li>プロジェクトのファイルの構成について <ul> <li>その他、独自につくることが多いフォルダ</li> </ul></li> <li>動作確認、デプロイ <ul> <li>デプロイ</li> <li>起動時のパラメータ</li> <li>自動生成されたプロジェクトを少しだけ改造してみよう</li> </ul></li> </ul></li> <li>AppEngineのテスト環境 <ul> <li>準備 <ul> <li>テストを意識したeclipseの設定</li> </ul></li> <li>テスト環境の仕組み <ul> <li>AppEngineTest.javaを作成</li> </ul></li> </ul></li> <li>Datastore詳細説明 <ul> <li>用語 <ul> <li>Key, Entity, Entity Group</li> <li>Property</li> <li>Index</li> </ul></li> <li>Indexの例 <ul> <li>Single Property Index</li> <li>Composite Index</li> </ul></li> <li>Bigtableをどう使っているか</li> <li>検索処理(スキャン)の例</li> <li>検索で使用するフィルタ</li> <li>書き込み時の処理</li> <li>Transactionの分離性</li> <li>常に対応が必要な例外について</li> </ul></li> </ol> <p>Eclipseを効率良く使うためのTipsもおりまぜて講義を進めていきます。</p> <ul> <li>以下の技術を使用します。 <ul> <li>Slim3</li> <li>Ajax</li> <li>JUnit</li> </ul></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/12304"><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%9F%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%97%E3%83%A9%E3%82%B9%E6%B0%B4%E9%81%93%E6%A9%8BF%E4%BC%9A%E8%AD%B0%E5%AE%A4">ミーティングプラス水道橋F会議室</a> <meta itemprop="name" content="ミーティングプラス水道橋F会議室" /> <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="102-0072" /> <span itemprop="addressRegion">東京都</span> <span itemprop="addressLocality">千代田区</span> <span itemprop="streetAddress">飯田橋3-11-5</span> 20山京ビル902 </div> <a href="/node/2703"><img class="staticmap" src="//maps.googleapis.com/maps/api/staticmap?center=東京都千代田区飯田橋3-11-5&amp;markers=東京都千代田区飯田橋3-11-5&amp;size=712x270&amp;zoom=16&amp;sensor=false&amp;key=AIzaSyB8IHtYT9FEZ9C5DbHmMhAfDliI9iEJQX8" alt="ミーティングプラス水道橋F会議室の地図" /></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/topgate.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=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">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="38000">38000円</span> (税別) / 39,900円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-16T22:13: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="38000">38000円</span> (税別) / 39,900円 (税込) <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-16T22:13:00+09:00" /> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer"> <meta itemprop="price" content="38000" /> <meta itemprop="lowPrice" content="38000" /> <meta itemprop="highPrice" content="38000" /> <meta itemprop="priceCurrency" content="JPY" /> <link itemprop="availability" href="https://schema.org/SoldOut" /> <meta itemprop="url" content="https://tech-seminar.jp/order/seminar?id=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" /> <meta itemprop="validFrom" content="2014-02-16T22:13:00+09:00" /> </div> </div> </div> <div class="field field-type-text"> <h3 class="field-label">受講者からの感想</h3> <h4 class="field-label">セミナーで良かったと思う点は?</h4> <ul> <li> LLAPI・Bigtableに関する細かい内容について学べた。</li> <li>EclipseのTipsに関して、既に知っている内容もあったが、新たな機能やショートカットを多数学べた。</li> <li>DatastoreのLLAPIから学べたため、基礎からの知識が身についた。</li> <li>Eclipseの Tipsを織り交ぜた内容で、実業務へのフィードバックができた。</li> <li>JUnitの使い方について、今まで知らなかった使用方法を教えて頂き、 JUnitでできることの幅が広がった.</li> <li>本格的な技術セミナーで、Bigtableについて多くの時間を割いて頂いた点がよかったです。</li> </ul> <h4 class="field-label">セミナーで悪かったと思う点は?</h4> <ul> <li>本来の業務ではコーディングをすることがなく、Eclipseなどを久しぶりに触ってコーディングをしましが、もう少し勉強しておけばよかったと思いました。</li> <li>今回はDatastore中心だったが、もう少し多くの種類のWebアプリを試してみたかった。</li> <li>参加者の知識や経験がまちまちだったため、事前に基本知識を調べておくことができれば、実装時の時間が短縮できたかと思います。</li> </ul> <h3 class="field-label">会場の風景</h3> <p><img src="http://tech.topgate.co.jp/_/rsrc/1279697363868/seminar/2010-08-26-GAEJ/newfile%284%29.png" title="会場の風景" alt="会場の風景" /></p></div> <div class="field"> <div>本セミナーは終了いたしました。</div><div class="contact"><a href="/request/seminar?id=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</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=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">セミナーの再開催を依頼する</a></li> <li><a href="/contact/webadmin?id=1345&date=2010-11-04&title=Google+App+Engine+for+Java+%28GAE%2FJ%29+%E5%9F%BA%E7%A4%8E%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC">このセミナーについて<br />問い合わせる</a></li> <li><a href="/node/1345/similar">関連セミナー・出版物</a></li> </ul> </div> ソフトウェア開発 クラウドコンピューティング クラウドプログラミング Java JavaScript jQuery JSP JUnit Slim3 Google App Engine Thu, 21 Oct 2010 05:44:54 +0000 admin 1345 at https://tech-seminar.jp