グレートファイブ：開発を加速するツールが必要

翻訳者から：この投稿は、独自のコーディングトレーニングコースを開発した経験豊富なプログラマー、Reinder de Vries によるオリジナル記事の翻訳です。 著者は、開発者に役立つ可能性のあるツールに関する自分の考えを共有し、プログラミングプロセスを高速化および最適化できるようにします。



アプリケーションの作成には多くの時間と多くの場合お金が必要です。 多機能プログラムを開発するのに十分な資金がない場合もありますが、資金があることはありますが、競合他社より先にリリースの良いタイミングを逃さないように、できるだけ早く作業する必要があります。 対処方法-プログラムの機能を削減して終了を早めるか、プロセスを高速化する他の方法を探しますか？

Skillboxは 「Web開発者の職業」を 推奨 しています。

「Habr」の読者には、「Habr」プロモーションコードを使用してSkillboxコースに登録すると10,000ルーブルの割引があります。

この記事では、開発プロセスを高速化するために使用することをお勧めする5つの異なるツールについて説明します。 これにより、1つの石で2羽の鳥を殺すことができます。アプリケーションのリソース消費を削減（つまり、コストを削減）するとともに、リリース時間を短縮します。

解析サーバー

最初に検討するツールは、クラウドベースのオープンソースのバックエンド解析サーバーです。



仕組みは次のとおりです。

• Herokuなどの一般的なPaaSでParse Serverインスタンスを作成します。
• Parse ServerインスタンスをmLabなどの一般的なDaaSプラットフォームに接続します。
• Parse Serverインスタンスとアプリケーションを統合し、プラットフォームツールの使用を開始します。
• 利益！ データベース、プッシュ通知、ファイルストレージ、ユーザーアカウント管理など、多数の機能を備えた優れたクラウドツールがあります。

これはオープンソースのツールであるため、AWS、Heroku、Google App Engine、Azure、Digital Oceanなどの多くのクラウドプロバイダーでParse Serverインスタンスを作成および構成できます。



Parse Serverは、開発者に幅広いバックエンド機能へのアクセスを提供します。 すべての機能が正常に機能するという事実にもかかわらず、アクティベーションの前に、それらの設定に取り組んでから、通常の機能を監視する必要があります。 これが、このソリューションとオールインワンモードで動作する他のクラウドプラットフォームの違いです。



Parse Serverには優れたCloud Functionsモジュールがあります。 JavaScriptを使用すると、トリガーによるタスクの実行をプログラムできます。



IMDBと同様の映画レビューサービスを開発しているとします。 ユーザーが映画レビューを公開するたびに、このイベントを追跡し、トリガーを使用して新しいレビューについてサービスの他のユーザーに通知できます。



Parse Serverを使用すると、開発者は独自のバックエンドツールの作成とWebサーバーの保守に費やす時間と費用を削減できます。 Parse Serverは、多数の便利な機能を備えた、スケーラブルで比較的シンプルでカスタマイズ可能なツールです。



長所

• IoT環境を含む多数のプラットフォーム。
• 優れた技術文書。
• アクティブなコミュニティ。

短所

• Herokuなど、作業用に別のプラットフォームが必要です。
• スケーリングは、インフラストラクチャ全体に依存します。
• これは、オールインワンツールではありません。

費用



これらはすべて無料ですが、前述のように、このツールを使用するにはHerokuのようなクラウドが必要であり、既に費用がかかります。



プラットフォーム



iOS、macOS、tvOS、Android、JavaScript、React、.NET、Unity、PHP、Arduino、Embedded C

ファストレーン

Fastlaneは、継続的インテグレーション（CI）と継続的デプロイメント（CD）に主に焦点を当てたツールです。 アプリケーションの新しいバージョンを作成するたびに、自動的にユーザーとベータテスターに​​送られます。



アプリケーションを作成し、リリース1.0をApp Storeに投稿したと想像してください。 2週間後、バグを修正し、新しい機能を追加しました。 改善されたバージョン1.1をできるだけ早くベータテスターに​​提供し、その後ユーザーに提供する必要があります。



タスクを完了するために必要なことは次のとおりです。

• 新しいビルドを作成し、App Store Connectで公開します。
• 互換性のある各デバイスのスクリーンショットを作成します。
• メタデータ、スクリーンショットなどを更新します
• ベータテスターに​​TestFlightを提供します。

単独のエンコーダーである場合は、追加のツールなしでこれらすべてのタスクを完了するのに十分な時間が必要です。 しかし、あなたがチームで働いており、プログラムの新しいバージョンが頻繁に登場することを想像してください。



この場合、ワークフローは非常に複雑でわかりにくくなる可能性があります。 すべてを自動化して簡素化するには、Fastlineも必要です。 ここに彼が自動化できるものがあります：

• さまざまなデバイスと言語のスクリーンショット。
• アプリケーションベータビルドの配布。たとえば、新しいビルドの命名、コードへの署名、アプリケーションのダウンロード、変更の記録。
• 新しいメタデータの追加、スクリーンショットのダウンロード、レビューのためのアプリケーションの送信を含む、アプリケーションの公開。
• チーム内でキーと証明書を使用します。

Fastlineは、CircleCI、Jenkins、Travis CIなどの一般的なCI / CDツールと統合します。



そして何よりも、このツールはオープンソースです。 これは、開発者が独自のスクリプトとプラグインを追加することで改善できることを意味します。 Fastlineの各機能は、例やケースを含めて十分に文書化されています。 一般的に、ツールは必要不可欠です。



長所

• 必要なプロセスを自動化することにより、多くの時間を節約できます。
• 「手動で」作業するときに発生するエラーを回避するのに役立ちます。

短所

• 調整には多少の努力が必要です。
• まれにしか更新されないチームやアプリケーションのない開発者には適していません。

価格



無料で！



プラットフォーム



iOS、Android。

アプリケーション設計テンプレート

アプリケーションの設計には多くの意味があります。 優れたデザインは、プログラム自体が優れている場合はもちろん、アプリケーションにApp Storeの格付けの上位を提供します。



当然、ユーザーには通常のUXが必要です。現在、ユーザーは設計に対して非常に要求が厳しく、それが成功しなかった場合でも、最高のプログラムでさえ人気を失います。



開発者が彼の頭脳が必要とするデザインを理解するのを助けるために、テンプレートがあります。 これらはプロのUIデザイナーによって準備されており、必要に応じて、ニーズに合わせて調整できます。



私が最も気に入っているパターンのリストは次のとおりです。

• InVisionのNOW 、 TETHR、およびDO
• FacebookのiOS 11 iPhone GUI
• BaianatのStark UIキット
• ステッチ byリナ・セレズニョワ
• エイドリアン・チランによるフェニックス
• Michael Flarupによるピクセルの適用

一部のテンプレートは、ソーシャルネットワーク、生産性ソリューション、電子商取引など、特定の種類のアプリケーション専用に設計されています。



テンプレートを使用するときは、作成者が指定したライセンス条項に必ず従ってください。 このテンプレートは利用可能かもしれませんが、これはあなたがそれを変更したり、商用製品に実装する権利を持っているという意味ではありません。



長所

• 多くの時間とお金を節約できます。
• 使いやすい。
• 多くのテンプレートは簡単にカスタマイズできます。

短所

• セットアップには時間がかかります。
• 良いテンプレートを探す必要があります。
• ライセンス条項は必ずしも明確ではありません。

価格



有料および無料のテンプレートがあります。



プラットフォーム



どれでも。

ペイントコード

PaintCodeを初めて使用するとき、これは純粋な魔法だと思うかもしれません。 実際、もちろん魔法はありません。彼は視覚的なUIコンポーネントのコードを生成する方法を知っているだけです。



仕組みは次のとおりです。

• PaintCodeで、ボタンなどのUIコンポーネントを作成します。
• PaintCodeは、Swift、Objective-C、Java、C＃、JavaScript、またはSVGコードを生成します。
• アプリケーションでコードを使用すると、UIコンポーネントが表示されて機能します。

通常の状況では、開発者は各要素を独自に設計します。 ボタンの準備ができると、その色、テキスト、および境界線がアプリケーションに書き込まれます。 これは単純な視覚コンポーネントですが、より複雑な場合、どれだけの時間と労力がかかるか想像してください。



開発者とデザイナーは、多くの場合、デザイナーの欲求とプログラマーの能力の中間的な位置を探すことを余儀なくされます。 PaintCodeを使用すると、任意の複雑さのUIコンポーネントを作成し、必要なコードを自分で作成できます。



最終バージョンは単一のファイルにエクスポートされるため、コンポーネントが更新されたときにいつでも再インポートできます。 あらゆる種類の変数と式を使用できます。



さらに、PaintCodeには、人気のあるグラフィックエディターであるSketchのプラグインがあります。 これにより、プロジェクトをSketchからSwiftまたはObjective-Cに直接エクスポートできます。



PaintCodeには、多くのチュートリアルとよ​​く書かれたドキュメントがあります。 サポートは非​​常に反応がよく、いつでもサポートできます。



長所

• 時間を節約し、プロセスの決定を変更できるようにします。
• 高い柔軟性とカスタマイズ性を備えています。
• 4つの主要なアプリケーション開発プラットフォームをサポートします。

短所

• 設計と開発について十分に理解する必要があります。
• 生成されたコードよりも「手動」を好む人もいます。
• Interface Builder指向のワークフローの限定サポート。

費用



1〜3人のチームの場合、無料試用期間、その後年間99ドル。



プラットフォーム



iOS、macOS、Android、およびWeb。

すごい

技術的には、Awesomeはツールではなくリソースであり、フレームワーク、ライブラリ、コース、書籍、ブログ、ポッドキャスト、アプリケーション開発用のツールとテンプレートのリストです。 GitHubを簡単に検索すると、リストには、iOSとSwiftからAndroidとJavaScriptに至るまで、さまざまなプラットフォーム向けに最高のものが含まれていることがわかります。



これらのコレクションをお勧めします。

• Vinicius Souzaによる素晴らしいiOS
• JürgenStumppによる素晴らしいAndroid
• Sindre Sorhusによる素晴らしいリストのリスト

結論として、プロセスを最適化するための上位5つのツールは、自分で使用する独自の要素を追加することで拡張できます。 新しいツールは探索する価値があります。少なくとも自分の時間を節約するために、それらを探す必要があります。

Skillboxの推奨事項：

• 実践コース「Mobile Developer PRO」 。
• オンラインコース「Profession Frontend-developer」 。
• 実践的な年間コース「PHP開発者からゼロまで」