Webアプリケーションを人生にもたらす人々 - ダミー

あなたは小さなアプリを自分でコード化して完成させることができますが、 GoogleマップやInstagramのような仕事や日常使用の構築は、チームによって作成されます。単一の製品のチームは、サイズが異なり、50人を超える人に到達することができ、各人物は設計、開発、製品管理、テストなどの分野で具体的な役割を果たします。小規模の企業では、同じ人物が複数の役割を果たすことができますが、大企業では役割がより専門的になり、個人の役割ごとに役割が果たします。

<！デザイナーとのアプリケーションの作成

コードを書く前に、デザイナーはレイアウト、ビジュアル、インタラクションを通じてサイトのルックアンドフィールを作成します。デザイナーは、「ナビゲーションメニューがページの上部か下部にあるべきか」といった簡単な質問に答えます。 「よりシンプルで創造性のある遊び心をどのように伝えることができるのか？一般的に、設計者は、ユーザーにインタビューしたり、同じ製品アイデアの多くのデザインを作成したり、1つのデザインを選択して最終的な決定を下したりすることによって、この種の質問に答えます。優れたデザインは、製品の採用やサイトの使用を大幅に増加させ、AppleのiPhoneやAirbnbなどの製品を大幅に増加させる可能性があります。 com。

<！ - 2 - >

AppleのデザインのSVP、Jonathan Iveは、アップルの設計上の成功を収めています。

ウェブサイトやアプリを構築するときにデザイナーが必要だと判断するかもしれませんが、設計の中ではデザイナーが果たす役割は複数あることに注意してください。以下の役割は補完的なものであり、すべてが1人または別個の人々によって行われる可能性があります。

<！ - 3 - >

ユーザーインターフェイス（UI）とユーザーエクスペリエンス（UX）設計者は、主に「ルックアンドフィール」とレイアウトを扱います。例えばAmazonのようなWebサイトをブラウズすると、すべてのページにわたって、ナビゲーションメニューとコンテンツが同じ場所にあり、同じか非常によく似たフォント、ボタン、入力ボックス、およびイメージを使用していることがわかります。 UI / UXデザイナーは、画面がユーザーに表示される順序と、ユーザーがクリックした場所、テキストの入力方法、その他の方法でWebサイトとやり取りする方法について考えます。

あなたがUI / UXデザイナーを盗聴した場合、「彼のページはあまりにも多くの行動を促すために忙しいです。私たちのユーザーは、サイト上のどこにいてもこのように多くの決断を下すことはありません。単一の購入ボタンを持つだけでレイアウトを簡素化してみましょう。誰でもワンクリックで注文できます。 "

ビジュアルデザイナー

• は、主にウェブサイトで使用される最終的なグラフィックを作成することを扱います。この役割は「デザイナー」と最も密接に関連しています。ビジュアルデザイナーは、アイコン、ロゴ、ボタン、タイポグラフィー、画像の最終版を作成します。たとえば、インターネットブラウザを見ると、ブラウザアイコン、「戻る」、「リロード」、「ブックマーク」のボタンはすべてビジュアルデザイナーによって作成されます。ブラウザを初めて使用する人は、説明なしにアイコンの意味を知ります。 ビジュアルデザイナーを盗聴する場合、「これらのアイコンの色のコントラストが判りにくく、アイコン付きのテキストを含む場合は、アイコンの下にテキストを中央揃えにしますそれ以上の"

インタラクションデザイナー

• は主にユーザーの入力と状況に基づいたインタラクションとアニメーションを扱います。当初、インタラクションデザインはキーボードとマウスのやりとりに限られていましたが、今日、モバイルデバイスのタッチセンサーは、より多くの潜在的なユーザインタラクションを作り出しています。インタラクションデザイナーは、ユーザーができるだけ簡単にタスクを完了できるように、最良のインタラクションを使用する方法を考えます。 たとえば、携帯電話でメールを確認する方法について考えてみましょう。長年にわたり、伝統的なやりとりでは、メッセージの一覧を表示し、メッセージをクリックし、返信、フラグ、フォルダへの保存、メッセージの削除などのボタンをクリックしました。 2013年にインタラクションデザイナーは電子メールアプリのやりとりを再考し、ユーザーが複数のメニューをクリックするのではなく、メールの削除や返信のために指を左右にスワイプできるようにしました。

インタラクションデザイナーを盗聴する場合は、「地図アプリでナビゲートしている間に、クリックやスワイプで紛失したことを知らせる代わりに、電話を揺する可能性があります。即座に場所担当者に電話をかけさせる。 "

• 映画を作るようなアプリを作るのであれば、デザイナーは脚本家になるでしょう。 フロントエンドおよびバックエンド開発者によるコーディング

設計が完了した後、フロントエンドおよびバックエンド開発者はこれらのデザインを実現します。 Mark OttoやJacob Thorntonなどのフロントエンド開発者は、HTML、CSS、およびJavaScriptでコードを作成し、デザインをユーザーインターフェイスに変換します。これらの開発者は、本書全体を通して学習しているのと同じコードを書いて、Webサイトがデスクトップ、ラップトップ、モバイルの各デバイス、Chrome、Firefox、SafariなどのデバイスとWindows（Windows 、Mac、など）。すべてのデバイス、ブラウザ、およびオペレーティングシステムがHTMLとCSSを別々にレンダリングするため、モバイルデバイスの採用が増加するなど、これらの要素はすべて、何千もの組み合わせをコード化してテストする必要があります。

Mark OttoとJacob Thorntonは、最も一般的なフロントエンドフレームワークであるBootstrapを作成しました。

映画を作るようなアプリを作成する場合、フロントエンドの開発者が主演の俳優になるでしょう。

Yukihiroなどのバックエンド開発者は、フロントエンド開発者が作成したユーザーインターフェイスに機能を追加します。バックエンドの開発者は、製品が期待どおりに動作するために、ユーザーや舞台裏では見えないすべてのものが適切に配置されていることを確認します。バックエンドの開発者は、Python、PHP、Rubyなどのサーバー側言語を使用して、表示する内容、いつ、誰にどのような内容のロジックを追加するかを決定します。さらに、データベースを使用してユーザーデータを格納し、このコードをすべてユーザーに提供するサーバーを作成します。

松本幸弘はウェブサイトの作成に使用される人気の高いサーバーサイド言語であるRubyを作成しました。

映画を作るようなアプリを作成する場合、バックエンドの開発者は撮影監督、スタントコーディネーター、メイクアップアーティスト、セットデザイナーになります。

プロダクトマネージャーによる管理

プロダクトマネージャーは、ビルドする製品を定義し、製品開発プロセスを管理するのに役立ちます。エンジニアリングチームが小規模（14人以下）の場合、コミュニケーション、役割、アカウンタビリティは、正式な監督なしに社内で簡単に管理できます。

エンジニアリングチームが成長するにつれて、互いにコミュニケーションを行うすべての人のオーバーヘッドも増大し、プロセスがなければ、やり取りが管理できなくなり、誤ったコミュニケーションや期限が切れてしまう可能性があります。プロダクトマネージャーはコミュニケーションのオーバーヘッドを軽減し、製品の構築中に問題が発生した場合、タイムラインを延長したり、スコープを削減したり、チームにリソースを追加したりするかどうかを決定します。

プロダクトマネージャーは、技術的な問題を解決するのに役立つ自然な利点を持っている元技術者であることがよくありますが、技術者でない人々もこの役割を成功に導いています。通常、エンジニアはプロダクトマネージャに報告していないため、プロダクトマネージャには「すべての責任があり、権限はありません。 "

GoogleのツールバーのプロダクトマネージャであったSundar Pichai氏は、検索、Android、Chrome、マップ、広告、Google +などGoogleの多くの製品を監督することに任命された。

Sundar Pichaiは、ほとんどすべての主要なGoogle製品を監督しています。

品質保証でアプリケーションをテストする

テストは、アプリまたはウェブサイトを構築した後の最終段階です。生産に役立つ多くの手の結果として、新しく作られた製品には必然的にバグがあります。リストはすべてのコアアプリケーションユーザーのタスクとフローで構成され、人間のテスターと自動化されたプログラムは、さまざまなブラウザー、デバイス、オペレーティングシステム上で何度も繰り返しエラーを見つけます。

テスターは、新たに発見されたバグをコンパイルして、開発者に送り返します。開発者は、どのバグが優先されるべきかを優先します。トレードオフは、バグの影響を受けるユーザーの数、バグを修正するのにかかる時間、および製品をリリースするまでの時間から決まります。

最も重要なバグはすぐに修正され、マイナーバグはアップデートまたはそれ以降のリリースで修正される予定です。今日、企業はフィードバックシステムに頼っており、ユーザーからフィードバックフォームを使用して、場合によっては自動レポート機能を通じてエラーレポートを収集しています。