おためし受講中

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

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

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

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

■ 完成作品はこちら!

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

■ こんなことが学べます

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


■ 対象者

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

この授業の先生

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:17  (00:13 ~ )
    準備運動:「Hackers Bar」タイピング
    03:28  (02:30 ~ )
    ライブコーディングとは
    01:52  (05:58 ~ )
    ライブコーディングの種類
    01:48  (07:50 ~ )
    実演:タイピングゲーム
    04:02  (09:38 ~ )
    ツールを使ってコマンドラインを実行する
    05:55  (13:40 ~ )
    判定部分のコードを書いていく
    08:07  (19:35 ~ )
    デザインなどの調整を行っていく
    07:33  (27:42 ~ )
    出題文を読み込めるようにしていく
    05:11  (35:15 ~ )
    まとめ
    02:32  (40:26 ~ )
    【後半】質疑応答
    Q:エディターは何ですか?
    01:10  (42:58 ~ )
    Q:emmetやSass等は使ってますか?
    01:06  (44:08 ~ )
    Q:エディターのカスタマイズで重要視している所はありますか?
    01:16  (45:14 ~ )
    Q:キー配列はUSですか?
    00:49  (46:30 ~ )
    Q:文字が粉々になるアニメーションはCSSで実装できますか?
    01:35  (47:19 ~ )
    Q:ブラウザとかに、イベント監視のアドインあるんでしょうか?
    02:33  (48:54 ~ )
    Q:まだ修行中なのでネットや参考書を使いながらプログラミングしているのですが、そういう人はどうすればプログラミングが早くなると思いますか?
    01:28  (51:27 ~ )
    Q:初心者でもできそうな簡単なお題はありますか?
    01:33  (52:55 ~ )
    Q:ライブコーディングが捗る音楽はなんですか?
    01:03  (54:28 ~ )
    Q:日本語でもタイピングゲームつくれますか?
    01:37  (55:31 ~ )
    Q:プロンプトの下部にコマンド入力するツールは何ですか?
      (57:08 ~ )