50代、「1日1捨」を11か月続けて革命が起きた。ものが減る以外の絶大の効果も | ESSEonline（エッセ オンライン）
ものを少なくシンプルに暮らしたいなら、「1日1捨」で無理なくものをため込まない習慣をつくりましょう。1日1捨てを実践する、築50年越えの団地にひとりで暮らすきんのさん（54歳）が、やり方とマイルール、捨てやすいものと1日1捨の効果を語ります。 すべての画像を見る（全5枚） 実践して11か月で日常に革命が…！ 私の高齢親の住まいは、ものであふれて片づけに苦労しています。自分の老後はそうならないよう、ものを少なくシンプルに暮らしたいけれど、仕事や介護で忙しくていつの間にかものが増えつつあります。なんとかしなければと思うものの、片づけのためのまとまった時間がつくりにくくて…。 そんな私でも実践できた、ものをため込まない習慣が身につく「1日1捨」をご紹介したいと思います。 実践して11か月ほど経ちますが、ものが減った以外にも様々なよい効果があり、このシンプルな習慣は日常生活に穏やかな革命を起こしつ
テキストだけでサイトやアプリを構築できるv0（ブイゼロ）と呼ばれるAIツールが、SNSを中心に話題となっています。 v0では、テキストだけで（ノーコードで）、サイトの見た目（UI：ユーザーインターフェース）やゲーム・アプリを作成できます。 とはいえ、「v0が話題なのは知っているが、どうやって使えばいいのかわからない」と疑問をもっている方は多いでしょう。 そこで本記事では、v0の始め方や使い方を徹底解説しています。また、実際に作成したプロダクトや、v0を使うコツも紹介しているため、ぜひ参考にしてみてください。 この記事を読むことで、v0の使い方がわかり、デザイナー以外の方でもクオリティの高いプロダクトを作れるようになるでしょう。 弊社SHIFT AIでは、v0の特徴や使い方、本記事では紹介してない活用例などをまとめた資料を法人様向けに提供しています。 ご興味のある方は、ぜひ以下のリンクからダ
先日、display:contents;というプロパティをはじめて知りました。 他のdisplayシリーズと比べるとあまり馴染みがなかったので、今回はdisplay:contents;とは何か、どんな場面で使えるのかについて紹介します。 1. 結論 display:contents;を指定した要素は、あたかも存在しないかのように扱うことができる これにより、グリッドレイアウトやレスポンシブデザインを作成する際に便利に活用できる ただし、アクセシビリティに課題が残るため、慎重に使用する必要がある 2. display:contents; とは？ 2-1. display:contents;の概要 display:contents;を指定した要素は、存在しないかのように扱われ、指定した要素の子要素が直接親要素内に挿入されます。 Mdn Web Docsでは以下のように説明されています。 これら
ユーザーに刺さるUIデザイン実用テクニック37選
UI Tipsで公開された「UI Tips for Landing Pages & Apps by Jim Raptis」より許可をもらい、日本語抄訳しています。 シンプルなUIデザインテクニックで、より良いユーザーインターフェースをデザインし、ユーザーが満足する方法を一緒に学びましょう。 現役UIデザイナーのジム・ラプティス氏が実際の製品でテスト、検証した実用度の高いテクニック集なので、手軽に試すことができ、効果的にホームページやアプリのUIを改善できます。 時間がない人のために、今回紹介するテクニックのまとめがこちら。 各項目では実際のサンプルをつかって、「良い例」と「悪い例」を比較。すぐできる解決策と一緒に詳しく紹介しています。 ユーザーが恋に落ちるUIデザイン実用テクニック1. ソーシャルログイン2. より良いメニューデザイン3. グーテンベルグの法則4. モーダルの削除5. 不揃
Refactoring UIで公開された「Labels are last resort」より許可をもらい、日本語抄訳しています。 ユーザーにデータを表示するとき（特にベータベースから読み込むとき）、一般的なlabelプロパティを使って表示するという罠に陥りがちです。 すべてにラベルを利用した悪い例？ このアプローチの問題点は、データをなにかしらの階層構造で表示することが難しくなること。どのデータも等しく重視されるようになります。 ラベルはまったく必要ないかもしれない 多くの場合、書式を見るだけで、そのデータが何であるか直感的に理解できます。 たとえば、nanashi@example.comはメールアドレス、(619)765-4321は電話番号、￥980は価格といった具合です。 フォーマット形式が分かりにくいときは、コンテンツにすでに含まれていることもよくあります。たとえば、従業員名簿で誰か
WebサイトやスマホアプリのUIデザインで重要になるのは、構成です。前景要素があり、背景をぼかしたり、モーション振付、アニメーションのタイミングをずらすなど、アフォーダンスを示すためのUI/UXデザインのテクニックを紹介します。 奥行きを取り入れることで、デザインに深みと視覚的な興味を生み出すだけでなく、ユーザーの次の操作の助けにもなります。 Designing Depth by rauno 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ぼやけた背景 モーションの振付 わずかにずらすアニメーション アフォーダンスを示す 謝辞 はじめに ビジュアルデザインにおいてもっとも難しく、基本的な柱の一つが構成です。ストーリーや奥行きを伝えながら、三次元の世界を二次元（静止画）のフレームに収めるにはどうすればよいのでしょうか。こ
UI Tipsで公開された「UX Tips for Landing Pages & Apps by Jim Raptis」より許可をもらい、日本語抄訳しています。 現役UIデザイナーのジム・ラプティス氏が実際にWebサイトやオンラインツールの制作で得た、UX（ユーザーエクスペリエンス）を改善できるシンプルで効果的なテクニックをご紹介します。 実用度の高いテクニック集なので、すぐに試すことができ、ユーザーの満足度を手軽にアップすることができ、覚えておくと便利なものばかり。 各項目では実際のサンプルをつかって、すぐにできる解決策を紹介しています。 時間がない人のために、今回紹介するテクニックのまとめがこちら。 ユーザー満足度がアップするUXテクニック集1. 「価値計算機」 で 効果を数字で表 そう2. 重要なアクションには赤を使おう3. 本物のモックアップを使おう4. もっと数字で魅せよう5.
Learn UI Designで公開された「37 Easy Ways to Spice Up Your UI Designs」より許可をもらい、日本語抄訳しています。 ホームページやアプリを制作していて、「ちょっと地味かも…」と感じた経験はありますか？ この記事では、UIデザインに素敵なアクセントを加えるテクニックを、パーツ別に分けてサンプル例と一緒にご紹介します。 いかに多くの「プロが制作したホームページ」が、しっかりとしたデザインの基本ルールを元に、以下のテクニックを活用しているということに、きっと気付くでしょう。 ユーザーの満足度が上がるUIデザインの実用テクニックと合わせて活用してみましょう。 このゲスト投稿は、ロンドンを拠点とするプロダクトデザイナーであり、デザイン分析に長けたAnthony Hobdayによるものです。 UIデザインにアクセントを加えるテクニック一覧背景をつかっ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
v0（ブイゼロ）の使い方を徹底解説！始め方や料金、プロンプトも紹介
display:contents;って何？どんな時に使うと便利なの？ - Qiita
間違っていませんか？美しいUIではラベルは最後の手段【実践編】
UIデザインに奥行きを効果的に取り入れるテクニックを解説 -Designing Depth
ユーザー満足度がぐっと上がるUXデザイン小技テクニック26選
UIデザインにアクセントを加える37の簡単なテクニック【完全版】