![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWP_bY6vamrApfNKu5tHO4xwqBVmMVm-MUTT7aTi-BY97UJeEpq_76mDDFC491QMC9D1j9v7sgHubxvziklQWqjKC0FPOw5j__oyx_thRfQanS1z7YIyiJHO0TTpSQ92YjJdVaddnhjn0/s1600/image18.png) |
Responsive Web Design Fundamentals 【中級】
Web を閲覧する方法は急速に変わってきています。キーボードとマウスを使って大型モニターでウェブにアクセスするユーザーは減り、携帯電話、タブレット、ウェアラブル、テレビを通じて Web を楽しんでいる人が増えています。このコースでは、 レスポンシブ ウェブ デザインの基礎を学びます。携帯電話、タブレット、デスクトップ、その他のデバイスを対象に、サンプルのウェブサイトを制作するプロジェクトを実施します。【学習期間】 2 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCsXawwq6ZqkVk21AU-BUz4HbOrs4Uwsr4eNOiclETvJCmadpY6E-Sbh8iClbHyltMhFhV07OgCFtcVCITe2slE5pRQhEY4HsPJsYw0twJqY0Mt6zMkw79IQ950G9f-NeBAHeNuqeN72I/s1600/image01.png) |
Responsive Images 【中級】
ロード時間の短縮とレスポンシブなコンテンツは高いコンバージョンにつながります。srcset のような属性、CSS を利用したマークアップの方法、フォント、インラインイメージ、要素など、多くの方法があります。できるだけデータサイズを押さえて、高品質なイメージを配信する方法を学びます。【学習期間】 2 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4EAG7Bqe9Sq4EoUGincIwgNrHm4gQ4NRX_YZ8H3axhHGG0O1xtKiYT2sHqqYurcZDRR2317xYxgT79600H15WO76pbMfWCLiwBxcSt6LBkCMYC9IajMebOzy87dmMNj-CSLCnVK5TYo/s1600/image23.png) |
HTML5 Game Development 【中級】
本コースでは、HTML5 で開発されたゲーム「GRITS」に使われた主要コンポーネントを紹介します。HTML5 での標準的なゲーム開発技法、ハイパフォーマンスな HTML5 アプリケーションの開発手法を学びます。HTML、JavaScript、ウェブの仕組みに関する予備知識が必要です。【学習期間】 8 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtU9HWtsYhpBFFnaqIkiqoHBoKjhWuhyy4PVjMxbPxJ7mFnYD5kpPKRUpWhdO3oK21N1dCETLqpX_Mrv4wF5Lh-XckMSSNI_3rDvLv4KReVlDfRiJUM95drsVOTdcNQ8JbkIBiXaQcpI/s1600/image12.png) |
Website Performance Optimization 【中級】
このコースでは、モバイルやデスクトップでブラウザがどのようにページを表示するかを詳しく学び、Web サイトを高速化する方法を習得します。ブラウザがどのような手順で HTML や CSS、JavaScript を変換するのかを解説し、サイトのパフォーマンスをツールで測定し、最初の画像をいかに速く表示させられるか実験を行います。測定ツールには PageSpeed Insights や、Google Chrome デベロッパーツールの Timeline を使用します。【学習期間】 8 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlIKo1puLHH_NPk0_Fc8sHNxZ8NyJ9QznBf-iMAle0msRriZAA894eRHBlA5bTi4C8c4R6SrWsqDQxswZJyFJzIyYuMQQp1uJg3TUz_kbZ4PUsCU6Ofw4RmEUbKHOn_0V07EZCTCXZfA4/s1600/image06.png) |
Mobile Web Development 【中級】
本コースでは、Web アプリ開発者を対象に、最上級のモバイルエクスペリエンスを実現するスキルを紹介します。Android や iOS など様々なプラットフォームで動くモバイル Web ウェブアプリの作成に重点を置きます。ツールを利用してパフォーマンステストを行い、エクスペリエンスを向上させる手法を学びます。【学習期間】 6 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFqmJRd-iu4n_6b3DIZzcrpN5cRWkTm-2jlOpsEF63o0prHy0NyhClq6q9tlGdvBKGeXiE9RV3y0BSDznDfi0iSQGaLUvyr0ajMrJ-Sv5vNCxVhL_C-FXrwvSgutsf1mSmRuoqwggaee0/s1600/image13.png) |
Browser Rendering Optimization 【上級】
ブラウザのレンダリングパイプラインを理解することによって、高性能なWeb アプリケーションを構築することが容易になります。いくつかの簡単な原則に従うことで、ブラウザのワークロードやレンダリングに必要な時間を大幅に改善することができるでしょう。このコースでは、アプリをプロファイリングし、問題の原因を特定するために必要な方法を学びます。最終的には、このコースで学んだ知識を使って、Hacker News API を使用したサンプルアプリのパフォーマンス改善に取り組みます。【学習期間】4 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSMsjzXEZo7eXeTz3KN7WghBVixsJOww5bcQdFPiGUAyt9PQiiud9pzXolo52Ugak1TaoGFjTENqm9nNdDgZsosGzrj8qfvCvNTjnvGTPJwwoksqp8ZNqjM4RUwcIbKlSShXWUOHwKFc/s1600/image16.png) |
Developing Scalable Apps in Python 【上級】
Googleが提供する PaaS、App Engine の活用法について学びます。App Engineの仕組み、Cloud Endpoints のベストプラクティスを学習することで、RESTful サービスを容易に作成し、iOS、Android、そして JavaScript クライアント からのアクセスを可能にすることができます。Python プログラミングの経験があり、ウェブアプリケーションの開発やデータベースを扱った実務の経験が 1 年以上ある方におすすめします。【学習期間】6 週間 |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi06yN1PNOXdTEPA-KIdVrtnQDflgCxB-zKk1kjBAahnqjymhZEXa1R9QGw3cH-XlwDnRHMxyrgk87rxg7c7i2XWdlXWhWrArOxB2tFRK-796FqAO9_vmF5o7czA0rOF32QJaWNRR7r_5M/s1600/image24.png) |
Developing Scalable Apps in Java 【上級】
Googleが提供する PaaS、App Engine の活用法について学びます。App Engineの仕組み、Cloud Endpoints のベストプラクティスを学習することで、RESTful サービスを容易に作成し、iOS、Android、そして JavaScript クライアント からのアクセスを可能にすることができます。Java プログラミングの経験があり、ウェブアプリケーションの開発やデータベースを扱った実務の経験が 1 年以上ある方におすすめします。【学習期間】8 週間 |