ビジュアルプレビュー付きのPHPファイルエディタ。 PHPエディター

おそらく、私の親愛なる読者は、最終的なWebプロジェクトが、システムに「導入された」Webプログラマーや人々の狭いサークルではなく、最も重要な側面である初心者だけに焦点を当てているという状況に何度も遭遇したことがあります。もちろん、シンプルさと実用性がありますが、最も基本的なのは、もちろん、連想性と美しさです。

最近、私はウクライナの作家組織のためのプロジェクトを開発する必要がありました。もちろん、「プログラマーがたくさんいる」ので、特に記事を書くときに、システムインターフェイスを簡素化するソリューションを探す必要がありました。、およびその他の手動で編集されたサイトのコンテンツ。

私はかなりの量のビジュアル編集システムを試しましたが、確かにそれぞれについて、良い面と悪い面の両方について一定の印象を持っています。

このプロジェクトの一環として、私は確かに注目に値する3つのビジュアル編集システムを試しました。これについては、この記事で説明します。これらは次のプログラムです：TinyMCE、WYMエディター、HTMLArea。

もちろん、少なくとも機能と目的の観点から、これらのプログラムを同じ行に配置することはできません。組み込みのメモ帳エディタと市販のMicrosoftWordの機能を比較するのと同じです。結局のところ、これらのプログラムはそれぞれ特別であり、特定のクラスに属しています。したがって、今日はそれについて話します。

TinyMCEの物語

まあ、私の意見では、このプログラムは、最も機能的なインターフェース、「携帯性」、連想性、そして同時に相対速度を備えているため、同様の製品の市場で優越性の名誉ある台座を占めています。しかし、これは何も言わないことを意味します。これらの表面的な賞賛は、上記のすべてのシステムの中で最も開発されたAPI、シンプルさと明快さ、処理時間の短縮（アクションのレベルと品質を考慮する）など、そのすべての利点を明らかにすることはできないためです。）、および外部データの処理品質。たとえば、Word文書からテキストをコピーするだけで、適切な設定を行うと、システムは非常によく似た形式でテキストを変換し、WWWの主要なトレンドセッターであるW3Cの基準を満たす比較的クリーンなコードを使用します。。しかし、もちろん、タールなしの蜂蜜はありません。この場合、いくつかの欠点があります。その中で、システムがまったく動作しない8.4までのOperaブラウザでの操作不能。そしてもちろん、そのすべての機能とマルチブラウザを考えると、出力にはかなり大量のソースコード、つまり1.9 MBが得られますが、サイズはそれ自体で十分に報われると思います。

たとえば、TextAreaフィールドを持つフォームを含むform.htmlドキュメントがあるとします。しかし、それをWYSIWYGタイプにする方法は？

はい、それは非常に簡単です。このため、最初にメインのTinyMCEクラスを接続する必要があります。その後、TinyMCEオブジェクトのプロトタイプがドキュメントで自動的に利用可能になります。これは、プログラムとの通信が行われるメインのシステムAPIです。構成。

フォームとTextArea要素を持つドキュメントの例を使用して、プログラムを使用する最も単純なケースを見てみましょう。

リスト1.1

最初の例

一部のTextArea要素

この最も単純なケースでは、編集フィールドとして、標準のテキストフォーマット用の最小限の関数セットを備えたエディターが表示されますが、それ以上は表示されません。同様のアプローチをプロジェクトの一部として適用して、チャット、フォーラム、ゲストブックなどを作成できます。より複雑なオプションについては、関数とメソッドの追加セットがあります。これについては、これから説明します。

ただし、最初に、この場合にクラス初期化メソッドであるinit（）に渡すパラメーターについて説明します。

パラメータとしてハッシュを渡します。ここで、mode要素の値は「textareas」に対応し、theme要素の値は「simple」に対応します。 `mode`要素は、標準のテキストフィールド（textarea）をWYSIWYGに「置き換える」方法を意味します。「textareas」、「exact」、「specify_textareas」の値を取ることができます。

「textareas」の場合、TextAreaのすべての要素を編集可能な要素に変換するようにエディターに指示しています。その他の場合、IDをコンマで区切ってelems要素の値としてリストする必要がある特定の編集フィールドを操作します。

同様に、「theme」要素は、現在のタイプのエディターデザインにすぎず、「simple」と「advanced」の値をとることができます。

私たちの場合、「シンプル」タイプを使用する場合、エディターの標準機能のみを接続しますが、同時に、前述したように、その機能をあまり変更することはできません。これは、小規模なプロジェクトだけでなく、接続速度が速いものに。

次に、「詳細」テーマモードが有効になっているときにエディターを操作する方法を見てみましょう。

この場合、編集、エディターで使用されるすべての機能の完全な編集、およびいくつかのポイントに柔軟なインターフェイスがあります。

さて、あなたがいくつかの電子雑誌やインターネット出版物のプロジェクトを始めたとしましょう。そこでは、行政による記事の作成の可能性が基本です。プログラムのインターフェースは、私たちがよく知っている最もよく使われるWordのインターフェースと可能な限り類似している必要があり、フォーマットに関するエディターのすべてのアイデアを実装するのに十分な数の関数を備えている必要があります。記事のテキスト、および次のような質問：「どこをクリックする必要がありますか？」、「なぜ表示されないのですか：。」、「すべてのテキストはどこに行きましたか」：

このような質問がまれに発生する場合（ただし、それらから逃れることはできません:)、エディターの現在のバージョンを少し変更し、次の関数を追加します。

貼り付けたテキストの自動フォーマット
フォーマット関数の追加
コントロールパネルの位置を変更する
エディター言語を設定する
スペルチェックの追加

さて、エディターに表示したいものについて、より正確に説明しましょう。

フォーマットバーは上部にあります
ステータスバーがありません
編集者の言語-ロシア語
フォーマットオプション：太字、斜体、下線、フォント、サイズ、テキストスタイル、色、塗りつぶし。
構造フォーマット機能：テーブル、配置、タブ、リスト
追加機能：画像挿入、挿入、プレビュー、ハイパーリンク挿入、「ロールバック」および「リターン」機能、そしておそらく印刷を紹介します。

さて、タスクの形式化があります。それでは、それをどのように実装するかを決定しましょう。

外部から挿入されたテキストの自動フォーマット機能を実装するには、ハッシュリストパラメータ「paste_auto_cleanup_on_paste」を指定する必要があります。これはブール値（true || false）を取り、このフォーマットに応じて、クリップボードから転送された外部テキストではありません。

このパラメーターを使用する場合は、次のパラメーターも使用する必要があります。

past_convert_headers_to_strong：（true | false）、paste_strip_class_attributes： "all"、paste_remove_spans：（true | false）、paste_remove_styles：（true | false）

彼らの名前はすでに連想的であるため、私は彼らに声をかけません。さて、挿入の問題を解決しました。次に、前に設定したいくつかのタスクを解決する必要があります。しかし、ここでプログラムパネルについて話しましょう。これは、エディターのビジュアル表示を設計するときに非常に重要だからです。

パネルには、ツールバーとステータスバーの2種類があります。

最初のパネルには、機能ボタンのほか、テキストをフォーマットおよび編集するための他のツールが含まれています。

これらの各パネルは独自の位置（下または上）を持つことができます。つまり、エディターでの位置を非常に柔軟に変更することができます。これを行うには、次のパラメータを使用できます。

Theme_advanced_toolbar_location :(上|下|なし）、theme_advanced_statusbar_location：上| 下| 無し）

この場合、パラメータの値に応じて、パネルの最終位置が設定されます。パラメータが「none」に設定されている場合、パネルはまったく表示されません。

それでも、ツールバーには配置などのパラメータがあり、その値に応じて、パネル要素が中央に配置されます。 theme_advanced_toolbar_locationパラメーターは、要素の中央揃えを担当し、標準値（center、left、right）をとることができます（centerパラメーターはデフォルトで設定されています）。

それで、パネルを理解しましたが、何かを追加する必要がありますか？

結局のところ、デフォルトでは、最小限の値のセットで単に空になりますが、そのようなエディターは必要ありませんね。

配置のために、要素、つまりボタンはいくつかのカテゴリに分割する必要があります。各カテゴリには、区切り記号で区切られた要素（ではない）を含めることができます。プログラム内のグループを抽象化するには、ボタンの概念を使用し、グループを設定するには、theme_advanced_button（n + 1）パラメーターの値（nはグループの現在の番号）を、次の要素のセットに設定します。それに属する必要があります。

セットについてはあまり心配する必要はありませんが、デフォルトではツールバーに必要な配置、フォーマット、その他の機能の標準セットがありますが、これは「詳細」テーマモードでのみ使用できます。

エディターの言語を設定するには、パラメーター「language」に値「ru」を追加するだけです。

さて、私が得たものを見てみましょう：

リスト1.2。

TNT43ビジュアルエディター

これがコード全体です。かなり面倒に見えますが、全体的には非常にわかりやすいです。

さて、その解剖学を見てみましょう。まず、最も重要なパラメーター、つまり、テキストフィールドを「置き換える」方法、エディターのテーマタイプ、エディターの言語、および含めるプラグインのリストを渡します。それらと言えば。お気づきのように、注意深くお読みいただければ、このテキストの枠組みではまだ言及していません。

プラグインは、特定のプログラム機能の実装に必要ないくつかの外部モジュールです。プラグインは`plugins`フォルダーにあり、そこから呼び出し時にプログラムに接続されます。プログラムでプラグインを使用するには、最初にプラグインをコンマで区切って `plugins`要素のパラメーターとしてリストし、次に対応するボタンをパネルに追加して使用する必要があります。

また、リスト1.2の例の一部として、inserterdateプラグインを使用しました。このプラグインには、後で使用する時刻と日付の形式をそれぞれ指定するdateFormatパラメーターとtimeFormatパラメーターを設定します。タイムスタンプ関数の仕様に従って設定されます。

この例で使用されている他の興味深い関数についても言及する価値があります。

past_remove-モードがtrueの場合、エディターは浅瀬のバッファーから受信したすべてのデータをフィルター処理し、スパコンテナーを削除します。
past_convert_headers_to_strong-trueに設定すると、エディターはクリップボードのすべての見出し（h1、h2、h3、h4、h5、h6）を要素に変更します
past_auto_cleanup_on_paste-クリップボードデータのフィルター（MS Wordからのデータに適用）

私の意見では、それはシステムの一般的な概要には十分です。ただし、まだかなりの数のAPIメソッドについては説明していません。これがないと、エディターでの作業を想像するのが非常に困難になることがよくあります。しかし、私はMKの次の号でそれらを検討することを約束します。

最新のPHPエディターは、コードの記述と編集に限定されたプログラムです。このようなエディターの機能は、いくつかのプログラミング言語での作業をサポートできます。

それらのかなりの数があり、その中で、あなたは確かにユーザーに最適なphpエディターを選ぶことができます。

コモド編集

このphpコードエディタ（およびphpだけでなく）は、コードの記述に既に精通している人にとっても、コードを使い始めたばかりの人にとっても、非常に便利なツールになります。 Linuxオペレーティングシステムで動作します。数年前、KEはLinux上で最も強力なコードエディタの1つであったことは注目に値します。 Komodo Editorは、アクティブな州の従業員と一般の人々によって同時に開発されました。次のスクリプトプログラミング言語をサポートします。

✒PHP;

✒JAVASCRIPT;

✒Perl

✒Python;

✒Ruby;

無料で配布されており、公式サイトからアーカイブとしてダウンロードできます。最新バージョンのアップデートを使用することをお勧めしますが、レビューから判断すると、Komodo Editは、アーカイブや専門フォーラムにある7番目のバージョンから完全に機能しています。ロシア化がありますが、これは別途ダウンロードする必要があります。 Russifierは、それが作成されたエディターのバージョンに対応している必要があります。これは重要です。 KEの特徴的な機能は、カスタマイズ可能な強調表示、コードのオートコンプリート、多くの拡張機能、簡単なプロジェクト作成、他のプロジェクトファイルとの並列作業などです。それだけではありません。非常に価値のあるエディター。永続的に使用しない場合は、少なくともレビューすることをお勧めします。

崇高なテキスト

このエディターは、マルチプラットフォームバージョンのTextMateに類似しています。次のオペレーティングシステムでの動作をサポートします：Windows、Linux、OSX。ライセンスは有料ですが、無料で使用できる可能性があります。有料版と無料版の間に違いは見られませんでしたが、ライセンスの購入を求めるウィンドウがポップアップする場合があります。インターフェースは非常に最小限で、不要な情報で目に負担をかけず、長時間使用しても快適です。

複数選択のような素晴らしい機能があります。利点は、ホットキーによるスニペットの作成と挿入にもあります。実際、ホットキー自体はほとんどすべてのアクションに割り当てることができます。最後のそして最も重要なプラスは、あなたがあなたのニーズや習慣にエディターを適応させることを可能にする膨大な数のプラグインの存在です。

かなりの数のプログラミング言語をサポートしますが、それらに限定されません。繰り返しになりますが、プラグインを使用すると、目的の言語で作業できます。構文の強調表示は一流です。

エディターは、コード編集をすでに理解している人に適しています。

notepad ++

信じられないほどシンプルで、多くの無料のphpエディターに愛されています。これは、由緒あるプログラマーと、コード編集の基礎を学んでいるばかりのプログラマーの両方によって使用されます。非常に高速で効率的で、多くのコンピュータリソースを必要としません。メモ帳++への無料アクセスは実を結びました。プラグインはエディターの作業を完全に補完し、リリースされた番号により、作業に必要なツールを選択できます。

本格的な作業には十分な16のプログラミング言語の標準サポート。その中には、C、C ++、HTML、PHP、TCL、アセンブラー、Javaスクリプト、ASCIIなどがあります。ただし、この数はプラグインによって補完されます。選択した言語の構文に従って、テキストが強調表示されます。重要な利点は、複数のドキュメントを同時に処理できることです。多くのユーザーが注目しているように、「単語のオートコンプリート」機能を使用すると、コードを書くときに簡単に、または正しい決定を提案できます。

また、作業の便宜のために、ドキュメントを拡大縮小するオプションがあります。これにより、コード全体ではなくても、コード全体、次にその重要な部分を表示できます。

原子

多くのAtom言語をサポートするもう1つの無料のhtmlphpエディター。このプロジェクトを1年以上開発してきたGitHubとオープンソースコミュニティの共同開発の成果。エディターにはすでに約70の組み込みパッケージ（プラグイン）が含まれているため、追加のダウンロードなしで編集環境を非常に細かくカスタマイズできます。 Linux、Windows、Macプラットフォームで一般的なすべてのプログラミング言語を使用できます。ビジュアルPHPコードエディタがあります。利点：

✔名前からの文字でファイルを検索します。

✔自動保存用のパッケージの存在。

✔未使用のパッケージのインストールと削除に必要なパッケージの選択。これはプロセスのパフォーマンスに影響します。

✔パッケージの更新の自動追跡。

✔膨大な数のパッケージのおかげで、個別のコードエディタを作成することが可能になります。

✔コードワードのオートコンプリートは、多くのエディターよりもはるかに思慮深いものです。

Narod.ruで既製のテンプレートを使用する方法から、「300ルーブルから2日でサイトを作成する」などの広告を申請する方法まで、独自のサイトを作成する方法はたくさんあります。子供でも自分のブログや簡単なホームページを作成できます。そのため、ほとんどの人がWeb上に独自のWebサイトを持っていることを自慢できます。さまざまなサービスが、サイト構築者を必要とする人なら誰でも自由に利用できます。サイト構築者は、ほんの数秒で簡単な個人ユーザーページを作成します。インターネット上にはそのようなページが何十万もあります。原則として、それらは互いに類似しており、記憶されていません。無料のオンラインツールを使用して個人のWebページを作成する人にとって、Webサイトを所有することはしばしば楽しいことであり、人々はページを作成してそれを忘れます。ほとんどの場合、その内容はあなたの犬の写真と「あなた自身についての」いくつかの情報の公開に還元されます。
もう1つのことは、人が自分のWebサイトを電話やメールなどのコミュニケーション手段として認識している場合です。あなた自身のウェブサイトを持つことは彼のビジネスを紹介したいどんな起業家、開業医、彼の相談を開く弁護士、トレーニングセンターなどのために役に立ちます。この場合、ページはオリジナルで有益であり、訪問者にとって有用な情報を掲載している必要があります。これらの要件を満たすサイトを取得するには、無料のホームページジェネレーターだけが不可欠です。ただし、Webプログラミングの基本を習得するには長い時間がかかる場合があります。もちろん、あなたはあなたの望みに応じてどんなページでも作るために専門家を雇うことができます、しかしこのオプションは非常に明白な欠点を持っているので、多くの人にとってそれは受け入れられません。

ビジュアルWebエディターは、Webプログラミングの学習時間を節約し、必要なすべての情報でWebサイトをすばやく作成するための優れた方法です。一方では、そのようなプログラムを使用してWebプロジェクトを作成するために、特別な知識を持っている必要はなく、プログラマーである必要もありません。一方、これらのタイプのアプリは、創造性を発揮する自由を与え、サイトが他の何千ものアプリとまったく同じに見えないようにします。ビジュアルWebエディターの作業は、WYSIWYGプロパティに基づいています-あなたが見るものはあなたが得るものです（あなたが見るものはあなたが得るものです）。つまり、編集中、Webページはブラウザに表示されるのとほとんど同じように見えます。

⇡WYSIWYGWebBuilder7.1.0

開発者：Pablo Software Solutions

配布サイズ：5.5 Mb

配布：シェアウェア

ロシア語インターフェース：いいえ

WYSIWYG Web Builderおよびその他のビジュアルエディターで作成されたWebページは、個別のブロックで構成されています。テキスト、グラフィック、フラッシュビデオなどがあります。ユーザーが行う必要があるのは、必要なブロックを選択してページ上の適切な場所に配置することだけです。コードはプログラムによって自動的に生成されます。

Webデザインの経験がない場合は、既製のテンプレートを使用して、プログラムで最初のプロジェクトの作成を開始する必要があります。デフォルトでは、WYSIWYG Web Builderにはさまざまな方向のテンプレートが約10個あり、プログラムの公式Webサイトからさらに数十個を無料でダウンロードできます。テンプレートをダウンロードすると、その要素を編集できるようになります。

これを行うには、垂直パネルに配置された多数のツールを使用できます。便宜上、ナビゲーション（サイトツリー、ナビゲーションメニュー）、描画（線、曲線、ポリゴン）、マルチメディアツール（Flashプレーヤー、YouTubeプレーヤー、Java、OLEオブジェクト）、Webフォームを操作するためのツール（ CAPTCHAコードを挿入するためのフィールド、チェックボックス、ファイルをダウンロードするためのボタン、テキストを入力するためのフィールド）、Paypal（この電子決済システムを操作するためのさまざまなボタン）など。作業、それを折りたたむことができ、より人気のあるツールのために画面スペースを解放します。

カテゴリExtraに注意を払う価値があります。フォトギャラリーの作成、RSS形式のニュースへのサブスクリプションの追加、スライドショー、サイトの検索のための収集されたツールがあります。既製のJavascriptコード要素のコレクション全体もここにあります。これには、さまざまな視覚効果や、ブラウザの現在のバージョンの判別、Webページが最後に変更された時刻に関する情報の表示、ページをブックマークするためのリンクの配置などの便利なツールが含まれます。

WYSIWYG Web Builderで作業しているとき、ユーザーには完成したページ要素が表示されますが、ブラウザーでは、作業中のエディターウィンドウとはサイトの外観が少し異なる場合があります。ブラウザでページの外観をすばやく表示するには、F5キーを押すだけです。 WYSIWYG Web Builderは、システムのデフォルトブラウザでプロジェクトを開きます。複数のブラウザで一度にページを表示する必要がある場合は、それらをリストに追加できます。

通常、サイトテンプレートは複数のページで構成されます。プロジェクト管理を便利にするために、プログラムウィンドウには、サイトページのツリーを表示する特別なサイトマネージャーパネルがあります。このパネルのツールを使用して、テンプレートに基づいて新しいページを作成したり、以前にハードドライブに保存したページを追加したり、既存のページをコピーしたり、プロパティを表示したりできます。

多数のページで構成されるリソースで作業する過程で、操作性のリンクのチェック、ページのサイズの見積もり、XMLファイル形式のサイトマップジェネレーターなどのプログラムツールが、サイトのルートディレクトリも便利です。さらに、WYSIWYG Web Builderを使用すると、Webページで使用されるすべての画像やその他のメディアファイルを1か所に集めることができます。

WYSIWYG Web Builder自体はかなり機能的なエディターであるにもかかわらず、ツールが見つからない場合があります。この場合、拡張機能のギャラリーを調べる価値があります。おそらく、目的のツールがプラグインとして利用可能です。プログラムには250以上の拡張機能があり、その数は絶えず増加しています。拡張機能は、エディターのアクティブユーザーによって作成され、公式フォーラムに投稿されます。拡張機能をWYSIWYGWebBuilderの試用版に接続することはできないことに注意してください。このためには、プログラムを登録する必要があります。

⇡Webページメーカー3.21

開発者：www.webpage-maker.com

配布サイズ：3.66 MB

配布：シェアウェア

ロシア語インターフェース：いいえ

Web Page Makerは、複数のページを含む小さなサイトを作成するのに適した、非常にシンプルなビジュアルエディターです。これを使用すると、テキスト、ベクター要素、グラフィックファイル、さまざまな形式のビデオ、テーブル、Webフォーム、およびその他の使い慣れたページ要素をページに追加できます。

このプログラムには、ナビゲーションメニューなどのサイトの重要な要素の既製バージョンもあります。 Web Page Makerには、さまざまなメニューオプションが含まれています。適切なものを選択すると、方向（水平または垂直）、要素間の距離、テキスト、およびリンクパラメータを指定して、すぐに編集できます。

一部の要素（たとえば、同じナビゲーションメニュー）は、サイトのすべてのページに配置する必要があります。ブロックを編集するときは、現在のプロジェクトのすべてのページにすばやく配置したり、ブロックを配置するページを指定したりできます。

プログラムウィンドウの主要部分はワークスペースで占められており、右側には[サイトコンテンツ]パネルがあります。このパネルを使用すると、サイトのページだけでなく、ページの個々の要素を管理するのに便利です。 [要素]タブには、ページ上のすべてのブロックが表示され、各ブロックをクリックすると、ブロックがどこにあるかをすぐに確認できます。さらに、各要素のプロパティウィンドウをすぐに呼び出したり、不要なブロックを削除したりできます。サイト構造を作成するためのツールのセットに関しては、インターネット上の既存のリソースに基づいて新しいページを作成する可能性があることに注意する価値があります。アドレスを指定するだけで十分です。WebPageMakerはページをロードし、ブロックに分割して編集可能にします。

アニメーション効果を使用して、サイトをより生き生きとさせることができます。ビルド済みのJavascriptコードの例は、WebPageMakerライブラリにあります。それらを使用して、ウィンドウスクロールの色を変更したり、現在の時刻を示す時計を画面の隅に配置したり、スライドショーを追加したりすることができます。

サイトでの作業が完了すると、プロジェクトをハードドライブに保存するか、すぐにFTPサーバーにアップロードできます。さらに、これには追加のクライアントは必要ありません。WebPage Makerには、FTPを操作するための組み込みツールがあります。

⇡コーヒーカップビジュアルサイトデザイナー6.06

開発者：CoffeeCupソフトウェア

配布サイズ：17.6 MB

配布：シェアウェア

ロシア語インターフェース：いいえ

CoffeeCup Visual Site Designerの開発者は、おそらく「お金を稼ぐことができるすべてのものでお金を稼ぐ」というモットーに従って生きています。したがって、このビジュアルエディターを49ドルで購入しても、他のほとんどの同様のプログラムを購入することで期待できるすべての機能が提供されるわけではないことに注意する必要があります。

そのため、プログラムには10個のテンプレートが付属しており、残りをダウンロードするには、開発者のWebサイトにアクセスすることをお勧めします。対応するページを開くと、追加のテンプレートが支払われ、1個あたり9ドルの価格で販売されていることがわかります。このような「驚き」は、アプリケーションを操作する過程でユーザーを待っています。 Webフォームツールボタンをクリックすると、使用するのにさらに39ドルかかることがわかります。サイトにフォトギャラリーを追加してみると、この機能も追加料金で利用できることがわかります。

プログラムの標準バージョンでは、テキスト、ベクター要素、グラフィックスを操作できます。ツールを選択すると、その設定を含むフローティングパレットが垂直パネルに表示されます。ユーザーが機器を変更するまで画面に表示されたままになります。このアプローチのおかげで、最大量のスペースが作業領域に割り当てられます。

カウンターやWebフォームなどの一般的なWebページ要素は、カスタムHTML挿入ツールを使用してプログラムでのみ作成できます。

ベクトル要素（矢印、ポリゴン、アスタリスク、コールアウトなど）を操作する場合、さまざまなツールを使用してそれらの外観を変更できます。たとえば、マウスにカーソルを合わせると、透明度を変更したり、影を追加したり、オブジェクトを3Dにしたり、光らせたり、形状を変更したりすることができます。さらに、各オブジェクトの塗りつぶしをカスタマイズしたり、テクスチャを追加したりできます。

CoffeeCup Visual Site Designerには、サイトをリモートサーバーにアップロードするために使用できるFTPクライアントが組み込まれています。サイトの読み込み後に一部のページに変更を加えることにした場合は、データ同期機能を使用できます。この場合、プログラムは変更されたページをロードします。必要に応じて、CoffeeCup Visual Site Designerを離れることなく、サーバーからサイトを完全に削除することもできます。

⇡WebSiteX5Evolution8

開発者：Incomedia

配布サイズ：15.3 MB

配布：シェアウェア

ロシア語インターフェース：はい

ほとんどのビジュアルエディターは互いに似ています。これには利点があります。これらのプログラムの1つを理解したので、後で別のプログラムを試すことにした場合でも、すでに自信を持っているはずです。ただし、これまでWebサイトを作成したことがない場合は、最初は最も単純なビジュアルエディターでさえ、「最初に何をする必要があるか」、「どのプログラムツールが主なもので、どれが補助的なものか」など、多くの疑問を投げかける可能性があります。？」等

WebSite X5 Evolutionプログラムは、サイトを作成するためのわずかに異なるアプローチを実装しています。そのおかげで、多くの質問が自然に消えます。アプリケーションの操作は、ステップバイステップのウィザードの原則に基づいて構築されているため、初心者のユーザーは、重要なことを見逃していないことを確認できます。

ウィザードはプロジェクトを作成するすべてのステップをガイドしますが、ユーザーはオプションで、サイドメニューから現時点で実行したいアクションを選択することにより、いくつかのステップを「ジャンプ」できます。全部で5つのステージがあります。

最初のものには一般的な設定が含まれています。したがって、ここでは、サイト名、作成者、言語を入力し、キーワードを選択し、ファビコンをロードし、メニュータイプを選択し（水平または垂直）、適切なテンプレートを選択します（プログラムには100を超えるデザインオプションがあります）ライブラリ）、サイトページの上下の外観を設定します。

第二段階では、サイトマップを作成すること、つまりその構造を考えることを提案します。ツールバーの「コピー」ボタンと「貼り付け」ボタンを使用して、既存のページに基づいて新しいページを作成できます。ここで、リソースのどのページを非表示にするかを決定し、各ページのリフレッシュレートを指定できます。

ページ名をダブルクリックすると、サイトでの作業の次の段階に移動します。ここでは、すでにそのコンテンツを直接処理できます。デフォルトでは、ページは4つのブロックに分割されており、各ブロックにオブジェクトを追加できます。テキスト、グラフィックファイル、スライドショー、テーブル、フラッシュアニメーション、マルチメディアファイルなどです。必要に応じて、ページあたりのブロック数を増減できます。ページにオブジェクトを配置した後、その設定を定義する必要があります。たとえば、グラフィックファイルへのパスを指定したり、テキストを入力したりします。これらの操作はすべて、ページごとに実行する必要があります。

第4段階では、WebSite X5 Evolutionは、いくつかの追加設定を指定することを提供します。たとえば、紹介ページの外観を定義したり、フラッシュ広告を表示するためのパラメーターを設定したり、ブログやRSSフィードをサイトに追加したりします。

提供される機能の中には、「eコマース用バスケット」などの要素もあります。これを使用すると、独自のオンラインストアをすばやく作成できます。その設定に移動することで、製品カテゴリの作成、配送条件の定義、支払いオプションの選択、使用許諾契約の挿入、およびストア要素の外観のカスタマイズをすばやく行うことができます。

最後に、最後のステップはプロジェクトをエクスポートすることです。完成したサイトは、ハードドライブに保存するか、すぐにFTPサーバーにアップロードできます。さらに、プログラムはそれらを別のコンピュータに転送するためにプロジェクトファイルを保存することを可能にします。作成中のプロジェクトは、プログラム独自の形式でいつでも保存できることに注意してください。

おそらく、WebSite X5 Evolutionを使用する際の唯一の不便は、ブラウザーでページをプレビューできないことです。サイトがどのように表示されるかを確認したい場合は、「テスト」機能を使用できますが、プロジェクトの生成には時間がかかります。さらに、このプログラムは、InternetExplorerエンジンで作成された独自のブラウザでページを生成します。

⇡KompoZer0.7.10

開発者：Fabien Cazenave

配布サイズ：7.9 MB

配布：無料

ロシア語インターフェース：はい

KompoZerは、無料のオープンソースのビジュアルWebエディターです。このプログラムは、Windowsだけでなく、MacやLinuxでも利用できます。このエディターは、広く知られているFirefoxブラウザーを実行するGeckoエンジンに基づいています。これには多くの利点があります。まず、エンジンはXML、CSS、JavaScriptなどの最新のWeb標準を完全にサポートします。次に、Geckoベースのエディターをプラグインで拡張できます。

おそらく、最初にインストールしたいアドオンは、ロシア語のローカリゼーションパッケージです。 Firefoxのプラグインがインストールされるのとほぼ同じ方法でインストールされます。[ツール]メニューで[拡張機能]コマンドを選択し、ダウンロードしたローカリゼーションファイルへのパスを.xpi拡張子で指定します。プラグインをインストールした後、プログラムを再起動する必要があります。その後、インターフェイスはロシア語になります。

FTPクライアントはプログラムに統合されており、完成したプロジェクトをダウンロードするだけでなく、サーバーですでにホストされているサイトのページをすばやく編集するためにも使用できます。サーバーのログイン情報を指定することにより、ディレクトリツリーをナビゲートし、編集するページを選択できます。それらのコンテンツはKompoZerウィンドウにロードされ、その場で編集できます。

KompoZerを使用すると、同時に複数のページを操作できます。それぞれが別々のタブで開き、その間ですばやく切り替えることができます。各ページには、独自の元に戻すとやり直しの履歴があります。タブヘッダーのアイコンを見ると、まだ保存されていないページコンテンツに変更が加えられているかどうかをすぐに判断できます。

KompoZerはWebページコード自体を生成しますが、それを確認し、必要に応じていくつかの変更を加えることができます。各ページの下部には、ページの視覚的表示とコード表示を切り替えることができるタブがあります。

デフォルトでは、最も一般的に使用されるツールがプログラムツールバーに配置されます。ハイパーリンクの追加、画像の挿入、テーブル、Webフォームを作成するためのツールなどです。必要に応じて、このパネルの外観を変更したり（たとえば、アイコンを減らすことによって）、他のツールを追加したりできます。

一般に、KompoZerはビジュアルWebエディターであるにもかかわらず、Webサイトの作成にある程度の経験があるユーザー向けに設計されています。既製のテンプレートやナビゲーションメニューの例はありませんが、強力なCSSエディターがプログラムに統合されており、HTMLコードのチェックとスペルチェックのためのツールがあります。

⇡BestAddressHTMLEditor17

開発者：マルチメディアオーストラリア

配布サイズ：7.1 MB

配布：シェアウェア

ロシア語インターフェース：いいえ

ユーザーがコンピュータグラフィックス、ビデオ編集、プログラミングなどの分野を研究することを決定した場合、彼は多くの場合、経験豊富な仲間に、新しい工芸品の学習を開始するのに適したプログラムを尋ねます。場合によっては、実際、最初は単純なツールを使用し、次にそれらの機能を理解した後、より高度なエディターに進む方がよい場合があります。 BestAddress HTML Editor 2010 Professionalに関しては、このプログラムは初心者のWeb開発者にとって最初で最後のツールになる可能性が高いと言えます。

Webページのビジュアル構築モードでの作業は、コンストラクターでの作業に似ています。要素のサイズと色を個別に設定し、ボタン、グラフィック、メニュー、およびその他のサイトコンポーネントを自由に配置できます。テキストエディタとほぼ同じように、便利なフォーマットを使用して、任意のページ要素の位置を制御できます。 BestAddress HTML Editor 2010 Professionalにはテンプレートはありませんが、指定されたアドレスにあるWebページをダウンロードできます。プログラムでページを開いた後、それを編集することができます。

エディターはプロジェクトをサーバーに自動的にアップロードできます。このため、プログラムは付属のデジタルFTPアクセスFTPクライアントを使用します。

BestAddress HTML Editor 2010 Professionalには、プロのコーディングツールもあります。 HTML、CSS、Java、およびPHPコードの操作と記述の原則を理解したい初心者は、ドキュメントを参照できます。タグの割り当て、簡単な操作の例など、コードを記述するための最も重要なルールの概要を説明します。シンプルで明確なレッスンは、HTMLの構造の簡単なアイデアを提供し、初心者を「知っている」ようにします。

⇡結論

このレビューで説明されているプログラムを使用すると、サイトをすばやく作成してインターネットに配置できます。これらのアプリケーションはすべて、ユーザーの手にあるツールにすぎないことを覚えておく必要があります。サイトが訪問者の注目を集めるかどうか、それがビジネスの成功の追加要素になるかどうかは、作者の想像力と彼が始めたことを改善したいという彼の願望にのみ依存します。そしてもちろん、サイトが置かれた希望を正当化するためには、あなたの事業は幸運でなければなりません。それは私たちが皆に望んでいることです！

すべてのWebデザイナーとコーダーは、HTML、CSS、およびJavaScriptコードを作成および編集するための優れたWebページエディターを必要としています。メモ帳（Windows）とテキストエディット（Mac）は、最初は優れたツールですが、経験を積むにつれて、より堅牢で便利なツールを使用するようになります。

何百もの優れたエディターから選択できますが、それらの多くは有料です。また、著作権を侵害したくないが、予算に商品を購入するための資金がない場合はどうでしょうか。この記事では、いくつかの優れた無料エディターについて説明します。

WYSIWYGエディター。これらは、有名なワードプロセッサMS Wordのように、ページレイアウトを作成し、スタイルを視覚的に設定できるグラフィックエディタです。これらはページデザインを構築するための便利なツールですが、経験豊富なWebデザイナーなら誰でも知っているように、素晴らしい結果を得るにはコードを「くし」にする必要があります。

テキストエディタ。 HTMLおよびCSSコードを直接編集するためのツールです。一部のエディターは汎用であり、Webコードをサポートするための特別なオプションがありません。その他は、HTML、CSS、JavaScript、PHPなどのWeb言語の使用に特化しており、HTMLタグやCSSプロパティなどをすばやく入力するためのプロパティが組み込まれています。これらのエディタの多くでは、別のウィンドウでWebページを表示できます。

Compozer（Windows、Mac、Linux）

KompoZerは、予算内でビジュアルエディターが必要な場合に最適です。

Komodo Editは優れたエディターであり、習得は簡単ですが、強力で拡張性があります

汎用エディターですが、HTMLとCSSをサポートし、HTMLタグとCSSプロパティのコンテキストオートコンプリート、およびさまざまなHTML要素のコード埋め込みのコレクションを備えています。 Komodoを最大限に活用するには、自動終了タグ、CSSビュープレビュー、一時テキストジェネレーターなどのすばらしい機能を含むHTMLToolkit拡張機能をインストールする必要があります。

Komodo Editを使用すると、インストールされている任意のブラウザで編集したページを表示したり、別のウィンドウで組み込みのブラウザを使用したりできるため、変更の結果を同時に編集して確認できます。

エディターには、サイトにファイルをアップロードするための組み込み機能（FTP、FTPS、SFTP、またはSCP）があり、プロジェクトマネージャーオプションを使用してファイルを楽しい方法でグループ化することもできます。

非常に便利な機能 コード>ブロックの選択。現在閉じているdivやul要素など、HTMLの現在のメインブロックが強調表示されます。コピーまたは移動するページのセクション全体を選択する必要がある場合に非常に便利な機能。

Komodo Editには、検索/置換に正規表現を使用したり、外部コマンドを実行したりする機能など、強力で便利な機能がたくさんあります。幸いなことに、エディターには、KomodoEditの機能を簡単に習得できる優れたヘルプシステムもあります。

Aptana Studio（Windows、Mac、Linux）

Aptana Studioは、さまざまなプラグインを備えた完全に統合されたWebアプリケーション開発環境です。 HTML / CSS/JavaScriptコードエディタとしてのみ使用できますが

Notepad ++は、Windowsのメモ帳の優れた代替品です。他のエディターと同じオプションのセットはありませんが、HTML、CSS、JavaScript、およびその他のコードファイルの編集には最適です。

PSPadは、HTMLおよびCSSエンコーダーに役立つ幅広い機能を備えたWindows用のもう1つの汎用エディターです。

jEditは、強力なマクロコマンドとプラグイン機能を備えたクロスプラットフォームのテキストエディタです。 Webページを編集する必要がある場合は、XMLプラグインをインストールします

TextWranglerは、軽量の汎用エディターです。 Web開発用の特別な機能はありませんが、Webページの操作に使用できます。

Vimを学ぶのは間違いなく難しいですが、一度それを乗り越えたら、二度と戻りたくないでしょう！

プログラマーのためのテキストエディターの祖父Vim（viエディターの直系の子孫）は、オープンソースのコンソールテキストエディターです。 LinuxやMacOSXを含む、ほぼすべての種類のUnixにデフォルトのエディタとしてインストールされます。エディタは、Windowsや他の多くのシステムでも使用できます。

Vimは、これまで扱ったことがないので、すぐにインストールして使い始めることができるシステムではありません。ほとんどの編集コマンドには、：wqや/などの奇妙な組み合わせが含まれています。また、3つの編集モードがあります：モード インサート、テキストが入力されます。 ビジュアルテキストを強調表示するためのモード。と指図コマンドを入力するためのモード。この機能は、ウィンドウやマウスがなかった時代からのUnixの遺産です。

なぜ彼はリストに載っているのですか？あなたがそれを習得すれば、あなたはそのスピードとパワーを確信するでしょう。いくつかのコマンドを使用すると、他のエディターで数分かかることがあることを数秒で実行できます。

シンタックスハイライト、オートコンプリート、HTML Tidy、ブラウザでのブラウジングなど、HTML、CSS、JavaScriptコードを簡単に操作できるVimマクロとプラグインが多数あります。便利なリンクの大規模なリストは次のとおりです。

VimOmniオートコンプリート

VimでのHTML/XHTML編集

ホームページ

Fraise（Mac）

Fraiseは、Web編集に十分な機能を備えたMac用の直感的なエディターです。

TextWranglerやgeditと同様に、Fraiseは、使用するのが楽しい素晴らしい軽量エディターです。エディターのフォークです。これは比較的新しく、適切なWebサーバーがありません。現在、Mac OS X 10.6（Snow Leopard）でのみサポートされています。つまり、バージョン10.5を使用している場合は、Smultronをダウンロードする必要があります。

Fraiseには、Web編集のためのいくつかの優れたオプションがあります。

HTML、CSS、JavaScript、PHP、およびその他のいくつかのプログラミング言語のコード強調表示。

タグを閉じる（Command-T）コマンドを使用して、現在のタグを閉じます。これにより、リストに入力する時間を大幅に節約できます。

組み込みのブラウザー（WebKitを使用）での便利なプレビューと、非常に便利なLive Updateオプション？編集したページのマークアップとCSSが変更されるとすぐにブラウザを更新します。

正規表現を使用した検索/置換をサポートする高度な検索オプション。

HTMLタグとCSSプロパティをすばやく入力するためのブロックのサポート。

HTML検証や文字のHTML要素への変換など、テキストを操作するためのいくつかの便利なコマンド。

Macを使用していて、組み込みのテキストエディットよりも多くの機能を備えた使いやすいエディタが必要な場合は、Fraiseを調べる価値があります。

PHPの優れたエディターが、コードを快適に操作できるという点で非常に不足している場合があります。これは、単純な構文の強調表示よりも深刻な問題です。同時に、通常のエディターは1ダースほどですが、残念ながら、同じ構文の強調表示が常に正しく機能するとは限りません。

IntelliSenseの通常の実装が必要であり、言語のメソッドと定数の事前定義されたリストの形式での「木製の」パロディーではなく、理由の有無にかかわらず、作業中に「脱落」します。完全なリスト。 IntelliSenseは、使用するすべてのクラス、それらのメソッドと変数について「知る」必要があります。つまり、ファイルを#includeを介してそのクラスの定義に接続し、エディターがすぐにそれを取得して、すべての「このクラスのオブジェクトの内部」。

また、関数の簡単な説明（受け取ったパラメーター、オーバーロードされた関数があるかどうかなど）の形式で関数の名前を入力するときに、ヒントがあると便利です。これは、自作の関数には特に欠けています。いくつかの典型的なエディターでは、そのようなヒントを見てきましたが、ネイティブのPHP関数にのみ当てはまります。そうそう、呼び出し元から関数の定義にすばやくジャンプするのも非常に便利です。一般的に、私はまだたくさんのものが欲しいです、そして私はこれらすべての機能をコーディングプロセスで最も必要なもののほんの一部であり、決して過剰ではないと考えています...

この意味で、私の理想はMS Visual Studio + Visual Assistバンドルであり、C＃およびC ++で作業するときに使用します（このバンドルのVisual Assistはライフラインのようなものです）。もう一度、他のファイルにアクセスして、受け入れられた関数パラメーターや特定のクラスメンバーの名前を確認しない場合、これはいずれの場合も、プロセスのパフォーマンスと「快適さ」に貢献します。オブジェクト指向のPHPが（バージョンごとに）増加していることを考えると、ツールキットにそのようなエディターがないことは非常に気のめいることです。

そして、ここにあります！

それにもかかわらず、私は自分にとってかなり良いエディターを見つけました-。私のように、標準の「メモ帳」の代わりに通常のエディターを使用し、人間のIntelliSenseを切望している場合は、ぜひ試してみることをお勧めします。また、無料（以下の有料版について）であり、Mozillaフレームワーク（XPFE）に基づいて動作するため、マルチプラットフォームにもなります。

このエディタは理想的ではありません。多くの優れた点がありますが、もちろん、まだ改善の余地があります。しかし、一般的に、彼に会った最初の日には、私は喜びに制限がありませんでした🙂

他の言語（Perl、Python、Ruby、Tcl）、JavaScript、CSS、HTML、XMLなどのサポートにも注目する価値があります（彼が開くことができるファイルのリストから判断すると、彼はより多くの言語とテクノロジーを知っていますが、IntelliSenseがそれらすべてで機能するかどうかはわかりません）。多くの人気のあるJavaScriptフレームワークのサポートにうれしく驚きました（ちなみにこれはそうだったからです）。

コモドエディットの全機能を勉強する時間はまだないかもしれませんが、いくつかのポイントを説明したいと思います。

まず、PHPの配色を強調するコードをカスタマイズしました（ 編集->設定...->フォントと色）、私はすでにからの色に慣れているので。

プラグインは、開いているプロジェクトまたはファイル内のすべてのTODOを検索し、それらを1つのリストに表示する便利な追加機能でもあることがわかりました（VSでの実装方法と同様）。また、開いているファイル（）で定義されているすべてのクラスとメソッドを単一のリストで確認して、それらをすばやくナビゲートできるようにするプラグイン。

一般に、Komodoを使用する前に、特定のパラメーターを自分で変更して設定を確認することは理にかなっています。たとえば、関数の定義に移動するためにホットキーも再定義しました（VisualStudio🙂のようにF12を実行しました）。

一般に、通常のエディターでコーディングする場合と比較して、「地球と空」のすべてが非常にうまく機能します。

IntelliSenseを完全にサポートするために、プロジェクトファイルを作成する必要があるのは少し不便です（サイトのルートディレクトリに保存するだけです）。つまり、Komodoプロジェクトの範囲外で1つのファイルを開くと、そこに書き込まれたすべてのインクルードはまったく処理されないため、Komodoはインクルードされたファイルで定義された関数とクラスについて何も知りません。しかし、一般的に、この小さな不便は経験することができます🙂

一方、プロジェクトファイルを作成すると、より細かいプロジェクト設定を行うことができ、保存され、プロジェクトを開くたびに、Komodoはそれらを記憶します。たとえば、Komodoがプロジェクトで作業するときに、含まれているディレクトリにあるファイルに実装されているクラスとメソッド（IntelliSenseおよびさまざまなヒント用）の構造を常に念頭に置いて、追加のディレクトリを指定できます。これらのファイルは、編集中のファイルに実際に（includeまたはrequireを介して）接続されていません。すべてのプロジェクトファイルのテキストを検索または置換することもできます。また、Komodoは、コード内で作成したブックマークを記憶しています（ Ctrl + F2）ファイルごとに、これは非常に便利です。

Komodo EditがPHPに組み込まれているクラスについて何も知らないのは少し不愉快な驚きでした（多分私は何か間違ったことをしているのでしょうか？）。たとえば、mysqliクラスを使用する必要がある場合：
$ mysqli = new mysqli（HOST、USER、PASS、MBASE）; if（mysqli_connect_errno（））（print "Connect failed：" .mysqli_connect_error（）; exit（）;）$ mysqli-> query（ "INSERT ......."）; $ mysqli-> close（）;
「$mysqli」という単語を書いた後、このオブジェクトのメソッドにアクセスし始めると（「->」記号を書きます）、Komodo Editはクエリやクローズなどのメソッドについて何も提案したくないので、誓います。ステータスバーに、このクラスの定義が私の目には見えなかったと言われています...同時に、PHPに組み込まれている関数に問題はありません。たとえば、Komodoはmysqli_ *ファミリーの関数（mysqliクラスであるラッパー）。しかし、私はこの欠陥がいつか修正されることを願っています。たとえば、ラッパークラス（またはPEARなど）を介してベースを操作する場合、IntelliSenseに問題はないはずです。

かつて、jsファイルを編集しているときに、Komodoは私が使用しているJavaスクリプトフレームワークを理解していませんでした。しかし、幸いなことに、これは常にその設定で修正できます（ 編集->設定...->コードインテリジェンス).

KomodoIDEと呼ばれるKomodoの有料版があります。私が理解しているように、Komodo Editとの主な違いは、多くのIDEに共通する機能にあります。 Komodo IDEには、バージョン管理（SVN）ツールとコードデバッガーが組み込まれています。

ちなみに、Komodo Editには、行末のセミコロンを忘れたり、角かっこを閉じたりするなどの小さなエラーについて、外出先で通知するプリミティブデバッガーがまだあります。彼はそのようなエラーを赤い波線で強調しています。このようなデバッグを機能させるには、プログラム設定でPHP実行可能ファイルとphp.iniへのパスを指定する必要があります（ 編集->設定…->言語->PHP).

ご覧のとおり、他のすべての言語でも同様の設定を行うことができます。

あとがき

Komodo Editは現在、私の日常のツールです🙂さらに、一時的なケースでのいくつかの小さな編集のために、高度なメモ帳のアナログであるメモ帳++を引き続き使用します。つまり、本来の目的で使用します。

Komodo Editの前に、VS.Phpと呼ばれる興味深いVisualStudioプラグインも試しました。 Visual Studioに組み込まれており、たとえばC＃と同じ方法でPHPを操作できます（コードのデバッグ、IntelliSenseの動作などが可能です）。しかし、どういうわけか、彼は特に彼の支払いの背景に対して、特に感銘を受けていませんでした。また、私が理解しているように、そこで作業していると、Javaスクリプトのサポートなどを完全に忘れることができます。 PHPに組み込まれたクラスのIntelliSenseが、Komodoのように機能しないことも興味深いです。また、このVS.PhpはVisualAssistと競合します。

私が聞いた類似の編集者がさらに2人いますが、どういうわけかそれらを試してみませんでした（IMHOと「噂」に基づく推測のみ）：

Zend Studioは有料です。レビューによると、これは面倒で、まず第一に非常に大規模で複雑なプロジェクトに適用できるようです。おそらく、プロジェクトがZendFrameworkに基づいて作成されている場合は特に適切です。

Eclipseは無料ですが、恐らくその「ラップ」で怖がっています。私が理解しているように、それでもさまざまなモジュールから自分で組み立てることができる必要があります。一般的に、どういうわけかそれをインストールして構成する方法を理解する必要はありませんでした（しかし、一度はまだ少し試しました😉）が、間違いなく誰かがそれを本当に好きかもしれません。

***

誰かが私の「ピクピク」な好みに目を向けて他の編集者にアドバイスしてくれるなら、私はとても感謝しています。コモドをすでに使用している人から、コモドのいくつかの追加の興味深い機能について聞くことも興味深いでしょう。

一般的に、多くの不要な関数を使用してプリミティブコードを強調表示します。これは、組み込みのファイルシステムエクスプローラーやミニデータベースエディター/ビューアーのようなものを「メリット」の中で強調する、常に表示されるシンプルなコードエディターの庭にある「痛い」石です（最も重要なこと、つまりコードエディタが本来使用されることになっているものなど）など。何らかの理由で、ほとんどすべての初心者（必ずしも初心者ではないかもしれませんが）のプログラマーは、自分の「メガ」エディターを「すばやく」作成したいと考えています。「こんにちは世界」 😉