Webクリエイター ボックス
@webcreatorbox.com
Webデザイン、Web制作に関する記事を発信しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。 https://www.webcreatorbox.com/
Pinned
Webクリエイター ボックス
@webcreatorbox.com
· Jan 4
書籍執筆しました！『1冊ですべて身につくPhotoshop入門講座』
これまでHTMLやCSS、WordPress、JavaScript、デザインの入門書を書いてきた私ですが、このたび新たにAdobe Photoshopの入門書、『1冊ですべて身につくPhotoshop入門講座』という本を執筆しました！2026年2月27日発売で、予約受付中です！
www.webcreatorbox.com
Webクリエイターボックス新着記事：書籍執筆しました！『1冊ですべて身につくPhotoshop入門講座』 www.webcreatorbox.com/blog/wcb-book8
スマートフォンのおかげで写真はとっても身近な存在になりましたが、「もっとキラキラしてたはずなのに！」とか「バナーに使いたいからもう少し余白が欲しい」なんていう、なんだか惜しい感じに撮れちゃうこともありますよね。そんなちょっとした調整から、大胆なデザインの作成まで、写真をベースにした作品づくりの第一歩目を一緒に進められる書籍です。2026年2月27日発売で、予約受付中です！
スマートフォンのおかげで写真はとっても身近な存在になりましたが、「もっとキラキラしてたはずなのに！」とか「バナーに使いたいからもう少し余白が欲しい」なんていう、なんだか惜しい感じに撮れちゃうこともありますよね。そんなちょっとした調整から、大胆なデザインの作成まで、写真をベースにした作品づくりの第一歩目を一緒に進められる書籍です。2026年2月27日発売で、予約受付中です！
iOS 27リリース。Siri AIは英語から対応を開始し、年内に日本語対応予定。 www.apple.com/jp/os/ios/
OS - iOS 27
iOS 27。Apple Intelligenceのパワーを活用する新登場のSiri AI。もっと軽快でもっと楽しい体験を届ける新機能。
www.apple.com
September 15, 2026 at 11:11 PM
iOS 27リリース。Siri AIは英語から対応を開始し、年内に日本語対応予定。 www.apple.com/jp/os/ios/
デザイン：ありがちなUIに収束させない生成フロー。カナリーでの「デザイナー人格」のskill化について cocoda.design/varhirac/p/p...
ありがちなUIに収束させない生成フロー。カナリーでの「デザイナー人格」のskill化について｜Cocoda
AIによるUI生成の検証は、すでに多くのプロダクトデザイン組織が取り組んでいるところかと思います。カナリーでは、2025年ごろから「最小のデザイン組織」を目指して、プロダクトデザインのAIワークフロー化を試みてきました。
今回はその中でも、UIのパターン出しにうまく役立っている「デザイナー人格のskill化」の取り組みについてまとめてみます。
cocoda.design
September 15, 2026 at 11:08 PM
デザイン：ありがちなUIに収束させない生成フロー。カナリーでの「デザイナー人格」のskill化について cocoda.design/varhirac/p/p...
Webクリエイターボックス新着記事：Web Creator Podcast Day 2026 に参加しました！ www.webcreatorbox.com/blog/wcpd2026
昨年初めて開催された、Web関連のPodcast運営者が集って生放送でお送りする「Web Creator Podcast Day」。昨年はスケジュールの関係で収録エピソードの差し込みでしたが、今年は生配信に出演しました！
昨年初めて開催された、Web関連のPodcast運営者が集って生放送でお送りする「Web Creator Podcast Day」。昨年はスケジュールの関係で収録エピソードの差し込みでしたが、今年は生配信に出演しました！
Web Creator Podcast Day 2026 に参加しました！
昨年初めて開催された、Web関連のPodcast運営者が集って生放送でお送りする「Web Creator Podcast Day」。昨年はスケジュールの関係で収録エピソードの差し込みでしたが、今年は生配信に出演しました！
www.webcreatorbox.com
September 14, 2026 at 11:34 PM
Webクリエイターボックス新着記事：Web Creator Podcast Day 2026 に参加しました！ www.webcreatorbox.com/blog/wcpd2026
昨年初めて開催された、Web関連のPodcast運営者が集って生放送でお送りする「Web Creator Podcast Day」。昨年はスケジュールの関係で収録エピソードの差し込みでしたが、今年は生配信に出演しました！
昨年初めて開催された、Web関連のPodcast運営者が集って生放送でお送りする「Web Creator Podcast Day」。昨年はスケジュールの関係で収録エピソードの差し込みでしたが、今年は生配信に出演しました！
Webサイト：「とほほのWWW入門」運営30年で見た、プログラミング言語とWeb標準の進化史 流行に振り回されず学び続けるために codezine.jp/article/deta...
codezine.jp
September 14, 2026 at 11:21 PM
Webサイト：「とほほのWWW入門」運営30年で見た、プログラミング言語とWeb標準の進化史 流行に振り回されず学び続けるために codezine.jp/article/deta...
ツール：「Insert」や「Delete」は昔こんな記号だった、PCキーボードから消えたアイコンの歴史 gigazine.net/news/2026091...
「Insert」や「Delete」は昔こんな記号だった、PCキーボードから消えたアイコンの歴史
PCのキーボードにはShiftの「⇧」やEnterの「↵」など文字を読まなくても意味が分かる記号があります。一方で昔のIBM製コンピューターや端末にはPrint ScreenやInsert、Deleteといった操作にも独特な記号が使われていました。キーボード史を扱う書籍の著者でもあるUXデザイナーのマルチン・ヴィハリ氏が、PCの普及とともに姿を消したキーボード記号の歴史を紹...
gigazine.net
September 14, 2026 at 11:20 PM
ツール：「Insert」や「Delete」は昔こんな記号だった、PCキーボードから消えたアイコンの歴史 gigazine.net/news/2026091...
ニュース：AIのせいでエンジニアの75％を解雇したCSSフレームワークのTailwind、Shopifyによる買収を発表。今後も安定的な開発を維持すると www.publickey1.jp/blog/26/ai75...
AIのせいでエンジニアの75％を解雇したCSSフレームワークのTailwind、Shopifyによる買収を発表。今後も安定的な開発を維持すると
CSSフレームワーク「Tailwind CSS」の開発元であるTailwind Labsは、ECサイト構築サービスを提供しているShopifyによって買収されると発表しました。 下記はTailwindの作者であるAdam Wathan氏によ...
www.publickey1.jp
September 13, 2026 at 11:09 PM
ニュース：AIのせいでエンジニアの75％を解雇したCSSフレームワークのTailwind、Shopifyによる買収を発表。今後も安定的な開発を維持すると www.publickey1.jp/blog/26/ai75...
ツール：最近のClaude Code Desktop、使いやすさマシマシです！ zenn.dev/goat_eat_any...
最近のClaude Code Desktop、使いやすさマシマシです！
zenn.dev
September 13, 2026 at 11:08 PM
ツール：最近のClaude Code Desktop、使いやすさマシマシです！ zenn.dev/goat_eat_any...
ツール：Claude DesignをClaude Codeから動かしてループエンジニアリングする zenn.dev/shiro_kuma_s...
Claude DesignをClaude Codeから動かしてループエンジニアリングする
zenn.dev
September 10, 2026 at 9:40 PM
ツール：Claude DesignをClaude Codeから動かしてループエンジニアリングする zenn.dev/shiro_kuma_s...
Webサイト制作：AI検索対策のためにWebサイトを特殊な作りにする必要はあるのか chot-inc.com/columns/ai-s...
AI検索対策のためにWebサイトを特殊な作りにする必要はあるのか | chot Inc.
AI検索対策にllms.txtやAI向けの書き換えは不要です。Google公式ガイドと実測データをもとに、唯一の技術要件である「初期HTMLに本文があるか」の確認手順とSSR/SSGの判断基準を整理します。
chot-inc.com
September 10, 2026 at 9:36 PM
Webサイト制作：AI検索対策のためにWebサイトを特殊な作りにする必要はあるのか chot-inc.com/columns/ai-s...
フォント：今 font-family 設定するなら sans-serif か system-ui だけ設定しておけばよくね説 zenn.dev/chot/article...
今 font-family 設定するなら sans-serif か system-ui だけ設定しておけばよくね説
zenn.dev
September 9, 2026 at 11:32 PM
フォント：今 font-family 設定するなら sans-serif か system-ui だけ設定しておけばよくね説 zenn.dev/chot/article...
「iPhone Duo」はApple初の7.6型折りたたみで36万円強から pc.watch.impress.co.jp/docs/news/21...
「iPhone Duo」はApple初の7.6型折りたたみで36万円強から
ついに折りたたみiPhoneが手に入る。Appleは、同社初の折りたたみ型iPhone「iPhone Duo」を発表した。10月16日に予約受付を開始し、10月23日に発売する。日本での価格は36万4,800円から。ストレージは256GB～2TBを用意する。
pc.watch.impress.co.jp
September 9, 2026 at 11:30 PM
「iPhone Duo」はApple初の7.6型折りたたみで36万円強から pc.watch.impress.co.jp/docs/news/21...
AI：Meta、パーソナルAIエージェント「Muse」発表 メール送信や買い物も代行（まずは米国で無料提供開始） www.itmedia.co.jp/news/article...
Meta、パーソナルAIエージェント「Muse」発表 メール送信や買い物も代行（まずは米国で無料提供開始）
Metaは、日常の作業を代行するパーソナルAIエージェント「Muse」を発表した。専用アプリやWhatsAppから操作でき、メール送信や旅行予約、Webフォーム入力などを自律して行う。専用VMや別エージェントによる多層防御で安全性を高め、決済やログイン情報との連携にも対応する。基本機能は無料。
www.itmedia.co.jp
September 8, 2026 at 11:34 PM
AI：Meta、パーソナルAIエージェント「Muse」発表 メール送信や買い物も代行（まずは米国で無料提供開始） www.itmedia.co.jp/news/article...
デザイン：前編：なぜ「間」があると怖いのか？ 怪談師の話術から考える、アニメーションの設計 necco.inc/note/55786/
前編：なぜ「間」があると怖いのか？ 怪談師の話術から考える、アニメーションの設計 | ネッコノート | necco inc.（ネッコ）
夏は怪談の季節です！私はよく、怪談や人怖、心霊のYouTubeなどを見ています。特に「好井まさおの怪談を浴びる会」（YouTube）が好きです。春には怪談を浴びる会の劇場版イベント、夏休み中には、タケトのゾゾッとTOWN（YouTube）という公開収録イベント、来月にはオカルト会議というイベントへ…...
necco.inc
September 8, 2026 at 11:33 PM
デザイン：前編：なぜ「間」があると怖いのか？ 怪談師の話術から考える、アニメーションの設計 necco.inc/note/55786/
AI：AIっぽくない画像を作る画風プロンプト38種類＋テンプレート qiita.com/maeda-niku18...
AIっぽくない画像を作る画風プロンプト38種類＋テンプレート - Qiita
AI画像生成の「AIっぽさ」を消すための画風プロンプト集（38スタイル＋テンプレート） ChatGPT（GPT Image）で資料やWebサイト用のイラストを作っていると、毎回同じところで引っかかります。 線が均一すぎる、グラデーションが滑らかすぎる、顔が整いすぎている、...
qiita.com
September 8, 2026 at 11:32 PM
AI：AIっぽくない画像を作る画風プロンプト38種類＋テンプレート qiita.com/maeda-niku18...
お知らせ：いよいよ今週末！2026年9月12日（土）は「Web Creator Podcast day 2026」開催です！私の出演は14:03〜！（ニュースレターでお知らせした時刻より若干後ろ倒しになってます）Webサイトよりご質問・リクエストも受け付けてますよー！ webcreator-podcast-day.com
#WCPD2026
#WCPD2026
2026年9月12日（土）10時30分〜は「Web Creator Podcast day 2026」
2026年9月12日（土）Webクリエイターのポッドキャスター13番組が原宿「J-WAVE ARRTSIDE CAST」に集まり、10時半〜17時までスペシャルな生放送でお届けします！
webcreator-podcast-day.com
September 8, 2026 at 11:32 PM
お知らせ：いよいよ今週末！2026年9月12日（土）は「Web Creator Podcast day 2026」開催です！私の出演は14:03〜！（ニュースレターでお知らせした時刻より若干後ろ倒しになってます）Webサイトよりご質問・リクエストも受け付けてますよー！ webcreator-podcast-day.com
#WCPD2026
#WCPD2026
AI：Astraのリリースに合わせてAGENTS.mdを修正するなら「request_user_input」も使って体験良くチューニングしよう zenn.dev/cureapp/arti...
Astraのリリースに合わせてAGENTS.mdを修正するなら「request_user_input」も使って体験良くチューニングしよう
zenn.dev
September 7, 2026 at 11:32 PM
AI：Astraのリリースに合わせてAGENTS.mdを修正するなら「request_user_input」も使って体験良くチューニングしよう zenn.dev/cureapp/arti...
ツール：AIを「社内一の怠け者だけど優秀なベテランエンジニア」に変えるツール「ポニーテール」が生成コードを最大94%削減する www.techno-edge.net/article/2026...
AIを「社内一の怠け者だけど優秀なベテランエンジニア」に変えるツール「ポニーテール」が生成コードを最大94%削減する（生成AIクローズアップ） | テクノエッジ TechnoEdge
今回は、AIエージェントを社内で一番怠惰だけど優秀なベテランエンジニアのように変身させる拡張ツール「ponytail」（ポニーテール）を取り上げます。50行のコードを見せると、何も言わずにたった1行に置き換えてしまう手抜き上手なエンジニアというイメージです。
www.techno-edge.net
September 7, 2026 at 11:30 PM
ツール：AIを「社内一の怠け者だけど優秀なベテランエンジニア」に変えるツール「ポニーテール」が生成コードを最大94%削減する www.techno-edge.net/article/2026...
AI：GPT-6 Astraで飛躍的に向上したゲーム制作能力 - Unreal Engine / Unity / Godot / Three.js note.com/npaka/n/n8fb...
GPT-6 Astraで飛躍的に向上したゲーム制作能力 - Unreal Engine / Unity / Godot / Three.js｜npaka
「GPT-6 Astra」で飛躍的に向上したゲーム制作能力についてまとめました。 1. はじめに 2026年9月3日に発表された「GPT-6 Astra」では、コーディングだけでなく、ゲームや3D空間を実際に作る能力も大きく向上しています。 OpenAI公式や公式サイトで紹介された事例では、 ・Blenderで作った家をUnreal Engine 5の歩けるシーンへ展開 ・Unity ...
note.com
September 7, 2026 at 12:11 AM
AI：GPT-6 Astraで飛躍的に向上したゲーム制作能力 - Unreal Engine / Unity / Godot / Three.js note.com/npaka/n/n8fb...
Webサービス：新SNS「Twitter .now」が「Tweet .app」に改名。商標権めぐる暫定判決でXに有利な判定 www.techno-edge.net/article/2026...
新SNS「Twitter.now」が「Tweet.app」に改名。商標権めぐる暫定判決でXに有利な判定 | テクノエッジ TechnoEdge
米デラウェア州連邦裁判所は、元Twitterであるイーロン・マスク氏のXが、スタートアップ企業Operation Bluebirdに対して申し立てていたTwitter商標権に関する仮差し止め訴訟で、「Twitter」の名称は現在もXが商標権を有しているとの暫定的な判断を示しました。
www.techno-edge.net
September 7, 2026 at 12:10 AM
Webサービス：新SNS「Twitter .now」が「Tweet .app」に改名。商標権めぐる暫定判決でXに有利な判定 www.techno-edge.net/article/2026...
キャリア：フロントエンドエンジニアとしてのキャリアを終える tech-blog-v2-opal.vercel.app/article/endi...
フロントエンドエンジニアとしてのキャリアを終える
tech-blog-v2-opal.vercel.app
September 7, 2026 at 12:07 AM
キャリア：フロントエンドエンジニアとしてのキャリアを終える tech-blog-v2-opal.vercel.app/article/endi...
WordPress：放置していたWordPressが乗っ取られてWebShellだらけになっていた話 satoweb.net/2026/09/p-18...
放置していたWordPressが乗っ取られてWebShellだらけになっていた話
とりあえずWordPressを設置していた某ドメイン 特に重要な記事が入っているわけでもなく、ほぼ放置状態。 …
satoweb.net
September 3, 2026 at 11:47 PM
WordPress：放置していたWordPressが乗っ取られてWebShellだらけになっていた話 satoweb.net/2026/09/p-18...
JavaScript：useStateとuseEffectだけじゃもったいない！ ユーザー体験を改善するReactの便利機能 ics.media/entry/260903/
useStateとuseEffectだけじゃもったいない！ ユーザー体験を改善するReactの便利機能 - ICS MEDIA
ウェブ開発で圧倒的なシェアを誇るReact。
ics.media
September 3, 2026 at 11:45 PM
JavaScript：useStateとuseEffectだけじゃもったいない！ ユーザー体験を改善するReactの便利機能 ics.media/entry/260903/
読みました！→『AIを味方にする デザインワークフロー実践ガイド』 www.webcreatorbox.com/books/257
単なるAIツールの操作手順というよりは、現場での考え方やスタンスに重点が置かれているのが印象的。リアルな事例が多いため、自分の普段の業務と重ね合わせながらイメージを膨らませられます。特にまとめにある「よくある失敗」と「小さな一歩」の一言が親切で、ハードルの高さを感じずに「これなら自分でもすぐ始められそう！」と前向きな気持ちになれますよ！実務をアップデートしたい方はぜひ。
単なるAIツールの操作手順というよりは、現場での考え方やスタンスに重点が置かれているのが印象的。リアルな事例が多いため、自分の普段の業務と重ね合わせながらイメージを膨らませられます。特にまとめにある「よくある失敗」と「小さな一歩」の一言が親切で、ハードルの高さを感じずに「これなら自分でもすぐ始められそう！」と前向きな気持ちになれますよ！実務をアップデートしたい方はぜひ。
September 3, 2026 at 10:53 PM
読みました！→『AIを味方にする デザインワークフロー実践ガイド』 www.webcreatorbox.com/books/257
単なるAIツールの操作手順というよりは、現場での考え方やスタンスに重点が置かれているのが印象的。リアルな事例が多いため、自分の普段の業務と重ね合わせながらイメージを膨らませられます。特にまとめにある「よくある失敗」と「小さな一歩」の一言が親切で、ハードルの高さを感じずに「これなら自分でもすぐ始められそう！」と前向きな気持ちになれますよ！実務をアップデートしたい方はぜひ。
単なるAIツールの操作手順というよりは、現場での考え方やスタンスに重点が置かれているのが印象的。リアルな事例が多いため、自分の普段の業務と重ね合わせながらイメージを膨らませられます。特にまとめにある「よくある失敗」と「小さな一歩」の一言が親切で、ハードルの高さを感じずに「これなら自分でもすぐ始められそう！」と前向きな気持ちになれますよ！実務をアップデートしたい方はぜひ。
フォント：ほぼ全点のイワタ書体を期間限定20%OFF、新書体＆一部のセット商品を30％の特別価格でゲットできるチャンス！2026年9月30日まで designpocket.jp/static/font/...
イワタ書体ライブラリー 定番の本文書体から人気書体、最新作まで ｜ デザインポケット
活字時代からの伝統と文字作成技術、新しいデジタル化技術が融合した品位の高い書体を多く世に出しているイワタ書体。多くの印刷業界、新聞社、出版社に採用されています。ラインナップは、明朝体系、ゴシック体系、UDフォント系、教科書体／筆書体系、その他の全150書体以上と豊富です。
designpocket.jp
September 2, 2026 at 11:36 PM
フォント：ほぼ全点のイワタ書体を期間限定20%OFF、新書体＆一部のセット商品を30％の特別価格でゲットできるチャンス！2026年9月30日まで designpocket.jp/static/font/...
WordPress：制作会社に作ってもらったWordPress、いま誰が守っていますか？ liginc.co.jp/683874
制作会社に作ってもらったWordPress、いま誰が守っていますか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
制作会社に作ってもらったWordPress、更新は誰がやっていますか？引き継ぎがなく放置状態になっているサイトの担当者に向けて、今日からできる3つの確認と、その後に取れる選択肢を解説します。
liginc.co.jp
September 1, 2026 at 11:43 PM
WordPress：制作会社に作ってもらったWordPress、いま誰が守っていますか？ liginc.co.jp/683874