トレーニング – Web編アジェンダ

対象

PhpStorm、RubyMine、PyCharm、WebStorm、Rider、GoLand、IntelliJ IDEAをこれからご利用になる方、既にご利用になっている方。

概要

簡単なHTML、JavaScriptの編集を行いながら補完、編集、リファクタリング、デバッグ、gitなどの操作を学びます。
主要操作をトラックパッド/マウスを使わずに行えるようになるため、日々の生産性が大幅に向上します。

アジェンダ

演習環境の確認

  • macOS環境におけるショートカット衝突防止のための必須設定
  • キーマップの設定

プロジェクトの作成

  • ファイルの作成
  • キーボードを使ったプロジェクトペイン / エディタ間の移動。

ファイル間の効率的な移動

  • タブやプロジェクトペインからのファイル検索操作なしに素早く目的のファイルを開く。

HTMLファイルの編集

  • emmetによる補完
  • スタイルシートセレクタの自動生成
  • ブラウザによるリアルタイムプレビュー

JavaScriptファイルの編集

  • Live Templateによる省タイプ開発
  • Postfix completionを利用したテキストカーソルを後戻りさせないコーディング
  • 置換補間と挿入置換の違い

リファクタリング

  • リネームリファクアリング
  • 変数の抽出リファクタリング

デバッグ

  • デバッグの基本: ブレークポイント、ステップオーバー、ステップイントゥー/ステップアウト
  • 発展的なデバッグ: 条件付きブレークポイント、式のプリント、スタックトレースのプリント

git操作

  • gitの基本: プル、コミット
  • コミット時のdiff確認画面内でのコード編集
  • ビジュアルなコンフリクト解決