デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. テキスト校正くん VS Code上でテキストファイル・Markdownファイル・Re:VIEWファイルの日本語の文章をチェックする拡張機能です。該当のファイルを開いた時、更新した時に自動で校正のチェックを行い、文章内の問題のある箇所をマーキングし問題パネルにエラー内容を表示します。 メールの文章を作成する際やブログ記事の文章を作成する際などに、ご使用いただくと便利です。 ウェブ業界の専門用語を含め、一般的な文章のルールに沿って主に以下のようなチェックを行います。 「ですます」調と「である」調の混在 誤検出の回避のため「である調」の判定は明らかに常体な「〜である」のみとなっています。 ら抜き言葉 二重否定 同じ助詞の連続使用（※初

我が家では最近Youtubeを見ることが増えています。 一昔前まではネットで何かのやり方を探そうと思えば普通にGoogle検索していたわけですが、それを代わりにYoutube内で検索して探すことが増えました。例えば、楽器やスポーツを練習したいならば、文字情報より断然動画のほうが分かりやすいわけで、Youtube内に膨大なコンテンツがあることに気付いたわけです。 もし、自分や家族や友人が何かの楽器やスポーツを不得意に感じていたら、「テニス　初心者向け」みたいにYoutubeで検索してみてください。驚くほど多くの分かりやすい動画が見つかります。 特に語学学習のコンテンツはほぼすべての言語で溢れかえっているのはご存知のとおりです。 それで、私も含めて家族でYoutubeを見る機会が増えてきて困ったのは広告の量です。Youtubeは動画の始めと終わりに、そしてそこそこの長さなら動画の途中に広告が入

概要 職業ソフトウェアエンジニアを目指す方々にオススメしたい書籍トップ10です 以下の観点から選定しました 10年後でも変わらない、流行にとらわれず長く役に立つ、ソフトウェアエンジニアリングにおいて普遍的な知識 特定のプログラミング言語やプラットフォームやツールに精通するのではなく、現代のソフトウェア開発の哲学・文化の全体像が把握できることを優先 200～300ページくらいで初心者でも読破できる 400～500ページくらいの本もあるが、それらは辞書的に使うのがいい あえて10冊に絞り込んだので、ここに含められなかった書籍も当然あります CI/CDやDevOpsに関する本も入れたかった… デザインパターンに関する本も入れたかった… DDDやClean Architectureなどシステム設計に関する本は意図的に入れていない 真・プログラミングスクールに通うくらいならこの本を読め10選を書きま

いろいろやってみた知見が溜まったのでまとめ。 開発 時間給で労働を売る古き良きスタイルの副業。副業として機能開発とかバグ修正とかやったりする。 自分はUIがいい感じだったからという理由でOffersを使って副業を探した。 offers.jp 注意点として、日中まともに会社員やっている人だと、稼働時間が自ずと平日夜か土日だけになってしまう。これが厳しいところとして、副業先のチームの開発プロセスには載ることが基本できないため、非同期作業みたいな形になる＆開発スピードが求められるコアな機能開発みたいなアイテムには入りづらくなる。 あと純粋にモチベーション的に平日夜とか仕事したくないときもある。でも副業でアサインされてると仕事しないといけない。場合によってはチームの開発作業の進捗妨害をすることにもなったりする。 独立して作業可能なアイテムを貰えるプロジェクトか、例外的に日中もコミュニケーションでき

東京医科大（東京）が医学部医学科の一般入試で女子受験生の合格者数を抑制していた問題で、同大による内部調査の詳細が判明した。今年の一般入試では、受験者側に知らせないまま、減点などで女子だけでなく３浪以上の男子の合格者数も抑える一方、５人前後の特定の受験生には加点していた。一連の得点操作は、臼井正彦前理事長（７７）の指示で行われていた。 同大は週内にも調査結果を公表する見通し。文部科学省の私大支援事業を巡る汚職事件で、臼井前理事長を贈賄罪で起訴した東京地検特捜部も、一連の操作を把握しているとみられる。 同大医学科の今年の一般入試は、マークシート方式の１次試験（計４００点満点）後、２次に進んだ受験者が小論文（１００点満点）と面接を受け、１次の得点と合算して合否が決まった。

2018年6月現在＝アフィリエイトで儲けられなくなった分水嶺 どうも千日です。インターネットを利用した副業として一番に目にするのがアフィリエイトサイトです。サラリーマンや主婦でもネットを利用して副業、兼業をするということについては、千日は良いことだと思ってます。こんな記事も書いてます。 しかし、既存のアフィリエイトサイトはダメです。少なくともこの記事の執筆（2018年）時点ではもう末期症状です。 もうこの下にドジョウは居ませんよ。 まだいける。私はある方法で成功した！ こんなことを書いているサイトもあるかもしれませんが、やめときなさい。泥水を飲むハメになります。 普通のサラリーマンや主婦でも、ネットを利用することでバリューを発揮することが出来るのは本当のことです。しかし、それをカネに変換する方法としてアフィリエイトはもう時代遅れになりつつあるのです。 このことは前からこの業界にいる人たちの

Web制作に限らず、制作業界すべてのマネジメントにおいて、要件やスケジュールの確認、変更や修正内容の確認は、非常に重要なプロセスです。 広告関係4団体によって策定された、それらの内容を明確にし、確認書としてメールの書面をもって確認するためのガイドラインを紹介します。 広告関係4団体が「広告制作取引『受発注』ガイドライン」を策定 策定に加わった4団体は、下記の通り。 JAA 日本アドバタイザーズ協会 JAAA 日本広告業協会 JAC 日本アド・コンテンツ制作協会 OAC 日本広告制作協会 上記ページで、ガイドラインのPDFがダウンロードできます。 このガイドラインは制作費や納期などの発注内容を事前に明確にし、適切なスケジュール管理のもと業務管理を行い、受注/発注両者が長時間労働の抑制に取り組むことを目的としたものです。それらを「受発注確認書」として電子メールで取り交わすことをルールといたしま

AWSの料金、ややこしいですよね。 サービスの選択肢が多く構成が柔軟なおかけで、さまざまな要件をカバーできるのは嬉しいのだけど、そのぶん料金体系がややこしいので、やるせない気持ちになります。 この気持ちはなんだろう、この気持ちはなんだろう、と自問しているうちに春になってしまったので、AWSの料金を「ざっくり」計算できるサイトを作り始めました。 ざっくりAWS 公式ツールの存在 Simple Monthly CalculatorというAWSの料金を計算できる公式のツールがあるのですが、悲しいことに名前ほどシンプルではありません。 正確な料金を算出するために入力項目が多いのは仕方がないとは思うのですが、サイトを開いたときの威圧感がすごいので、もう少しさっぱりできないかという気持ちがありました。 なので、公式ツールの敷居が高いと感じる自分のような人向けに、料金を「ざっくり」計算できるサイトを作り

ブロックチェーンは、技術としても未来像としても残念なものである2018/04/06 3ヶ月前、英語圏でバズったとある仮想通貨の記事を連続ツイートで翻訳し、何万人もの方に読んでいただきました。 翻訳ツイートをまとめた記事: 「誰もブロックチェーンを有効活用できていない」「仮想通貨のまともな使い道は通貨投機と違法取引だけ」仮想通貨ブロガー@reinabb3さんによる翻訳はこちら続編の翻訳今朝、原文の著者・Kai Stinchcombe氏から「記事の続編を書いた」と連絡が来たので、許可を得て全文翻訳しました。 題名は "Blockchain is not only crappy technology but a bad vision for the future"。 日本語にすると 「ブロックチェーンは、技術としても未来像としても残念なものである」になります。以下拙訳です。原文のリンクはこちら。

https://anond.hatelabo.jp/20180403170152 多分昔の俺とほとんど同じ状況だと思うから、なんとかそこから抜け出して一般企業に就職した身として三つだけアドバイスする。見てるかどうか知らんが届くと嬉しい。 「プロスポーツの世界で10年食ってた」って肩書きは強力お前「才能がない」なんて自分で言ってるけどな、何のスポーツか知らんが10年やってこれたんだろう？すげえじゃねえか。それだけでも十分才能だ。尊敬する。俺なんか殆ど戦力にもなれないまんま5年足らずで引退だぜ。 で、普通の企業って今でも結構体育会系でな、「元プロ選手」っていうとそれだけで一目置かれたりするし、根性あるだろってプラス評価されたりするんだよ。年の問題はあるかも知れんけど、その年までニートやってたヤツなんかより遥かに高評価なのは間違いねえ。しかもお前、便利屋ポジションを自分で確保出来てたんだろう？す

平日の夜と土日を使って2週間で開発された、デザインに関する記事をシェアするサービス「siori.design」。最速でプロダクトをつくる上でデザイナーは技術を、PM・エンジニアはデザインを、フルスタックで理解する重要性が垣間見えた。 プロダクト概要 「siori.design」…デザイン関連のWebサイト・記事にコメントを添えて投稿・共有できるサービス。2018年2月26日にリリース。 プロジェクト概要 夜の時間と週末の時間、わずか2週間で開発。Slack、GitHub、Sketchを駆使しながら全員がリモートで連携をとった。最初は小島氏がWordPressを使ってプロトタイプを作成。そこに吉竹氏が参加しデザインを、さらに熊田氏が加わってRuby on railsを使って本番のアプリを開発した。 デザイン特化型の記事共有コミュニティ「siori.design」 ー　そもそも、なぜデザインに

1年目のデザイナーに教えたほうがいいことや、デザイナーを育てるとはどういうことなのか。 自分のことはどうにかなってきた20代中盤。「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からなかったですし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の方の役にたてば嬉しいです。 ※この記事は、2017年4月にMediumで公開した記事を加筆・転載したものです。*** 本人が課題を感じて初めて成長するWe don't know what we don't know. （分からないことが分からない。）突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ 教える側は、相手が分かっていないところが分かるのですが、当の本人は「分からないことが分からない」状態なのです。でも、

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

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

普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ