Webクリエイター ボックス
@webcreatorbox.com
Webデザイン、Web制作に関する記事を発信しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。 www.webcreatorbox.com
Posts
Media
Videos
Pinned
Webクリエイターボックス新着記事:エンジニアポッドキャストMeetup # 2に参加しました! www.webcreatorbox.com/blog/podcast...
私自身が運営しているポッドキャスト番組『ManaのWebクリエイターカフェ』のホストとして参加してきました!今回はイベントの様子はもちろん、耳からのインプット=ポッドキャストがおすすめな理由や、私の登壇経験からの気づきもシェアします!
Photoshop:Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化 photoshopvip.net/167933
AI:ChatGPTにグループチャット機能が追加されたので使ってみた gigazine.net/news/2025111...
ツール:セミナー講師が持つべき「七つ道具」 note.com/swwwitch/n/n...
AI:Adobe Firefly を適切に活用するための著作権との付き合い方 第9回 生成 AI を使うリスクって何?を改めて考える blog.adobe.com/jp/publish/2...
調査:GitHubで最も使われている言語の1位はPythonを抜いてTypeScriptに、最もコントリビュータが増加したOSSは「Zenブラウザ」。Octoverse 2025 www.publickey1.jp/blog/25/gith...
ツール:【やじうまミニレビュー】無料のAffinityってPhotoshopの代わりになる?「やっぱ無理」という結論に達したワケ pc.watch.impress.co.jp/docs/column/...
素材:動くSVGアイコンを実装できるReactライブラリー【AnimateIcons】 animateicons.vercel.app
『見やすい・読みやすい・伝わるをつくる 文字組力』読みました! www.webcreatorbox.com/books/244
読むというより、作例を見ながら学べるので、勉強に苦手意識がある人でも楽しめるはず。特に文字のシルエットを図形としてとらえて並べる方法はわかりやすいですね。巻末には「文字組練習問題」が10問あります。使用するデータはサポートサイトからダウンロードできるので、書籍を読んだらすぐ練習開始できるのが嬉しいですね!これからデザインの勉強をはじめる人や、文字組に特化して学びたいデザイナーさんにおすすめ。
セキュリティ:国立国会図書館にサイバー攻撃 コピーサービス利用情報4万件流出の可能性 www.nikkei.com/article/DGXZ...
ツール:Adobe対抗で完全無料の「Affinity」を使ってみた “いきなりクラッシュ”に困惑しつつ、これでいいかも? www.itmedia.co.jp/news/article...
AI:【Midjourney | Nano Banana】商品撮影のプロが撮影をやめた。誰も教えない、ブランドやECの現場レベルで使える画像生成AIと動画生成AIの神業プロンプトまとめ。 note.com/sakisuta/n/n...
ツール:Affinity アプリが永久無料と聞いてこれで脱 Adobe できるかと思ってるあなたに、Affinity 歴約 5 年の私から伝えておきたいこと jeffreyfrancesco.org/weblog/20251...
Webクリエイターボックス新着記事:Simplify Your Creation in 広島 で登壇しました! www.webcreatorbox.com/blog/simplif...
最近めっきりイベント三昧!今回は、先日広島で開催された「Simplify Your Creation」というイベントで登壇したお話です!なんと、映画館で開催されました!
なぜタスク管理をNotionからGitHub Projectsへ移行したのか - AI時代の開発効率を最大化する選択 zenn.dev/pivotmedia/a...
SEO:「SEOは終わるのか?」AI時代に“選ばれる”ための新常識「GEO戦略」 webtan.impress.co.jp/e/2025/11/05...
Webクリエイターボックス新着記事:Web担当者Forum ミーティング2025 秋 で登壇しました! www.webcreatorbox.com/blog/webtan-...
昨日「Web担当者Forum ミーティング2025 秋」というイベントで登壇しました!当日の様子や運営の裏側、私がプレゼンで意識したこと、そして当日お答えしきれなかった質疑応答の続きをまとめます!イベントレビューは鮮度が命!!
素材:AI生成による高品質な写真素材。商用利用可能、クレジット表記不要。【Studio. Stock】 stock.studio.design
デザイン:なぜUIに「美しさ」が必要なのか。 note.com/inofthefor/n...
ツール:GoogleのAI搭載コンセプトボードツール【Mixboard】が日本でも利用可能になりました labs.google.com/mixboard/pro...
『Photoshop レタッチ2.0』読みました! www.webcreatorbox.com/books/243
レタッチや画像合成を中心に、Photoshopの最新機能をどう使いこなすかを解説してくれます。面倒な作業や下準備はAIをうまく活用しつつ、作品のクオリティを左右する細かな調整はしっかり人の手で行う。このバランス感覚が、まさにプロの現場で求められるテクニックだと感じました。昔からPhotoshopを使い続けている人ほど、目から鱗な使い方に出会えるかも。
ツール:Affinityが、写真・ベクター・レイアウトを統合したプロ向けデザインアプリとして完全無料化。Canva AIツールも利用可能に。 www.canva.com/newsroom/new...
AI:NotebookLMの解説書『できるGoogle NotebookLM 可能性は無限大! 自分専用AIノート活用法』書籍全文を無料で公開中!10月31日(金)まで! viewer.impress.co.jp/viewer.html?...
AI:AI検索の“情報源”はどこ? ChatGPTは「Reddit」、GoogleのAIモードは「YouTube」を参照【Ahrefs調べ】 webtan.impress.co.jp/n/2025/10/29...
セキュリティ:「Google Chrome 154」から「HTTP」サイトには警告、猶予は1年 forest.watch.impress.co.jp/docs/news/20...
ロゴ:W3Cロゴ刷新:外見的な変更にとどまらない、持続可能な成功への小さな一歩 www.w3.org/ja/blog/2025...
グロッキーペディア? → “イーロン・マスク版Wikipedia”初期版公開 特徴はAIファクトチェック 「すでにWikipediaより優秀」 www.itmedia.co.jp/news/article...
AI:OpenAI、ChatGPTにSlackやGoogleドライブに分散する情報を横断検索する「company knowledge」追加 www.itmedia.co.jp/aiplus/artic...
CSS:Tailwind CSSは本当に便利?従来のCSSとの比較で分かる、メリット・デメリット zenn.dev/crebo_tech/a...
Photoshop:Photoshopの新AI機能「Nano Banana」がすごい。できること・使い方まとめ photoshopvip.net/167562
『すいすい学べる色彩検定2級・3級』読みました! www.webcreatorbox.com/books/242
テキストでの解説、問題、模試が付いているので、受験をイメージしながら学習できますよ。色について勉強したいけど、何から手を付ければいいのかわからない人は、こういった書籍で体系的に学んでいくと良いですね。検定と聞くと身構えてしまうかもしれませんが、身近な例が多くて初心者でも勉強しやすいです。スマホで使える『ポケット配色アイデア手帖』特典もついています。
ちなみに私の作ったWebサイトも例として掲載してもらってます!探してみてくださいね!
開発:2025年版 スタートアップエンジニアが考えるWebアプリの技術選定 zenn.dev/m_noto/artic...
ツール:Anthropic、「Claude」デスクトップアプリを一般公開 ~Mac向けには新機能も forest.watch.impress.co.jp/docs/news/20...
Webデザイン:素敵なナビゲーションバーのWebサイトを集めたギャラリーサイト【Navbar Gallery】 www.navbar.gallery
ツール:Windows 11のアップデートで「localhost」が壊れたという報告が続出 gigazine.net/news/2025102...
Webサービス:X、希望ユーザー名が“アクティブ”でなければ申請・取得できる新機能 www.watch.impress.co.jp/docs/news/20...
AI:2025/10/20時点で最良のAIコーディングプロセス zenn.dev/erukiti/arti...
Webクリエイターボックス新着記事:Design Boost in Hiroshima で登壇しました! www.webcreatorbox.com/blog/design-...
10月18日(土)に広島で開催された、地方クリエイターの祭典『Design Boost in Hiroshima』に登壇者として参加してきました!イベントの雰囲気や、勉強になった他の登壇者さまのお話、お答えしきれなかった質疑応答の続きなど、私の感想や学びを交えながらご紹介します!
デザイン:いきなりログイン画面を見せて11%のユーザーを失ったわけ zenn.dev/kontaco/arti...
CSS:ふんわりした影が特徴のニューモーフィズムスタイルのCSSコードを生成してくれるツール【Neumorphism Generator】 design.dev/tools/neumor...
🔷🔹 Webクリエイターボックスの10・11月予定 🔹🔷
- 10月18日 Design Boost in Hiroshima
- 11月6日 Web担当者Forum ミーティング2025 秋(東京)
- 11月8日 Simplify Your Creation in 広島
- 11月15日 エンジニアポッドキャストMeetup(東京)
詳細はツリーにて!↓
10月18日 Design Boost in Hiroshima hirocreguild-45.peatix.com
AIデザインの「なんか違う」を解き明かす
11月6日 Web担当者Forum ミーティング2025 秋(東京) webtan.impress.co.jp/events/202511
「その他大勢」で終わらせない。AI時代に「自社らしさ」で選ばれるWebサイト制作
11月8日 Simplify Your Creation in 広島 smartrelease-u.connpass.com/event/372071/
プロジェクト管理やコミュニケーションについてお話します!
11月15日 エンジニアポッドキャストMeetup(東京) connpass.com/event/370351/
Podcast番組ホストたちによるトークセッションや、軽食を囲んでの交流会など特別なイベントを開催!
11月8日、Simplify Your Creation in 広島 に登壇します!案件を進行・管理するうえで使っているツールや、仕事術、考え方、コミュニケーションについてなどお話します! smartrelease-u.connpass.com/event/372071/
ツール:指定した一色からバリエーションを生成してくれます。CSS、Tailwind CSS、Tokens等でコードの出力可能。【Color Generator – Kigen】 kigen.design/color
AI:Googleが動画生成AI「Veo 3.1」をリリース、1分以上の動画生成に対応&音声品質の向上など gigazine.net/news/2025101...
デザイン:「ダサい」という言葉を『デザイナーのNGワード』に認定します! note.com/swwwitch/n/n...