Django Webサイトのフロントエンド(UI)を開発する方法


26

私はDjangoとWeb開発の初心者を学んでいます。この質問があまりにも馬鹿だと思うなら、すみません。

そのため、Djangoを使用して、Google App EngineでホストするFacebookアプリケーションを作成しています。このプロジェクトは、任意のWebサイトのRSS / Atomフィードの読み取りに焦点を当てています(これですべてです)。

RSS / Atomファイルを処理するのに十分だと確信していますが、フロントエンド(ユーザーインターフェイス)の部分-「設計部分」について心配しています。HTML / CSS / JavaScriptを知りません(単純なHTMLを扱うことはできますが、それは設計上の問題にはつながりません)。

最初に、dreamweaverまたは同等のソフトウェアのようなツールを使用してUIを設計することを考えましたが、実際にdjangoを学び始めたとき、それは「不可能」なことのようです。

そう、

  • サイトのUI部分をどのように設計すればよいですか?dreamweaverなどのツールを使用できませんか?

    • NOの場合、JavaScript / CSSを知らない私のような人にとって最善の方法は何ですか
    • 「はい」の場合、dreamweaverに代わる最良のオープンソースの選択肢は何ですか?
    • Google App Engineはこれらすべてを処理できますか?
  • Djangoを扱う人々がこれらのテンプレートページを編集する方法。Djangoは、企業内の異なる部門が個別に処理できるように、論理(ビュー)部分と設計(テンプレート)部分を分離することに言及しています。しかし、DjangoのHTMLページがHTML(設計)に関係のない「タグ」で満たされているという事実を考慮して、UIの人々はそれをどのように処理しますか?


1
まず、それを機能させ、それからそれをきれいにします。
msw

回答:


18

Djangoのドキュメントでは、HTML / JS / CSSが何であるかを知らない人でも使用できるとは決して言及していません。懸念の分離はバックエンドでも行われます。バックエンドでは、実際のアクション(ビュー)がデータベース層またはURLルーティングロジックから分離されます。これにより、疎結合が可能になります。モデルを理解することなくビューを作成できることを意味するものではありません。同様に(まあ、そうではありません)、基本的なWebページを立ち上げるにはHTML / CSSを理解する必要があります。JSを学習したい場合もあれば、そうでない場合もありますが、HTML5では、JavaScriptを知っていることが多かれ少なかれ重要だと思います。

健全なWeb開発者は、DreamWeaverのようなWYSIWYGエディターを使用することを勧めません。手書きでHTMLを作成します。ただし、HTML5 Bolierplateなどを使用して、プロジェクトを迅速に開始できます。

Google AppEngineは、アプリケーションのデプロイに使用できるPaaSです。Pythonランタイム、高レプリケーションデータストアなどを提供しますが、フロントエンドの生成は処理しません。

フロントエンドの世話をする人を雇う場合、その人はとにかくDjangoタグの使用方法を知っている必要があります(MVCまたはMTVパターンに密接に従うと)、ぼやけたラインを定義します「静的」Webページと「動的」Webページの間。フロントエンド開発者を雇うことを選択した場合でも、HTMLとCSSの基本を理解することをお勧めします(少なくとも、それがどのように機能し、CSS静的ファイルをどのように提供するかを知っているほどです)。それは長期的にあなたを助けるだけです。

すべての人が優れたデザインスキルを持っているわけではなく、デザインは間違いなくスキルのある人に任せるのが最善ですが、実際にそのデザインのページを提供することになると、それはすべてHTMLとCSSになります。そのため、フロントエンドデザイナーとフロントエンド開発者を兼ねる(ほとんどの場合)人を雇うことができます。しかし、フロントエンドテクノロジーを完全に知らないままにしないことをお勧めします。


2
+1 "Web開発者は正気ではない"
msw

おそらく、まともなWeb 開発者がDreamweaverに似たものでHTMLテンプレートをオーサリングしたいとは思わないでしょう。しかし、ほとんどのWeb デザイナーはCSSにDreamweaverなどを使用したいと考えているようで、質問ではCSSについて言及しています。そのため、DreamweaverとDjangoでの作業に関して何らかの方向性があればいいと思います。
-Westcroft_to_Apse

4

私がやるのは、dreamweaverでレイアウトを設計するか、デザイナーを雇って偽のデータを含むHTML「ワイヤーフレーム」を作成し、それを調べてDjango(またはJinja)のテンプレートタグを使用して作業テンプレートにします。HTMLはある程度知っていますが、魅力的なものを作ることはできません。機能的?はい!見て楽しいですか?グローブノー!

結論として、HTMLの基本的な知識があれば、既成のHTMLドキュメントをテンプレートとして機能するように変更できます。


1

とにかく、HTMLがどのように機能するかを理解する必要があります。グラフィックの美しさのないシンプルなレイアウトから始めることができます。

好きなエディタ(Dreamweaverなど)を使用できますが、djangoのタグはテンプレートをプログラムコードにリンクしているため、WYSIWYGで作成できるエディタはありません(表示されるのは取得したものです)。一部のIDEにはそのタグのヘルパーはほとんどありませんが、それ以上ではなく、タグの終了などを自動化するだけです。

または、フリーランサーを雇ってテンプレートを作成し、アプリケーションに統合することもできますが、それは何かを学ぶための最良の方法ではありません:)


0

おそらく、html +ブートストラップの使用方法を学習してください。Bootstrapは、CSSとJavaScriptがすべてではないにしても、ほとんどの面倒を見るレスポンシブサイトを作成するための最新のパッケージです。したがって、html + css + jsを深く掘り下げる必要はありません。

ブートストラップについて十分に理解した後に行うことは、これらのブートストラップの例に進み、そこからWebデザインを開始することです。次に、コンポーネント固有の要素が必要な場合は、このリンクに移動します。

HTML、CSS、JSについてはほとんど知りませんでしたが、Bootstrapは本当に助かりました。ただし、それらの最低限の基本を知る必要がありますが、Web開発をしているのであれば、それは痛くないはずです。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.