「エクスプローラー」に「Git」を統合 ～アプリ開発者のためのWindowsシェル改善／ファイル右クリックメニューからのTAR/7z圧縮、「Sudo for Windows」なども
個人ゲーム制作の理想と現実私は個人でゲームを制作をすると同時に、ゲーム制作を通じてより社会を良くしていきたい、と考えている者です（その辺のくわしい話はこちら）。 近年、インディーゲームと呼ばれる、個人や小規模で作成したゲームがランキング上位に入るような機会も増えると同時に、個人でも無料でゲームを作れる環境が大分整ってきました。 将来のなりたい職業ランキングに「ゲームクリエイター」、が入るような時代になり、「ゲームを実際に自分でも作ってみよう！」と思っている人もきっと多いと思います。 しかし、実際のところゲームを完成させたり、継続して作っている人の数は、体感そこまで増えていないと感じます。 その理由はなにか？ そこにはゲーム制作を始めると感じる、理想と現実の大きなギャップが要因の一つにあると感じています。 具体的なギャップの中身としては、 ・プログラミング知識が必要だが、難しくて挫折 ・時間
ランサムウェアの侵入経路は今はVPN機器とかRDPの脆弱性だった。「怪しいメールの添付ファイル開かなきゃ大丈夫」は時代遅れなのか？→有識者の声が続々
ういにゃん|フリーランスUnityエンジニアDJ Youtuber @ui_nyan 2008年よりツイッター活動を開始。東京を拠点に活動を続け、秋葉原、渋谷、新宿の多数のパーティーに出没している。その幅広いジャンルを吸収したクロスオーバーなプレイスタイルは、国内海外各地の業界人や多数のクラウドから根強い人気を誇る。今、日本で最も注目される２次元アイコンの一人である。icon:@tougehiro uinyan.com ういにゃん|フリーランスUnityエンジニアDJ Youtuber @ui_nyan ランサムウェアの侵入経路、いまはほとんどがVPN機器とかRDPの脆弱性なのね... 「怪しいメールの添付ファイル開かなきゃ大丈夫」は時代遅れなのか.... pic.twitter.com/ulYojHuWdG 2024-06-14 15:44:12
トヨタ自動車は、足元のペダルをなくし、ハンドルを手で操作するだけで車を動かせる新たな運転システムを公開しました。足に障害がある人の運転をサポートできるほか、ドライバーの運転姿勢の自由度が高まるメリットがあるとしています。 通常の車のような足元のペダルがなく、アクセルとブレーキの操作をハンドルの左右に取り付けられたレバーで行います。 両手でハンドルを握った状態で、右手の親指でレバーを押すと車が発進・加速し、左手の指でハンドルの裏側のレバーを引くと減速する仕組みです。 また、ハンドルは電気信号で制御され、交差点などを曲がる際も手を離して持ち替える必要はありません。 足に障害がある人の運転をサポートできるほか、一般のドライバーでも、運転姿勢の自由度が高まるメリットがあるとしています。 システムは、まだ試作段階だということで、トヨタでは開発を継続し、実用化を目指す考えです。 開発チームに参加してい
Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容を振り返り、エンジニアが画面設計をすることのメリットと課題感について考えたことをまとめたいと思います。 エンジニアサイドで画面設計をするきっかけとなった要因 エンジニアサイドで画面設計をすることとなった理由として、大きく分けて以下３つの要因がありました。 デザイナータスク削減の目標 あるマスタ画面を開発したときの課題感 上述の通り、『簡単なマスタ画面の開発』のような共通的な画面設計になる機能については、できるだけデザイナーが介入せずエンジニア主導で開発している → 実際に
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2023年のWebアクセシビリティに関連する出来事を振り返りつつ、2024年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2の勧告とWCAG 2.1の更新 長らく待ちわびていたWCAG 2.2について、2023年10月5日付けでようやくW3C勧告（Recommendation）となりました（日本語訳はまだありません。詳細は後述の「臨時WGの活動状況」を参照）。また、これと連動する形でWCAG 2.1（日本語訳）の勧告も改めて発行されました。 今回のWCAG 2.1の更新では、達成基準4.1.1構文解析に注記が設けられています。これにより、WCAG 2.2で削除された達成基準4.1.1の扱いについて連続性が保たれるようになっています。WCAG 2.1からの変更点は、公
Nobi Hayashi 林信行 @nobi 質問は改めてコンテクストも加えた上で再投稿します。 ただ、ここまででただの私への罵詈雑言以外にもいくつか重要な意見あったので、その辺りはtogetterで（誰かに）まとめてもらいたい... 中心軸（＝問題ツイート）を削除すると引用ツイートとかは探しにくくなっちゃうのかな？ 2023-12-21 10:44:39 Nobi Hayashi 林信行 @nobi 【再投稿：やはりUI設計無視できず、追加しました】 日本の大企業（や官庁）が提供するソフト・サービスは使い勝手が悪く、品質も低いものが少なくない。 最も改善に力をいれるべきはどの問題か？ 1.能力： お金をかけてでも優秀なソフトウェアエンジニアを雇う 2.開発体制の問題： 開発体制を見直す。下請け・孫請けをやめる。しっかりと全体設計や使い勝手のことを考えるデザイナーを中心的役割として取り入れ
近年増えている「変形ハンドル」のクルマ、その傾向はますます強まり、さまざまな形状のものが出現しています。ハンドルは「円」である必要がなくなっているようですが、なぜでしょうか。 実はメリットいっぱい？「円じゃないハンドル」 これまで長年、クルマのハンドルといえば円形のものが一般的でしたが、近年ではそうでないハンドルの形状が増えています。ハンドル下部が水平になった「D型」や、なかには、中心から「コ」の字型の持ち手が左右へ伸びたアーケードゲーム機にあるようなハンドルもあります。こういったユニークな形のハンドルには、どのような効果があるのでしょうか。 トヨタ「bZ4X」のハンドル（画像：トヨタ）。 D型のハンドルはもともと、コックピットが狭いレーシングカーで見られるもの。たとえばスズキは「スイフト」で採用しているD型ハンドルを「スポーティさの表現」と説明しています。ひざ上からハンドルまでのスペース
Holy Cater @linear_pcm0153 アメーバブログで「音響・映像・電気設備が好き 」というコンテンツを書いているアカウントです。音響映像設備の設計・施工・設定調整・保守、ビデオエンコード・編集、ごく稀にオペレートを行っています。詳しかったり詳しくなかったり。 ｢ヒゲドライバー｣｢suguruka｣というピコピコ・ミュージシャンが好きです。 ameblo.jp/holycater/
100秒で理解する仮想DOM
Metaは2023年7月6日に、当時Twitterという名称だったXの対抗馬と目されるSNSアプリ「Threads」をリリースしましたが、プライバシーの不透明さにより記事作成時点でもEUでの公開が実現していません。そんなThreadsを開発したMetaや、アプリの配信をApp Storeで承認しているAppleのプライバシー慣行の問題点について、デザインに関する情報や知識を発信している「Growth Design」がわかりやすいスライド資料にまとめて解説しました。 Apple vs Meta: The Illusion of Privacy https://growth.design/case-studies/apple-privacy-policy 上記URLにアクセスしたのが以下。右下のボタンかキーボードの右矢印キーで次のページに移ることができます。 Growth Designの共同設
横並びになったボタンを同じ幅で配置するCSS
複数のボタンを横並びにしつつ、それぞれのボタンが同じ幅になるように合わせたいということがある。ボタンに同じwidthを指定すれば合わせられるが、するとラベルの長さに応じた幅にできなくなる。 縦方向に並んだボタンであれば、いずれか幅の広い方に合わせることは難しくない。次のようにすれば、最も幅の広いボタンに合わせて他のボタンも配置することができる。 <div class="wrapper"> <button type="button">Hi</button> <button type="button">Hello</button> <button type="button">Lorem ipsum dolor</button> </div> .wrapper { display: flex; flex-direction: column; gap: 1em; width: fit-conten
三人称視点ゲームでの「弓矢」にはかなり工夫が必要と開発者らが明かす。『The Last of Us Part II』や『ティアキン』における“射線ズレ”防止策 - AUTOMATON
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトラインをより見やすくするCSS、ボタンの論理サイズを設定するCSSなど、デフォルトのスタイルとして設定しておくと便利です。 CSS Button Styles You Might Not Know by David Bushell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スマホでボタンをタップした際の誤動作を防止 ボタンのテキストの意図しない選択 ファイル選択のボタン ボタンをフォーカス時の視覚的なアウトライン
面白法人カヤック技術部の谷脇です。私は元気です。 この記事は面白法人グループ Advent Calendar 2023の5日目のエントリーです。 というわけでこの記事では、現環境(私が取り組んでいる業務のこと)ベストの管理画面の技術選択について考えたことを書き連ねていきます。 前提知識 管理画面の定義 ここで読者と私の目線を合わせるため、この記事上での管理画面の定義をしておきます。 管理画面はサービスの運営上必要な操作やデータの閲覧をまとめたWebアプリケーションです。また、このWebアプリケーションは一般ユーザーには開放されておらず、サービス運営者側のみ閲覧と操作が可能となっている、とします。 管理画面を作る動機 ここではTonamelの管理画面について、考えて導入したことを書きます。 tonamel.com Tonamelはゲーム大会やイベントを開催するためのプラットフォームです。We
横スクロールバーの発生源はデベロッパーツールのConsoleですぐに特定できる横スクロールバーの発生源の特定方法として有名なのは全称セレクタですべての要素にoutlineを付与して確認する方法だと思われますが、次のスクリプトをデベロッパーツールのConsoleに貼り付けて確認したほうが手っ取り早いです。
新しい UI テストの手法を提供するテストライブラリ SafeTest 2024.02.25 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。SafeTest は単体テストと Playwright を使った E2E テストの手法を組み合わせることで、それぞれの手法が抱える欠点を補うことを目指しています。 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。 従来のフロントエンドのテストの手法は Testing Libra
タスク指向のデザインはなぜ生まれるのか？
『タスク偏重のデザインはなぜ生まれるのか？』の続きです。 簡単だから 画面を見て悩むデザイナーが「全体はよくわからないから別にしてこの中だけ作るか」と言いながらボタンの先に画面を連ねようとしている オブジェクト指向のUIにするには手順を解体し、オブジェクトを中心に構造化する必要があります。重複しているものはマージし、必要に応じて新しいオブジェクトを定義したり新しいイディオムを検討することもあります。 （例:「簡単に新規作成する」という機能に対して複製、テンプレート、マスターというイディオムを検討する） これらはそれまで作ってきたものとうまく整合するようにしなければいけませんし、整合しないならどこをやめたら全体としてひとつの形にできるのか考えることになります。これは大変です。 対してタスク指向のUIデザインは簡単です。 新しいタスク用に新しい入り口を作って、必要な入出力を線形に並べ、例えばウ
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社（本社：東京都品川区、CEO：佐々木大輔、以下「freee」）は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。本デザインシステムを公開するこ
こんにちは。カミナシにて業務委託としてフロントエンドを担当している田村(@junkboy0315)です。皆さんはフロントエンドのテスト、どのように取り組んでいますか？フロントのテストはなかなか難しいですよね。 バックエンドのテストには、「入力、出力、永続化されたデータ」の3つを検証するという基本セオリーがあります。しかし、フロントエンドのテストは、その粒度や手法が多様で、とっつきにくいと感じる方も多いのではないでしょうか。 カミナシでもフロントエンドのテストは以前は十分とは言えない状態でしたが、これまで継続的に改善を重ねてきました。今回は、その変遷についてお話ししようと思います。 夜明け前 カミナシのコードベースでは、元々ユニットテストがある程度整備されていました。これらは主に複雑な計算処理を行い結果を返す関数などに対して実施されていました。 しかし、画面全体の機能を網羅する包括的なテスト
UIUXデザイングループのグループ長を担当させていただいている小田と申します。 一般公開はしていないのですが、モノタロウも一貫したデザインや操作性でウェブサイトを提供するためデザインシステムを作り、現状のサイトに適用しています。 今回はモノタロウのデザインシステムのお話をしたいと思います。 デザインシステムの始まり これは数年前の話です。 何年も運営しているサイトだとよくある話ですが、見た目のスタイルが分散していき、その分のコードが積み重なっていき開発の負荷になります。 また、スタイルが分散していると使っている側のユーザーも、この機能はどういう機能なのかを理解する事に時間がかかります。 サービスの品質を上げるPDCAを早く回す為に土台（図1）を整える必要性があり、スタイルを統一したデザインシステムを構築して、ページに適用していくことが目標になりました。 分散していたスタイル： 作成したボタ
ITmedia NEWS @itmedia_news ITニュースサイト「ITmedia NEWS」です。ニュースをめぐるあれやこれやを編集部からお届けします。記事更新情報は自社開発botが、編集部からのお知らせなどは手動で投稿しています。 itmedia.co.jp/news/
寺田 学（@terapyon）です。2024年4月の「Python Monthly Topics」は、Python Web UIフレームワークの1つであるStreamlitを使ってWindowsやmacOSのデスクトップアプリを作る方法を解説します。 目的・モチベーション Pythonで自動化のスクリプトを作ったり、JupyterLabやColaboratoryでデータの可視化を行うことがあります。これらを作成者以外の多くの方に利用してもらう方法として、Webシステムやデスクトップアプリとして提供する方法が考えられます。 Webシステムの構築やデスクトップアプリの作成となると、技術的なハードルがあります。他には、時間的なコストに見合わないという状況もあり得ます。 Python Web UIフレームワークを使うことで、比較的少ないコードでWeb UIからスクリプトの実行や可視化をするアプリ
Tailwind CSSチーム、GitHubスター数2.4万超のUIコンポーネント集「Headless UI」をメジャーアップデート
5月8日、Tailwind LabsはReact用の「Headless UI v2.0」をリリースした。 Headless UIとは、Tailwind CSSベースのUIコンポーネント集である。 Tailwind CSSチーム自身が開発を行っており、GitHubスター数も2.4万を超えるなど、高い人気を博している。 このアップデートは、開発者がより少ないコードでより良い開発体験を実現できるようにするための多数の改善を含んでいる。 主な更新点は以下の通りだ。 組み込みアンカーポジショニングのサポート 新しいチェックボックスコンポーネントの追加 HTMLフォームコンポーネントの拡充 状態検出の向上 コンボボックスリストの仮想化 新しいウェブサイトと改善されたドキュメント 組み込みアンカーポジショニングのサポート Floating UIがHeadless UIに直接統合され、Menu、Popov
ネット記事に発信元情報 偽情報の拡散抑止、来年開始へ ｜ 共同通信
全国の新聞社やテレビ局、IT企業、広告代理店が加盟する団体が、偽情報の拡散を抑止するため、インターネット上の記事や広告に発信元の情報を付ける技術の開発を進めている。ユーザーが発信元を確認して、信頼できる情報かどうかを判断しやすくする。 この技術は「オリジネーター・プロファイル（OP）」と呼ばれ、記事や広告に、第三者機関が確認した発信元の企業情報やコンテンツの編集方針をひも付け、表示する仕組み。来年、米グーグルの「クローム」などの閲覧ソフトにこの機能を追加できるようにする計画だ。 ネット上には真偽不明の情報も多い。報道機関の配信記事の見出しや内容を改ざんするケースも発生している。生成人工知能（AI）の技術進化で、コンテンツが真正かどうかを見極めるのが難しくなっている。 OPの技術研究組合の理事長は「日本のインターネットの父」と呼ばれる村井純・慶応大教授が務める。村井氏は「偽情報の拡散が抑制さ
ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみました。 KeyboardEvent - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent Why the GOV.UK Design System team changed the input type for numbers – Technology in government https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-desig
カセットテープの魅力とは何か。若い人にとっては「使ったことがないので、よく分からないなあ。デジタル音源にはない良さがあるとか？」などと思われたかもしれないが、ほかにもある。例えば、自分だけのテープをつくれることだ。 好きなアーティストの好きな曲だけを集めたり、デート用にラブソングだけを録音したり。そんな思い出たっぷりのテープをいまも大切に保管している人もそこそこいるかもしれない。しかし、持っていてもここから前に進めない。久しぶりに聴いてみたいけれど、「ハードがない」という問題があるのだ。 ラジカセを買うために家電量販店に足を運ぶと、数千円のモノがたくさん並んでいる。しかく「せっかく買うんだからちょっといいモノがほしいよな」「若いころに使っていた、あんな機能もこんな機能も使ってみたいな」といった人にとってはやや物足りないのだ。 大切なオリジナルテープを聴きたい――。好きなアーティストの曲をテ
みるきぃ @milky201122 笑…ってしまった。 これは、誰も気付かんかったか(さすがにそれはないと思いたい)上の人がこれで行けってなって誰も文句が言えなかったのか (食べる前に読み込めばいい話だろ？とか言ってそう) twitter.com/yoshiori/statu… 2024-02-12 07:38:13
牟田都子 Satoko Muta @s_mogura 1977年、東京都生まれ。校正エッセイ集『文にあたる』（亜紀書房）発売中。アイコンの花入は竹工芸家・初田徹作。 ※勝手ながら校正の新規ご依頼は辞退申し上げております instagram.com/satokomogura shiorisha.blogspot.com
非同期ジョブをユーザーアクションに組み込まない
(勤務先に投稿した社内ブログの焼き直しです) ある日同僚から ActiveJob の perform_later で Barbeque にキューした非同期ジョブの起動が遅いと言われた。が、非同期ジョブの使い所について個人的な考えを書いてみることにする。 相談は「非同期ジョブの結果をユーザーに返しているため、高速になって欲しい。現状、最大で数分の時間を要す旨のメッセージを表示している」という内容でした。具体的には {内部 API} が重く、一部の処理を非同期ジョブにしていてユーザー体験の悪化につながっているとのこと。 盲目的に非同期にしても嬉しいことはない 結論としては、非同期にするのであれば丁寧にやれば良いけど、そもそも同期的でよくない? と考えて欲しいと返した。 まず、個人的にはユーザーアクション起因かつユーザーへフィードバックする必要のある処理を非同期ジョブにするのは本当に長時間かかる
これはすごい便利！ HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
見栄えが悪いゲームは誰も遊ばない！ダサイゲームをこの世から駆逐する！｜ゆーりんち
トヨタ “ペダルレス”ハンドル操作だけの新運転システム公開 | NHK
エンジニアが画面設計（Figma）を担当してみた振り返り
2024年のWebアクセシビリティ | gihyo.jp
日本産のソフトの品質や使い勝手が著しく低い理由は？に関する、引用RT、リプライ、保存用まとめ
丸くない！「異形のハンドル」なぜ増えた てか丸い必要ある？ 固定観念を崩す動きも | 乗りものニュース
ノートパソコンのキーボードの配置や仕様はどうにかならないものか、というお話「この前やらかしたよ」
Meta製SNS「Threads」が「Appleのデータ保護は幻想」という実態を浮き彫りにしているとの指摘
LINEのマルハラ、漫画が影響？ 句読点研究の調査と異質な出版社：朝日新聞デジタル
CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ
俺の管理画面 2023年冬 - KAYAC engineers' blog
横スクロールバーの発生源を素早く特定する方法と最新の防止策 ｜ TAKLOG
新しい UI テストの手法を提供するテストライブラリ SafeTest
ラーメン屋さんの店先に人類の愚かさが詰まっている自動販売機がある「よほど色々あったんだな(笑)」
理想のフロントエンドテストをたずねて三千里 - カミナシ エンジニアブログ
モノタロウ社内デザインシステムの今までとこれから - MonotaRO Tech Blog
実験室の廊下に必ずある緊急シャワーの重要さ「両手が吹っ飛んでも首で水を出せるようになってる」
LCHは、UIにベストなカラースペース｜hirotoarakawa
大学生の4割が「コピペ」のショートカットを知らない、という記事に様々な声
Python Web UIフレームワークで作るデスクトップアプリ | gihyo.jp
「ChatGPTには一度言ったことを覚えていてほしい」 ベクターストアで社内向けChatGPTの頭をちょっと良くした話
ゲームづくりに役立つ無料&商用利用可能な素材サイトまとめ。3Dモデルやサウンド、フォントなどを一気に揃えよう
ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり
なぜ「でっかいCDラジカセ」が売れているのか たまに止まる理由
シャニソンが抱える問題をデザイナーの視点で考察する①ガシャ画面編【後編】｜noteさん
このデザインにOK出したデザイナーがQRコードを一生読み込めない呪いにかかりますように→「これは孔明の罠」
本が読めない人と同様に、動画が見られない人も一定数いるのではないか→該当者の「動画が苦手な理由」が色々集まる
リンクの入れ子は subgrid が最適解かもしれない
【特集】 キーボードの革新的機能でゲームが上手くなる？界隈を賑わす「ラピッドトリガー」って何だ？
