Webクリエイター ボックス
@webcreatorbox.com
Webデザイン、Web制作に関する記事を発信しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。 https://www.webcreatorbox.com/
Pinned
特殊加工名刺を「カードワン」さんで作ってみた
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
www.webcreatorbox.com
Webクリエイターボックス新着記事：特殊加工名刺を「カードワン」さんで作ってみた www.webcreatorbox.com/blog/card-one
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
お知らせ：広島で開催される WEB TOUCH MEETING 年末SPにて登壇します。私はAI時代のWebサイト制作として、“没個性”の壁を乗り越え、自社らしさを伝えるための方法を紹介します！ぜひご参加ください！ www.webtouchmeeting.com/event/30
第125回「WEB TOUCH MEETING」年末SP | WEB TOUCH MEETING
ウェブ周りの技術や知識に関して触り部分を共有しあう会
www.webtouchmeeting.com
December 12, 2025 at 1:53 AM
お知らせ：広島で開催される WEB TOUCH MEETING 年末SPにて登壇します。私はAI時代のWebサイト制作として、“没個性”の壁を乗り越え、自社らしさを伝えるための方法を紹介します！ぜひご参加ください！ www.webtouchmeeting.com/event/30
ツール：Googleの新エディタ『Antigravity』試してみたメモ zenn.dev/junpei_katay...
Googleの新エディタ『Antigravity』試してみたメモ
zenn.dev
December 11, 2025 at 11:48 PM
ツール：Googleの新エディタ『Antigravity』試してみたメモ zenn.dev/junpei_katay...
AI：ディズニー、OpenAIに約1550億円出資 「Sora」でミッキーマウスなどの動画が生成可能に www.itmedia.co.jp/news/article...
ディズニー、OpenAIに約1550億円出資 「Sora」でミッキーマウスなどの動画が生成可能に
The Walt Disney Companyと米OpenAIは12月11日（現地時間）、Disneyが動画生成AI「Sora」の初の大手コンテンツライセンスパートナーとなる契約を締結したと発表した。DisneyはOpenAIに10億ドル（約1550億円）の出資を行う他、26年からDisney、Marvel、Pixar、Star Warsの200以上のキャラクターを使って短編動画を生成できるように...
www.itmedia.co.jp
December 11, 2025 at 11:27 PM
AI：ディズニー、OpenAIに約1550億円出資 「Sora」でミッキーマウスなどの動画が生成可能に www.itmedia.co.jp/news/article...
Webクリエイターボックス新着記事：特殊加工名刺を「カードワン」さんで作ってみた www.webcreatorbox.com/blog/card-one
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
特殊加工名刺を「カードワン」さんで作ってみた
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
www.webcreatorbox.com
December 10, 2025 at 10:45 PM
Webクリエイターボックス新着記事：特殊加工名刺を「カードワン」さんで作ってみた www.webcreatorbox.com/blog/card-one
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
名刺の残り枚数が少なくなってきたので「そろそろ注文しなきゃなー」とのんびり構えていたところ、ずっと利用していた印刷会社さんがまさかの閉鎖！あれこれ探し回った結果、素敵な印刷会社さんに出会い、名刺を再現していただきました。これから名刺を作りたいデザイナーさんや、自分の名刺をグレードアップさせたいフリーランスの方の参考になれば嬉しいです！
AI：OpenAI、初のAIスキル認定コース 資格取得も www.watch.impress.co.jp/docs/news/20...
OpenAI、初のAIスキル認定コース 資格取得も
OpenAIは9日(米国時間)、AIによる雇用機会の拡大を目的とした初の公式認定コースを開始した。一般向けの基礎編「AI Foundations」と教師向け「ChatGPT Foundations for Teachers」の2コースを用意する。
www.watch.impress.co.jp
December 10, 2025 at 10:37 PM
AI：OpenAI、初のAIスキル認定コース 資格取得も www.watch.impress.co.jp/docs/news/20...
Webサービス：「Twitter」の商標取り消しを求めて元Twitter弁護士が活動開始、新たなTwitterを作る青い鳥作戦の一環 gigazine.net/news/2025121...
「Twitter」の商標取り消しを求めて元Twitter弁護士が活動開始、新たなTwitterを作る青い鳥作戦の一環
Twitterの最初の知的財産担当顧問を務めていたスティーブン・コーツ氏が、Xは「Twitter」「Tweet」の使用を放棄しているとして、商標を取り消すよう特許商標庁に申し立てていることがわかりました。
gigazine.net
December 10, 2025 at 10:35 PM
Webサービス：「Twitter」の商標取り消しを求めて元Twitter弁護士が活動開始、新たなTwitterを作る青い鳥作戦の一環 gigazine.net/news/2025121...
AI：「うっかり著作権侵害」を防ごう！ 非デザイナーのための安心・安全な画像生成AI活用術 webtan.impress.co.jp/e/2025/12/03...
「うっかり著作権侵害」を防ごう！ 非デザイナーのための安心・安全な画像生成AI活用術 | 【レポート】デジタルマーケターズサミット2025 Summer | Web担当者Forum
便利な画像生成AI。だが非デザイナーが使うと著作権トラブルの危険も。専門家が、安心してAIを使いこなし、質も高める知識とテクニックを紹介。
webtan.impress.co.jp
December 10, 2025 at 12:37 AM
AI：「うっかり著作権侵害」を防ごう！ 非デザイナーのための安心・安全な画像生成AI活用術 webtan.impress.co.jp/e/2025/12/03...
Webサービス：Gmail、外部メール利用不能まであと1ヵ月 「2025年中に移行を」呼びかけ続く ascii.jp/elem/000/004...
Gmail、外部メール利用不能まであと1ヵ月 「2025年中に移行を」呼びかけ続く
グーグルの「Gmail」では2026年1月から、他社メールサービスの受信機能（POP方式）の提供を終了する。タイムリミットまで1ヵ月を切るなか、メールサービスの提供企業では、ユーザーへの案内が続いている。
ascii.jp
December 10, 2025 at 12:30 AM
Webサービス：Gmail、外部メール利用不能まであと1ヵ月 「2025年中に移行を」呼びかけ続く ascii.jp/elem/000/004...
自分もこれにしてる。画面が落ち着いて良き。→ iPhoneのホーム画面、アプリアイコンを透明にするとどうなる？ www.itmedia.co.jp/mobile/artic...
iPhoneのホーム画面、アプリアイコンを透明にするとどうなる？
新OS「iOS 26」の特徴についておさらいしよう。
www.itmedia.co.jp
December 9, 2025 at 12:05 AM
自分もこれにしてる。画面が落ち着いて良き。→ iPhoneのホーム画面、アプリアイコンを透明にするとどうなる？ www.itmedia.co.jp/mobile/artic...
AI：Nano Banana Proで遊ぼう！公開プロンプトまとめ（2025年12月5日のAIイラスト） note.com/munou_ac/n/n...
Nano Banana Proで遊ぼう！公開プロンプトまとめ（2025年12月5日のAIイラスト）｜てんねん｜AIイラストクリエイター
Nano Banana Proで遊べるプロンプトを立て続けに公開してきました。我ながらどれもこれも実用的には欠けるものの、オリジナリティはあるものばかりではないかと思っています。 数日の間にたくさん公開したので、今日は記事をまとめておこうと思います。 【フィギュア化＋製品紹介レイアウトプロンプト】と【スカウタープロンプト】
まず、最初のプロンプト公開記事では【フィギュア化＋製品紹介レイアウ...
note.com
December 9, 2025 at 12:04 AM
AI：Nano Banana Proで遊ぼう！公開プロンプトまとめ（2025年12月5日のAIイラスト） note.com/munou_ac/n/n...
Tips：アシスタントデザイナー必見！“任せてもらえる人”を目指すために意識していること5選 necco.inc/note/52821/
アシスタントデザイナー必見！“任せてもらえる人”を目指すために意識していること5選 | necco Note | necco inc.（ネッコ）
こんにちは。アドベントカレンダー6日目は、アシスタントデザイナーの福井です！ この記事では、アシスタント11ヶ月目の私が「仕事を安心して任せられるアシスタントデザイナー」になるために、日々気をつけていることをご紹介します […]
necco.inc
December 7, 2025 at 11:52 PM
Tips：アシスタントデザイナー必見！“任せてもらえる人”を目指すために意識していること5選 necco.inc/note/52821/
Figma：Figma MCPを活かすためのデータ作りとプロンプト 20パターンの検証で分かったこと qiita.com/kskwtnk/item...
Figma MCPを活かすためのデータ作りとプロンプト 20パターンの検証で分かったこと - Qiita
概要 Figma Dev Mode MCPを使った高品質なコード生成を実現するために、Figmaデータをどのように作れば良いのか、どのようなプロンプトで指示を出せば良いかを調べました。 20パターンの検証で分かったことを記事にしています。 この記事で分かること Var...
qiita.com
December 7, 2025 at 11:51 PM
Figma：Figma MCPを活かすためのデータ作りとプロンプト 20パターンの検証で分かったこと qiita.com/kskwtnk/item...
AI：「Gemini 3」で誰でもAIエージェントが作れる「Google Workspace Studio」が一般提供、「Gmail」や「Google ドライブ」とも深く統合 forest.watch.impress.co.jp/docs/news/20...
「Gemini 3」で誰でもAIエージェントが作れる「Google Workspace Studio」が一般提供、「Gmail」や「Google ドライブ」とも深く統合／コーディングの必要なし、GASによるカスタマイズもOK
米Googleは12月4日（現地時間）、「Google Workspace Studio」の一般提供を開始した。同社がアルファ版としてテストしていた「Google Workspace Flows」を発展させたソリューションで、ビジネスコラボレーションプラットフォーム「Google Workspace」上でAIエージェントを設計・管理・共有できる。
forest.watch.impress.co.jp
December 4, 2025 at 11:32 PM
AI：「Gemini 3」で誰でもAIエージェントが作れる「Google Workspace Studio」が一般提供、「Gmail」や「Google ドライブ」とも深く統合 forest.watch.impress.co.jp/docs/news/20...
Webサイト制作：【シャーメゾン】ブランド・物件検索サイトをどう両立させるか？2つの機能を兼ね備えたサイトリニューアルの裏側 necco.inc/note/54362/
【シャーメゾン】ブランド・物件検索サイトをどう両立させるか？2つの機能を兼ね備えたサイトリニューアルの裏側 | necco Note | necco inc.（ネッコ）
2025年8月、1年がかりでお手伝いしてきた「シャーメゾン（ShaMaison）」のブランド・物件検索サイトがフルリニューアルされました。 シャーメゾンは、積水ハウスの賃貸住宅です。 入居者が安心して暮らせることを何より […]
necco.inc
December 4, 2025 at 11:31 PM
Webサイト制作：【シャーメゾン】ブランド・物件検索サイトをどう両立させるか？2つの機能を兼ね備えたサイトリニューアルの裏側 necco.inc/note/54362/
AI：大学生とともに作った「Gemini 活用事例集」を公開 blog.google/intl/ja-jp/f...
大学生とともに作った「Gemini 活用事例集」を公開
生成 AI の活用が急速に普及する一方で、大学生の皆さんからは「正しい AI の使い方をもっと学びたい」「AI にどういう場面で頼ってもいいのかわからない」といった、活用に関する声も寄せられています。この背景を踏まえ、今年 7 月に学生の皆さんが Gemini をはじめとする AI ツールを最大限活用できるよう、全国の大学生および大学院…
blog.google
December 3, 2025 at 11:42 PM
AI：大学生とともに作った「Gemini 活用事例集」を公開 blog.google/intl/ja-jp/f...
ツール：線幅や色をカスタマイズしたグリッドラインを印刷できます。通常のグリッドの他、ドットやアイソメトリック、パース線なども用意されています。【Grid Paper】 grid-paper.daverupert.com
Grid Paper
grid-paper.daverupert.com
December 3, 2025 at 12:18 AM
ツール：線幅や色をカスタマイズしたグリッドラインを印刷できます。通常のグリッドの他、ドットやアイソメトリック、パース線なども用意されています。【Grid Paper】 grid-paper.daverupert.com
配色：クリックして色のパネルを並び替え、グラデーションを作るゲーム【Chromatic】 feyder.co/projects/chr...
Chromatic - A Colorful Daily Puzzle Game
Sort colors, create gradients, find your daily calm.
feyder.co
December 2, 2025 at 12:22 AM
配色：クリックして色のパネルを並び替え、グラデーションを作るゲーム【Chromatic】 feyder.co/projects/chr...
Webクリエイターボックス新着記事：プレゼンの質疑応答が劇的に変わる「Slido」を使ってみた www.webcreatorbox.com/blog/slido
私は登壇するとき、なるべく質疑応答の時間を用意しています。ただ、参加者からしたら手を上げてみんなの前で質問ってなかなかハードル高いですよね。実際質問をされるのも1、2名くらい。そこで、「Slido（スライド）」というツールを使って質疑応答の時間を工夫したお話を紹介します！
私は登壇するとき、なるべく質疑応答の時間を用意しています。ただ、参加者からしたら手を上げてみんなの前で質問ってなかなかハードル高いですよね。実際質問をされるのも1、2名くらい。そこで、「Slido（スライド）」というツールを使って質疑応答の時間を工夫したお話を紹介します！
プレゼンの質疑応答が劇的に変わる「Slido」を使ってみた
私は登壇するとき、なるべく質疑応答の時間を用意しています。ただ、参加者からしたら手を上げてみんなの前で質問ってなかなかハードル高いですよね。実際質問をされるのも1、2名くらい。そこで、「Slido（スライド）」というツールを使って質疑応答の時間を工夫したお話を紹介します！
www.webcreatorbox.com
December 1, 2025 at 11:20 PM
Webクリエイターボックス新着記事：プレゼンの質疑応答が劇的に変わる「Slido」を使ってみた www.webcreatorbox.com/blog/slido
私は登壇するとき、なるべく質疑応答の時間を用意しています。ただ、参加者からしたら手を上げてみんなの前で質問ってなかなかハードル高いですよね。実際質問をされるのも1、2名くらい。そこで、「Slido（スライド）」というツールを使って質疑応答の時間を工夫したお話を紹介します！
私は登壇するとき、なるべく質疑応答の時間を用意しています。ただ、参加者からしたら手を上げてみんなの前で質問ってなかなかハードル高いですよね。実際質問をされるのも1、2名くらい。そこで、「Slido（スライド）」というツールを使って質疑応答の時間を工夫したお話を紹介します！
CSS：UIデザインに役立つ 2025年の最新CSS speakerdeck.com/clockmaker/t...
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
MTDDC Meetup Tokyo 2025【2025/11/29（土）開催】の発表資料。
https://www.mt-tokyo.net/mtddc2025/speaker/speaker3084563.html
■概要
ここ数年、CSSの進化は目覚ましいものがあります。これまでCh…
speakerdeck.com
December 1, 2025 at 12:11 AM
CSS：UIデザインに役立つ 2025年の最新CSS speakerdeck.com/clockmaker/t...
ポッドキャストの新エピソード公開！かけだしちゃんと、趣味について語りました！ podcasts.apple.com/jp/podcast/1...
Spotify: open.spotify.com/episode/5aCB...
#ウェブカフェ
Spotify: open.spotify.com/episode/5aCB...
#ウェブカフェ
#140 趣味について語ろう！〜かけだしちゃんと東京収録〜
ポッドキャストのエピソード · ManaのWebクリエイターカフェ · 2025/11/28 · 21分
podcasts.apple.com
November 28, 2025 at 11:53 PM
ポッドキャストの新エピソード公開！かけだしちゃんと、趣味について語りました！ podcasts.apple.com/jp/podcast/1...
Spotify: open.spotify.com/episode/5aCB...
#ウェブカフェ
Spotify: open.spotify.com/episode/5aCB...
#ウェブカフェ
『つくって学べる はじめてのFigmaデザイン』読みました！ www.webcreatorbox.com/books/245
これからFigmaの勉強をしようと思っている人が、最初に知っておくことがまとまっています。手を動かしながら勉強したい人に良さそう。最終章の「現場で役立つFigmaの使い方を知ろう」は、チームで制作するなら知っておくべきTipsが紹介されています。サンプルファイルもあるので、実際のデザインファイルの構成も参考になりますよ。
これからFigmaの勉強をしようと思っている人が、最初に知っておくことがまとまっています。手を動かしながら勉強したい人に良さそう。最終章の「現場で役立つFigmaの使い方を知ろう」は、チームで制作するなら知っておくべきTipsが紹介されています。サンプルファイルもあるので、実際のデザインファイルの構成も参考になりますよ。
November 28, 2025 at 3:35 AM
『つくって学べる はじめてのFigmaデザイン』読みました！ www.webcreatorbox.com/books/245
これからFigmaの勉強をしようと思っている人が、最初に知っておくことがまとまっています。手を動かしながら勉強したい人に良さそう。最終章の「現場で役立つFigmaの使い方を知ろう」は、チームで制作するなら知っておくべきTipsが紹介されています。サンプルファイルもあるので、実際のデザインファイルの構成も参考になりますよ。
これからFigmaの勉強をしようと思っている人が、最初に知っておくことがまとまっています。手を動かしながら勉強したい人に良さそう。最終章の「現場で役立つFigmaの使い方を知ろう」は、チームで制作するなら知っておくべきTipsが紹介されています。サンプルファイルもあるので、実際のデザインファイルの構成も参考になりますよ。
開発：Gemini 3.0 Proを使ったら知識ゼロでもAndroidアプリが作れた www.watch.impress.co.jp/docs/topic/2...
Gemini 3.0 Proを使ったら知識ゼロでもAndroidアプリが作れた【Watch+】
AIを使った開発環境はどこまで進んだのか。最近Googleがリリースした「Gemini 3.0 Pro」と、Google AI Studioを組み合わせてAndroidアプリを作ってみました。結果から言うと、できあがったものは想像以上に実用レベルです。
www.watch.impress.co.jp
November 27, 2025 at 11:50 PM
開発：Gemini 3.0 Proを使ったら知識ゼロでもAndroidアプリが作れた www.watch.impress.co.jp/docs/topic/2...
Photoshop：Photoshop、Chrome拡張機能の利用でブラウザ版が12カ月無料 pc.watch.impress.co.jp/docs/news/20...
Photoshop、Chrome拡張機能の利用でブラウザ版が12カ月無料
AdobeはChromeウェブストアにて、Google Chrome向けの拡張機能「Adobe Photoshop」(以下、Chrome拡張機能版Photoshop)を公開した。本拡張機能をインストールすると、別サービスの「Photoshop web版」を12カ月間無料で利用できるキャンペーンを実施している。期間は2025年12月8日まで。
pc.watch.impress.co.jp
November 27, 2025 at 12:20 AM
Photoshop：Photoshop、Chrome拡張機能の利用でブラウザ版が12カ月無料 pc.watch.impress.co.jp/docs/news/20...
AI：ワーナーが音楽生成AI「Suno」と和解して提携することを発表 gigazine.net/news/2025112...
ワーナーが音楽生成AI「Suno」と和解して提携することを発表
世界最大級の音楽会社であるワーナー・ミュージック・グループが、音楽生成AI「Suno」を相手取って起こしていた著作権侵害訴訟で和解し、改めて提携することを発表しました。
gigazine.net
November 27, 2025 at 12:19 AM
AI：ワーナーが音楽生成AI「Suno」と和解して提携することを発表 gigazine.net/news/2025112...
：アップル、次世代Siriにグーグル「Gemini」採用へ ascii.jp/elem/000/004...
アップル、次世代Siriにグーグル「Gemini」採用へ
アップルが開発中の次世代Siriは、グーグルの大規模言語モデル「Gemini」を活用することになるようだ。
ascii.jp
November 27, 2025 at 12:06 AM
：アップル、次世代Siriにグーグル「Gemini」採用へ ascii.jp/elem/000/004...