「ひどすぎ音量調整UI選手権」が注目集める。ミニゲームに大量ボタン、16連サイコロなど使いにくさ追求の“最悪UI”たち - AUTOMATON
Twitterユーザーの0xDesigner氏が、過去に海外掲示板Redditにて実施された“ひどすぎ音量調整UI選手権”より、さまざまなgifを引用して紹介している。謎のミニゲームから単純に使いづらいUIまで、多種多様なおもしろUIが取り上げられ、話題を呼んでいる。 0xDesigner氏の引用元となっているのは2017年にReddit上のプログラマー向けコミュニティr/ProgrammerHumorに投稿された「Who can make the best volume slider?」というスレッド。表題では“best”といいつつも、実際には最悪のUIアイデアが集っている。投稿されたgifにはよく見かける縦長の音量調整バーが収められている。しかしこの調整バーでは縦軸ではなく、音量調整は細い横軸でおこなう様子。せっかくのUIをダメにするジョークを見たユーザーたちは、こぞって酷いUIを考え
「バラバラになりそうだった」メルカリUI / UXの認識をDesign Systemにまとめたデザイナーたちの話 | mercan (メルカン)
「Design System（デザインシステム）」とは、開発で必要となるデザインの概念やスタイルなどがまとめられたものです。開発効率の向上だけでなく、プロダクトの一貫性を担保するためにUIのコンポーネントを規格化。プロダクトマネージャー（PM）やデザイナー、エンジニアの共通言語として存在しています。 そんなDesign Systemが、メルカリグループ内で誕生したのは2019年夏ごろでした。 「なぜそのタイミングでつくったの？」 「Design Systemをつくった目的は？」 そんな疑問を、Design Systemの設計をリードしたProduct Designチームの@tottieと@morishy、@kitajにぶつけてみました。 ※撮影時のみ、マスクを外しています。
ネットワークエンジニアとして
◆ ネットワークエンジニアのメモ：ブログ ⇒ iPhone、キャリア契約者数、成功する働き方 ◆ ネットワークエンジニアのランチ：ブログ ⇒ ランチ、ITニュース、Cisco、Network ◆ ネットワークエンジニア 役立つ物理ツール ⇒ 構築作業や保守作業で役立つ物理アイテム ◆ サーバ技術入門：サーバの基礎をはじめから ⇒ インフラエンジニアに役立つサーバ技術解説 ネットワークエンジニアとしての Network Studyでは、これからネットワーク エンジニアになりたいと考えている方や、CCIEレベルのネットワークエンジニア になりたいと考えている方に役立つよう基礎から上級レベルまでNW技術を解説。 Network Studyの内容は、国家資格であるネットワークスペシャリストの取得や CCNA/CCNP/CCIE取得に役立つ内容に仕上げているだけではなく仕事で役立つ ようにCisco
GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」
◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス
Webデザイン100トレース | Hypertext Candy
こんにちわ！最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効
【魚拓】新卒でエンジニアとして入社したCygamesを退職しました
・ 10月04日 16時 x.com取得時のダイアログを非表示に変更しました ウェブ魚拓は表示に必要なHTMLソースへの変更は可能な限り避 ...
GamesIndustry.biz Japan Edition
「alive 2023」，基調講演から見えてきたLive2Dの現状と未来 2023年12月1日，Live2Dは都内，秋葉原UDXでイベント「alive2023」を開催した。通算10回目となる今回は4年ぶりのリアル（ハイブリッド）開催となった。 オンライン開催の時期のレポー… [2023/12/12 08:00] 開発 イベント 北米最大のゲーム展示会「E3」がついに終了。1995年に始まった歴史あるショウだが，近年は存在意義に疑問を呈される 2023年12月12日，北米最大のゲーム関連展示会「E3」を運営するESAは，E3の終了を発表した。 [2023/12/13 10:32] ビジネス 4Gamer ニュース 「メメントモリ」の世界累計収益が1.8億ドル（約265億円）を突破。18〜34歳のプレイヤーが全体の70％を占め，若い世代に支持される Sensor Towerは本日，モバイル版「
IT企業とエンジニア・コンサルタントの案件・人材マッチングサイト | assign navi（アサインナビ）
IT人材と企業をつなぐ アサインナビ いますぐ始められる。アプローチできる。 人材調達 / 案件獲得をもっと効率的に。
ひそかに行われた「IE6暗殺計画」が成功したわけを当時の開発者が語る
by bnpositive 2001年に公開されたInternet Explorerは2014年にサポートが終了するまで長きにわたって使われましたが、後年は、セキュリティ上の問題やバグの多さから「早く殺すべきだ」という声も多方からあがっていました。YouTubeでエンジニアとして働いていたChris Zacharias氏もIE6の対応に苦しめられた1人であり、当時、寝不足の開発メンバーたちによって「IE6暗殺計画」が立ちあがっていたことを振り返っています。 A Conspiracy To Kill IE6 http://blog.chriszacharias.com/a-conspiracy-to-kill-ie6 Zacharias氏によると、当時、特定の環境下になるとIE6はサポートしていないHTMLの属性セレクタの影響によってクラッシュやブルースクリーンの引き金になることがあったとの
BtoBマーケティングをこれ１つで ｜ferret One（フェレットワン）
デジタルマーケティングは一部を外部に依頼していますが、全体的な伴走支援がなく自社で自己流に進めており、適切な判断ができているか不安です。
会ってみたくなるデザイナーの「良いポートフォリオ」とは | Supership Tech Blog
Supership デザイナーの竹尾です。デザイナーの採用に関わる機会が多く、今までたくさんのポートフォリオを拝見させていただいてます。 これからポートフォリオをまとめる、という方もいらっしゃると思うので、この記事ではポートフォリオを見る側の視点も交えて、採用担当が会ってみたくなる「良いポートフォリオ」とは何かを書いてみたいと思います。 ポートフォリオが大事なわけほとんどの場合、面接前の書類選考でポートフォリオを見るのですが、99%ポートフォリオでの判断をしています。履歴書・職歴経歴書も、もちろん見ていますがほとんど参考程度です。 特にUIデザイナーやグラフィックデザイナーの場合、アプトプットがデザイナー個人のすべてを語ってしまうので非常に重要です。ごく稀に、書類選考時にポートフォリオが存在しないこともあるのですが、その場合、そもそも合否の判断ができません。 良いポートフォリオとはそれでは
15週間でクソゲーを20本作って得たもの - Qiita
5の「振り返り」は以下の項目を検討しておくと良いです。 Idea：アイデア。コンセプト。テーマ。元ネタ What went right：やってみて良かったこと。うまくいったところ。成功したところ。次回に生かせそうなこと What went wrong：ダメだったところ。うまく機能しなかったところ。問題点。改善すべき点 What I learned：学んだこと。効果的なゲームデザインの方法やツールの使い方、獲得したテクニックなど ちなみに最初にリンクを貼った、作ったゲームの各ページの下の方には、振り返りや作成にかかった時間などを記載しています（以下はノンフィールドRPG「OneWay RPG」を作った時の振り返り) Game A Weekで得たもの ということで「Game A Week」を行った結果、私が得たものです。 ゲームを作りながら技術検証できる ゲームを完成させたときの達成感を繰り返
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 ..
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 https://www.nnn.ed.nico 一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。 月額1000円だけどしっかり勉強すれば一ヶ月の無料期間中に終わると思う。 もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラムで講師曰く去年はこれで二人エンジニア就職を決めたらしい。 内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職に必要な環境構築やセキュリティまでみっちりやる。 http://qiita.com/sifue/items/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB
スクエニと協力でゲームの展覧会!? 美術の天才集う東京藝大が“ゲーム学科”新設をもくろむワケ。担当教授に狙いを訊く「ゲームは現代の総合芸術と呼ぶにふさわしい」
スクエニと協力でゲームの展覧会!? 美術の天才集う東京藝大が“ゲーム学科”新設をもくろむワケ。担当教授に狙いを訊く「ゲームは現代の総合芸術と呼ぶにふさわしい」 「もし東京藝術大学にゲーム学科ができたとしたら？」 そんな想定のもと、日本最高峰の芸術大学である東京藝大が7月末に開催したのが「東京藝術大学ゲーム学科（仮）展」だ。スクウェア・エニックスと協力して藝大の構内に期間限定でゲーム学科を立ち上げてしまおうという試み。藝大の学生らが作ったアニメーション作品を、スクエニのゲームクリエイターのアドバイスを受けながら「誰もが遊べるゲームに変換してしまおう」という、両者にとって初めての取り組みだ。 �（画像は東京藝術大学ゲーム学科（仮）展公式サイトより） 「ゲーム学科（仮）展」という一風変わった展覧会の名前の裏には、「今は（仮）だが、いずれは本物のゲーム学科を新設したい」という意図が込められている。
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
なぜあなたのチームの プロダクトは太ってしまうのか #postudy
2016年11月26日(土)プロダクトオーナー祭り2016にて。 「なぜあなたのチームのプロダクトは太ってしまうのか 〜プロダクトマネジメントをかじったエンジニアが感じたLess is moreの極意〜」。
つよいUI - transitkix design log
…というものを最近考えていました。「画面デザインのOKももらったし、私の仕事は終わり！あとはエンジニアに指示書を渡すだけ」と一息ついた時にこそ、改めてデザインを見つめなおすべきです。 つよいUIであるための7つの視点 1.本来、そこにあるはずの情報がない場合はどうなりますか？ リストUIで載せる情報が0件、文章が空っぽ、画像がない時など 2.表示する要素が想定よりすごく多い/すごく少ない場合はどうなりますか？ 数字の桁数、文章の行数、文章が入りきれない場合は文中・文末のどこを省略すべきか…など 3.ユーザーさんの立場によって、表示要素に変化はありませんか？ ゲストとログインユーザー、無料会員と有料会員…など 4.ロード中、もしくはロードされるまで何が出ていますか？ 通信中の表示、読み込み中の画像エリア…など 5.予期せぬエラーが起こった時、画面はどうなりますか？ 通信エラー、リンク先のコン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「プログラミング的思考」で問題解決できる子どもを増やしたい。NHKのプログラミング教育番組が目指す未来とは。
UXデザインが大事なのはわかるけど�エンジニアの私ができることってなんでしょう？�
エンジニアにクソスペックのPCが割り振られていた現場についての個別事例について: 不倒城