読者です 読者をやめる 読者になる 読者になる

【随時更新(17.04.15Kotlin追加)】いろんな技術の入門ハンズオン資料まとめ(Angular/React/WebVR/Go/Python/Xamarin etc...)

こんにちは。 teratailチームDevRel担当の木下(@afroscript)です。

1年ほど前からたくさんのコミュニティの方々とイベントを共催しています。
様々な技術のハンズオンもご一緒させて頂いたので、そこで使われた資料のうちWebで公開されているものをまとめてみました。

ぜひ新しく技術を学ぶ際、ハンズオン資料を作成する際などにご活用ください。

ちなみにteratailで開催しているイベントは、基本的にconnpassで公開しています。
イベントの一覧はこちらです。(僕が個人的に開催している勉強会も多々混じってますw)
http://connpass.com/user/afroscript10/open/

Facebookのteratailユーザーグループでもイベント開催のお知らせをしていますので、併せてご確認ください。
https://www.facebook.com/groups/teratail

では、資料一覧です。
フロントエンド、サーバーサイド、スマートフォンアプリ、ゲームエンジンの4つのカテゴリーでまとめています。

フロントエンド

AngularJS by @can_i_do_web

■リポジトリ&説明資料

github.com

Angular 2 by ng-japan

■説明資料

speakerdeck.com

■リポジトリ
https://github.com/ng-japan/ng2-hands-on-seed

React.js by @besutome

■リポジトリ

github.com

■下記の記事なども参考

qiita.com

※最初にブラウザ表示する際、React.render()のとこでひっかかったが、下記で解決(個人的なメモです)

kubotti.hatenablog.com

WebGL(three.js) by @edo_m18

■ここに全てがまとめてある

qiita.com

■ハンズオン導入資料

http://edom18.github.io/WebGL-HandsOn-for-beginner/list.html

■コードはこちら

github.com

WebVR by @edo_m18

■リポジトリ

github.com

WebRTC @Tukimikage

■下記に全てのリンクがあります

qiita.com

WebAudio @ryoyakawai

webmusicdevelopers.appspot.com

サイトパフォーマンス最適化 @chikoski

■リポジトリ

https://gist.github.com/chikoski/3ff50a97caa200e699bbece74f90e672


サーバサイド

Go言語 @tenntenn

■ハンズオン導入資料

www.slideshare.net

■ハンズオン資料&コード

github.com

Node.js(NodeSchool) by @yosuke_furukawa @kohei-takata

■導入資料

qiita.com

■NodeSchoolのWorkShopを使います

http://nodeschool.io/

Python by @TakesxiSximada

■資料&コード

qiita.com

Rubyメタプロ @yasulab

■リポジトリ

github.com

Scala @gakuzzzz

■Scalaの開発環境
・Lightbend Activatorをインストール
・Macユーザーであればbrew install typesafe-activatorで簡単にインストールできます。
・IntelliJ IDEAのインストール

■事前準備ページ

github.com

■サンプルコード

github.com

(教材提供: @mike-neck さん)

Rust @chikoski

■ハンズオン資料

Rust hands-on for Rust beginners

■リポジトリ

Rust handson overview · GitHub

■Rust Playgroundがあるよ

https://play.rust-lang.org/

Elixir @ohrdev

■リポジトリ

github.com

■インストール手順

github.com

■ElixirSchoolというのもある

elixirschool.com


スマートフォンアプリ

Kotlin by @ngsw_taro

■これをもとに進める

speakerdeck.com

■Web上でKotlinを試せる

try.kotlinlang.org

■こちらのハンズオン資料もオススメ

speakerdeck.com

Android(マテリアルデザイン) by @mhidaka

■事前準備

blog.codecamp.jp

■これをもとに進める

Build a Material Design App with the Android Design Support Library

■↑上の日本語訳

www.dropbox.com

■sampleアプリのダウンロードはこちらから

https://github.com/googlecodelabs/android-design-library/archive/master.zip

Xamarin by @ytabuchi

■リポジトリ

github.com

■導入資料

github.com

■環境とか準備する資料

github.com

■iOSやりたい人用の資料

github.com

■Andoidやりたい人用の資料

github.com

ReactNative by @besutome

■ハンズオン資料

github.com

Realm(iOS) by @k_katsumi

■リポジトリ

github.com

Realm(Android) by @zaki50

■説明資料はこちらからDL

www.dropbox.com

■コード

github.com


その他

Unity @edo_m18

■リポジトリ

github.com

■デモ

https://camo.githubusercontent.com/6e01f6de080d9bea90d0174b8d494f4fdb7af239/68747470733a2f2f692e6779617a6f2e636f6d2f32343138653130363532336631656339383230373530306666313963383638382e676966

機会学習 @masota0517 @kosfuji

■導入資料

www.slideshare.net

■ハンズオン資料

www.slideshare.net