みなさんこんにちは!
JavaScript開発者コースは通常、フロントとそのツールに専念していますが、結局のところ、フロントエンドデザインというフレーズの背後にあるものを誰もが知っているわけではありません。 著者はこの背後にあるものを説明しようとしている興味深い資料を見つけました。
行こう

デザイン-人、ピクセル、研磨の世界-とエンジニアリング-ロジック、サイクル、Linuxの世界のどこかに、フロントエンドデザインがあります。 フロントエンドの設計には、ユーザーインターフェイスを作成するためのHTML、CSS、およびプレゼンテーションJavaScriptコードの使用が含まれます。
フロントエンドデザイナー(UI開発者、クライアントサイド開発者、
デザインエンジニア 、フロントエンドアーキテクト、デザイナー/開発者、プロトタイプ作成者、ユニコーン、または
Bo Jacksonとも呼ばれる)は、世界間の一種の煉獄に住んでいます:
- UXの原則とベストプラクティスを理解していますが、調査、フローの作成、スクリプトの計画に時間を費やしていません。
- 美的センスがありますが、フォントの組み合わせを検索したり、カラーパレットを比較したり、イラストやアイコンを作成したりするのに時間を無駄にしないでください。
- JavaScriptで記述しますが、アプリケーションレベルのコードの記述、ミドルウェアの接続、およびデバッグに時間を浪費しません。
- 彼らはバックエンド開発の重要性を理解していますが、バックエンドロジックの作成、サーバーの実行、ストレステストなどに時間を浪費しません。
もちろん、誰もがさまざまな方法を持っています。 一部は、メインポジションに加えて、フロントエンドの設計に関与しています。 公式には、彼らは開発者と見なすことができ(これは、彼らが今言う「完全な開発者」になります)、そしてデザイナーになることもできます(おそらく「完全な開発者」とはどういうことでしょうか?)。 場合によっては、特に企業が成長し始めると、特定の部門に恥ずかしそうに立ち往生している人々がフロントエンドの設計に関与します。

私はこの本での自分自身の経験について話します。
過去の雇用者が、私がHTML、CSS、プレゼンテーションJavaScriptで書いていることを知ったとき、エンジニアとバックエンド開発者の近くに移植されました。 「ねえ、ブラッド、ミドルウェアの所要時間は?」、「このデータベースをすぐに正規化できますか?」
一番下の行は、私の人生の中で、コンピューターサイエンスのレッスンを1つも受けていないため、学校を出る前にアートルームで過ごしました。 したがって、そのようなリクエストは私を非常に不便な立場に追い込みました。
コーディングは超ギークプログラミングであるという世界的な誤解がありますが、そうではありません。 HTMLはプログラミング言語ではありません。 CSSはプログラミング言語ではありません。 しかし、HTMLとCSSはどちらも純粋に技術的なコードであるため、フロントエンド開発は多くの場合、Python、Java、PHP、Ruby、C ++およびその他のプログラミング言語のバスケットに入れられます。 そして、この誤解は、私を含む多くのフロントエンド開発者のアイデンティティの危機につながります。
フロントエンドUIコードと「実際のプログラミング」に対するこの態度は、組織構造に影響を与えます。
組織的には、デザイナーと開発者の間には大きなギャップがあります(または「マーケティング」と「IT」、「クリエイティブ」と「エンジニアリング」、またはその他の分離ラベル)。 デザイナーと開発者は、多くの場合、異なる階、または一般に異なる建物、異なる都市、異なる大陸に座っています。 これは部分的に正当化できますが、デザイナーとフロントエンド開発者のそのような明確な分離は絶対に恐ろしい考えです。
一番下の行は、HTML、CSS、およびプレゼンテーションJavaScriptがユーザーインターフェイスの作成に使用されるということです。ユーザーインターフェイスは、デザイナーがPhotoshopやSketchなどのツールを使用して作成するものと同じです。 チームがユーザーインターフェイスシステムを正常に作成するためには、 フロントエンド開発を設計プロセスの重要な部分と考えることが非常に重要です。
したがって、フロントエンドの作業が設計プロセスの一部と見なされるようにチームの構造を整理できた企業(たとえば、Optimizely)のストーリーに触発されました。
ジョナサン・スヌークは 、Shopifyでの経験に基づいて、
このテーマに関する素晴らしいアイデアを共有しました。 このアイデアを広めることを楽しみにしており、組織がフロントエンドの設計を設計プロセスの重要な部分と見なすよう奨励しています。
フロントエンドデザインの経験がある人は、デザインと開発の世界の間の障壁を克服するのに役立つ素晴らしい立場にいると思います。 これらは、レンガを一緒に保持する
接続要素です。 世界間の煉獄での生活はあまり魅力的ではありませんが、このように続けるべきではありません! 不確実性を受け入れ、フロントエンド開発者に世界の間に存在するよう促し、長期にわたる協力と素晴らしい仕事をしましょう!
終わり
いつものように、あなたの意見やコメントはおもしろいので、ここから離れるか、
公開日に アレクサンダーを見てください。