ファインディのプロダクトデザインチームでは、立ち上げの段階からデザインから事業貢献をするために「デザインの生産性」を高める仕組みづくりに注力しています。 今回は、その中の一つである「予実の管理」についてまとめてみます。 ファインディのプロダクトデザインチームが取り組む「予実の管理」不確実性が高く、成果に繋がったかどうかを測定しづらいプロダクトデザインの体制づくりにおいて、一つの参考になれば嬉しいです。

ほぼすべてコイカツでかいたまんが

クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 こんにちは。QUOITWORKS Inc.の遠藤です。 デザイン4原則は覚えたけど、その次は何を勉強したらいいのか分からないと思ったことはありませんか？ 今回はグラフィックデザインの本から超基本的なルール以外で、webデザインにも応用出来そうなものをピックアップし、まとめてみました。 参考にしたのは「レイアウト・デザインの教科書」という本です。 記事に書いたこと以外にも、レイアウトなどデザインの基礎がしっかり学べます。気になる方はぜひ読んでみてください。 1.円形の構図を取り入れる 円形は曲線のガイドラインを基準にした配置です。デザインの一部に用いると柔らかい印象を与えたり、直線的な配置とは異なったユニークさ

クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 こんにちは、QUOITWORKS Incです。 新卒で入社してから半年が経ちました。 入社した頃に比べれば少しは成長しているとは思うのですが、まだまだ基本的なことが出来ていないためデザインが上手くなれるよう勉強する毎日です。 早速ですが今回は、勉強として架空のサイトリニューアルに挑戦したのでその内容をまとめていきたいと思います！ 未経験で入社すると、最初はパーツの作成など小さい作業から始めていくと思います。 かと言って、いざ大きめのデザインの仕事が来た際にいきなりデザインすることは難しいため、弊社では勉強として架空のサイトリニューアルを定期的に行なっています。 普段から訓練することでそういった機会に対応する準

はじめに デザインの世界には、長年の経験と研究から生まれた「マジックナンバー」と呼ばれる数値や原則が存在します。これらは、美しく機能的なデザインを作り出すための重要なコツとなります。本記事では、デザイナーが知っておくべき16の重要なマジックナンバーと原則について詳しく解説します。これらの知識を活用することで、デザインを考える時、修正をする時の、一つの指標になります。 1. 黄金比（1.618） 黄金比（φ）は、約1.618:1の比率で表される幾何学的な比率です。古代ギリシャ時代から知られ、自然界や芸術作品に多く見られる「美しい比率」として有名です。この比率は、人間の目に特に心地よく映るとされ、多くのデザイナーや芸術家に愛用されてきました。 デザインにおいて黄金比を活用する方法は多岐にわたります。例えば、ウェブページのレイアウトでは、メインコンテンツエリアとサイドバーの幅の比を1.618:1

Webページを表示し、スクロールダウンするとヘッダが非表示になり、ページのどこからでもスクロールアップするとヘッダが再び表示される、というのを見たことがあると思います。 これまでは実装するにはJavaScriptが必要でしたが、CSSのみで実装できる方法を紹介します。 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Scroll-Driven Animationsでスクロール方向を検出する transition-delayプロパティを使ったテクニック ヘッダをスクロール時に表示

（追記） この記事が注目エントリにあったことで、自分の書いたものにたくさんコメントがついていることが分かった ↓ https://anond.hatelabo.jp/20241009124040 いやそのとおりだよなー、と思います。 ちょっと話が変わるけど、 子育てのいいところは子供の頃の追体験ができること（例えば、もう一度、運動会や部活の大会などに参加することができて楽しい）という人がいるんだけど、私は完全に逆で、もう二度と関わらなくていいと思っていた世界に再び関わらなくてはならなくなった、ということで日々げんなりしているタイプです。親になる資格ないと言われると、まあそうだなあと思う。 まあ、それはおいておいて、 今回のことだけど、やっぱり私も「クズ」が引っかかった。これが、バカとかノロマとかなら、そんなに気にしなかったと思う。 娘は「クズ」がかなりヒドイ言葉だとは認識してない可能性があ

オブジェクトに対する操作を中心にユーザー体験を設計するOOUX（Object Oriented UX）と呼ばれる手法はUXデザインの世界で広く知られるようになってきたように思います。しかし、オブジェクトを意識してデザインしていても、「気づいたら途中からユーザーアクション主導の作り方になっていた」というケースもよくあります。デザイナー的な視点では「これって本当にオブジェクト化できるのだろうか？」という疑問が浮かんできたタイミングがこれに当たりそうです。 これは、OOUXの主軸となる「オブジェクトマッピング」をより正確に行うことで解決できるケースがあります。今回は、見逃されがちなオブジェクトを含めて、正しくマッピングするためのポイントを紹介します。 OOUXとは、サービスが扱うオブジェクトを中心にプロダクトを設計する考え方です。これをオブジェクト指向な設計といいます。一方でユーザーアクションを

「あの商品はどうして人気？」「あのブームはなぜ起きた？」その裏側にはユーザーの心を掴む仕掛けがある──。この連載では、アプリやサービスのユーザー体験（UX）を考える専門家、グッドパッチのUXデザイナーが今話題のサービスやプロダクトをUXの視点で解説。マーケティングにも生きる、UXの心得をお届けします。

はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <

続きと追記はこちら https://anond.hatelabo.jp/20240928135408 当初は面白く見ていたのに最後の方はもはや「ここまで来たからには最後まで見てやる」という義務感で見ていた。 何がそんなに引っかかったのか、という事をここでまとめて書いてみる。まとめと言いつつまとまりはない。 穂高の件「妊娠して倒れた寅子が穂高に仕事やめろと言われ、勤め先の事務所に妊娠をバラされて辞めさせられた」件。 ネットでは未だ賛否両論のようだが、あれはそもそも穂高の真意が分かりにくかった。 「母親になるからには二度と仕事に戻らず育児に専念すべき」と考えていたのか、 「今は仕事を続けられる体調ではないから辞めるべきだが、産んで落ち着いた後に仕事に戻ればいい」と言う意味なのか？ どうやら脚本家は前者のつもりだったらしい？けれど、 （「資格があるのだから後で戻れるだろう」と言った台詞もあったの

マクシム @thksngy ところがどっこい、東京は手取り収入は全国3位ですが、国交省の調査で ・中間層(上位40~60%)に限ると12位 ・家賃など基礎支出を抜くと42位 ・通勤で減る可処分時間を考慮すると47位 なので、東京は「全国で一番食えない」んですよね。 だから東京行くと結婚出来ない。 pic.x.com/7uqwud9twv x.com/muhonnocream/s…

咲＠初のレシピ本『よりそいごはん』(KADOKAWA)発売中! @Sakichan1230 ゆっくりあせらずだね🐢 小学生の娘と旦那とのんびり3人暮らし。食育アドバイザー、元歯科衛生士。娘は発達障害、卵アレルギー 、『よりそいごはん』amzn.asia/d/0b3VC270 Instagram.com/sakichandayo12…

ユネスコ無形文化遺産登録から10年を経て、登録当時には約5.5万店だった海外の日本料理店が、2023年には約18.7万店にまで増えるなど日々関心が高まっています。 京都府立大学、日本料理アカデミーでは京都から国内外を問わず和食のさらなる発展と和食文化を担う人材の育成を目指し、「日本料理大全 デジタルブック」を公開します。 ある料理を知るためには、まずその背景を知らないと始まりません。「日本料理大全」シリーズは手法のみを解説するのではなく、考え方の基礎を示していくことを目指しています。経験や勘に頼るのではなく、なぜこの味が生まれるのか、どうしてこの調理法になるのか、といった根拠や科学的な理由を示しています。それらをもとに料理する人が考え、取り入れ、オリジナルの料理を生み出す手助けとなることを目指しています。 このシリーズが日本料理の発展・普及の一助となり、多くの人々の健康と喜びを導くことにな

はじめに 言葉では説明しにくいので、以下の画像を見ていただいたほうが早いです。 このように、画像の一部が切り抜かれたようなデザイン。 このようなデザインを指す特定な名称は見つかりませんでしたが、個人的には Augmented UI (拡張 UI) がもっとも近いような気がします。 Augmented UI Augmented UI とは、サイバーパンクなどでよく見る以下のような形を CSS で再現するライブラリの名称です。 augmented-ui - Integrate your apps with technology https://augmented-ui.com/ このライブラリ以外でこの名称を使用している例はまったく見当たりませんでしたが、共通認識を持つためにも、この名称がもっと広まることを願います。 なんでこのような形が Augmented UI なのかについて個人的に考えて

『虎に翼』脚本・吉田恵里香に聞く。あらゆる立場の女性を描くこと、憲法第14条への思い 「寅子だけが正しいわけではない」 伊藤沙莉さんが主演を務めるNHK連続テレビ小説『虎に翼』が、9月末に最終回を迎える。日本初の女性弁護士・のちに裁判官となった三淵嘉子さんの実話をもとにした本作の終盤では、戦争責任を問う原爆裁判や、性的マイノリティの権利などについても描かれた。 「寅子だけが正しいわけではないし、寅子も間違えることがある。それが大事かなと思いました。みんな間違えるし、駄目なところもある。あまり美化しないことは、すべてのキャラクターに関して気をつけた」 脚本を書き終えた吉田恵里香さんは話す。いよいよフィナーレを迎える『虎に翼』について、メディアの合同インタビューで聞いた。 ―女性の社会進出をテーマに描くにあたって、法律だけではなく家庭の問題など、あらゆる人間関係を多角的に描いています。女子部の

先日、display:contents;というプロパティをはじめて知りました。 他のdisplayシリーズと比べるとあまり馴染みがなかったので、今回はdisplay:contents;とは何か、どんな場面で使えるのかについて紹介します。 1. 結論 display:contents;を指定した要素は、あたかも存在しないかのように扱うことができる これにより、グリッドレイアウトやレスポンシブデザインを作成する際に便利に活用できる ただし、アクセシビリティに課題が残るため、慎重に使用する必要がある 2. display:contents; とは？ 2-1. display:contents;の概要 display:contents;を指定した要素は、存在しないかのように扱われ、指定した要素の子要素が直接親要素内に挿入されます。 Mdn Web Docsでは以下のように説明されています。 これら

資産シミュレーション編生活費を1年間記録して月平均を出す資産シミュレーションサイトかファイナンシャルプランナーに頼んで生涯のプランを計算する家に使える金額を一旦弾き出すイニシャルコストとランニングコストに分けて考える イニシャルコストは土地代や建築費やローンの初期費用などランニングコストは固定資産税や電気代、修繕費など何年住むか考えるハウスメーカー訪問編性能を確認する 電気代や冷暖房器具代のランニングコストに影響修繕費を確認する 特に外壁や屋根の修繕費は高くつくので何年持つのか要確認建築費を確認する 設備代が含まれていたりしなかったりするので注意2、3社に絞り込んでおく土地選び編ハザードマップを確認する表層地盤のゆれやすさマップを確認する 大地震の恐れがある場合は耐震等級3が必須(2では家にヒビが入る)ハウスメーカーにこの土地ならどんな家が建つかを確認する ハウスメーカーが近所に家を建てた

[追記] コメントありがとうー！ 妻の話のほうが面白いはずこれは間違いないです。妻は、相当な時間と労力を家づくりに突っ込んでいますので。 引き戸は介護のときに威力を発揮これは知らなかった。私が妻を介護、または妻が私を介護するときに役立つことを期待。 100平米強ならではの要素特にないです。一般的な広さと言いたかった。 食洗器うちのは、キッチンはLIXILで食洗器はパナソニックなのだが、後から交換はできるようだ。 が、10万とか20万とかかけて交換するのは、ちょっと。。と思い今に至ります。 ビルドインではなくて、ビルトイン知らなかった。ありがとう。 仕事で英語は使うのだが、ビジネス用語しか話せなくて、日常用語全然知らないんだ。なすをエッグプラントということを昨年知ったよ。 収納妻がもの多い＆捨てられないので、収納はいくらあっても足りない状態。 ウォークインクローゼットあります。妻の服がびっし

仕事をしていると、だんだんと抽象度の高いことを任されるようになる。 たとえば、方針も明確な小さな修正タスク => 修正方法がいくつか考えられるタスク => そもそも何をやるかから明確にしないといけないタスク といった感じで次第にふわっとした依頼になってくる。いわゆるグレード制を採用している会社において、"どれだけ抽象度の高い仕事を任せられるか" がグレードの違いの要素のひとつと言ってもいい。 抽象度の高い仕事を安心して任せられる人は何が違うのか自分もよくわからないので、自分のまわりの人がどういう動きをしているかを雑にまとめてみる。 1. なぜやるかを明確にしている わからないときはドキュメントやチャットのやりとりを探し、直接聞いたほうがよい人には自分でコミュニケーションを取っている やる理由がないと判断したら依頼者に話をして、実際にやらないこともある あとで「自分はこう言われただけなので」