paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」(https://paiza.jp ギノ株式会社)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

Webエンジニア必見!開発に役立つサービスやツールを厳選したキュレーションサイトまとめ

f:id:paiza:20180516113626j:plain
どうも、まさとらん(@0310lan)です!

今回は、Web開発をするうえで役に立つ情報源やサービス・ツールを厳選してまとめているサイトを複数ご紹介します!

さまざまな視点・用途におけるリソースが詰まっているサイトばかりなので、これから開発を始めようと考えている人も含めて、ぜひ参考にしてみて下さい!

■あらゆる「ボイラープレート(ひな型)」を集めたサイト!

Boilrplate

f:id:paiza:20180516113653j:plain
すぐにWeb開発ができるように、あらかじめ必要なファイルをすべて用意した「ボイラープレート」と呼ばれる「ひな型」だけを厳選したサイトがこの「Boilrplate」です!


React、Angular、Django、Railsなどの人気フレームワークのボイラープレートから、Android / iOS向けのアプリ開発やWordPressによるWebサイト製作まで幅広く揃っているのが大きな魅力です。

各カテゴリをクリックすると、それに合わせた「ボイラープレート」の一覧が表示されます。

f:id:paiza:20180516113709j:plain

Webページの「ひな型」だけでなく、ゲーム制作やショップ・SPAなどさまざまな用途に適したものが用意されているのが魅力的です。

また、好きなものを選択すれば、GitHubからダウンロードすることができるのも簡単で使いやすいと思います。

短時間でプロトタイプを製作するときに便利ですが、個人開発で効率化をしたい時にもオススメです!


<参考>

■仮想通貨・ブロックチェーンに関連した総合情報サイト!

Crypto Stack

f:id:paiza:20180516113750j:plain

ブロックチェーン技術を活用したWebサービスや、仮想通貨の関連リソースなどを総合的にまとめてカテゴライズしているサイトが「Crypto Stack」です!

このサイト1つあれば、仮想通貨関連の情報収集からアプリ開発までトータル的な知識を身に付けられるだけの情報量が詰まっています。


細かく分類されたカテゴリの中から、好きなものを選択するとそれに関連したWebサービスやツール・情報サイトが表示されます。

f:id:paiza:20180516113823j:plain

このサイトでチェックできる情報として、ほんの一部を以下に掲載しておきます。

  • 世界中の仮想通貨取引所まとめ
  • 仮想通貨の相場チャート関連サービス
  • 通貨のマーケットプレイスまとめ
  • マイニングに関連したツールやサービス
  • 仮想通貨Walletのまとめ
  • 通貨トレーディングツールまとめ
  • 最新ニュースサイトやAirDrop関連情報サイトまとめ
  • 仮想通貨のポートフォリオ関連サービス
  • ブロックチェーン技術を学べるオンラインコース
  • ブロックチェーン関連のJavaScriptライブラリ
  • 仮想通貨に特化したポッドキャスト、メルマガ、動画

など…

他にも専門的なツールやサービスも公開されているので、ご興味のある方はぜひチェックしてみてください!


<参考>

■GitHubの超良質なまとめ記事だけを横断検索できるサイト!

Pretty Awesome Lists

f:id:paiza:20180516114132j:plain

GitHubはソースコードだけでなく、電子書籍のようにさまざまな情報を記事として公開しているケースが多くなってきました。

例えば、フロントエンド開発者が知っておくべき内容を1つの記事にまとめていたり、機械学習についてのライブラリやツールをまとめている記事など…探すとたくさんあります。

なかでも特に評価の高い良質な記事だけを厳選して横断検索できるようにまとめているのがこの「Pretty Awesome Lists」です。


「Lists」タブから興味のあるリストを選ぶと、体系的に学べるようにカテゴライズされたページが表示されます。
f:id:paiza:20180516114214j:plain

例えば、WebからIoTまでさまざまな開発リソースをまとめたリストであれば、その開発手法、環境作り、アーキテクチャー、学習方法などが閲覧できるようになります。

Web製作、スマホアプリ開発、インフラ構築、IoT開発、スタートアップなど、さまざまなノウハウを学べるのでオススメです!


<参考>

■Webの公開・運用に特化したサービスを比較できるサイト!

DeployStack

f:id:paiza:20180516114313j:plain
Webサイトやアプリなどを製作するうえで、ホスティングやファイルサーバー、ドメイン、CDN、アナリティクスなど、複数のサービスを分かりやすく比較したサイトがこの「DeployStack」です。

また、いざ運用する段階になった時にユーザーへメールを配信するサービスであったり、アップデートによるバージョン管理やスケールの対応などのサービス比較も可能です。


用途に応じたカテゴリの中から比較したいものを選択すると、各サービスの主要な機能がリストアップされて簡単に比較できます。

f:id:paiza:20180516114338j:plain

比較できるサービスの種類はまだ少ないのですが、今後さらにコンテンツが充実していくと思われるので、興味のある方は定期的に覗いてみると良いでしょう。


<参考>

■あらゆるプログラミング言語のライブラリを集めたサイト!

lib4dev

f:id:paiza:20180516114420j:plain

現在、広く使われているプログラミング言語にはさまざまな「ライブラリ」が提供されているわけですが、なかでも特に人気のあるものを厳選して集めているのがこの「lib4dev」です!


C, Go, HTML, Java, JavaScript, Python, PHP, Ruby, Swift…など、さまざまなプログラミング言語にカテゴライズされており、最新のものから人気の高いものまで幅広くライブラリを探すことができます。

興味のある言語をクリックしたあとに、一覧表示されるライブラリの中から好きなモノを選ぶだけでGitHubからダウンロードできます。

f:id:paiza:20180516114438j:plain

また、フレームワークや用途別のカテゴライズも利用可能で、自分が開発したい環境に合わせた検索もできるのが魅力的です。


<参考>

■「スタートアップ」に最適なWebサービスを集めたサイト!

StartupStash

f:id:paiza:20180516114519j:plain
これからスタートアップを始める方に最適なまとめサイトで、課題の選定からソリューションの製作・運用までトータル的に役立つWebサービスを厳選しているのがこの「StartupStash」です!


カテゴリとしては、アイデア出し、サービス名称決め、マーケットリサーチ、LP / MVP製作、プロダクトマーケティング、グロース、チームマネージメントなど、すぐに役立つツールや情報が上手くまとめられています。

気になるカテゴリをクリックするだけで、Webサービスや情報リソースにアクセスできるので簡単です。

f:id:paiza:20180516114536j:plain

単純にツールを紹介するだけでなく、関連するブログ記事や情報リソースも一緒に掲載されているので、さらなる知識を深めたいときの足掛かりとしても有効です。

ポッドキャストや動画・オンラインコースなども豊富なので、学習用途として利用するのもオススメです。


<参考>

■有名なWebサービスの開発環境を覗くことができるサイト!

Siftery

f:id:paiza:20180516114614j:plain
TwitterやFacebookをはじめ、Slack・GitHub・Trello…など、人気のWebサービスがどのような開発環境を利用して作られているのかをチェックすることができるサイトがこの「Siftery」です。


興味のあるWebサービス名か企業名を入力して検索するだけで、そのサービスを開発・運用するにあたり利用しているツールなどが一覧表示されるようになります。

f:id:paiza:20180516114629j:plain

開発環境だけでなく、チームマネジメントやHR、アナリティクス、マーケティング、効率化…など、さまざまな用途において使っているサービスなどが分かるようにまとめられています。

また、利用している企業からの評価やレビューなどの詳細を分析したレポートも公開されており、この内容だけでも十分な価値があると思います。

これらの情報を参考にすることで、より良いWebサービスの発見やプロダクトの生産性向上の検討ができるでしょう。


<参考>
「Siftery」公式サイト

paizaラーニングでプレゼントキャンペーン実施中


動画でプログラミングが学べるpaizaラーニングでは、ただいま演習問題(どのレッスン・どの問題でもOK)を解いて正解画面からツイートすると、動画内でプログラミングを教えてくれている霧島京子役の声優・上間江望さんのサイン入りぱいじょ!クリアファイルやAmazonギフト券が当たるキャンペーンを実施中です。

上間さんからのメッセージ動画も公開しておりますので、ぜひごらんください。

動画でプログラミングが学べるpaizaラーニングとプレゼントキャンペーンについて、詳しくはこちら

■まとめ

今回は、Web開発をするうえで役に立つサービス・ツールや情報源などをまとめたキュレーションサイトをご紹介しました。

これらの情報はネットで検索していてもなかなか見つからないことが多いので、いずれも貴重な情報源としてブックマークしておくことをオススメします。

サイトに掲載されている内容は更新されていくので、定期的に訪れて情報収集すると良いでしょう!



 

paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

詳しくはこちら

paizaラーニング

そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

詳しくはこちら

paizaのスキルチェック





※このブログで紹介しているキャンペーンやイベント、およびサイト内の情報については、すべて記事公開時の情報となります。閲覧されたタイミングによっては状況が変わっている場合もございますのでご了承ください。

ITプログラマー・エンジニア転職・就活・学習のpaiza

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編

エンジニアのためのプログラミング転職サイト|paiza転職

プログラミング スキルチェックエンジニア求人一覧

未経験からエンジニアを目指す人の転職サイト|EN:TRY

プログラミング スキルチェックエンジニア未経験可求人一覧

エンジニアを目指す学生の就活サイト|paiza新卒

プログラミング スキルチェックエンジニア求人一覧

ブラウザを開くだけで エディタ、Webサーバ、DB等の開発環境が整う|PaizaCloud