ホームページ > 記事 > ウェブフロントエンド > html5の開発にはどのようなツールが使用されますか?
html5 開発ツールには、Dreamweaver、DevExtreme、WebStorm、Vscode、HTML5demos、HTML5 Tracker、Switch To HTML5、HTML5 Test、Lime JS などが含まれます。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
Adobe Dreamweaver
Dreamweaver は、世界トップのソフトウェア メーカーである Adobe が Web サイトやモバイルの作成と編集のために発売した、ビジュアル編集インターフェイスを備えた Web デザイン ソフトウェアのセットです。アプリケーションです。 Dreamweaver は、Web ページ制作と Web サイト管理を統合する WYSIWYG Web コード エディタです。簡素化されたインテリジェント コーディング エンジンと視覚補助により、エラーが減少し、Web サイト開発速度が向上し、動的な Web サイトの作成、コーディング、管理が容易になります。コード ヒントにアクセスすることで、HTML、CSS、その他の Web 標準についてすぐに学ぶこともできます。 (注: 必要に応じてバージョンを選択してください)
利点:
この効率。強力な制御能力。
ウェブサイトの管理は迅速かつ簡単です。
包括的な CSS サポート。
DW コミュニティなどの学習リソースが多数あります。
欠点:
ブラウザと同じ表示効果を正確に実現するのは困難です。
クリーンで正確な HTML コードを監視して生成するのは不便です。
公式 Web サイトのアドレスリンク: https://www.adobe.com/cn/products/dreamweaver.html
DevExtreme は、Visual Studio 統合開発環境で直接モバイル アプリケーションを構築できる、高性能 HTML5、CSS、および Java モバイル開発フレームワークです。 DevExtreme には、Angular や React から ASP.NET MVC や Vue まで、従来の Web アプリケーションや次世代モバイル アプリケーション向けの高性能で応答性の高い UI ウィジェットが幅広く含まれています。現在、DevExtreme V19.1.6 が新たにリリースされ、Visual Studio 開発者がクロスプラットフォームのモバイル製品を開発するための推奨ツールです。 (注: 必要に応じてバージョンを選択してください) 公式アドレス リンク: https://js.devexpress.com/
JetBrains WebStormWebStorm Jetbrains が所有する JavaScript 開発ツールです。中国の JS 開発者の大多数は、「Web フロントエンド開発成果物」、「最も強力な HTML5 エディター」、「最もインテリジェントな JavaS IDE」などとして賞賛しています。 IntelliJ IDEA と同じ起源を持ち、IntelliJ IDEA の強力な JS 部分の機能を継承しています。 (注: 必要に応じてバージョンを選択してください)
利点:
インテリジェントなコード補完により、さまざまなブラウザからのプロンプトがサポートされます。
コードのフォーマット、ルールのカスタマイズ。
HTML の賢いヒント。
Vscode は、美しいインターフェイス、強力で実用的な機能、およびソフトウェア サポートを備えた非常に優れた IDE 開発ツールです。 Chinese は豊富なプラグイン セットを備えており、構文の強調表示、カスタマイズ可能なキーボード バインディング、ブラケット マッチング、コード スニペット (スニペット) のコレクションなど、最新のエディターに必要なすべての機能が統合されています。 Windows、OS X、Linuxをサポートします。組み込みの JavaScript、TypeScript、Node.js のサポート。
メリット:
無料
Architect は、モバイルおよびデスクトップ アプリケーションを開発するためのツールの中で HTML5 ビジュアル アプリケーション開発を位置付けています。開発チームはドラッグ アンド ドロップ機能を使用して HTML5 アプリケーションを構築できるため、手動コーディングに費やす時間が短縮され、アプリケーション コードを最適化して高パフォーマンスを実現できます。 Architect を使用すると、ほとんどの定型コードを入力する必要がなくなるため、開発者の時間を節約できます。自動コード生成により、デスクトップおよびモバイル アプリケーションの開発が加速されます。 WYSIWYG ウィンドウで Ext JS UI コンポーネントのプロパティと構成を変更するだけで、手動でコーディングするときによく発生する人的エラーを排除できます。 (注: 必要に応じてバージョンを選択してください)
利点:
ドラッグ アンド ドロップ コンポーネント
モデル - ビュー - コントローラー モードをサポートします。
Sencha Touch および Ext JS 4 をサポートして、モバイルおよびデスクトップ Web アプリケーションを構築します。
IOS および Android 用のワンクリック ネイティブ パッケージング機能が組み込まれています。
公式アドレスリンク: https://www.sencha.com/products/architect/
HTML5demos
thinkあなたのブラウザが HTML5 Canvas をサポートしているかどうか知っていますか? Safari で単純な HTML5 チャット クライアントを実行できるかどうか疑問に思いませんか? HTML5 デモでは、各 HTML5 機能がどのブラウザでサポートされているかがわかります。
公式リンク アドレス: http://html5demos.com/
HTML5 Tracker
HTML5 の最新トレンドを知りたいですか? HTML5 Tracker を使用してください、HTML5の最新のリビジョン情報を追跡できます。
HTML5 ビジュアル チート シート
タグや属性をすぐに見つけたいですか?すべての Web 開発者にとって必須のこのクールなチートシートをチェックしてください。
非公式リンク アドレス: https://download.csdn.net/download/vick1217/4414181
HTML5 に切り替える
HTML5 に切り替えるは、基本的で実用的なテンプレート生成ツールです。新しいプロジェクトを開始する場合は、ここから無料の HTML5 Web サイト テンプレートを入手できます。
HTML5 テスト
あなたのブラウザは HTML5 革命に対応する準備ができていますか? HTML5 テストが教えてくれます。この Web サイトでは、現在使用しているブラウザのビデオ、オーディオ、キャンバス、その他の機能のサポートに関する完全なレポートが生成されます。
公式リンク アドレス: http://html5test.com/
Lime JS
LimeJS は、すべての HTML5 ゲーム開発フレームワークです。高速に構築でき、最新のタッチ スクリーンとデスクトップ ブラウザー向けのネイティブ エクスペリエンス ゲーム。
公式リンク アドレス: http://www.limejs.com/
プログラミング関連の知識については、 プログラミング ビデオ をご覧ください。 !
以上がhtml5の開発にはどのようなツールが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。