Webフロントエンドインターフェースの設計に必須のスキル

[必須] ユーザーインターフェース
PhotoShop/花火デザイン

アーティストと協力して、スケッチを Web ページに準拠した特定のデザインに変換します。レイヤー化された高品質の PSD および PNG を迅速に作成する機能。PSD および PNG のコンテンツを div、css、テーブルなどの HTML コードに迅速に変換する機能。
フラッシュデザイン

基本的なアニメーション効果と複雑なインタラクティブシステム設計、サードパーティの SWF 補助設計ソフトウェアと複雑なインタラクティブシステム設計の理解、さまざまな外部リソース (PNG、JPG、MP3、WAV など) に対する強力な統合機能。サードパーティの補助設計ソフトウェア（AE、SwishMax、Swift3D など）に精通している
[必須] ブラウザ側（Webアプリケーション）
HTML/CSS の翻訳

基本レイアウトは、エレガントな HTML コードを使用してプラットフォーム間で厳密に実装され、可能な限り標準に準拠し、SEO を考慮しています。基本的にどのプラットフォームやブラウザでも一貫性が保たれます。さまざまな CSS ハックを知る必要はありませんが、問題に遭遇したときに情報を調べてできるだけ早く解決する方法を知っておく必要があります。 JavaScript 開発者に最適な DOM 構造を提供できるため、JS 開発者は開発中に「限界まで拡張されている」のではなく「すべてが準備ができている」と考えることができます。
JavaScript/Ajax/DOM

基本的なDOM操作、AJAXを理解し、データ通信用の基本的なDOM操作を実装でき、効率的なOOPコードを記述してメンテナンスコストを削減できます。ニーズに基づいてさまざまな開発を実行し、適切なフレームワークを選択し、最高のコード効率、最高のユーザーエクスペリエンス、最小のコードダウンロードを実現し、単一または複数の製品ラインでコードの再利用を最大化できます。
フラッシュ開発

Timeline の ActionScript 操作に基づいて、シンプルなインタラクションとマスターを実現し、データ層通信 (サーバーとローカル SharedObject と) を実現できます。AS1-3 に精通しており、ニーズに応じてさまざまな RIA を開発できます。 Flash Player 8 または Flash Player 9 のどちらのサポートが必要な場合でも、最高の開発効率と最大限の柔軟性 (HTML レイヤーのインターフェイス設計など) を実現できます。
[必須] クライアント側（デスクトップアプリケーション）
アポロ

[追加] サーバー側 (編集: 検討の結果、このスキルは評価に含まれません)
もともと、「Webフロントエンドエンジニアスキルリスト」の基準（サーバーおよびデータロジック層のスキル）として、「1. 簡単なサーバーサイド技術とスクリプト」と「2. MediaServer（Red5）インターフェース」が記載されていました。しかし、フロントエンドエンジニアがサーバーサイドのスキルを習得する必要性については懐疑的な友人も多いようです。確かに、上記のようなプレゼンテーション層のスキルを習得するのは簡単ではなく、フロントエンドエンジニアは非常に勤勉です。しかし、一方で、苦労の理由は何なのでしょうか？日夜div CSSと格闘しているときに、そのことを考えたことがあるかどうかはわかりません。私の経験では、フロントエンドの大変な作業は次の点にあります。
繰り返し作業が多く、div と css が大量に繰り返されます。コピーアンドペーストできたとしても、何千もの div 行の海で入り口を見つけるのは非常に苦痛です。要件はより頻繁に変わります。多くの場合、数時間のハードワークの末にクロスプラットフォームの問題が解決され、IE6、7、Firefox で同じ効果を表示でき、JavaScript のインタラクションもほぼ完了します。突然、要件が変わると言われました。これは間違いなく大きな痛みです。
表面的には、これはサーバー側のスキルとは何の関係もないかもしれませんが、サーバー側に関する十分な知識を持つことは間違いなく役立つと思います (もちろん、すべての問題を解決できるわけではありません)。結局のところ、情報構造とデータベースは密接に関連しており、サーバーはデータベースに接続するための唯一のチャネルです (少なくともほとんどの B/S アプリケーションではそうです)。基本的なサーバーサイドのスキルを習得することは、同じロジック層の開発者がインターフェースを設計する際に非常に重要です。さらに、開発中に HTML プレゼンテーション層をデータから分離することは、サーバー側のさまざまなテンプレートテクノロジにも関連しています。たとえば、PHP の Smarty テンプレート (以前使用したことがある)、jsp の model2 コンセプトなどです。 HTML 構造の設計方法、HTML の再利用方法、さらには HTML レイヤーでの OOP の開発 (現在、新しい製品ラインで設計しているフロントエンド開発プロセス) はすべて、サーバーからのサポートを必要とします。少なくとも、PHP プログラマーに何が必要かを伝える必要があります。 PHP についてまったく何も知らない場合は、始める意味がありません。
さらに、起業家のチームには、人員が非常に限られていることがよくあります。運用コストを最小限に抑えるために、すべての技術担当者はサーバー側の技術についてある程度理解している必要があります。 Web ページのタイトルを変更するためだけに、PHP プログラマーにリモートサーバーへの接続を依頼する必要がある場合、会社全体の運用コストが大幅に増加します。
まとめ：技術的な詳細を理解する必要はないと思いますが、原則は知っておくべきです。1つか2つのデザインアイデアをマスターできればベストです（結局のところ、データロジックはすべてここにあり、HTMLとJavaScriptを見るだけでは人々の知識にはまだ限界があり、この制限により長い間時間が制限されていました）。それは貴重な資産になります。
【補足】モバイル側（評価対象外）
多くの友人がフロントエンドエンジニアに将来性がないというメッセージを残すのを見ると、モバイルデバイスのスキルを習得することも将来を広げるために必要なのだろうか？ここでもう少し述べさせてください。中国の技術者の将来については、確かに「暗い」と言えるでしょう。衝動的な雰囲気のせいで、技術系の才能のある人が技術職を早期に諦めてしまうこともよくありますし、全体的な道徳的な陰謀のレベルが単純な技術系の職員を惨めにさせてしまうこともあります (私の周りではそういうケースが多すぎるので、詳しくは触れませんが、笑)。
技術者や開発者として、ひたむきに献身的な姿勢を維持することに加えて (これが前提であり、それがなければ何も語れません)、自分自身を守る方法と自分自身を強化する方法も学ばなければなりません。社会はあなたに同情しません。自分自身を守ることができるのはあなただけです。
フラッシュライト
（未定、追加歓迎）
ジャワ？
（未定、追加歓迎）

<<: Dockerは複数のポートマッピングコマンドを有効にします

>>: MySQLはデータ復旧を実装するためにbinlogログを使用する