ラフ画へ自動的にペン入れして線画にする恐るべきニューラルネットワーク技術を開発した早稲田大学の研究室が、ディープネットワークを用いて白黒写真に自動で色をつけることが可能なサービスを公開しました。 Automatic Image Colorization・白黒画像の自動色付け http://iizuka.cs.tsukuba.ac.jp/projects/colorization/web/ 白黒写真に自動で色づけするには、上記URLにジャンプして「参照…」をクリック。 そして色つけしたい白黒写真を選択して「開く」をクリック。 もしくは色つけしたい白黒写真をドラッグ＆ドロップで青色点線の中に移動させればOK。 今回色つけした白黒写真は以下の花の写真。 By Catface27 写真を選択してしばらくすると元写真(左)と自動色つけされた写真(右)が表示されます。 色つけされた写真は右クリックから

たいざん @tai2an けっこう反響を頂いた線画の自動着色のデモ版を公開しましたー paintschainer.preferred.tech ブログ記事はこちら↓ chainerで線画着色をwebサービスにして公開してみた qiita.com/taizan/items/7… ソースコード、学習済みモデルも公開してます pic.twitter.com/TCfOp3uZo5 2017-01-27 18:47:16

iPhoneアプリを個人で作り始めてから5年ほどになるけど、アプリ開発や運用でかかせないサービスをまとめてみた。 それぞれに競合サービスがあったりするけど、いくつか使ってみて、最終的に本当に使うようになったものだけ書いてみる。プログラミングする時に使うツールというより、アプリを作った後の運用とか、分析とか、そっち系のサービスがメインのランキング。 iOSアプリにしか使ってないけど、Androidで使えるものも多い。 10位 Iconfinder（無料+有料） https://www.iconfinder.com/ アプリはWebサービスに比べて画面が小さいのでビジュアルデザインが楽。実質、フリーのアイコンとか有料のアイコンを利用するだけで事足りることが多い。僕はまず有料のアイコン集を買って、それでカバーできない時はこのサイトから検索してます。 例えば、フラットデザインのリロードアイコンを検

どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com

UIPalette 「UIPALETTE」は、配色を考えるときに使えるオンラインツールです。 サイトの左側にあるメニューのうちの「BrandColors」をクリックすれば、海外の企業のイメージカラーがわかり、「FlatColors」や「MaterialDesignColors」をクリックすれば、フラットデザインやマテリアルデザインに必要な配色がわかります。 「Hailpixel」を使えば、感覚的に色を決めることができるので、その時の自分に必要なカラーコードを直感的に見つけることができます。 SmartHR（スマートエイチアール） 「SmartHR」は、社会保険や雇用保険の手続きを自動化するクラウド型ソフトウェアサービスです。 従業員情報を入力するだけで、必要書類を自動で作成し、総務省が提供する電子政府「e-Gov」の外部連携APIと連携してWeb上から役所への申請できます。β版はすでに15

2015-11-28 ウェブ配色ツールの決定版「UIPalette」もう色選びに迷わない！ http://www.uipalette.net/ ブログをカスタマイズするとき色選びに苦労していませんか？ 今回は人気の配色ツールをまとめたUIPaletteを使ってみたのでご紹介します。色選びはUIPaletteを使って作業時間をぐんと削減しましょう！ UIPalette UIPaletteは左のメニューに用意された11個の配色ツールを自由に選んで利用できます。 BrandColors BrandColorsは海外企業のイメージカラーがまとめられた配色ツール。 ベースカラーを決定しないことには始まらないので、まずはここを参考にしてみましょう。配色パターンを丸ごと使うと企業イメージと被るので注意が必要です。 Paletton Palettonはベースカラーに合わせた配色パターンを表示してくれます。

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ

写真のかんたんな補正作業は、スマホやタブレットのアプリを使えば素早く行えるが、マウスを使って本格的な編集作業を行うとなると、やはりPCは欠かせない。もしPCに画像編集ソフトがインストールされていないようであれば、重宝するのがオンライン画像編集サービスだ。 オンライン画像編集サービスは、サイズ変更や回転などの操作はもちろん、色調の補正、テキストの挿入といった市販の画像編集ソフト顔負けの機能を備えるほか、最近はSNSでの公開を前提とした装飾機能に注力したサービスも増えるなど、機能は数年前に比べて格段に進化している。今回はこうしたオンライン画像編集サービスを紹介しよう。 ◇Pixlr Editor この分野では老舗にあたるオンライン画像編集サービス。Flashを使用している。GIMPなどの画像編集ソフトに似たインターフェースを持ち、日本語でのメニュー表示にも対応している。新興のサービスと比較する

2015年9月24日 便利ツール 巷ではgulpやGruntなどを使ったスタイルガイド生成ツールが多く存在します。しかし、CSSのコメントに書き込んだりするのはWeb制作者でないと難しい部分もありますし、そもそもファイルを作るのがめんどうだったり…と、なかなかスタイルガイドを作る気になれない人もいるんじゃないかと思います。今回は非Web制作者でも簡単にスタイルガイドが作れちゃうFrontify Style Guideを紹介します！ ↑私が10年以上利用している会計ソフト！ スタイルガイドとは？ Webサイトを一人で制作、運営している場合、そのサイトに必要な画像やロゴ、配色パターンなどはすべて自分が把握できているものです。しかしチームを組んで運営していく場合は、コーディング規約と同様、デザインのルールをひとつにまとめておくといいでしょう。そのルール集がスタイルガイドです。スタイルガイドを作る

ちょっと試してみたがこれは便利かも・・・。 Sheetsuは、GoogleスプレッドシートをAPIにしてくれるサービスだ。 使い方は簡単で、GoogleスプレッドシートのURLを入れてサービス連携するだけだ。 あとは指定されたURLでデータの取得や書き込みができてしまう。 Googleスプレッドシートをデータベース代わりにしてサービス構築、なんてこともできそうだ。データの更新が楽になりそうですな。 本番運用するにはちょっと微妙かもだが、興味がある人は試してみるといいですな。

Office 2007/2010/2013 の Excel/PowerPoint/Word ファイル（.xlsx・.pptx・.docx など）は、zip 形式で圧縮されていて、拡張子を .zip に変えると、使われている画像などのメディアファイルを簡単に取り出せます。 それと同じことをする、Web サービス を作ってみました。Web ブラウザーに Office ファイルをドロップすると、メディアファイルだけ残した zip ファイルを作成し、ダウンロードできます。 クライアント側の JavaScript で zip の展開をしているため、サーバーにはファイル情報を送っていません。 ファイルをコピーして拡張子を zip に変換して画像を取り出すのは、少しだけ手間ではありますが、はたして、このサイトを開いて画像を取り出すのとどっちが楽なのか……。 コード JavaScript で、zip ファ

各サービスのAPIの仕様なんて覚えてらんねぇ！という人は是非。 Blockspringとは Blockspringは、TwitterやFacebookなどのソーシャルメディアをはじめ、Amazon、Youtubeなど様々なサービスからのデータを、プログラマがAPIを直接触ることなく表データとして取得することができるサービスです。サービスごとに規格の異なるWebAPIを利用するには学習コストが結構かかるわけですが、Blockspringはそういったサービスとプログラマーの間に立ち、データ取得のインターフェイスを抽象化してくれます。 非常に沢山のサービスに対応しています。 「ちょこっとデータが欲しいだけなのに、サービス毎のWebAPIを勉強するのもう疲れた」 そんな時はBlockspringを利用してみてください。 インストール BlockspringはGoogle スプレッドシートとエクセル

キャプチャーにコメントを添えられるサービス ビットエーの「まるで付箋紙！サイトや画像にテキストを簡単に入力できる「AUN」が手放せない」という記事を読んでこのサービスのことを知りました。 上記の記事では付箋紙と例えてますが、まさにそんなサービス「AUN」はこちらからどうぞ。 AUNの簡単な使い方 AUNの使い方を簡単にご紹介します。操作が直感的なのでおそらく迷わず使えると思います。 ▼まずはサイトのURLを入れます。画像なども読み込むことが可能です。 ▼あとはコメントを付けたい箇所をドラッグしてコメントを入れるだけ。 コメントを付ける作業が完了したら、ページ右上の「保存を押します」 ▼タイトルを付けて、必要であればパスワードを設定します。 ▼あとはこのURLを相手に送るだけです。 このURLをLINEで送りたい、って思った場合にiPhoneに送りたいなぁって思うこともありますよね。そんなと

2015年7月7日 便利ツール 先日超初心者さん向けにHTML・CSSを使ってWebページを作る講座を開いたのですが、予想通りやはり「これから勉強したい！」という人は、何から勉強すればいいのかがわからない事が多いです。また情報が多すぎて必要なツールもどれを選んだらいいかわからないケースもよく耳にします。そこで今回はその時教えたツールやサービスを中心に「これだけはそろえておこう！」というものを紹介します。あまりたくさん挙げても使い切れないかなーと思ったので、かなり絞っています。まずはこれらをとっかかりにし、自分好みのものを探していってくださいね！ ↑私が10年以上利用している会計ソフト！ 環境を整えよう まずはWebサイト制作をするための環境を整えましょう。 テキストエディター テキストエディターは、HTMLやCSSなどを使ってWebページを作成する際に使うツールです。Windowsに最初か

やっぱりさすがプロです。良いものを作っていただきました。 ただ、やはり外注するとなると、依頼文を考えて書き込んだり、もちろんお金がかかります。 けれど、世の中には「ちょっとロゴを作りたいけど忙しくて依頼する暇がない」という方や、「簡単なものでいいので無料で作りたい」なんて方もおられると思います。 そんな方に、良さそうなサービス「Design Rails」を使ってみたので紹介です。 Design Railsとは Design Railsは、ロゴテキスト入力と、クリックでロゴが作れてしまうロゴジェネレーターです。 こんなロゴを作成できます。 自分の好みを、ポチポチとマウス選択するだけで、わずか数分でロゴが作れてしまいます。おそらくDesign Railsというのは、Ruby on Railsみたいなもんで、レールの上に乗って行くだけで、デザインできてしまうという意味ではないかと思います。 今回

こんにちは！　小学1年生の頃、私のおでこと小学6年生の男の子の前歯がぶつかり、相手の前歯を折ってしまった石頭ライターのうららです。 そんな思い出も、FacebookやTwitterなどのツールでシェアすることが可能になりましたね。 時代はシェアです！ ということで、今回はタスク管理をシェアできるWebサービスをまとめてみました！ ちなみに、ここで紹介するサイトはすべて・・・ オンラインでファイル共有が可能 マルチデバイスに対応 となっております！　すごい！ 3行で紹介するのが流行っているそうなので、そんな感じで紹介していきます！ それではスタート！ 【こちらもおすすめ】 ☞ タスク管理ツール「Trello」をもっと便利にするChrome拡張機能まとめ 完全無料のタスク管理ツール Trello https://trello.com/ 英語にのみ対応 上の写真にある通り、 カードを組み立ててい

ちょっと試してみたら思いの外良かったのでご紹介。 Bulk Resize Photosを使えば、複数の画像をまとめてリサイズすることができる。 すべての処理はブラウザ側で行なうのでアップロードが不要、速度も申し分ない点が便利だ。 またリサイズの指定も「全体的に70%に」「最大幅を800pxに」「画質は60%で」といった細かい指定ができる。 なかなか便利だと思うのだがどうだろうか。知っていてもいいかもですな。