chevron_left

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

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

2015年2月22日 60min
ハッカーがプログラミングの極意を伝授 ライブコーディングのすゝめ【第二弾】 play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 19

授業の概要

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

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

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

■ 完成作品はこちら！

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

■ こんなことが学べます

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


■ 対象者

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

こんな人にオススメ

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

担当の先生／パーソナリティ

授業で使用する教材

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

チャプター

play_arrow
自己紹介＆アジェンダ
02:17
play_arrow
準備運動：「Hackers Bar」タイピング
03:28
play_arrow
ライブコーディングとは
01:52
play_arrow
ライブコーディングの種類
01:48
play_arrow
実演：タイピングゲーム
04:02
play_arrow
ツールを使ってコマンドラインを実行する
05:55
play_arrow
判定部分のコードを書いていく
08:07
play_arrow
デザインなどの調整を行っていく
07:33
play_arrow
出題文を読み込めるようにしていく
05:11
play_arrow
まとめ
02:32
play_arrow
Ｑ：エディターは何ですか?
01:10
play_arrow
Ｑ：emmetやSass等は使ってますか？
01:06
play_arrow
Ｑ：エディターのカスタマイズで重要視している所はありますか？
01:16
play_arrow
Ｑ：キー配列はUSですか？
00:49
play_arrow
Ｑ：文字が粉々になるアニメーションはCSSで実装できますか？
01:35
play_arrow
Ｑ：ブラウザとかに、イベント監視のアドインあるんでしょうか？
02:33
play_arrow
Ｑ：まだ修行中なのでネットや参考書を使いながらプログラミングしているのですが、そういう人はどうすればプログラミングが早くなると思いますか？
01:28
play_arrow
Ｑ：初心者でもできそうな簡単なお題はありますか?
01:33
play_arrow
Ｑ：ライブコーディングが捗る音楽はなんですか？
01:03
play_arrow
Ｑ：日本語でもタイピングゲームつくれますか？
01:37
play_arrow
Ｑ：プロンプトの下部にコマンド入力するツールは何ですか？