ジョージプログラマーの日記

Wow, look at what I did!

ドットインストールAtomパッケージ Dotinstall Pane が想像以上に便利だった

Atom Package Dotinstall

ドットインストール公式のAtomパッケージ Dotinstall Paneを紹介します。
ドットインストールの動画を見ながらコーディングする際、Dotinstall Paneが大変便利です。
存在を知りつつSplit Viewを使っていましたが、今思えばもっと早くDotinstall Paneを使っていれば良かった。
言葉による説明だけではなく、ユーザーに実際に触って体験してもらうことがどれだけ大切なことか、実感する出来事でした。

目次

Dotinstall Paneとは

Dotinstall-Paneは、ドットインストールのサイトを表示するAtomパッケージです。
Atomエディター上でドットインストールを見ながら、コードを書くことが出来ます。

特徴

  • 動画の再生、停止、5秒送り、その他のキーバインドがあり、操作性が増す
  • 表示したペインのサイズ調整が出来る
  • ペイン上にあるテキストのコピー&ペーストができ、簡単にソースコードを移すことができる

インストール方法

Atom上でパッケージを検索してインストール

Atom -> 環境設定 (Preferences...) -> Installタブ -> "dotinstall-pane" を検索 -> Install

ターミナルを使用してインストール

$ apm install dotinstall-pane

使い方

ショートカットキー

  • パネルの表示/非表示 Option (Alt) + Shift + d
  • 動画の再生/停止 Option (Alt) + Shift + Enter
  • 動画を5秒戻す Option (Alt) + Shift + [

  • 動画を5秒送る Option (Alt) + Shift + ]

    'alt-shift-D': 'dotinstall-pane:toggle' 'ctrl-shift-cmd-R': 'dotinstall-pane:reload' 'alt-shift-enter': 'dotinstall-pane:play' 'alt-{': 'dotinstall-pane:rewindTo' 'alt-}': 'dotinstall-pane:forwardTo'

その他

  • テキスト検索をドットインストールで検索する テキストを範囲選択 => 右クリックメニュー => ドットインストールで検索

一言

作ったものを触って貰うことはとても大事。どんどん作っていきたい。

参考URL

追記

ドットインストールの動画、Atom入門[最新版]にて、Dotinstall Paneのインストールについての動画が追加されていました。 #15 Dotinstall Paneを導入してみよう | Atom入門 - プログラミングならドットインストール