Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


FigmaのデザインカンプからFigma for VS Codeを使ってコーディング

U3
2025/2/18
2025/2/18

編集にはカテゴリー認証が必要です ▼受付終了にする

https://www.tokyofreelance.jp/coding-ai-figmaforvscode/

コメント

コメントはまだありません。

関連する投稿

人工知能のファインチューニングとは？プロンプト調整やRAGとの違い
AIの勉強を始めて、「ファインチューニング」という言葉をよく耳にするようになった皆さん。今回は、この「ファインチューニング」とは具体的にどんなことをするのか、また「プロンプト調整」や「RAG（資料読み込み）」といった作業との違いについて詳しく説明します。AIにおける「ファインチューニング」とは？まず、「ファインチューニング」とは何かを理解するために、「機械学習」と「ディープラーニング」という言葉から整理しましょう。AI（人工知能）の多くは「ディープラーニング」という方法を使って学習しています。これは大量のデータを使って人間の脳を真似した「ニューラルネットワーク」という仕組みを訓練することで、人間のように判断や予測ができるようにする技術です。ファインチューニングとは、すでに十分な学習を行ったAIモデル（例えばGPTモデルのようなもの）を、さらに特定の目的や業務に特化して再訓練する作業のことを指します。つまり、ゼロからAIを作るのではなく、既存のAIの能力をベースにして特定分野のタスクにより正確に対応できるよう「微調整」するイメージです。ファインチューニングの具体的な流れ具体的には、以下のような流れでファインチューニングが行われます。1.ベースとなるモデルの選定：まずは、すでに一般的なタスクで訓練済みのAIモデルを選びます。広く普及している言語モデルや画像認識モデルなどが使われます。2.特定分野のデータ収集：次に、自分が対応させたい特定のタスクに関するデータを収集します。例えば、医療関係の質問応答をさせたい場合には医療用語や診療情報などのデータを集めます。3.再訓練（ファインチューニング）の実施：集めたデータを使い、ベースとなるモデルを再訓練します。元々持っていた一般的な知識を残しつつ、新たな分野の情報を追加的に学習させます。具体的には、教師あり学習（supervised learning）の形式で、入力（例えば質問）とそれに対する望ましい出力（例えば正しい回答）をペアにしたデータセットをAIモデルに与え、モデルの重み（パラメータ）を微調整していきます。このプロセスにより、AIは特定の用語や文脈、言い回しに対してより適切な応答ができるようになり、従来の一般的なモデルよりもターゲットとなるタスクでの精度が高まります。ファインチューニングは通常、比較的小さな学習率（learning rate）を使ってモデルの既存の知識を壊さずに追加学習するよう設計されています。4.評価と微調整：再訓練したモデルの性能を評価し、必要なら更なる調整を行います。このプロセスで精度を高めていきます。プロンプト調整・RAG（資料読み込み）との違いでは、ファインチューニングとよく混同される「プロンプト調整」や「RAG（Retrieval-Augmented Generation）」とは具体的にどう違うのでしょうか？プロンプト調整とは？プロンプト調整とは、AIに指示を出す文章（プロンプト）を最適化することです。ファインチューニングがAIモデルそのものの内部パラメータを調整するのに対して、プロンプト調整はAIモデル自体には変更を加えず、AIに対する「質問の仕方」や「指示の仕方」を工夫することで回答の質を向上させます。例えば、同じAIモデルを使っていても、質問の表現を変えるだけで答えが大きく変わることがあります。これはプロンプトを工夫することでAIの出力をより正確にコントロールする技術です。RAG（資料読み込み）とは？RAGとは、AIが特定のデータを一時的に参照して質問に答えられるようにする仕組みです。例えば、社内資料をAIに読み込ませ、その資料の中身に基づいた回答を出させる方法などがあります。これは、AIのモデル自体を再訓練するわけではなく、あくまでも一時的な知識としてAIに与えるだけです。つまり、元々のAIの能力はそのままで、特定の資料を参考に回答を生成しているに過ぎません。それぞれの特徴まとめファインチューニング： モデルそのものを再訓練して特定分野の知識を恒久的に学習させる方法。プロンプト調整： AIモデルを変えずに質問や指示の仕方を変えることで、回答精度を向上させる方法。RAG（資料読み込み）： AIに特定の資料を一時的に与え、その範囲内で回答させる方法。ファインチューニングが特に有効な場面ファインチューニングは特に以下のような場合に有効です。特定業界（医療、法律、技術分野など）の専門的な知識や用語をAIに理解させたい。長期的に同じ分野のタスクをAIに任せたい。高い精度が必要で、回答に安定性を求めたい。ファインチューニングの注意点しかし、ファインチューニングにはコストや時間がかかることがあります。適切なデータを大量に準備する必要があること、また再訓練には専門的な知識が必要なことがデメリットになります。そのため、気軽にAIの性能を改善したいなら「プロンプト調整」や「RAG（資料読み込み）」を選ぶほうが簡単で速いでしょう。まとめファインチューニングとは、既存AIモデルを特定のタスクに特化して再訓練することです。プロンプト調整やRAG（資料読み込み）とはAIの使い方を工夫する方法であり、モデル自体を再訓練するわけではありません。今後AIをさらに深く学んでいく際は、これらの手法を使い分けて最適な方法を選択できるようになりましょう。

AI

  • 0
  • 23
  • 0
U3
コサイン類似度（Cosine Similarity）って何ですか
コサイン類似度（Cosine Similarity）とは、一言で言うと「2つのデータが、どれくらい似ているか（類似しているか）」を測るための物差しのことです。AI、特に自然言語処理（テキストを扱うAI）の分野では、言葉や文章の意味の近さを計算するために頻繁に使われます。専門的な数式は一旦置いておき、イメージしやすいようにポイントを絞って解説します。1. 直感的なイメージ：矢印の向きAIは、言葉や文章を「数字の列（ベクトル）」として扱います。これを空間上の「矢印」だと想像してください。似ているデータ： 2本の矢印が同じ方向を向いている（角度が小さい）。似ていないデータ： 2本の矢印が違う方向を向いている（角度が大きい、例えば直角や反対方向）。コサイン類似度は、この「矢印の角度」を見て、似ているかどうかを判断します。1に近いほど： 「激似」（方向が同じ）0に近いほど： 「無関係」（方向が直角）-1に近いほど： 「正反対」（方向が逆）2. 具体的な例例えば、以下の3つの文があったとします。文A: 「今日のランチは美味しいカレーだった。」文B: 「昼食に食べたスパイスの効いた料理は最高だった。」文C: 「明日の株価の変動を予測する。」人間が見れば、文Aと文Bは使っている単語は違いますが、「食事の話」をしていて意味が近いことがわかります。一方で文Cは全く関係ありません。AIがコサイン類似度を計算すると、以下のようになります（数値はイメージです）。文A と 文B： 0.85 （とても似ている）文A と 文C： 0.02 （ほとんど関係ない）3. AIに関する文脈でのコサイン類似度AI関連の話題でこの言葉が出る場合、主に以下の用途で使われている可能性が高いです。意味検索（セマンティック検索）：単なるキーワードの一致ではなく、「意味が近い資料」を探す機能。「PCの調子が悪い」と検索して、「パソコンのトラブルシューティング」の資料をヒットさせる際などに使われます。レコメンデーション（おすすめ機能）：「この商品を買った人は、傾向（ベクトルの向き）が似ているこの商品も買っています」という提案に使われます。RAG（検索拡張生成）：ChatGPTのようなAIに社内データを参照させる際、質問文と「最も意味が近い（コサイン類似度が高い）社内ドキュメント」を見つけ出し、それをAIに読ませるために使います。4. 「距離」ではなく「角度」を見る理由なぜ定規で測るような「距離」ではなく「角度（コサイン）」を使うのでしょうか？それは、文章の長さや頻度に左右されにくいからです。例えば、「猫が好き」という短い文と、「猫についての長編小説」があったとします。データの長さ（矢印の長さ）は全然違いますが、テーマ（矢印の向き）は同じ「猫」です。コサイン類似度は長さ（文の長短）を無視して、向き（テーマの一致度）だけを純粋に評価できるため、AIと相性が良いのです。まとめコサイン類似度、という言葉が出たら、「データの中身や意味が、どれくらい似ているかを判定する計算方法のことだな」と理解しておけば間違いありません。これに関連して、AIが言葉を数値化する「ベクトル化（埋め込み表現/Embeddings）」という技術についての解説はこちら

AI

  • 0
  • 48
  • 0
U3
Google Opalってなんですか？〜無料で使える初心者向けAIアプリ構築ツール〜
2025年10月7日から日本でも使えるようになったOpalは、日本語で自然言語で指示するだけでちょっとしたアプリが作れるAIツールです。n8nなどと似ているが、もっと初心者向けで簡単。Googleアカウントがあれば無料で使える。

AI

  • 0
  • 12
  • 1
U3
Web制作に役立つAIサービス｜デザイン、コーディング
コーディング、プログラミングbolt.new

AI

  • 0
  • 14
  • 0
U3
AIO (AI最適化) 重点要件
主にサイトのコーディング面で、AIOを意識した要件1. セマンティックHTML: AIクローラーが構造を即座に理解できるよう、セマンティックタグを徹底すること。2. 構造化データ: 全ページにJSON-LDを配置し、サービス内容をデータとして定義すること。3. 高速表示: SSR/SSGを使い分け、AIがタイムアウトせずに全情報をスキャンできるようにすること。4. llms.txtの配置: AIエージェント向けに、サイト全体の情報を要約した /llms.txt を静的ファイルとして作成すること。技術スタック- Next.js 15 (App Router)- Tailwind CSS- Lucide React (Icons)- Framer Motion (Animations)

AI

  • 1
  • 9
  • 0
U3
Googleの最新画像編集モデル、nano banana
遂にリリース！Googleの最新画像編集モデル、nano bananaを試してみる！

AI

  • 0
  • 9
  • 0
U3
「Upscaler」人工知能を使って、画質を劣化なしで拡大できるツール
AIの威力！低解像度の画像を劣化なしで高精細に拡大https://gitlab.com/TheEvilSkeleton/Upscaler

AI

  • 0
  • 34
  • 0
U3
音楽生成AI。Sunoなど
スノ（Suno）スノ（Suno）は音楽クリエイター専用AIです。イメージを入力したらオリジナルの音楽を作ってくれます。有料プランに加入すれば、商用利用も可能。https://suno.com/home無料で“Suno”超えだと…!? オープンソース音楽生成AI「ACE-Step v1.5」公開https://news.yahoo.co.jp/articles/454aa0c5142eb787bda35b410dedfbd891f706e1

AI

  • 0
  • 13
  • 0
U3
CANVAのAI画像生成アプリ
素人でも簡単にデザインが作れるツール「CANVA」。無料プランもあるので、インスタグラム用画像の作成などとても便利です。この「CANVA」でAI生成画像が使えるようになりました。テキストを入力すると、AIが内容に合った画像を生成してくれるという画期的なサービスです（2023年1月現在ベータ版です。テキスト入力は英語のみ）。https://www.canva.com/ja_jp/features/ai-gazou-seisei/使い方「アプリを検索」メニューで「Text to Image」を選択します「既存のデザインで使用」、または「新しいデザインで使用」を選び、画面の案内に沿ってサイズなどを選択し、「使用する」を選択します。下の画面が出たら、作成したいイメージを英語で入力し、スタイルは「写真」を選んで「イメージを生成」ボタンを押します。少し待つと、いくつかの画像候補を提示してくれるので、希望に合ったものを右側の画面にドラッグ＆ドロップして使用します。例えば「空を飛ぶ金魚」と入れると下のような画像が生成されました。

AI

  • 0
  • 441
  • 0
U3
動画生成を自動化できるマルモキャスト
MulmoCast(マルモキャスト) https://github.com/receptron/mulmocast-cli/blob/main/docs/beta1_ja.mdNode.jsとターミナル操作になれている人向け

AI

  • 0
  • 343
  • 0
U3

アクセスランキング

1

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

13

2

Excelで一つの値を一番下のセルまでコピーしたい時

13

3

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

7

4

ホームページのアクセスカウンターは最近なぜ見なくなったの？

7

5

ロケットチャットの新規通知をデスクトップ表示させるには

7

6

Google Playストアでアプリを一時的に非公開にする方法

6

7

Outlookの迷惑メールに追加と受信拒否するの違いは

6

8

Notionのユーザーとゲストの関係や無料版制限について

6

9

WBMP形式の画像ファイルとは

6

10

Adobe：PhotoshopでAdobeCCのログイン画面でIDが入力できない

6

11

Windowsエミュレーター（EdgeでF12）

6

12

内向きDNSと外向きDNSとは？

6

13

Webデザイナー＋コーダー＝Readdy

5

14

動画生成を自動化できるマルモキャスト

5

15

「Google 広告から調整クレジットのご案内」というメールが来た

5

16

ブロードリスニングのためのツール：PolisやTalk to the City

5

17

拡張子が.dat のファイルがメールに添付されて送られてきた場合の原因と対処法

5

18

RESERVA（予約システム）のプラン変更方法

5

19

VSCodeで複数ファイルを横断して検索＆置換する方法　Option+Shift+F

5

20

Criteoという広告が勝手に表示される

5

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

2

Looker Studio（Googleが無料で提供するBIツール）

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね！ X このエントリーをはてなブックマークに追加 LINEで送る