3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
ビジネスでの「責任の取り方」って？ ビジネスにおける「責任」は、実は意外と幅広い概念を表しています。このことが「責任を取る」という表現を分かりづらく曖昧なものにしてしまっていると考えられます。 ビジネス上での「責任の取り方」は、大きく3つに分けることができます。すなわち、「遂行責任」「説明責任」「賠償責任」という3つの「責任」を果たすことを指しているのです。 別の言い方をすれば、これらの3つの責任が何を指しているのか？を理解しておくことが、適切な「責任の取り方」へとつながるのです。 ビジネス上での「責任の取り方」 遂行責任とは「最後までやり切る」ことへの責任、と言い換えることができます。 ビジネスにおいて、仕事を遂行する過程でさまざまな障壁が立ちはだかります。このとき、「障壁があったので仕事を完遂できませんでした」と言ってしまうと「言い訳」とされてしまいます。 たとえプランAでうまくいかな
デザインシステム｜デジタル庁
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 更新情報2023年12月26日 [バージョン1.4.1]スタイルやコンポーネントの修正・更新を行いました 2023年10月18日 [バージョン1.4.0]スタイルやコンポーネントの追加・修正・更新を行いました 2023年8月31日 [バージョン1.3.4]スタイルやコンポーネントの修正・更新を行いました 2023年7月31日 [バージョン1.3.3]新規コンポーネントを追加、スタイルやアセットなどについて修正と更新を行いました 2023年6月29日 [バージョン1.3.2]コンポーネントを追加、テンプレートやガイドラインの一部修正と更新を行いました 2023年6
“麻婆豆腐の素”は出番ナシ。店のまかないでよく作ってる「白い麻婆豆腐」【ヤスナリオ】 - メシ通 | ホットペッパーグルメ
こんにちは！ 高円寺メタルめしのヤスナリオです。 今回ご紹介するのは、柚子こしょうの爽やかな辛味がウマシな「白い麻婆豆腐」です。市販の麻婆豆腐の素を使わなくても、柚子こしょうと鶏がらスープの素があれば基本の味付けはバッチリ。ひき肉と小麦粉を炒めるウラ技で、水溶き片栗粉などでとろみ付けする必要もナシのお手軽麻婆です！ ヤスナリオの「白い麻婆豆腐」 材料：1人分 絹ごし豆腐 1丁（300g） 豚ひき肉 80g ごま油、小麦粉 各大さじ1 鶏がらスープの素 小さじ2 水 50ml 柚子こしょう チューブ7～8cm分 青ねぎ（小口切り）、粗挽き黒こしょう 適量 作り方 1. フライパンにごま油を熱し、豚ひき肉、小麦粉を入れ、 よく混ぜながら炒める。 2. ひき肉の色が変わったら、さいの目切り（1cm角くらい）にした豆腐、鶏がらスープの素、水を加え、 3分煮込む。 小麦粉を先に入れてあるので、これで
GitHub 英語例文集
GitHub で参考になった英語表現をまとめました。文脈がわかるように原文の URL も記載しています。 🙅 方針に異議を唱える it's hard to ~~~ Select onInput doesn't function in Microsoft Edge · Issue #2331 · preactjs/preact 🤦 誤解を解く We never said that ~~~ Select onInput doesn't function in Microsoft Edge · Issue #2331 · preactjs/preact 🙊 誤解していたことを伝える now I see you suggested this in your original feature request. Type EffectCallback - allow async function
何も考えない楽しい映画を教えて【追記】
できればここ10年くらいの映画。 なんかこう色々考えさせる〜とか、これは○○という社会問題を〜という映画が多くて、シンプルな冒険活劇とかエンタメ全振りみたいな映画が観たい。 別に根底のテーマに社会問題があってもいいけど、基本は全力のエンタメみたいなの。 【追記】 軽い気持ちで聞いたらすごい反応をもらってびっくりした。 最近MEGザモンスターズ2を観て、こういう1から100までお祭り騒ぎというか、100%エンタメみたいな映画観たいと思って聞いたから、色々挙げてくれて嬉しい。 この金土日のお供にする。ありがとうございます。
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
こんにちは。エンジニアの谷井です。 フォルシアでは、Spookと呼んでいる技術基盤を用いて、主に旅行業界やMRO業界に対して、膨大で複雑なデータを高速検索できるアプリケーションを提供しています。 今回はその高速検索のノウハウのうち、特にDBの扱いに関連する部分について、ベテランエンジニアへのインタビューを通してそのエッセンスをまとめてみました。 一般的なベストプラクティスだけでなく、検索性能を高めることに特化しためずらしいアプローチもあるので、ぜひご覧ください。 フォルシアにおける検索DBについて まず前提としてフォルシアで扱うデータについて軽く説明します。 扱うデータの複雑さ たとえば、旅行会社向けのアプリケーションであれば、宿泊素材の情報としては ホテルの情報「〇〇ホテル」（~約2万件） プランの情報「朝食付き・ロングステイ△△プラン」（0~1500件/施設） 客室の情報（~100件/
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS
2019年6月12日、ソニーネットワークコミュニケーションズ株式会社は、機械学習を用いた予測分析サービス「Prediction One」の無償提供を開始した。 過去の実績データから将来の結果を予測するAI技術により、営業や業務管理、人事など幅広いビジネスへの適用が可能だ。 無償提供で企業の予測分析導入の第一歩に 企業が予測分析AIを導入する際、 の2つが必要になる。 多くの企業は「実績データ」を蓄積している。しかし、「機械学習」を扱える専門性を持つ人材の不足が障壁となっている。 そこで機械学習の専門知識がなくても簡単に操作できるのが「Prediction One」だ。本サービスの無料提供により、企業は簡単に予測分析ツールを導入できる。 シンプルで簡単な操作で高精度予測「Prediction One」には4つの特徴がある。 シンプルで簡単まずは、操作が簡単なことだ。学習から分析まではたった6
どうも、株式会社プラハCEO兼エンジニアの松原です。 弊社では中級エンジニアを育成するプログラミングブートキャンプ「PrAha Challenge」を2年近く運営しています。累計100名近くの方々が参加して、日々実践的な技術課題に取り組みながら、メンターと技術的な質疑応答を繰り返しています。 実はプラハチャレンジの第1期から第5期までのメンターセッションは全て私が担当しているため、累計100名近くのエンジニアの成長を間近に見てきた経験から「めちゃくちゃ伸びるエンジニアの共通点」を見つけた気がしたので、何かの役に立てばと思い、Zennにも書き残そうと考えた次第です。 ちなみに弊社が運営しているpodcastでも同じテーマについて話しているので、耳で聞く方がお好みの方がいたらぜひ以下のpodcastへ！ TL;DR めっちゃ伸びる人は 分からないことを言葉にするのが上手 情報を鵜呑みにしない
伝わりやすいスライド資料の作り方。資料作成の流れからデザインのコツ、デザイン初心者さんにおすすめの本まで紹介｜fuyuna blog｜デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
センスがなくても大丈夫！デザインのコツを活用すれば、だれでも見やすくわかりやすい資料を作成できます。 イマイチな例といい例のスライド見本もご用意しているので、よければ参考にご自身のスライド資料をブラッシュアップしてみてください。 5. フィードバックをもらう資料のデザインが完成したら、上司や先輩に確認してもらいましょう。プレゼン資料は人に見てもらうことを前提として作るため、客観的な意見は重要です。 目的を果たせる資料になっているか内容がわかりやすいかプレゼンを通してどんな印象を受けるかなど意見をもらい、ブラッシュアップをしていきます。 このとき、PDF形式で書き出したものを確認してもらうと、より資料のクオリティが上がります。デザインの現場でもよくあることですが、PDFや印刷した資料を見ると、スライド作成時には気づけなかった誤字や脱字、表現の違和感などに気づけます。 PDFファイルの作成・共
欧文フォントは歴史と紐づけるとまじでわかりやすい 1,124 ありさん 2021年5月25日 18:54 ダウンロード copy #デザイン #フォント 1,124 3人がオススメしています この記事が気に入ったらサポートをしてみませんか？ 記事をサポート
2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、もじワク研究から待望のフリーフォント。 私はさっそくすべてのデバイスにインストールして、愛用しています。 マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マメロン」が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水
スーツ業界がかわいそうすぎる | 今日も8時間睡眠
この前街を歩いてたら、たまたまスーツセレクトを見かけたんですけど、スーツ業界ってもうずっと逆風が吹いてますよね。 スタートは、2005年から始まったクールビズ。浸透していくスピードは遅かったけど、ノーネクタイは普及しだすと、あっという間でした。まぁ、ノーネクタイは一回経験すると、もう戻れないですからね。これでまずスーツ業界はネクタイが売れなくなりました。 クールビズには、ノージャケットも含まれていますが、ノーネクタイに比べると普及速度は遅かったです。ただ、これも普及しだせば、速かったですね。特に、東日本大震災で節電ムードになったのも、大きな後押しとなりました。 これでスーツ業界はスーツの上側があまり売れなくなりました。一方、半袖のシャツとか、スーツの上1下2のセットみたいな売り方が出てきました。 その後は、「働き方改革」の一環で、オフィスカジュアルを取り入れる会社も出てきました。若いIT系
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
決算説明会資料というものがあります。株主に向けて、当期あるいは通期の決算説明を行うための資料です。主に企業のIR室（Investor Relations）、つまり企業が株主向けに現況や今後の見通しを広報する活動を主に実施する部門が書きます。 そのIR室の役割の一つに決算説明会資料の作成がありますが、これはすごく骨の折れる作業な一方で、報われない作業でもあります。なぜなら、IR担当部という全然力がないような部が、関係各所に数字をもらったり現況を把握したりレビューしてもらったりし、その上えらい人からも余計な口出しが色々と入るからです。労多くして、という典型例ですね。 しかし、今回ご紹介するGoodpatch社についてはそれはあてはまりません。なぜなら、Goodpatch社は「デザイン」という業務が事業に大きく影響するからです。そんな会社が、自社の発表する資料で手を抜くわけがなく、またそれの見栄
「図解」は資料作成やプレゼンスライドの制作に欠かせません。その一方で「図解を作成してみたいけれど、経験がない」「これから図解をどんどん取り入れていきたい」という方のために、図解作成のノウハウを基本中の基本からまとめてみました。 今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して執筆しています。 1 | 図解の定義まずは「図解」の定義について考えてみましょう。 たとえば、書籍『たのしいインフォグラフィック入門』の中で著者の櫻田 潤さんは次のように定義されています。 図解とは、単純な図形と短い言葉で、物事を説明するグラフィック 非常に明快ですが、人によって定義が異なりますし、また時代によって移り変わっています。 類語から「図解」の定義を探る言葉の定義を考える際に有効なのが〈類語〉を集めてみること。 そこで、日本語／英語に分けて、2つのマンダラート（9マスのメモ）をつくり、「図解」の類
2020年の終わりに私たちLoose Drawingは始まりました。最初のころは、訪問者数が1日3人、5人という日もありましたが、今では月間10万人以上の方々にご利用いただいており、この場を借りて心から感謝申し上げます。 しかし、サービスの成長とともに運用コストも増加しています。私たちは、ユーザー体験を最優先に考え、広告は最低限に留めており、広告を増やして収益を上げることもできますが、それは私たちの理念に反します。 ここで皆様にお願いがあります。もしLoose Drawingが皆様の創作活動に少しでも役立っているなら、私たちにコーヒー１杯分のサポートをしていただけないでしょうか。皆様からの温かいサポートが、私たちのサービスを継続し、さらには発展させていく力となります。
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば！」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の“美術タイトル”（略称は美タイ）は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する“報道タイトル”は報道部にあり、役割は全く違っていました。 フジテレビタイトルデザイナーのレジェンド紹介第二弾はあの国民的番組のタイトルデザインを担当した高柳義信さんです。 代表作は『笑っていいとも！』 高柳さんのデザインの特徴は、なんと言ってもわかりやすいデザイン。イラストやグラフィカルなシンボルを取り入れたデザイ
「なぜ、団塊ジュニア世代～30代って、無印良品を買うのだろう…。なんで買うの？」時代の移り変わりからみるシンプルなデザインが好まれる理由
なちゅ。 @itacchiku ねえ！！！！そうだ！！Panasonicの新作の洗濯機、デザインが最高なので見て！！！！！めっちゃ美しい直角ライン。コンパクトなのに10キロタイプもある。温水洗いもバブル洗浄も洗剤自動投入も搭載。こういうの！こういうのがいいんだよ！！！！きたぜやったぜPanasonic！！！ panasonic.jp/wash/products/… pic.twitter.com/vY30S2uqUx 2020-11-09 23:16:23 リンク panasonic.jp ななめドラム洗濯乾燥機 NA-VG1500L/R | 商品一覧 | 洗濯機/衣類乾燥機 | Panasonic パナソニックのななめドラム洗濯乾燥機「Cuble( キューブル）」NA-VG1500L/Rの特長を紹介。液体洗剤・柔軟剤 自動投入、２度洗いモード、温水機能、スマホで洗濯、低温風パワフル乾燥、
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
これを見つけたときは「もう書かなくて良いじゃん」と思ったが、中身は「色々入ってますね」的なことぐらい。一流週刊誌よりは詳しいけど、まだまだ踏み込みが足りん！ 調査の基本は一次情報まで遡ること、だと思っているので、渋谷区の予算書を拝見。3年リースらしいので、最初の年である平成29年度予算を見ます。 このなかで「ICT教育の推進」が該当事業の模様。要件を抜き出すと以下の通り。 渋谷区立の全小・中学校において ①児童・生徒・教師にタブレット端末を１ｔｏ１（１人１台）で配備する。8,600 台 ②国内のＬＴＥ網を利用した、データ通信用のＳＩＭカードを配備する。8,600 枚 ③全普通教室に電子黒板機能付きプロジェクターを配備する。287 台 ④プロジェクターの配備にあわせ、協働学習用の画面転送装置を配備する。287 台 ⑤国内のＬＴＥ網を利用し、いつでもどこでも学習ができるデジタルドリル（小 1～
卒業式、お花見、入学式。何かと「写真」を撮る機会の多い時期ですが、 「はい、チーズ！」 と言われたら、皆さん、どんなポーズをとりますか？ ピースサイン、しちゃいませんか？ でも、それって、なんでなん？ （なんでなん取材班 大阪放送局 今村香織 藤島新也） ピースサイン、しちゃいますよね
Ricty を神フォントだと崇める僕が、フリーライセンスのプログラミングフォント「白源」を作った話 - Qiita
誰もが知る(？)プログラミングフォントこと Ricty にインスパイアされ、Ricty のように英文フォントと和文フォントを合成したプログラミングフォントを作りました。 その名も、プログラミングフォント「白源 (はくげん／HackGen)」です！ 白源 (はくげん／HackGen) 通常版 生成元にはプログラミング向け英文フォント Hack と、Adobe 製作の源ノ角ゴシックに丸みを付けた派生フォント 源柔ゴシック を使用させていただきました。 白源の生成元である Hack、及び源柔ゴシックには、いずれも SIL Open Font License Version 1.1 という大らかなライセンスが適用されているため、改変及び配布が自由となっています。したがって、白源の生成済みフォントファイル (ttf ファイル) は GitHub からダウンロードして、すぐにご利用いただけます。 「白
商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用
結騎 了 on Twitter: "転職を数回経験して、直近の数年は上司を体験させてもらってるけど、「仕事が上手じゃない人」の多くに共通点があると感じている。それは、「取り掛かりが遅い」。とにかくこれに尽きる。シンプルな怠惰、考えすぎ、極端な慎重派、仕事を断れなくて量を抱える人......。何より着手までが遅い。"
転職を数回経験して、直近の数年は上司を体験させてもらってるけど、「仕事が上手じゃない人」の多くに共通点があると感じている。それは、「取り掛かりが遅い」。とにかくこれに尽きる。シンプルな怠惰、考えすぎ、極端な慎重派、仕事を断れなくて量を抱える人......。何より着手までが遅い。
これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
【入門】非デザイナーのための「デザインのルール」
僕はデザイナーとして、これまで多くのインフォグラフィックスやスライド形式の記事を作ってきました。その関係で、一般的なビジネスに使うスライドについて聞かれることがよくあります。そんな時の回答は大抵の場合、次の3つです。 ・情報を減らすこと ・ルールを守ること ・装飾をしないこと こう答えると、見た目のカッコ良さを期待していた人には、がっかりされることもあります。（笑） でも、ビジネスの資料で、最も優先すべきことは「わかりやすさ」です。そして、資料のわかりやすさに、装飾的なカッコ良さは関係ありません。むしろ、余計なあしらいが、わかりにくさを生んでしまうことも多いのです。 では、「資料にデザインは必要ないのか？」というと、そうではなくて、資料のデザインとは、グラフィック的な装飾ではなく、（視覚的に）情報を整理することなのです。 一般的に、デザインをフィニッシュワーク（清書や化粧のようなもの）と考
また、芯の摩耗が少なく、削らなくても長時間書き続けられることもメリットとして挙げられる。なるべく同じ面だけで書かず、芯の先端を均等に使うことで、芯の尖りをキープできるという。芯は合金素材でできているが、通常の鉛筆のように一般的な消しゴムで消すことが可能。水や水性マーカーなどでもにじまないので、水彩画やイラストの下書きとしても使えるという。 同商品について、サンスター文具は「マットな質感と14グラムという絶妙な重さで高級感を持たせることにこだわった。軸の形状も八角軸で、一味違った仕様に仕上げた」という。 関連記事 東大合格者は毎年500人以上！ 鉄緑会「公式ノート」が地味にスゴい 東大受験専門塾の看板を掲げる「鉄緑会」が、初の公式ノートを発売した。パッと見たところ「普通のノート」に感じるが、どのような工夫が施されているのか。開発に携わった、KADOKAWAの担当者に話を聞いたところ……。 ち
フリーランスのIT（情報技術）人材の奪い合いが激しくなっている。エンジニアが仕事を請け負う求人サイトのデータを調べると、時給換算の報酬は平均4150円と中堅の正社員の2倍に達することがわかった。使い手の少ないプログラミング言語では5000円を超える。売り手市場で効率良く働きながら、スキルを磨く姿が浮かぶ。週4勤務、 年収は1.5倍に「働くのは月曜から木曜の週4日。年収は会社員時代の1.5倍に
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利用するのもありかもしれません。 new.css new.css -GitHub new.cssの特徴 new.cssのデモ new.cssの使い方 new.cssの特徴 new.cssは、HTMLのみを使用してモダンなWebサイトを作成するためのclassレスのフレームワークです。HTMLの実用的なデフォルトのスタイルを活かし、美しく見えるようにスタイルされています。 超軽量4.8KbのCSSフレームワーク。 用意するのは、HTMLファイルのみ。 マークダウンで生成されたHTMLのレンダリング。 シンプルなブログや自己紹介ページに最適。 MITライセンスで、商用プロジェクト
よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout
最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま
「精神科医から大事なお話をします。死ぬ程働くと…」そのお話がシンプルだけど驚くほど大事だった→様々な意見や経験談が集まる
SchneggemANTIFA @sunegebohbohman あなたが死ぬほど働くとあなたが死ぬのはもちろん、「あ、意外と働かせられるんやな」と経営者は思います。すると本来もう少し人員を割かないといけない仕事が「一人分」になります。そうすると他の人が死ぬほど働くことになります。ちなみに人手が充足してしまうと賃金は上がりません。サボれ。 2020-01-28 20:50:21
仕事や生活の疲れは休めば取れる、なんてない。｜川野 泰周
川野泰周さんは、1416年に創建された禅寺の19代目住職だ。日々、寺務をこなしながら禅の教えを伝える一方で、精神科医として心の悩みを抱える人たちの診療に当たっている。近年、川野さんが普及のための活動に取り組んでいるのが「マインドフルネス」だ。書籍を何冊も著し、講演活動も精力的に行っている。「マインドフルネス」とは何か。禅僧と精神科医の“二足のわらじ”を履きながら、なぜ「マインドフルネス」を人々に勧めているのか、話を伺った。 激化する競争社会で、ストレスを抱えながら生きる人が増加している。「過労死」「うつ病」「燃えつき症候群」など、さまざまな問題が取り沙汰され、最近ではコロナ禍によって人々の不安が高まっている。そんな現代社会で暮らす人々の心をケアする方法として注目されている「マインドフルネス」。問題解決の“処方箋”となる理由とは？ 現代社会で「自分の価値」を見いだすのは難しい 東洋の宗教者で
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
デジタル庁のサイトやばすぎるwww - Qiita
知れば写真が上手くなる！基本・応用の構図15選と構図を使いこなすコツ | Adobe
「俺が責任を取る」って良くいうけれど、実際責任ってどうやって取るの？
最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
検索が爆速になるデータベース設計を公開します
よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
予測分析ツール「Prediction One」をソニーが無償提供。導入後は38倍の作業効率化 | Ledge.ai
100名以上のメンターをやって見えた「めちゃくちゃ伸びる人」の共通点
欧文フォントは歴史と紐づけるとまじでわかりやすい｜ありさん
フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
【パワポ研の決算資料探訪①】Goodpatch社の決算説明資料はシンプルが故に美しい｜パワポ研
図解がつくれると伝わり方が変わる！ 初心者のための図解作成ガイド【事例あり】｜鷹野 雅弘
無料で商用可のフリーイラスト素材｜Loose Drawing
はい！美術タイトルです vol.3 ｜ フジテレビジュツのヒミツ - フジテレビ
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
「1台27万円」はぼったくりなのか？｜稲田 友 @ NTT Com｜note
写真を撮るとき「ピースサイン」するの、なんでなん？ | NHK
削らずに16キロも書ける！ 芯まで金属なのに書けて、消せる「メタルペンシル」
ITフリーランス、稼ぎは正社員の2倍 時給4150円 - 日本経済新聞
よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ
シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
atobaraiblack.com
matomedane.jp
ay-style.net
fragie.exblog.jp
laylax.com
yama5600.tokyo