Google Chrome デベロッパー ツールで完全に機能するターミナルを入手する
ウェブ開発者やウェブデザイナーなら、Google Chromeのデベロッパーツールはほぼ誰でもご存知でしょう。デベロッパーツールを使えば、ウェブページやウェブアプリケーションをブラウザベースで簡単にデバッグ、微調整、調整できます。ウェブブラウザやテキストエディタをよく使う人なら、デベロッパーツールの便利さはよくご存知でしょう。サードパーティ製のChrome拡張機能を使えば、既存のデベロッパーツールにターミナルを追加することで、Chromeをさらに優れた開発ツールにすることができます。そう、Terminal.appのようなターミナルを使えば、Chromeブラウザを離れることなく、コマンドラインから素早く微調整や調整を行うことができます。
Mac ユーザーにとって、Chrome 開発者ツールにターミナルをインストールするのは非常に簡単で、無料の Chrome 拡張機能をダウンロードするだけです。
- DevTools用のターミナルはこちらから入手できます
開発マシンでOS Xを使用していないものの、Chromeブラウザにターミナルをインストールしたいというユーザーは、こちらの開発者ページにあるNode.jsを使った手順に従って手動でインストールできます。Chrome拡張機能を追加するようなワンクリックインストールではないものの、それでもかなり簡単です。
インストールが完了すると、開発者ツールからターミナルにアクセスすることは、ページ要素の調整、エラー コンソールの確認、ページ ソースの表示とほとんど変わりません。新しくアクセス可能になったターミナル タブを選択するだけです。
- ウェブページの任意の場所を右クリックし、「要素の検査」を選択し、「ターミナル」タブを選択します。
- または、キーボードショートカットを使用します。Control+Shift+i で開発ツールを起動し、ターミナルタブを選択します。
以下のプラグイン開発者のアニメーション GIF は、簡単な使用方法を説明しています。
はい、これは完全に機能するターミナルであり、ログの追跡、ヘッダーの curl、nano または vi を使用したコード編集、パッケージの更新、何かの再コンパイル、スターウォーズの視聴、テトリスのプレイなど、開発作業に必要なあらゆる特定のコマンドラインマジックを実行できます。
重要なセキュリティ上の注意： DevToolsターミナルで使用およびアクセスされるすべてのデータはプレーンテキストで送信されます。したがって、本番環境でSSH、SFTP、MySQL、またはパスワードや機密データを何らかの方法で送信する場合、必ずhttpsを使用してください。開発者によると、パスワードはクライアントに保存されませんが、重要な情報を送信しないよう、適切なセキュリティ対策を講じることをお勧めします。
