概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤（Red）、緑（Green）、青（Blue）の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか？ 答えは、↑このようにグレースケールカ
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
NovelAIでの衣装呪文一覧カタログ、全身女性立ち絵呪文と絵文字立ち絵構文のカタログ、novel ai呪文辞典 | サザノノポートフォリオ
絵文字構文 基礎構文 Ctrl＋Cでコピーできます。 プロンプト ((ultra-detailed)),masterpiece,best quality,(1 girl),(illustration),((((full-length figure)))), paint right up to the tip of the head,((transparent background)),(solo),standing,(wearing shoes on feet), ((is wearing ●●●)),good girl, beautiful detailed eyes,good looking,((an extremely delicate and beautiful)),make the eyes the same shape and color on both sides, ネガティ
Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
Three.jsの勉強の仕方 - Qiita
概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について 私は主に、React Three Fiber（Three.jsをReact用にラッパーしたライブラリ｜以下、R3F）を使用して開発してます。 バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。 とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。 ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ
「ChatGPT/LangChainによるチャットシステム構築 」という書籍が素晴らしかったのでNode.jsでも書いてみた - selmertsxの素振り日記
はじめに 「ChatGPT/LangChainによるチャットシステム構築」 という本が素晴らしかったので、ちゃんと身につけるために Python だけじゃなくて Node.js でも動かしてみました。同じことをやろうとした人のために、ここにそのときの記録を残します。特に callbacksやmemoryについて、詳細に記載しようと思います。 書籍の説明につながるようなことはできる限り書きません！めっちゃ良書なので、ご興味持っていただけた方は購入してもらえますと 🙏 5章まではPython固有のToolを利用しており、6章の中身は7章とかなり近いところがあるので、7章のプログラムだけここに記載します。LangChainの学習に注力したいので、Serverelss Frameworkに関連するコードは省略しました。また、Momentoや @slack/bolt に関する説明はしません。 プロ
青い鳥ともお別れ？ デザイナーがアイコン制作の経緯を解説 「Twitter」を運営するXのイーロン・マスク氏が7月23日、「まもなくTwitterブランドと、そして徐々に、全ての鳥たちとも別れを告げる」とTwitter上で発言。 And soon we shall bid adieu to the twitter brand and, gradually, all the birds — Elon Musk (@elonmusk) July 23, 2023 Xは、同氏がツイッター買収のために設立した企業。同氏の発言は、Twitterという名称と、象徴的な鳥のアイコンを、新しいものに置き換えていくことを示唆している。 Today we say goodbye to this great blue bird This logo was designed in 2012 by a team o
山猫軒（休業中） @yamaneko_coffee 滋賀県高島市マキノ町の茅葺古民家をフルリノベーションして2020年10月から猫が遊びに来る小さなカフェをしています。ラグドールまみれ。☕️営業日・金土 不定期/臨時休業あり。たまにゲームと滋賀の話をする。#山猫軒のねこ 🌟予約はLINEから☞ https://t.co/3ReY84q8kA https://t.co/K5iSVHjl5N
1980年から1997年にかけてAppleに勤め、今やコンピューター上で当たり前に行われている、データをクリップボードへいったん保存して別の場所に貼り付ける「カット」「コピー」「ペースト」を生み出したラリー・テスラー氏が2020年2月17日(月)に亡くなりました。74歳でした。 Larry Tesler http://www.nomodes.com/ Larry Tesler, the Apple employee who invented cut, copy, paste, dies at 74 https://www.cultofmac.com/685669/larry-tesler-the-apple-employee-who-invented-cut-copy-paste-dies-at-74/ Larry Tesler, Modeless Computing Advocate,
はじめに ジャンプSQ.という月刊誌で『有限世界のアインソフ』という漫画を描いていた、日高十三男という者です。これが初めての連載で、世の多くの漫画がそうなるように、打ち切りになりました。全11話なので、まあ短かったですね。商業作品である以上、仕方のないことですし、総じて自分の力量不足だったなぁとも思うので、めっちゃ悔しいですが、特に恨みはないです。 こんな漫画を描いていたよ(^ω^) （画像クリックでAmazonに飛びます） ただ、連載を始めるまでにやっておけば良かったなぁと思うこともあったので、漫画家志望の方（特にジャンプSQ.という雑誌で連載を目指している方）に、私の経験が少しでも参考になればと思ってこの文章を打っています。あと、別に漫画を描かない方にも、打ち切りを食らうタイミングとか知ってもらえたらいいかなぁと思って……（ツイッターなどでは既出の情報ですが）。 それから、『アインソフ
はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と
『マスターアルゴリズム』は全ての人々を機械学習（人工知能）の世界へといざなう「冒険物語」 - 渋谷駅前で働くデータサイエンティストのブログ
しましま先生(@shima__shima)こと神嶌敏弘先生から、訳書『マスターアルゴリズム』をご恵贈いただきました。 マスターアルゴリズム 世界を再構築する「究極の機械学習」 作者:ペドロ・ドミンゴス講談社Amazon 本書はビル・ゲイツが「AIを知るための本」と絶賛したという"The Master Algorithm"の邦訳版で、実際に「難しい理論や数式は書かれていないがこの一冊を読むだけで現代の機械学習（人工知能）の世界の全容を一望できる」優れた本だと個人的には感じました。また縦書き本ゆえいわば「読み物」的な立ち位置の書籍であり、研究者や技術者のみならずビジネスパーソンさらには一般の読書家にとっても読みやすく、尚且つ得るものの大きい一冊だと思います。 ということで、以下簡単にレビューしていきたいと思います。なお実は僕自身もしましま先生から発刊前の段階で翻訳内容の閲読を依頼されて一通り目
「全数調査なら何でもわかる」という誤解 - 間違えがちな母集団とサンプリングそしてベイズ統計 - - ill-identified diary
この文章は pandoc-hateblo で tex ファイルから変換しています. PDF 版はこちら 2021/10/15 追記: 後半のベイジアンブートストラップに関する解説はこちらのほうがおそらく正確です ill-identified.hatenablog.com 概要挑発的なタイトルに見えるかも知れないが, 私はしらふだしこれから始めるのは真面目な話だ — 正直に言えばSEOとか気にしてもっと挑発的なタイトルにしようかなどと迷ったりはしたが. 「全数調査できれば標本抽出の誤差はなくなるのだから, 仮説検定は不要だ」という主張を見かけた. いろいろと調べた結果, この問題を厳密に説明しようとすると最近の教科書には載ってない話題や視点が必要なことが分かった. ネット上でも勘違いしている or よく分かってなさそうな人をこれまで何度か見かけたので, これを機に当初の質問の回答のみならず関
あっ、そうだ！モダンCSSをまとめておこう
2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
海外では毒＝緑色のイメージだが日本ではなぜか毒＝紫色のイメージになるという話が話題に、その理由をめぐって大きな論争が巻き起こる
鳳(ホウ) @hou_PN 🇯🇵の「毒の色」の話で。 🇺🇸「ポケモンとかやってると思うんだけど、🇯🇵人って「毒=紫」だよね」 🇫🇷「確かに！自分は”紫”って雅な色だと思うんだけどね」 🇯🇵「逆に皆さんは何色を”毒”だと感じるんです？」 🇩🇪「”緑”だな、自分は」 🇫🇷「”緑”だね」 🇺🇸「”緑”だよ！」 ”緑”って🇯🇵だと回復系が多い不思議っ 2024-02-01 20:41:17 鳳(ホウ) @hou_PN 🇬🇧人の同僚も。 🇬🇧「”毒は緑”だな、ツイステのヴィルの毒も”緑”だろ？”毒は紫”っての、🇯🇵位だと思うぞ」 🇯🇵「なんと…」 🇬🇧｢🇯🇵人が何で毒を"紫"だと認識するかは判んねェけど欧州は多分、"シェーレ・グリーン"と"パリ・グリーン"つぅ「緑」の染料が”猛毒”だったからだと思うぞ｣ ※1🇬🇧人の意見です。 2024
日本のマンガ・アニメの黒人、カラードキャラクターについて
SOW＠ @sow_LIBRA11 こちらの話題なんですが、まぁすでに言われているように事実誤認なのですが、ただ、この方たちが五十代後半の可能性もあります。だとしたらわからんでもないです。 「オタクと日本人は名誉白人的で肌の色の濃いキャラクターが出たら怒る」！？ - Togetter togetter.com/li/1550893 @togetter_jpより 2020-06-30 15:53:00 SOW＠ @sow_LIBRA11 まとめ内にもあるように、昔から、日本の漫画やアニメには黒人キャラが出てきます。有名所で上げれば、石ノ森章太郎先生の「００９（１９６４年）」の００８ですね。さらに手塚治虫の「ブラックジャック（１９７３年）」、主人公の肌の半分は黒人系なのです。 pic.twitter.com/qAazn1wLLu 2020-06-30 15:55:22
便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
更新履歴 追加 2024/04/01 「Epic Easing」を掲載しました 2024/03/07 「Filter Blend」を掲載しました 2024/03/04 「Tooltips & Speech Bubbles」を掲載しました 2023 2023/07/04 「CSS Box Shadows Generator」を掲載しました 2023/06/29 「Regulex」を掲載しました 2023/04/05 「Colorable」を掲載しました 2023/03/09 「Scrollbar.app」を掲載しました 2022 2022/10/04 「CSS Shadow Palette Generator」を掲載しました 2022/09/07 「Wayback Machine」を掲載しました 2022/05/31 「Min-Max-Value Interpolation」を掲載しました
＜インタビュー＞荒木飛呂彦『ジョジョ』シリーズでともに歩んできたプリンスを語る | Special | Billboard JAPAN
プリンスが急逝してから早5年――今もなお、世界中のアーティストやリスナーを虜にしている孤高の天才が、2010年にレコーディングしたものの、お蔵入りにしていた“幻のアルバム”『ウェルカム・2・アメリカ』が、11年の時を経てリリースされた。そこには、彼が長年頭を悩ませてきたマスメディアによる情報のコントロールや人種差別、偏見に対するメッセージが込められており、今私たちが直面している問題を再度見つめ直すきっかけを与えている。 プリンスを愛し、彼から受けた影響を自身の作品に色濃く投影させているのが、『ジョジョの奇妙な冒険』の漫画家・荒木飛呂彦だ。プリンスの大ファンで知られる荒木は『ウルトラジャンプ』で2011年6月号から連載が始まった第8部『ジョジョリオン』の歴史に幕を下ろしたばかり。現在『ジョジョ』ロスが全国で広がっているが、そんな彼にプリンス愛を語ってもらおうと取材をオファーしたところ、「プリ
イラストレーターが真面目にAIイラストを加筆修正してみた。[niji journey]｜abubu nounanka
こんにちは。一般イラストレーターです。今回は新しい情報ではないのですが、前々からやってみたかった「AIイラストを真面目に加筆修正する。」をやってみたのでそのまとめとなります。現在のAIイラストは細部描写の甘い部分が多く、真面目に作品に使っていこうとすると手作業での修正が不可欠となります。AI絵師を名乗る人々の中にはそういった加筆を行ってイラストをアップしている人も居るので、今後はそういうスタイルも定着するんじゃないかなと思っています。イラスト依頼系でも「このAI絵を加筆修正してくれ！」みたいなリクエストは普通にありそうですからね。まぁ、私は今回は単にやってみたかっただけなのでアレですが。 取りあえず今回のベースとなるAI生成物を見て下さい。使用AIは話題のniji journeyです。 insanely high quality masterpiece pixiv color illust
![イラストレーターが真面目にAIイラストを加筆修正してみた。[niji journey]｜abubu nounanka](https://cdn-ak-scissors.b.st-hatena.com/image/square/d95c18b5c09aca19fd600b26e454a849a4967faf/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F94084635%2Frectangle_large_type_2_4186d4d435e5597477b4086a521b9678.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
100を超える主要な音楽メディアの「2020年の年間ベスト・アルバム」を集計。ベスト・アルバム集計サイトAlbum of the Yearが集計版「2020年の年間ベスト・アルバム TOP50」を発表しています。 【集計ルール】 各メディアが発表した「2020年の年間ベスト・アルバム」のリストから、1位の作品に10ポイント、2位の作品に8ポイント、3位の作品に6ポイント、4〜10位の作品に5ポイント、11〜25位の作品に3ポイント、26位以降の作品に1ポイントをそれぞれ加算。ランク付けされていないリストの場合は、リストが10枚以下の場合は5ポイント、25枚以下の場合は3ポイント、25枚以上の場合は1ポイントをそれぞれ加算します。 現時点で100のメディアを集計。今後Album of the Yearの集計対象となるメディアがベストリストを発表した場合は、その分のポイントが加算されるため、順
カラー写真って不思議。 どうして、あんなにきれいな色がでるんだろう。 自分で描けないだろうか。 と思ったので、手描きしてみました。 理屈としては知っている 過去に、印刷の工場を見学したことがあるので、カラー印刷のしくみは理屈としては知っている。 写真の色をC（シアン）M（マゼンタ）Y（イエロー）K（ブラック）の四色に分解して、色のツブツブを並べていくと、それが合わさってカラー写真に見える……ということで合ってますよね。 CMYKのしくみ カラー写真を手描きする。ということはどういうことか。 つまり、CMYKに色分解したシアン、マゼンダ、イエロー、ブラックの、点の集まりを、それぞれなにかを使って、自分でポチポチ描いていけばよいのではないか。 まず考えたのは、カラーのカーボンシートを使ったやり方だ。 カラーカーボンを差し替えて重ね塗りする CMYKそれぞれの色の版を別々にプリントアウトし、固定
スクロールで全画面がスライドのように切り替わるウェブサイトの表現があります。手軽にこの表現を実装するJSライブラリ、fullPage.jsを使ったことのある方もいるのではないでしょうか？ かつては無料で使えたこのライブラリですが、現在はGPLライセンスのプロジェクト以外では使用料がかかります。 その一方、CSSとJavaScriptの進化により、このような表現をライブラリを使わずとも比較的簡単に実装できるようになりました。本記事では、基本的な機能をおさえた、全画面スクロールの実装方法を紹介します。 この記事を通じて以下の技術も学べます。 スクロールをピタッと止めるCSSプロパティscroll-snap-type 画面と要素の交差を検知するIntersection Observer API スムーススクロールが実装できるJavaScriptメソッドscrollIntoView() デモを別ウ
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し
超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator
選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレットはすぐに無料でダウンロードでき、さまざまなプロジェクトで使用できます。
はじめに 以下のツイートが500いいねを超えましたので解説記事を書きます。 デモ＆ソースコード CodePen に完成品のデモとソースコードを置いてあります。 グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/search?q=glitch&tbm=isch RGB ずらしとは 色収差、RGB シフト、RGB split (RGB 分割) など、さまざまな言い方がありますが、要するに本来光の三原色である Red、Green、Blue がズレることなく重なって映像を映し出すところ、それがズレた状態で表示されることです。 グリッチエフェクトと一緒に用いたり、場合によっては色ズレも含めてグリッチと言ったりしますので、今回も合わせて実装する
髪をブルーブラックに染めた同期「おじさんには見えない青だから怒られないの！」 加齢で見えにくくなる髪色で回避するライフハック
エリザベ酢 @buckwheatpalace 同期がセーラーマーキュリーに憧れて髪色青にした！ってブルーブラックに染めていたのだけど「おじさんには見えない青(黒に見える)だから怒られないの！」って言っていて、そんなモスキート音聴こえないみたいなことあるんだと思った 2021-09-01 21:04:04
世界一黒い車
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：ティファニーをアルミホイルで（デジタルリマスター版）
【読売新聞】 日勤と夜勤でマスクの色を変える――。滋賀県甲賀市の甲南病院が、そんなちょっとした工夫で残業時間を大幅に減らすことに成功した。「余分な経費はかからず、リスクもゼロ、働きやすい職場環境にもつながる」（担当者）という“一石三
赤色は水中では頼れない...10色のパイプを海に沈めることで生じる視覚変化を捉えた動画が面白い「シャア専用ズゴックは理にかなっていた」
黒ラブ教授（科学コミュニケーター、理系文系どっちも研究する人） @kurorabukyouzyu おー！これわかりやすい！意外な気もするけど。深く潜れば潜るほど光が届かなくなっての勉強にすごくいいねーpic.twitter.com/Q7IpP8ELLX 2020-06-28 18:21:40 蛇蔵@天地創造デザイン部8巻発売中 @nyorozo ダイビングすると体感するんですが、「あの赤い線の入った水着の人についていこう」などと考えると、即見失います。水に潜ると、赤い色は真っ先に失われる twitter.com/kurorabukyouzy… 2020-06-30 00:12:56
電子ペーパーAndroid端末BOOX Nova2を買って不要になった端末たち - きしだのHatena
電子ペーパーAndroid端末であるBOOX Nova2を買いました。 BOOX Nova2,7.8インチ,電子書籍リーダー,Android,Einkタブレット メディア: 2021/4/29追記 いまはNova3が出てます BOOX Nova3,電子ペーパー,7.8インチ,E Ink,Android10,電子書籍リーダー メディア: 4年前にBOOX C67ML Carta2を買ったのだけど、メモリが512MBで安定して動いてなくて、そんなもんかーとあきらめていた。 それがなんか新しいBOOXは 結構ちゃんと動くっぽいという話で、メモリも3GBになってるし使えるやろーということで買ってみた。 そしたら想像以上によくて、いろいろなものが不要になったのでまとめてみる。 重さはほぼカタログ通り。 Kindle Paperwhite まず完全に用途がかぶるKindle Paperwhiteは完全
やしろあずき @yashi09 オシャレに特化されたトイレの性別表記、直感的にトイレに突入できなくなるから怖い。尿意が限界の時人間はアホになるから悠長に考えてる余裕はないんだ。 pic.twitter.com/b8Mal9Jgip 2022-06-18 07:11:40
最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ？」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか？そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ
1億色を識別できる「4色型色覚」の女性が語る「あまりにも素晴らしく、あまりにも特別なこの世界」 | 「この世界でどうやって不幸になれるのだろう」
アーティストのコンチェッタ・アンティコは、子供の頃からいつも「ちょっとだけ奇抜」だったという。彼女は10年前、自分が見ている世界が他の人のそれとは文字通り違うことを知った。彼女にとって、この世界で生きるとはどういうことなのだろうか──。 彼女の生きる「サイケデリックな世界」 芸術家が作品のために事実とは異なる表現をすることを、「アーティスティック・ライセンス」と言う。コンチェッタ・アンティコの絵画に使われる鮮やかな配色を見れば、あなたはすぐに彼女もそれをやっていると思うだろう。 アンティコが描くユーカリの木の幹は、紫と藤色を帯びており、オウムの黄色いトサカは、うっすら青緑がかっている。彼女が描く庭の奇抜な配色は、ほとんどサイケデリックなほどだ。 「単に芸術家を気取りたいわけでも、アーティスティック・ライセンスを使っているというわけでもないんです」とアンティコは言う。 「私は本当に見たままを
便利な無料ツールが登場！ Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer
1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI, constyble, color-sorterなどの便利ツールをリリースしているProject WallaceのCSS解析ツールです。MITライセンスで、商用プロジェクトでも無料で利用できます。 Webサイトで使用しているCSSファイルや自分が書いたCSSのコードを詳細に解析してくれます。オンラインツールとして簡単に利用でき、GitHubでソースが公開されているので、ローカル環境でも利用できます。 さっそくオンライン版で試し
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
簡単にオリジナルChatGPTアプリが作れる『GPTs』で、ドット絵生成チャットを作成 - Taste of Tech Topics
こんにちは、安部です。 11月なのに暑かったり寒かったしますが、皆様いかがお過ごしでしょうか。 さて、先日のOpenAI DevDay、大変な盛り上がりでしたね。 様々な新機能が公開され、GPT関連がさらなるパワーアップを遂げました。 DevDayは基本的に開発者向けのイベントですが、一般ユーザ向けの新機能も公開されました。 それがGPTsです。 今回は、GPTsが使えるようになったので試してみたいと思います。 GPTsとは GPTsとは、GPT Builderを使ってノーコードで簡単にChatGPTをカスタマイズできるサービスで、今のところ有料ユーザのみが使用できます。 ChatGPTは特定タスク向けのサービスではありませんが、精度の良い回答をもらおうと思ったらプロンプトを工夫したり事前情報をたくさん与えないといけなかったりしますよね？ GPTsは、あらかじめ特定の目的を持たせたChat
はじめに 2020年の11月末。 なんとなく自作キーボードでも始めて見るかと思い付きました。 それまで自分にとって自作キーボードはハードウェア技術的にも既知で、 さらに長年使い続けたHHKBから乗り換える気も起こらず見向きもしなかったわけですが 「実際にやってもいないのにわかった気になるのは頭でっかちでよくないな」 と考えてやってみることにしたのです。 ということでやってみて見事にハマりまして 始めて1か月で数台のキーボードを組み立て この5か月で10台を超え20台に迫る勢いでキーボードを組み立て・設計・制作するに至りました。 この記事では自分が作ってきたキーボードたちを振り返ってみたいと思います。 なにぶん数が多いので1つのキーボードにつきなるべく量を絞って以下の観点から書き下していきます。 なぜそのキーボードを選択したのか(作ろうと思ったのか) 作った際の特徴、思い出話とかあれば 作っ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
さよならTwitterの青い鳥。11年使われたアイコン、デザイナーが解説
滋賀県の喫茶店「銀河鉄道の夜をイメージして試作していたら恐ろしく可愛いゼリーを作り出してしまって狼狽えてるので見てほしい」
【訃報】「コピー＆ペースト」を生み出したコンピューター科学者のラリー・テスラー氏死去
一介の漫画オタクが月刊誌で連載してみた打ち切り考察｜日高十三男
【CSS】borderを使って、三角形作るのはやめませんか？ - Qiita
フロントエンドコーディング時に便利なジェネレーターサイト（随時更新） - Qiita
100を超える主要な音楽メディアの「2020年の年間ベスト・アルバム」を集計、TOP50リスト発表 - amass
「カラー写真をＣＭＹＫに色分解して手描きする人」がいない理由が判明しました
モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出（2019年版） - ICS MEDIA
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける
日勤と夜勤でマスクの色分け、残業時間が大幅減…「はよ帰り」「おつかれさま」など声かけやすく
おしゃれなデザインのトイレマークを見た色覚異常当事者の方『こう見えるけど全然違ってて震える』
最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
Web制作を変える！2021年の便利オンラインツール・ベスト100選
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
自作キーボードを始めて5か月の歩み — KaoriYa