chevron_left

今月のライブコーディング

PREMIUM

スライド資料

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

1 / 7

授業の概要

この授業では、浜辺先生にテーマに基づいてライブコーディングをしていただきます。

今回のテーマは「Schooのロゴを使ってJava Scriptアニメーションを学ぶ」です。ライブコーディングパフォーマンスを見た後には質疑応答の時間もありますので、浜辺先生の手技を見る中で気づいたことや、疑問に思ったことを積極的に質問してみましょう。

 

■授業の流れ

10分/概要説明・ライブコーディングとは何か?

 5分/今回の授業で制作するもの、プロセス紹介

30分/実制作

15分/質疑応答

こんな人にオススメ

ライブコーディングに興味がある方/コーディングの効率化を図りたいエンジニアの方

チャプター

play_arrow
オープニング
00:34
play_arrow
自己紹介
00:42
play_arrow
本日の授業の流れ
00:47
play_arrow
1.ライブコーディングとは何か?
00:18
play_arrow
・ライブコーディングのすすめ
08:52
play_arrow
2.今回の制作物発表・制作プロセス紹介
00:48
play_arrow
・制作物の発表
00:52
play_arrow
・先生のパフォーマンス
22:20
play_arrow
・皆さんからの要望
17:01
play_arrow
質疑応答
08:10
play_arrow
先生からのメッセージ
00:35
play_arrow
エンディング
play_arrow
Q.先生は、CSSとHTMLは全て頭に入っているんでしょうか?
02:17
play_arrow
Q.変数名が2文字だったりしますけど、どういう意味が含まれてますか?
00:54
play_arrow
Q.アニメーションは先に頭で想像し、それをコードに起こしてるんでしょうか??
01:56
play_arrow
Q.アニメーションを表示させるのに、動作が重くなることはないですか?
03:59
play_arrow
Q.動かす時に注意している点はなんですか?
03:10
play_arrow
Q.arrowの画像はsvg形式ですか?
02:15
play_arrow
Q.左手の小指でよく押されているのは、caps ボタンですか?
00:45
play_arrow
Q.アニメーションはjsとcssどちらでもできる場合がありますが、軽さを考えるとcssで行うべきでしょうか?
02:52
play_arrow
Q.こういう風にライブでやると「教えてください」という人が出てきませんか?
00:24
play_arrow
Q.命令文等はどうやって覚えてますか?
04:35
play_arrow
Q.JavaScriptは物理の知識が必要ですか?
00:22
play_arrow
Q.キーボードに拘りはありますか?
03:52
play_arrow
Q.先生がMacを好む理由は何でしょうか?
00:56
play_arrow
Q.具体的な値を指定されていましたが数字の意味はありますか?
01:16
play_arrow
Q.人によって書き方は違うと思いますが、先生はどういうタイプなんでしょうか?
00:52
play_arrow
Q.Chromeブラウザ以外のブラウザでも動作することを考えたりしますか?
00:59
play_arrow
Q.エディタは補完してくれるものとしないものと、どちらが使いやすいでしょうか?
00:55
play_arrow
Q.なぜ同じ関数でもハイライトされているものといないものがあるのですか?
01:06
play_arrow
Q.どんな物をつくったり学んだりすると需要が多いでしょうか?
01:01
play_arrow
Q.どうして先生はライブコーディングをしようと思ったんですか?