Webクリエイター ボックス
@webcreatorbox.com
Webデザイン、Web制作に関する記事を発信しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。 https://www.webcreatorbox.com/
Pinned
エンジニアポッドキャストMeetup #2に参加しました！
先日、「エンジニアポッドキャストMeetup #2」というイベントに、私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
www.webcreatorbox.com
Webクリエイターボックス新着記事：エンジニアポッドキャストMeetup # 2に参加しました！ www.webcreatorbox.com/blog/podcast...
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
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...
Webクリエイターボックス新着記事：Slackのつぶやきを自動でNotion日記にするツールを作った話 www.webcreatorbox.com/blog/slack-n...
15年くらいデジタルで日記を書いていますが、かつての神アプリが使えなくなってからいろいろ面倒になってたんですよね。そこで、Slackに投稿した内容を毎日決まった時間に自動でNotionのデータベースにまとめてくれる仕組みをPythonで作ってみました！
15年くらいデジタルで日記を書いていますが、かつての神アプリが使えなくなってからいろいろ面倒になってたんですよね。そこで、Slackに投稿した内容を毎日決まった時間に自動でNotionのデータベースにまとめてくれる仕組みをPythonで作ってみました！
Slackのつぶやきを自動でNotion日記にするツールを作った話
実は15年くらい日記を書いています。入院して意識がなかった2日を除いて毎日。手書きではなくデジタル日記なんですが、かつての神アプリが使えなくなってからいろいろ面倒になってたんですよね。そこで、その神アプリのようなものを自分で作ればいいじゃないか！と奮闘した記録を残しておきます。
www.webcreatorbox.com
November 26, 2025 at 11:11 PM
Webクリエイターボックス新着記事：Slackのつぶやきを自動でNotion日記にするツールを作った話 www.webcreatorbox.com/blog/slack-n...
15年くらいデジタルで日記を書いていますが、かつての神アプリが使えなくなってからいろいろ面倒になってたんですよね。そこで、Slackに投稿した内容を毎日決まった時間に自動でNotionのデータベースにまとめてくれる仕組みをPythonで作ってみました！
15年くらいデジタルで日記を書いていますが、かつての神アプリが使えなくなってからいろいろ面倒になってたんですよね。そこで、Slackに投稿した内容を毎日決まった時間に自動でNotionのデータベースにまとめてくれる仕組みをPythonで作ってみました！
セキュリティ：開発中のシステムに対する不正アクセスの発生について（第2報）｜国立国会図書館 www.ndl.go.jp/jp/news/fy20...
開発中のシステムに対する不正アクセスの発生について（第2報）｜国立国会図書館―National Diet Library
www.ndl.go.jp
November 25, 2025 at 11:58 PM
セキュリティ：開発中のシステムに対する不正アクセスの発生について（第2報）｜国立国会図書館 www.ndl.go.jp/jp/news/fy20...
ツール：ATOK Passportのベーシックプランが廃止→ 『ATOK Passport』新プランのご案内 atok.com/new_plan/
『ATOK Passport』新プランのご案内 | お知らせ |【公式】ATOK.com
｢ATOK(エイトック)｣は､スピーディーで誤りのない入力を実現にする日本語入力システムです。｢ATOK Passport｣では､最新版｢ATOK｣を､4つのOSで､10台までご利用いただけます。
atok.com
November 25, 2025 at 11:56 PM
ツール：ATOK Passportのベーシックプランが廃止→ 『ATOK Passport』新プランのご案内 atok.com/new_plan/
Webサービス：X、「アカウント所在地」表示を開始 接続元の国・地域を確認 www.watch.impress.co.jp/docs/news/20...
X、「アカウント所在地」表示を開始 接続元の国・地域を確認
Xは、プロフィール画面となる「このアカウントについて(About This Account)」で拠点とする国や地域を確認できる機能をグローバルに展開した。
www.watch.impress.co.jp
November 25, 2025 at 12:22 AM
Webサービス：X、「アカウント所在地」表示を開始 接続元の国・地域を確認 www.watch.impress.co.jp/docs/news/20...
セキュリティ：プレミアムフライデーの偽サイトに経産省が注意喚起 手放したドメイン、第三者が利用か www.itmedia.co.jp/news/article...
プレミアムフライデーの偽サイトに経産省が注意喚起 手放したドメイン、第三者が利用か
経済産業省は19日、かつての「プレミアムフライデー推進協議会」のドメインを取得した第三者が類似したホームページを開設しているとして注意喚起した。
www.itmedia.co.jp
November 20, 2025 at 11:55 PM
セキュリティ：プレミアムフライデーの偽サイトに経産省が注意喚起 手放したドメイン、第三者が利用か www.itmedia.co.jp/news/article...
AI：グーグル「Nano Banana Pro」、アドビがさっそく採用 「Photoshop」などで呼び出せるように www.itmedia.co.jp/news/article...
グーグル「Nano Banana Pro」、アドビがさっそく採用 「Photoshop」などで呼び出せるように
米Adobeは11月20日（現地時間）、Googleの最新画像生成モデル「Nano Banana Pro」（Gemini 3 Pro Image）を、「Firefly」および「Photoshop」に導入したと発表した。同日より各アプリケーション内で利用可能となる。
www.itmedia.co.jp
November 20, 2025 at 11:53 PM
AI：グーグル「Nano Banana Pro」、アドビがさっそく採用 「Photoshop」などで呼び出せるように www.itmedia.co.jp/news/article...
デザイン：外資系ブランドの日本サイトに潜むUX課題：ウェブサイトAuditプロジェクトから見えたこと blog.btrax.com/jp/website-a...
外資系ブランドの日本サイトに潜むUX課題：ウェブサイトAuditプロジェクトから見えたこと デザイン会社 ビートラックス: ブログ
blog.btrax.com
November 19, 2025 at 9:45 PM
デザイン：外資系ブランドの日本サイトに潜むUX課題：ウェブサイトAuditプロジェクトから見えたこと blog.btrax.com/jp/website-a...
AI：グーグル「Gemini 3」を公開 AIモード検索にも導入 Gemini Agent登場 www.watch.impress.co.jp/docs/news/20...
グーグル「Gemini 3」を公開 AIモード検索にも導入 Gemini Agent登場
Googleは18日(米国時間)、生成AIサービス「Gemini」において、最新のAIモデル「Gemini 3」を本日より提供すると発表した。
www.watch.impress.co.jp
November 18, 2025 at 11:38 PM
AI：グーグル「Gemini 3」を公開 AIモード検索にも導入 Gemini Agent登場 www.watch.impress.co.jp/docs/news/20...
Photoshop：Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化 photoshopvip.net/167933
Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化 | PhotoshopVIP
Photoshop 2026の新機能を実例つきでわかりやすく解説。AI合成、調和、Generative Fill、アップスケールなど主要アップデートの進化をまとめて紹介。標準・プレミアムの違いやクレジット制の要点もコンパクトに整理します。
photoshopvip.net
November 18, 2025 at 11:33 PM
Photoshop：Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化 photoshopvip.net/167933
Webクリエイターボックス新着記事：エンジニアポッドキャストMeetup # 2に参加しました！ www.webcreatorbox.com/blog/podcast...
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
エンジニアポッドキャストMeetup #2に参加しました！
先日、「エンジニアポッドキャストMeetup #2」というイベントに、私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
www.webcreatorbox.com
November 17, 2025 at 11:20 PM
Webクリエイターボックス新着記事：エンジニアポッドキャストMeetup # 2に参加しました！ www.webcreatorbox.com/blog/podcast...
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました！今回はイベントの様子はもちろん、耳からのインプット＝ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします！