あいまい検索（英語検索） あいまいな日本語で（英語でも）検索できます。上手く動くか分からないのでお試しです。 検索の仕方については「検索のコツ」をご覧ください。 AIを使っていらすとや風の画像が生成できるサービスです。 Eテレのショートアニメです。 いらすとやが更新されたらお知らせするX（ツイッター）アカウントです。 いらすとやのLINEスタンプに関する情報をお知らせするLINEアカウントです。

なぜ女子大生は「スタバの写真」をSNS（インスタ）にシェアしてしまうのか？ 100人に聞いてわかったスタバの「SNS上での価値の高さ」と5つの理由。 今回は「なぜスタバの写真をSNS（インスタ）にあげてしまうのか？」について、首都圏100人の女子大生にアンケートした結果をまとめました。 ※全体を正確に調査したものではありません、あくまで参考までにご覧ください。 結果１）87％が「インスタをつかっている」 まず一つめのアンケートは「どのくらいの人が、インスタをつかっているか？」を聞いてみました。 結果としては「つかっている 87％」「つかっていない 12％」「以前つかってた 1％」となりました。※3択にて実施 もう「おしゃれな人」だけじゃない。広がるインスタのユーザー層。 あまりに「インスタをつかっている人」が多かったので、すこし話も聞いてみたところ、以下のような意見があがりました。 ・もう

[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails

pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと便利になる要素のセンタリング、フォントサイズ、グリッドの作成などの実装例を紹介します。 Opera Miniを除くすべてのメジャーブラウザに「calc()」はサポートされており、レスポンシブとも非常に相性のよいCSSの関数です。 How calc() Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「calc()」とは値を計算式で指定できる 「calc()」を使う理由 「calc()」の使い方 「calc()」を使うと便利になる実装テクニック 「calc()」とは値を計算式で指定できる CSS3の「calc()」は、プロパティの値を計算式で

おひさしぶりです。chiiです。 2017年早くも1ヶ月が経ってしまい、2月になってしまいました。インフルエンザも流行っているようなのでみなさん体調には気をつけてください。 さて、今回のブログでは「見やすさ」とはどんなものかについて、色彩検定の基礎知識と主観からまとめてみようと思います。 あいまいな「見やすさ」というもの サイトやバナーのデザインをしているとき、 「この文字をもう少し見やすくしてほしい」 「新機能の導線だから、このボタンをもっと見やすくしてほしい」 こんな修正依頼をもらうことはよくあると思います。 これらは同じく「見やすさ」の向上を依頼されているものの、 きっと依頼主は 「この文字を見やすく」 → 「この文字を読みやすく」 「このボタンを見やすく」 → 「このボタンをぱっと目を引くように目立たせて」 という別の意図を持って依頼を投げていますよね。 その場合、この２つの依頼に

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 モバイルデバイスの利用が伸びるとともに、ミニマリズムもまた増加傾向にあります。ミニマリズムは、アプリやウェブサイトに読み込み時間の高速化や画面サイズの互換性などの利点をもたらします。 素晴らしいユーザビリティと組み合わせた美しくミニマルなアプリは非常に印象的です。そして、わかりやすくシンプルなアプリはコミュニケーションにおいて非常に重要です。 しかし同時に、ミニマリズムを正しく行うことは難しくもあります。ミニマリズムを試してみたい方は、始める前にいくつかの基本的な経験則をしっかり理解しておくようにしましょう。ここで、ミニマリズムを上手く機能させるヒントをいくつかご紹介します。 余計な要素をすべて取り除く デザイン内のすべてのアイテムには、目的がなければなりません

僕は器用貧乏です。色んなことがそこそこできるという、一般的なキャリア論では最もダメな部類に入ると思います。餅は餅屋。ドラッカー先生も言うてはる。あなたは何によって知られたいのか、それが重要だと。 エンジニアとしてキャリアをスタートさせて、恐ろしいことに10年以上の月日が経ちました。残念ながら、エンジニアとしては絶対に大成しないという確信があります。コードを書くのは好きです！でも、要素技術を突き詰めようという気持ちがすごく弱いのです。1つに絞り込むってことが、生理的に出来ない...全く違う分野に対して興味を持ったら、もう止められない。 そんな人って、実は技術職のエンジニアでも結構いるんじゃないかなっと感じたので、ブログ書きました。1つの分野の専門性が築けなくて悩んでいるのなら、「そーゆーの向いてないわ、俺」で諦めちゃったらいかがでしょう？ 僕のように。 僕より優れたエンジニア、僕より優れた営

「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか？ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。 この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。 デザインする際の参考になれば幸いです。 ロゴマークの重要性 ロゴマークとは会社やお店で言うところの看板になります。 ナイキやスターバックスコーヒーののロゴデザインは？と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。 以上のことからロゴマークは認知度を上げ

Webデザインの配色に悩むのは、Webデザイナーなら誰でも経験しているでしょう。 そんな時、シンプルに*「白」と「黒」*だけを使ったデザインを選択するのも1つの手段です。 純潔でさわやかな印象のある「白」と、大胆で重厚的な「黒」は、一見すると正反対の色のように見えます。 しかし、そんな「白」と「黒」をうまく組み合わせることで、シンプルかつエレガントで、クールなホームページが出来上がります。 一方で、配色を最小限に抑えている分、ごまかしが効かない分野でもあります。 今回は、白と黒だけで表現された美しいホームページをご紹介します。 たったの２色でもデザイン性の高いホームページができることを確認してみましょう。 白と黒だけで表現された美しいホームページ 1. LAURENT PEREZ DEL MAR http://www.laurentperezdelmar.com フランスの音楽家・作曲家の

By International Debate Education Association デザイン関連雑誌Printで編集を務めるZachary Petitさんが、長年かけて集めた「デザインに関する名言」を紹介しています。 89 Essential Quotes About Design - Print Magazine http://www.printmag.com/imprint/89-essential-quotes-about-design/ ◆ポーラ・シェア 「描くのは数秒だが、数秒で描けるようになるのに34年もかかった」 「仕事は頭の中からテーブルの上に出なければならないので、心からやり遂げる必要があります」 ◆ジョルジュ＝ルイ・ルクレール・ド・ビュフォン 「天才とは忍耐できる者の事なのです」 ◆ウィリアム・バーンバック 「模倣は商業的な自殺行為になりかねない」 「我々の仕事

本職の企画の人が優れた機能案を出してくる理由がわからなくて、どうやってやってるんですかと雑談した。新たな発見があったので、雑なメモだけ残しておく。*1 その人の企画の流れ 企画の流れは、以下の3ステップで行っているらしい。 1. 登場人物を分類する 2. 登場人物ごとの振る舞いを分解する 3. 様々な振る舞いを照らし合わせて、機能・UIを絞り込んでいく 「1. 登場人物を分類する」は、機能に関わる人物をツリー構造に分類していき、分類をした結果から、その機能を使うメインターゲットを決めるフェーズらしい。 例えば、ブログユーザーをブログの作者と読者に、さらに作者を毎日更新する人とそうでない人に、みたいにどんどん分解していく。すると、機能のメインターゲットが浮かんでくる。 「2. 登場人物ごとの振る舞いを分解する」では、メインターゲットを中心に、どのような振る舞いをするかを考えるフェーズらしい。

前回の記事はこちら：はじまりのはじまり【連載】ひろのぶ雑記 わたしは47歳にして無職になった。 なったわけだが、なにかカッコイイ言い方はないのか。 無職という響きにはなんともいえないペーソスがある。世界大百科事典 第2版によると、 ペーソス【pathos】「そこはかとなく身にせまる悲しい情感」 引用：『世界大百科事典 第2版』（1998年）日立デジタル平凡社 とある。 ペヤングソースやきそばはおいしいが、ペーソスはさびしいのである。 かっこいい無職の呼び方をいろいろ考えてみた。無職も呼び方次第でペーソスを除去できるのではないか。会社に行かなくて済む時間をぜんぶそれに当てて、考えた結果がこれだ。 青年失業家。 どうであろう。この颯爽とした響き。自分はもはや青年ではないような気もするが、サイバーエージェントの藤田社長も43歳にして青年実業家と書かれている記事を読んだことがある。47歳の私が青年

結婚式のペーパーアイテムやウェルカムボードの アクセントに使いたいフォントたち こんにちは。Keinaです。 最近、結婚式を手づくりする方も多くなり、花嫁さんがDIYしたり、デザインが得意なお友達が手づくりしたり、みなさん工夫してオリジナルのウェディングアイテムをDIYしていますね。Instagramでも#花嫁diyというタグが人気ですよ。 今日は、招待状から席札、ウェルカムボードなどを作るときにおすすめの「結婚式DIYに役立つ欧文フリーフォント10選」をご紹介！フリーフォントは、画像下のリンク先からダウンロードできます。 1. Andara Script Free Demo やわらかい筆記体フォントは、新郎新婦の名前を入力するのにおすすめです。小文字、数字、記号もあり。 ※個人・商用利用可能 2. Lorano ExtraLight Typeface 美しいサンセリフは、シンプルなデザイ

建設が進むAppleの新社屋、Apple Campus 2は、世界最大の曲面ガラスで覆われた宇宙船のような外観に目が行きますが、内装には、Appleの共同創業者、スティーブ・ジョブズ氏の徹底した細部へのこだわりが詰まっている、とReutersが報じています。 異常なほどの精密さへのこだわり Appleは、新社屋の工事費用を公開していませんが、匿名の元工事責任者によると、総工費50億ドル（約5,600億円）のうち10億ドル（約1,120億円）が内装費用にあてられている、とのことです。 Apple社内の建築チームは、建築に関する詳細なルールを定め、精緻な造形を要求しているそうです。たとえば、建物を覆うガラスに、換気口やパイプが反射することを禁じ、建物内に多く使われる木材に関する規則は30ページにおよぶ、とのことです。 手に収まるスマートフォンではなく、建築に要求するには異常なレベルの精密さだ、