TOP

クリップ
2016/09/16(金) 19:30 開催
東京都 乃木坂

Firefox 開発ツールハンズオン: デバッガを使ってみよう!

基本情報

日 時: 2016/09/16(金) 19:30 〜 21:30
会 場: Mozilla Japan オフィス
住 所: 東京都港区六本木7-5-6 

イベント内容

前回のハンズオンから数ヶ月、第二回のハンズオンを開催します。
今回扱うツールはデバッガです。これを使うと

  • プログラムを途中で止める
  • 変数の値を確認する
  • ステップバイステップで結果を確認する

といったことを、プログラムに変更を加えなくてもできる点が特徴です。
そのデバッガの紹介と、基本的な使い方を学ぶ会を開催します。
「デバッガは知ってるし、使いたいけど…なんか難しそうだし、console でいっか」
そんな方にぜひ参加していていただきたい内容です。
皆様のご参加をお待ちしております。

内容

  • デバッグとは?
  • デバッガの機能紹介
    • ブレークポイントの設定ステップ実行
    • ウォッチ式を使った値の確認
    • 条件付きブレークポイントの利用方法
  • シナリオに沿ったデバッグ
    • 実行時エラーが発生する理由の発見と修正
    • 時折おきる変な振る舞いの原因追求

イベントを楽しんでいただける方

デバッガを使ってみたいけど、難しそうなのでためらってしまう。
そんな方には楽しんでいただけます。

バリバリ、デバッグしてます!
という方は楽しめないかもしれません。

また JavaScript に関するデバッグを行う関係上、
JavaScript のプログラムを書いたことのない方も楽しめないかと思います。
前回開発ツールのハンズオンにご参加いただいた方はもちろん、初参加の方も大歓迎です。

タイムテーブル

時刻 内容
19:00 開場
19:30 - 19:40 会場説明など
19:40 - 20:00 デバッガの紹介
20:00 - 21:00 ハンズオン
21:00 - 21:30 Q & A

持ち物

PC をお持ちください。また 2 時間程度の会となりますので、電源ケーブルもお持ちください。
WiFi と電源は提供いたします。

事前準備

Firefox Developer Edition をインストールしてきてください。

またエディタもしくは IDE をインストールしてきてください。
指定はありませんが、特に好みのない場合は、Visual Studio Code を使うことをおすすめします。

関連情報

  • Twitterでシェア
  • 0
    Facebookでシェア
  • 0
    Google+でシェア
  • 0
    はてなブックマークに追加

タグに関連するイベント

Facebookページ

dots.で申込可能なイベント