CSSの検証やデバッグに、デベロッパーツールを使用している人も多いと思います。そんなデベロッパーツールですが、Chrome 131からAIアシスタントが使えるようになり、AIがCSSの検証やデバッグにどのように役立つかを紹介します。 5 Cool Things To Do with DevTools AI Assistance AI assistance panel AI assistance for styling by Matthias Rohmer 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに デベロッパーツールでAIアシスタントを使用する前に AIアシスタントの起動方法 AIアシスタントでレイアウトを理解する AIアシスタントによるペアプログラミング AIアシスタントに

簡単にCSSアニメーションのコードを生成できるAIツールが登場しました。テキストや音声でプロンプトを入力するだけで、複雑なCSSアニメーションでも数秒でコードが生成されます。 生成されたCSSアニメーションはその場ですぐにカスタマイズして微調整も簡単です。テキストは日本語にも対応しており「ジャンプして回転」とかでも平気です。

※本ページは、アフィリエイト広告を利用しています。 「はじめてでもここまでできる」の本書タイトル通り、読んで3時間ほどでStable Diffusionの画像生成を思い通りにできるようになりました！ Stable Diffusionでどんなことができるのかは知っていましたが、実際に自分のPCにセットアップし、プロンプトによる画像生成をはじめ、色塗り指定や画風指定、キャラをAIに学習させての画像生成までできました。Stable Diffusion初心者の人にお勧めの解説書を紹介します。 また、少しやってみたけどTextual InversionやControlNetやLoRAなどがうまく使えない、そんな人にもかなりお勧めです。 本書は「はじめてでもここまでできる」というタイトル通り、初心者向けの解説書です。そして「本格活用」とあるように、ただ使えるようになるだけでなく、塗りの書き込み感、色塗

UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

ChatGPT（文章）、 Midjourney（画像）、CREEVO（音楽）、Make-A-Video（動画）、DreamFusion（3Dモデル）をはじめとする生成AIが続々とリリースされ、すでに使用したことがある人も多いと思います。 これら第一線の生成AIの実用的な使用例を通じて、わたし達の生活がどのように変化するか、仕事でどのように役立たせるのか、著作権などの問題点とその解決の流れについてよく分かる解説書を紹介します。 生成AIの動きは非常に激しく、最新の情報に触れるにはWebに頼るしかないのですが、本書は加筆できる最後のタイミングである5月頭のぎりぎりまで対応しています。また、日本語での情報が少ないものも著者自らが実際に試した結果がまとめられています。 生成AIの技術の進化、社会の対応、法整備などもこれからどんどん進められると思いますが、現時点での情報をしっかり知っておきたい人にお

ChatGPTをすでに使用している人は多いと思います。また、使用していなくても興味があり、これから使用してみようという人もいるでしょう。 ChatGPTはその仕組みが分からなくても使用できますが、どのように機能しているのか分かると今よりさらに使いこなせるようになるかもしれません。 How ChatGPT works: a deep dive by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ChatGPTがどのように機能しているか 終わりに ChatGPTがどのように機能しているか ChatGPTなどの大規模言語モデル（Large Language Model、以下LLM）は、どのように機能していると思いますか？ それらは驚くほどシンプルであると同時に非常に複雑なものです。 心の準備はいいですか？ では

テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。 「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラーパレットを生成してくれます。 AI Colors AI Colorsの特徴 AI Colorsの使い方 AI Colorsを使ってみた AI Colorsの特徴 AI ColorsはOpenAIのGPT-3.5を使用して、テキストからAIによりWebサイトやスマホアプリ向けの美しいカラーパレットを生成します。また、他の人が作成したカラーパレットを検索・編集・視覚化することもできます。 利用にあたっては無料で、登録なども必要ありません。

AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。 テキストを入力、たとえば「シンプルでモダンなナビゲーション　アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。 AI CODE 実際に試してみましたが、ナビゲーション、ボタン、カード、フォームなど、UI要素やUIコンポーネントやレイアウトが数秒で簡単に実装されました。 また、次のバージョンではJavaScriptにも対応して、UIライブラリも追加する予定とのことです。 AI CODEの使い方 AI CODEの使い方は簡単、登録など面倒なことは一切不要です。 サイトにアクセスし、テキストを入力して「Generate」ボタンを押すだけです。 テキストは英語だけでなく、日本語でも大丈夫です。たとえば

画像生成AIが大きな注目を集めていますね。しかし、情報の量も非常に多く、少し混乱してしまうこともあるかもしれません。 画像生成AIとはどんなサービスなのか、どんな仕組みで生成されるのか、どうやって使用すればよいのか、お勧めのサービス、キーワードの作り方、思い通りの画像にするための呪文、著作権などの法律上の問題点、画像生成AIの活用方法など、これだけは理解しておきたいというのがまとまった一冊を紹介します。 『先読み！IT×ビジネス講座』シリーズは、「この先どうなっていくかがわかる」「リアルな話がわかる」「手っ取り早くわかる」の3つの「わかる」をコンセプトにした解説書。第1弾は『メタバース&NFT（Amazon） 』で、本書が第2弾となります。 第2弾は画像生成AIで、画像生成AIの技術的な仕組み、利用できる画像生成AIサービスと実際の作成方法、著作権などの法律上の問題点などについて、分かりや

古い白黒写真をはじめ、アート作品、イラストなど、画像を何でもカラー化するAIベースのWebアプリを紹介します。 利用は完全に無料で、登録など面倒なことは一切不要。実際に試してみましたが、白黒の写真やモノクロのイラストに鮮やかな色づけが簡単にできました。 下記は、白黒写真をAIでカラー化したものです。 Palette Paletteは、Google Arts&Cultureの@EmilWallnerによるAIの機械学習によるカラライザーのアプリです。スマートフィルタと言葉を使用して、白黒画像をカラー化します。 利用は完全無料で、登録などは面倒なことは一切不要です。Webアプリとして公開されており、ローカル化の予定はない（ツイートより）とのことです。

Twitter, Facebook, Instagram, TikTok, YouTubeなど、各ソーシャルメディアに最適なサイズで画像をトリミングしてくれる無料ツールを紹介します。 AIで自動化されているので、1枚の画像をアップロードするだけで各ソーシャルメディア用の画像102サイズに自動的にサイズが変更されます。もちろん、必要な画像のみでも全部まとめてもダウンロードできます。

人工知能を使用して、写真やイラストなどの画像が健全なのか、健全ではないのかを判定するためのシンプルなJavaScriptライブラリを紹介します。 NSFW JS NSFW JS -GitHub NSFW JSの特徴 NSFW JSのデモ NSFW JSの使い方 NSFW JSの特徴 NSFW JSはTensorFlow.jsのマシンラーニングをベースに、画像を識別するJavaScriptライブラリです。画像を以下の5つのクラスに分類します。 NSFW JSは15,000枚以上の画像を検証し、その正解率は90％以上とのことです。 健全ではない場合は自動的にぼかしのプロテクションがかかります。 NSFW JSのデモ 下記ページで実際の動作を試すことができます。

お馴染みの freepik.com 提供によるデザイン素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回は、春のデザインにぴったりな草花をあしらったベクター素材です。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でも利用できます。アイコンに特化したflaticon.comも運営しており、ついにそのアイコン素材は1,400,000個を越えました！ freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初、今回でいよいよ第42弾となりました！ 第31弾〜41弾まではこちら（※長いので、1〜30は省略）。 飾り罫や

美しい幾何学模様のアールデコのパターン素材が無料でダウンロードできるので、紹介します。.aiファイルも完備されており、使い勝手がよいと思います。 Art Deco Geometric Patterns ダウンロードできる素材のフォーマットは、2種類。 Illustrator用のファイルも揃っているので、すべての要素が編集可能で使いやすいと思います。すぐに使用したい人には、.jpgも用意されています。 .ai .jpg 素材の利用にあっては個人でも商用でも無料で、ロイヤリティフリーで利用できます。クレジット表記の必要はありません。 詳しくはダウンロードファイル「License.pdf」をご覧ください。 ダウンロードできるファイルには、上品なハイライトとアンダートーンでデザインされた幾何学的なアールデコのパターンが揃っています。

子供向け・教育向けのかわいいイラスト素材、計381,780円分が、99%オフの3,200円で購入できる期間限定の特大セールを紹介します。 販売期間は、11月26日24時までとなっています。 イラスト素材はWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。 季節を問わず使える101のキュートなイラスト集 セットに含まれてるイラスト素材 Design Cutsでの購入方法 Design Cutsのライセンス セットに含まれてるイラスト素材 セットに含まれているイラスト素材の総額は381,780円分、それらが今だけ3,200円で購入できます。 イラストの制作者は「瀬戸フォント」の作者でもある、かに沢のりお氏。子供向けや教育向けのかわいいイラストが満載です！ セットに含まれてイラスト素材 セットには、計2.68GBのイラスト素材

「コンテンツに応じる」は、Photoshopの機能の中でもかなりの頻度で利用する人が多いと思います。そんな「コンテンツに応じる」の塗りつぶし機能が大幅に進化し、「コンテンツに応じた塗りつぶし」としてPhotoshopの次期バージョンに搭載されます。 Photoshopの次期バージョンに搭載される「コンテンツに応じた塗りつぶし」 米Adobeから動画が公開されているので、そのすごさを見てみてください。

今年になって、人工知能の進化が加速してますね！ EXILEでも、Perfumeでも、欅坂46でも、誰かのダンスの動きをAIで読み取って、その動きを自分にコピーできる「Everybody Dance Now」を紹介します。 Everybody Dance Now どんな感じか少し見てましょう。 左上のコマが元のソースで、左下がAIによる読み取り、中央と右が動きをコピーして踊っているところです。 めちゃ踊れてる！！ このシステムはUC Berkleyによるもので、GoogleやAdobeなど多くの企業にサポートを受けています。 仕組みは簡単に説明すると、プログラムは元になるソースの動画を解析し、ポーズとモーションをキャプチャします。キャプチャした動きを棒人形に反映させ、棒人形の動きをターゲットに合成させています。 詳細は、Everybody Dance NowでPDFがダウンロードできます。

なかなか珍しいアイテムがデザインされた有料のアイコン素材が、1週間限定で無料でダウンロードできるので紹介します。 写真関連、デザイン関連、プログラミング関連、セキュリティ関連、ショッピング関連など、260種類のカラーアイコンと260種類のモノクロアイコンが揃っています。

鳥獣戯画のベクター素材「ダ鳥獣ギ画」でも有名なダーヤマ氏による新しい素材サイト「マンガ文字素材dddFont」を紹介します。 マンガや同人誌など、商用でも無料で利用できる擬音語・擬態語の日本語フォントのベクター素材がダウンロードできます。 夏コミに当選した方もそうでない方にも楽しめる無料素材です！ マンガ文字素材dddFont まずは、一番重要なライセンスから。 マンガ文字素材dddFontの素材は漫画や同人誌をはじめとする紙のデザイン、Webデザイン、動画、スライドなどに、合計20個まで無料で利用できます。 20個以上の場合は、下記条件のどちらかをクリアする必要があります。 twitterでこのサイトを紹介する。 ダーヤマのLINEスタンプを、嫌々1つ買う。 ※原文ママ 詳しくは、下記のラインセンスページをご覧ください。 ライセンスページ ダウンロードできる素材は現在、2,000種類以上