ウェブデザインとウェブ開発の概要

以下は、非常に関連のある 2 つの分野である Web デザインと Web 開発の概要とトピックガイドとして提供されています。

ウェブデザイン–ウェブサイトの制作と保守におけるさまざまなスキルと分野を網羅する分野。ウェブデザインのさまざまな領域には、ウェブグラフィックデザイン、インターフェイスデザイン、標準化されたコードと独自のソフトウェアを含むオーサリング、ユーザーエクスペリエンスデザイン、検索エンジン最適化などがあります。多くの場合、多くの個人がチームで作業してデザインプロセスのさまざまな側面をカバーしますが、すべての側面をカバーするデザイナーもいます。^{[1]ウェブデザインという用語は通常、}マークアップの記述を含むウェブサイトのフロントエンド（クライアント側）デザインに関連するデザインプロセスを説明するために使用されますより広い範囲のウェブ開発においてウェブエンジニアリングと部分的に重複しています。ウェブデザイナーはユーザビリティを認識することが期待されており、マークアップの作成が役割に含まれる場合は、ウェブアクセシビリティガイドラインを最新の状態に保つことも期待されています。

ウェブ開発–インターネット（ワールドワイドウェブ）またはイントラネット（プライベートネットワーク）用のウェブサイトの開発に関わる作業。 ^[2]ウェブ開発は、単純なプレーンテキストの静的ページの開発から、複雑なウェブベースのインターネットアプリケーション（ウェブアプリ）、電子ビジネス、ソーシャルネットワークサービスまで多岐にわたります。ウェブ開発が一般的に指すタスクのより包括的なリストには、ウェブエンジニアリング、ウェブデザイン、ウェブコンテンツ開発、クライアントとの連絡、クライアント側/サーバー側スクリプト、ウェブサーバーおよびネットワークセキュリティ構成、電子商取引開発などが含まれます。

ウェブ専門家の間では、「ウェブ開発」とは通常、ウェブサイト構築におけるデザイン以外の主な側面、つまりマークアップの作成とコーディングを指します。^{[3]ウェブ開発では、}コンテンツ管理システム(CMS)を使用して、基本的な技術スキルでコンテンツの変更をより簡単に利用できるようにします。

大規模な組織や企業では、Web 開発チームは数百人 ( Web 開発者)で構成され、Web サイトの開発中にアジャイル方法論などの標準的な方法に従います。小規模な組織では、常勤または契約開発者 1 人だけ、またはグラフィックデザイナーや情報システム技術者などの関連職種への二次的な割り当てのみが必要になる場合があります。Web 開発は、指定された部門の領域ではなく、部門間の共同作業である場合があります。Web 開発者の専門分野には、フロントエンド開発者、バックエンド開発者、フルスタック開発者の 3 種類があります。フロントエンド開発者は、ユーザーのブラウザーで実行される動作とビジュアルを担当し、バックエンド開発者はサーバーを扱い、フルスタック開発者はその両方を担当します。現在、React および Node.JS 開発者の需要は世界中で非常に高くなっています。

ウェブデザイン

ウェブ開発

フロントエンド Web 開発– HTML、CSS、JavaScript を使用してデータをグラフィカルインターフェイスに変換し、ユーザーがそのデータを表示して操作できるようにする手法。
- HTML (ハイパーテキストマークアップ言語) (*.html)
- CSS (カスケーディングスタイルシート) (*.css)
  - CSSフレームワーク
- JavaScript (*.js)
  - JavaScript 用パッケージマネージャー
    - npm (元々はNode Package Managerの略)
サーバーサイドスクリプト(「サーバーサイド (Web) 開発」または「バックエンド (Web) 開発」とも呼ばれます)
- アクティブVFP (*.avfp)
- ASP (*.asp)
- ASP.NET Web フォーム(*.aspx)
- ASP.NET Web ページ(*.cshtml、*.vbhtml)
- ColdFusion マークアップ言語(*.cfm)
- 行く(*.go)
- Google Apps スクリプト(*.gs)
- ハック(*.php)
- Haskell (*.hs) (例: Yesod )
- JavaServer Pages経由の Java (*.jsp)
- サーバーサイド JavaScript (*.ssjs、*.js、*.ts)を使用したJavaScriptまたはTypeScript (例: Node.js )
- 投げ縄(*.lasso)
- lua (*.lp *.op *.lua)
- Node.js (*.node) の
- パーサー(*.p)
- CGI.pmモジュール経由のPerl (*.cgi、*.ipl、*.pl)
- PHP (*.php、*.php3、*.php4、*.phtml)
- 進捗 WebSpeed (*.r、*.w)
- Python (*.py) (例: Pyramid、Flask、Django )
- R (*.rhtml) – (例: rApache)
- リアクト(*.jsx、*.tsx)
- Ruby (*.rb、*.rbw) (例: Ruby on Rails )
- MX(*.smx)
- tcl (*.tcl)
- WebDNA (*.dna、*.tpl)
フルスタックウェブ開発 - フロントエンドとバックエンド（サーバー側）の両方の開発が含まれます
ウェブフレームワーク
- フレームワークアーキテクチャの種類
  - モデル・ビュー・コントローラ
  - 3層アーキテクチャ
ソフトウェア

参照

コンピュータの概要
- コンピューティングの概要と情報技術の概要
  - コンピュータサイエンスの概要
    - 人工知能の概要
    - 暗号の概要
  - インターネットの概要
    - Googleの概要
  - ソフトウェアの概要
    - ソフトウェアの種類
      - フリーソフトウェアの概要
      - 検索エンジンの概要
    - ソフトウェア開発の概要
      - ソフトウェア工学の概要
      - ウェブデザインとウェブ開発の概要
      - コンピュータプログラミングの概要
        プログラミング言語
        C++の概要
        
        Perlの概要
  - コンピュータ工学の概要

参考文献

^ レスター、ジョージナ。「ウェブサイトの作成に関わるさまざまな人々のさまざまな仕事と責任」。Arts Wales UK。2013年5月31日時点のオリジナルよりアーカイブ。 2012年3月17日閲覧。
^ 「Web 開発とは何か? - Techopedia からの定義」Techopedia.com 。 2018 年 12 月 7 日閲覧。
^ Campbell, Jennifer (2017). Webデザイン入門. Cengage Learning. p. 27.

外部リンク

[different_jobs-1] レスター、ジョージナ。「ウェブサイトの作成に関わるさまざまな人々のさまざまな仕事と責任」。Arts Wales UK。2013年5月31日時点のオリジナルよりアーカイブ。 2012年3月17日閲覧。

[2] 「Web 開発とは何か? - Techopedia からの定義」Techopedia.com 。 2018 年 12 月 7 日閲覧。

[3] Campbell, Jennifer (2017). Webデザイン入門. Cengage Learning. p. 27.

ウェブデザイン

ウェブ開発

参照

参考文献

外部リンク

関連するトピック

非常

ウェブデザイン

–ウェブサイト

インターフェイスデザイン、標準化されたコードと