Motiffは、中国スタートアップが開発したAI搭載のUIデザインツールです。一般的なデザインツールと同様に手を動かしてUIデザインが作成できる他、一部AIを活用したデザイン生成が可能です。 今回は、Motiffの基本情報やAI機能についてご紹介したいと思います。 Motiffは、中国スタートアップが開発したAI搭載のUIデザインツールです。一般的なデザインツールと同様に手を動かしてUIデザインが作成できる他、一部AIを活用したデザイン生成が可能です。 クラウド上での複数人での作業や、プロトタイピングの機能も一通り提供されており、使用感としてはかなりFigmaに近い形になっています。 ブラウザ上で動作するデザインツールですが、デスクトップアプリやスマホアプリも提供されていて、アプリで作業を行ったりスマホからプレビューを確認することが可能です。 現在はベータ版ですが、AIによるデザイン作成や

本Tech TIPSは2024年9月1日の状況、情報を元に執筆されています。ChatGPTは、頻繁に更新されるため、記事の内容と実際の状況が異なってしまう可能性があります。その場合は、適宜、記事を更新する予定です。 プレゼンテーションにちょっとしたイラストや写真を入れて、分かりやすくしたいといったこともあるだろう。そのような場合、著作権フリーのイラストや写真を探すことが多いのではないだろうか。ただ、探すのに時間がかかるわりに、イメージに合ったものが見つからないことも多い。 そのような場合、生成AI（人工知能）を使って画像を生成させるという手がある。「ChatGPT」では、同じOpenAIが開発した画像生成AI「DALL-E3」による画像生成に対応しており、ChatGPTに「猫の絵を描いて」と依頼すれば、猫の画像が生成されるようになった。 ただし、ChatGPTで画像生成を実行するには、前提

Figmaは、2024年6月にサンフランシスコで開催されたFigma Config 2024でFigma AIを発表しました。 FigmaのAIが学習に使用する予定のデータには、ユーザーが生成したコンテンツも含まれており、独自性の高いデザインや機密性の高いデザインを扱っている場合は、この学習機能をオフにしておいた方がよいでしょう。 FigmaのAIによる学習機能は、8/16から始まる予定です。 Figma AIは、AIによるテキストプロンプトからのデザイン生成、アセット検索、背景除去、プロトタイプメーカーなど、ユーザーの生産性と創造性を高める機能です。ユーザーとしては便利になるのはよいことですが、このAIが学習に使用する予定のデータには、ユーザーが生成したコンテンツも含まれるので、注意が必要です。また、それに伴いFigma AI Termsも更新されています。 ユーザーが作成したコンテンツ

インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単

ChatGPTを業務で活用される方の中には、 「ChatGPTを業務で活用するので情報漏えい対策をしたい」 「ChatGPTに会話履歴などのデータを学習させたくない」 「ChatGPTにデータ学習させないオプトアウトの設定方法を知りたい」 という方は多いのではないでしょうか？ この記事は、ChatGPTを業務で活用する場合に情報漏えい対策として対応必須な、会話履歴やデータをChatGPTに学習させないオプトアウトの設定方法を2つ、画像付きでわかりやすく解説します。ChatGPTを業務で利用される方は、この記事を最後まで読んで必ず設定するようにしましょう。 ChatGPTに入力したデータはOpenAIの学習に利用される ユーザーがChatGPTに入力したデータやChatGPTが仏力したデータは、OpenAIがAIモデルのトレーニング（学習）やサービス向上のために利用します。 これは、Chat

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

動画やWebページの調べ物を良くする人はOtio AIを使ったほうが良い。効率がめちゃくちゃ良くなる。逆にたまにしかページを読み込んだりしっかり動画をみたりしないという人も使った方が良い。なれない自分がやるよりも10倍しっかりポイントを掴んで教えてくれる。 Otio AIとは Otio AIとは、指定した資料の中に調査する内容を限定して調べ物をすることに特化したAIだ。WebページやYoutube動画のURLを貼って概要を把握、追加質問をしていく形でさらに掘っていくことができる。日本語のYouTubeの動画を1/10の時間でまとめてくれたのには感動したし1、OpenID for VCI のまとめを作って、それに追加質問して内容を識っていったりするのもハードルがすごく低い。調査の内容を、指示したソースだけに限定できるのは、結果の信頼度を上げるのに結構大きい。ただし、今のところ実質的にPCやM

こんにちは。Webデザインスクール「デジLIG」でクリエイターを目指す受講生のメンターや転職サポートを行っている久保です。 デザイナーのなかでも高度なスキル・考え方が求められるUI/UXデザイナーという職業について、「今後なくなる？」と噂されている背景とその真意についてまとめてみました。 本記事では、スクール運営を通してさまざまな企業とも関わっているプロの目線で、UI/UXデザイナーの仕事が本当になくなるのか解説していますので、ぜひ最後まで読んでみてください。 最近、「UI/UXデザイナーは将来なくなってしまう」ということがいわれています。 はじめに断言しておきますと、答えは「NO」です。 ではなぜ高度なスキル・考え方が求められるUI/UXデザイナーという職業がなくなるといわれているのでしょうか。理由は大きく2つあります。 AI技術の発展 理由の一つ目はAIなど革新的な技術進歩により「自動

生成AI「Claude3」がAnthropicより2024年3月4日にリリースされました。 この記事では、画像を使用して「claude3」の使い方を初心者向けに解説していきます。 Claude3とは？ (出典：www.anthropic.com) Claude3とは、Anthropic社がリリースした生成AIサービス「Claude」の最新バージョンです。 読み方は「クロード」です。 Claude3は、「Haiku」、「Sonnet」、「Opus」の3段階のサービスに分かれており、その中で「Sonnet」はWebから簡単に無料で利用できます。 最上級の「Opus」というモデルはGPT-4やGemini Ultraよりも高いスコアを出しており、現段階でリリースされている生成AIサービスの中で最強のモデルだと言われています。 Claude3の活用事例のまとめ 画像認識機能 コーディング作成 難度

愛用しているマウス「MX ERGO」。副ボタンがたくさんついていて、Logicoolが提供している「Logi Options+」というアプリを使うと、各ボタンの役割を自由にカスタマイズできる。 これを利用し、ボタンのひとつを「押せばすぐにChatGPTが立ち上がる」に設定したら、非常に便利だったのでオススメしたい。 どんな場面でも即座にChatGPTと対話ができるので、Google検索よりも役に立つよ。 ChatGPTのウインドウが最前面に固定される この設定をすると、ボタンを押すだけでChatGPTとの対話ができるウインドウが立ち上がる。 立ち上がったウインドウからChatGPTにログインすれば、自分のアカウントで使用できる。有料プランに契約していれば、GPT4が利用できる。 ウインドウは常に最前面に配置され、作業を行いながら常にChatGPTとの会話を確認できる。 「わからないことはG

こんにちは、Technology部のジョシュです。 今日は、最近バズっている生成AIモデル「Claude 3」と「GPT-4」を比べてみましょう！ 生成AIが絶え間なく進化し続けるなかで、2024年3月に登場したAnthropic社の大規模言語モデルClaude 3。OpenAI社のGPT-4と比較され、多くの議論を呼び起こしています。 この記事ではこれら2つのモデルを深掘りし、それぞれの特徴、能力、そして生成したコードの結果を比較しながらご紹介します。生成AIのトレンドを知りたい方やAI開発に関心を持つ方々のご参考になれば幸いです。 GPT-4とClaude 3の概要 OpenAI社が開発した言語モデルGPT-4は生成AIを広めたモデルとして非常に有名で、様々なタスクをこなす能力があります。そんな中で3月に登場したAnthropic社のClaude 3は、いくつかの分野ではGPT-4を上

※本ページは、アフィリエイト広告を利用しています。 AIをクリエイティブな作業で使用するときに重要になるのが、最初と最後です。最初とは「適切なプロンプト」、最後とは「どう使用するかの決断」、この2つは人間にしかできない重要な役割です。 Chat GPTをはじめ、Adobe Firefly, Photoshop, Illustrator, Premiere Pro, Midjourney, DaVinci Resolve, ideogram, AIいらすとや, Runway, Soundrawなど、さまざまなAIツールをクリエイティブワークでどのように活用するかが分かる解説書を紹介します。 本書のテーマはズバリ「地味なことはAIに任せて、クリエイティブに集中しよう！」 著者は、Adobe MAXやCC道場などのイベントにも登壇している河野 緑氏。『「こんなこともできるようになったの！？」とわ

GitHubはコマンドラインでコマンドやオプションを入力する際にAIが支援してくれる「GitHub Copilot in the CLI」正式版をリリースした。 GitHubは、コマンドラインでの操作でもAIによる支援機能が使える「GitHub Copilot in the CLI」を正式版としてリリースしました。 コマンドラインで実行したい内容を自然言語で説明すると、一般的なシェルを想定して適切だと思われる命令やオプションを生成してくれます。 また、使い方などが分からないコマンドについての説明を依頼することも可能です。 We are excited to announce GitHub Copilot in the CLI is now generally available for all our Copilot Individual, Business, and Enterprise

デザインをするときに、頭を抱えがちな「配色どうしよう」問題。いかに手早くイメージに合った色を選べるかがカギになってきます。 各デザイン用途に役立つ配色ツールも十分便利なのですが、AIの力を借りることで誰でもより簡単に、これだ！と感じる色に巡り会えるかもしれません。 この記事では、AIを活用した配色ツールをまとめてご紹介します。 実際にわたしがツールを試した使用感、デザイン制作に役立つと感じた点と一緒にまとめています。

自分はフロントエンドのロジックを考えるのは得意なんですが、CSS は苦手です。 なので 自分は AI にコード変更を依頼して実行結果を目視でプレビューしつつ、その生成結果を受けいれるかどうかの判断だけすればよくね？と考えて、それを CLIとして実装してみました。 ボタンの色を書き換えるという簡単な例ですが、こんな感じで動きます。 主に React Component の修正をターゲットにしていますが、class(Name) を書き換えることを優先するプロンプトを与えているので、ロジックを保ちつつ、見た目を綺麗にするためのツールになっています。 実装した背景 vscode ターミナル上で画像を表示できる OpenAI API はgpt-4-vision-preview のモデルで画像をアップロードして認識させることができる これらを使って、vscode terminal で実行することを前提

はじめに 今回は、個人的によく活用させて頂いている、 コーディングが捗る便利ツールをご紹介します！ よく見るものから、ちょっとニッチなものまで 活用方法も踏まえてまとめたいと思います。 また、弊社QUOITWORKS.Incは2024年1月末締切で、ディレクター、デザイナー、エンジニア職を応募しておりますので 下記よりぜひご応募ください！ ChatGPT まずは王道、ChatGPT。 いろんな活用方法があるかと思いますが、今回ご紹介するものは 非課金ユーザーでも全く問題ないものです。 なぜなら、私が非課金だからです。 基本プロンプト ChatGPTに命令を出す際に、言い方で返答の「質」が変わるのは有名な話です。 精度が高い返答が欲しい時には活用しているプロンプトとして、 noteの深津さんが考案された「深津式プロンプト・システム」が効果的です。 その内容としては、 ・命令書 ・制約文 ・入

Google Bard便利すぎ。Gmailから検索して表まで作るだなんて…2023.12.20 20:00103,390 小暮ひさのり 仕事、楽になる予感しかしない。 Googleのチャットボット｢Google Bard｣。話してみると、受け答えはまだまだ勉強中といった感じで、ChatGPTの方が先を行っている感はありますけど、それでも新機能を突っ込んでくるのがGoogleの偉いところ。 先日、｢Google Workspace｣の拡張機能が実装され、Gmail、Drive、Docsとも連携できるようになりました。特に刺さったのがGmail。この機能、Gmailをメインでやりとりしているなら使ったほうがいいですよ。 Gmailからいろいろな情報を探して提示できるのが神すぎ…Image: 小暮ひさのりGmailを見られて助かるのが、｢あのメール返したかな？｣とか｢あの案件の期日いつって言われ