どうも、まさとらん（@0310lan）です！

「アプリ」や「Web」の開発を助けてくれる便利なWebサービスが、毎日のように公開されていますが、みなさんは活用されているでしょうか？

もしかすると…

「どんなサービスがあるのかよく分からない…」
「いちいち探すのが面倒…」

みたいな人も多くいるかもしれません。

そこで、厳選されたWebサービスをカテゴライズし、目的に応じてすぐに利用できるようにまとめている貴重な情報サイトを一挙にご紹介しようと思います！

Web制作全般を助けてくれる情報サイト！

【 Resource Cards 】
Web制作において、必須とも言えるツールやサービスをまとめているサイトです。これからWeb開発を始める人は、まず最初にチェックしておきたい情報が詰まっていると言えるでしょう。


例えば、フリーで使える高解像度の写真提供サービスであったり、Google Fonts以外にも便利に活用できるフリーフォント、Sketchなどにも使えるモック画像収集サービスなど。
他にも、動くプロトタイプを簡単に作れるサービスや、コーディングのベストプラクティスを提供してくれるサイト、インタラクションやアニメーション効果のサンプルをコード付きで解説してくれるなど、豊富なリソースが詰まっています！

さらに、効果的なSEOツール、マーケティングサービスなどもまとめているので、末永く利用できる情報サイトと言えます。

自身のスキルアップを支援してくれる情報サイト！

【 SkillStack 】
これからWeb制作やスタートアップを目指す人に最適なのがコチラ！


初級者が「中・上級者」を目指すことができるオンラインのプログラミング講座から、Webデザインの知識を高めたり教え合ったりできるサービス、データ解析についてゼロから学べる学習サービスなどを豊富にまとめています。
面白いのは、「プロジェクトマネージャー論」や「起業家精神論」といった分野を、現役で活躍している先輩から学習できるサービスがまとめられているのは魅力的です。

他にも、「マーケティング」や「グロースハック」といった分野についても学習できますよ。

スタートアップを全力でサポートする情報サイト！

【 Startup Stash 】
ゼロからスタートアップを始めるのに必要な要素を40カテゴリに分け、およそ300種類を超える厳選されたWebサービスをまとめているサイトです。


アイデアや企画を考えるのに役立つサービスから始まり、「名前決め」「ドメイン取得」「開発環境」「マーケットリサーチ」「チーム集め」「プロトタイプ制作」など、あらゆる場面で必要になる便利サービスが網羅されています。
実際の開発が始まった時に便利な「プロジェクト管理サービス」や「コミュニケーションツール」、サービスを公開するのに効果的な環境構築や、資金調達に便利なクラウドファンディングなども丁寧にまとめられています。

他にも、プレゼンサポート、顧客管理、決済、ショップ、外注サポート…など、至れり尽くせりな情報ばかりとなっています。

データ分析に特化した情報サイト！

【 Datastash 】
現在のWeb業界は、Googleアナリティクスのような定番のデータ分析だけでは情報不足と言われています。
そこで、数多く存在するあらゆるデータを「分析・解析」できるサービスをまとめているのが「Datastash」です！


例えば、スマホに特化した画面解析ツールで、ユーザーの反応をチェックできるサービスや、ヒートマップで注目されている箇所を可視化したり、ソーシャル上の反応を管理するサービスなどがまとめられています。
他にも、「A/Bテスト」「アプリマーケットリサーチ」「独自ダッシュボード」など、効率よくデータを読んで自社サービスに活かせるサービスが豊富に揃っています。

また、嬉しいことに、どうやってデータを分析したら良いのかを学習できる講座サービスや、解析に役立つプログラミング言語の紹介まで網羅している点は好印象です。

人気スタートアップの開発環境を覗ける情報サイト！

【 StackShare 】
数多く存在する便利なWebサービスですが、実際のスタートアップ企業はどのようなサービスを選択し、自社サービスに活かしているのかをチェックできる貴重なサイトがコチラ！(参考：過去のアプギガ記事)


「Google」「Facebook」「Twitter」のように有名な企業から、「Dropbox」「Instagram」「Airbnb」「Stack Overflow」「Uber」といった人気のサービスを提供するチームが実際に使っている開発環境を一発でチェックできるわけです。
利用サービスはカテゴライズされており、開発に使っている言語やフレームワーク、プロジェクト管理に使うサービス、コミュニケーションツール、サービスの分析・解析に利用しているモノまで把握できるようになっています。

ちなみに、いずれの企業も複数のサービスを併用しており、細かい目的の違いで使い分けているのがよく分かります。

それぞれのサービスの「得意」な分野を理解して活用していくのが効率的なのかもしれません。

小規模チームを強力にサポートする情報サイト！

【 The Freelance Stack 】
個人でWeb開発をしている人や、それほど大規模ではないチームに最適なWebサービスを厳選してまとめているサイトです。


例えば、ちょっとした「スケジュール調整」であったり、リモートワークを簡単にするコミュニケーションツールや、請求書などの事務作業が捗るサービスなどがまとめられています。
もちろん、Web制作に役立つ開発リソース、デザイン、アイコン、カラースキーム、プロトタイピング…などの便利サービスも網羅されています。

また、セルフブランディングにも役立つポートフォリオ制作サービスや、仕事受注に繋がるマッチングサービスなども充実しているのが特徴です。

フリーランス開発者を支援してくれる情報サイト！

【 Career Cache 】
現在フリーで仕事をしている人や、転職希望の開発者にオススメの情報サイトがコチラ！


自分の今までの経歴や活動をまとめた「レジュメ」や「ポートフォリオ」などを作れるサービス、有名企業の従業員から集めたアンケートデータなどを可視化して情報収集ができるサイト、世界中の案件をチェックできるクラウドソーシングなどのサービスがまとめられています。
また、実際にフリーランスとして活動するうえで必要なスキルを学んだり、簡単な仕事を受注して収益をあげられるサービスや、すでに活躍している先輩たちから動画で教養を勉強することも可能です。

すぐにでも開発系の仕事を始めたい人はもちろんですが、これからスキルアップしていきたい人にもオススメのサイトになっています。

類似サービスを横断検索できる情報サイト！

【 AlternativeTo 】
こちらは、ちょっと変わったサイトで、自分のお気に入りのWebサービス名を検索ボックスに入力すると、それによく似た機能を持つサービスを自動検索して表示してくれるスグレモノです！


例えば、クラウドストレージの代名詞とも言える「Dropbox」を検索すると、こんな感じになります！
「Google Drive」「ownCloud」「OneDrive」…など、同じような機能を持つサービスがリストアップされるわけです。
これにより、自分がまだ試していない類似サービスを素早く検索し、どのサービスが使いやすいかを簡単に比較することも出来るので非常に便利です。

定期的にこのサービスを使って、いつも自分が使っている便利サービスをどんどんブラッシュアップしていくと良いでしょう！

【おまけ】世界中の「ボット」を網羅する情報サイト！

【 BotPages 】
最後に、最近人気の「ボット」をひたすら集めて公開しているサイトを紹介しておきます。

特に、「ボット」を開発しようと考えている人にはオススメで、「Messenger」「Slack」「Line」…など、さまざまなプラットフォームで動く「ボット」を網羅しているので、アイデア出しにも有効活用できると思います。

現在のトレンドや、プラットフォーム毎の違いなどをチェックしてみると面白いでしょう。

まとめ

今回ご紹介したサイトをブックマークしておけば、Web開発のほとんどのケースに対応したサービスを素早く見つけることが出来るでしょう。

また日頃から眺めておくだけでも勉強になり、いざという時に「あのサービスを使ってみようかな…」という判断も出来るようになるのでオススメです。

すでに開発をされている方、これから始めようという人にも最適なので、ご興味ある方はぜひ一度チェックしてみてください！



written by まさとらん(@0310lan)