【個人開発】正規表現を学ぶ狩りに出ませんか？モンスターを倒しながら正規表現が学べるゲーム「Regex Hunting」を作りました - Qiita
【個人開発】正規表現を学ぶ狩りに出ませんか？モンスターを倒しながら正規表現が学べるゲーム「Regex Hunting」を作りましたRubyRails正規表現TypeScriptReact はじめに はじめまして！ 個人開発者のハガユウキと申します。 突然ですが、皆さん正規表現はお好きですか？ 私は好きです。「複数の文字列を一つのパターンで表現できる」部分にすごく面白味を感じています。 もっといろんな方に正規表現を知っていただきたい、好きになってほしいと思っています。 しかし、現状では2つの課題があると感じています。 正規表現の勉強自体がそもそも面白くない。 正規表現を勉強しても、しばらく使わないと忘れる。 この2つの課題を突破できるサービスは、現状存在しません。 そのため、楽しみながら正規表現を学べるサービスがあれば良いなと思いました。 作りました。 ▼スライド型正規表現学習ゲーム【Reg
アベノマスク騒動を尻目に。台湾「Eマスク」システムの快進撃 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
世界中でコロナ禍がすすむ中で注目されているのが台湾だ。4月14日に、36日ぶりにコロナ感染者0人を発表。累計の感染者についても約400人にとどまっている。近隣諸国と比較すると少ない感染者数もさることながら、マスク対応が先をいっているのである。ICチップがついた保険証で「予約」することで99%手に入るし、逆に買い占めが絶対不可能という「Eマスク」システムを実施したのだ。 反面、日本では今もマスク騒動が続いている。早くから薬局をはじめ、多くの売り場からマスクが消え、メルカリやヤフオクで高額転売される事態となった。また、政府が全世帯に布マスクを配布することを決めると、SNSを中心に「アベノマスク」と揶揄する投稿が散見されるようになる。「布マスクを出品しないように」と、今度はメルカリからアナウンスされるなど、マスク騒動がおさまらない。 関連記事：新型コロナで世界が注目、IQ180の台湾女性IT大臣
covid19-twitter-research_01.md 生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情 更新履歴 2020-05-13 追記 継続して観測していて、対応が行われたアカウントの記録などを残している https://twitter.com/bulkneets/status/1259419102851903490 FAQとして「機械が人間の都合に合わせろ」に対する反論を取り急ぎ置いておく 走り書きで書いた https://twitter.com/bulkneets/status/1260524434256879617 https://twitter.com/voqn/status/1259515760986095617 記事下部に、フィードバックなどを追記した。 はじめに この文章は mala (twitter: @bul
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
※追記しました https://anond.hatelabo.jp/20220115230648 昔からそうだけどPanasonicってデジタルモノに無茶苦茶弱いよね。 そのくせPanasonic価格でやたら高いし。 テレビとか冷蔵庫とか代替のモノがある場合は避けようがあるんだけど 純正カーナビとか住宅設備とか避けられないものにPanasonicが入ってくると途端にQoLが下がる。 カーナビこれまで遭遇したのはスバルの純正カーナビがPanasonicだった。 純正じゃないとデザインが統一されなかったり機能が制限されるから泣く泣くPanasonicに。 結果は最悪。 エンジンスタートしてカーナビ起動、地図を触れるようになるのは普通のカーナビぐらいの早さなんだけど 操作可能になってから３秒後ぐらいに 「ETCカードが挿入されています」 っていうメッセージが出てきて消えてくれない。 ３秒ほど待つ
仕事の現場で奮闘するビジネスパーソンたちの魅力、スキルを“○○力”と名付けて、読者の皆さんにお届けしたい！ 題して、連載「あのビジネスパーソンの『○○力』」。 今回登場していただくのは、アサヒ、ロフト、松屋フーズ、エースコックなど、大手企業のSNSコンサルティングを行ってきたgrass株式会社の齊藤澪菜（さいとう・れな）さん。
Visaのタッチ決済に対応したカードの日本での発行枚数が、3月末に1億枚に達したことが発表されました。 その一方で、対面決済での利用率は20%未満にとどまるといいます。なぜ利用率は低いままなのか、背景を考察します。 日本での利用率は20%未満？最近、クレジットカードのタッチ決済への対応が進んでおり、カードの券面やお店のレジで「リップルマーク」を見かける機会が増えています。デビットやプリペイドも同様です。 タッチ決済に対応していることを示すリップルマーク（筆者撮影） Visa日本法人によれば、国内での発行枚数は1億枚に達したとのこと。Mastercardなど他のブランドもタッチ決済を推進していることから、さらに多くのカードが普及していると考えられます。 ただ、国内での決済端末は180万台を突破したものの、日本の対面決済における利用率は20%未満としています。海外ではすでに約6割がタッチ決済と
UberEats(ウーバーイーツ)のビジネスモデルが成立するためには、配達員に自主的に働いてもらうことが不可欠です。UberEatsのビジネスは「レストランの料理」と「ユーザーのニーズ」と「配達員の稼働」という3者をマッチングすることで手数料を得る仕組みです。 配達員に稼働してもらう難易度は、一般のデリバリーサービスとは構造的に異なります。例えばデリバリーピザであれば、店舗側は配達員を雇用しているため、配達員に対して勤務時間と配達エリアを指示できます。一方でUberEatsは単なるマッチングサービスであるため、Uber側が配達員に稼働を強制したりシフトを指定することはできません。 つまりUber側は、ユーザーからの発注ニーズが発生する時間帯や配達エリアにおいて、まとまった数の配達員に自主的に稼働状態になってもらう必要があります。それがたとえ誰も外出したくないような真夏の炎天下でも、真冬の凍
こんにちは。 今回はProjectStepUPでUIデザインをやってきた自分が、独学で勉強する方法を考えてみました。これをやりきれば、『自力で綺麗なUIが作れる状態』にはなるはず。 内容は初心者にわかりやすいというのを大事に、かなり簡素化して書いております。とりあえず4STEPにわけてみました。そういや高校時代に4STEPとかいう数学問題集あったなあ... STEP1：UIデザインに関係する一般知識を得る ◎目的 このステップはUIデザインに関する前提を知るためにあります。STEP2以降と平行してやってOKです。というよりちゃんと学ぼうと思ったら無限に続きそう。 主なトピックとしては、UIUXとはなにか・人間中心設計・デザインの4原則・デザインガイドラインの4つでしょうか。 ・UIUXとはなにか UIデザインはUX（顧客体験）大きな流れの一部なので、そこを理解しているかどうかは本質的なUI
扱う領域が多岐にわたり、それぞれに専門性が必要とされるプロダクトマネージャー。日々の業務や意思決定の合間の限られた時間に、学習を進める必要がありますが、短時間で質のよいインプットを行うには、今も昔も書籍は有効な手段の一つです。一方で、一言でプロダクトマネージャーといっても、キャリアの変遷や得意とする領域が異なり、必要とする参考書も人それぞれです。そこで本稿では、全体像を押さえつつ、自分に適したラーニングパスを見つける上で参考になる、筆者の読書経験にもとづいたプロダクトマネージャーのための読書地図をご紹介します。 最初から「プロダクトマネージャー」という人はほとんどいない 「プロダクトマネージャーは忙しい」 あらゆる職場で耳にする言葉です。 それもそのはず、プロダクトマネージャーはその仕事の性質からカバーすべき範囲が多岐にわたり、それぞれに専門性を持って臨む必要があります。 そのため、キャリ
プロダクトマネジメントを学びたい人、プロダクトマネージャーにおすすめの書籍です。 以下、記載した書籍のリストです ## Product Management ### プロダクトマネジメントを広く理解する 「プロダクトマネジメント ―ビルドトラップを避け顧客に価値を届ける」オライリージャパン (2020/10/26) https://www.amazon.co.jp/dp/4873119251/ 「プロダクトマネジメントのすべて 事業戦略・IT開発・UXデザイン・マーケティングからチーム・組織運営まで」翔泳社 (2021/3/3) https://www.amazon.co.jp/dp/4798166391/ 「INSPIRED 熱狂させる製品を生み出すプロダクトマネジメント」日本能率協会マネジメントセンター (2019/11/1) https://www.amazon.co.jp/dp/4
やってはいけないUIアニメーション
ここの画面ではメインボタンの「START」を目立たせたいのですが、右上のボタンに目がいってしまいます。 右上に目がいってしまうのは、最後に動く箇所に視線が移動するので不必要に右上に視線が誘導されます。 他にもコントラストや動き量がメインボタンよりも大きく変化しているため、いやでも目についてしまいます。 不必要に待たせている 最後に動かすところに視線が行きますが、視線をメインボタンに向けさせようと最後のアニメーションを長くしてしまった結果、ユーザーがアニメーションによって待たされている状態になってしまいました。 メインボタンはすぐに押してゲームを遊べることが大切になるので、最後にボタンを大きく動かして目立たせてもユーザーは早く押させて欲しいと思ってしまうので、アニメーションは短くサッと出して上げてユーザーが気持ちよく行動できるといいですね。 動き過ぎ、優先順位が曖昧 全てが動き過ぎてしまい、
米Twitterは2月2日、Twitter APIの無料提供を9日（米国時間）で終了すると発表した。対象になるのはバージョン1.1、2の両方で、代わりに有料版を提供するとしている。同社の開発チームのTwitterアカウント（＠TwitterDev）が明らかにした。 同社は「長年の間、何億人もの人々が1兆を超えるツイートを送信し、毎週何十億ものツイートが投稿されている。Twitterのデータは、世界で最も強力なデータセットの一つだ。私たちは、迅速かつ包括的なアクセスが可能になるよう取り組む。あなた（開発者）は引き続きわれわれとともに開発が可能だ」としている。 詳細については来週報告するという。 関連記事 「Twitter API有料化」の影響範囲は？ 現状から予想できること 「Twitter APIの無料提供を終了する」という米Twitter。詳細はまだ分からないが、現状からどんなシナリオが
どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt
KFCのアプリやばすぎて笑う
KFCのアプリが最近リニューアルされたんだけど、稀に見るやばい出来になってて笑える。 これまでのアプリは特段大きな不満もなく使えるものだったのに、何故かいきなりアプリが刷新された。 【新アプリの惨状】 ・これまでのアプリでは会員未登録でもマイルが貯まる仕様だったが、新アプリ移行後は会員登録しないとマイルが貯まらない仕様に。 で、会員未登録のままアプリをアップデートしたユーザーのマイルはすべて消滅。 ・アップデートで未登録会員のマイルが消滅する旨について碌な告知もなかった。 ・アプリに合わせて（？）リニューアルした公式サイトが内容すっからかんでやばい。 https://www.kfc.co.jp/ ・会員登録しようとすると入力画面の携帯電話番号と郵便番号を入力出来る桁数が足りず詰む。 ・ログインの為にワンタイムパスワードが必要だが、送られてくるSMSのパスワードが空欄で詰む。 ・そもそもたか
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
なぜ西松屋はいつもガラガラなのに潰れないのか…赤ちゃん本舗とは全然違う｢売らなくていい｣驚愕の店づくり 縮小市場で生き残るための唯一の必勝法
子ども・ベビー用品を扱う西松屋が成長を続けている。少子化なのになぜ儲かるのか。流通アナリストの中井彰人さんは「西松屋は驚くほど『売らなくていい』店の作り方をしている。これこそが西松屋が見出した縮小市場で生き残り、成長していくための必勝法なのだ」という――。 人口減少のなかでも店舗を増やすチェーンストア 2023年は、最後まで人口が増加していた沖縄県が減少に転じたことで、全都道府県で人口減少となった、という節目であったらしい。我が国の人口は、2009年に既にマイナスに転じていたのだが、地域によってその進行スピードが異なっており、これで全国共通の事象となった。地方ではかなり早くから減少していた地域があり、減少県の数でみると、1981年だと0県だったのが、1991年15県、2001年27県、2011年39県というペースで増えてきた。 こうした環境下でも、チェーンストアは店舗を増やして成長するとい
enden @enden_nix これまでも牛丼1杯と半熟玉子頼むだけで16回のボタン操作が必要だったりして異常だったけど流石にこれは無いと思う、個人経営のラーメン屋さんがなんとか導入したとかならまだしも大手全国チェーンの最新型機ですよ？？？？ 2023-04-25 18:04:36
個人開発で 賃貸物件の検索サービス Comfy を作りました1。グラフや地図でサクサク絞り込める UI が特徴のサービスです。とにかく気持ち良い使い勝手を実現するために色々工夫しています。 既にリリースからは 4 ヶ月以上経っているのですが、改めてサービスの概要や、システム構成及び使用した技術・サービスをご紹介しようと思います。2。 サービスの概要 Comfy は日本全国の賃貸物件を検索できる Web サービス です。画面 UI は上の GIF 画像のような感じです。 こだわったポイントを色々書くよりも実際にさわって頂いた方が新感覚の UI や気持ちよさを体感頂けるかと思いますので、 実際のサービス をぜひお試し頂ければ幸いです！ システム構成 図の通り、システムは大きく 3 つに分けられます。 フロントエンド バックエンド データ基盤 使用技術は図の通りではあるのですが、フロントエンドと
【新定番】レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ
↓↓↓最新の2021年版を作成しましたのでこちらもご覧ください。↓↓↓ hashimotosan.hatenablog.jp PDFはこちらからどうぞ[508KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました（3年ぶり！）。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います 前回、ブレイクポイントの設定はフレイムワークも参考に考えていましたが、 改めて考えてみると、モバイルファーストの観点からも640px/1024pxではないのではないかと感じました。 以下が3年前の前回の記事です。 いくつかブレイクポイントを調べましたが、 だいたい以下のような分け方が多かったです。 640px/1024px 480px/896x
![【新定番】レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c569bf6868b0e2cd70822921c201208292c30537/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhashimotoblog%2F20190528%2F20190528165147.png)
UIの細かい動きについて
イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの
けんすう on Twitter: "これはフォロー / フォロワー時代の終焉の途中経過だと思っていて、、 TikTokやYouTubeのように「アルゴリズムでプラットフォームが見せたいものを見せる」ほうが、プラットフォームにとって有利なんですよね。 個人に力を持… https://t.co/XHYQ45uX29"
これはフォロー / フォロワー時代の終焉の途中経過だと思っていて、、 TikTokやYouTubeのように「アルゴリズムでプラットフォームが見せたいものを見せる」ほうが、プラットフォームにとって有利なんですよね。 個人に力を持… https://t.co/XHYQ45uX29
プロダクトの成功に必要な 3 つのステージと 20 のタスクについて：現場の動き方をまとめました｜Fritz | Lead Product Manager @ Mercari
こんにちは、フリッツ です。プロダクトマネージャー（以下 PM）になってから相当の年月が経ち、特に、現職の US メルカリにおいては「 UIUX 強化型 PM 」として認知されるようになりました（ありがたい）。 ただ、最近は自分があまりにもいま持っているスキル・経験に立脚しすぎているなぁ、と感じており、強みの分野を広げようとお勉強中。 ということで、旅の序盤として、本記事では「プロダクトの成功」を導くために必要とされる、問題定義・優先順位決定・実行 という 3 つのステージを PM 視点から 20 項目にわけてみました。できるかぎり、（自分の今までの）現場の動き方に沿うようにまとめました。割と基本的な内容ではありつつも、特に実行のパートにおいては、現場で役立つような個人的知見を多少含められたはず…。 プロダクトに関わる方、および・駆け出し～数年目の PM の方のお役に立てる記事になっていれ
3大イラッとくる入力フォーム
ペースト出来ないID/パスワード欄 4つに分割されてるクレジットカード番号入力欄 入力した後で記号は使えませんとか言ってくるパスワード欄 あと一つは？
映画館で働いてる人が鬼滅公開に怯えて書いたの
映画館で働いている人間が鬼滅公開にビビりちらして書いたものです。 とはいえ鬼滅に限らず全ての映画に共通する所もあると思いますので興味のある方は軽く読み流してくれたら嬉しいです。 ※この記事は鬼滅含む特定の映画を侮辱する目的で書いたものではありません。 ※あくまで私が勤務している映画館を基準に書いてあるので、違った仕様の映画館もあるということをご理解いただいた上でお読みください。 入場時の混雑ここからは鬼滅が公開されたらこれが怖いな～と思うことをいくつか挙げていきます。 まずは入場時。場所にもよるかもしれませんが、現在私が働いている映画館では 検温→チケット確認→入場者プレゼントがある場合は渡す という感じなのですが、検温の機械は髪型などによっては認識が遅く時間がかかる場合があり、また鬼滅のように上映時間が多い作品は特にチケットに記載されている時間や日付などもしっかり確認してからお客さんを通
筆者の70代の義父は、よく新製品、いわゆるスーパー家電を買って来るそうだ。 いままではそれを「義父は新しいもの好きなんだなぁ」と思っていたが、実は義父がスーパー家電を買うのには、別の理由があったらしい。 さて、それはなにか？ みなさんはわかるだろうか。 父がケーキを買うのはケーキが好きだから……ではない！ さっそくネタバレすると、「娘と会いたいから」。 2人の娘は家を出て近所に住んでおり、「マッサージチェアを買った」といえば、娘たちは「使ってみたいから今度行くよ」と実家に帰って来る。 義父の狙いは、そこにあったのだ。 事実、購入した製品は、簡単に人には貸せない大きい設置型の家具ばかりだったという。 このくだりを読んで、わたしは実家の父を思い出した。 我が家には物心ついたときから、「21時半のお茶会」がある。 いつ、なぜ始まったかわからない。でも、20時ごろ夜ご飯を食べ終わってそれぞれの部屋
『アメブロのAMPを終了します』
アメーバスタッフブログでも記載させていただいた通り、11/15より順次アメブロのAMP対応を終了させることになりました。 なぜAMPをやめるのか？2016年の3月にアメブロはAMP対応をスタートさせていました。 （当時のブログ記事はこちら） そこから5年以上AMPを採用し、モバイルの検索結果からはAMPキャッシュに飛ぶようになっていました。 Googleの検索結果からはGoogleのキャッシュに移動するわけで、当然体感速度としては良好なものであったと思います。 「それなのになぜやめるのか？」 ですが、基本的にはビジネス的な問題となります。 ウェブ界の状況、社会状況等々によっての総合的な判断ということになります。 検索結果がクリックされた際にGoogleのキャッシュが表示されるという点では、CDNのコスト削減等はあるのですが、それでもやはりトータルで考えたときに今回はAMPを終了させるという
設計を歪める認知バイアス - Qiita
こんにちは、リファクタリングが大好きなミノ駆動です。 この記事は READYFORアドベントカレンダー2021 、5日目の記事です。 これはなに？ ソフトウェア開発において、設計をないがしろにすると、低凝集密結合な構造に陥り、変更容易性が低下してしまいます。 設計スキルを高め、あるべき構造を設計する……これで解決できるに越したことはありません。 しかし、認知バイアスと呼ばれる心理効果により判断を誤り、良くない設計をしてしまうことが往々にしてあります。 本記事は、設計を歪めてしまう認知バイアスを理解し、設計判断の精度向上を促すことを目的とします。 この記事のゴール 人間の判断を歪めてしまう心理効果「認知バイアス」の存在を知ること。 ソフトウェア設計も、認知バイアスの悪影響を受けてしまうこと。 認知バイアスに振り回されない設計アプローチを身につけること。 認知バイアスとは 先入観や思い込み、偏
みなさま、こんにちは。 プラコレアドベントカレンダー2019も折り返して、8日目。 冒険法人プラコレのデザイナーzukaです。 （投稿が遅れてしまいました。本当に申し訳ございません。） なんだかんだとデザイナー歴３年目。 少しずつ社内で力になれることも増えて、毎日充実しております。 令和初のクリスマスも間近に迫り、 女性率の高いプラコレ社内は一層明るい会話も飛び交っておりますが、 先週、信じられない発言が私の耳をつんざきます。 “もう、自分でつくれちゃうから” えぇ…………。 私たちはDressy（ドレシー）というブライダル系メディアを運営しており、 多くの花嫁さまのハートをきゅんとつかむようなコンテンツを 365日毎日発信し、業界へ新しい価値を提供しております。 なかでもデザイナーの役割といえば、 良質なグラフィックを作り出し、企画を盛り上げること。 かつての広告バナー100000000
まさかソフトウェアエンジニアの自分が本業で家を建てる仕事をするとは思っても見ませんでした。２年前、DeployGateの米国オフィスを自分で施工した事をきっかけに声をかけてもらい、以来、技術アドバイザーとして携わらせて頂いていた米国の建築スタートアップ「HOMMA」に本格的に参加し、ソフトウェア・アーキテクトとしてアメリカでスマートハウスをソフトウェア面から設計して家を建てる仕事をはじめました。趣味の電子工作から初まり、深センでの独自設計ハードの少量生産、アメリカでのオフィスの施工と来て、次はまさかの本物の建売住宅の開発です。プログラミングの傍ら取り組んできた物理的な「ものづくり」のサイズがどんどん大きくなってきて楽しい限りです。制御用のファームウェアやアプリ、Webシステムを書きながら、ヘルメットを被って建設現場で大工職人さんへ施工の指示出しをしたり、信号線や電力系統の配線を設計して建築
タッチパネルで注文するタイプのお店で口頭で注文しようとするお年寄りと店員さんのやり取りに泣きそうになった「15年後私もこうやってしまいそう」
ぬえ🦅 @yosinotennin 俺のTLは俺のもの。あなたのTLはあなたのもの。 アイコンは とりのささみ様(@torinosashimi)に描いていただきました。 今はブルー スカイ とマスト ドン にお引越し中。 note の記事が溜まってきました。お暇な時にでもどうぞ → note.com/nuetwt2023 note.com/nuetwt2023 ぬえ @yosinotennin 先日外食先で お年寄りが口頭で注文しようとする 「タッチパネルでご注文ください」 「このね、ランチセットをね」 「タッチパネルでお願いします」 「これを雑穀ご飯に変えてね」 「タッチパネルで」「あと、お茶ください」 泣きそうになっちゃった。15年後私もこうやってしまいそうだし舌打ちされる 2023-02-14 10:21:21
でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… 2021-10-05 18:00:54 Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu… 2021-10-05 15:57:32
https://b.hatena.ne.jp/entry/s/www3.nhk.or.jp/news/html/20221201/k10013910251000.html 「エスカレーターを本当に歩かせたくないなら、歩けないようなUIにすべき」 エスカレータ事故のブコメに必ずこういう人湧くんだけど、それって技術的に可能なの？そこまで考えて書くべきでは？ チェスタートンのフェンスじゃないけど、技術的になんとかできるなら、既に何とかしてるはずで、できてないのはそれなりに理由があると思うんよね。 技術的な限界＋輸送力の問題で今の状態になってるんじゃないの？ 速度を上げると乗るときに危険だし、 段差を高くすると、乗り切れなくて足を踏み外したときの転倒リスクが上がる 人が一列になるように幅を狭めるのは、技術的にはできるけど輸送力が落ちて駅の導線に問題が出る。環境負荷も高いだろう ステップの構造を変え
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。（よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない） ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
なぜWebサービスはUIの改悪を繰り返すのか
自分はWebサービスの表側を作るお仕事に就いていますが、日本人ってサービス系の開発に向いてないよなーと強く思います。 特にWebサービスやアプリについては、まじで向いてない種族だと思います。 一番アカンなーと思うのが、リリース後の開発において機能追加は精力的に行う一方、機能削減はぜーんぜんやらないんですよね。 Webサービスって、リリース直後の段階である程度しっかりとしたUIで組まれていて、機能追加のことは基本的には考慮されていないケースが多い印象があります。 そのせいか、機能が追加されればされるほどいびつなUIとなっていって、最初は見やすかったのに、どんどん見づらくなっていくという…。 そうなってくると途中で全面リニューアルを行わざるを得ないことになるんですが、その頃には元のコードはぐっちゃぐちゃになっているわ元いたエンジニアはやめてるわてんやわんやで、もうどーしようもない状態になってい
なおこ @m_naoko69 @AkiDebukatsu そのハードルを乗り越えたユーザーですが、一番よく使う近隣店舗でモバイルオーダートラブル続きで…オーダーができない、オーダーが入っていない。電波障害かお客様の携帯の不都合ではと他責で悲しい思いをし、今回勇気を出してアプリを開いたら使えず。たまたま今使えずだったのでリプしちゃいました 2021-06-14 12:01:34 なおこ @m_naoko69 @AkiDebukatsu お返事有難うございます。サポートの方には何度もご返金等対応頂きました🙏🏻残念なのは原因はわからないのみで対応策ご提案がないため、使う＝トラブルでモバイルオーダーを利用停止しています。オフィスより一番近く利用したい店舗に限りなぜかこの状態で残念です。他店舗はOKなのですが利便的に…🥺 2021-06-14 12:16:03
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
「丁目、番地が全角しか入力できない」「何の入力チェックでエラーが出ているのかわからない」みんながネットでイラつく#クソ入力フォーム選手権 開催中
米村歩@日本一残業の少ないIT企業社長 @yonemura2006 ・丁目、番地が全角しか入力できない ・電話番号が全角しか入力できない ・建物名が全角しか入力できない ・生年月日がカレンダーで果てしなきページ送りを要求される ・何の入力チェックでエラーが出ているのかわからない ・入力チェックエラーになると入力内容が全部消える #クソ入力フォーム選手権 2021-09-06 22:44:39
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情
Sign-in form best practices | Articles | web.dev
Panasonicのデジタル系はどうにかしてくれないかな
「私も全然松屋行きません」と言い放ったギャル会社員が、SNSを席捲する企画を実現できる理由｜新R25 - シゴトも人生も、もっと楽しもう。
クレカの「タッチ決済」 なぜ利用率は低いままなのか（山口健太） - エキスパート - Yahoo!ニュース
なぜUberEatsの配達員は自主的に働いてくれるのか？｜御守一樹
独学でUIデザインを勉強する方法を自分の経験をもとに考えてみた｜Aoi Sano | デザイナー
「プロダクトマネージャーこそ、戦略的に読書せよ！」──最短で成果を出すための読書地図
プロダクトマネジメントを学ぶための推しの書籍
Twitter、APIを有料化へ 無料提供は9日で終了 「詳細は来週発表する」
デザインを「見る」訓練をしている話。4つのステップと勉強法｜せんざき｜n2p designer
デザインに活かせるフレームワーク20｜金 成奎
「デザイナーいないんですか？」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている
【個人開発】爆速な賃貸物件の検索サービスを作った - Qiita
Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください！WACUL安藤健作さんに聞いてきた | Webのコト、教えてホシイの！
人は「買いたい」と言うものと、実際に買うものが違っていて、数字や統計だけではそれがわからない。
もうデザイナーいらないって言われた話【無料デザインツールCanva】 - Qiita
ソフトウェアエンジニアとして家を建てる仕事をはじめました
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
エスカレーターを歩かせたくないなら歩けないようなUIにすべき？
キーボード操作を意識したHTML/CSSコーディング
マクドナルドを「いつも混んでるから並ぶのが面倒」と言う友人にモバイルオーダーを勧めたら断られてしまった話