Webクリエイター ボックス
@webcreatorbox.com
Webデザイン、Web制作に関する記事を発信しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。 https://www.webcreatorbox.com/
Pinned
継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。実は私もそうでした。コロナ禍を経て、気づけば身体はぷくぷく…。これはまずい！と一念発起し、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用して...
www.webcreatorbox.com
Webクリエイターボックス新着記事：継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録 www.webcreatorbox.com/blog/applewa...
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。そこで、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用しているツールやアプリ、そして1000日の軌跡をご紹介します。
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。そこで、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用しているツールやアプリ、そして1000日の軌跡をご紹介します。
AI：Geminiにこっそり追加された「マークアップ」が、地味に神アップデートだった www.lifehacker.jp/article/2512...
Geminiにこっそり追加された「マークアップ」が、地味に神アップデートだった | ライフハッカー・ジャパン
ここ数カ月、GeminiもChatGPTも、より「精密な編集」が得意になりました。画像全体を作り直すのではなく、特定のパーツだけを修正し、残りの部分はそのまま維持できるようになったのです。そして今回、Geminiはこの作業をさらに快適にする「マークアップツール」を静かに追加しました。
www.lifehacker.jp
December 29, 2025 at 12:17 AM
AI：Geminiにこっそり追加された「マークアップ」が、地味に神アップデートだった www.lifehacker.jp/article/2512...
ポッドキャストの新エピソード公開！かけだしちゃんと2025年を振り返りました！ podcasts.apple.com/jp/podcast/m...
Spotify: open.spotify.com/episode/2er3...
#ウェブカフェ
＜トークテーマ＞
・Nano Banana、Veo3
・Studio.Stock
・かけだしちゃんの来年の目標
・ブログの更新頻度を上げる！
・Affinity
・Figma Make
・かけだしちゃんの予想
他
番組への質問や感想もお待ちしております！ bit.ly/manawebcafe
Spotify: open.spotify.com/episode/2er3...
#ウェブカフェ
＜トークテーマ＞
・Nano Banana、Veo3
・Studio.Stock
・かけだしちゃんの来年の目標
・ブログの更新頻度を上げる！
・Affinity
・Figma Make
・かけだしちゃんの予想
他
番組への質問や感想もお待ちしております！ bit.ly/manawebcafe
#141 2025年のトレンドを振り返ろう！〜来年についても大胆予想〜
Podcast Episode · ManaのWebクリエイターカフェ · 12/26/2025 · 21m
podcasts.apple.com
December 26, 2025 at 9:31 AM
ポッドキャストの新エピソード公開！かけだしちゃんと2025年を振り返りました！ podcasts.apple.com/jp/podcast/m...
Spotify: open.spotify.com/episode/2er3...
#ウェブカフェ
＜トークテーマ＞
・Nano Banana、Veo3
・Studio.Stock
・かけだしちゃんの来年の目標
・ブログの更新頻度を上げる！
・Affinity
・Figma Make
・かけだしちゃんの予想
他
番組への質問や感想もお待ちしております！ bit.ly/manawebcafe
Spotify: open.spotify.com/episode/2er3...
#ウェブカフェ
＜トークテーマ＞
・Nano Banana、Veo3
・Studio.Stock
・かけだしちゃんの来年の目標
・ブログの更新頻度を上げる！
・Affinity
・Figma Make
・かけだしちゃんの予想
他
番組への質問や感想もお待ちしております！ bit.ly/manawebcafe
Tips：新人AI禁止令と、その結果の答え合わせ qiita.com/WdknWdkn/ite...
新人AI禁止令と、その結果の答え合わせ - Qiita
はじめに こんにちは、和田です。いえらぶGROUPで開発部の執行役員を務めています。 弊社も例に漏れず、今年はAI活用に非常に注力してきました。Cursorを全エンジニアに導入し、テックリードにはClaude Codeを配布、業務効率化・実装スピード強化・精度向上を進めて...
qiita.com
December 26, 2025 at 12:10 AM
Tips：新人AI禁止令と、その結果の答え合わせ qiita.com/WdknWdkn/ite...
CSS：Tailwind CSSを使ったUIパーツを集めたサイト【Tailwind UI Components】 tailui.in
Tailwind UI Components
Free Open Source Tailwind CSS v4 Components. Copy and paste beautiful UI components.
tailui.in
December 26, 2025 at 12:06 AM
CSS：Tailwind CSSを使ったUIパーツを集めたサイト【Tailwind UI Components】 tailui.in
Webサービス：Facebook、外部リンクを含む投稿を月わずか2件に制限へ？ 有料プランの強化に向けてテスト中 internet.watch.impress.co.jp/docs/yajiuma...
Facebook、外部リンクを含む投稿を月わずか2件に制限へ？ 有料プランの強化に向けてテスト中【やじうまWatch】
Facebookが、米国など一部の国のユーザーを対象に、外部リンクを含む投稿を月わずか2件に制限するテストを行っていることが明らかになった。
internet.watch.impress.co.jp
December 24, 2025 at 11:55 PM
Webサービス：Facebook、外部リンクを含む投稿を月わずか2件に制限へ？ 有料プランの強化に向けてテスト中 internet.watch.impress.co.jp/docs/yajiuma...
Webサービス：Xに画像をAI編集するボタンが実装 他人の画像も簡単に加工できてしまう kai-you.net/article/94220
Xに画像をAI編集するボタンが実装 他人の画像も簡単に加工できてしまう
Xが12月24日（木）、投稿された画像をAI編集するボタンを実装した。WebブラウザからXにアクセスし、タイムライン上の投稿の画像にマウスオーバーするとボタンが表示。クリックしてプロンプト（指示文）を入力することで、投稿画像を元にした画像を生成できる。画像にカ...
kai-you.net
December 24, 2025 at 11:52 PM
Webサービス：Xに画像をAI編集するボタンが実装 他人の画像も簡単に加工できてしまう kai-you.net/article/94220
10万文字を超え、100枚以上の図解を含むビジネス書を、発売前に全文・無期限・無料で公開中【ビジネスモデル3.0図鑑】 note.com/bizgram/n/n5...
ビジネスモデル3.0図鑑 #全文公開チャレンジ｜図解総研
『ビジネスモデル3.0図鑑』(刊行：KADOKAWA)を、2026年1月26日に発売します。国内外で13万部発行を超えた『ビジネスモデル2.0図鑑』の続編です。 ビジネスモデル3.0図鑑 本書は、ビジネスモデルの「動的な変化」をどう表現できるかに挑戦した一冊です。前作以降、大きく変化した社会や産業の環境を踏まえ、「共創性」と「適応性」を新たな軸として設定しました。さまざまな主体とどのように共創し、...
note.com
December 24, 2025 at 12:38 AM
10万文字を超え、100枚以上の図解を含むビジネス書を、発売前に全文・無期限・無料で公開中【ビジネスモデル3.0図鑑】 note.com/bizgram/n/n5...
CSS：「このデザイン、CSSで再現できないかも😫」を解決してくれるかもしれないプロパティ、mask zenn.dev/chot/article...
「このデザイン、CSSで再現できないかも😫」を解決してくれるかもしれないプロパティ、mask
zenn.dev
December 24, 2025 at 12:34 AM
CSS：「このデザイン、CSSで再現できないかも😫」を解決してくれるかもしれないプロパティ、mask zenn.dev/chot/article...
Webクリエイターボックス新着記事：Webクリエイターボックスの2025年を振り返る www.webcreatorbox.com/blog/wcb-2025
今年も残りあとわずか！一年間お世話になりました！という事で例年どおり、Webクリエイターボックス内でよく読んでもらった記事やSNSでシェアした記事などを紹介しようと思います！
今年も残りあとわずか！一年間お世話になりました！という事で例年どおり、Webクリエイターボックス内でよく読んでもらった記事やSNSでシェアした記事などを紹介しようと思います！
Webクリエイターボックスの2025年を振り返る
今年も残りあとわずか！一年間お世話になりました！毎年思いますが早いですね。という事で例年どおり、Webクリエイターボックスが今年1年どんな変貌を遂げたのか、そしてWebクリエイターボックス内でよく読んでもらった記事やSNSでシェアした記事などを紹介しようと思います。いくつ覚えていただけてますかね？ :3
www.webcreatorbox.com
December 23, 2025 at 11:13 PM
Webクリエイターボックス新着記事：Webクリエイターボックスの2025年を振り返る www.webcreatorbox.com/blog/wcb-2025
今年も残りあとわずか！一年間お世話になりました！という事で例年どおり、Webクリエイターボックス内でよく読んでもらった記事やSNSでシェアした記事などを紹介しようと思います！
今年も残りあとわずか！一年間お世話になりました！という事で例年どおり、Webクリエイターボックス内でよく読んでもらった記事やSNSでシェアした記事などを紹介しようと思います！
ツール：画像をレイヤー分けできるAIモデル「Qwen-Image-Layered」が登場 gigazine.net/news/2025122...
画像をレイヤー分けできるAIモデル「Qwen-Image-Layered」が登場
2025年12月19日、中国の大手テクノロジー企業であるAlibabaのAIモデルであるQwenシリーズに、画像を複数のRGBAレイヤーに分解できるAIモデル「Qwen-Image-Layered」が新たに登場しました。
gigazine.net
December 23, 2025 at 12:48 AM
ツール：画像をレイヤー分けできるAIモデル「Qwen-Image-Layered」が登場 gigazine.net/news/2025122...
Webサイト制作：Figmaやめて、AIとコードでUIを作り始めた話 zenn.dev/aishift/arti...
Figmaやめて、AIとコードでUIを作り始めた話
zenn.dev
December 23, 2025 at 12:25 AM
Webサイト制作：Figmaやめて、AIとコードでUIを作り始めた話 zenn.dev/aishift/arti...
Figma：実務で差がつく！作業効率を上げるFigmaのおすすめプラグイン&ウィジェット12選 necco.inc/note/56183/
実務で差がつく！作業効率を上げるFigmaのおすすめプラグイン&ウィジェット12選 | necco Note | necco inc.（ネッコ）
こんにちは。アドベントカレンダー17日目！アシスタントデザイナーの福井です。 この記事では、実務で役に立つFigmaのプラグイン・ウィジェットをまとめてみました！私が今年たくさん使用したプラグインや、最近知って使い始めた […]
necco.inc
December 22, 2025 at 12:26 AM
Figma：実務で差がつく！作業効率を上げるFigmaのおすすめプラグイン&ウィジェット12選 necco.inc/note/56183/
デザイン：AIでデザインをつくれる時代に、私がデザインを手放さない理由 goodpatch.com/blog/2025-12...
AIでデザインをつくれる時代に、私がデザインを手放さない理由｜Goodpatch Blog グッドパッチブログ
AIの目覚ましい進化の裏でささやかれる「デザイナー不要論」。この記事では、グッドパッチで働くクリエイティブディレクターという視点から、デザイナー不要論に対する考えとAI時代にデザインとどう向き合っているのかをまとめています。
goodpatch.com
December 18, 2025 at 11:53 PM
デザイン：AIでデザインをつくれる時代に、私がデザインを手放さない理由 goodpatch.com/blog/2025-12...
ニュース：AppleとGoogleがスマホ新法への対応を相次いで発表 ～ついにApp Store以外のアプリを認める forest.watch.impress.co.jp/docs/news/20...
AppleとGoogleがスマホ新法への対応を相次いで発表 ～ついにApp Store以外のアプリを認める／両社共にデフォルトのWebブラウザーと検索エンジンを選択する画面を追加
iOS/iPad OSを擁するAppleは12月17日（日本時間）、スマートフォンソフトウェア競争促進法（スマホ新法）を遵守するための対応を発表した。翌18日にはAndroidを擁するGoogleも同法への対応を発表している。
forest.watch.impress.co.jp
December 18, 2025 at 11:52 PM
ニュース：AppleとGoogleがスマホ新法への対応を相次いで発表 ～ついにApp Store以外のアプリを認める forest.watch.impress.co.jp/docs/news/20...
Webクリエイターボックス新着記事：継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録 www.webcreatorbox.com/blog/applewa...
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。そこで、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用しているツールやアプリ、そして1000日の軌跡をご紹介します。
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。そこで、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用しているツールやアプリ、そして1000日の軌跡をご紹介します。
継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。実は私もそうでした。コロナ禍を経て、気づけば身体はぷくぷく…。これはまずい！と一念発起し、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用して...
www.webcreatorbox.com
December 18, 2025 at 10:48 PM
Webクリエイターボックス新着記事：継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録 www.webcreatorbox.com/blog/applewa...
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。そこで、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用しているツールやアプリ、そして1000日の軌跡をご紹介します。
みなさん、運動してますか？ 我々の仕事って基本座りっぱなしで、運動しなきゃと思いつつ、なかなか実行できなかったりしますよね。そこで、「継続すること」自体をデザインの課題として捉え直し、2023年1月1日から毎日運動を続けました。そしてついに、ムーブゴール連続1000日を達成！そこで、継続できた仕組みづくりと、愛用しているツールやアプリ、そして1000日の軌跡をご紹介します。
調査：画像圧縮するベストな方法（2025） qiita.com/fukushima198...
画像圧縮するベストな方法（2025） - Qiita
TL;DR 画像圧縮の性能比較ができるWebインターフェイス作ったので見てね． https://fukushimalab.github.io/spcp/ ランディングページが１００MB読み込み． いろいろスイッチしてデータを眺めるとトータルデータ量３GBくらいなので注意．...
qiita.com
December 18, 2025 at 12:15 AM
調査：画像圧縮するベストな方法（2025） qiita.com/fukushima198...
ツール：グーグルのAIブラウザ「Disco」 複雑な作業をAIが支援 www.watch.impress.co.jp/docs/news/20...
グーグルのAIブラウザ「Disco」 複雑な作業をAIが支援
Googleは、ブラウザ操作や情報収集を効率化する実験的な「GenTabs(ジェンタブス)」を発表した。AIによるタスク支援を目的としており、まずはmacOS向けに試験提供され、ウェイトリストへの登録を開始している。
www.watch.impress.co.jp
December 18, 2025 at 12:10 AM
ツール：グーグルのAIブラウザ「Disco」 複雑な作業をAIが支援 www.watch.impress.co.jp/docs/news/20...
Tips：ベテランプログラマは生成AIをどう活用しているのか？そして初学者は生成AIをどう活用すべきか？ blog.jnito.com/entry/2025/1...
ベテランプログラマは生成AIをどう活用しているのか？そして初学者は生成AIをどう活用すべきか？ - give IT a try
はじめに これは「フィヨルドブートキャンプ Advent Calendar 2025」の15日目の記事です。fjord-calendar.jp昨日の記事は id:unikounio さんの「【Obsidian】Thinoで思考の整理を楽しもう」と、 id:hiroblogdesu さんの「フィヨルドブートキャンプに入会して丸2年が経ったのでモチベについて語らせてください」でした。今回はメンターであ...
blog.jnito.com
December 17, 2025 at 12:40 AM
Tips：ベテランプログラマは生成AIをどう活用しているのか？そして初学者は生成AIをどう活用すべきか？ blog.jnito.com/entry/2025/1...
ツール：アマゾン、Kindle本の内容を「ネタバレなし」でAIに質問可能に 作家は拒否できず japan.cnet.com/article/3524...
アマゾン、Kindle本の内容を「ネタバレなし」でAIに質問可能に 作家は拒否できず
アマゾンは、「Kindle」書籍の文章をハイライトするだけで、内容についてAIに質問できる機能「Ask this Book」を米国で提供開始した。
japan.cnet.com
December 17, 2025 at 12:21 AM
ツール：アマゾン、Kindle本の内容を「ネタバレなし」でAIに質問可能に 作家は拒否できず japan.cnet.com/article/3524...
フォント：日本人プログラマ向け、プログラミングに適した「フォント」まとめ。2025年版 www.publickey1.jp/blog/25/2025...
日本人プログラマ向け、プログラミングに適した「フォント」まとめ。2025年版
プログラミングでは、1文字でも打ち間違いがあればエラーの原因になってしまいます。 そこで似たような文字、例えば数字の「1」（いち）とアルファベットの「l」（エル）、数字の「0」（ゼロ）とアルファベットの「O」（オー）などを容易に見分けられる...
www.publickey1.jp
December 15, 2025 at 11:47 PM
フォント：日本人プログラマ向け、プログラミングに適した「フォント」まとめ。2025年版 www.publickey1.jp/blog/25/2025...
ニュース：Amazon、一部のKindle本がEPUBまたはPDF形式でのダウンロードに対応へ。2026年1月20日から internet.watch.impress.co.jp/docs/yajiuma...
Amazon、一部のKindle本がEPUBまたはPDF形式でのダウンロードに対応へ。2026年1月20日から【やじうまWatch】
Amazonが、Kindleストアで配信される電子書籍について、DRMを適用せずに出版し、EPUBもしくはPDF形式でのダウンロードに対応するオプションを2026年1月20日から追加すると発表した。
internet.watch.impress.co.jp
December 15, 2025 at 11:46 PM
ニュース：Amazon、一部のKindle本がEPUBまたはPDF形式でのダウンロードに対応へ。2026年1月20日から internet.watch.impress.co.jp/docs/yajiuma...
Webサービス：技術書の読み放題サービス「TechLib」が開始、インプレス、オーム社、翔泳社など10社が参加 forest.watch.impress.co.jp/docs/bookwat...
技術書の読み放題サービス「TechLib」が開始、インプレス、オーム社、翔泳社など10社が参加／本文も含めた全文検索機能アリ、ソースコードはコピペ可能【Book Watch/ニュース】
テックリブ（株）と（株）Legal Technologyは12月15日、ITエンジニア向け技術書籍の読み放題サービス「TechLib」の提供を開始した。月額3,080円のサブスクリプションで利用でき、個人では10日間、法人では15日間の試用が可能。法人の場合はボリュームディスカウントも用意されている。
forest.watch.impress.co.jp
December 15, 2025 at 11:44 PM
Webサービス：技術書の読み放題サービス「TechLib」が開始、インプレス、オーム社、翔泳社など10社が参加 forest.watch.impress.co.jp/docs/bookwat...
セキュリティ：Next.jsの脆弱性を数日放置したら暗号通貨マイナーを仕込まれた話 qiita.com/KeppyNaushik...
Next.jsの脆弱性を数日放置したら暗号通貨マイナーを仕込まれた話 - Qiita
やったら動作が遅いなと思ったら、いつの間にか CPU 使用率が100%に。 これはもしや...と思ったら、まさにでした。 PM2にログが残っていたのが救い。 後は、Claude Code におまかせしました。 以下、備忘録： はじめに 2025年12月、運用していた複数の...
qiita.com
December 14, 2025 at 11:58 PM
セキュリティ：Next.jsの脆弱性を数日放置したら暗号通貨マイナーを仕込まれた話 qiita.com/KeppyNaushik...
Webサイト制作：StudioにLottieアニメーションを取り入れよう！（裏技もあるヨ） necco.inc/note/55917/
StudioにLottieアニメーションを取り入れよう！（裏技もあるヨ） | necco Note | necco inc.（ネッコ）
ウェブサイトに手軽にアニメーションを取り入れられる、Lottie（ロッティー）。少々前にはなりますが、2023年のアップデートにより、ノーコードプラットフォームStudio製のサイトにも、とても手軽に取り入れられるように […]
necco.inc
December 14, 2025 at 11:55 PM
Webサイト制作：StudioにLottieアニメーションを取り入れよう！（裏技もあるヨ） necco.inc/note/55917/
ツール：Googleの新エディタ『Antigravity』試してみたメモ zenn.dev/junpei_katay...
Googleの新エディタ『Antigravity』試してみたメモ
zenn.dev
December 11, 2025 at 11:48 PM
ツール：Googleの新エディタ『Antigravity』試してみたメモ zenn.dev/junpei_katay...