並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 131件

新着順 人気順

dropdownの検索結果1 - 40 件 / 131件

dropdownに関するエントリは131件あります。 デザイン交通design などが関連タグです。 人気エントリには 『なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita』などがあります。
  • なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita

    1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。 本記事では、 SEのAさん デザイナーのBさん の二人が画面デザインをする過程を比べながら、その思考の違いを整理してみます。 3.SEのAさんの

      なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
    • 「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ

      「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ 2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない!」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。

        「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
      • 45分間で「ユーザー中心のものづくり」ができるまで詰め込む

        2022年8月9日 ある企業さまでの研修「45分間で『ユーザー中心のものづくり』ができるまで詰め込む」のスライドです。登壇枠が45分という限られた時間のなかで、UXデザイン・UXリサーチのもっとも大切なエッセンスを凝縮してお伝えするようにしました。

          45分間で「ユーザー中心のものづくり」ができるまで詰め込む
        • メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)|アプリマーケティング研究所

          メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。 1、商品ページの「¥マーク」を小さくしたら購入率アップ(メルカリ)メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。 理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。 この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。 元記事:https://markelabo.c

            メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)|アプリマーケティング研究所
          • 新型コロナにおける子供からの家庭内感染 傾向と対策|ai

            新型コロナに家族全員感染したので、知見をまとめます。何ぶん個人差の大きいものではありますが、これが地震や台風のような一つの災害の例として、家族で備えるための一助となればと思います。 経緯小学校低学年の子供が高熱、通っている学童で既に陽性者有(小学校で陽性があったと発熱の前日にお知らせが来たが、同じ学童の子だという事は熱を出して学童を休む連絡をした時に知った)。検査して陽性。 2 日後私が高熱、検査して陽性。 夫はその翌日微熱、濃厚接触者として保健所から検査を手配後。陽性確認。 自宅療養約 1 週間の後、私と子供はホテル療養。 やっていた感染対策夫婦共に40代前半、在宅勤務、基礎疾患なし、外食・会食・旅行はここ 1 年半以上なし、手洗い・消毒、マスク(不織布)、出かけたのは近所の小規模なショッピング施設での買い物、人のいない近所のマイナーな公園だけ。とても感染に気をつけていたというよりは、単

              新型コロナにおける子供からの家庭内感染 傾向と対策|ai
            • ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io

              Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modified を付与したのに If-Modified-Since が送られない 先日も、筆者が書いた MDN の Cache セクションで「記述が間違っているのでは?」と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/content/iss

                ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
              • 東京終電マップ|TOKYO LAST TRAIN MAP

                TOKYO LAST TRAIN MAP 終電を「時間」で可視化するインタラクティブマップです。同心円は経過時間を表し、時間が進むにつれて帰宅可能な路線が消えていきます。 使い方 山手線モード:山手線各駅からの終電を一覧表示 路線図から個別の駅を選択して詳細表示 時間スライダーで時刻を変更 路線をタップ/ホバーで詳細表示 使用データ 公共交通オープンデータセンター 各鉄道事業者の時刻表データ 路線アイコン:Wikipediaより ※平日ダイヤを基にしています。ダイヤ改正などにより実際と異なる場合がありますので、公式情報をご確認ください。本アプリの利用によるいかなる損害についても責任を負いかねます。 @chizutodesign

                  東京終電マップ|TOKYO LAST TRAIN MAP
                • Setting「設定です」 Configuration「設定です」 Preference「設定です」/Options、Flags、Properties「俺が、俺達が設定だっ!」【やじうまの杜】

                    Setting「設定です」 Configuration「設定です」 Preference「設定です」/Options、Flags、Properties「俺が、俺達が設定だっ!」【やじうまの杜】
                  • 全社横断で「誰が何をやっているのか」を可視化する取り組み | リクルート テックブログ

                    この記事は リクルート ICT統括室 Advent Calendar 2023 18日目の記事です。 こんにちは、ICT統括室の別府(@tky_bpp)です。この記事は、社内の情報流通を社内プロダクト起点で改善しようとしている取り組みの紹介です。 具体的には「社内・社外に分散している情報」を集約することで「各従業員がこれまでどのような仕事をしてきたのか」を可視化しようとしている取り組みです。その中でも、主にプロセス、工夫した点について書いています。そのため、特定の技術スタック、ツールの紹介といった技術的な内容にはあまり触れません。 同じような課題に取り組んでいる方にとって、少しでも参考になれば幸いです。 はじめに 私は現在、リクルートの社内で利用されている従業員検索システムのプロダクトマネージャーをしています。 このシステムには、従業員毎の個人ページがあり、連絡先や所属部署、使用しているパ

                      全社横断で「誰が何をやっているのか」を可視化する取り組み | リクルート テックブログ
                    • 「じつはグーグルマップよりオススメじゃね!?」アップデートでさらに進化! トヨタが本気で開発した“完全無料”の「カーナビアプリ」最新版を試してわかった使い勝手とは | VAGUE(ヴァーグ)

                      「じつはグーグルマップよりオススメじゃね!?」アップデートでさらに進化! トヨタが本気で開発した“完全無料”の「カーナビアプリ」最新版を試してわかった使い勝手とは CAR & BIKE / COLUMN 2025-10-16 writer 会田肇 トヨタ純正ナビと同じ機能が誰でもスマホで使えるカーナビアプリが「モビリンク」です。広告も表示されない完全無料のアプリですが、ユーザーの評価は上々だそうです。そんなモビリンクの最新版はどう進化しているのか、試してみました。 トヨタはなぜモビリンクを「完全無料」で提供しているのか トヨタ純正ナビと同等の機能が誰でも無料で使える、そんなありがたいスマホ用カーナビアプリが『moviLink(モビリンク)』です。 トヨタ自動車が満を持して開発したもので、地図データはサーバーから自動的にダウンロードされるため、情報が常に最新であることも大きな魅力。ここではそ

                        「じつはグーグルマップよりオススメじゃね!?」アップデートでさらに進化! トヨタが本気で開発した“完全無料”の「カーナビアプリ」最新版を試してわかった使い勝手とは | VAGUE(ヴァーグ)
                      • なぜ、ハイパーリンクは青色なのか?

                        Mozillaブログより。 エリーゼ・ブランチャード インターネットは私たちの生活のあらゆる場面に浸透していますが、デジタルの世界では当たり前のように使われているものがあります。それは、多くのリンク、特にハイパーリンクが青色であることに気づいたことがありますか? 同僚が何気なく「なぜ、リンクが青いのか」と聞かれた時、私は戸惑いました。2001年からウェブサイトを制作しているユーザ・エクスペリエンス・デザイナーの和tがしは、常にリンクを青くしてきました。私は青の特定の色調を提唱してきました。しかし、「なぜリンクが青なのか」と疑問に思ったことはありません。それはただの事実でした。草は緑で、ハイパーリンクは青です。文化的に、私たちはリンクを青色に関連付けているため、2016年にGoogleがリンクを黒に変更したときには、かなりの混乱が生じました。 しかし今、私は「なぜ、リンクが青なのか」と言う疑

                          なぜ、ハイパーリンクは青色なのか?
                        • https://www.jorudan.co.jp/info/norikae1872/

                            https://www.jorudan.co.jp/info/norikae1872/
                          • 「『客がスマホから注文するシステム』は全部ダメだからコンサルに勧められたらコンサルごとクビにしていい」という意見に大議論

                            ひろじ @kondohi 先に結論から言っちゃえば「客がスマホからメニューを操作するのを前提のシステム」は全部ダメなのでコンサルに騙されて導入を考えている店は全部コンサルごとクビにしていいと思うよ。 2025-01-14 08:53:29 ひろじ @kondohi 「アプリを入れて貰えるとお得なクーポンが貰えるし注文も使うと便利です」というのはOKなんですよ。それは囲い込みをしたい店と客の双方にメリットのある話なんです。 でも「スマホからじゃないと注文できない」のはぜんぶダメ。即刻席を立つべきレベル。 2025-01-14 08:55:27

                              「『客がスマホから注文するシステム』は全部ダメだからコンサルに勧められたらコンサルごとクビにしていい」という意見に大議論
                            • 効率よくコーディングを進めるためにChatGPTを使ってみよう

                              この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 ChatGPTとは ChatGPTはOpenAIが開発した対話型のチャットボットです。質問を入力すると質問に対する回答が出力されます。 今回はChatGPTを使って、効率よくコーディングを進めてみます。 headタグ内のコードをChatGPTで生成しよう HTMLの大枠をChatGPTを使ってコーディングしてみよう グロナビをChatGPTで生成してみよう ボタンをホバーした時のCSSをChatGPTで生成してみよう H

                                効率よくコーディングを進めるためにChatGPTを使ってみよう
                              • 「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter

                                チョコ黒は大学院生 @bottiboch 2号が小学生のとき、学校からのお手紙が全て丸ゴシックに変わったの。当時はUDデジタル教科書体がまだなくて、明朝体ばかりだったのよ。なんで変わったのか聞いたら、教頭先生が変えられたと。教頭先生のお子さんが明朝体や教科書体が読みづらいお子さんだったらしくて、読みやすいお手紙を心がけて… 2022-03-04 13:01:57 チョコ黒は大学院生 @bottiboch いらっしゃるらしいと…保護者からの評判はとても良かったのよ。 今はPTAからのお手紙以外はUDデジタル教科書体になってる。 加齢による変化で、字を読むのが辛いお年頃にも、読むのが苦手な保護者にも優しい学校からのお手紙って大切よね。 2022-03-04 13:06:58

                                  「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter
                                • 盲目の格闘ゲームプレイヤー「BlindWarriorSven」がEVO2023『スト6』のプール予選で勝利し会場大盛り上がり。サウンドアクセシビリティ機能を利用しエドモンド本田が対空とコンボを華麗に決める

                                  アメリカ・ラスベガスにて2023年8月4日から8月6日にかけて開催される世界最大級の格闘ゲーム大会「Evolution Championship Series 2023(以下EVO 2023)」の『ストリートファイター6』の第1プール予選が現在開催中だ。 多くの名試合が生まれる中、オランダ出身の格闘ゲームストリーマーBlindWarriorSvenの試合が大きな盛り上がりを見せた。 I’m so pleased for @SvenvandeWege getting the win on stage at @evo! pic.twitter.com/xuhP67G6eR — WSO Logan (@WSOLogan) August 4, 2023 BLIND WARRIOR SVEN! @SvenvandeWege #Evo2023 pic.twitter.com/U1Wdc55yrr —

                                    盲目の格闘ゲームプレイヤー「BlindWarriorSven」がEVO2023『スト6』のプール予選で勝利し会場大盛り上がり。サウンドアクセシビリティ機能を利用しエドモンド本田が対空とコンボを華麗に決める
                                  • 構成図を描く際に気をつけていること - NRIネットコムBlog

                                    こんにちは、越川です。 皆さんは構成図を描く機会ありますか? 僕の場合、内部のメンバーやお客様との議論の場で、構成図を描いて図解ベースで説明することが多いです。実際に描いてみると色々と考慮すべき点が多く、今回は自分なりに普段意識している点を言語化してみようと思います。 なぜ構成図を描くのか 構成図を描く際に意識している3つのこと 1. 導線 2. 引き算思考 1. 主役を決める 2. 読者を想定する 3. 高さや大きさを揃える さいごに なぜ構成図を描くのか 構成図のメリットは相手に伝えたいことをシンプルに伝えられる点だと思います。文章で書くと沢山書かなければいけないことが構成図を使うとスムーズに相手に伝わります。例えば、以下の文章を読んでみて下さい。 ユーザーはDNS登録されたFQDNへHTTPSアクセスする CloudFrontはBehaviorに指定されたALBにHTTPSリクエスト

                                      構成図を描く際に気をつけていること - NRIネットコムBlog
                                    • 「画像AIに絵を描いてもらうためのテキストを作るAI」が公開 どのような文章を入力したらいいのか分からないとの声を受け開発(1/2) | ねとらぼ

                                      AI画像生成ツール用にテキストを生成ジェネレーター ユーザーが入力したテキストをもとに画像を生成するとして話題の「画像生成AI」ですが、デジタルレシピは「どのような文章を入力したらいいのか分からない」というSNSでの声が多かったことからジェネレーターを開発したとのこと。 テキストボックスに日本語で文章を入力(推奨は全角500文字以上)、絵のスタイルを指定しボタンを押すと画像生成AIに読み込ませるためのテキストが生成されます。

                                        「画像AIに絵を描いてもらうためのテキストを作るAI」が公開 どのような文章を入力したらいいのか分からないとの声を受け開発(1/2) | ねとらぼ
                                      • 決め手は「QRコード」 都営地下鉄、ホームドア設置もうすぐ100%に 車両改修費20億円→270万円:東京新聞デジタル

                                        東京都営地下鉄の駅のホームドア設置率が来年2月までに100%になる。4路線のうち、多くの私鉄が乗り入れる浅草線が最後の難関だったが、スマートフォンでおなじみの技術を生かし、数十億円と見積もられた車両改修費を抑え、低コストで全駅設置にこぎ着けた。その技術とは―。(三宅千智)

                                          決め手は「QRコード」 都営地下鉄、ホームドア設置もうすぐ100%に 車両改修費20億円→270万円:東京新聞デジタル
                                        • 自動運転車の視界から“人だけ”を消す攻撃 偽情報をLiDARに注入 電通大などが発表

                                          Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 米ミシガン大学、米フロリダ大学、電気通信大学による研究チームが発表した論文「You Can’t See Me: Physical Removal Attacks on LiDAR-based Autonomous Vehicles Driving Frameworks」は、自動運転車の周囲を検知するセンサーにレーザー光を物理的に照射して、選択的に障害物を見えなくする攻撃を提案した研究報告だ。偽の情報を注入するスプーフィング攻撃で自動運転車の物体検出モデルに影響を与え安全を脅かす。 自動運転車の知覚システムは、LiDARやカメラ、レーダーなどのセンサーを活用して、障害物回避やナビゲーション制

                                            自動運転車の視界から“人だけ”を消す攻撃 偽情報をLiDARに注入 電通大などが発表
                                          • サイゼリヤのメニューはなぜ「少ない」? 元社長・堀埜一成さんに学ぶ、飲食店オペレーションの本質 - おなじみ丨近くの店から、なじみの店へ。

                                            サイゼリヤの2代目社長・堀埜一成さんに、飲食店におけるオペレーションづくりのノウハウを伺いました。 お店の運営を一気に効率化はじめてみよう! LINE公式アカウント 自社工場でのレタス栽培や、オーストラリア工場でのホワイトソース製造といった手法で圧倒的なスケールメリットを実現し、「驚きの低価格」を守り続けるサイゼリヤ。しかし、その強さの秘密は「規模」だけではありません。 根底にあるのは、創業家・正垣泰彦会長の「おいしいものをおいしい状態で提供する」という揺るぎない信念。そして、それを現場で徹底するための「オペレーション効率化」にあります。 今回は、2代目社長として13年にわたりサイゼリヤの急成長を支えた堀埜一成さんにインタビュー。「掃除機がけの廃止」から「3億円をかけたキッチンの実験施設」まで、常識にとらわれないオペレーション改革の舞台裏と、個人店でも取り入れられる業務効率化のヒントを伺い

                                              サイゼリヤのメニューはなぜ「少ない」? 元社長・堀埜一成さんに学ぶ、飲食店オペレーションの本質 - おなじみ丨近くの店から、なじみの店へ。
                                            • サブウェイが日本で流行らない理由がこの注文画面に詰まっている気がする→「ボタン一つで買わせてくれ...」「日本人にパン4種類の違いなんてわからん」

                                              後藤ショコラ @goto_chocolat @sugoi_service そもそも日本人にパンのこだわりなんてないんだから4種類もある時点でみんな「?」なのよ。 ウィートとセサミの2種類でいいよ。 元も子もないけどパッケージで売らない限り流行らんと思うよ。 このタイプのサンドイッチを食べる文化がない国にカスタムとか無理だから。 2026-05-18 11:21:21

                                                サブウェイが日本で流行らない理由がこの注文画面に詰まっている気がする→「ボタン一つで買わせてくれ...」「日本人にパン4種類の違いなんてわからん」
                                              • GPT-3を使って自分だけのAIアシスタントを作る第一歩 - Taste of Tech Topics

                                                皆さんこんにちは。健康診断の結果がちょっと気になる年齢になってきたSsk1029Takashiです。 GPT-3を扱ってチャットボット作ってみる記事の第2弾になります。 第1弾のこちらもぜひご覧ください。 acro-engineer.hatenablog.com 前回は質問応答システムとしてGPT-3を活用しましたが、今回はAIアシスタントとしてGPT-3を活用してみます。 AIアシスタントとは何かというと、Google Homeのように命令を入力すると、それに沿った処理を実行してくれるシステムを指します。 ChatGPTとの違いは命令の結果は必ずしも文章生成だけではないということです。 ChatGPTでは文字列を入れて、要求に沿った文字列を返します。 対して、AIアシスタントでは、カレンダーに予定を入力したり、アラームを設定したりなど、具体的なタスクを実行します。 この記事では、前回に続

                                                  GPT-3を使って自分だけのAIアシスタントを作る第一歩 - Taste of Tech Topics
                                                • カルマンフィルターが自動運転の自己位置推定で使われるまで - TIER IV Tech Blog

                                                  はじめまして、ティアフォー技術本部 Planning / Controlチームで開発を行っている堀部と申します。 今回は状態推定の王道技術「カルマンフィルター」が実際に自動運転で用いられるまでの道のりやノウハウなどを書いていこうと思います。 みなさんはカルマンフィルターという言葉を聞いたことがありますでしょうか。 カルマンフィルターとは「状態推定」と呼ばれる技術の一種であり、自動運転においては現在の走行状態、例えば車速や自分の位置を知るために用いられます。 非常に有名な手法で、簡単に使えて性能も高く、状態推定と言えばまずカルマンフィルターと言われるほど不動の地位を確立しており、幅広いアプリケーションで利用されています。 使い勝手に定評のあるカルマンフィルターですが、実際に自動運転のシステムとして実用レベルで動かすためには多くの地道な作業が必要になります。 この記事では、カルマンフィルターが

                                                    カルマンフィルターが自動運転の自己位置推定で使われるまで - TIER IV Tech Blog
                                                  • みんな個人でプログラム書いて便利になってるの?

                                                    Pythonが流行っているけれど、どうも便利になってない。 自分はプログラマーではないので、スキルが足りてないだけなのかもしれないけれど・・・。 例えば動画を編集していてDaVinciと他のソフトを連携したいなと思っても、そういうのはググっても出てこない。 Photoshopのプラグインとして機械学習を使ったものを入れたいと思っても、ググっても出てこない。 Pythonからエクセルを動かすのは、試してみたが、VBAマクロの方が楽に感じる。操作を記録する機能はあるし、そこから不要部分削ったりすればよく、 Pythonでエクセル動かそうとすると読みにくいし何やってるか結局わからない。 プログラマーの人はエクセルなどを嫌うけれど、matplotlibを細かい調整しようとすると調べて描画し直してを繰り返さないとならず、 GUIでポチポチ調整する方が楽に感じてしまう。 個人でGUIを作るとして、ボタ

                                                      みんな個人でプログラム書いて便利になってるの?
                                                    • 「この小さな札は何?」 サイゼリヤの注文方法が激変! 「メニュー番号を手書き」からどう進化したのか

                                                      サイゼリヤが新しい注文方法を導入している。これまでは、各テーブルに置いてある注文用紙に利用客が番号を記入して店員に渡すスタイルだったが、どのように変わったのだろうか。筆者が都内の店舗で体験した内容を交えながら解説する。 テーブルで見つけた小さな「札」 入店後、店員に案内されてテーブルに移動すると、長方形の小さな札を見つけた。札には「いらっしゃいませ」「テーブル番号24」「注文用QR」といった情報が記載されている。見た目は、小売業界で導入が進んでいる電子棚札(画面が電子ペーパーになっており、価格などをリアルタイムに変更可能)に似ている。「この小さな札は何だろう?」というのが最初に見たときの感想だ。

                                                        「この小さな札は何?」 サイゼリヤの注文方法が激変! 「メニュー番号を手書き」からどう進化したのか
                                                      • モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響

                                                        モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First Web Design on Desktop by Kim Salazar, Tim Neusesser and Nishi Chitale on October 13, 2023 日本語版2024年2月6日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、

                                                          モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響
                                                        • 大学の1階に設置された「学生が作った最寄り駅の時刻表」必要だったものってこれだ!と褒められる

                                                          Masashi Komori @masashikomori 人間の行動をだらだらと記録し続ける自称心理学者.大阪電気通信大学 情報工学科.『RとStanではじめる 心理学のための時系列分析入門』(講談社)2022/6/21発売 ソースコードを掲載したサポートサイト github.com/komorimasashi/… 一家に一冊

                                                            大学の1階に設置された「学生が作った最寄り駅の時刻表」必要だったものってこれだ!と褒められる
                                                          • Go言語が好きな理由

                                                            はじめに 私はGoが好きなので、disられている場面に遭遇すると心が痛みます。残念ながらプログラミング言語について深く語れるほどの知識や経験は持ち合わせていないため、世界が平和になることを祈るくらいしかできません。 (元ネタ)Go言語を嫌う6個の理由 - さめたコーヒー それはそれとして、Goが好きな理由を語る人はあまり見かけない気がします。この記事ではGoが好きな理由を視覚に障害のあるユーザーの視点から語ります。読み終えたところで得るものは何もありませんし、長いので覚悟して読んでください。 あなたは誰? 4年ほど業務でサーバーサイドのGoを書いています。また、業務で使いはじめる前から趣味でGoに触れていました。そのため無意識の内にひいきしているかもしれません。ただし、流行っているからといって理由もなくGoを勧めたりはしません。 視覚障害ならではのコーディング事情 Goが好きな理由と深く関

                                                              Go言語が好きな理由
                                                            • Google・Niantic・Appleが相次いで仕掛ける「VPS」とはなにか【西田宗千佳のイマトミライ】

                                                                Google・Niantic・Appleが相次いで仕掛ける「VPS」とはなにか【西田宗千佳のイマトミライ】
                                                              • 便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse

                                                                button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi

                                                                  便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
                                                                • 「センターサーバ方式Suica」に関する疑問をJR東日本に聞いた【鈴木淳也のPay Attention】

                                                                    「センターサーバ方式Suica」に関する疑問をJR東日本に聞いた【鈴木淳也のPay Attention】
                                                                  • バスの乗り方大全 - 最終防衛ライン3

                                                                    はじめに 「バスの乗り方が分からないなら検索しろ!」は的確か バスの乗り方が最もカオスなのは奈良県 前から乗るか、後から乗るのか、運賃を乗車時に支払うのか降車時に支払うのか 奈良はなぜカオスなのか 路線バスの多い都道府県 自治体の運営するバス コミュニティバスを運行する自治体の割合 コミュニティバスを含めたバスの乗り方まとめ 路線バスとコミュニティバスの集計方法 乗り方案内をHPに掲示する「路線バス会社」の割合と集計方法 コミュニティバスを運営する自治体の割合と集計方法 最後にやはり……「バスの乗り方が分からなかった検索しろ」 はじめに 「バスの乗り方が分からない」との声にお応えするため、全国の路線バスを運行する会社が HP 上で乗り方案内を掲示しているかを調べた。 ついでに、自治体が運営するコミュニティバスについても集計した。 集計結果をスプレッドシートにまとめた。具体的な集計方法は後述

                                                                      バスの乗り方大全 - 最終防衛ライン3
                                                                    • ホントに“グーグルマップ”よりも使いやすい!? トヨタが本気で開発した無料の「カーナビアプリ」 使い勝手はどう? | VAGUE(ヴァーグ)

                                                                      ホントに“グーグルマップ”よりも使いやすい!? トヨタが本気で開発した無料の「カーナビアプリ」 使い勝手はどう? CAR & BIKE / COLUMN 2024-5-17 writer 会田肇 カーナビ代わりにも使えるスマートフォンの無料地図アプリですが、ユーザー数の多い「Googleマップ」のほかにも多くの無料カーナビアプリがあります。いまその使い勝手の良さで人気が急上昇しているとウワサなのが「モビリンク」です。どのような特徴があるのでしょうか。 トヨタ車オーナーだけでなく誰でも無料で使える「モビリンク」 GPSを使ったカーナビがはじめて登場したのは1990年。ユーノス「コスモ」に搭載されたCCS(カーコミュニケーションシステム)が最初でした。 同年には市販型GPSカーナビ、カロッツェリア「AVIC-1」が登場しています。以来四半世紀が過ぎ、カーナビはドライブの必須アイテムとしてすっか

                                                                        ホントに“グーグルマップ”よりも使いやすい!? トヨタが本気で開発した無料の「カーナビアプリ」 使い勝手はどう? | VAGUE(ヴァーグ)
                                                                      • 「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI|Yamashita Angelica

                                                                        この記事には、ゲーム「UNDERTALE」のネタバレが含まれます。 ネタバレによってゲーム体験を致命的に損なう可能性が高い作品です。今後プレイする予定のある方は、ぜひプレイ後にお読みください。 UNDERTALE(アンダーテール)とは、「知る人ぞ知る」と言うにしてはあまりにも有名になりすぎたインディーゲームです。2015年にPC向けに開発され、現在はSteam、XBOX、PSVITA、PS4、Nintendo Switch…と、多くのプラットフォームで遊ぶことができます。 ほぼToby Fox氏個人で開発した作品でありながら、各メディアのGOTY(ゲーム・オブ・ザ・イヤー)に多数ノミネートされており、「メタルギアやマリオが出てくる受賞ランキングに個人開発ゲームが入ってるってどういうことだよ!!!!!????!!!!!」と当時せっせとゲームスタジオで働いていた私は卒倒しそうになりました。 こ

                                                                          「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI|Yamashita Angelica
                                                                        • Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io

                                                                          Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方、既

                                                                            Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
                                                                          • 令和時代のページネーションを考える (REST API編) - Sweet Escape

                                                                            今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 はじめに REST APIを実装するにあたってリスト系のAPIを提供する場合に必須といっても過言ではないのがページネーション。大量のリソースをレスポンスする場合にそれらを一気に返してしまうことは応答速度、転送量、クライアントサイドでの扱いづらさなどなどに繋がるので必須と言える。 最近、新たなAPIを開発するにあたってページネーションをする必要があったこともあり、今回はこのページネーションをどうやって提供するか整理して改めて検討してみた。 前提 TypeScript Nest.js

                                                                              令和時代のページネーションを考える (REST API編) - Sweet Escape
                                                                            • マルスと「熟練が必要なUI」についての議論

                                                                              JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動

                                                                                マルスと「熟練が必要なUI」についての議論
                                                                              • サイゼリヤでメニュー名だけを頼りに1500円ぶん注文する遊びが楽しかった

                                                                                TV番組の人気コーナー「グルメチキンレース・ゴチになります!」を、「自分とは別世界の話だな〜」と思いつつ、たまにぼーっと見ることがある。 が、突然気がついた。設定金額を1/10にすれば、ド庶民の自分にも同じ遊びができるんじゃないか? と。 よし、「サイゼリヤ」でやってみよう! 日常的な生活の中にぽっかりと現れる「今ここで乾杯できたらどんなに幸せだろう」と思うような場を探求するユニット。なんでもない空き地とか、川沿いの原っぱとか、公園の売店だとか、そういったところに極上の酒の場があるのではないかと活動中。 前の記事:東京・大阪で「街の親切」さがし 「ゴチごっこ」がやってみたかった 笑いコンビ、ナインティナインの冠番組「ぐるナイ」の人気コーナーに、「グルメチキンレース・ゴチになります!」がある。 なんと20年以上も続いているコーナーだそうなので、目にしたことのあるかたも多いだろう。具体的には、

                                                                                  サイゼリヤでメニュー名だけを頼りに1500円ぶん注文する遊びが楽しかった
                                                                                • 駅の構内図は全国の主婦の皆さんの力で生み出されている

                                                                                  1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。(動画インタビュー) 前の記事:職場を抜け出して生ガキを食べる~伝説の社員を教えてください > 個人サイト 右脳TV ライターwiki 駅構内図の最大の目的とは 駅の構内図ってどんなのだっけ?という人もいるかもしれない。でも絶対見たことあると思うんですよ。こういうやつです。 こんな感じで、立体的に駅の構造を教えてくれる図があるじゃないですか。ちなみにこれは小田急電鉄の参宮橋駅。 この駅構内図を、JR各社はじめ東京メトロに都営地下鉄、小田急、京王、西武、東武、京成、名鉄、近鉄、南海ほかもろもろ手がけているのが株式会社ナビットである。 取締役の岡崎さん(右)、デザイナー課 課長の田中さん(左)にお話をうかがいました。 僕は路線図が好き

                                                                                    駅の構内図は全国の主婦の皆さんの力で生み出されている

                                                                                  新着記事