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

インハウスマーケティング部・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

愛用しているマウス「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を上

2024年3月28日 Webデザイン, 便利ツール ChatGPT、使っていますか？私は有料プランでほぼ毎日利用しています。Google検索が最近アレなんで、ちょっとした調べ物にも、お仕事の簡単な作業にも使っていますよ。今回はデザインに焦点をあてて、日頃のデザイン作業に使っている方法をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ デザインを0から10までやってもらうのはまだ難しい 結論から言うと、まったくなんの情報もないところから、デザインの完成まで頼むのは、まだ難しいかなと思います。ダミーのWebサイトの画面を作ってもらうとかならまぁまぁなクオリティで作ってはくれますが、それをクライアントに提案できるレベルかと聞かれると、うーん…と唸ってしまいます。 なので、最初から最後まで、素晴らしいクオリティで作ってもらうことは1年後くらいにまた試すとして、2024年現在ではデザイ

キャラクターを生成する 最後に紹介するのは「Consistent Character GPT👉🏼 Fast & High Quality⚡️」という長い名前のGPT。 説明文には「Your creative partner for generating characters in different poses, expressions, styles, and scenes. No prompt needed, just start with 'CLICK HERE' and follow the steps.」と書かれている。 「CLICK HERE」と入力して指示に従うだけで「異なるポーズ」「異なる表情」のキャラクターを作成できる、とある。 画像生成AIを触っている人なら納得してもらえると思うが、AIによる画像生成でもっとも難しい事のひとつがキャラの一貫性だ。プロンプトの工夫であ

こんにちは、Technology部のジョシュです。 今回はPythonなどコーディングに使える、ChatGPTを活用した時短コーディング術を5つご紹介します。 コーディングとコード問題の解決は未経験者にとって難しく、繰り返し作業が続くことがあります。時間を節約するための補助役として、ChatGPTを最大限に活用しましょう！ 生成AIを業務で活用するには… 生成AIをビジネスや業務で活用するためには、導入時に直面する課題・リスクについても考慮する必要があります。生成AIの活用をご検討中なら、こちらのページで紹介している生成AIコンサルティング・導入支援を得意とする会社へご相談してみてください！ 1.コードを解釈する 「ぱっと見た感じは問題ないコードに見えるけど、内容を理解できない箇所がある……」と悩んだことはありませんか？ プログラミング初心者だけでなく、誰もがそのような状況に立つことがあり

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

2023年10月20日 React, 便利ツール 自力でコードは書かず、ChatGPTを使ってToDoアプリを作っていた友人を見て、「何それ面白そう！」と思ってさっそく試してみました！今回は前から気になっていたNotion APIを使って、Next.jsでWebページ上にお知らせページを作っていきます。簡易ブログのようなものですね！ ↑私が10年以上利用している会計ソフト！ 完成形 お知らせ一覧ページにタイトルを表示し、クリックしたら詳細ページに飛ぶというシンプルなもの。制作時間は1時間くらいでしょうか。デザインはなしで、とりあえず表示だけを目指してみました。 コード全文はGitHubで公開しているので、似たようなものを作ろうと思っていた方は参考にしてみてください。ちなみにNext.jsに新規で追加したのは以下の5つのファイルだけです： utils/notions.js pages/api

Copilot をオープンベータ直後から長く使っていて、また補助的に ChatGPT も使いながらコードを書いていて、なんとなくコツがわかるようになってきた。 自分は生成モデルのことは表面的な理解しかしてない。雑にバックプロパゲーションの実装の写経したり、Transformer の解説とかは読んだが、にわかの域を出ていない。 あくまで利用者として生成モデルから吸い出したプラクティスになる。 基本的に TypeScript と Rust での経験が元になっているが、他の言語にも適用できる話ではあると思う。自分は TypeScript はかなり得意だが、 Rust はあんまり書けるわけではなく、Rust の学習で ChatGPT を頼ろうとして失敗しているというステージ。 Copilot / ChatGPT とどう付き合うか まず、前提として ChatGPT も Copilot も、コード生成

ChatGPTのプラグインが開放されてから色々と試したところ、「Webpilot」と「Show me」の組み合わせが最強と気が付いたので、紹介します！ おすすめのプラグインは以下のページで解説しています！ また、ChatGPTを使ってエンジニアの生産性を上げるChatGPTの活用方法とプロンプト例は以下の記事で紹介しているので、こちらも併せてご覧ください。 ChatGPTプラグインとは ChatGPTプラグインは、ChatGPTをサードパーティのアプリケーションと連携させるツールです。 これは、GoogleスプレッドシートのアドオンやGoogle Chromeの拡張機能と同様に、公式だけでなく第三者の開発者が作成した機能をChatGPTに追加することで機能を拡充できるものとなっています。 具体的には、プラグインを利用することで、ChatGPTに以下のような機能を追加できるようになります。

はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡げられることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確認していま

APIキーを取得する VSCodeから拡張機能経由でアクセスするには、OpenAIのAPIキーを取得します。アカウントを取得してログインできたら、右上の組織名が表示されている箇所をクリックして表示されるメニューから、［View API keys］をクリックします。この画面（図2）になっていない場合は、以下のURLに直接アクセスしてください。 Overview - OpenAI API 図2：OpenAI APIのトップ画面 「API keys」と表示された画面になるので、［+ Create new secret key］をクリックします。「Create new secret key」ウインドウがポップアップするので、キーの名称（Name）を入力して［Create secret key］をクリックします。「Optional」と表示されているように省略可能ですが、区別のためにできれば指定した方

米Microsoftは5月4日（現地時間）、2月に限定プレビューした「新しいBing」を「オープンプレビュー」に移行し、ウェイティングリストに登録せずに誰でも利用できるようにした。また、多数の新機能も発表した。新機能の詳細は、23日から開催の年次開発者会議「Build 2023」で発表する計画だ。 MicrosoftアカウントでBingにサインインするだけで、誰でも新しいBingとEdgeを使えるようになった。 主な新機能を以下に紹介する。本稿執筆現在、筆者の環境ではまだ使えないものもあり、それがロールアウト中だからなのか、米国限定なのかは不明だ。Buildでより具体的な説明があると期待したい。 回答がよりビジュアルに これまでBingチャットの回答はテキストのみだったが、質問内容によっては画像や動画も盛り込まれるようになる。 また、質問に画像や動画のURLを含めると、それらに関して説明す

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

ChatGPTを中心に様々なAI関連サービスが注目を集めています。Webデザイン、Web制作においても同様に様々なサービスが登場しています。 今回は、WordPressの公式ドキュメントを学習データとして作られたAIチャットボット「ChatWP」をご紹介したいと思います。 【2024年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ChatWPとは ChatWPとは、海外のUglyRobot社によって提供されているWordPressの公式ドキュメントを学習したChatGPTを使ったAIチャットボットです。 カスタマイズ方法や機

この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 ChatGPTとは ChatGPTはOpenAIが開発した対話型のチャットボットです。質問を入力すると質問に対する回答が出力されます。 今回はChatGPTを使って、効率よくコーディングを進めてみます。 headタグ内のコードをChatGPTで生成しよう HTMLの大枠をChatGPTを使ってコーディングしてみよう グロナビをChatGPTで生成してみよう ボタンをホバーした時のCSSをChatGPTで生成してみよう H