ユーザーインターフェースのこと
こんにちは。NewsPicks Androidアプリエンジニアの sefwgweo です。 今回はタイトル通りAndroidにおけるSearchViewのUIをMVVMでCustomした話をします。 なお、SearchViewの検索機能に関しては一切触れておりませんので予めご了承ください。 要件 ユーザ属性に応じて、ツールバー及びSearchView内の各パーツごとの色が動的に変更されてほしい 色及びその他デザインの細かい仕様は以下とする 2-1. Toolbar背景色は動的に変更できること 2-2. 検索Box内背景色は動的に変更できること 2-3. 検索Box内背景色アルファ値は動的に変更…
こんにちは、プロダクトマネージャーの田嶋です。 6月から約半年間の育休取得を予定しており、今は引き継ぎのラストスパート中です👶 ※補記：「UI/UX」という表現は個人的には好みではありませんが、今回は便宜的に使用しています。 ーーーー さて、時は遡ること1年半ほど前・・・ ワイヤーフレーム検討の打ち合わせでアイデアが出ず沈黙していた時、 先輩）「たじまさん、遊んでる？」と聞かれ、 ぼく）「え、真剣に考えてますよ！？」とちょっと怒り気味で返すと、 先輩）「いや、そうじゃなくて。普段ちゃんと遊んでますか？遊ばないと、良いアイデア出ないですよ。」 というやり取りがあった。 とある打ち合わせにて。 「…
ワンクリック注文の機能について 結論：DMM FXでは、無効化ができない!アプリ再インストールが必要(2022/5現在) ユーザとして求めること ワンクリック注文の機能について 各社FXでは、ワンクリックで新規注文ができる機能を提供していることが多いです。 が、この機能。 誤クリック・誤注文の元になりかねないので、私は基本的に利用しないようにしています。（ウトウト～としたときに誤操作しそうで怖い。というか、した。） FX各社もリスクとして認識しているようで、この機能はデフォルトで無効になっていて、「機能を理解した上で、利用しますか？」と確認したうえで有効化するような作りになっていることが多いで…
普段（一応）Webサイトやサービスの制作・開発界隈の片隅でお仕事している身として、映画やドラマの中で登場人物が操作しているデバイスのUIが安っぽいと、いくらそれまでの展開が見事でも一気に冷めてしまいます。 もう少し具体的に書くと、 何某かのシステムがハッキングされた際に画面いっぱいに「WARNING!!」って文字が表示される 容疑者のプロフィールを表示する画面にいつスキャンしたんだか知らない全身の3Dモデルがぐるぐる回ってる Twitterに似せて作ったように見えるけど、大して似てないよく分からないサービス …とか、そういうやつ。 結構な頻度でこの手のシーンに遭遇するので、おそらく見ているシー…
UIとは直訳的に言うと「使う人(ユーザー)と製品との接点」で、ユーザーが製品からの情報を認識するための画面表示や音声等の出力系と操作するためのハンドル、レバー、ボタンなどの入力系から構成されます。 今回は機動戦士ガンダムシリーズでモビルスーツの操作UIについて考察してみます。 先ず、初代のガンダムですがコックピットはこんな感じ。 正面に50インチくらいの大きなスクリーンと左右に30インチくらいのサブスクリーン。 全話を細かくチェックしてませんが基本サブスクリーンは前方左右の固定カメラだったと思います。だから、後方を見る場合はガンダムの機体ごと後ろに「振り向く」必要があったと思います。機動性は高…
Flutterを書いていると、Cardを使う場面が出てくることと思います。 そこでCard内に'elevation'という設定をみたことはないでしょうか？ 実はこの'elevation'という設定はCardに影をつけることができます。(CardだけでなくAppbarもできるらしい) Card( elevation: 8, child: Container( width: 120, height: 100, ),), 以上がelevationについての説明となります。 これをやるとやらないでUIのオシャレ度が変わってくるので、余裕があればぜひ試してみましょう。
お疲れ様です。 現在作成中のサイトにおいてこちらのサイトが役に立ちましたので共有します。 t.co UIもジェネレーションギャップを考慮する時代 で、このページを会社のチャットにも共有したのですが、 若手にこう言われました。 「保存のアイコンっていつまでフロッピーなんですかね・・・？」 んんーっ！？ ・・・そうですよね。 今の若い人達はフロッピーなんて見たことないですよね。 そう考えると受話器アイコンも危なそうです。 新人さんが会社の電話機の使い方が分からないという話をよく聞きます。 UIも自分達の世代基準で考えてはいけない時代（というか年齢）になってしまったようです。 アイコンに関しての個人…
スマホの操作が苦手な人がいる。両親にスマホの使い方を教えていて、その理由が少しわかってきた。 スマホの使い方が難しいのは、スマホのUIがすぐに隠れるからだ。 例えばLINEのビデオ通話画面で、通話を切るボタンは通話中に非表示になる。画面をタップすると再び表示されるのだが、それは見ただけではわからない。 LINEのトーク画面の画像選択ボタンは、テキスト入力のモードになると「＞」ボタンのなかに複数のボタンと一緒になって隠れる。画像選択ボタンを表示するには「＞」ボタンをタップする必要がある。 どうしてこのように隠れるのかというと、スマホの画面が小さいからだ。アプリが見せたいものを大きく見せるためにU…
この記事では、ポケモンシリーズ最新作のPokémon LEGENDS アルセウスのUIに対する不満点と改善案を書く。 ちなみにUIはユーザーインターフェースの略で、プレイヤーが直接操作するメニューやボタン等の仕組みを指す。また、この記事にはストーリーのネタバレは含まれていない。Ver. 1.0.2を使用。 強調しておくが、Pokémon LEGENDS アルセウス(以下アルセウス)は、UIこそ極めて不便だったものの総合的には良作と感じた。詳細は以下のレビュー記事を見てほしい。なお、UI以外に関する不満点も以下の記事にまとめている。 用語の定義 ｢望ましい｣UIの条件 1. 多用する動作に一般的…
いくらUIとUXを混同して重ねる人がいても、これらの概念が同じものになることはありません。時代です。もっとも、今にして思えば、1980年代にゼロックス・パークで最初ui-vs-uxのグラフィカル・ユーザー・インターフェースが開発されたことで、両者は互いにスタートラインに立ったのかもしれません。また、ユーザーインターフェースデザインとユーザーエクスペリエンスデザインの両方を、同じ人が行えるという誤解もあります。さらに、UIとUXの間に違いはなく、UIデザイン対UXデザインというものは存在しないという混乱にもつながっています。しかし、それぞれに専門家が必要なのです。
ツイート 釣りBOT @FishingFuk https://www.amazon.co.jp/%E3%82%B7%E3%83%9E%E3%83%8E-SHIMANO-22-%E3%82%B9%E3%83%86%E3%83%A9-C5000XG/dp/B09R99WHHL?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=YFKWT1VR3O95&keywords=22+%E3%82%B7%E3%83%9E%E3%83%8E&qid=1644151945&sprefix=222+%E3%82%B7%E3%83%9E%E3%83%8E,ap…
以前にnoteに書いた、受注〜出荷までを管理するアプリの作成について、kittan.hatenadiary.jp 前回前前回で問題の洗い出しと原因、kintoneで改善していく目的と概要を振り返りました。kittan.hatenadiary.jp kittan.hatenadiary.jp 今回はアプリ作成時に気をつけていたポイントを考えていきます。 図に描く プロセスのシンプル化 共通のマスタアプリ データの断捨離 基本機能から考える、ほどほどのUIカスタマイズ 今回のサインポスト 図に描く 原因の洗出し、解決策やワークフローのシュミレーションなど、とにかく頭にあることを書き出しました。 図…
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ ⭐ （17,794件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,84…
ここ数年、駅で見掛ける事が多くなった ワーキングブース。 どんな感じなんだろう？ と気にはなりつつも、 特別利用する理由もなかったのですが。 目下スタートした転職活動にて、 そして、このWEB面談が当たり前のご時世、 利用シーンがあるだろう、ときちんと調べてみました。 www.fujifilm.com 調べると言っても、サイトを見るだけですが。。 ちょうど、転職エージェントさんとの面談が 仕事終わりに入り、家に帰っている時間でもないので、 利用してみることにしました。 まずは会員登録。 WEBサイトから仮登録からの本登録、そしてクレジットカード登録。 特別な手続きでもないですね。 そして、WE…
こんにちは、ちょこです！ 今回、私が購入した書籍の中から紹介する書籍はこちらです！ 「デザインの基本ノート 仕事で使えるセンスと技術が一冊で身につく本」 まずは「デザインの基本を知る」こと。そして「たくさんの作例を見る」こと。この流れがとても大事だと考えています。 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).…
※本ページはUnityエディタ2021.3.4f1バージョンにて確認しています。 3D Game Kit Liteを利用した学習過程をまとめてみようシリーズ第７弾。以下のリソースを元にまとめています。 assetstore.unity.com learn.unity.com 今度のお題はテレポート処理だ。これもゲームUIの一つと言えるのだが、おおきく同一Scene内への移動と、他のSceneへの移動の二つに大別される。それぞれ使い方が微妙に異なるので順に勉強しよう。 まずは同じScene内への移動から。 ProBuilderを覚えているだろうか？ソレっぽい雰囲気出す為にもテレポータゲートを用意…
もう2022年が半分終わる。。。そして熱い。。 というわけで6月の更新です。 シールドの仕様とUIを調整 シールドエフェクトの重ねがけがゲーム体験を損なうケースがあったので、重ねがけをできないように状態変化と同じようなIDを設定できるようにしました。 状態変化やカウントと扱いが同じなのでID設定の際はご留意ください（互換の挙動として、未設定の場合はIDはshieldとして扱います） 提案ありがとうございました！（今回の修整にあたって大変参考になりました） div.uv-card { background: #fff; border: 1px solid #CED6E6; -moz-border…
そろそろ来るだろうと思われておりましたが、miniでソフトメーカーラインナップとのことで任天堂作品が無いダイレクトなのでガッカリされた方が多いと思われます。私は逆に楽しみになったんですけどね。 だってこれ以上任天堂作品増やされても困るのよ！7月にゼノブレイド3、9月にスプラトゥーン3だけでお腹いっぱいです。私はやらないけどポケモンもあるしね。あとベヨネッタにゼルダ続編も控えてるし。 その隙間に面白そうなサードの作品が数本あればいいんじゃね？と軽い気持ちで視聴しました。やはり日本時間の夜に配信してくるのは本当に有難い。朝7時とかマジで勘弁してほしいわ、お前はどこの国の会社なんだと。 私が気になっ…
6月は仮想通貨 +458万円 株-24万円でした。 BTCは崩壊しているし、冬の時代の訪れを感じます。LUNA戦ほどの爆益は得られなかったですし、これからかなりきつくなるだろうなーと予想しています。 今月は本当に色々あったのでつらつらと書いていきますが、お前誰よ？という方は弊過去ブログ等を見てください。 自己紹介的なもの - アビトラ民のブログ --はじめに-- はじめまして。 本ブログでは、日々の損益や考えていることを掲載する予定です。 アフィリエイト収入などは求 qash-tit.hatenablog.com 2021年の年次と、今年どうやって稼いだか - アビトラ民のブログ 2021年は…
アトラエにある４つの事業、Green、Yenta、Wevox、Inowのエンジニアが集まりAtrae Engieer Meetupを開催しました。リモートワークの影響もあり、普段なかなか一堂に会する機会のないメンバーもオフライン/オンラインで集まり、各事業の技術やチームの話などを発表しました。 そこで本記事では、「アトラエのエンジニア組織ってどんなところ？」「どういう技術使ってるの？」という方へ向けて、アトラエの技術・組織について紹介します。もっと詳しく知りたい！という方は記事最後にある採用ピッチを是非ご覧ください。 アトラエのエンジニアってこんな感じ 本Meetup開催前にWevoxのカスタ…
Recruitingの米田です。 今回は、「BASE」のショップオーナーに向けて金融サービスを提供しているBASE BANKチームのデザイナーにインタビューをしました。 BASE BANKの専任デザイナーは今回インタビューする山田さん1人のみと、チームの立ち上げフェーズにあります。 本インタビューでは、BASE BANKのデザインチームの仕事についてや、個人やスモールチーム向けの金融サービスならではサービスの課題や取り組むやりがいについて聞きました。 【Profile】 写真左：石黒 大基（いしぐろ だいき） Design Division Product Design マネージャー 1979…
「スノーランナー」シーズン7 パッチノート17.1 22.6.28 Patch Notes 17.1 公式フォーラムから抜粋、 www.DeepL.com/Translator（無料版）で翻訳しました。 シーズン7：Compete & Conquer SnowRunnersの皆さん、こんにちは。新しいアップデートがすべてのプラットフォームで利用可能になりました! このアップデートでは、様々な一般的な修正と改善が行われています。 このパッチで何か問題が発生した場合は、必ず私たちにお知らせください。ありがとうございました。 パッチノート変更点モデリング サブスクライブしたMODマップが有効化できな…
はじめまして、NewsPicks Web Product Unitのじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えるプロジェクト（以降、リアーキプロジェクト）を進めています。 新 Web 基盤のフロントエンドはReact (Next.js)+TypeScriptを採用しており、バックエンドとの通信にはGraphQL(Apollo) を採用しています。 今回はFragment Colocationという考え方を導入したら、これまで抱えていた技術的な課題が解消され、開発スピードが向上したお話をしようと思います。 導入前の課…
モチベーション回復の為のリハビリです。一年以上前にこちらを書いたのですが、続きを書いてません。 押し出しを押し出さずに掘り下げる1 - C#ATIA 継続しなかった最大の理由は、アクセスが伸びなかったのでw 今回はもう少し手前の処理、スケッチを扱おうかと考えています。念の為ですが、テストしている環境です。 ・Fusion360 Ver2.0.13377 ・Win10Pro(Home) ・ms-python.python v2022.4.2元となるサンプルはこちらのものです。 Fusion 360 Help まずは、型ヒント付きで書き直してみました。スクリプトです。 # Fusion360API…
www.sociomedia.co.jp
fladdict.net
warenosyo.hatenablog.com
fladdict.net
baigie.me
www.startup-dating.com
coliss.com
coliss.com
qiita.com
