シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > Webアプリの開発でありがちな問題を「一発解消」するWebサービス10選が便利過ぎる!
注目記事ピックアップ
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/07/10 22:40

Webアプリの開発でありがちな問題を「一発解消」するWebサービス10選が便利過ぎる!


どうも、まさとらん(@0310lan)です!

みなさんは、プログラミングを勉強して「Webアプリ」を作りたい!と思ったことはありますか?

いざ、勉強をしながら開発を進めていると「こんな問題を解決できるサービス無いかなぁ…」と考えることもあるかと思います。

そこで今回は、できる限り効率よく開発ができるWebサービスを厳選してみたので、ご紹介しようと思います!

 

どのようなAPIがあって、どんな機能なのかを教えてくれるサービス!
APIs.io


APIは、Webアプリに様々な機能を追加できるので便利なのですが、ネット上に散乱しているため探しだすのが非常に困難です。

そこで、「APIs.io」では、Google検索を行うように、任意のキーワードからAPIを横断検索してくれます。

 

検索ボックスにキーワードを入力すると、該当するAPI一覧が表示されます。


APIによっては「console」と書いたリンクが表示されることがあり、こちらをクリックしてみると…

 

そのままWeb上で、「APIがどのような機能を持っているのか?」を実際に試すことが出来るようになります。


ちなみに、検索できなかったAPIを自分から追加することも可能になっています。

 
ドラッグ&ドロップで、気軽に「A/Bテスト」を試せるサービス!
Visual Website Optimizer


いくつか違うパターンのサイトを用意して、どのパターンが訪問率や登録率に影響があったかなどを調べるのに「A/Bテスト」がよく使われます。ですが、いざ実践しようと思うと…意外に面倒な作業が多かったりして敬遠しがちです。

 

ところが、このサービスではマウスで気軽にサイトの要素を変更することが出来るようになっており、パターンの違うモノを素早く作れます。


 

さらに、分析ツールも充実しており、ユーザーの動向をかなり詳細に調べることが出来ます。


テスト系のサービスとしては、かなり完成度が高いのでオススメです!

 
Webアプリ/サイトを、簡単に「多言語化」できるサービス!
Wovn.io


先ほど紹介した「A/Bテスト」のような感覚でページを切り替えて、他言語化表示してくれるサービス。

 

使い方が非常にシンプルで、HTMLの<head>要素内に以下の1行をコピペするだけ!


 

あとは、サイトに自分のWebアプリ/サイトのURLを登録すれば、記事やコンテンツなどに記載されている日本語が自動的に表示されます。


初回に、機械翻訳で違う言語に変換してくれます。

その後に、自分で少し修正すればOKなので、非常にお手軽な方法かと思います。言語切替も非常にスムーズで、現在10ヶ国語に対応しています。

 
40分間、無料で壊し放題の「Ubuntuサーバー」を使えるサービス!
NoUpload


Webアプリを作る上で、いろんな実験をしたい時に使えるサービス。

トップ画面にある「Start Server」ボタンをクリックするだけで、すぐに自分だけのUbuntuサーバーを構築してくれます。

 

構築が終わったら、このサーバーを操作するためのIPやパスワードが表示されます。


あとは、ターミナルなどから「ssh root@(IPアドレス)」で接続すれば、すぐに使えるようになります。

ちなみに、1時間延長したい場合は「$0.5」で、1日延長は「$2」になっており、ビットコインやカードを使って決済が可能です。

※【追記】
2014年9月現在、有料プランのみの提供になっています…。

 
Webアプリの「テスト作業」をすべて丸投げ出来るサービス!
ShoudBee


Webアプリを作る上で「テスト」は重要な要素ですが、新たにテストコードを覚えたり修正のたびに書き直しを求められたりと、いろいろ慣れていないと大変です。

 

そこで、ShoudBeeでは、シンプルな日本語の定型文を利用するだけで、簡単にテストを自動化することができ、実行から結果確認まですべてWeb上で実現できます。


他にも、負荷テストを実行したり、不明な部分をオンラインサポートしてもらったりと、かなり充実したサービス内容となっています。

 
「Bootstrap」を、自分好みにカスタマイズできるサービス!
Bootstrap Live Customizer


手軽に見栄えの良いレスポンシブサイトを作れることで知られている「Bootstrap」ですが、意外にカスタマイズをするのに苦戦をしている人が多いようです。

 

そこで、このサービスでは、Web上で色やサイズ、フォントの種類など、細かく自分好みにカスタマイズすることが出来るようになっています。


視覚的に分かりやすく、カスタマイズ終了後はダウンロードするだけというシンプルな使い方も人気の秘密です。

パッと見て、Bootstrapを使っているのが分からないレベルにまで、カスタマイズ可能なのでオススメです!

ちなみに、フラットデザインに特化したBootstrapを提供しているサービスもあるので、コチラも合わせて見ておくと良いでしょう。

 
恐ろしく高機能な「CSSジェネレーター」サービス!
EnjoyCSS


CSSを編集していると、たまに思い通りにいかないことがあります。

このサービスでは、視覚的にCSSを編集した結果、どのような表示になるのかを直感的に見て触れるので便利です!

 

作成したCSSは、コードに変換してコピペ可能です。


CSSだけでなく、LESSやSCSSへの変換もできます。

さらに、PC・スマホの各種ブラウザへの対応可否も確認できて、知人へURLを送って共有することも可能です。

また、逆にすでにあるCSSを読み込んで、続きをこのサービスで編集するという「離れワザ」もできてしまうのが魅力的です。

 
Gitコマンドを遊びながら習得できるサービス!
Learn Git Branching


たくさんコードを書いていると、バージョン管理も必要になってきます。

今、人気なのはGitですが、コマンドが多すぎて何から始めたら良いか分からない人も多いかと思います。そんな時は、このサービスを使ってみるのが良いかもしれません。

 

チュートリアル形式で進んでいき、1つのコマンドを習得するために「問題」が用意されており、コレを解くことで次のステージ(コマンド)へ行けるようになっています。


実際にコマンドを入力すると、右画面にGitの状態がアニメーション表示されるので、視覚的にも非常に分かりやすい設計になっています。

 
GitHub上のコードを、丸ごとレビューしてくれるサービス!
SideCI


Webアプリを作っていくうちに、「この書き方で合っているのか?」「セキュリティ的に問題ないか?」など、いろいろ疑問が出てくるかと思います。

そんな時は、作ったコードをGitHubにアップして、このサービスに登録しましょう!

 

アカウントを認証するだけで、自動でコードを解析してくれて、現役のプログラマーによる評価や問題点の指摘などを受けることが出来ます。


まだ始まったばかりなので、現在はすべて無料でサービスを利用することが出来るため、興味ある方は一度依頼してみると良いでしょう!

 
「Amazonレビュー」のようなシステムを組み込めるサービス!
Orankl


EC系のWebアプリなどにオススメなサービス。

用意されているコードをHTMLに組み込むだけで、商品ページに直接レビューが書き込めるシステムを利用することが出来るようになります。

また、商品を購入したユーザーに、自動で「レビューを書きませんか?」というメールを送る機能も搭載しています。

 

 
おまけ
最後に、簡単なコードを組み込むだけで、多彩な機能を追加できるサービスを紹介した記事を掲載しておきます。

 

「埋め込みコード」でココまで可能!欲しかったあの機能を搭載できる無料サービス8選!


過去に、アプギガでご紹介した厳選サービスですが、自作のプロモーション動画をサイトに埋め込んだり、オリジナルのマップ作成や、オシャレな問い合わせフォームを組み込んだりも可能です。

ご興味あれば、ぜひ一読ください。

 

 
まとめ
今回ご紹介したサービスを活用すれば、ワンランク上のWebアプリを作れるようになるはず!

優秀なエンジニアの知り合いがいるなら別ですが、1人で勉強して…周りに聞けるような知人がいない方は、ぜひこのようなサービスを使って面白いアプリ開発にチャレンジしてみてください。

少しでも興味を持った方は、今すぐ実行してみましょう。

 

 

written by まさとらん

 

 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る