「あなたの職場では、目的が不明確な依頼が横行していませんか？」 そう語るのは、これまでに400以上の企業や自治体等で、働き方改革、組織変革の支援をしてきた沢渡あまねさん。その活動のなかで、「人が辞めていく職場」には共通する時代遅れな文化や慣習があり、それらを見直していくことで組織全体の体質を変える必要があると気づきました。 その方法をまとめたのが、書籍『組織の体質を現場から変える100の方法』です。...

仕事が進まないとき、原因はどこにあるのか。労働者メンタルヘルスの専門家である佐藤恵美さんは「産業構造の変化で職場には“名もなきフォロー”が多く生まれている。部下のモチベーションを高めて疲弊させないために、上司が身につけるべきことがある」という――。

「業務システムの画面デザインを作るときに参考になるサイトってある？」 「使いやすいUIにするにはどのようなポイントに注意したら良い？」 業務システムは操作性が命。システムの画面デザインが優れていないと、ユーザーが不便に感じてしまうかもしれません。使いやすいシステムを構築するには完成しているデザインやUIを参考にし、開発中の業務システムにうまく取り入れる必要があるでしょう。 そこで本記事ではデザイン・エンジニアリング両面からサービスの設計・開発を行っているFlowzが以下の内容について詳しく解説します。 業務システムの画面デザインサンプル7選 画面デザインにおける5つのポイント 改善すべき画面デザインの特徴 デザインのサンプルを探している方はもちろん、画面を設計する際に意識すべきポイントについても解説するので、ぜひ最後までお読みください！ なおFlowzではデジタル領域でのサービス設計、プロ

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を

本ハンドブックは、WCAG 2.0（JIS X 8341-3:2016）の達成基準をもとに すべての利用者がウェブサイト利用できるようにするためのアクセシビリティ向上の具体的な指針と実践的なアドバイスを提供します。 はじめに ウェブアクセシビリティとは 運用時のウェブアクセシビリティの取り組み 開発時のウェブアクセシビリティの取り組み ウェブアクセシビリティ試験 ウェブアクセシビリティ試験の流れ ウェブアクセシビリティ方針（サンプル） ウェブアクセシビリティ検証結果（サンプル） ウェブアクセシビリティ検証試験実施ページリスト（サンプル） 参考 実装の参考 ツールの参考 達成基準（適合レベルA,AAを解説） 1. 知覚可能の原則 代替テキストのガイドライン 【A】非テキストコンテンツの達成基準 時間依存メディアのガイドライン 【A】音声だけまたは映像だけ（収録済み）の達成基準 【A】キャプシ

認知症を発症するということは「法的な死」を意味することをご存じですか？　認知症が進むと、重要な法律行為ができなくなるからです。認知症を患うと「財産凍結」により家族でも預金が引き出せなくなります。さらに、実家も売れない、贈与もできないという事態に陥ります。では、どのような事前対策ができるでしょうか？　税理士向けに相続の講演なども行う税理士・牧口晴一氏の著書「日本一シンプルな相続対策」（ワニブックス）より一部抜粋し、分かりやすく解説します。 親の死に目に会えなくても大丈夫！ 死に目に会えないことは不幸だという思い込みを拭い去らなければなりません。 日本では、多くの人が「死に目」に会うことが大切だと誤解しています。「霊柩車や葬列を見たら親指を隠せ！親の死に目に会えなくなる」とか「夜爪を切ると親の死に目に会えない」という迷信を小さい頃から親に言われ続けていつの間にかそう信じ込んでいます。それが、人

仕事が壊滅的にできない人っています。いや、私もめっちゃデキル人間ではなく『どの角度から言ってんねん！』とお叱りを受けるかもしれませんが。でもまぁ、一応、歴代の部課長から「君と一緒に仕事をした人で、君のことを悪く言うひとを聞いたことがない。結果も出してくれている。」というお言葉を頂いているので、壊滅的にできない人ではなさそうです。たぶん。知らんけど。陰で言われているかもしれんけど。 さて。 会社や部門により頻度はあると思いますが、 という人に出くわしたことがある人もいると思います。 ええ。私は社内の社内のFラン部署にいるのもあり、いやその前の研究所時代も、大学院の研究室時代も、 「おっ、おまえ・・怒」 と思う人に何度もぶち当たりました。 特にFラン部署は今はずいぶんマシになりましたが、5年ほど前まで、 でした。ほんと、世の中には様々な難ありさんがいるんだな～と勉強になりました。その難ありさん

Build your next idea even faster.Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.

Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design Systems for Figma ※画像は、クックパッドのデザインシステム Design Systems for Figmaには日本のサイトをはじめ、海外のサイトのデザインシステムがまとめられています。 サイトの利用は簡単で、登録など面倒なことは一切不要です。

こんにちは アル・デンテです。 この名前で生まれてから数十年、 パスタが大好きでとにかく作りまくってきました。 そんなパスタ人生の中でできたおいしいレシピを ちょっとでも皆さんと分かち合いたくて 日々SNSでパスタのレシピを投稿しています。 そして今日はどうやら #世界パスタデー と呼ばれる日だそう。 世界パスタデーが何かは分からないですが笑笑 せっかくなのでこのタイミングで 過去に紹介したパスタを振り返ってみようと思います。 皆さんが作ったことあるパスタも まだ知らないパスタもあるかもしれません。 このnoteが皆さんの振り返りや新発見に役立てば嬉しいです。 ※画像タップするとレシピページに飛べます まずは最近ハマってるワンパンパスタワンパンパスタが素晴らしいのは 沢山の人の課題や要望に対してある種の答えであるという事。 プロみたいに作るパスタも当然素晴らしい けど 求められるものの中に

【freee / ICS / Ubie / RAKSUL】 デザインシステム構築の様々なアプローチ 「Design System Build #01」勉強会レポート 近年、国内外の様々な企業のプロダクト開発に導入されている「デザインシステム」。「デザインシステム」を導入することで、デザイナーやエンジニアの開発生産性や効率性を高めたり、ユーザー体験の一貫性を提供できたりと、様々なメリットがある一方で、事業内容や成長フェーズ、組織構造などによってデザインシステムの目指すべきカタチは異なり、正解や完成がないことから、悩みを抱えている企業や開発者は少なくありません。 そこでラクスル株式会社（以下、RAKSUL）は、デザインシステムのコミュニティ「Design System Build」を立ち上げ、2022年8月23日に“デザインシステム構築の様々なアプローチ”をテーマに勉強会を開催しました。 この

MEO(ローカルSEO)についての最近の動向についてと、SNSやGoogle ビジネス プロフィールなどを駆使して、どのような対策を行うといいのかを徹底解説（2022年下半期） はじめに〜MEO(ローカルSEO)についての最近の動向についてと、集客・リピーター獲得に対してどのような対策を行うといいのか〜 MEO(ローカルSEO)という言葉があります.。ざっくりいうと自分のお店などをGoogle Mapで表示された時に最適化を図る施策になります。今回は主にこちらのMEO(ローカルSEO)とSNSを使用した集客といった視点について掘り下げていきたいと思います。 本記事は2部構成とし、基本編ではMEO(ローカルSEO)の基本的な方法についてお話します。そして応用編ではSNSを使用した集客やリピーターを増やす方法といったものになります。 基本編を既に知っている方はその後、自分たちでは何をすればいい

イベント: Figmaお楽しみトーク Vol.2 https://friends.figma.com/events/details/figma-tokyo-presents-figmaole-shimitoku-vol2/

アコーディオン型ユーザーインターフェイス（UI）はウェブページでよくみられる表現です。巷ではさまざまな方法でアコーディオンUIを作る方法が紹介されていますが、みなさんはどのような方法で実装していますか？　見た目だけでなくアクセシビリティ対策までしっかりとできているでしょうか？ <details>要素と<summary>要素は、アコーディオンUIを実装するのに最適です。過去にIE対策として<button>要素や<div>要素、<input>要素などでアコーディオンUIを作っていた方は、アクセシビリティ対策が簡単にできるので、<details>要素と<summary>要素の採用がオススメです。 この記事では、<details>要素と<summary>要素がアコーディオンUIに最適と言える理由と、HTMLのマークアップからCSSでのスタイリング、JavaScriptでのアニメーション制御まで順を

HTMLの標準仕様は2021年にHTML5が廃止され、HTML Living Standardになりました。そしてCSSの仕様はW3Cによって策定されており、CSS2.1をはじめ、CSS3やCSS4の策定も進み、モダンCSSが現在の主流となっています。 HTML Living StandardとモダンCSSに完全対応したWeb制作者必携、読みやすい分かりやすい使いやすいと三拍子揃ったリファレンス本を紹介します。 IEのサポートが終了した現在、手元にあるリファレンス本が古いぞ、と思った人には特にお勧めします！ 本書は2015年に刊行されて以来、ベストセラーを続けている「HTML＆CSS全事典」の最新版、改訂3版です。2022年8月現在の仕様にあわせて全面改定されており、HTMLとCSSのリファレンスだけでなく、新機能の解説、今時の記述方法、@ルールのさまざまな使い方、CSSの関数など、Web

本当にあったIT怖い話　AWSの設定ミスで300万円のコスト超過、1日1回だったはずの処理が1分で160万回に　当事者に聞く反省点（1/3 ページ） バックアップデータがあると思って安心していたのに、いざ障害時に取得できていなかったことが発覚したり、ネットワークアクセスの制限を強化しようと設定をいじったら、自分すらアクセスできない状態にして手詰まりになったり……もっとヒヤッとする事態も含め、IT業界には「本当にあった怖い話」がいろいろある。 クラウドサービスの利用料金がいつの間にかに膨大になる「クラウド破産」もその一つだ。検索してみると、便利だからとあれもこれもとクラウドサービスを利用していたら料金が想像以上に大きく膨らんでしまい、課金額を見て目を回した経験談がいくつかのブログにつづられている。 システムインテグレーションやセキュリティサービスを提供するラックも、そんな経験をしてしまった企

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。

【無料公開】社内研修書籍『Unity パフォーマンスチューニングバイブル』のPDF公開&オープンソース化しました！ ゲーム・エンターテイメント事業部では、社内研修用の書籍『Unity パフォーマンスチューニングバイブル』のPDFを公開し、同時にオープンソース化しました。 本記事ではこの書籍の概要とダウンロード方法、オープンソース化とその意図についてご紹介します。 Unity Performance Tuning Bible はじめに モバイルゲーム開発においてパフォーマンスチューニングは重要ですが、その一方で、必要な知識が幅広く、体系的な学習が難しいという問題があります。 ゲーム・エンターテイメント事業部ではこのような課題感から、パフォーマンスチューニングに関する知識を体系的にまとめた書籍として、『Unity パフォーマンスチューニングバイブル』を製作し、社内の Unity エンジニアの方