目次
Sublime Text
TopStyle5
ショコラ
Aptana
Komodo IDE
Eclipse
ホームページ ウェブフロントエンド htmlチュートリアル Dreamweaver_html/css_WEB-ITnose に代わる 6 つのツールを共有する

Dreamweaver_html/css_WEB-ITnose に代わる 6 つのツールを共有する

Jun 21, 2016 am 08:57 AM

Web フロントエンド作業者にとって、Dreamweaver は非常に馴染みのあるものです。たとえば、私は 2007 年に Web フロントエンド開発に触れたときに Dreamweaver を使用していました。友人は、Dreamweaver に代わるさまざまな優れたツールを勧めてきましたが、最初は拒否していましたが、スマート プロンプト、自動補完ツールなど、Dreamweaver よりも優れたツールがあることがわかりました。ファジーコーディングは一度始めるとやめられません。

Sublime Text

Sublime Text2 は、使い慣れたエディターを変更するために適切なエディターを見つける必要はもうありません。心配している。

Sublime Text2 は、コードのハイライト表示、構文プロンプト、オートコンプリート、高速応答を備えたエディター ソフトウェアです。ゴージャスなインターフェイスを備えているだけでなく、プラグイン拡張メカニズムもサポートしています。それを使ってコードを書くのが楽しいです。

Sublime Text 2 の特徴:

  • 正式にはインストールパッケージ(Package)と呼ばれる優れた拡張機能
  • 右側にスクロールバーはなく、代わりにコードがありますサムネイル、この機能は非常に優れています
  • 強力なショートカット コマンド 「対応するコマンド、オプション、スニペット、構文をリアルタイムで検索し、Enter キーを押して直接実行できるため、検索の手間が軽減されます。」
  • インスタントファイル切り替え
  • 任意のファイル内の任意の場所に自由にジャンプ
  • 複数選択機能により、ページ上に同時に複数のカーソルを存在させることができます
  • VIM モードをサポートします
  • マクロをサポートします。簡単に言うと、操作を記録したり、コマンドを自分で書いて、記録したばかりの操作やコマンドを再生したりできます
  • 更新に非常に熱心です

TopStyle5

TopStyle は、HTML CSS 設計支援に焦点を当て、比較を提供する CSS 開発支援、HTML5/CSS3 エディタです。 CSSコードインスペクションなど多くの機能が備わっています。TopStyleのヘルプファイルは非常に充実しており、詳しいCSSの説明が記載されており、初めてCSSを学ぶのに適していると言われています。

ただし、CSS をよく知り、CSS Web ページのレイアウトに熟練したい場合は、補助的なソフトウェアをすべて捨てて、CSS に習熟した後で、そのような補助的なソフトウェアを使用して開発する必要があります。作業効率と開発スピードを向上させるソフトウェア。

CSS3 / HTML5 の TopStyle 5 の機能強化:

  • インスペクター、インサイト、スタイル チェッカー用の CSS3
  • プレフィックス
  • CSS3 メディア クエリ
  • CSS グラデーション ジェネレーター
  • テキスト シャドウ ジェネレーター
  • プレビュー ファイルのオプションの改善 (CSS のみ)
  • インスペクターおよびインサイト用の HTML5
  • HTML5-バリデータのみ
  • HTML 構造パネル
  • ラップ HTML タグ
  • イメージ マップ エディター (HTML のみ)

ショコラ

Chocolat は、ネイティブの Cocoa 機能と強力なテキスト編集機能の両方を備えた、Mac システム上の最新の強力なテキスト エディタです。 Chocolat は、キーワードのハイライト、ウィンドウ分割、タブ、カラー テーマ、その他の機能を複数のプログラミング言語でサポートしています。インターフェイスは MacVim に非常に似ています。

Aptana

Aptana は、非常に強力なオープンソースの JavaScript 中心の Ajax 開発 IDE です。その機能は次のとおりです:

  • JavaScript、JavaScript 関数、HTML、CSS 言語のコードアシスト機能
  • アウトライナー: JavaScript、HTML、CSS のコード構造を表示
  • JavaScript カスタム関数を含む JavaScript、HTML、CSS コード プロンプトをサポート
  • コード構文エラー プロンプト
  • Aptana UI のカスタマイズと拡張機能をサポート
  • クロスプラットフォームをサポート
  • FTP/SFTP のサポート
  • JavaScript のデバッグ
  • 人気の AJAX フレームワークのコードアシスト機能のサポート: AFLAX、Dojo、JQuery、MochiKit、Prototype、Rico、script.aculo.us、Yahoo UI 、Ext
  • Adobe AIR および iPhone 開発ツール

Komodo IDE

Komodo はクロスプラットフォームの統合型です複数のプログラミング言語をサポートする開発環境 (IDE) ソフトウェア。現在、Windows および Linux 上の Pythone、Ruby、Rails、Perl、HTML、CSS、JavaScript などのプログラミング言語および構文の開発をサポートします。複数のプログラミング言語の色付け。

Eclipse

Eclipse は、よく知られたクロスプラットフォームの無料統合開発環境 (IDE) です。当初は主に Java 言語の開発に使用されていましたが、現在ではプラグインを使用して C++ や Python などの他のコンピューター言語の開発ツールにする人もいます。 Eclipse 自体は単なるフレームワーク プラットフォームですが、多くのプラグインのサポートにより、機能が比較的固定された他の IDE ソフトウェアでは実現するのが難しい柔軟性が Eclipse に与えられます。多くのソフトウェア開発者は、Eclipse をフレームワークとして使用して独自の IDE を開発しています

Eclipse の基盤はリッチ クライアント プラットフォーム (RCP) です。 RCP には次のコンポーネントが含まれています:

  • コア プラットフォーム (Eclipse の起動、プラグインの実行)
  • OSGi (標準バンドル フレームワーク)
  • SWT (Portable Component Toolkit)
  • JFace (ファイル)バッファリング、テキスト処理、テキスト エディター)
  • Eclipse ワークベンチ (つまり、ビュー、エディター、パースペクティブ、ウィザードを含むワークベンチ)

Eclipse で使用されるテクノロジーは IBM (SWT) によって開発されました。 ) これは、Java 自体が提供する AWT および Swing ウィンドウ コンポーネントに似た Java ベースのウィンドウ コンポーネントですが、IBM は SWT が他の Java ウィンドウ コンポーネントよりも効率的であると主張しています。 Eclipse のユーザー インターフェイスでは、GUI 中間層である JFace も使用されており、SWT ベースのアプリケーションの構築を簡素化します。

Eclipse のプラグイン メカニズムは、軽量のソフトウェア コンポーネント アーキテクチャです。リッチ クライアント プラットフォームでは、Eclipse はプラグインを使用して、Java 以外の言語のサポートなど、すべての追加機能を提供します。 既存の個別のプラグインは、C/C++ (CDT)、Perl、Ruby、Python、Telnet、およびデータベース開発をすでにサポートできます。プラグイン アーキテクチャは、構成管理などの既存の環境へのあらゆる拡張機能の追加をサポートでき、さまざまなプログラミング言語のサポートに限定されません。

Eclipse の設計哲学は、すべてがプラグインであるということです。 Eclipse コアは非常に小さいため、他のすべての機能はプラグインの形式で Eclipse コアに追加されます。 Eclipse の基本コアには、グラフィック API (SWT/Jface)、Java 開発環境プラグイン (JDT)、プラグイン開発環境 (PDE) などが含まれます。 Eclipse はさまざまなプランで構成されています。プランの一部を以下に挙げます。

  • Eclipse プラン : これには、Eclipse プラットフォーム、Eclipse リッチ クライアント プラットフォーム (RCP)、および Java 開発ツール (JDT) が含まれます
  • Eclipse テストとパフォーマンス ツール プラットフォーム (TPTP): ソフトウェア開発者がテスト デバッグ、プロファイリング、ベンチマークなどのテストおよびパフォーマンス ツールを構築できるプラットフォームを提供します。
  • Eclipse Web Tools Platform プロジェクト (WTP): Java Enterprise Edition Web アプリケーション開発ツールを使用して Eclipse プラットフォームを拡張します。これは次の部分で構成されます: HTML、JavaScript、CSS、JSP、SQL、XML、DTD、XSD、および WSDL のソース コード エディター、XSD および WSDL の「プロジェクトの性質」、ビルダーおよびモデル。 Java Enterprise Edition ナビゲータ、Web サービス ウィザードとブラウザ、WS-I テスト ツール、そして最後にデータベース アクセスとクエリ ツールとモデル
  • Eclipse Business Intelligence and Reporting Tools Initiative (BIRT): Web アプリケーション (特に Java Enterprise Edition に基づくもの) 用のレポート開発ツールを提供します
  • Eclipse Visual Interface Editor プロジェクト (VEP): グラフィカル ユーザー インターフェイス コードを作成するためのフレームワークEclipse でのジェネレーター
  • Eclipse Modeling Framework (EMF): XMI の使用に基づく モデリング仕様、構造化データ モデルおよびその他のアプリケーション コードを生成するツールについて説明
  • グラフィカル エディター フレームワーク (GEF): 開発者が既製のアプリケーション モデルを採用して、リッチなグラフィカル エディターを簡単に作成できるようにします
  • UML2: UML 2.0 メタモデルの実装Eclipse プラットフォームでモデリング ツールの開発をサポートする
  • AspectJ: Java のアスペクト指向言語拡張機能
  • Eclipse Communication Framework (ECF ): Eclipse プラットフォームでの通信アプリケーションの作成に重点を置いた取り組み
  • Eclipse Data Tool Platform 計画 (DTP)
  • Eclipse デバイス ドライバー ソフトウェア開発計画 (DSDP)
  • C/ C++ 開発ツール プロジェクト (CDT): GCC を使用する、Eclipse プラットフォーム用のフル機能の C および C++ 統合開発環境 (IDE) の提供に努めています。コンパイラ
  • Eclipse プラットフォーム COBOL 統合開発環境サブプラン (COBOL): Eclipse プラットフォーム
  • 上にフル機能の COBOL 統合開発環境を構築します。パラレル ツール プラットフォーム (PTP): 並列コンピュータ アーキテクチャを開発します。 移植可能でスケーラブルで標準ベースの一連のツールと統合されたパラレル ツール プラットフォーム
  • 組み込みリッチ クライアント プラットフォーム (eRCP): Eclipse リッチ クライアント プラットフォームを組み込みデバイスに拡張する予定です。このプラットフォームは主に、リッチ クライアント プラットフォーム (RCP) コンポーネントのサブセットのコレクションです。これにより、デスクトップ環境のアプリケーション モデルをほぼ同じ方法で組み込みデバイスに適用できます

PS: モバイル開発に関しては、次の製品に注目してください。

この記事の一部はheiji.comより転載させていただきました!この記事の著者に連絡するには、以下にコメントを残してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

HTML、CSS、およびJavaScriptの理解:初心者向けガイド HTML、CSS、およびJavaScriptの理解:初心者向けガイド Apr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

WebアノテーションにY軸位置の適応レイアウトを実装する方法は? WebアノテーションにY軸位置の適応レイアウトを実装する方法は? Apr 04, 2025 pm 11:30 PM

Y軸位置Webアノテーション機能の適応アルゴリズムこの記事では、単語文書と同様の注釈関数、特に注釈間の間隔を扱う方法を実装する方法を探ります...

CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は? CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は? Apr 05, 2025 am 06:15 AM

画像をクリックした後、散乱と周囲の画像を拡大する効果を実現するには、多くのWebデザインがインタラクティブな効果を実現する必要があります。特定の画像をクリックして周囲を作成してください...

HTML、CSS、およびJavaScript:Web開発者に不可欠なツール HTML、CSS、およびJavaScript:Web開発者に不可欠なツール Apr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

See all articles