10/23(Wed)

今日の生放送

JavaScript実践 ハッカーによるライブコーディング

ハッカーがプログラミングの極意を伝授 ライブコーディングのすゝめ

第1回:2014年12月20日公開

60min

ハッカーがプログラミングの極意を伝授 ライブコーディングのすゝめ

おためし受講する(5分)

コース概要

この授業では、ハッカーのライブコーディングを通じてスマートなコードの書き方を学ぶことが出来ます。

コーディング技術の効率的な学習手段の一つとして、ライブコーディングを学んでいきましょう。

こんな人にオススメ

プログラミング力を向上させたい方、JavaScriptやHTML5を学びたい方

担当の先生

パーソナリティ

  • 未定

    未定

参加したい受講生 : 1896

カテゴリー

タグ

サンプルファイル

授業で使用するファイル

※授業以外での利用は禁止します。

月額980円で、4,600本以上の授業が見放題

授業リスト

ハッカーがプログラミングの極意を伝授 ライブコーディングのすゝめ

2014年12月20日公開

60min.

■ ライブコーディングのすゝめ

ライブコーディングは、コーディング技術の効率的な学習手段の1つです。
コーディング技術はどのようなプログラミング言語を扱う場合にも必要となる技術です。

ライブコーディングでプログラミングの基本を楽しく学習しましょう!


■ こんなことが学べます

・ライブコーディングの概念
・カッコいいコードの書き方
・JavaScript、HTML5関連技術


■ 対象者

・プログラミングに興味がある方
・プログラミング力を向上させたい方
・プログラミング学習のモチベーションを向上させたい方
・JavaScriptやHTML5を学びたい方

  • 自己紹介&アジェンダ
  • 04:40
  • ライブコーディングとは
  • 04:20
  • 実演:canvasでお絵かき
  • 14:50
  • ライブコーディングの注意点
  • 05:52
  • ライブコーディングの修行法
  • 07:44
  • まとめ
  • 01:56
  • Q:次に書くべきコード、手順がすぐに浮かんでくるようにするにはどんな練習をすれば良いでしょうか。
  • 01:15
  • Q:失敗した時の即興ネタはどんなのがあるんですか?
  • 01:05
  • Q:ライブコーディングを初めて知ったのですが、お店で実演している方の年齢や職業などは幅広いのでしょうか?
  • 01:22
  • Q:ライブコーディングをはじめたきっかけは何だったのでしょうか。
  • 01:38
  • Q:プログラミングを勉強していきたいのですが、プログラミングの初心者の勉強方法を教えて下さい。
  • 01:22
  • Q:英語のタイピングを早くする方法があれば教えて下さい。
  • 01:33
  • Q:functionの入力が早すぎました。fしか入力してなかったように見えたのですが、これはどういう手法ですか?
  • 02:50
  • Q:Hackers Barは1人で行っても大丈夫ですか?
  • 01:06
  • Q:ライブコーディング中に、動画に変換していた技術はどのようなものですか?
  • 01:11
  • Q:言語仕様は覚えているんですか?
  • 01:02
  • Q:タイピングのスピードアップはやっぱり短文でもいいから、それが早く打てるように練習するのがいいでしょうか?
  • 02:00
  • Q:US配列のキーボードの方が楽ですか?
  • 01:28
  • Q:スニペットはストックしておりますか?
  • 01:51
  • Q:写経はいみありますか?

スライド資料

ハッカーがプログラミングの極意を伝授 ライブコーディングのすゝめ【第二弾】

2015年2月22日公開

60min.

■ 10分でイラストアプリを作成した 浜辺先生が再登場!

ライブコーディングは、コーディング技術の効率的な学習手段の1つです。
コーディング技術はどのようなプログラミング言語を扱う場合にも必要となる技術です。
ライブコーディングでプログラミングの基本を楽しく学習しましょう!
〜ライブコーディングのすゝめ〜 より

今回は大好評だった『ライブコーディングのすゝめ』の浜辺将太先生にご登壇いただき、再びライブコーディングを披露していただきます。

■ 完成作品はこちら!

タイピングゲーム(ブラウザで観覧)

■ こんなことが学べます

・ライブコーディングがどんなものか
・カッコいいコードの書き方
・JavaScript、HTML5関連技術


■ 対象者

・プログラミングに興味がある方
・プログラミング力を向上させたい方
・プログラミング学習のモチベーションを向上させたい方
・JavaScriptやHTML5を学びたい方

スライド資料

ハッカーがプログラミングの極意を伝授 ライブコーディングのすゝめ【第三弾】

2015年4月5日公開

60min.

この授業では、パーフェクトJavaScript著者、ヤフーの黒帯として活躍される「浜辺将太」先生にお越しいただき、JavaScriptでライブコーディングを行っていただきます。

ライブコーディングは、コーディング技術の効率的な学習手段の1つです。
コーディング技術はどのようなプログラミング言語を扱う場合にも必要となる技術です。
ライブコーディングでプログラミングの基本を楽しく学習しましょう!

  • 自己紹介&アジェンダ
  • 01:11
  • 授業のゴールと準備運動
  • 01:39
  • WebRTCについて
  • 04:11
  • 送信側の処理:カメラで撮ったデータをブラウザに出す
  • 02:38
  • 相手に送る部分の処理
  • 04:01
  • 観覧できるビューアーの処理
  • 05:07
  • スタイルをつけて、見た目を変える
  • 01:38
  • チャット機能をつけてみる
  • 02:47
  • チャットを受信できるようにする
  • 03:01
  • コメント用のスタイルの処理
  • 03:14
  • 画面キャプチャできるようにする
  • 12:35
  • Q:グローバルIPアドレスは必要ですか?
  • 00:48
  • Q:Dreamweavercs6でも可能ですか?
  • 00:34
  • Q:クライアント側のみで動くことができるとなると、それにサーバーサイドを補助に回せば、かなり大人数を捌けるようになるんでしょうか?
  • 01:19
  • Q:IEとかでもできますか?
  • 01:24
  • Q:浜辺先生オススメのJavaScriptの参考書があれば教えて下さい!
  • 01:23
  • Q:レンタルサーバーでも、こういった感じで中継できるものを作ることはできますか?
  • 01:51
  • Q:WebRTCはファイアフォール越しでも動きますか?
  • 01:15
  • Q:受信者が送信者になると、受信者をやめたとたん、その配下の受信が止まりますか?
  • 02:21
  • Q:今回のコードの行数はどのくらいですか?
  • 00:48
  • Q:こういったプログラミングをするのに向いてる人、向いてない人っているのですか?
  • 02:12
  • Q:次回ライブコーディングの授業をする時は、何を作りたいですか?

スライド資料

プレミアム生放送

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ