この記事の元の本編は削除しました。｜樫田光 | Hikaru Kashida｜note
これは何かGoogleの Material Design Guideline - Data Visualization がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則（Principles） データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け
ブサイクなUIデザインを劇的に改善するための10のチェックリスト｜Taiki IKEDA｜note
お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪い例を探すのに苦労しましたが、MoneyF●rwardさんが題材として非常に優秀でした。左右の余白は14~20ptの間で揃えるのが定石です(迷ったら16ptにしておこう)。どうしても左右の余白を持て余してしまうという場合は右の改善例のように中央揃えに逃げるのも手です。 フォントの大きさは正しいか fontサイズはまず、「読ませるテキストの大きさ」を決めてから、それを基準に組み立てていきます。読ませる文字、webでいう<p>タグは14~16ptに設定し、その文字とのバランスを見て<head>
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
UIデザイン丸パクリのすゝめ｜Taiki Ikeda｜note
また怒られそうなタイトルをつけてしまいました。多分理解できない人がほとんどだと思うので、事業に本気でコミットしたことがない人は読まないほうがいいかもしれません。UIデザインをアートだと思っている方々はそっ閉じしてください、悲しくなるので変なリプも飛ばさないでください笑 経営者(PM)の思いをユーザーに届けるということ僕はUIデザイナーの仕事のうちの一つは、「こんな価値をユーザーに届けたい」という経営者(ないしプロダクト責任者)の思いを、インターフェイスを通してユーザーに届けることだと思っています。100の価値をユーザーに届けるまでにデザインができることは、届ける過程で失う価値を最小限に留めることであって、もともと100しかない価値を100以上にすることはできません(と、個人的に思っています)。 サービスの失敗価値の伝達というとても大事な仕事を担うからには、早々にサービスをクローズしなければ
オブジェクト指向にメリットなんて存在しない｜古都こと｜note
最近の新人は勉強熱心だ。新しく聞いた概念を貪欲に取り入れようとする様は、はたから眺めていても感心する。私なんて10年前に得た知識でなんとかごまかしごまかし生きているというのに。 もちろん様々な場面で「躓き」は発生する。有名どころではポインタや非同期処理が初心者キラーだ。そして一番の初見殺しは……オブジェクト指向だ。 オブジェクト指向に殺されたプログラマは数知れない。新人からベテランまで、たいてい皆殺しにされている。 なぜそれほどまでに多くのプログラマを混乱させるのだろう。本やネットではオブジェクト指向の数々の多大なメリットが列挙されており、実に素晴らしいパラダイムに思える。しかし教本通りに組んでみてもどうにもしっくりこない。本当に自分はオブジェクト指向のメリットを享受できているのだろうか？ 種明かしをしよう。実はそれらメリットとやらは全部全くの嘘で、オブジェクト指向にメリットなんてものは存
フロントエンドに明るくない人のためのPWAざっくり解説｜Yuichiro_Matsuda
フロントエンドエンジニアをしているまっちゃそ（CSSおじさん）です。 25歳なのでおじさんとは言えないかもしれませんが、周りに大学生インターン生が多く、気持ち的にはおじさんなのでCSSおじさんを名乗っています。 この記事は「PWA Advent Calendar 2018」1日目の記事です。 １日目と言いつつ、この記事を書いているのは12/4です。自分でアドベントカレンダー作ったくせに初日を落とすという本当にダメな感じになってしまって、もうホントごめんなさい、という気持ちです。 モチベーションPWAで新しくプロダクトを作る機会を得るため、少しずつ調査や説明をしてフロントエンドが専門ではないエンジニアの方や、非エンジニアの方などに説明する機会があったので、まとめておこうと思いました。 前提Serverless Framework + Nuxt.jsでWebアプリケーションを構築する際に調べた
WEBアプリケーションフレームワーク「Django」でブログを作成して開発の流れを知ろう！Ver. 1.1｜中西瑛太｜note
WEBアプリケーションフレームワーク「Django」でブログを作成して開発の流れを知ろう！Ver. 1.1 DjangoでのWEB開発の流れが一通り分かるようになっています。技術チュートリアルとしてご活用ください。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝−＝＝ Ver. 1.1 アップデート内容・サポート体制の強化 ・CSSの導入方法 ・Adminサイトのセキュリティ対策 ・細かな修正 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 近年、人工知能が注目されていますよね。人工知能のWEBアプリを作りたい人や「なにから勉強し始めればいいのかわからない。」という人はたくさんいると思います。 そんな時は、人工知能開発と相性の良いPythonがベースのフレームワークである「Django」を使いましょう！今回は入りとして、簡単なブログを作成していく予定で
ITエンジニアはかっこいい｜yu｜note
Qiitaに同じ内容を載せていますが、技術情報の為のサイトなので こういう時にnoteの出番ですね。😊 同じ内容にはなりますがこちらにも書いちゃいます。 皆さんはエンジニアと呼ばれる人達を どのような人達だと思っていますか。 エンジニアになった今だからこそ 実はこんなにかっこいいんだよ！ っていうのをお伝えします。 ※あくまで個人的な意見です。 私が実際にエンジニアになるまでに抱いていた印象 ・コミュ障 ・メガネかけた男性ばかり ・別世界すぎて会話も合わなさそう こんな感じでした。(すみません。。) 私は手に職が欲しかった為 こんな印象ではいたけれど エンジニアとして働くことにしました。 そして！ 実際に働いてみて気づきました、、 全然印象と違う！ まずシステムを作る時には 必ず使う人のことを考えます。 「喜んでくれるかなー？」 「便利！って思ってくれるかなー？ 相手を思い適当な考え方を
女性に読んでほしくない女性のマネジメントについて｜片切真人｜note
「これからの時代は男女でわけて考えるのではなく、性別ではなく、個々としてみないといけないから男女でマネジメントをわけるなんていうのはナンセンスだ。」 と自分に言い聞かせてきましたが、 やはり男女は違うという答えに行き着きました。 僭越ながら女性のマネジメントについて書こうと思うのは、女性のマネジメントが得意というわけではありません。 ただひたすら逃げずに立ち向かったことにより見えてきたことがあるということだけです。 私の女性マネジメントの経歴は以下です。 ・女性を部下に持った数100名以上 ・面談で女性を泣かしてしまった回数は50回以上 ・「あなたがいるなら私は辞めます。」と言われた回数２回 ・役員選挙投票紙の自由記入欄に「セクハラしないで」と書かれた票が２票（控訴したい） こんなところです。 「今より前に進むためには争いを避けて通れない」とミスチルも言ってるしなー。と思って深く考えずに生
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
