コンテンツへスキップ

/recent
- /recorded
- /scheduled
- /dev
- /print
- /series
/app
/root

SVG

生成AIは「知能」ではない（言語変換器）

2026-07-16 by chiilabo

#生成AI（90） #ChatGPT（68） #Claude（43） #AIエージェント（39） #プロンプト（34）

カテゴリー記事タグ AIエージェント、ChatGPT、Claude、HTML、Lint、LLM、Markdown、SVG、Web検索、オーケストレーション、コード生成、セルフチェック、ツール使用、ツール呼び出し、トークン、フィードバック、プロンプト、ワークフロー、人工知能、変換器、拡張思考、拡張推論、文字列出力、生成AI、確率的、自然言語処理、言語モデル、閉ループ、開ループ、関数呼び出し

Claude Sonnet 4.5, 4.6のSVG出力の比較

2026-02-21 by chiilabo

#生成AI（90） #プロンプト（34） #SVG（16） #コード生成（13） #可視化（12）

カテゴリー記事タグ ChatGPT 5.2、Claude Opus 3.0、Claude Sonnet 4.5、Claude Sonnet 4.6、Material Design、SVG、SVGアイコン、SVGコード、transform、translate、viewBox、アイキャッチ、アイコン生成、キーワード抽出、グループ化、コード生成、ソリッドデザイン、ちいラボ、デザイン仕様、プロンプト、ライブラリアイコン、出力品質、可視化、図形、教室紹介、比較、生成AI、表現力、視認性、角丸

Claude Sonnet 4.6になって「SVGスライド指示」が崩れた？（pptxスキル）

2026-02-202026-02-18 by chiilabo

#Anthropic（45） #プロンプト（34） #ワークフロー（20） #ハルシネーション（19） #SVG（16）

カテゴリー記事タグ Anthropic、Artifacts、Claude Sonnet 4.5、Claude Sonnet 4.6、docx、frontend-design、PDF、pptx、pptxスキル、product-self-knowledge、SKILL.md、SVG、SVGスライド、xlsx、カスタムスキル、キーワード、コンテキスト、システムプロンプト、スキル、スキルトリガー、スキルファイル、スキル発火、スライド作成、トリガーワード、ハルシネーション、プリセットスキル、プロンプト、モデルアップデート、ワークフロー、出力形式

WordPress記事をMarkdown形式でコピーできるプラグインを作った

2026-02-152026-02-15 by chiilabo

#WordPress（62） #JavaScript（48） #正規表現（23） #HTML（21） #クリップボード（17）

カテゴリー記事タグ cloneNode、CSS変数、DOM操作、easy-footnotes、Gutenbergブロック、HTML、JavaScript、Markdown変換、POSIX、slug、SVG、textContent、Turndown、WordPress、WordPress API、エスケープ、カスタムルール、クリップボード、コードブロック、サニタイズ、シェルスクリプト、テーマ依存、ファイル名、プラグイン開発、フロントエンド、正規表現、統合テスト、脚注プラグイン、色設定、除外セレクタ

生成AIにSVGスライドを作らせるときのプロンプト設計

2026-02-182026-02-12 by chiilabo

#生成AI（90） #SVG（16） #プロンプトエンジニアリング（12） #プロンプト設計（9） #アイコン（6）

カテゴリー記事タグ 16:9、640×360、AIプロンプト、palette_id、SVG、SVGスライド、SVGレイアウト、viewBox、アイコン、インフォグラフィック、カラーパレット、クラス管理、スライドデザイン、スライド生成、テキストサイズ固定、テキスト配置、デザイン制約、ビジュアル優先、フォントサイズ、プロンプトエンジニアリング、プロンプト設計、レイアウトテンプレート、判断フロー、収容条件、図解化、型設計、情報量制御、文言簡略化、生成AI、配色適用

WordPressタイトルの不自然な改行を解決するプラグインを作った（Chiilabo Title Auto Turn）

2026-02-042026-02-04 by chiilabo

#WordPress（62） #JavaScript（48） #アルゴリズム（32） #プラグイン（31） #デバッグ（24）

カテゴリー記事、開発記録タグ DP、HTML、JavaScript、PHP、SVG、UI、UX、WordPress、アルゴリズム、スコアリング、タイトル、テキスト処理、デバッグ、フォールバック、プラグイン、プレビュー、ブログ、レスポンシブ、助詞、動的計画法、句読点、固有名詞、改行、文字数、日本語、最適化、管理画面、自然言語処理、行幅、貪欲法

有料アイコンサービスをやめてIconifyに移行した

2026-02-022026-01-31 by chiilabo

#SVG（16） #ライセンス（11） #オープンソース（10） #React（6） #MIT（5）

カテゴリー記事タグ AIコード生成、Apache 2.0、Bootstrap Icons、Flaticon、Font Awesome、Iconify、Material Design Icons、MIT、Pictogrammers、React、SVG、Vue、アイコンサービス、アイコンセット、アイコン数、アイコン移行、アグリゲーター、オープンソース、カラーエディタ、コスト削減、スタイルガイド、スライド作成、デザイン統一性、バンドルサイズ、ライセンス、動的読み込み、商用利用、帰属表示、有料アイコン、無料アイコン

ダウンロードボタンの追加とxlink:href問題（svged開発記）

2026-01-02 by chiilabo

#ブラウザ（26） #テキストエディタ（19） #クリップボード（17） #SVG（16） #プレビュー（9）

カテゴリー記事、開発記録タグ blob、href、Pasteボタン、SVG、SVG 1.1、SVG 2、SVGed、SVGエディタ、UI改善、use要素、xlink:href、XML、xmlns:xlink、XMLエラー、エディタ開発、クリップボード、コード編集、コピー、ダウンロードボタン、データフロー、テキストエディタ、ファイル保存、ブラウザ、プレビュー、仕様、入力正規化、双方向編集、名前空間、正規化、置換、開発記

WordPressに保存したSVGの一部の属性が消えていた問題（svg-eyecatch-iconプラグイン、サニタイズ）

2026-01-022025-12-24 by chiilabo

#セキュリティ（118） #WordPress（62） #正規表現（23） #データベース（19） #脆弱性（19）

カテゴリー記事、開発記録タグ clipPath、fill-opacity、mask、opacity、scriptタグ、stroke-opacity、SVG、WordPress、wp_kses、XSS対策、アイコン表示、イベントハンドラ、エスケープ、カスタムフィールド、グラデーション、コードサニタイズ、サニタイズ、セキュリティ、データベース、バリデーション、プラグインセキュリティ、プラグイン開発、ブラックリスト、プレビュー、ホワイトリスト、メタデータ、属性、投稿タイトル、正規表現、脆弱性

SVGをGUIで編集できるWebアプリを作った（SVGed）

2025-12-082025-12-06 by chiilabo

#SVG（16） #カラーパレット（5） #テキスト編集（5） #SVGエディタ（3） #Webアプリ（3）

カテゴリー記事、開発記録タグ defsスタイル、DOM編集、GUI編集、SVG、SVGed、SVGエディタ、SVGコード編集、SVGシリアライズ、SVGパース、SVGプレビュー、SVGユーティリティ、SVG編集ツール、transform編集、translate変換、Webアプリ、カラーパレット、カラー編集、クリーンSVG出力、コードエディタ、コード同期、スクロール同期、スタイルクラス、ダミー要素計測、データ属性管理、テキスト編集、ドラッグ移動、属性削除、折り返し対応、行ジャンプ機能、行番号同期、要素ハイライト

WordPressプラグインで追加したタイトル用のSVGコードがSNS共有時に混入していた（svg-eyecatch-iconプラグイン、Ultimate Blocks）

2025-06-292025-06-26 by chiilabo

#WordPress（62） #プラグイン（31） #デバッグ（24） #PHP（22） #SVG（16）

カテゴリー記事タグ debug_backtrace、Facebook、get_the_title、HTMLコード、LinkedIn、PHP、Pinterest、Reddit、SNS共有、Social Share、SVG、svg-eyecatch-iconプラグイン、the_title、Tumblr、Twitter、Ultimate Blocks、WordPress、WordPressフィルター、アイキャッチアイコン、アイコン表示、コード混入、ソーシャル共有、タイトル、デバッグ、バックトレース、フィルター、プラグイン、プラグイン開発、修正、問題解決、実装

WordPressでSVGアイキャッチアイコンをvwとclampでレスポンシブ化した話

2025-06-212025-06-19 by chiilabo

#WordPress（62） #セキュリティ対策（31） #CSS（23） #最適化（19） #SVG（16）

カテゴリー記事タグ clamp、CSS、flexbox、SVG、vh単位、vw、WordPress、アイキャッチ、アイコン表示、ウィンドウサイズ、コンテナ、スケーリング、セキュリティ対策、タイトルレイアウト、デザインバランス、ビューポート単位、ビューポート幅、ビューポート高さ、ブラウザ互換性、フレキシブルボックス、メディアクエリ、モバイル対応、レスポンシブ、動的調整、固定サイズ、最適化、流体タイポグラフィ、画面サイズ、絶対位置指定、要素配置

WordPressでSVGアイキャッチを表示するプラグインを開発した（svg-eyecatch-iconプラグイン）

2025-06-292025-06-18 by chiilabo

#WordPress（62） #JavaScript（48） #セキュリティ対策（31） #プラグイン（31） #CSS（23）

カテゴリー記事タグ class属性、CSRF対策、CSS、eyecatch-svg、GeneratePress、JavaScript、nonce、SVG、SVG アイキャッチ、svg-eyecatch-iconプラグイン、the_title、WordPress、WordPress プラグイン開発、wp_kses、XML宣言、ZIP配布、アイキャッチ、アニメーション、エラーハンドリング、カスタムフィールド、コード切り替え、サニタイズ、セキュリティ対策、タブ切り替え UI、バージョン管理、フィルターフック、プラグイン、プレビュー機能、メタボックス、投稿編集、管理画面

Webアプリ「ことのはっと」に込めた初期イメージ（Webアプリのネーミングとロゴデザイン）

2025-06-082025-06-05 by chiilabo

#ユーザー体験（22） #PWA（21） #SVG（16） #アイコン（6） #manifest.json（5）

カテゴリー記事タグ Inkscape、iOS風、manifest.json、PWA、SVG、Webアプリ、アイコン、ことのはっと、シェア、デザインプロセス、ネーミング、ファビコン、ブランディング、ユーザー体験、ロゴデザイン、伝統、口コミ、和風デザイン、帽子、感情設計、文化的配慮、日本語、段階的構築、烏帽子、現代性、筆、縦書き、視覚的アイデンティティ、親しみやすさ、言の葉

ちいラボのランディングページをHTMLで作ってみた

2025-05-30 by chiilabo

#パフォーマンス（18） #SVG（16） #レスポンシブデザイン（14） #ユーザビリティ（11） #SEO対策（8）

カテゴリー記事タグ CSS Grid、CTA、GPUアクセラレーション、Intersection Observer、IT講師、JSON-LD、OGP、SEO対策、SVG、UI要素、アイキャッチ画像、アニメーション、ウェブサイト、カラーパレット、グリッドシステム、スマホ教室、ちいラボ、テーマカラー、デザイン統一、パフォーマンス、ブランディング、ヘッダー、メタタグ、モバイルファースト、ユーザビリティ、ランディングページ、リッチスニペット、レスポンシブデザイン、既存サイト、構造化データ

WordPressの投稿ナビゲーションを左右配置のボタン風デザインにした

2025-12-062025-05-24 by chiilabo

#WordPress（62） #カスタマイズ（34） #CSS（23） #HTML（21） #SVG（16）

カテゴリー記事タグ CSS、flex、flexbox、HTML、justify-content、line-clamp、order プロパティ、space-between、SVG、transition、UI改善、webkit、WordPress、アイコン配置、ウェブデザイン、カスタマイズ、スマートフォン対応、テキスト表示、デザイン変更、ナビゲーションリンク、フロントエンド、ボタン風デザイン、ホバー効果、メディアクエリ、レスポンシブデザイン、前の記事、左右配置、投稿ナビゲーション、次の記事、複数行表示

© 2026 Chiilabo Note • Built with GeneratePress

検索: