この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる

タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場！2019.04.06 15:00115,170 山田洋路 どうせ今日も観てしまうんだから、ついでに英語も学んじゃいなよ。 時間がない、時間がない、と公言しつつ、なぜかNetflixのマイリストだけはしっかり消化していませんか。このやめたくてもやめられない最優先タスクを、なかなか続かない英語学習と抱き合わせにできる発明が、Chrome拡張機能｢Language Learning with Netflix（LLN)｣です。 Video: David Wilkinson/YouTubeLLNの開発者の1人、David Wilkinsonさんは、｢たとえばペルシア語のように、言語によっては教材の選択肢が狭いものもある｣とThe Vergeへのメールで語っています。その点、我らがNetflixの字幕は主要

ご来訪誠にありがとうございます。 大変恐れ入りますが、本サイトは現在メンテナンス中でございます。 またのご利用をお待ちしております。

リンク Qiita Chainerで顔イラストの自動生成 - Qiita ![Screen Shot 2015-12-24 at 6.56.28 PM.png](https://qiita-image-store.s3.amazonaws.com/0/51673/11ef48f6-0594-d91c-809... 426 users 14

1994年に発売した｢プレイステーション｣のデザインをコンパクトなサイズで精密に復刻し、懐かしの｢プレイステーション｣ソフトウェアタイトルを20作品内蔵した｢プレイステーション クラシック｣を、希望小売価格9,980円＋税で2018年12月3日(月)より数量限定で発売(※1)します。 1994年12月3日(土)に日本で発売を開始した｢プレイステーション｣は、当時では革新的な3DCGのリアルタイム描画を実現し、記録媒体にはCD-ROMを採用することでソフトの大容量化を可能にするなど、90年代以降のゲーム業界に大きな影響を与えた、ソニー･インタラクティブエンタテインメント(SIE)が世界に誇る家庭用ゲーム機です。 ｢プレイステーション クラシック｣は、その初期型にあたる｢プレイステーション｣の外見やボタン配置、コントローラ、外箱パッケージ(※2)のデザインをほぼそのままに、本体は縦横で約45％

ビル・ゲイツは“ハッキング”に関しても多くのことを知っている。特に学ぶことに関する「ハック（難しい問題に対する賢い解決策）」については、いくつかのお気に入りの方法があるという。 オンライン上には、私たちが自分自身のスキルを高め、“知的資本”を増やすために活用できる数多くのリソースある。ゲイツは今年初め、タイム誌への寄稿の中で、自ら活用している4つの生涯学習サイトを紹介した。 1. カーンアカデミー カーンアカデミー（Khan Academy）が提供するのは、誰でも無料で無期限に、世界的レベルの教育を受けることができる機会だ。コースのテーマには、次のようなものがある。 ─数学、科学・工学、コンピューティング、芸術・人文科学、経済・金融、大学・キャリア サル・カーンが創設したこのオンライン教育プラットフォームは短い動画を配信する形で、何千種類もの講座を提供している。 2.　Code.org ゲ

こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思っている人の参考のひとつにでもなれば嬉しいです。 あくまでも自分なりの見解であり初心者目線で書きますので、どうぞ暖かい目でご覧になってください...。(アドバイス随時受け付けてます！) そしてかなり迷ったのですが、この記事ではトレースしたものだけでなく、アウトプットしたものも全部載せます。プロのデザイナーさんが見たらツッコミどころ満載の作品ばかりだと思いますが、同じような境遇の方の励みになればと思って、、、、では目次です。 目次 1. 　UIトレースを始めたきっかけ 2. 　最

ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ

Atomエディタ 便利なパッケージ一覧！ 全23社のWebエンジニア・デザイナーがおすすめを紹介 Web開発で人気のAtomエディタ。便利なパッケージがたくさんありますが、必ずインストールしておきたいのは何でしょう？ IT企業23社にアンケート調査を実施しました。一番人気だったのは……？ 使い勝手の良さと汎用性の高さから、Webエンジニアやデザイナーの人気を集めているAtomエディタ。愛用している読者も多いのではないでしょうか。登場が2014年と比較的新しいエディタにもかかわらずシェアを急速に伸ばしており、人気の高さをうかがわせます。 Atomエディタを使う際に必ずインストールしておきたいのが、パッケージです。これはデザインテーマや、プログラミングの便利機能などをエディタに追加できるプラグインのようなもの。快適に効率よく開発を進めるには必要不可欠です。 しかし、Atomエディタのパッケージ

旅行や帰省で子どもと出掛ける機会が多い時期だとして、ベビーカーに子どもを乗せたままエスカレーターを利用しないよう、消費者庁が注意を呼び掛けています。代わりにエレベーターを利用するか駅員などに補助を頼むことを提案しています。 画像：消費者庁Twitterより 消費者庁には子どもをベビーカーに乗せたままエスカレーターを利用したことで発生した事故情報が寄せられているとのこと。「ベビーカーに乗っていた3歳の子どもが前に放り出され、10～15段下に転落した」「他の客のベビーカーが上りエスカレーターに引っかかり緊急停止したため、自分と子どもが前のめりになり首や背中を痛めた」など、子どもにケガのおそれがあるだけでなく周囲の人にも危害が及ぶこともあるようです。 非常に危険であるため子どもをベビーカーに乗せたままの場合はエスカレーターを利用せず、エレベーターなどを利用。ない場合は駅員や店員等に補助してもらえ

絵本あるある はやくいいたい「ページ数の割に高くないか？」って思う。失敗したくないから、自分が子供の頃に読んでもらった絵本とか、ベストセラーを買いがち。で、「案外反応よくないな？」ってなる。 いや、実際のところ、ベストセラーはやっぱりすごい。こどもの感性にピッタリフィットした場合、誇張抜きで100回ぐらい読むから「これで1,000円？　激安やな！」って思うんです。 うちのこどもの場合だと だるまさんシリーズ(かがくいひろし)いないないばああそび(木村裕一)やさいさん(tupera tupera)おててがでたよ(林明子)きんぎょがにげた(五味太郎)はらぺこあおむし(エリック・カール)からすのパンやさん(かこさとし)ぐりとぐら(中川李枝子、山脇百合子)（通年で）こどものとも012シリーズ以上、1歳から2歳の成長過程でこどものハートを盗んだ順。このへんは、もう、ほんと聖書と書いてバイブル。 一方

こんにちは。 札幌を拠点とし活動中のNORD WORKSレタッチャーのオオタニです。 本日はレタッチ制作工程を公開します。 映画や舞台、ゲームのようなビジュアル制作 いろいろなシーンの画像を切り抜き合成していきます。 人物、服や持ち物も変えているものもあります。 さらに背景を入れて、光の向きや影をそろえて、エフェクトをのせ、できるだけ違和感を薄くしていきます。 一つ一つ丁寧に合わせていきます。 この動画では出ていませんが細かい作業がかなり入っているんです。 これを見ればどんなレイヤー構成で作られているかわかるかも！？ 大きな完成画像はこちらでみてくださいね。 NORD WORKS 他のビジュアルも公開しています。 レタッチって時間かかるんですよね。 だけど20年PHOTOSHOPやっていると作業スピードも早くなり、結構いろいろなことができるようになりました。 今ではレタッチ専門事務所をつく

なぜ、的外れなのでしょうか？ それは、実際にユーザーが使っているシーンを考えればわかります。たとえば、PCを起動してからサイトのコンテンツを読むまでの流れを書き出してみましょう。 ブラウザを立ち上げるアドレスバーに文字列を入れて検索する検索エンジンの検索結果から該当のコンテンツを探すサイトに訪問し、コンテンツを読むサイト側で用意した支援機能は、4の「サイトに訪問し、コンテンツを読む」の段階になって初めて使えるものです。サイトに「音声読み上げ機能」があれば、そのサイトのコンテンツを読み上げることはできますが、他のサイトのコンテンツを読むことはできません。そしてもちろん、ブラウザを立ち上げたり、検索文字列を入れたりする際にも、この機能を使うことはできません。 もし、このような支援機能にニーズがあるとすれば、普段は目で見てアクセスする人が「何らかの事情でそのサイトのコンテンツだけ読み上げで聴きた

配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を

ネット上の「無料かつ優良な教育コンテンツ」をまとめました。金銭的および地域的理由で塾に行けない方、選べない方、塾へ行っているが自宅でも効率よく学習したい方。誰でも平等に利用できるのが、これら教育コンテンツです。 フォロワーはもち… https://t.co/1gaQcn1dgU

会社辞める もう離婚だ あと一つは何？

日本のアニメ・ゲームオタク抗争を刑事ドラマ風にした海外動画「ANIME CRIMES DIVISION」（アニメ・クライムズ・ディビジョン）が何から何まで一点の狂いもなく狂った内容でネット上をざわつかせています。やだこの人たち、そこらの日本人よりジャパニーズアニメオタク……！ 「ANIME CRIMES DIVISION」1話 2話 3話 なお、ほぼ全編英語なので、視聴する際は右下の「字幕」をオンにして、歯車マークから「日本語」を選択してください。自動翻訳ではないちゃんとした翻訳字幕が表示されます。 第1話の再生を始めると、冒頭から「ここネオヲタクシティーには2種類の人間がいる。セーラームーンのテーマソングを日本語で歌える人間と、そうでない人間だ」というパンチの効いたナレーションから始まり「お、これはイカれたものが始まるな」と覚悟を決めさせてくれます。セーラームーンというチョイスがすでに「