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

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


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

U3
2025/2/18
2025/2/18

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

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

コメント

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

関連する投稿

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
  • 5
  • 0
U3
AIの引用数を見る方法〜Bing Webmaster Tools
Bing Webmaster Tools（Bing ウェブマスターツール）に機能が実装されています。2026年2月中旬にリリースされた「AI Performance（AIパフォーマンス）」レポートという機能で、Copilotなどによる「AIからの引用数」を直接確認することが可能です。確認方法1.Bing Webmaster Toolsにログインします。2.メニュー項目の中に「AI Performance（またはAIパフォーマンス）」という項目が表示されているか確認してください。※アカウントによって順次展開されているため、まだ表示されていない場合はもう少し待つ必要があるかもしれません。表示されていれば、そこから自社ドメインがどのようにAIに参照されているかの詳細レポートが見られます。なぜこれが重要なのか？これまでは「GA4などの流入分析」でしか推測できなかったAIの影響が、「AIに回答ソースとして選ばれているか」という純粋な指標で計測できるようになります。SEOが「検索順位を上げる」ことだけでなく、「AIに信頼される（引用される）サイトを作る」という新たなフェーズに入ったことを示す非常に重要なアップデートです。

AI

  • 0
  • 4
  • 0
U3
LLMOへの対応
AI向けのテキストのみのマークダウン形式（またはXML）のページをつくる必要がある。UGC（ユーザーが投稿するコンテンツ）サービスもAI向けのコンテンツとして用意した方が良い。Pararell というサービスもある。llms.txt：robots.txtのAI版みたいなもの 今はまだ。将来導入される可能性がある。AIが読み込みやすいシングルページが主流になるかも。ReactでActivity APIを使って、複数ページっぽく見せる

AI

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

AI

  • 0
  • 34
  • 0
U3
独自ChatGPTを簡単に作れる「GPTs」
独自ChatGPTを簡単に作れる「GPTs」のすごさを伝えたい。https://youtu.be/3mOkJ0znP1M?si=irTWlXX7lRvRvsay

AI

  • 0
  • 44
  • 0
U3
AIを導入する時に使える補助金
AI導入時に使える補助金一覧！「デジタル化・AI導入補助金」からおすすめまで全7種類https://pro-one-cloud.com/column/ai-grant/

AI

  • 0
  • 11
  • 0
U3
AIにおける「チャンク（Chunk）」とは、「情報のまとまり」を指す
AIにおける「チャンク（Chunk）」とは、「情報のまとまり」を指す言葉です。文脈によって主に2つの意味で使われます。 1. RAG（検索拡張生成）におけるチャンク大規模言語モデル（LLM）に外部知識を参照させる「RAG」において、膨大な文書を扱いやすいサイズに分割した断片のことです。目的: LLMには一度に読み込める文字数（コンテキストウィンドウ）に制限があるため、長い文書を数百〜数千文字程度の「チャンク」に切り分けて保存し、関連する部分だけを取り出してAIに渡します。重要性: 分割が細かすぎると文脈が失われ、大きすぎるとノイズが増えて精度が落ちるため、適切なサイズ設定（チャンキング）が不可欠です。 2. 学習・処理の単位AIがテキストを処理する際、単語や文字そのものではなく、意味を持つ最小単位（トークン）をいくつか組み合わせたデータの塊として処理することを指す場合があります。

AI

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

AI

  • 0
  • 318
  • 0
U3
GPT-5 が発表されました（2025/8/7）
OpenAIからGPT-5でました。Copilotでも選択できるみたいです従来モデルの比較してハルシネーションが８割減。無料会員も使えるようです。https://openai.com/ja-JP/index/introducing-gpt-5/GPT‑5 はこれまでのモデルよりも同調性が低く、不要な絵文字の使用も少ないですが、きめの細かい、思慮に富んだフォローアップを行います。このため、「AI に話しかけている」というよりは、PhD レベルの知識を持つ親切な友人とチャットしているように感じられるはずです。同調性が低くなったChatGPT に「チャッピーの性格が変わってしまった」「元のチャッピーを返して」という声も聞かるようです。

AI

  • 0
  • 14
  • 0
U3
Notion AI （ノーションエーアイ）
2023年に入り、Chat GPI が便利な対話AIとして大きな話題になっていますが、同年2月22日にはNotion AIもリリースされました。Notion AIは Notion というオンラインで情報今日できるツールの中で利用できます。Notion AIhttps://www.notion.so/ja-jp/product/aiNotion AIを正式リリースhttps://www.notion.so/ja-jp/blog/notion-ai-is-here-for-everyoneNotion AIは無料で試すことができますが、無料で使える回数には上限があります。Notion AIの特徴をNotion AIに聞いてみたNotion AIに、Notion AIの特徴を紹介するブログ記事を書いてもらいました。以下がその内容です。ここから----イントロダクションNotion AIは、Notionと呼ばれる生産性ツールの人工知能機能の一部です。この人工知能機能は、Notionユーザーがよりスムーズで迅速な作業を行うために、様々なタスクを自動化することができます。特徴1：自動タグ付けNotion AIは、ユーザーが作成したドキュメントやページに自動的にタグを付けることができます。これにより、同じタグのついたドキュメントを検索することが容易になり、作業の効率化が図れます。また、自動タグ付けは、関連するドキュメントを自動的にグループ化することができるため、プロジェクト管理にも役立ちます。特徴2：自動コンテンツ生成Notion AIは、ユーザーが入力した情報に基づいて、自動的にコンテンツを生成することができます。たとえば、ユーザーが会議の議事録を入力すると、Notion AIは自動的に議事録の要約を作成することができます。これにより、ユーザーは手動で要約を作成する手間を省くことができ、時間を節約できます。特徴3：自動言語処理Notion AIは、自然言語処理技術を使用して、ユーザーが入力したテキストから正確な意味を理解することができます。これにより、ユーザーはより的確で正確な情報を得ることができ、作業の効率化が図れます。また、自動言語処理は、ユーザーが入力したテキストを自動的に翻訳することもできるため、グローバルなチームでのコミュニケーションに役立ちます。コンクルージョンNotion AIは、生産性ツールの一部として、ユーザーがよりスムーズで迅速な作業を行うことを可能にします。自動タグ付け、自動コンテンツ生成、自動言語処理の機能により、ユーザーは時間を節約しながら、より効率的な作業を行うことができます。Notionユーザーであれば、Notion AIを積極的に活用することをお勧めします。----ここまでChatGPTにNotion AIについて聞いてみた回答Notion AI とは、NotionというオンラインノートアプリケーションのAI機能についてのことを指します。Notionは、テキスト、画像、表、タスクリストなどの様々なコンテンツを組み合わせて、ノート、ドキュメント、プロジェクト管理、チームコラボレーションなどの目的に利用できるツールです。Notion AIは、Notionが自動で情報を整理し、よりスマートな検索や自動化を実現する機能です。具体的には、以下のような機能があります。テキスト検出: Notionは、テキストを読み取り、その内容に基づいて関連するページやブロックを自動的に識別します。画像検出: Notionは、画像の中のテキストを読み取り、それをテキストデータとして変換し、ページやブロックに自動的に追加することができます。カレンダー同期: Notionは、Googleカレンダーなどのカレンダーアプリケーションと同期し、重要な日程やイベントを自動的に追跡することができます。自動タスク: Notionは、タスクを自動化することができます。例えば、特定の日付やイベントが近づいたら、自動的にタスクリストに追加することができます。ドキュメントの整理: Notionは、自動的にドキュメントを整理し、重要な情報を強調表示することができます。Notion AIの機能は、Notionの使い方をより効率的にすることができます。また、Notionは、APIを公開しており、開発者がNotionの機能を拡張することができるため、カスタマイズ性に優れています。↓Notion上でAIを起動させた画面のキャプチャ

AI

  • 1
  • 251
  • 0
U3

アクセスランキング

1

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

8

2

rakuten handを初期化しても電話番号の情報が残っている

7

3

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

6

4

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

6

5

ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード

6

6

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

5

7

NEWマークを任意の日数だけ表示させる（JavaScript）

5

8

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

5

9

Google広告で領収書や支払明細を発行したいとき

5

10

顧客管理：BASEの例

5

11

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

5

12

モニター（ディスプレイ）が突然消えたりついたりを繰り返す

4

13

DreamＷeaver：コメントアウトのショートカット

4

14

[APIを叩く]ってどういう意味?

3

15

App Storeでアプリを一時的に配信停止にする方法

3

16

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

3

17

エンティティ文字とは

3

18

Googleアナリティクス：通貨を日本円にしたい

3

19

Firebaseとは〜Googleが提供するバックエンドプラットフォーム（mBaaS）

2

20

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

2

コメントランキング

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で送る