Bluefishコードエディタは、Webページやスクリプトを開発するために使用されるアプリケーションです。これはWYSIWYGエディタではありません。 Bluefishは、Webページやスクリプトが作成されたコードを編集するためのツールです。これは、HTMLやCSSコードを書く知識があり、PHPやJavascriptのような最も一般的なスクリプト言語だけでなく、他の多くの言語でも動作するモードを備えているプログラマを対象としています。 Bluefishエディタの主な目的は、コーディングを簡単にし、エラーを減らすことです。 Bluefishは無料でオープンソースのソフトウェアであり、Windows、Mac OSX、Linux、その他のUnixライクなプラットフォームで利用できます。このチュートリアルで使用しているバージョンは、Windows 7のBluefishです。
ブルーフィッシュのインターフェース
Bluefishインターフェイスはいくつかのセクションに分かれています。最大のセクションは編集ペインで、ここでコードを直接編集できます。編集パネルの左側にはサイドパネルがあり、これはファイルマネージャと同じ機能を実行し、作業するファイルを選択したり、ファイルの名前を変更したり、ファイルを削除したりすることができます。
Bluefishウィンドウの上部にあるヘッダーセクションには、表示メニューで表示または非表示にできるいくつかのツールバーがあります。
ツールバーはメインツールバーで、保存、コピー、貼り付け、検索と置換、およびコードインデントオプションなどの一般的な機能を実行するためのボタンが含まれています。太字や下線などの書式設定ボタンはありません。
これはBluefishがコードを書式化しないためです。これはエディタだけです。メインツールバーの下には、HTMLツールバーとスニペットメニューがあります。これらのメニューには、ほとんどの言語要素と機能のコードを自動的に挿入するために使用できるボタンとサブメニューが含まれています。
BluefishでHTMLツールバーを使用する
BluefishのHTMLツールバーは、カテゴリ別にツールを分けるタブで整理されています。タブは次のとおりです。
- クイックバー - 頻繁に使用するアイテムのために、このタブに他のツールを固定することができます。
- HTML 5 - HTML5の共通タグと要素にアクセスできます。
- 標準 - このタブでは、一般的なHTMLフォーマットオプションにアクセスします。
- 書式設定 - あまり一般的でないフォーマットオプションがここにあります。
- テーブル - テーブルウィザードを含むさまざまなテーブル生成関数。
- リスト - 順序付けられた、順序付けられていない、そして定義リストを生成するためのツール。
- CSS - このタブとレイアウトコードからスタイルシートを作成できます。
- フォーム - 最も一般的なフォーム要素をこのタブから挿入できます。
- フォント - このタブには、HTMLとCSSのフォントを扱うためのショートカットがあります。
- フレーム - フォームを扱うための最も一般的な関数。
各タブをクリックすると、関連するカテゴリに関連するボタンがタブの下のツールバーに表示されます。
04の03ブルーフィッシュのスニペットメニューの使用
HTMLツールバーの下にはスニペットバーと呼ばれるメニューがあります。このメニューバーには、さまざまなプログラミング言語に関するサブメニューがあります。メニューの各項目には、HTMLのdoctypeやメタ情報など、よく使用されるコードが挿入されます。
いくつかのメニュー項目は、使用したいタグに応じて柔軟でコードを生成します。たとえば、書式設定済みのテキストブロックをWebページに追加する場合は、スニペットバーのHTMLメニューをクリックし、「任意のペアになったタグ」メニュー項目を選択できます。
この項目をクリックすると、使用するタグの入力を求めるダイアログが表示されます。 「プレ」（角カッコなし）を入力すると、Bluefishは開閉タグ「プレ」をドキュメントに挿入します。
.
04/04
ブルーフィッシュのその他の機能
BluefishはWYSIWYGエディターではありませんが、コンピューターにインストールしたブラウザーでコードをプレビューできるようになっています。また、コード自動補完、構文強調表示、デバッグツール、スクリプト出力ボックス、プラグイン、および頻繁に使用する文書を作成するためのジャンプを開始できるテンプレートもサポートしています。
