FRONT-END.AI Blog

FRONT-END.AIやAI/機械学習に関する最新情報を発信しています

AIでデザイン・開発をサポートしてくれるサービスまとめ

AIや機械学習は様々な分野に入り込み、業界のあり方を一変しています。画像や動画の物体認識や音声などに注目が集まりがちですが、今回はデザインや開発に注目します。開発工程をAI/機械学習によって改善できれば、これまで以上にクリエイティブな仕事にフォーカスできるようになるでしょう。

デザイン

Designs.ai

f:id:moongift:20210524115201j:plain

ロゴやソーシャルメディア投稿用の素材を生成するサービスです。機械学習を用いることで、よりスムーズに自動化された中でデザインを行えます。

Designs.ai - Creative work done effortlessly

Uizard AI

f:id:moongift:20210524115213j:plain

手書きのモックアップをよりビジュアライズ化されたデザインに自動変換したり、デザインとカラーテンプレートを合わせることで、色合いを変えられます。

Uizard AI

コーディング

Tabnine

f:id:moongift:20210524115228j:plain

30のプログラミング言語と15のIDEに対応したコード補完サービスです。補完を行う機械学習モデルはローカルで持っており、セキュリティ対策も行われています。

Code Faster with AI Code Completions | Tabnine

Codota

f:id:moongift:20210524115237j:plain

入力補完はもちろんのこと、クリック一つでサンプルコードの使い方も表示してくれます。Codotaもローカルの機械学習モデルを用い、さらに自分自身のコードも使うことで、自分の書き方に最適化されていくようです。

AI Code Autocomplete for All Languages and IDEs | Codota

Kite

f:id:moongift:20210524115247j:plain

16のプログラミング言語と16のIDEに対応しています。25万を超えるコードファイルから学習したモデルを使って入力補完します。キー入力を約半分にできるというのが売りです。

Kite - Free AI Coding Assistant and Code Auto-Complete Plugin

コードレビュー

DeepCode

f:id:moongift:20210524115259j:plain

AIを用いて自動的にコードレビューを実行します。CI/CDと連携して用いるのが基本です。オープンソース・プロジェクトのコードから学んだ良くあるミスを指摘してくれます。

DeepCode: Semantic static code analysis for better software - powered by AI

テスト

TestProject

f:id:moongift:20210524115310j:plain

Web、モバイル、そしてAPIエンドポイントに対応した自動テストツールです。クラウドベース、ローカルでのテストの両方に対応しています。

Free Test Automation For All | TestProject

Diffblue

f:id:moongift:20210524115321j:plain

Javaのユニットテストに対応したAIテストツールです。IntelliJ向けにプラグインとして提供されています。無料で使えるコミュニティエディションもあります。

Diffblue - AI for Code | Diffblue

mabl

f:id:moongift:20210524115339j:plain

Webブラウザのテストツールです。少ないコード量で動かせるので、ページ変更に伴う修正も少なくて済みです。対応ブラウザも多いようです。

Intelligent Test Automation for Agile Teams | mabl

Functionize

f:id:moongift:20210524115352j:plain

自然言語でWebブラウザを使ったテストが実行できます。多少のページ更新に対して自動的に対応する部分にAIが用いられています。

AI Test Automation with Machine Learning | Functionize

Applitools

f:id:moongift:20210524115405j:plain

機械学習を用いることで、ブラウザテストに必要なコードを数十分の一まで低減します。SeleniumやAppiumといった既存のテストツールとも連携して利用できます。

Automated Visual Testing with Visual AI | Applitools

画像・動画用

Let's Enhance

f:id:moongift:20210524115415j:plain

画像の高画質化(アップスケール)用のサービスです。小さな画像を大きくする際に利用できます。

Let's Enhance – free online image upscale and enhancement. Try neural networks to increase resolution and quality now! | Let's Enhance

remove.bg

f:id:moongift:20210524115424j:plain

画像の背景を除去します。髪の毛など、細かい部分も綺麗に切り抜いたり、背景が単色でなくとも切り抜けます。

画像の背景を削除 – remove.bg

Unscreen

f:id:moongift:20210524115433j:plain

動画の背景を除去します。こちらも背景はグリーンバックでなくとも利用できます。対応しているのはMPEG4/WebM/OGG/MOVに加えてアニメーションGIFです。

Remove Video Background – Unscreen

This Person Does Not Exist

f:id:moongift:20210524115444j:plain

AIを用いて顔を自動生成しています。これらの人は実際には存在しない人になりますので、プライバシーや肖像権に配慮する必要がありません。

This Person Does Not Exist

Khroma

f:id:moongift:20210524115453j:plain

自分の好きな色を50色選択します。そのデータをベースにトレーニングが実行され、個人に最適化されたカラーパレットが生成されます。50色選ぶのが大変ですが、デザインする際、カラーパレット選択の一助になりそうです。

Khroma - The AI color tool for designers

AutoDraw

f:id:moongift:20210524115502j:plain

手書きのイラストを描くと、より正確なイラストを提示してくれるドローサービスです。丸や四角を組み合わせたようなドローであっても、意図したイラストを表示してくれるでしょう。

AutoDraw

cre8tiveAI

f:id:moongift:20210524115512j:plain

画像や動画編集に関するいくつかのツールを提供しています。高画質化、顔イラストメーカー、絵画アーティスト化、線画化、モノクロ着色など画像を素早く加工したい時にチェックすると便利な機能が見つかりそうです。

画像・動画の編集加工AIツール:cre8tiveAI

HTMLコーディング

FRONT-END.AI

f:id:moongift:20210524115519j:plain

FRONT-END.AIは画像をアップロードすると、シンプルでカスタマイズしやすいHTMLコードを生成します。Web上でエディタを使ってクラスやIDを追加したり、構造のカスタマイズも行えます。

FRONT-END.AI | AIでフロントエンド開発を自動化する

まとめ

AI/機械学習によって、開発やデザインする工程が大幅に省力化されそうです。これらのツールを使うことで、よりクリエイティブであったり、より難解なアルゴリズム開発にフォーカスできるようになるでしょう。自動化はどんどん進めていくべきです。

FRONT-END.AIでは画像からHTMLコーディングを起こすという工程を簡略化し、皆さんのクリエイティブな活動をサポートします。ご興味がありましたら、ぜひお問い合わせください!