チームの一部、船の一部

インターネットバンキングの処理は、マネージャーや副社長の明るい頭脳だけでなく、開発者の好奇心mind盛な頭脳でも、長い間醸造されてきました。



Ekubyshin Tinkoff Bank Webインタビュー開発部長は、この大規模プロジェクトがどのように構築され、機能したかを共有することを決定しました。

準備する

2014年2月にポータルの再設計に取り組んでいる間、新しいインターネットバンクの今後の開発に関する噂がオフィスを回りました。 年の初めには、製品の品質を損なうことなく、非常に大量の作業を行う必要があり、短時間で行う必要があることは明らかでした。ご存じのように、開発速度は品質の直接的な敵です。

したがって、生の製品を生産せず、週末と夕方に処理せず、チーム全体を地獄に追いやるには、タスクが策定されるずっと前に開発計画を考え出す必要があり、また、新しいインターネット銀行がどのようなものであり、どのように高速化するかを理解する必要がありました技術用語での開発。

明らかに、作業の一部は、問題の記述や設計の準備のタイミングから完全に独立しています。

次のプロジェクト、私たちがすでに始められること、そしてプロトタイプレベルで今後の変更を何気なく見た後、当初考えられていたよりも多くの作業があることが明らかになりました。

その結果、トレーニング前の状況は次のようになりました。

1.アーキテクチャに取り組み、プロジェクト全体をリードするテクニカルリードの選択。
2.チームとそのスタッフの選択。
3.プロジェクトのアーキテクチャの研究。
4.テクノロジー、フレームワーク、ツールの選択。
5.設計なしで機能するプロトタイプを構築します。

チームは成功の鍵

プロジェクトの開発と立ち上げを成功させるための最も重要で決定的な条件は、それに取り組む優秀なチームです。

明らかに、新しいインターネットバンキングの開発に加えて、サポートおよび開発が必要なプロジェクトが他にもあるため、開発者のリソースの一部は無料のままにする必要がありました。

経営陣は追加の開発者の採用を承認しましたが、それなしではチームの人員不足はありませんでした。 最初にすることは、素晴らしい技術を見つけることでした。 チームの他のすべてのメンバーをリードし、同僚が連携するプロジェクトのフレームワークを開発するリード。

開発者、特にフロントエンドは、銀行で働くことは面白くないという誤った先入観を持っているため、技術的なリーダー、そして実際に銀行で技術的に高度な開発者を見つけることは非常に困難です。 そのため、NodeJSやAngularJSなどのクールなキーワードで満たされた美しい欠員は選択にとって重要です。また、有名な「レジュメポータル」の外で膨大な数の履歴書から選択し、インターネットで検索するには、多くの忍耐と忍耐が必要です。 毎日、Tinkoff HR部門は、開発者を見つけるという素晴らしい仕事をし、顧客の気まぐれをすべて実現しました。

簡単に言うと、技術的な先導者を見つけるのは非常に困難であり、平凡な運と月の位相の一致がなければ不可能でした。 そして奇跡が起こりました-私はかなり強い開発者に興味を持ちました。

その後、事態は順調に進み、チームのスタッフがかなり不足しました。明らかに、応募者の活動期間と新しいポータルデザインの立ち上げです。 その結果、私たちは非常に強力な専門家チームを編成することができました。彼らには、英雄的で困難な仕事に感謝しています。

アーキテクチャなど

テクニカルリードを見つけたら、アーキテクチャを研究し、使用するテクノロジーとツールの分析を開始します。

最も困難なことは、できるだけ多くのタスクをできるだけ早くリリースしたいマネージャーに、現在のプロジェクトをサポートするためにスプリントから1人または2人の開発者を取得し、「プロジェクトアーキテクチャ」と呼ばれる不明瞭な魔法で作業を開始する必要があることを証明することです。起動されます。

段階的にこれを行うことができました。最初は各開発者の50％だけを引き出し、それから既にアルファ男性を「SO NECESSARY」と言い、必要な開発者を100％引き出しました。

そして、私たちは何をしましたか？ そして、以下について。

さまざまなフレームワーク、それらの機能と機能、あらゆる種類のホリバーとdoリストに含まれるゲームの分析に1〜2週間を費やしました。 BackboneJS、EmberJSを使用して私たちの経験を分析し、新しいプロジェクトを見つけ出し、多くの理由でそれらが適切でないことを認識しました。 BEMまたはSMACSS、LESSまたはStylusなど、より優れていると考えられるさまざまなコレクターでプレイしました。 一般に、彼らは実質的に何も否定しませんでしたが、同時にあまり時間がないので、彼らは深く行かないようにしました。

すべての検索の後、AngularJSに決めました。多くの利点がありました。

1.双方向のデータバインディング。
2.「ボックス化」ソリューションで既製の束：サービス、キャッシング、依存性注入、ルーティング、ディレクティブとフィルターの非常に便利な構文。
3.新しい開発者を非常に適切かつ迅速に採用できる新しい興味深いフレームワーク。
4.新しいフレームワークのプロジェクトにおける開発者の関心。
5.かなり迅速かつ簡単な入力。これは私たちにとって非常に重要でした。

AngularJSは複雑または理解できないとは思われず、開発者が慣れるのに必要なものはすべて公式Webサイトにあり、それから試行錯誤を繰り返しました。
このすべてを行っている間に、新しいインターネットバンキングの非常に遠いプロトタイプが間に合いました。

次に、リーダーは新しいプロジェクトのプラットフォームの開発を開始しました。

作業のこの部分は以下で構成されていました。

1.モジュールのアーキテクチャの研究：初期化、レンダリング、構成。
2.ページのルーティングとレンダリング。
3.テストスタンドへのプロジェクトの組み立てと展開。
4.キャッシュおよび検証機能を備えたAPIを使用するサービスをリクエストします。

同時に、彼らは秘密のプロジェクトプラットフォームを準備するためにNodeJS + Express + MongoDBを試し始めました。

その結果、次のテクノロジースタックが得られます。

1. AngularJS
2. RequireJS
3. BEM（ただし、命名のみ、bemtoolsなし）
4.少ない
5.ガルプ

新しいIBの場合、nginxがindex.htmlにアセンブリとすべての静的を提供するだけで十分であり、他のすべてはブラウザの肩に残ります。

出力は、AngularJS Bootstrapのようなプラットフォームであり、その上でSPAアプリケーションを構築できます。 誰が知っているか、GitHubにコードを投稿するかもしれません。

そして、これが最初のデザインです

プロトタイプの準備が完了したら、原則として、設計が到着しました。

次は？ すぐに完成して完成したコードを取得するには？ いや！ 今では、ローンチと開発の計画、ガントチャート（You-Know-Who向け）を作成し、新しいインターネットバンクを作成すると、設計と機能だけでなく、技術的にも完全に新しいものになることを証明する必要がありました。

銀行セクターは非常に攻撃的で速い市場であり、激しい競争に直面して、すべてをかなり迅速に行う必要があります。 そして、ここで決定的な役割は時間によって果たされます-製品がいつ、どのような形で市場にリリースされるか。

すべてを迅速かつ美しく行うことを望むマネージャーやビジネス顧客に証明するために、アーキテクチャを完全にやり直し、クライアントのビジネスロジック全体を書き直す必要性は非常に困難でしたが、私たちはうまくいく真剣な議論がありました：

1.古い技術的に不完全なコードは維持が難しく、開発中のラッシュに起因するエラー、欠陥、ミスがないため、最終的にサポートは新しいコードよりも高価になります。
2.すでに機能し、ビジネスロジックを構築できる既製のプロトタイプ。
3.チームを信頼します。これは大変な努力に値します。

私たちはすべてをゼロから開発することに決め、チーム全体が働き始めました。

プロセス

スクラムで地獄に行くには、かんばんを与えてください！ SCRUMを使用し、計画とスプリントに時間を費やして、作業中に要件が絶えず変化する、このような大規模で複雑なプロジェクトを開発する方法を想像することは不可能です。 ここでは、SCRUMは機能しません。プロジェクトが既に実行されており、何らかのロードマップがある場合にのみ有効です。

そのため、私たちはすでに小さなプロトタイプ、いくつかのデザイン、参照条件、チームを持っています。

JIRAに到達する時が来ました。 ここでは簡単です。主なことは、プロジェクトの分解を可能な限り徹底的に行うことです。

アルゴリズムは次のようなものです。

1.参照条件と利用可能な画面デザインに基づいて、機能要件とビジネスロジックに従って、プロジェクトをいくつかの拡大タスクに分割しました。
2.アーキテクチャ、一般的なモジュール、UIコンポーネントに関するタスクを追加。
3.すべてのタスクを再度実行し、それらをより小さなタスクに分解し、HTMLコーディングとJSコーディングにリソースを割り当てました。

その結果、膨大なタスクプールとプロジェクトの立ち上げ日ができました。 仕事は沸騰し始めました。

打ち上げについて

インターネットバンキングは複雑で大規模なプロジェクトであり、慎重に実行する必要があるため、いくつかの反復で開始することにしました。

1. QA部門によるテスト。
2.すべての銀行従業員が参加する内部テスト。
3.限られた人々のサークル向けのプライベートベータ版のリリース。
4.一般公開。

新しいインターネットバンキングの立ち上げに伴い、古いものを残すことにしました-すべてが新しいものが好きではない人や、習慣を劇的に変えたくないユーザーのために。

もちろん、各反復は、ユーザーからフィードバックを収集し、デバッグと改良を行わなければできませんでした。 これに伴い、開発者は、発売予定の新しい機能を開発していました。

ローンチはスムーズで痛みのないものであることが判明しました。また、最初のイテレーションでは完了できなかった新しい機能を開発するために時間を費やしました。

プロジェクト危機

タスクの量は非常に多く、プロジェクトの開始時にチームが新しいテクノロジーに多くの強さとインスピレーションを持っている場合、開発の終わりに向かって力が尽きており、バグが見つかってデバッグ段階に達したとき、それはさらに難しくなりました。

ここで最も重要なことは、チームの雰囲気、プロジェクト全体への結束と関心です。また、ヘルムスマン、そして実際に「船の乗組員」全体からの楽観も必要です。

恥ずかしがり屋である理由、主なメリットの1つは、すべてが完全に完了するまで働く準備ができている専門家のよく集まったチームです。 チーム内には、この非常に貴重な責任感がありました。全体的な結果は自分の行動に依存し、チームは1つの大きな生物であり、1つの器官の障害により完全に死ぬことができることを誰もが理解しています。

Tinkoff Bankのフロントエンドチームは、専門家と責任ある開発者で構成されています。 リーダーとして、私は彼らを非常に誇りに思っています。彼らがいなければ、プロジェクトはそれほど成功しなかったでしょう。

開発者の一人は、魂に沈んだ有名な映画「パイレーツオブザカリビアン」のフレーズを言いました：「チームの一部、船の一部」。 これは事実であり、チームはこのフレーズを繰り返して働き、心を失いませんでした。 笑えなかったとしても、仕事は止まりませんでした。

このような短期間でプロジェクトを完了させることができたのはチームの精神でした。

そのため、最初のイテレーションで見つかったバグの巨大なプールがありましたが、どうにかしてこれに対処する必要がありました。 単純なかんばんはもはや適切ではなく、魂のない制御は確かに結果を出すことができませんでした。 そして、ここで小さくても楽しいライフハックを思いつきました。

彼らはGoogleドキュメントでタブレットを作成し、重要度に応じて分散されたタスクのプールを収集し、レイクを開始しました。 毎日、ほとんどのバグを修正した開発者には、おいしいものや健康的なものが与えられました。それらはケーキ、ペストリー、おいしいマグカップ、または爽快なコーヒーでした。 もちろん、最初の日はこれはうまくいきませんでしたが、あるチーム開発者がまだ力を持っているという事実のおかげで、彼はその例によって、1日でたくさんのバグをクリアできることを示し、そのための賞品としておいしいものを手に入れました。 翌日、他の開発者が自分たちを引き揚げ、チームは再び風に乗った。 はい、私は少しcheしなければなりませんでした-すべての開発者は賞を受け取りました、そして、毎日、戦い精神を維持するために、1つではなく、いくつかさえありました。 これでうまくいきました。結論はここにあります。チームの資金と個人的な時間を犠牲にすることを恐れないでください。チームとその態度はこれらすべての些細なことよりもはるかに重要です。

その結果、1週間でほとんどすべてのバグがクローズされました。チームは最初のイテレーションに対処し、その後プロジェクト全体の立ち上げに対処しました。

PS

1.チームとその雰囲気がすべてを決定します。
2.私たちは、最終的には来ないかもしれない設計と完成した技術的なタスクを待たずに、事前にプロジェクトの開発を始めなければなりません。
3.実験することを恐れないでください。
4.自分の視点に立って、当局と企業にそれを証明します。
5.チームを尊重し、チームと結果を信じてください。
6.楽観的である：チーム全体がリーダーに従い、そうするように反応します。

Tinkoff Bankに来てください。ここはとてもクールで興味深いものです。クールなサービスを実験して作成することを恐れていません。

そして、ここに彼らはいます-1年の間に2つの大きくて複雑なプロジェクトを開発したTinkoff Bankのヒーローと偉大な仲間たち（ファンファーレの音、あらゆる面から拍手が聞こえます）。