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