Webアプリ開発に役立つ(と思う)Webサービス15+5選
俺氏がWebアプリ開発時に役立つと思ったWebサービスの紹介。
と言っても使ったことないもの多いですwww
まぁこれから使うこともあるかもしれないので、
その時にすぐ思い出せるようにリンクしとこう
って感じのやつです。
APIの検索
レイアウト(テンプレートとか)
Webアプリを作成する際に、
レイアウトで結構悩むこと多いと思うけど、
とりあえずBootstrapで基本部分とかはさっさと作ってしまって、
後は自分好みに装飾する感じが一番手っ取り早い気がする。
Start Bootstrap
BootstrapのテンプレートをDownLoadできるサイト。とりあえず2014/12/05時点では34個かな?
多分それぐらい。
Bootstrap Zero
ここもBootstrapのテンプレートサイト。Start Bootstrapは本当に基本的なテンプレートだけど、
こっちはGoogle Plus、FaceBookみたいなテーマに沿ったものって感じ。
Bootstrap Live Customizer
Bootstrapは便利なCSSフレームワークだけど、Bootstrapをカスタマイズするのに手間取ったりする人向け。
結構凝ったカスタマイズもできるらしいので、
自力で想像通りのカスタマイズができない場合に便利。
CSS3 Animation Cheat Sheet
Webサービスと言っていいのか分からないのですけど、CSS3を使用したアニメーションを実装するときに参考になるサイト。
サングラスの黒人がヌルヌル動く。
HTML5 maker
ブラウザ上でアニメーションを作成できるサービス。素材となる画像やエフェクトが準備されていて、
画像のアップロードも可能。
最終的に作成されるコードを自分のWebアプリに埋め込めば完了。
こんな感じの↓
ThingLink
画像の中にテキスト、音楽、動画などを配置できるサービス。画像のアイコン箇所をマウスオーバーで、
配置したテキストや動画などが表示されます。
こんな感じ↓
プログラミング学習
Webアプリを作るんだったら、
最低限、HTMLとCSSが分かれば作れなくはない。
でもそれだけだとできないことは多い。
俺氏は学習系のWebサービスは利用したことないので、
ここからは「こんなのどうよ?」って感じの紹介です。
ちなみに英語はよく分からないので、
主に国内、または日本語で学習可能なサービス限定で。
ドットインストール
日本語でプログラミングが学習できるサービス。国内では定番の学習サイトなのかな?
HTML、JavaScript、jQuery、CSS、CSS3、PHPの入門講座があるみたいなので、
まずこのサイトで勉強してみるのがよろしいかと。
schoo
Web制作に関わる講座が多く、これも国内だと結構人気あるようです。
講座は生中継で、質問などはリアルタイムで回答してもらえる仕組み。
録画もされているみたいなので、
過去講座から学習もできます。
SKILL HUB
無料講座ではHTML、CSS、Illustrator、Apache、ドメイン、WordPress、Webサイト制作実践があるみたい。
実践は前編、後編があるのですけど、
後編は無料ではないっぽいです。
jQuery/JavaScript講座も無料だったらよかったのにね。
Udemy
プログラミング専門ではないけど、いろんなジャンルの学習ができるサービス。
主に動画で学んでいくスタイルです。
お金を出してもいいなら以下の日本語で学習できる講座がよさそう。
アイディアを形にするweb講座(初心者向け・日本語吹き替え版)
何でもかんでも無料だと怠けてしまいますしねw
その他
ここからは特にWeb開発に直接役立つというわけではないけど、
時間があるときにでも挑戦すればスキルアップできそうなサービスの紹介。
paiza
課題に対してオンラインエディタでコーディングして回答するサービス。コーディングが適切かどうかで評価が行われ、
単純に自分のスキルアップ、確認に利用するだけでもいいけど、
ランクによってIT企業への見学や面接が行える。
転職を考えている俺氏にとってはタイムリーなサービス!
CodeEval
英語わかんないですークイズに解答していくとランキングが上がるみたいです。
マイページでどれだけのスキルがあるか分かるようになってて、
それを見た企業からオファーが来たりするらしい!
やっぱ英語はできんといかんですなー
CodePen
他の人が作ったHTML、CSS、JavaScriptが見れるサービス。これは結構勉強になるかな?
コーディングというよりはアイデア的な意味で!
こんな動きをJSで実装しようとか思わんしwww
See the Pen Passing through by Georgi (@gbnikolov) on CodePen.