Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
山猫軒（休業中） @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 と
「全数調査なら何でもわかる」という誤解 - 間違えがちな母集団とサンプリングそしてベイズ統計 - - ill-identified diary
この文章は pandoc-hateblo で tex ファイルから変換しています. PDF 版はこちら 2021/10/15 追記: 後半のベイジアンブートストラップに関する解説はこちらのほうがおそらく正確です ill-identified.hatenablog.com 概要挑発的なタイトルに見えるかも知れないが, 私はしらふだしこれから始めるのは真面目な話だ — 正直に言えばSEOとか気にしてもっと挑発的なタイトルにしようかなどと迷ったりはしたが. 「全数調査できれば標本抽出の誤差はなくなるのだから, 仮説検定は不要だ」という主張を見かけた. いろいろと調べた結果, この問題を厳密に説明しようとすると最近の教科書には載ってない話題や視点が必要なことが分かった. ネット上でも勘違いしている or よく分かってなさそうな人をこれまで何度か見かけたので, これを機に当初の質問の回答のみならず関
『マスターアルゴリズム』は全ての人々を機械学習（人工知能）の世界へといざなう「冒険物語」 - 渋谷駅前で働くデータサイエンティストのブログ
しましま先生(@shima__shima)こと神嶌敏弘先生から、訳書『マスターアルゴリズム』をご恵贈いただきました。 マスターアルゴリズム 世界を再構築する「究極の機械学習」 作者:ペドロ・ドミンゴス講談社Amazon 本書はビル・ゲイツが「AIを知るための本」と絶賛したという"The Master Algorithm"の邦訳版で、実際に「難しい理論や数式は書かれていないがこの一冊を読むだけで現代の機械学習（人工知能）の世界の全容を一望できる」優れた本だと個人的には感じました。また縦書き本ゆえいわば「読み物」的な立ち位置の書籍であり、研究者や技術者のみならずビジネスパーソンさらには一般の読書家にとっても読みやすく、尚且つ得るものの大きい一冊だと思います。 ということで、以下簡単にレビューしていきたいと思います。なお実は僕自身もしましま先生から発刊前の段階で翻訳内容の閲読を依頼されて一通り目
あっ、そうだ！モダン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
選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレットはすぐに無料でダウンロードでき、さまざまなプロジェクトで使用できます。
アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？ そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で使用できるので気軽に試してみてください。 Figmaのプラグインを使ったことがないという方は、以下の記事で使い方を紹介していますので参考ください。 『Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選』 1. Noise & Texture Noise & Texture | Figma 「Noise & Texture」は、ノイズやさまざまなテクスチャーを画像として作成できるプラグインです。 プラグイン実行後、設定パネル内の［Add to Canvas］をクリックすると
髪をブルーブラックに染めた同期「おじさんには見えない青だから怒られないの！」 加齢で見えにくくなる髪色で回避するライフハック
エリザベ酢 @buckwheatpalace 同期がセーラーマーキュリーに憧れて髪色青にした！ってブルーブラックに染めていたのだけど「おじさんには見えない青(黒に見える)だから怒られないの！」って言っていて、そんなモスキート音聴こえないみたいなことあるんだと思った 2021-09-01 21:04:04
はじめに 以下のツイートが500いいねを超えましたので解説記事を書きます。 デモ＆ソースコード CodePen に完成品のデモとソースコードを置いてあります。 グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/search?q=glitch&tbm=isch RGB ずらしとは 色収差、RGB シフト、RGB split (RGB 分割) など、さまざまな言い方がありますが、要するに本来光の三原色である Red、Green、Blue がズレることなく重なって映像を映し出すところ、それがズレた状態で表示されることです。 グリッチエフェクトと一緒に用いたり、場合によっては色ズレも含めてグリッチと言ったりしますので、今回も合わせて実装する
世界一黒い車
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：ティファニーをアルミホイルで（デジタルリマスター版）
【読売新聞】 日勤と夜勤でマスクの色を変える――。滋賀県甲賀市の甲南病院が、そんなちょっとした工夫で残業時間を大幅に減らすことに成功した。「余分な経費はかからず、リスクもゼロ、働きやすい職場環境にもつながる」（担当者）という“一石三
この記事は "What We’ve Learned From A Year of Building with LLMs" という記事を著者の一人である Eugene Yan さんから許可を得て翻訳したものです。 https://applied-llms.org/ Thank you for giving me a permission to translate this wonderful article! 著者の方々 Eugene Yan Bryan Bischof Charles Frye Hamel Husain Jason Liu Shreya Shankar 原文の公開日 2024/６/8 今は大規模言語モデル（LLM）を使った開発がとってもエキサイティングな時期です。この1年間で、LLMは実世界のアプリケーションに対して「十分に良い」ものになりました。そして、年々良くなり、安く
![[翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜](https://cdn-ak-scissors.b.st-hatena.com/image/square/3636c7c8e7c838018a6e006d55b3f4b8d18f34cc/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--7VM-vHg9--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E7%2525BF%2525BB%2525E8%2525A8%2525B3%25255DLLM%2525E3%252581%2525A71%2525E5%2525B9%2525B4%2525E9%252596%252593%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252581%252597%2525E3%252581%2525A6%2525E5%2525AD%2525A6%2525E3%252582%252593%2525E3%252581%2525A0%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252580%25259CLLM%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252583%252580%2525E3%252582%2525AF%2525E3%252583%252588%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252582%252592%2525E6%252588%252590%2525E5%25258A%25259F%2525E3%252581%2525AB%2525E5%2525B0%25258E%2525E3%252581%25258F%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AE%2525E5%2525AE%25259F%2525E8%2525B7%2525B5%2525E7%25259A%252584%2525E3%252582%2525AC%2525E3%252582%2525A4%2525E3%252583%252589%2525E3%252580%25259C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aseya%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QzODg4YjM0MzEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
赤色は水中では頼れない...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だろう。
1億色を識別できる「4色型色覚」の女性が語る「あまりにも素晴らしく、あまりにも特別なこの世界」 | 「この世界でどうやって不幸になれるのだろう」
アーティストのコンチェッタ・アンティコは、子供の頃からいつも「ちょっとだけ奇抜」だったという。彼女は10年前、自分が見ている世界が他の人のそれとは文字通り違うことを知った。彼女にとって、この世界で生きるとはどういうことなのだろうか──。 彼女の生きる「サイケデリックな世界」 芸術家が作品のために事実とは異なる表現をすることを、「アーティスティック・ライセンス」と言う。コンチェッタ・アンティコの絵画に使われる鮮やかな配色を見れば、あなたはすぐに彼女もそれをやっていると思うだろう。 アンティコが描くユーカリの木の幹は、紫と藤色を帯びており、オウムの黄色いトサカは、うっすら青緑がかっている。彼女が描く庭の奇抜な配色は、ほとんどサイケデリックなほどだ。 「単に芸術家を気取りたいわけでも、アーティスティック・ライセンスを使っているというわけでもないんです」とアンティコは言う。 「私は本当に見たままを
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ
便利な無料ツールが登場！ 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. スクリーンシ
はじめに こんにちはkenです。エディターはVS Codeを使ってます。 突然ですがみなさん、普段開発をしていて 「VS Code にこんな拡張機能、あったらいいのにな〜」 と思うことありませんか？ 私はあります。しょっちゅうあります。 そこで先日、予定がない休日を利用して拡張機能の開発に挑戦してみることにしました。 最初は拡張機能の開発をどのように進めていけばよいのか全くわからず、そもそも拡張機能でどこまでのことを実現できるのかすらわかりませんでした。ましてや実装についての知識なんて皆無です。 「これは完成まで1日くらい、いや下手すると3日くらいかかるかな」と考えていたのですが、いざやってみるとたった2時間で作れてしまったので今回はその経験についてお話ししたいと思います。 この記事を読んで、 「こんなにお手軽なら自分にも作れそうだ！」 と感じてくれたら幸いです。 本題 作りたかったものと
はじめに 2020年の11月末。 なんとなく自作キーボードでも始めて見るかと思い付きました。 それまで自分にとって自作キーボードはハードウェア技術的にも既知で、 さらに長年使い続けたHHKBから乗り換える気も起こらず見向きもしなかったわけですが 「実際にやってもいないのにわかった気になるのは頭でっかちでよくないな」 と考えてやってみることにしたのです。 ということでやってみて見事にハマりまして 始めて1か月で数台のキーボードを組み立て この5か月で10台を超え20台に迫る勢いでキーボードを組み立て・設計・制作するに至りました。 この記事では自分が作ってきたキーボードたちを振り返ってみたいと思います。 なにぶん数が多いので1つのキーボードにつきなるべく量を絞って以下の観点から書き下していきます。 なぜそのキーボードを選択したのか(作ろうと思ったのか) 作った際の特徴、思い出話とかあれば 作っ
シェルスクリプト リファクタリング ～遅いシェルスクリプトが供養されてたので蘇生して256倍に高速化させました～ - Qiita
はじめに ことの始まりは「シェルスクリプトでツールを作ったけど速度が遅くて使い物にならなかったので供養」というツイートを見たからです。コードを見てみると、実例をあまり見ないシェルスクリプトのリファクタリング例として丁度良い内容と分量だったため記事にいたしました。記事を書くにあたりコードの利用を快く承諾していただいた @Hayao0819 様にはこの場を借りて御礼を申し上げます。 内容は章立てで構成しており、序章で事前調査をし、第一章で一般的なリファクタリング、第二章でパフォーマンスを重視したリファクタリング、終章で少し余談をして締めくくっています。最初はパイプは並列処理されるから速くなるというのは神話（そうとは限らない）についても書いていたのですが流石に長いので分けました。それでも書きたいことを色々書いていたらめちゃくちゃ長くなってしまいましたので読み物として私がどんなことを考えながらリフ
簡単にオリジナルChatGPTアプリが作れる『GPTs』で、ドット絵生成チャットを作成 - Taste of Tech Topics
こんにちは、安部です。 11月なのに暑かったり寒かったしますが、皆様いかがお過ごしでしょうか。 さて、先日のOpenAI DevDay、大変な盛り上がりでしたね。 様々な新機能が公開され、GPT関連がさらなるパワーアップを遂げました。 DevDayは基本的に開発者向けのイベントですが、一般ユーザ向けの新機能も公開されました。 それがGPTsです。 今回は、GPTsが使えるようになったので試してみたいと思います。 GPTsとは GPTsとは、GPT Builderを使ってノーコードで簡単にChatGPTをカスタマイズできるサービスで、今のところ有料ユーザのみが使用できます。 ChatGPTは特定タスク向けのサービスではありませんが、精度の良い回答をもらおうと思ったらプロンプトを工夫したり事前情報をたくさん与えないといけなかったりしますよね？ GPTsは、あらかじめ特定の目的を持たせたChat
GitHub Actions に入門するなら GitHub Learning Lab の Hello World コースを受講しよう - kakakakakku blog
GitHub を学ぶときに「GitHub Learning Lab」を使うと便利！という紹介記事を6月に書いた．最近 GitHub Actions を使う機会があり，入門するために「GitHub Learning Lab」の「GitHub Actions: Hello World」コースを受講した．今回も非常に良かった！ kakakakakku.hatenablog.com GitHub Actions: Hello World 「GitHub Actions: Hello World」は GitHub Actions を学ぶ入門コースとなる．現在はまだ日本語に翻訳されてなく，英語を選択する必要はあるけど，Bot / Issue / Pull Request を活用したインタラクティブな構成になっていて，楽しく学べる．以下のステップを進めていくことになり，最終的には GitHub Acti
Ashutosh Singh Ashutosh is a JavaScript developer and a technical writer. He writes about the fundamentals of JavaScript, Node.js, React, Next, Vue, and tutorials on building projects. Visual Studio Code is one of the most widely used code editors in the developer community. One of the reasons for VS Code’s popularity is its many extensions that speed up the development process. In this guide, we’
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
滋賀県の喫茶店「銀河鉄道の夜をイメージして試作していたら恐ろしく可愛いゼリーを作り出してしまって狼狽えてるので見てほしい」
【訃報】「コピー＆ペースト」を生み出したコンピューター科学者のラリー・テスラー氏死去
一介の漫画オタクが月刊誌で連載してみた打ち切り考察｜日高十三男
【CSS】borderを使って、三角形作るのはやめませんか？ - Qiita
フロントエンドコーディング時に便利なジェネレーターサイト（随時更新） - Qiita
100を超える主要な音楽メディアの「2020年の年間ベスト・アルバム」を集計、TOP50リスト発表 - amass
「カラー写真をＣＭＹＫに色分解して手描きする人」がいない理由が判明しました
モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出（2019年版） - ICS MEDIA
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
Figmaでちょっとしたデザインをつくるときに使っているプラグイン8選 - ICS MEDIA
加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける
日勤と夜勤でマスクの色分け、残業時間が大幅減…「はよ帰り」「おつかれさま」など声かけやすく
[翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜
おしゃれなデザインのトイレマークを見た色覚異常当事者の方『こう見えるけど全然違ってて震える』
最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
Web制作を変える！2021年の便利オンラインツール・ベスト100選
知識0の状態からたった2時間でVSCodeの拡張機能を作った話 - Qiita
自作キーボードを始めて5か月の歩み — KaoriYa
Top 10 VS Code extensions for 2021 - LogRocket Blog