2007年からタイムトラベラーに最新のWeb開発について話す方法

こんにちは



この新しい世界をお楽しみください。 2007年の世界とは大きく異なります。 ヒント：住宅ローンを借りたばかりの場合は、戻ってキャンセルします。 信じて



あなたがまだコンピュータに興味を持っていることをうれしく思います。 今日、私たちは10年以上前に多くを抱えており、これは新しい課題に関連しています。 手首と顔にコンピューターを持ち、ポケット、冷蔵庫、やかんに入れます。 車は非常にうまく自己管理されており、おそらくリッターボールを除いて、あらゆるゲームで人々を倒すプログラムを訓練しました。

---

この翻訳は、大規模な顧客向けにASP.NETディレクトリサイトを専門的に開発し、有用な反原発防止アプリケーションを作成するEDISON Software社によってサポートされていました。

---

（Web）アプリケーション

タイムマシンに入る前にiPhoneのプレゼンテーションを見たことがあるかもしれません。 Appleは、主にiPhoneおよびiOSオペレーティングシステムのおかげで、最大かつ最も豊かなテクノロジー企業です。 GoogleにはAndroidと呼ばれる競合するものもあり、MicrosoftはWindows Phoneで増え続けるパイを手に入れようとしました。 しかし、彼らにとってはうまくいきませんでした。







左：2008年のiPhone 3GS。 右：2017年のiPhoneX。 肩越しの射撃も練習しなければなりませんでした。



私たちはプログラム-アプリケーション、そしていくつかのウェブサイト-ウェブアプリケーションを呼び始めました。 2008年、Googleは「Chrome」という新しいブラウザをリリースしました。 9年後、彼はインターネットで最も人気のある方法になりました。



ChromeチームはJavaScriptの開発に多額の投資を行っており、コードは毎月改善されています。 Webアプリケーションは現在、大量のJavaScriptを使用して記述されており、現在のデスクトップアプリケーションを連想させます。



他の大企業もJavaScriptの改善に投資しました。モジュールとクラスのサポートが追加されました。 JavaScriptでコンパイルされたプログラミング言語、たとえばTypeScript （Microsoftから、今ではかっこいい）またはFlowを使用しています。



最近では、主にJavaScriptを使用していますが、他の誰もFlashをサポートしていません。 NodeJSと呼ばれるものを使用して、Perlではなくサーバー上でもJavaScriptを実行します。 それは実際よりも簡単に聞こえます。







レスポンシブデザイン：同じウェブサイトが複数のデバイスで異なって表示されます。



Swing、SWTなどのwxWidgetsを覚えていますか？ ブラウザ用に同様のものを作成する必要がありました。 主にコンポーネントに焦点を当てたいくつかの新しいUIプログラミングパラダイムが登場しました。



レスポンシブWebアプリケーション（携帯電話でゴミのように見えないWebサイトを表すために使用される用語）を作成することを目的とした設計、開発、およびテスト方法が必要です。 また、Webアプリケーションを軽量にする必要があります。すべてのユーザーが高速な接続を持っているわけではありませんが、すべてのユーザーがポケットにブラウザを持っています。



これをすべてサポートするために、コンポーネントフレームワークが登場しました。 この用語はあいまいで、GoogleのAngular 、FacebookのReact 、およびコミュニティのVueが含まれます。 しかし、これは私たちが持っている最高の用語です。



ちなみに、2007年からFacebookを学ぶかどうかはわかりません。 それは当時アメリカで成長していましたが、今では巨大です。 10億人以上のユーザーを登録しています。 Facebookには、世界最大のコードベースの1つもあります。



Facebook開発チームは多くの優れたコードを作成し、インターネット上で公開しています。 彼らは彼ら自身の会議を持っています-F8。 現在、ほとんどの大企業は開発会議を開催しています。



新しいアプリケーションがより複雑なレイアウトを必要とするため、CSSも進化する必要がありました。 画像テーブルは使用しなくなりました。 フレームも時代遅れです。 代わりに、CSS Floats、Flexbox、CSS Gridなどの新しい標準を作成しました。



人々はこれらの標準を踏まなければならなかったので、 Bootstrap 、 Foundation、その他多くのような構造化された外観のライブラリを作成しました。 JavaScriptと同様に、CSSでコンパイルされた言語を作成しました。 変数やモジュールなど、CSSがスキップするものの一部を補います。 これはまだ理解するのが難しいです。

失われるのは正常です

混乱している場合でも動揺しないでください。 真実は、私たち全員が少し混乱しているということです-そして、すべてが整然としています。 地球上にはさらに多くの開発者がおり、テクノロジー企業はより成功しています。 しばらくの間、「スタートアップ」という用語を使用して、急速に成長し、何をすべきかわからなかった企業を説明しました。 しかし、この用語でさえ時代遅れです。

データ

プログラマー、プログラム、デバイスが増えています。 この結果、より多くのデータがあります。 コンピューターは、これらすべてを処理するのに十分強力であると想定されていたため、このデータを洞察に変えるいくつかの方法を開発しました。



まず、データサイエンスと呼ばれる科学分野を作成しました。その目的は、データを調査し、データから情報を抽出することです。



たとえば、Wazeと呼ばれるスタートアップでは、人々が車に乗っているときの動きを追跡できるように、携帯電話にアプリケーションをインストールすることができました。



多くの人がアプリをインストールしたため、Wazeは車の動きに関する多くのデータを取得しました。 彼らはそれを使用して、渋滞の場所を理解できるプログラムを開発しました。



携帯電話でWazeを開くと、地図上で渋滞をリアルタイムで確認でき、別のルートを選択できます。



それ以来、WazeはGoogleに買収されました。 これはしばしばスタートアップで起こります。











誰かがWazeを使ってどこかに行きます。 他のWazeユーザーは面白いアイコンとして表示されます。



データサイエンスは、データストレージ、データの理解、データの使用という3つの主要な課題に直面しました。 これらすべての分野で優れています。 各エリアを個別に見てみましょう。

データ保存

ここで、さらに多くの情報を保存し、この情報のうちどれだけ重要であるかを把握する必要があります。 次に、新しいデータベースを発明する必要があります。 MySQLおよびPostgreSQLは、テラバイトのデータ（「ビッグデータ」とも呼ばれます）の保存には適していません。



大規模な最初のインターネット企業は原則としてこれらの問題に直面していたため、技術開発の一歩先を行っていました。 ほとんどの場合、テクノロジーは最初に内部で使用され、その後一般に利用可能になりました。



NoSQLと呼ばれる動きがありました。 この新しいデータベースクラスは、従来のリレーショナルデータベースの規則の一部を採用および展開しました。



多数のコンピューターにデータを保存する方法を担当するHadoopがあります。 MapReduceがデータを処理する方法を定義します（Googleの記事に触発されました-大企業は最近、良い科学記事を書きます）。



Cassandraもあります。これは、データをテーブルとしてではなく、異なるコンピューターに保存できるキーと列のセットとして扱います。 また、これらのコンピューターのいずれかがデータを失うことなくオフラインになることを保証します。



また、 MongoDBがあります。これは、インストールが簡単で、アプリケーションのプロトタイプを作成するために使用できるデータベースです。 2017年には、10年前にポップスターを扱ったのと同じようにテクノロジーを検討します。 MongoDB-ニッケルバックグループとして-最後のグループに属します。

トレーニング

プリズマで撮影した犬。機械学習を使用して、普通の写真を有名な芸術作品のように見せます。 Photoshopのプラスチックラップはもう必要ありません。



「データ理解」の分野では、ほとんどの注意が機械学習に集中していました。 素朴な分類から深層学習まで、多くの新しい方法があり、現在はデータサイエンティストツールキットに含まれています。 彼らは主にPythonで書いており、可能な限り機械学習を使用するために開発者と協力しています。



たとえば、データサイエンティストでは、多くのWebアプリケーションがA / Bテストを使用しています。 このメソッドは、異なるが類似したユーザーグループに対して、わずかに異なる2つのバージョンのアプリケーションを提供します。 登録または購入であるかどうかに関係なく、視聴者にとって最適なバージョンを確認するために使用されます。



Airbnb（Air B＆Nと発音）、Uber、Netflixなどの多くの大企業は、数百および数千のA / Bテストを同時に実行して、ユーザーがアプリを使用して最高のエクスペリエンスを得られるようにします。 Netflixは、すべてのデバイスでテレビ番組を視聴できるアプリケーションです。 ¯\ _（ツ）_ /¯

マイクロサービスとクラウド

Netflixのような企業は巨大です。 多数の人々にサービスを提供するため、サーバーが常に機能することを確認する必要があります。 これは、コンピューターを十分に管理する必要があることを意味します。 必要なときに何百もの新しいサーバーを追加できます。



これは、従来のデータセンターでは実現が難しいため、Netflixの優秀なエンジニアが仮想マシンを使用する理由です。 2006年に発売されたAmazon Web Servicesを覚えていますか？ その後、EC2として知られるElastic Cloud Computeの提供を開始し、人々がAmazonデータセンターで仮想コンピューターを取得できるようにしました。



現在、ほぼ80の同様のサービスがあり、それらはすべて企業の急速な成長のために作成されています。 以前は「クラウド」というファッショナブルな名前を付けていましたが、この用語はNoSQLと同じくらいあいまいです。







これは、Amazonクラウドで見つけることができるサービスのリストです。 彼はまだ成長しています。



GoogleとMicrosoftは独自のクラウドを提供し、クラウドサービスの市場を作り出しています。 そして、賢い人々が互いに競争するとき、あらゆる種類のクレイジーなイノベーションが起こります。



まず、インフラストラクチャをコードとして考えるようになりました。 以前は、新しいサーバーを購入し、キーボードを接続して依存関係をインストールする必要がありました。



現在、 Puppet 、 Chef、 Ansibleなどの構成管理ツールを使用して、サーバーを自動化します。 Rubyのような言語でコードを書くと、サーバーは必要な構成を提供します。 変更が必要な場合は、構成を編集してからサーバーをアップグレードします。 これ以上のSSH。



また、コンテナについても検討し始めました。 マシンをEC2に提供できるため、製品が機能する同様の環境を開発する必要がありました。



Vagrantなどのツールを使用して仮想マシンを自動化しました。 次に、Linuxコンテナー、そして最終的にはDockerを入手しました。 OS関連の操作の一部を共有する仮想マシンを起動せずに、MacBookでLinuxを実行する方法を見つけました。



Dockerを使用して、実稼働で使用したものに正確に対応するシステムの記述を作成できました。 開発者はこれらの記述を「イメージ」と呼び、コンテナと呼ばれる複数の仮想インスタンスでアプリケーションを実行しました。







ところで、多くの人がMacBookを気に入っています。 そして、これはWindows 10会議です。



クラウドプロバイダーはこれに追いつき、コンテナーをクラウド上で直接起動し始めました。 オーケストレーションフレームワークと呼ばれるMarathonやKubernetesなどの機器を提供してくれました。 これらのフレームワークにより、開発者は、スケーリング、フォールトトレランス、監視、および検出を心配することなく、コンテナ内でアプリケーションを実行できます。 サーバーは一度しか使用されていないため、スマート名を付けることはなくなりました。



また、開発者はサービスまたはマイクロサービスと呼ばれる小さなアプリケーションを作成し、それらを独自に実行することができました。 これらのマイクロサービスには外部依存関係がほとんどないため、 Go （同時実行性との互換性を確保するために作成された）やJavaなどの新しいプログラミング言語を学び始めました。 はい、Javaはどこにでもあり、状況は改善されました。



また、 ScalaやClojureなどの言語を使用すると、Java仮想マシンとすべての関連ライブラリを使用できます。 AirBnBなどのWebサイトでは、いくつかのプログラミング言語とデータベースを使用して数百のマイクロサービスを開始しています。



これらのマイクロサービスのため、プログラミングパラダイムのいくつかを再考する必要がありました。 これで、調整する必要がある小さなアプリケーションがさらに多くなりました。



その結果、 Apache Kafka 、 Google PubSub 、 RabbitMQなどのツールがあり、互いに多くの通信を行うコンピューターを支援することを目的としています。 Kafkaは、人々が自分の職業生活を宣伝するソーシャルネットワークであるLinkedInによって作成されました。 その後、オープンソースプロジェクトになりました。

ソフトウェアを作成する方法

オーケストレーションフレームワークによって作成される複雑さは、主に大規模なチーム向けです。 覚えておいてください-今、ソフトウェアを作成する人がこれまで以上に増えており、すべてのプログラマーがコードをすぐに送りたいと思っています。 Webサイトで何百人もの開発者が一緒に働いている会社がある場合、リリースを調整する必要がないことを確認する必要があります。



したがって、小さなチームでソフトウェアを作成します。 通常、チームにはDevOpsのスキルがあり、参加者はソフトウェアをホストできるように操作について十分に理解しています。 彼らは何らかの形のアジャイルプロセスを使用し、短い間隔で継続的にソフトウェアをリリースします。 組織はまた、 分隊、章、部族、 Spotify（新しい音楽ストリーミングサービス）などのギルドなど、他の形式の階層を実験しています。



これらのプロジェクト（および前述の多くのプロジェクト）はすべて、人々のコミュニティによって公に開発されています。 時々彼らは会社によって後援されます。 ほとんどの場合、開発はGitHub Webサイトで行われます 。 そこで、人々は返信することでソフトウェアについて話し、それを公開し、他の出版物を承認することができます 絵文字。 絵文字（emoji）は、「絶対合意」などの感情を表現するために現在使用している特別なシンボルです。 :-)



現在、他にも多くのコミュニティがあり、それらはすべてオープンソースソフトウェアを作成する方法を実験しています。 たとえば、EmberJSと呼ばれるフレームワークは、 コミュニティ主導の 6週間のリリースサイクルを使用します。 他の言語と一般的なオープンソースプログラム（MicrosoftのコードエディターであるGitLabやVisual Studio Codeなど）は毎月更新されるため、変更がすべてに絶対に影響することはありません。 パッケージはリリースごとに少しずつ変わります。



コードエディタの選択をめぐる論争は依然として存在します。 テキストフィールドを表示するブラウザを起動するデスクトップアプリケーションでコードを記述します。 そしてそれは素晴らしいことです。 非常にうまく機能し（各リリースで改善されます）、高度にカスタマイズ可能です。 VIMモードもサポートしています！







RailsGirlsは、多くの女性にWeb開発の世界を開くイニシアチブです。 ブルガリアのソフィアのセミナー参加者は、Rubyコミュニティで人気のジェスチャーであるフライデー・ハグを披露しています。



会議は各トピックで開催されます。 彼らはクールで、どこにでもあります。 1つに移動すると、まったく別の人が表示されます！ 周りを見て、知り合いを作り、刺激を受け、話します。 あなたはアルゴラーヴショーに行くことができます-彼らが音楽、画像、コードで行うことは息をのむようなものです。

それだけではありません

開発者、ソフトウェア、イノベーションが増えています。 まだコンピューターに満足していることを願っています-あなたにはあらゆる理由があります。



さあ、もう2つClub Mateを持っていきましょう。ビットコインについて説明します。 また、知りたい場合は、米国が新しい大統領です。