クルマのUXはキケンな過渡期 最近のクルマはコクピットドリルで説明しきれない問題
クルマのUXはキケンな過渡期 最近のクルマはコクピットドリルで説明しきれない問題：【新連載】「自動運転未満」なクルマとドライバーの関係（1/3 ページ） 初めまして。この度連載を書かせていただくことになった渡辺です。普段はITベンチャーの経営をしていますが、もともと大の車好きということもあり、趣味が高じて自動車関連のアプリ開発などを手がけています。 自分の愛車に加えて仕事柄さまざまな車に乗る機会が多く、自動車という工業製品のUI/UXについて思うところがあります。この連載ではそうした話を語っていきますのでお付き合いください。なお、自動車メーカーや輸入車インポーターと業務上のお付き合いがありますが、ここではそれらの企業とは無関係な、あくまで個人的な意見となりますのでご了承ください。 進化するHMI（Human Machine Interface）、何が問題なのか？ 「コクピットドリル」という
せっかちなWebディレクターの私が実は好きじゃないUI/UX 5選 - NRIネットコムBlog
本記事はNRIネットコム Advent Calendar 2021 6日目の記事です。 🤶 5日目 ▶▶ 本記事 ▶▶ 7日目 🦌 こんにちは。Webディレクターの西田です。 これは職業病なのでしょうか… 仕事中でもプライベートでも、ウェブサイトやアプリを見ると、「うわーー色使いおしゃれ♡」「フォントかわいい♡」ってときめいたり、「この誘導うまっ」「そんな見せ方があったとは…！」と尊敬してみたり、はたまた「使いにくっ」「なんでそうしたんや」とつっこんだりしています。 今日は、そんな私がこんなテーマで書こうと思います。 一般的には結構使われてるけど、実は私が好きじゃないUI/UX 5選！ あくまで個人の好き嫌いをつらつらと書こうと思いますので、おおらかで器の大きな皆様に「なるほど、せっかちな人はこう思ってるのか」という気づきを持っていただけたら嬉しいです。 逆に「こう捉えたら好きになれる
Next.js + NestJS + GraphQLで変化に追従するフロントエンドへ 〜 ショッピングクーポンの事例紹介
今回は、fragmentを活用するためにパターンCを採用しており、厳密には、以下のように方針を定めています。 SSR時のクエリ発行: ページコンポーネント単位 CSR時のクエリ発行: CSRが必要なコンポーネント単位 この際、取得したqueryの結果をどのようにfragmentへ変換するかというのがポイントです。 そこで、graphql-anywhereの filter メソッドを用いることで、クエリ結果をfragmentへ変換します。 以下は、簡略化されたクーポンページの実装例です。 type DetailPageProps = { // GraphQLクエリの結果 data: Query } const DetailPage: FunctionComponent<DetailPageProps> = ({ data }) => { // couponはGraphQLのCouponスキー
Flutterで迷いがちなよくあるUIの作り方/いじり方 - AppBrew Tech Blog
こんにちは、AppBrewの新規事業部の吉野です。 この記事は「Flutter #1 Advent Calendar 2020」の７日目の記事になります。（23時に参加登録しました） 弊社の新規事業部では去年の冬頃からFlutterを採用したため、そろそろ書き始めて１年経つことになります。 ぼちぼち手に馴染んできたとはいえ、UIの開発をしていると、何度も「あれってどうやって書くんだっけ」みたいなことがあり、 よくプロジェクト内を探ったりして時間を使ってしまうことがあります。 そこで、この一年間を雑に振り返ってよく調べた/使ったUIの実装をまとめていこうと思います。 Flutterに興味がない方のために、とりあえず、うちのかわいい猫の画像を貼っておきます。 かわいい猫 はじめに よくあるUIの作り方（ちっちゃいもの編） RippleEffectがある角丸ボタン グラデーションのついたアイコン
ドキュメントとコードが乖離しないように DMM .com のエンジニアが教えるGoaを使ったAPIサーバーの作りかた
DMM Groupのエンジニアが、Goを活用したプロダクト事例やトレンド、現場のリアルを話すイベント「DMM.go」。2回目の今回は、DMM.com プラットフォーム事業本部 エンジニアの本田雄亮氏が、Goaを使ってAPIサーバーを作る方法について紹介しました。関連資料はこちら。 手作業のドキュメントとコードとは乖離する 本田雄亮氏：今回、「Goaを使ってAPIサーバー開発してみた」というタイトルでお話ししたいなと思います。 まず自己紹介です。プラットフォーム部というところで基盤システムの開発をしています。バックエンドのエンジニアです。名前は本田です。興味あるのは、Goとかアーキテクチャ。DDDとかがけっこう好きなので、もし懇親会に参加される方がおられたら、Goaだけの話じゃなくて、Go全般だったりアーキテクチャ、DDDまわりでもお話できたらなと思っています。 さっそくメインテーマのGoa
Microsoft Teams ： Microsoft アカウントで個人用 Teams が使えるようになった（プレビュー）
※当ブログの免責事項の通りですが、あらためて「自己責任」でお願いします。 「 Microsoft アカウント（以下、MSアカウント）で Microsoft Teams が使えるようになる！」と言うと、「MSアカウントで無償版 Teams なら今までも使えてたじゃん？」と思われるかと思いますが、無償版とはまた違います。無償版は僕の認識ではあくまでも業務用途で利用するお試し版という位置付けで、最終的には気に入ったらライセンス購入してくださいという感じかと思います。一方、今回の機能は完全に「家族や友人とご利用ください」という位置付けだし、例えばチームはなくて個人・グループチャットのみ、と言ったような業務用途とは機能が別物となっています。あとおそらくモバイルアプリのみで利用できる機能のようです。 この展開に気が付いたのは Microsoft Teams モバイルアプリのアップデート内容です。 ▼
「プロダクト間共通の React コンポーネントライブラリ」がどうなったか、という話 - SmartHR Tech Blog
こんにちは！ フロントエンドエンジニアの @diescake です！ 1 年程前に @nabeliwo よりこんな記事を公開しています。 tech.smarthr.jp 一言で要約してしまうと、SmartHR の各種プロダクトで一貫したユーザー体験を提供するために、SmartHR UI という React コンポーネントライブラリを実装し始めたよ！ しかも OSS として公開してるよ！ という話でございました。 github.com 本記事では、それから 1 年弱たった今 SmartHR UI がどうなっているか、という話をしつつ、現在の SmartHR UI の運用・開発体制について話をしてみようと思います。 SmartHR UI は成長しているよ！ 2019/08/01 2020/05/21 バージョン v3.9.2 v8.2.0 コンポーネント数1 30 66 ソースコード規模2 3
メルカリは「軽トラ」の検索結果をどう改善したか？ 商品検索におけるUI/UXと、新たな挑戦
2019年9月25日、クックパッド株式会社にて「Cookpad Product Kitchen #4」が開催されました。今回のテーマは「ユーザー体験を支える検索・マッチング技術」。あらゆるサービスに採用されている「検索」機能。そんな検索機能における技術と工夫について、様々なIT企業のエンジニアたちが一堂に会し、自らの知見を語ります。プレゼンテーション「メルカリ商品検索のUI/UXと新たな挑戦 」に登壇したのは、株式会社メルカリ 元Director of Search/AI/Data Scienceの森山大朗氏。講演資料はこちら メルカリ商品検索のUI/UXと新たな挑戦 森山大朗 氏（以下、森山）：みなさんこんばんは。メルカリで検索の責任者をやっています森山大朗です。今日は、光栄にもログミーTechの記事を見ていただいたことがきっかけでこの場を作っていただいたということなので、がんばって話そ
全社導入された iMac Pro 実際どうなの? 現場での導入背景と各プロダクトのリアルベンチマーク
こんにちは。 ビズリーチ インキュベーションカンパニーで新規事業のエンジニアをしている藤村です。 幾つかのメディアに取り上げて頂きましたが、現在開発マシンとして全エンジニア、デザイナーの希望者に、iMac Pro と標準スペックの MacBook Pro を支給しています。 ※ ノート派の方は高スペックの MacBook Pro を選択できます。 一方で、iMac Pro って普通のサーバーサイド、Web 開発程度で効果あるの? と疑問を持つ方もいるかもしれません。 実際に私達も計測する前はそうでした。 結論からいうと、クリーンビルドで 2.13 倍〜 6.67 倍、インクリメンタルビルドで 1.33 倍〜 7.00 倍という効果がありました。 今回は、ビルド速度と金の弾丸の相関に興味がある方々に向けて、導入背景の小話と、iMac Pro 導入後のリアルなベンチマーク結果を共有したいと思い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
顔の表情をアバターに即時反映して表示する画面付きフルフェイスマスク 「デジタルカメン」誕生
今必要なCSSアーキテクチャ