目次
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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles