退屈ブレイキング

マンガ、ゲームとiPad Pro関連を中心に、世の中にある素敵なものをじっくりねっとり伝えるブログ。

Powered by 複眼RSS

これが全部無料!? Web業界を目指すなら知っておくべき鉄板Webサービス10選


はじめに

こんにちは、DAIMAです。
私は、二年ほど前から北陸のとある会社で
Webサイト制作のお仕事をしています。

そんな仕事柄、普段から様々な
Webサービスを利用し、業務に取り入れています。
本日はその中でも、Web業界を志向する方向けに
これは是非多くの方に知ってもらいたいと感じた
おすすめの無料Webサービスを集めてみました。

全体的に有名なサービスが多めですが、
中でも記事の上にあるサービスは
職種を問わず幅広く役立つものが配置され、
記事の下に行くほど専門的(デザイナー、コーダー向け)
WEBサービスが配置されるよう並べています。

それでは、どうぞ。

シンプルイズベストなメモ帳「evernote

f:id:ama46572222:20170118214949j:plain
evernote.com

緑色のゾウのアイコンが目印。
Web業界で知らぬ者はいない、
定番の情報管理ソフトウェアです。

ノートの形式で手軽に情報を保存でき、
他人とノートの共有も簡単にできます。
備忘録としても、アイディアノートとしても、
様々な用途が考えられる必須サービスです。

また、スマホ向けのアプリも無料で入手でき、
ブラウザ版と組み合わせて使うことで
より柔軟な情報の管理が可能になります。


定番のクラウドストレージ「dropbox

f:id:ama46572222:20170118214937j:plain
www.dropbox.com

こちらも非常に有名な
クラウド型のストレージサービスです。

会社でも社員間のデータの受け渡しに活用されており、
個人的にも、スマホタブレットの写真を
PCへ受け渡す際やブログ作成時の
素材置き場としても重宝しています。

無料版でも2GBの容量が使えますが、
月額1,000円のproプランなら、
1TBもの容量が使える(2017年1月現在)ため、
用途次第ではそちらも検討してみると良いでしょう。

また、無料で大容量のストレージをお求めなら、
50Gまで使えるMEGAという選択肢もあります。
(MEGAについては過去にゴタゴタがあったため、
サービス継続の確実性に乏しいのが難点ですが…)


同期できるexcelgoogleスプレッドシート

f:id:ama46572222:20170118215017j:plain
www.google.com

こちらも業務で大活躍するサービス。
大雑把に説明すると、複数人で共有できて、
リアルタイムで更新ができるexcelです。

excelのような関数による表計算は勿論のこと、
複数人が連携して取り組む案件での
情報共有の拠点としたり、
メンバー内での進捗共有にも活躍します。
クラウドなので、自分のPCにデータを
保存しておく必要がないのも大きいですね。

ただし、共有が前提である仕様上、
他人に知られてはまずいアイパス情報などは
絶対に保存しないよう注意しましょう。


オンラインで画像圧縮「optimizilla」

f:id:ama46572222:20170118215114j:plain
optimizilla.com

オンライン上で画像の圧縮を行ってくれるツール。
画像圧縮ツールは世にいくつも存在しますが、
ここまで手軽で扱いやすいツールは
中々ないと思います。

圧縮率、圧縮後の画像の劣化は
パーセンテージで任意に設定でき、
基本的な処理能力も
有料ソフトにも引けを取りません。
ただ、一度に圧縮できるは20枚までですので、
大量の画像の処理には向きません。

昔はjpegminiにお世話になっていましたが、
optimizillaは起動のわずらわしさがないため、
近頃は、よほど枚数が多くない限りは
もっぱらこちらを利用しています。


ハイクオリティなCC画像検索「o-dan」

f:id:ama46572222:20170118215150j:plain
o-dan.net

著作権表記不要・商用利用OKである
クリエイティブ・コモンズの写真を
複数の画像素材サービスを横断して
検索できるサービスです。

このサービスの特徴は、
unsplushなどと違い、
日本語での検索が可能な事です。

無料とは思えないほど高クオリティな画像が多く、
私は主に、サイトの仮制作時に使う、
ダミー画像を探す目的で重宝しています。


自分好みの情報を集める「Feedly

f:id:ama46572222:20170118215203j:plain
feedly.com

登録したウェブサイトのフィード(概要)を集約し、
一覧を表示できるRSSリーダーです。

好みのサイトを選んで登録していけば、
自分専用のまとめサイトのように扱えます。

私の場合は、コーディングやデザインに関する
Webサイトを気に入り次第登録しておいて、
効率よく情報収集するため活用しています。


デザインのアイディア探しに「abduzeedo」

f:id:ama46572222:20170118215228j:plain
Design Inspiration | Abduzeedo

海外のデザイン系の話題を取り扱うサイト。
ここのDaily Design Inspirationという
定期的に優れたデザインの画像を取り上げる
記事コーナーが非常に勉強になります。

インスピレーションを得るのに
役立つサイトは、pintarestが著名ですが、
こちらはよりデザイン性に特化した画像が多く、
一歩進んだデザインを目指す方にとって
重宝する事間違いなしです。


ライバルサイトの分析を行う「similarweb」

https://www.similarweb.com/www.similarweb.com
f:id:ama46572222:20170118215236j:plain

イスラエルの企業が提供する、
webサイトのデータ解析を行うサービスです。

自分のサイトを解析したいだけなら
google analyticsで間に合いますが、
similarwebの面白いところは、
他所のサイトの月間アクセス数や
流入経路についても大まかに知れる点です。

ブログやHPを運営される方は、
このツールでライバルサイトの
リサーチを行うのも参考になるでしょう。

また、より本格的な分析を行いたい場合は
有料プランも存在します。


コーダーの遊び場「codepen」

f:id:ama46572222:20170118215320j:plain
codepen.io

オンライン上で、
HTML、CSSjavascriptを使った
コードをインスタントに書けるサービスです。

書いたコードは即画面に反映され
すぐにその結果を確認できますし、
jadeやsass、typescriptなども利用できますので、
フロントエンドエンジニアにとっては
とにかくありがたいサービスです。

無料のユーザー登録を行えば、
自分のペンを保存して共有できますし、
自分のペンを見た誰かが
いいね!してくれることもあるので、
利用するならユーザー登録をおすすめします。


最強のクラウド統合開発環境「cloud9」

f:id:ama46572222:20170118215328j:plain
c9.io

ユーザー登録することで使用できる、
クラウド上の統合開発環境(IDE)です。

このサービスが驚異的なのは、
wordpressphpruby、phytonなど
現在メインストリームである言語を使った
あらゆる開発環境をワンクリックで
サーバー、DB含めて準備できる点です。

githubとの連携も行われており、
手軽な開発環境として使えるほか、
環境整備の手間がない事、
利用者全員が均一の環境を準備できることから、
チーム内の技術教育にも有用なサービスです。

ただし、2016年中ごろから、
ユーザー登録にクレジットカード情報が
必要となりましたので、そこは注意です。


おわりに

初心者向けの無料Webサービスまとめ。
いかがでしたでしょうか。

これらのツールを知っているのと
知らないのでは、かなり大きな差が出ますので、
web業界への挑戦をお考えの方は
必ず押さえておくことをおすすめします。

広告