楽天市場のお買い物を通じて動物保護団体を支援できる「動物保護団体支援プログラム」と、はてなブログが共同で、ペットとの絆や思い出を募集する特別お題キャンペーン ＃ペットを飼うこと を実施中。このお題に関連して、保護猫の預かりボランティアを始めたお笑いコンビ・ティモンディの前田裕太さんにお話を伺いました。保護された動物たちには、保護団体をはじめさまざまな人の手が関わります。期間限定で動物を預かり、新たな家族との出会いに向けて「人馴れ」を進めるボランティアもその一つ。 今回は、お笑い芸人として活動する傍ら保護猫ボランティアにも携わり、テレビ番組などでその様子を発信している前田裕太さんにインタビューを行い、保護猫と過ごした日々のエピソードや自身の変化、さらに保護活動やサポートに対する思いについて伺いました。 ※この記事は楽天グループ株式会社によるSponsoredContentです。 “エア猫”を

おおあみなおこ @gogowannyan 🐶😺シェルター、一般社団法人おーあみ避難所の代表。3.11原発20キロ圏内で保護活動始め現在に至ります。活動拠点は横浜ですが、沖縄、栃木の保護多めです❣️ハンデっ子が可愛くてたまりません。s.ameblo.jp/oami-hinanjyo/ youtube.com/c/HGA48 f20km-petrescue.org

デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

雲丹肉ちゃん @oniku117 便利＆素敵だと思ったもの紹介。PRしてます。仕事依頼はDMでお願いします(成果報酬＆商品提供のみNG)。購入先はリプにリンクにあります。日常Insta🔗 instagram.com/uninikuchan/ room.rakuten.co.jp/room_5593186b0… 雲丹肉ちゃん @oniku117 友人宅にあって何これ？！便利過ぎだろってなったボトル。横向きというか逆さ向けても漏れてこないし、冷蔵庫に横向き収納してそのまま注げるしかなり良い⭕️ピッチャーでお茶を2本以上冷蔵庫に入れてるって人は100%これのが楽。持ち運びもOK。しかも安いの… pic.twitter.com/xAbSMHRrGo

みねたけ@個人開発と投資やってる @MinetakeT 平日の昼間から映画見てビール飲んで温泉に入りたい♨️ ｜  iOSアプリ開発（24本リリース/12万ダウンロード↑）｜ Swift,Go,Java,Python, いろいろ！ ｜ 日本株、米国株、不動産投資やってる ｜ From. 20231009 appstore.com/yasuhirokojima

入力欄のプレースホルダーの話をします。プレースホルダーというのは、フォームの入力欄で、ユーザーが入力するまでの間に表示されているテキストのことです。 書籍「Webアプリケーションアクセシビリティ1」では、「3.1 ラベルと説明」のところで、紙版にして約1.5ページの分量を割いて、フォーム入力欄のプレースホルダー（<input> 要素や<textarea> 要素の <placeholder> 属性）の問題点を指摘しています。 この本で指摘されているプレースホルダーの問題点は以下の3つです。 プレースホルダーの色が薄く視認しづらい プレースホルダーとフォームコントロールの値との区別がつかない フォームコントロールに値を入力したときにプレースホルダーの値が見えなくなってしまう Webアプリケーションアクセシビリティ さらに、Nielsen Norman Groupによる「Placeholders

デザインシステム Advent Calendar 2023 25日めの記事です。 Ubieでデザインエンジニアをしているtakanoripです。 この度UbieのデザインシステムであるUbie Vitalsのウェブサイトを公開しました。 またUbie Vitalsを構成するUIコンポーネントライブラリであるUbie UIをOSSとして公開しました。（こちらはまだWIP） ウェブサイトやコンポーネントライブラリ公開に至った過程を振り返ります。 Ubie Vitalsの出現と失敗 Ubie Vitalsはデザインに関するガイドラインなどをまとめる箱として作られました。 Ubieではデザイン生産基盤の構築を2022年から進めていましたが、当初はデザインシステムという箱をつくらず必要なツールやドキュメントを必要に応じて作っていました。 箱を作らないことで目先の課題を解決することに集中し、できるだけ

Design Principles デザイン上において目指すべき指針を言語化したものがDesign Principles（デザイン原則）です。誰でも、効率よく、迷わずに、Ubieらしい表現をするための基礎です。 Learn More

こんにちは、シフトブレインでエンジニアとして働いている安田（@_yuheiy）です。 先日、株式会社ボーンデジタルから出版された書籍『Every Layout─モジュラーなレスポンシブデザインを実現するCSS設計論』に、監訳者のひとりとして携わりました。 本書は、CSSにおけるレイアウトをテーマとしていますが、同時に、それをあらゆる環境においても破綻することなく、堅牢に実現するための、CSS全般について言える哲学を追求したような書籍です。レイアウトとはどのようにあるべきで、そしてCSSとしてどのように表現されるべきであるかという態度において、首尾一貫した理論を提示するものです。 このように、筆者独自の意見が強く主張される書籍はCSSの文脈では珍しく思えます。しかし本書の主張は、私自身のかねてからの問題意識とも重なるところが多く、また昨今の業界的な常識にアンチテーゼを唱える重要な問題提起だと

なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

はじめに コロナ前後でボイトレレッスンでどう変わったかまとめました。 多分こういう情報ないので、簡易ではありますがまとめておきます。 どのボイストレーニングを受けているか 僕はボイストレーニングのレッスンを今の先生のところで5年ほど続けています。 この先生から主にハリウッド式ボイストレーニングを教わっています。 ハリウッド式ボイストレーニングは所謂認定団体があり、基本的にはそこで認定されたトレーナーから教わるボイストレーニングになります。 アメリカのセス・リッグス氏が始めた Speech Level Singing という団体とそこから派生した団体があります。 この辺見ると実績が分かるかもしれません。 ja.wikipedia.org このボイストレーニングは高音習得に特化しています。 コロナ前の普段のレッスンの内容 基本的には対面レッスンだけで、実際にレッスンスタジオに行き指導を受けまし

ヘイドン・ピカリングとアンディ・ベルの共著『Every Layout』が日本語に翻訳された。光栄なことに僕も出版前のレビュワーのひとりとして、微力ながらお手伝いさせていただいている。 タイトルが示すとおり、本書はCSSによるウェブデザインのうち「レイアウト」の問題に焦点を絞ったものだ。レイアウトといってもページ全体のグリッドのことだけではなく、ボタンやアイコンのような小さな部品に至るまで、CSSが「ボックス」として扱うあらゆる要素を対象としている。 テーマの根底にあるのは「コンポジション」というコンセプトだ。CSSによってインターフェイス部品を形づくるとき、それらひとつひとつを独自の、独立したものとして捉えるのではなく、基本的で小さなレイアウトの組み合わせたコンポジションとして捉えるべきである、と著者は主張する。そしてそのように組み合わされる小さなレイアウトを「レイアウト・プリミティヴ」と

CSSって面白いと思い始めた人、CSSの難しさが分かるようになった人、そしてCSSが大好物な人にお勧めの解説書を紹介します。 本書は、CSSの経験を積んでいるデベロッパー向けの解説書です。レスポンシブデザインを実現するレイアウトについて実装だけでなく、設計・管理・考え方について詳しく解説されています。 本書の元になっているのは、Relearn CSS layoutです。公開されたのは2019年ですが、現在でも人気が高いサイトで、さまざまなレイアウトを実装するCSSの設計方法について解説されています。その日本語版ともいえるのが本書です。 本書は来週発売！ 一足先に中身を紹介します。

こんにちは、技術広報のyayawowoです。 突然ですが、デザイナーの皆さんはデザインの知識をどのように学ばれていますでしょうか？ スクール（大学、専門など） 会社、仕事 WEB、オンライン（Udemyなど） など、様々あるかと思います。 とはいえ、日々変わりゆくデザインのトレンドをキャッチアップしていくのは時間と労力が必要ですよね。 そんな方に必見！ 弊社にて定期的に開催している、デザイナーによるデザイナーの為のデザインLT大会・・・ 「UI/UXデザイナーLT会」にて発表されたデザインTipsをまとめましたので、ご紹介させていただきます！ 記念すべき第一回目のまとめ記事は以下をご確認ください！ ・【UI/UXデザイナーLT会】を開催しました【登壇者15名御礼】 - RAKUS Developers Blog | ラクス エンジニアブログ 目次 目次 デザイナーとなっておもったこと UI

日本ではなぜかUIとUXの違いだけを語る記事が多く存在していますが、私個人的にはその違いを深く理解するよりUXは深く学ぶことがたくさんあると考えています。今では少なくなったかな？と思っていたのですが、再燃しているようで、かつ、UXの考え方も違った形で理解すると良いのでは？と感じたので記事にしてました。 ミルクボーイがUI/UXを語る？ 引用<a href=httpsnotecomhajipionnn2d59507b2794fbclid=IwAR1H6gmSK 8rlODizDSriJTHROX41dD18KtYiB7lT9Vre8WHJ8IuljMeUJA>httpsnotecomhajipionnn2d59507b2794fbclid=IwAR1H6gmSK 8rlODizDSriJTHROX41dD18KtYiB7lT9Vre8WHJ8IuljMeUJA<a> UXとUIの違いを、お笑

友人の腹筋ローラーの力を信じろさんと共に監訳を担当した書籍『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』が出版されます。現在、Amazonで予約受付中です。当初の予定よりもかなり遅れてしまいましたが、内容はいまだ鮮やかなままに思えます。 目次: 日本語版に寄せて 監訳者まえがき Chapter 1: 基礎 1–01: ボックス 1–02: コンポジション 1–03: 単位 1–04: グローバルスタイルとローカルスタイル 1–05: モジュラースケール 1–06: 公理 Chapter 2: レイアウト 2–01: Stack 2–02: Box 2–03: Center 2–04: Cluster 2–05: Sidebar 2–06: Switcher 2–07: Cover 2–08: Grid 2–09: Frame 2–10: Reel 2

でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu…