WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

まとめる。

webとwebデザインに関しての、WEBCRE8.jpによる
情報まとめのカテゴリです。

[webサービス]今月のwebコンテンツまとめ43(2013年5月)

この記事は約30分ぐらいで読めます

eyecatch
細かい分類にはこだわらず、2013年5月にリリース、または新機能や宣伝などによって話題になったサービスをまとめてみました。

細かい性質などは気にせず、webで完結する、遊びやコミュニケーション、便利なサービス、ツールなどを集めています。必ずしもwebcre8自身が使える、と思ったものとは限りませんが、まずはこうして存在を知ってもらうこと、webcre8自身の学習のためまとめています。基本的に日本語で利用できるもの限定です。iphoneアプリ等のモバイル端末専用サービスは今のところチェックから外しています。

2013年5月のwebサービス総括

今回も早速内容に入って行きましょう!今月はリアルコミュニケーション、プロモーション系のサイトはナシです。やはり制作系のサービスに比重が偏るので、そっち系のサービスは分けた方がいいのかなと思ってます。意見求めまーす。

制作系のサービス

Photoshoplab

  • ジャンル:デザイン
  • 種別:情報サイト
Photoshoplab

http://www.photoshoplab.jp/

Photoshoplabは、Photoshopを使ったテクニックについてブログ形式で解説するデザインのための情報サイトです。

こちらはサーバーエンジニアの@y__hayashiさんが運営するサイトです。先月紹介した@suzukisan__のIllustrator Maniaと合わせて読みたいですね!

Hex Color Tool

  • ジャンル:web制作
  • 種別:webツール
Hex Color Tool

http://hexcolortool.com/

Hex Color Toolは、指定した16進数のカラーに白や黒をブレンドした場合の色とコードを教えてくれるweb制作に関するwebツールです。

まず16進数で数値を入力し、次にどの程度明るく(暗く)するかをパーセンテージで決めます。Subimitすると、色の16進数を含むデータが表示されます。

gif.mosaic

  • ジャンル:ネタ
  • 種別:画像ジェネレーター
gif.mosaic

http://the.mohayonao.com/mosaic/

gif.mosaicは、ブラウザ上でアップした画像に編集を加え、モザイクをかけたGIF動画にすることが出来るネタ的な画像ジェネレーターです。

画像をドラッグ&ドロップして用意。次にモザイクをかけたい場所を下のメニューの鉛筆ツールで塗りつぶし、フレームの枚数と速度を決めると、動くモザイクがかかります。単にモザイクがかかるのではなく動くのが面白いですね★

User Inter Faces

  • ジャンル:web制作
  • 種別:コンテンツジェネレーター
User Inter Faces

http://uifaces.com/

User Inter Facesは、パラメーターの設定で自在に顔アイコン画像を並べたUIを作れるweb制作に関する画像ジェネレーターです。

web制作時にアバターが並んだよくあるインターフェースのパーツが欲しくなった時、こうした画像をモックとして配置したい時があります。間隔や角丸、サイズを指定して作れますが、使うときはスクショからトンボに合わせて切り出せばいいのかな。

CoreDrive

  • ジャンル:web
  • 種別:クラウドストレージ
CoreDrive - 見たまま共有。簡単で安全。

https://coredrive.com/

CoreDriveは、WordやPhotoshopファイル等もプレビューしながらファイルをクラウド上に保存できるwebに関するクラウドストレージです。

フリーアカウントでは保存容量が5Gまでですが、機能の全てが使えます。こうしたクラウド上でのデータのやり取りはストレージとしてはドロップボックス等、データのやり取りはGoogleドライブなどがあるわけですが、このサービスはPhotoshopなどの専用ソフトのデータをブラウザー上で確認しながら、コメントなどのやり取りをしつつ出来るというのがウリです。

Countable.js

  • ジャンル:web制作
  • 種別:webツール
Countable.js ― Live word-counting in JavaScript

http://radlikewhoa.github.io/Countable/

Countable.jsは、ライブラリーとしてダウンロードもできる、入力した文の文字数、単語数、段落数をカウントしてくれるweb制作に関するwebツールです。

文章をテキストエリアに打ち込むと、段落やワード数(スペースで区切るので日本語のワード数は無理ですけど)等を教えてくれます。

Dillinger

  • ジャンル:web制作
  • 種別:オンラインエディター
Online Markdown Editor - Dillinger, the Last Markdown Editor ever.

http://dillinger.io/

Dillingerは、Markdown形式でテキストを入力しながらプレビューで確認する事が出来るweb制作に関するオンラインエディターです。

今まで見かけたMarkdownエディターの中では一番使いやすいかもしれません。

modern.IE

  • ジャンル:web制作
  • 種別:webコンテンツ
ホーム | Internet Explorer の検証がより簡単に | modern.IE

http://www.modern.ie/ja

modern.IEは、webページの古いバージョンでの表示の問題を探したり、その他対応方法を提示するweb制作に関するwebコンテンツです。

URLを入力すると、そのサイトに必要な下位ブラウザーへの対応がいくつかの項目に分かれて提示されます。他にも様々な対応へのリンクがありますね。

ScreenX TV

  • ジャンル:プログラミング
  • 種別:webサービス
ScreenX TV

http://screenx.tv/

ScreenX TVは、ターミナル画面をweb上で配信し、離れた人に見せることが出来るプログラミングに関するwebサービスです。

自分が操作している黒い画面を、ブラウザーを通して他の人に見せることができます。

四角い顔アイコンジェネレーター

  • ジャンル:イラスト
  • 種別:画像ジェネレーター
四角い顔アイコンジェネレータ -Icon Generators-

http://www.icongenerators.net/shikaku.html

四角い顔アイコンジェネレーターは、Twitter等のアイコンに使いやすい画像を簡単な操作で作ることが出来るイラストの画像ジェネレーターです。

出来上がったアイコンは企業、営利団体が使うことは出来ないようなので、まあTwitterアイコンなどに使われるのが想定される使い方でしょう。

Register Underflow

  • ジャンル:技術
  • 種別:投稿サイト
Register Underflow

https://registerunderflow.org/

Register Underflowは、コンピュータ技術に関する疑問や意見等をゆるく共有して話しあえる技術に関する投稿サイトです。

話題はプログラミング系の質問や話題の提案、募集なども見かけられます。ユーザー数さえ増えればもっと面白くなりそうな印象ですね。

JavaScript Garden

  • ジャンル:web制作
  • 種別:情報サイト
JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/ja/

JavaScript Gardenは、JavaScriptの仕様についての英語のドキュメントを翻訳したweb制作に関する情報サイトです。

翻訳されたなかなかの量のテキストがあるのですが、なんとこのサイト日本語訳だけではなく韓国語やロシア語など10の言語で文章が翻訳されています。

擬人化CSSリファレンス

  • ジャンル:web制作
  • 種別:リファレンスサイト
擬人化CSSリファレンス GCSS - 擬人化したCSSキャラクターによるCSSの解説サイト

http://gcss.info/

擬人化CSSリファレンスは、CSSの各プロパティーをイメージさせるキャラクターと共にその解説をしていくweb制作に関するリファレンスサイトです。

CSSを擬人化!非常にいいですねw こうして楽しみながら勉強をするというコンセプトは私は一番好きなジャンルなので、応援して行きたいです★

ラノベジャケットギャラリー

  • ジャンル:デザイン
  • 種別:ギャラリーサイト
ラノベジャケットギャラリー ~ライトノベルの表紙ギャラリー~

http://ranobe-jkt.net/

ラノベジャケットギャラリーは、デザインがキレイなライトノベルの表紙を並べて見ることが出来るデザインに関するギャラリーサイトです。

最初はラノベフェイスという名前でしたが、重複するサイトがあったためこの名前とドメインに変更になったようです。

SKILLSAND

  • ジャンル:web制作
  • 種別:webサービス
SKILLSAND - スキルを数値化するWebクリエイターのためのプロフィールサイト

http://skillsand.me/

SKILLSANDは、自分のweb制作者としてのスキルを数値化して見えるように出来るweb制作に関するwebサービスです。

JELLY JELLY CAFEの@shoshirasakaさんが新しく作ったサービスです。このタイプのサービスは最近どんどん出てきていて厳しいと思いますが、応援しています。もっとアクティビティーの増える要素が欲しいかなーと感じました。

日本全国フリーランスWebデザイナーHP集

  • ジャンル:web制作
  • 種別:ギャラリー
日本全国フリーランスWebデザイナーHP集

http://webdesignerjapan.com/

日本全国フリーランスWebデザイナーHP集は、フリーランスで活動しているwebデザイナーのサイトをまとめたweb制作に関するギャラリーサイトです。

トップページに表示されるサイトはランダムになっています。

Startup Ideas & Frameworks

  • ジャンル:ビジネス
  • 種別:webメディア
Find Job ! Startup Ideas & Frameworks | スタートアップに必要なナレッジを紹介

http://plus.find-job.net/

Startup Ideas & Frameworksは、web系のスタートアップについての情報をブログ形式で共有するビジネスに関するwebメディアです。

スタートアップやweb制作についての話題を毎日配信しているブログ的なメディアですが、出来たばかりにも関わらずかなり話題になっている記事もあり、寄稿記事も出しています。

気合が入っていることも伝わってきて、運営者の方と話をしてみたいなーと思いました。

diffusy

  • ジャンル:広告
  • 種別:ホームページ作成サービス
diffusy

http://www.diffusy.com/

diffusyは、web上で無料で簡単に作成できるフライヤーページを公開し宣伝する事が出来る広告に関するホームページ作成サービスです。

フライヤーというと音楽関係のチラシが頭に浮かびますし、「アーティスト活動」というふうに書いてあることからそっち系のサービスかな?と思いますが、違うのかな。なんかマッサージ屋さんのチラシもありますけど…w

Screensiz.es

  • ジャンル:web制作
  • 種別:データベースサイト
Screensiz.es

http://screensiz.es/

Screensiz.esは、スマートフォンやタブレット、PCの画面サイズ、解像度などを見やすく教えてくれるweb制作に関するデータベースサイトです。

我々制作者には便利なデータベースですね。

はてブ整理

  • ジャンル:web
  • 種別:webサービス
はてブ整理~はてなブックマーク一括整理

http://hatebs.sandai310.com/

はてブ整理は、はてなブックマークでつけたタグの一括消去や追加等を手軽に行えるwebに関するwebサービスです。

はてなブックマークのタグを一斉に変更したりしてくれます。そうか、はてブはそういうのが出来ないんですね。

codebreak

  • ジャンル:技術
  • 種別:webサービス
IT・Webエンジニア向けのコラボレーションツール codebreak; コードブレイク

http://www.codebreak.com/

codebreakは、gitリポジトリ「gitbreak」、ミートアップ「cafeTERIA」等を含むエンジニア向けの技術に関するサービス群です。

目玉となるのは今月リリースで話題になった和製git、gitbreakのようです。ただこのサービスを運営するのは求人サイトの企業で、サービス内容を見たところ軸足もどちらかというと求人活用に重きを置いているようです。エンジニアを集めておきたい的な(退会する時は問い合わせとか)。このサービスが日本語のGitHubとして代替となるという感じではないみたいです。

充実しているサービスもあるようですし、これはこれで活用の仕方もあるかと思うので求職者の方はチェックしてみてもいいかもしれないですね。

情報系のサービス

ハフィントンポスト

  • ジャンル:ニュース
  • 種別:webメディア
ハフィントン・ポスト - ニュース速報まとめと、有識者と個人をつなぐソーシャルニュース(ハフポスト、ハフポ)

http://www.huffingtonpost.jp/

ハフィントンポストは、米ソーシャルニュースメディアHaffington Postの日本語版としてニュースを通して人のコミュニケーションを促すニュースに関するwebメディアです。

鳴り物入りで日本のwebメディアの世界に参戦したハフィントン・ポスト。既に総理大臣が参加しているなど、スケールで他のメディアとは一線を画してますね。

3Lines

  • ジャンル:web
  • 種別:情報サイト
Webを3行でまとめよう - 3Lines

http://3lines.info/

3Linesは、話題になっているweb記事を3行にまとめて手軽に情報に触れられるwebに関する情報サイトです。

ざっくりと世の中でどんな記事が話題になっているのかをまとめてくれている情報が集まるというコンセプトですが、投稿サイトとしながらもユーザーさんがどんどん情報を入れてくれると言う状況を作るには工夫が必要かもしれません。この手のサイトはひたすら制作者がコンテンツの拡充を図る必要があるなーと感じてます。

logmi

  • ジャンル:動画
  • 種別:情報サイト
logmi [ログミー] - ネット上の動画コンテンツをひたすら書き起こすサービス -

http://logmi.jp/

logmiは、web上に存在する無料の動画コンテンツの内容を全文書き起こして公開する動画に関する情報サイトです。

動画のテキスト書き起こしサービス。こういうのは今後アツいと思ってます。

生活(楽しむ)系のサービス

sounds39

  • ジャンル:音楽
  • 種別:webサービス
sounds39: VOCALOID曲専用音楽再生サイト

http://sounds39.com/

sounds39は、VOCALOID楽曲を動画のスクリーンショットの一覧等から探し視聴することが出来る音楽に関するwebサービスです。

ニコニコ動画でアップされているボカロ楽曲の動画のスクリーンショットがジャケット写真のようにあしらわれ、そこからいくつもの楽曲をジュークボックスのように流せます。見た目の印象重視ですね。色々な工夫が没入感を生んでいて素敵です。

ヴィレッジ不動産

  • ジャンル:生活
  • 種別:情報サイト
【ヴィレッジ不動産】「遊べる本屋」ヴィレッジヴァンガードが提供するユニークな不動産・住宅情報サイト

http://vv-realestate.com/

ヴィレッジ不動産は、VILLAGE VANGUARDが運営する変わった物件を探せる生活に関する情報サイトです。

なんとVILLAGE VANGUARDが運営しています。やはりイメージ通り個性的な物件を紹介するのが軸のようです。

25zine

  • ジャンル:生活
  • 種別:webマガジン
25zine

http://25zine.com/

25zineは、25歳からの人生に迷っている人に色んな人へのインタビューを通して生きるヒントを与える生活に関するwebマガジンです。

テーマが面白いですね。私は人生には何にも迷ってないですけど、人の話を聞くのは面白いです。

Art of Swords

  • ジャンル:趣味
  • 種別:Tumblrページ
Art of Swords

http://art-of-swords.tumblr.com/

Art of Swordsは、ファンタジーのゲームに出てくるような武器の写真を集めた趣味に関するTumblrページです。

ああ、こういうの大好きです…。

Concent

  • ジャンル:地域
  • 種別:webマガジン
高円寺を愛するあなたへ、ビビッと通電!高円寺のWEBマガジン【Concent】

http://concent–c.jp/

Concentは、高円寺のカルチャーに興味がある人へグルメやその土地に住む人の情報を発信する地域に関するwebマガジンです。

高円寺ってよくわからないのですけど、何度か行ってみたところ独特の雰囲気は感じました。知り合いに住んでいる人もけっこういるので面白そうです!

エンタメウス

  • ジャンル:エンターテイメント
  • 種別:webメディア
エンタメウス

http://entermeus.com/

エンタメウスは、FOXとLIGが制作する映画以外にもファッションやアウトドアなどの話題を発信するエンターテイメントに関するwebメディアです。

LIGのライターさんもこちらに参加して色んな趣味の話題を取り扱っているようですねー。

生活(便利・実用)系のサービス

Zaim

  • ジャンル:生活
  • 種別:webサービス
Zaim | 無料の家計簿アプリ・レシート家計簿

http://zaim.net/

Zaimは、オンラインで家計簿をつけたりお金に関して計画を立てられる生活に関するwebサービスです。

Zaimが遂にwebサービスに!という感じですね。私は役に立つアプリでもとりあえずwebアプリバージョンを探してしまうタイプなのでちょうど良かったです★

弁護士検索

  • ジャンル:生活
  • 種別:検索サービス
弁護士検索 | 無料法律相談してくれる専門家が見つかる

http://www.bengoshikensaku.net/

弁護士検索は、弁護士、弁護士に相談したい検索語で検索しやすい生活に関する検索サービスです。

基本的には検索するだけなんですけど、法律に関する困りごとに特化して検索結果を返すようになっているそうです。

WAKERU

  • ジャンル:生活
  • 種別:投稿サイト
ごみ分別情報収集サイト | WAKERU (わける)

http://wakeru.me/

WAKERUは、ごみの文別に関する情報をユーザーが投稿でき、閲覧数によって報酬が得られる生活に関する投稿サイトです。

報酬が得られる…一体こういうサービスがどのくらいアクセスがあるのか、そしてどのくらい報酬を出してくれるのかちょっとわからないのですが、NAVERまとめの話題特化版なんでしょうか。誰か説明して欲しいです…。

ビジネス・業務系のサービス

TADADA

  • ジャンル:ビジネス
  • 種別:webサービス
会社設立無料WEBサービス|TADADA

http://www.tadada.in/

TADADAは、会社の設立に必要な書類を手軽に作れるとともにその他手続きを支援するビジネスに関するwebサービスです。

面倒な書類の作成ってお金を払ってでも人にやって欲しいですからね。作っている人に話とか聞いてみたいサービスです。

Hitch

  • ジャンル:ビジネス
  • 種別:データベースサイト
Hitch(ヒッチ)

http://hitch.jp/

Hitchは、日本のスタートアップ企業のサービスをユーザーが投稿・編集して登録できるビジネスに関するデータベースサイトです。

投稿も受け付けるタイプなので自薦で情報が充実してくるといいかもですね。

ソーシャル系のサービス

付き合えば?

  • ジャンル:恋愛
  • 種別:Twitter関連サービス
付き合えば?

http://kazzwata.be/tsukiaeba/

付き合えば?は「彼女/彼氏欲しいなあ」とつぶやいた人のツイートを収集し恋愛を促す恋愛に関するTwitter関連サービスです。

これは久々にガツンと来ました。やっていることはウィジェットを配置しているだけなんですが、私はこういう最小限の手間で最大限の効果を発揮するようなひらめきがすごく好きです。@kazzwatabeさんの作品です。

いやー、私はweb制作もものによってはUIだとかそういう理屈が一切関係ないアートみたいなものがもっとどんどん出てくればいいと思っているのですが、カズさん的にはこれもアートらしいので非常に良いと思いますw

ネタ・ゲーム系のサービス

The Royal Wedding

  • ジャンル:ゲーム
  • 種別:ゲームコンテンツ
The Royal Wedding

http://ondras.zarovi.cz/games/trw/

The Royal Weddingは、文字列のみで構成されたRPGが楽しめるゲームコンテンツです。

地形や明るさなどまで文字で表現してあって芸が細かいです。

wikipedia最短

  • ジャンル:web
  • 種別:webサービス
wikipedia最短

http://wikipetan.kfka.net/

wikipedia最短は、wikipedia内でのある記事からある記事までのクリック数を算出するwebに関するwebサービスです。

ベーコン係数みたいなやつですね。これを知りたいかどうかは別として、面白い発想ですねw

Textcraft

  • ジャンル:デザイン
  • 種別:画像ジェネレーター
Textcraft: Text & logo maker - Minecraft, 8-bit styles and more

http://textcraft.net/

Textcraftは、Minecraft風のジオメトリック柄のロゴを簡単に作れるデザインに関する画像ジェネレーターです。

Minecraftは特に海外で遊ばれている超有名ゲームです。わりと色んなパターンが作れて面白いですね★

The Huffingtonizer

  • ジャンル:ネタ
  • 種別:テキストジェネレーター
The Huffingtonizer

http://aikelab.net/huffingtonizer/

The Huffingtonizerは、入力した文字列をなんでも歯がない人が喋ったような文字列に変換するネタ的なテキストジェネレーターです。

ネタですw 単に変な風にテキストを書き換えてくれるだけですがタイミングに笑いました。

異常者用地図

  • ジャンル:ネタ
  • 種別:webサービス
異常者用地図

http://ushiroad.com/hitodemap/

異常者用地図は、Google Mapsの地図を激しく点滅させ、暗い所で光るようにしているネタ的なwebサービスです。

最近私の中でアツい存在@hitode909さんの作ったビカビカした地図です。ビカビカしてます。

すすめ!りったいきどー

  • ジャンル:ゲーム
  • 種別:ゲームコンテンツ
すすめ!りったいきどー

http://void.heteml.jp/titan/

すすめ!りったいきどーは、CreateJSで作られた進撃の巨人をモチーフにしたゲームコンテンツです。

今流行の進撃の巨人をモチーフにしたゲーム。なかなかおもしろいです!

Giphy

  • ジャンル:動画
  • 種別:ギャラリーサイト
Search in a Giphy

http://giphy.com/

Giphyは、たくさんのGIF動画を検索して閲覧する事が出来る動画に関するギャラリーサイトです。

GIF動画を集めるサイトっていくつかありますけど、最近サービスを立ち上げてみたらアダルトなのしか集まらなくなったという話題もありましたね。ここはどうやってるんでしょうか。

終わりに

いかがだったでしょうか。気になるサービスは見つかりましたか?