html - WYSIWYG エディターとハンドコード

Question

WYSIWYG エディターを使用して Web ページを開発する場合とハンドコーディングを使用する場合の長所と短所は何ですか?

ハンドコーディングで何かを作成する方法がわからないことを除いて、WYSIWYG を使用する理由はありますか?

score 4 · Accepted Answer

HTML の作成時に WYSIWYG エディターを使用する理由はさまざまです。

迅速なプロトタイピングが可能
デザイナーがフロントエンド開発に積極的に関与できるようにする
一部の WYSIWYG ツールでは、変更するクリーンなベースが用意されています (Dreamweaver の CSS レイアウトは実際にはかなり優れています)。

覚えておくべき重要なことは、おおよその形になった後、コードを掘り下げて、奇妙なことが起こっていないことを確認する必要があるということです. ネストされたスパン、奇妙な絶対配置、および (全能の主) テーブルベースのレイアウトは、奇妙なものとしてカウントされます。最初に WYSIWYG を使用する場合でも、コードが有効であり、期待どおりに見えることを常に確認する必要があります。

score 4 · Accepted Answer

私は手作業でコーディングしていますが、wysiwyg エディターを使用して作業することを好みます。そのため、今でも Dreamweaver をエディターとして使用しています。私が行っている時間の 95% は、ソースエディター内でのハンドコーディングとプレビューでの結果の表示です。ときどき、wysiwyg エディターに立ち寄って、ブロックを直接移動しますが、そうすると、非常に貴重であることがわかります。Dreamweavers のウィザードや生成されたコードはまったく使用せず、html も手動でクリーンアップしています。

私はこのアプローチに何の問題もないと思います.IDEが関数などを完了するように促すのと同等のHTMLデザインだと思います.

また、常に何らかの形式のテンプレートシステムを使用しているため、スクリプトコードは html から完全に分離されています。

Aptana、NetBeans などのより優れたツールを検討しているにもかかわらず、時折の wysiwyg 編集 (物事をレイアウトしたり、「マクロ」レイアウトの変更を行ったりするときに非常に貴重です) とワンクリックプレビューの Dreamweaver との組み合わせにより、私はそれを使い続けています。別のシステムに移動するのが好きです-この質問を参照してください-できればUbuntuで実行され、wysiwyg機能とおそらくインテリジェントなJavascriptエディターだけを残してDreamweaverのクラッドを取り除くものですが、まだ何も見つかりません. しかし、 KompoZerは有望に見え始めています。

score 3 · Accepted Answer

WYSIWYG は、HTML を知らない場合や、非常に高速に何かをまとめたい場合に便利です。ただし、きれいなコードは得られません。ほとんどの WSYIWIG エディターは、クリーンなソリッドマークアップの代わりに、いまだに大量の不要なダーティ HTML を捨てています。

HTML に精通していれば、通常、HTML エディターを使って手で何かをすばやく作成できます。また、余分な汚れを含むテンプレートを一緒にスローするのではなく、クリーンで xhtml に準拠したセマンティックマークアップになります。

テンプレートと css を適切に設定すれば、WSYIWYG エディターよりもハンドコーディングの方がおそらく高速になる可能性があります。

score 1 · Accepted Answer

Guru like goodのように、自分の仕事を本当に上手にしたい場合は、WYSIWYGのものをドロップして、ハンドコーディングを開始してください。学習曲線は急勾配ですが、意味のある方法で行うことを上手に行うことができます。

score 1 · Accepted Answer

デザインがさほど重要ではなく、ただ Web サイトを作成するだけの場合は、WYSIWYG を使用しても問題はありません。または、クライアント用にわずかに機能するモックアップを作成しようとしている場合は、何かをすばやく構築するための良い方法です。

score 1 · Accepted Answer

Web 開発に WYSIWYG エディターを使用する利点は明らかです。Web 開発には多くの異なる言語を知る必要があり、それらを計画どおりに連携させようとすると面倒になる可能性があるため、Web のコーディング方法を知っていても、開発ははるかに簡単で高速です。真の WYSIWYG デザイナーは、1 つのレイヤーで 1 つのフォームを視覚的に開発できるようにすることで、これらの複雑さを解決できるはずです。この種の開発パラダイムの欠点は、場合によっては制限されることです。つまり、通常は事前定義されたフレームワーク内に制約されます。

したがって、WYSIWYG 開発経験に加えて、拡張とカスタマイズが可能なフレームワークを見つけることが重要です。http://www.visualwebgui.com/をご覧ください。

score 1 · Accepted Answer

それは、保守性と変更可能性に帰着します。通常、手動で変更するよりも、GUI エディターで GUI レイアウトを変更する方がはるかに簡単です。

「ああ、その JTable をこの位置から別のまったく関係のない位置に移動したい」。手作業でコーディングした場合、基本的にはプログラミングの仕事になります (重要なレイアウトの場合、実際には難しいかもしれません) が、優れた GUI エディターであれば、ポイントをクリックして移動するだけです。 -リリース。

手作業でコーディングする人は、おそらくそのような変更を行う必要はありませんでした:)

score 1 · Accepted Answer

私はほとんどの場合 ASP.net で開発しているので、ほとんどの場合 VS2008 を使用しています。ただし、可能な場合はいつでも（ほとんどの場合）コードを手で書きます....しかし、VS2008のソースモードで行います。ASP.net を使用する場合、(ある程度) 受け入れなければならないやや肥大化したコードが常に存在します。

しかし、余暇には php の開発も行っており、php でハンドコーディングすることは絶対にありません。さらに、ドラッグアンドドロップ機能を備えた VS とは異なります。

score 0 · Accepted Answer

本当にそれはあなたの仕事の機能に帰着します。あなたが主にデザイナーである場合、WYSIWYG エディターは、クライアント用のモックアップや、開発者に渡してコーディングするためのプロトタイプを作成するのに非常に便利です。

あなたが開発者であれば、おそらくハンドコーディングを好むでしょう。

ほとんどの WYSIWYG エディターには、コードビューとデザインビューが用意されており、簡単に切り替えることができます。

私の提案は、サイトを手作業でコーディングする方法を試して学ぶことです。何年にもわたって Web 開発を行ってきた結果、デザイナーを使用するよりも手作業でコーディングした方が速いことがわかりました。さらに、HTML と CSS がどのように連携するかについて理解を深めると、適切に実行できないことはほとんどないことがわかります。

学ぶのはイライラするかもしれませんが、長い目で見れば、習得した方が良いことがわかるでしょう。

score 0 · Accepted Answer

これは、Glade と Gtk コードを手作業でコーディングするのと同じタイプのものです。難読化のレベルを追加し、コードを手動で編集すると壊れる可能性があると思います。ただし、スペンサーが言ったように、それを行う必要があり、それが機能する必要がある場合。通常、WYSI はかなりうまく確実に機能します。何かをしている場合は、最新の状態に保ち、今後何年も管理する必要があります。そのアプリケーション/Web ページにあるすべてのコードを知っておく必要があります。

html - WYSIWYG エディターとハンドコード

10 に答える 10

Related

Reference