ペースト出来ないID/パスワード欄 4つに分割されてるクレジットカード番号入力欄 入力した後で記号は使えませんとか言ってくるパスワード欄 あと一つは?
1980年代から2000年代にかけて爆発的に普及したパーソナルコンピューター(PC)によって多くの人々がインターネットを活用できるようになりましたが、さまざまな理由からインターネットを利用できない人も存在し、インターネットを利用できる人と利用できない人の間に存在する格差を指す「デジタル・ディバイド(情報格差)」という言葉も登場しました。現代の学生はPCが一般的になった後に生まれたため、自然とPCに習熟するものだと思われがちですが、新たに台頭してきたスマートフォンの存在によって、「ファイル」や「フォルダ」の概念を理解していない学生が増え続けています。 Kids who grew up with search engines could change STEM education forever - The Verge https://www.theverge.com/22684730/stu
こんにちは。マウスを使わない新入社員です。 ずばり、マウスを使わないのは、タッチパッドのほうが効率が良いからです。マウス厨🐭のみなさんにタッチパッドのすばらしさを啓蒙いたします。 ①「タッチパッドは使いにくい」は慣れの問題でしかないタッチパッドが非効率だと思うのは、マウス厨がタッチパッドに慣れていないからです。 確かに、タッチパッドは慣れないと非常に使いにくいです。ぐにゃぐにゃ動くカーソル、震える指先、クリックしたときにブレるカーソル。 あなたが間抜けにもマウスを忘れたときだけタッチパッドを使っているだけの人であれば、イライラは止まらないでしょう。 ところが、タッチパッドに慣れている人からすれば、タッチパッドもマウスも使用感はほぼ変わりません。まあ、CADの操作やコピペなどの精密な操作を求められる際はマウスのほうが流石に使いやすいですが、普通の業務で使いにくさを感じることはありません。
Contents Command Line Interface Guidelines An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day. Authors Aanand Prasad Engineer at Squarespace, co-creator of Docker Compose. @aanandprasad Ben Firshman Co-creator Replicate, co-creator of Docker Compose. @bfirsh Carl Tashian Offroad Engineer at Smallstep, first e
人によって得意・不得意がハッキリ分かれる「自動車の運転」について、苦手派からの視点で話してみました。私達はなぜ苦手なのか? 何が苦手なのか? いや、むしろなぜ君たちは乗れるのか? 免許は簡単に取れすぎじゃないですか? 30年くらい生きていて気付いたことがあります。 「免許を持っているのに運転できない人ってなんなの???」 「運転なんて誰でも出来るじゃん(笑)」 そんな空気を(一部の人からだけかもしれませんが)ヒシヒシと感じます。 なんなら”免許を持っていない人”より、“運転が苦手な人”の方が下に見られがちな気が……。 運転苦手派の被害妄想かもしれませんが、そんな世の中だからこそ声を大にしてこう言いたいのです!! と……。 世の中には運転苦手派の声がぜんぜん上がってこない!! この事実こそが「出来ない人」をネガティブな気持ちにさせているのではないでしょうか!? なので、今日だけは(自分達がで
Mozillaブログより。 エリーゼ・ブランチャード インターネットは私たちの生活のあらゆる場面に浸透していますが、デジタルの世界では当たり前のように使われているものがあります。それは、多くのリンク、特にハイパーリンクが青色であることに気づいたことがありますか? 同僚が何気なく「なぜ、リンクが青いのか」と聞かれた時、私は戸惑いました。2001年からウェブサイトを制作しているユーザ・エクスペリエンス・デザイナーの和tがしは、常にリンクを青くしてきました。私は青の特定の色調を提唱してきました。しかし、「なぜリンクが青なのか」と疑問に思ったことはありません。それはただの事実でした。草は緑で、ハイパーリンクは青です。文化的に、私たちはリンクを青色に関連付けているため、2016年にGoogleがリンクを黒に変更したときには、かなりの混乱が生じました。 しかし今、私は「なぜ、リンクが青なのか」と言う疑
AmazonがEvilに染まっていく… 購入手続きのときに、急にこんな画面が挿入されてきたんだけど、 https://tadaup.jp/55aeed90d.gif こんな絵に書いたようなダークパターンある?? 「お急ぎ便を無料で利用できます」と書いてあるけど、 小さく「会員は\600円/月で特典使い放題」と書いてある。 つまり、「600円払えば無料だよ」と言っている。つまり、無料ではない。 読解力を測るテストで間違えるような人は、もうこれ読み取れないだろ。 しかも、その下のボタンである。 一見すると、ボタンが2つ並んでいる。 YesとNoのボタンなのかと思いきや、なんと、これはYesとYesである。 「Yes か はい で答えてください」というジョークを素でやっているのが、今のAmazonなのである。 では、Noのボタンはどこにあるのかと、画面中をよく探したら、左側に、普通のテキストの見
ゲーム開発者であり、『Unity 2017最適化ガイド Unityのあらゆるパフォーマンス問題を解決するための手引き』の日本語翻訳を担当したへっぽこさんは、2021年8月28日に技術書『Unity uGUI アドバンスド・リファレンス』を GitHub にて無償公開した。 これは Unity の uGUI (グラフィカルインターフェース制作を助けるツール)を使用するにあたって必要な知識、パフォーマンス改善の手段などをまとめた700ページ以上の書籍。 中級者以上を対象としており、現時点でゲームキャスト向けにゲーム開発者複数人から「この書籍は素晴らしい」という推薦を得たので記事として紹介しておく。 本書が公開されてすでに2日。 ネット上でも、「お金を支払いたい」などの声が上がっており、評判は上々の模様。 本書をゲームキャストに推薦した開発者の中には、「モバイルゲームのパフォーマンスを最適化しよ
みなさま、こんにちは。 プラコレアドベントカレンダー2019も折り返して、8日目。 冒険法人プラコレのデザイナーzukaです。 (投稿が遅れてしまいました。本当に申し訳ございません。) なんだかんだとデザイナー歴3年目。 少しずつ社内で力になれることも増えて、毎日充実しております。 令和初のクリスマスも間近に迫り、 女性率の高いプラコレ社内は一層明るい会話も飛び交っておりますが、 先週、信じられない発言が私の耳をつんざきます。 “もう、自分でつくれちゃうから” えぇ…………。 私たちはDressy(ドレシー)というブライダル系メディアを運営しており、 多くの花嫁さまのハートをきゅんとつかむようなコンテンツを 365日毎日発信し、業界へ新しい価値を提供しております。 なかでもデザイナーの役割といえば、 良質なグラフィックを作り出し、企画を盛り上げること。 かつての広告バナー100000000
English version: How to realize various actions in a one-button game はじめに 自作ゲームライブラリcrisp-game-libを使ったミニゲームを最近たくさん作っているが、特に多く作っているのがワンボタンゲームだ。ここで言うワンボタンゲームは、レバーによる移動の他のボタンが1つ、といったものではなくて、純粋に1つのボタンしか操作に使わないゲームを指す。 ワンボタンゲームの利点は、操作が分かりやすく、タッチデバイスでも操作しやすい点にある。とにかく何かボタンを押せばそれがプレイヤーが取れる動作の全てであり、操作説明がほぼ不要である。またタッチデバイスでも画面中のどこかをタップあるいはホールドすれば操作ができるので、バーチャルパッドでよく起こる、ボタンを押した感触が無いので操作がしづらいという問題が発生しない。 欠点は、当然
リンク Webマガジン「AXIS」 nendo、ローソンのプライベートブランド商品の ロゴデザインとパッケージデザインを担当 | Webマガジン「AXIS」 | デザインのWebメディア 佐藤オオキが率いるデザインオフィス nendoは、ローソンのプライベートブランド商品のロゴデザインとパッケージデザインを手がけた。これと合わせて、ローソンの新型コロナウイルス対策のキャンペーンビジュアルも公開した。多くの国内コンビニチェーンには… 6 users 256 リンク Wikipedia 佐藤オオキ 佐藤 オオキ(さとう おおき、1977年12月24日 - )は、日本のデザイナー、建築家である。デザインオフィス 「nendo」(ネンド)代表。 父親の仕事の関係により、カナダのトロントで生まれる。東京学芸大学附属大泉中学校、早稲田大学高等学院を経て、2000年早稲田大学理工学部建築学科を首席卒業。
こんな簡単なコマンドで、Windowsは「しゃべって」くれる。画面キャプチャーでは声をお聞かせすることはできないが、お手元のWindows PowerShellで試してほしい スクリプトを作るとき、ちょっとユーザーの気を引きたくなることがある。たとえば、少し時間のかかる処理をするときに、終わったことを通知したい場合などだ。あるいは、実行後にすこし時間が経過してからエラーを通知するような場合にも、気を引きたくなることがある。 こんなとき昔のコンピューターならベル音やビープ音を鳴らすのが一般的だった。端末装置からコンピューターを使っていた頃、Ctrl+Gを出力するとベル音が鳴った。マイクロプロセッサが使われ始め、パソコンの原型ができあがった頃、BEEPと呼ばれる機能ができた。プログラムでビットをオンオフし、これをスピーカーに接続することで音を出していた。今もマザーボード上には、そのための小さな
AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる?」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ
ぬえ🦅 @yosinotennin 俺のTLは俺のもの。あなたのTLはあなたのもの。 アイコンは とりのささみ様(@torinosashimi)に描いていただきました。 今はブルー スカイ とマスト ドン にお引越し中。 note の記事が溜まってきました。お暇な時にでもどうぞ → note.com/nuetwt2023 note.com/nuetwt2023 ぬえ @yosinotennin 先日外食先で お年寄りが口頭で注文しようとする 「タッチパネルでご注文ください」 「このね、ランチセットをね」 「タッチパネルでお願いします」 「これを雑穀ご飯に変えてね」 「タッチパネルで」「あと、お茶ください」 泣きそうになっちゃった。15年後私もこうやってしまいそうだし舌打ちされる 2023-02-14 10:21:21
概要 ゲーム制作において注意すべき特許を紹介します。 「インディーのゲームでも特許侵害してそうなの知ってるよ。そんなに守る必要あるの?」と思うかもしれません。 しかし、知っている特許は確実に回避した方がいいと断言できます。 インディーや中堅以下のデベロッパーは、吹けば飛んでしまいます。 訴えられたら終わるので、万が一にも訴えられないようにしなければなりません。 タッチパネルでチャージ攻撃 特許第4262217号 任天堂株式会社 「タッチパネルを長押ししたあと、指を離したときにプレイヤーキャラクターが敵キャラクターに攻撃する」という内容です。 当初は、タッチパネルでなくポインティングデバイスであったり、プレイヤーとも敵とも明言されておらず、あるオブジェクトが別のオブジェクトに動作するという広範囲な内容でしたが、コロプラとの訴訟問題で権利範囲が狭まりました。 タッチパネルのみなのでPCのゲーム
https://b.hatena.ne.jp/entry/s/www3.nhk.or.jp/news/html/20221201/k10013910251000.html 「エスカレーターを本当に歩かせたくないなら、歩けないようなUIにすべき」 エスカレータ事故のブコメに必ずこういう人湧くんだけど、それって技術的に可能なの?そこまで考えて書くべきでは? チェスタートンのフェンスじゃないけど、技術的になんとかできるなら、既に何とかしてるはずで、できてないのはそれなりに理由があると思うんよね。 技術的な限界+輸送力の問題で今の状態になってるんじゃないの? 速度を上げると乗るときに危険だし、 段差を高くすると、乗り切れなくて足を踏み外したときの転倒リスクが上がる 人が一列になるように幅を狭めるのは、技術的にはできるけど輸送力が落ちて駅の導線に問題が出る。環境負荷も高いだろう ステップの構造を変え
こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
2023年2月7日 HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン!知っていると使い勝手がちょっとよくなる小技を集めました! ↑私が10年以上利用している会計ソフト! 目次 セレクトメニューの選択肢をグループ化 type 属性値によって入力欄が変化 スマートフォンでエンターキーのテキストを変える 画像の遅延読み込み テキストの折り返し位置を指定する 番号付きリストの順番を変更する 簡単アコーディオン 任意のテキストを自動翻訳させない リンク先のテキストを指定してスクロールさせる 1. セレクトメニューの選択肢をグループ化 複数の選択肢を用意できるおなじみの select タグ。項目は option タグを利用しますが、さらに optgroup タグで囲むことでグループ化できます。選択肢が多
1. Chrome でEV証明書の組織名表示がなくなる ついにGoogleからChromeのURLバーからEV表示を削除する正式なアナウンスが出ました。 Upcoming Change to Chrome's Identity Indicators EV UI Moving to Page Info 現在(2019年8月) StableのChrome76では、以下の様にURLバー左側にEV証明書を利用していることを示す「組織名+国名」表示が付いています。 Chrome76のEV表示 2019年9月10日Stableリリース予定のChrome77からはEV表示がURLバーから削除され、鍵アイコンをクリックして表示されるPage Infoに「組織名+国名」が表示されるようになります。 Googleのアナウンスでは、 "on certain websites" と書いてあることから一気にではなく
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。(よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない) ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか?」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削
こんにちは!アルというマンガのサービスをやっている、けんすうと申します。最近ハマっているのは、ジャンプ連載中の「チェンソーマン」です。これやばい。 突然ですが、ブログで・・・マンガのコマ・・・、使いたいですよね? 寄生獣 / alu.jpalu.jp わかります。マンガのコマってセリフもあるし、見た目もすごいビビットだし、好きな作品だと使いたくなります。 しかし、、やはり「著作権」のことが思い浮かびます。引用の範囲内でやるという案もありますが、もうちょっと手軽に使いたい。 そこで、マンガサービスの「アル」は、マンガのコマを投稿していい作品をひたすら集めてきました。 今現在、講談社さんだと、今連載中の作品はほとんど、集英社さん、小学館さんも順次やっており、カドカワさんも200作品以上、まんがタイムきららなどの芳文社さんや新潮社さんなど、多くの出版社さんにも協力してもらっています。ありがとうご
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
自分はWebサービスの表側を作るお仕事に就いていますが、日本人ってサービス系の開発に向いてないよなーと強く思います。 特にWebサービスやアプリについては、まじで向いてない種族だと思います。 一番アカンなーと思うのが、リリース後の開発において機能追加は精力的に行う一方、機能削減はぜーんぜんやらないんですよね。 Webサービスって、リリース直後の段階である程度しっかりとしたUIで組まれていて、機能追加のことは基本的には考慮されていないケースが多い印象があります。 そのせいか、機能が追加されればされるほどいびつなUIとなっていって、最初は見やすかったのに、どんどん見づらくなっていくという…。 そうなってくると途中で全面リニューアルを行わざるを得ないことになるんですが、その頃には元のコードはぐっちゃぐちゃになっているわ元いたエンジニアはやめてるわてんやわんやで、もうどーしようもない状態になってい
日本―ドイツ戦では、ABEMA1日の視聴者数が1000万を超えた。今回のW杯が、配信と放送の考え方や楽しみを変えるきっかけになるだろう(写真/アフロ) 連日連夜、日本中を“楽しい寝不足”にさせているサッカーのワールドカップ(W杯)カタール大会。その中継で名を上げたのが、無料で楽しめるインターネットテレビ局「ABEMA」だ。「移動中もスマホで楽しめる」「試合後も見られる」「全64試合視聴できるアプリがわかりやすい」と、人気が急上昇。日本代表が1次リーグの初戦で強豪のドイツに逆転勝利した日の1日の視聴者数が「1000万を超えた」とABEMAは高らかにアナウンスした。これまでW杯のような国際大会の中継は、テレビの独壇場だった。今回ABEMAがFIFAに支払った放映権料は200億円ともいわれる。“新しい未来のテレビ”を掲げるABEMAが設立した当初から藤田晋社長に取材してきたITジャーナリスト・西
最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼1.消えゆくスクロールインジケーター1.1 フェイスブックiOSアプリ フェイスブックのアプリでは、もはやスクロールインジケーターすら表示されていません。ご自身のスマートフォンで見てみると、画面右側には何も表示されないはずです。 1.2 電話帳 iOS 実は電話帳からもスクロールインジケーターが消えています。インデックスが表示されているので、スクロールインジケーターとインデックスが重なってしまうのを防ぐためと思われます。 1.3 メモ帳 iOS メモ帳ではスクロールをするまでインジケーターは表示されません。スクロール後は一定時間が経つとスクロールインジ
商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。 Stisla 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべて揃ったテンプレート。 30以上のサードパーティのライブラリと統合、多くのコンポーネントを簡単に利用できます。 HTML5とCSS3で記述されており、すべてのモダンブラウザでサポートされています。 Bootstrap 4をベースに、Flexboxでレイアウトされています。 一部のコンポーネントにはより簡単にやり取りするために、JavaScript APIを使用。 MITライセンスで、商用プロジェクトでも無料で利用できます。
物流会社の事務員なんだけど会社がRPAツールを導入するってんで定型作業を自動化しろって話しでRPAプログラミングをやらされてたんだわ。 それで色々クソな点があったのでシェアします。 1、実務の合間にやらないといけない マネジメントの問題でもあるけど、そういうことなんだよな。 現場がクソ忙しい時に悠長にデバッグとかやってられん。あとデバッグみたいな作業は見た目何もしていないように見えるからここぞとばかりに仕事振られたりする。 2、本番環境とか開発環境とかない。ぶっつけ本番で稼働→失敗→デバッグを繰り返さないといけない。 これは自動化する仕事によると思うんだけど、実際に現場で使うデータをRPAプログラムに投入しないとそもそも要件がわからないことがある。データの特性というか、物流事務なんかだと8割がシステム化されているけど2割は荷主や配送先のわがままで特徴的なデータの不備があって、それに対応する
webやアプリのUIデザイン上達のコツとして、模写(コピー)がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践!となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか?」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か?を知ると学習の効率も上がります。そんなわけで今回は
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く