並び順

ブックマーク数

期間指定

  • から
  • まで

641 - 680 件 / 1259件

新着順 人気順

uiの検索結果641 - 680 件 / 1259件

  • mouseover 中に表示される DOM のデバッグ | blog.jxck.io

    Update 2024-03-30: Chrome 123 から "Emulate a focused page" が追加された。 これを用いれば良いため、以降の全ての方式は古くなった。 Apply other effects: enable automatic dark theme, emulate focus, and more https://developer.chrome.com/docs/devtools/rendering/apply-effects#emulate_a_focused_page マウスが乗ってないと出ない UI も、そこに Tab などでフォーカスを移し、その状態で Dev Tools の "Emulate a focused page" を有効にすれば良い。 Intro 先日、後輩が「mouseover 中にしか表示されない DOM のデバッグ」に手こずっ

      mouseover 中に表示される DOM のデバッグ | blog.jxck.io
    • 生成したキャラクターを再現できる「MasaCtrl」の使い方!AIが苦手な一貫性の問題を解決しよう【Stable Diffusion web UI】

      をご紹介するという内容になっています。 これまでAIイラストというと一貫性の問題、つまり「同じキャラクターを生成するのが難しい」という課題がありました。例えばあるイラストを生成して好みのキャラクターが出たとしても、別の呪文を使うとそのキャラクターを正確に再現できなくなってしまう…ということですね。 ただ最近はこの問題に対する対処法がいくつか登場しており、一貫性が重要なアニメーションや漫画への応用がより実用的になりつつあります。そのような中でこの問題に対して有効な「MasaCtrl」という手法を使えるweb UI用の拡張機能が登場し、一貫性の問題を解決できそうだと先日各所で話題になっていたので私も試してみることにしました。 ここではこのMasaCtrlの概要や使い方について解説していきますね。

        生成したキャラクターを再現できる「MasaCtrl」の使い方!AIが苦手な一貫性の問題を解決しよう【Stable Diffusion web UI】
      • Rustの活用でElectronよりも軽くて速いアプリフレームワーク「Tauri」が安定版に/まずはデスクトップから。モバイル・Webへの対応も進行中

          Rustの活用でElectronよりも軽くて速いアプリフレームワーク「Tauri」が安定版に/まずはデスクトップから。モバイル・Webへの対応も進行中
        • コントローラーの“右側4ボタンややこしい”問題について議論白熱。「東西南北にすればいい」説に注目集まる - AUTOMATON

          コントローラーの形状はメーカーやゲーム機によって異なり、中でも「右側にあるボタン」はゲーム機ごとにボタンの種類や配置が異なっている。そうした仕様についてややこしいとの指摘が投じられ、議論を巻き起こしている。そうした中で “東西南北”基準のボタン配置のアイデアが投じられ、分かりやすさからか大きな支持を受けているようだ。 今回、「コントローラーの右側にあるボタン」を巡る議論が白熱している。発端となったのは、PlayStationとXboxのどちらのボタンレイアウトの方が“正しい”のか、と疑問を投げかける投稿だ。それに反応する形で別のユーザーが、Nintendo SwitchとXboxとでコントローラー右側にあるABXYボタンの配置は“議論の余地がある”と指摘。Nintendo SwitchもXboxもABは右・下の2つ、XYは左・上の2つに配置されている。しかしAとB、XとYの配置がそれぞれ逆

            コントローラーの“右側4ボタンややこしい”問題について議論白熱。「東西南北にすればいい」説に注目集まる - AUTOMATON
          • Droomから一生退去できなくて困っている【ほぼ解決】

            【TL,DR】 ダイワリビング(大和ハウス)の賃貸住宅Droomを解約する際、解約専用サイトから申請できないトラブルが発生過去に別のアパートを借りていたことによって、2件分のIDが発行されており、無効な方でログインしていたのが原因(←これ結構混乱する) 正しいIDでログインし申請していたが、修正箇所を直そうとしたら申請前なのに受付を拒否されてしまう 仕方なく営業所に電話するも、そこは既に賃貸業をしていないので中央オペレーターにつなぐよういわれたオペレーターに電話するも全然繋がらないオペレーターから解約申請が終了していると告げられた。日程の変更は別途営業所から連絡があるらしい。たぶん解決 とりあえず解約までは終わったらしいので、表現がおかしかったり間違っている部分は後で訂正します 【注意】 一部に不適切な表現があります 必ずしもダイワリビングが悪いとは限りません自身の落ち度や勘違いもあります

              Droomから一生退去できなくて困っている【ほぼ解決】
            • 「Enter押したら改行じゃなくて送信になるサービス、全部この世から消えて欲しい」に共感の声

              あき先生 / Aki @cumulo_autumn AITuberの『しずく』@Shizuku_AItuber開発中。Intern @Meta GenAI / PhD Candidate @UCBerkeley /東工大18M機械系卒/FOS2020/ヘッダー→天狼さん/しずくのYoutube: youtube.com/@AIVtuber_Shiz…

                「Enter押したら改行じゃなくて送信になるサービス、全部この世から消えて欲しい」に共感の声
              • https://twitter.com/sm_hn/status/1625783424870158337

                  https://twitter.com/sm_hn/status/1625783424870158337
                • 漫画家のよしもとよしとも先生が明かした「強度の色覚異常があってもカラー原稿が描ける理由」と今後の話

                  よしもとよしとも @yoshitomosan 強度の色覚異常という点でオレも障害者なのだが手帳が出るわけでもなく不便はある。なぜカラー原稿が描けるかというと20年前のコピックのマーカーを使ってるからで、これは色の識別に「物体の名前」が付いている。 よしもとよしとも @yoshitomosan 「Peach Skin」なら女の肌、「Yellowish Skin」なら男の肌、肌の影は「Skin Shade」というように。実はこの色だけ見ても判別ができない。「物体の名前」がないと。「なんちゃらブラウン」でなく「Bread」とあればそれが何かわかる。 pic.twitter.com/hBzfHBIqMK

                    漫画家のよしもとよしとも先生が明かした「強度の色覚異常があってもカラー原稿が描ける理由」と今後の話
                  • ATMなどのこういう画面で詰まってしまう人が多いらしい→その意外な原因に「信じられない」「気持わかる」の声

                    Kazuya Gokita @kazoo04 タッチパネルのこういうUI (銀行ATMのようなもんだと思ってください) で、暗証番号忘れ以外の理由で詰まってしまう人が多くてサポートする人が必要になってる…という話を聞いたんだけど「どういう要因でうまくいかないのか?」が面白かった pic.twitter.com/DL2XrCDDcp

                      ATMなどのこういう画面で詰まってしまう人が多いらしい→その意外な原因に「信じられない」「気持わかる」の声
                    • 「Atom」の開発者が究極のコードエディターを目指す ~「Zed」の開発が始動/「Electron」を捨て、Rust言語を採用。GPUI、tree-sitterなどで武装し、超高速なコードエディターに【やじうまの杜】

                        「Atom」の開発者が究極のコードエディターを目指す ~「Zed」の開発が始動/「Electron」を捨て、Rust言語を採用。GPUI、tree-sitterなどで武装し、超高速なコードエディターに【やじうまの杜】
                      • 全部、商用利用も無料! Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

                        Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できます。いやー、いい時代ですね。 そんなGoogle Fontsの中からリーダビリティ、レジビリティに優れた、テキストを読みやすくするためにデザインされたアクセシブルなフォントを紹介します。教育機関で教材に使用されていたり、指導用として承認されているフォントをあります。

                          全部、商用利用も無料! Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適
                        • 認知負荷の増加がWebサイトに与える悪影響

                          Paul Boag氏はユーザー体験デザイナー、サービスデザインコンサルタント、およびデジタルトランスフォーメーションのエキスパートです。非営利団体や企業向けに、デジタル体験の改善を目指す支援をしています。 あなたのWebサイトは、訪れるユーザーにあれこれ考えさせすぎてはいないですか? ユーザーに大きな認知負荷をかけていて、それによってユーザーがあなたのWebサイトから離脱していっている、ということはありませんか? もしそうならば、これは修正すべき問題で、実際に修正が可能です。 認知的な負荷による影響 この問題はWebデザイナーである私たちと明らかに密接に関連しています。ユーザーが1つのことに集中しすぎて、他の要素に気が付かなかった場合、Webサイトでの重要なCTA(コールトゥアクション)だって気づかれない可能性があるということです。そう、ものごとをクリーンかつシンプルに整理したいというデザ

                            認知負荷の増加がWebサイトに与える悪影響
                          • 農業分野のアプリ開発のスタート地点は『手が土で汚れてるのでアプリは操作しないな』の状態 現場で本当に求められているものの話

                            なかざん @Nkzn これは農業ICTのめちゃくちゃ面白いところなんですけど、 アプリ開発文化圏の人「最高のUIでユーザーに気持ちよくアプリを使ってもらえるようにするぜ!」 ユーザー「土で手も手袋も汚れてるし、いちいち手袋外して操作するのも面倒だから、アプリは操作しないな」 が最低限のスタート地点です。 2020-06-23 13:27:22

                              農業分野のアプリ開発のスタート地点は『手が土で汚れてるのでアプリは操作しないな』の状態 現場で本当に求められているものの話
                            • 25年続くYahoo!ニュースを支える、Figmaを用いたデザインシステム

                              ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュースでデザインを担当している萩野と小股です。 Yahoo!ニュースは、Yahoo! JAPANが運営する国内や海外のニュースを閲覧できるサービスです。1996年にサービスを開始し、2021年には25周年を迎えました。 そんなYahoo!ニュースでは、2020年より「Figma」を用いてデザイン業務を行っています。この記事では、Figmaの利用に至った背景や、運用し続けられるものにする工夫、デザインシステムによってデザイン業務がどのように効率化されたか、お伝えします。 Yahoo!ニュースが抱えていたデザインにおける課題と解決方法 この章では、Yahoo!ニュースが当時抱えていた複数のデザイナーがデザイン

                                25年続くYahoo!ニュースを支える、Figmaを用いたデザインシステム
                              • 【deprecated】oktetoで無料Kubernetesを遊び尽くす

                                現在oktetoでは無料プランが終わってしまったようなので、この記事の内容は古くなっています。 最近知ったoktetoというサービス。無料でKubernetesを使えそうだということでとにかく遊び尽くしてみたいと思います。 Okteto CloudとOkteto Self-hostedの二種類ありますが、以降は全てOkteto Cloudの話をします。 一人で無料で使う場合は機能制限があったり、リソース使用量の制限があるので注意。 え・・・十分すぎない? Setup アカウントを作成する まずはアカウントを作成してみましょう この右の「Login with GitHub」ボタンをクリックして進めていってください。 アカウント作成が完了すると以下の画面が開きます。 (Option) okteto CLIのsetup okteto CLIを利用するとUIをターミナル上から様々な操作ができます。

                                  【deprecated】oktetoで無料Kubernetesを遊び尽くす
                                • 「この配慮はマジでありがたい」官公庁作成資料特有のダサいグラフは実は色弱の人へ配慮されたものだった

                                  三崎律日 @i_kaseki 官公庁作成資料特有の、ハッチングマシマシのダサいグラフ、なんで一様にあんな感じなのかと思ったら、色弱の人への配慮の為のガイドラインがあるからだそうだ。バリアが見えていないのは俺の方だった。 pic.twitter.com/7XSTxsoTpX 2020-02-10 12:10:43

                                    「この配慮はマジでありがたい」官公庁作成資料特有のダサいグラフは実は色弱の人へ配慮されたものだった
                                  • 最悪PCが起動しなくなる恐れ。2023年3月15日のWindows11 22H2用更新プログラムにご注意 | ニッチなPCゲーマーの環境構築Z

                                    ExplorerPatcherやStartAllBackなどのサードパーティ製のUIカスタマイズアプリを使用している環境において、Windowsが起動しなくなる恐れがあります。 この不具合はKB5022913以降(2023年3月1日以降の更新プログラム)をインストールした環境で発生する場合があります。 この不具合を回避するには、KB5022913およびそれ以降の更新プログラムをインストールする前に、サードパーティ製のUIカスタマイズアプリをアンインストールしてください。 StartAllBackを使用している場合、3.5.6以上に更新していると、この不具合を回避できるかもしれません。(※断定ではありません) Microsoftによると、Windowsの見た目・ユーザーインターフェイス(UI)を変更するようなアプリを使用していると、PCが起動しなくなる恐れがあるとのこと。2023年3月15日

                                      最悪PCが起動しなくなる恐れ。2023年3月15日のWindows11 22H2用更新プログラムにご注意 | ニッチなPCゲーマーの環境構築Z
                                    • 聴覚障害者が便利になったなと思うこと

                                      なんか世の中便利になったなーと思うことが多いので 書き出してみる。 自分のスペックは重度の聴覚障害者で補聴器を外すと何も聞こえない。けどなんとか喋れるレベル(発音は不明瞭だけど)。 聴覚障害者みんなが同じように感じてるかは知らないけど自分の感想。 テレビの字幕これはだいぶ前からだけど、なんの番組でも大抵は字幕がついてるようになった。一昔前はこの番組は字幕ないかぁ…って事が多かったけど今はもうあんまりそんなことはない。深夜帯はついてないことも多いかな? 最近はCMにもつくようになった。すごい。 自動文字起こし(web会議)コロナ禍以降web会議オンリーになったんだけど、コンピューターの方がよく聞き取れてる。聴覚障害にも色々あると思うけど自分は補聴器をつけても、聞こえても聞き取れない事が多い。音として認識はしてるけど言葉として認識できないんだよね。でもパソコンはかなりの精度で認識してくれる。

                                        聴覚障害者が便利になったなと思うこと
                                      • 「使える人にだけ使わせる」 ~ マネーフォワード IDのログインUXから見るパスキー普及のポイント - r-weblife

                                        ritouです。 いよいよドコモさんもパスキー対応が始まりましたね!いや、これを書いている時点ではまだです。 k-tai.watch.impress.co.jp それよりも、今回はマネーフォワード IDのパスキー対応に注目します。 corp.moneyforward.com (4/5追記) マネーフォワード側からも解説記事が出ていました。この記事で言いたいことが全部書いてあります。 moneyforward-dev.jp ブラウザのパスワードマネージャー機能を利用したパスワード認証のUX パスキー対応に触れる前に、マネーフォワードIDのパスワード認証のUXから見ていきましょう。 マネーフォワードの「メールアドレスでログイン」のフローを何も考えずに使うと、最初にメールアドレスを入れてからパスワード入力を求めるUXになっています。 このようなUXでブラウザのパスワードマネージャーの機能を使う場

                                          「使える人にだけ使わせる」 ~ マネーフォワード IDのログインUXから見るパスキー普及のポイント - r-weblife
                                        • 最近ガラケーからスマホに買い替えた義母が、らくらくホンじゃなくてiphoneを選んだ理由が合理的だった「この発想は大事」

                                          盆地さん @bon_chi33 最近義母がガラケーからスマホに買い替えたんだが、らくらくホンとかじゃなくてiPhoneにしたって言うから意外だなーって理由聞いたら「らくらくホンだと周りの若い人は誰も使ってなくて使い方を聞いても誰もわからなかったりする…それならiPhoneにした方が教えてもらえて助かる」って言っててなるほど

                                            最近ガラケーからスマホに買い替えた義母が、らくらくホンじゃなくてiphoneを選んだ理由が合理的だった「この発想は大事」
                                          • 報道番組のデザインに注目! ニュース画面のテロップと「テレ朝UD」|フォントワークス × Monotype 公式note

                                            皆さん、「テレ朝UD」はご存知でしょうか? テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう!」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい! 「ニュースの画面ってどんなふ

                                              報道番組のデザインに注目! ニュース画面のテロップと「テレ朝UD」|フォントワークス × Monotype 公式note
                                            • ゲーム開発者ら、ロード画面の“進捗バー”を「わざとガクガクさせている」と明かす。進捗バーは、プレイヤーのために嘘をつく - AUTOMATON

                                              ゲームのロード画面においては、ロードの進行を表す“進捗バー”が用意されていることもある。この進捗バーは、わざと不規則な速さで進むように設計されていることが多いという。開発者たちがSNS上で明かしている。 開発者の口からロード進捗バーについての意外な“真実”が明かされる発端となったのは、コメディアンのAlasdair Beckett-King氏のツイートだ。同氏はゲームのロード画面の進捗バーは均等な速度で動くべきであり、ロードにかかる時間を適切に反映する必要があると問題提起。そうした仕組みを用意してからほかの部分の開発を進めるべきである、との願望を伝えている。ゲームにおいてロード進捗バーが止まったり急に進んだりしがちという、いわば「あるあるネタ」を述べているのだろう。 Game developers need to invent a loading bar that moves at an

                                                ゲーム開発者ら、ロード画面の“進捗バー”を「わざとガクガクさせている」と明かす。進捗バーは、プレイヤーのために嘘をつく - AUTOMATON
                                              • モバイルアプリ開発は、Flutter一択なのか?

                                                こんにちは! Tetsukick(菊池哲平)です。 2020年11月現在、インドネシア(PT.AQ Business Consulting Indonesia)でモバイルアプリ開発の技術顧問をしております。 iOS歴5年、Flutter歴1年。個人でもアプリ開発してます。 本記事の対象読者 モバイルアプリ開発者 Flutterの今後の可能性を知りたい方 モバイルアプリ開発案件を検討中で技術選定をされている方 本記事のタイトルが気になる方 序 今回インドネシアでモバイル開発の技術顧問をさせていただく中で、Flutterの提案から導入までを実施し、実際に導入に至ることができましたので、その過程で用いた技術的根拠等々をシェアいたします。 実際に非技術者に対しても提案をしましたので、そのままお使いいただくことも可能かと思います。 PPT素材が必要な方いましたらTwitter_@tpi29までDMい

                                                  モバイルアプリ開発は、Flutter一択なのか?
                                                • Xがまもなく「いいね」などの指標を非表示に、マスクが宣言 | Forbes JAPAN 公式サイト(フォーブス ジャパン)

                                                  イーロン・マスクは3月6日、X(旧ツイッター)はまもなく、リポストやいいね、返信の件数をタイムラインで非表示にし、見た目をすっきりさせることになると発言した。 彼は6日のモルガン・スタンレーのイベントで、Xがこの仕様変更を検討していると述べ、これらの指標の表示がコンテンツの見え方を乱雑なものにしていると付け加えた。マスクはその後、Xのプラットフォーム上で、ユーザーからの問いかけに反応し「この件は確かに起こっている」と投稿した。 マスクは、新たなタイムラインには彼がXに追加した指標である「表示回数」が、他の指標の代わりに表示されると投稿した。彼はまた、非表示になった指標(リポストやいいね、返信の数)は、その投稿をクリックした際に表示されるようになることを示唆している。 マスクがこれらの指標の削除について語ったのは、今回が初めてではない。彼は昨年10月のサブスクライバー限定の投稿で「メインのタ

                                                    Xがまもなく「いいね」などの指標を非表示に、マスクが宣言 | Forbes JAPAN 公式サイト(フォーブス ジャパン)
                                                  • 全部まとめられていて便利!iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

                                                    Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 先週ローンチされたばかりのサイトで、2021年最新モデルのiPad Proから、2007年のiPhoneまで、最新機種から初代までのデバイスのサイズが網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 サイドバーからデバイスを選択し、スクリーンサイズあるいはモデルを選択します。 私が使用しているiPhone 12 Proを見てみました。 サイトはキーボードショートカットも用意されており、shiftキーを押すとショートカットの一覧が表示・非

                                                      全部まとめられていて便利!iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
                                                    • 「おわかりいただけただろうか…」泊まったホテルに置いてあった飲料ディスペンサーが難解すぎるのでみんなみてほしい

                                                      加藤公一(はむかず) @hamukazu Kimikazu Kato, ソフトバンク株式会社。博士(情報理工学)。修士は数学(代数幾何学)。にゃーんと鳴く狂犬と呼ばれている。DMは全員に開放中。 著書「機械学習のエッセンス」:bit.ly/mlessence 、監修「機械学習図鑑」bit.ly/mlzukan linkedin.com/in/kimikazukato

                                                        「おわかりいただけただろうか…」泊まったホテルに置いてあった飲料ディスペンサーが難解すぎるのでみんなみてほしい
                                                      • Windows11のコンテキストメニューを旧仕様に戻す方法 - Qiita

                                                        概要 Windows11のコンテキストメニューをWindows10までの従来仕様に戻すスクリプトをまとめた話です。 ググれば同じ話はいくつも出てくるのでn番煎じ感が強いですが、PowerShellだけで行ってる例は少なかったので、そこは新規性があるかも? コンテキストメニューって? エクスプローラやデスクトップ上などでファイルとか何もない場所を右クリックしたときに表示されるメニューのことです。 このコンテキストメニュー、Windows10までとWindows11で仕様が大きく異なります。 Windows11では表示をすっきりさせるためなのか、従来のほとんどの操作は非表示になっています。 なので、例えば7zipでの解凍・VSCodeで開く・送るなどの操作をしたい場合は「その他のオプションを確認」をクリックして従来のコンテキストメニューを表示してから対象操作を選択する必要があります。とてもつら

                                                          Windows11のコンテキストメニューを旧仕様に戻す方法 - Qiita
                                                        • AIUI.me - Screenshot to code

                                                          This project is on sale, contact me if you are interested. Contact Transform any screenshot into a fully functional, reusable component with just a single click.

                                                            AIUI.me - Screenshot to code
                                                          • デザイナーとエンジニアを巻き込んだワークフローの改善|鈴木慎吾 / TSUMIKI INC.

                                                            「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。 今年の5月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。 以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションなどを経験してきました。 PM業の傍ら、社内のデザイナーとエンジニアの受け渡し部分の改善に取り組みました。その検討過程について紹介します。 要件定義・UIデザイン・開発間のワークフロー改善もともとFilmarks内ではディレクターがGoogleスライドなどで要件資料とGithub Issueをつくり、 デザイナーがSketchでUIをつくりZeplinで書き出したURLをエンジニアに受け渡し、エンジニ

                                                              デザイナーとエンジニアを巻き込んだワークフローの改善|鈴木慎吾 / TSUMIKI INC.
                                                            • 認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介

                                                              認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介 この記事の目的 ここ数年で、ソフトウェア開発やプログラミングの文脈で、「認知負荷」 および 「認知負荷理論」 という用語をよく見聞きするようになりました。私が今思い出せるだけでも、以下のような書籍や Podcast で重要なキーワードとして取り上げられています。 A Philosophy of Software Design, 2nd Edition チームトポロジー 価値あるソフトウェアをすばやく届ける適応型組織設計 プログラマー脳 ~優れたプログラマーになるための認知科学に基づくアプローチ fukabori.fm 102. A Philosophy of Software Design (3/3) w/ twada この「認知負荷」ですが、少なくとも近年見聞

                                                                認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介
                                                              • 最近流行りのカタカナ語は漢字四文字で書ける説

                                                                エアロゾル→浮遊粒子 オーバーシュート→感染爆発 スーパースプレッダー→感染源者 サーキットブレーカー→市場停止 ロックダウン→都市封鎖 クラスター→集団感染

                                                                  最近流行りのカタカナ語は漢字四文字で書ける説
                                                                • モダンCSSでよく使用されるレイアウトを実装するまとめ

                                                                  ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを解説します。 Layout patterns 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 モダンCSSで実装するレイアウト アスペクト比が維持される画像カード 最大値と最小値を決め、伸縮するカード コンテナに合わせて最適化されるカード スペースに合わせて伸縮するパンケーキ 聖杯レイアウト ラインナップ 積み重なるパンケーキ RAM (Repeat, Auto, Minmax) メディアクエリなしのサイドバー これからの

                                                                    モダンCSSでよく使用されるレイアウトを実装するまとめ
                                                                  • レトロゲームのドット絵の拡大表示と EOTF/OETF の関係

                                                                    この文書では、 レトロゲームを最新の PC やコンソールに移植するような場合に必要となる、 低解像度のドット絵をドット感を残しつつ高解像度ディスプレイに拡大表示する処理についてまとめます。 そして、拡大処理で見落としがちな問題とその解決方法、および改良と高速化について触れます。 この文書では、ごく基本的なバイリニアフィルタによる拡大処理のみを取り扱います。 高解像度化技術周辺や、CRT のスキャンラインや画素の再現は、この文書で取り扱う範囲外なので一切触れません。 また、 話を簡単にするため、拡大結果を sRGB 規格のディスプレイに表示するケースのみを考えます。 筆者はディスプレイの規格が専門分野ではないので、 色の定義などの理解が甘い箇所があるかもしれません。あらかじめご了承ください。 何か間違いがありましたら、ご指摘いただければ幸いです。 ドット絵の滲みを再現したい 当時のドット絵は

                                                                      レトロゲームのドット絵の拡大表示と EOTF/OETF の関係
                                                                    • 不便で仕方ない「住所入力の全角・半角問題」はなぜなくならないのか 専門家に原因を聞く

                                                                      ECサイトやSaaSのアカウントを作るため、入力フォームに全角で住所を打ち込み。番地や郵便番号などの数字は半角で書き、情報を登録しようとしたら「この情報は半角では入力できません。全角で入力してください」。よく見るとページ内に「番地は全角で入力してください」という注意書きがあったので、再度打ち直し──入力フォームを使ったことがある人なら、多くの人がこんな面倒な経験を味わっているのではないだろうか。 こういった仕様は巷(ちまた)にあふれており、ネットで「全角・半角問題」などと呼ばれている。ユーザーに不便を強いているにもかかわらず、このような入力フォームはなぜなくならないのか。 この課題のソリューションとして、ユーザーが入力フォームに打ち込んだ文を自動で半角・全角に統一するなどの機能を持つJavaScriptライブラリ「InputManJS」を提供するグレープシティ(仙台市)の若生尚徳さん(ツー

                                                                        不便で仕方ない「住所入力の全角・半角問題」はなぜなくならないのか 専門家に原因を聞く
                                                                      • Node-Based UIs in React – React Flow

                                                                        React Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to React Flow Pro. React Flow Pro Getting Started with React Flow Make sure you’ve installed npm, pnpm or yarn. Then you can install React Flow via:

                                                                          Node-Based UIs in React – React Flow
                                                                        • 顔の表情をアバターに即時反映して表示する画面付きフルフェイスマスク 「デジタルカメン」誕生

                                                                          Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 公立はこだて未来大学平田竹川研究室、個人のメディアアーティスト徳田雄嵩氏、慶応義塾大学杉本研究室、 杉浦研究室、英ユニバーシティ・カレッジ・ロンドンInteraction centreによる研究チームが開発した「デジタルカメン e2-MaskZ」は、顔の前面に装着し、着用者の表情をリアルタイムでアバターに反映させる薄型のフルフェイスマスクディスプレイだ。

                                                                            顔の表情をアバターに即時反映して表示する画面付きフルフェイスマスク 「デジタルカメン」誕生
                                                                          • トイレ内のベビーチェアと開閉ボタンの位置について「3秒で良いから検討してほしい」に賛同の声が集まる「ダチョウ倶楽部になる」

                                                                            おたま@男子二児の母 @otamashiratama 誰にお願いしたら良いのか分からないのでここで言いますが… トイレ個室内にベビーチェアを設置いただく場合は「子どもの手の届く範囲」について3秒で良いからご検討願います😂 pic.twitter.com/zCz44ebAog 2021-01-16 14:42:30

                                                                              トイレ内のベビーチェアと開閉ボタンの位置について「3秒で良いから検討してほしい」に賛同の声が集まる「ダチョウ倶楽部になる」
                                                                            • WEBデザイナー向け!はじめての「ChatGPT」で業務効率化をするヒント|toto|Rabee.inc

                                                                              こんにちは!株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて!というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう! 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね! 1. 生成AIを使うリスクとは?はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの

                                                                                WEBデザイナー向け!はじめての「ChatGPT」で業務効率化をするヒント|toto|Rabee.inc
                                                                              • これなら払う気になれるはてなブックマークプレミアムプランを考えて

                                                                                非表示ユーザーがつけたスターを非表示にする 連打対策はされてるが、スター稼ぎっぽい複垢とかは素通りするの消し去りたい お気に入りユーザーのタグで分類できるリスト この人はどういう傾向の記事をブクマしているのか、どういう経緯でお気に入り登録したか知りたい時がある 後で読むの日時付きスヌーズ 〇〇は何日何時に放送とか受付開始、後々結果を知りたい〇〇を予想みたいな記事は後で読むタグをつけても忘れる この辺の機能が付けば月600円ぐらいなら払える ついでにカラースターも毎月十個ぐらいおまけにつけて、緑でいいから 君はどういう機能なら課金する気が起きる?

                                                                                  これなら払う気になれるはてなブックマークプレミアムプランを考えて
                                                                                • 画像生成AI「Stable Diffusion」でプロンプト・呪文やパラメーターを変えるとどういう差が出るか一目でわかる「Prompt matrix」と「X/Y plot」を「Stable Diffusion web UI(AUTOMATIC1111版)」で使う方法まとめ

                                                                                  画像生成AI・Stable Diffusionを導入するにはNVIDIA製GPUを搭載したPCのほかにPythonやAnacondaなどの知識が必要で、ローカル環境に導入するには少し敷居が高いところがありました。しかし、2022年8月に一般公開されて以降、多くの開発者によって誰でも簡単にStable Diffusionをローカル環境に導入可能でかつGUIで操作できるツールが次々と開発されています。「Stable Diffusion web UI(AUTOMATIC1111版)」はその中でも他のUIには搭載されていない機能も盛り込まれた決定版とも言えるツールで、その中でも特に画像生成にお役立ちな機能である「Prompt matrix」と「X/Y plot」を実際に使ってみました。 GitHub - AUTOMATIC1111/stable-diffusion-webui: Stable Di

                                                                                    画像生成AI「Stable Diffusion」でプロンプト・呪文やパラメーターを変えるとどういう差が出るか一目でわかる「Prompt matrix」と「X/Y plot」を「Stable Diffusion web UI(AUTOMATIC1111版)」で使う方法まとめ