Webクリエイターボックス

@webcreatorbox

Webデザイン、Web制作に関する記事を投稿しています。拙著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』他。『1冊ですべて身につくJavaScript入門講座』ITエンジニア本大賞2024 技術書部門大賞＋特別賞ダブル受賞🏆 https://amzn.to/3PTFL5x

Japan

Joined November 2009

3Following

90KFollowers

Pinned

Webクリエイターボックス@webcreatorbox · Mar 27

Webクリエイターボックス新着記事：書籍執筆しました！『CSSとJavaScriptで作る動くUIアイデアレシピ』 webcreatorbox.com/blog/wcb-book7 ボタン／画像／背景・画面遷移／ナビゲーションメニュー／スクロールなど、よく見かけるUIパーツの動きを紹介！実際にページになった時を想定して学習を進められます！

webcreatorbox's tweet card. HTMLやCSS、JavaScriptの入門書を書いてきた私ですが、それらの基礎を一通り学習した方向けに『CSSとJavaScriptで作る動くUIアイデアレシピ』という本を執筆しました！2025年4月15日発売です！

248

38.0K

Webクリエイターボックス@webcreatorbox · 17 h

日替わりセールで拙著Kindle版が今日だけ499円！まだ持ってないよって方、電子書籍版も欲しいって方はぜひ！！

でできるもん＠インプレス@dekirumonn · 22 h

📢『CSSとJavaScriptで作る動くUIアイデアレシピ』 Kindle日替わりセール‼ 今日だけとってもお得だもん🔥 ぜひチェックしてほしいもん☑ amazon.co.jp/CSS%E3%81%A8Ja…

6.0K

Webクリエイターボックス@webcreatorbox · Jul 25

『デザインは写真が9割 “写真”に着目した新しいデザイン書』読みました！ webcreatorbox.com/books/237 構図や配色の考え方を写真に取り入れつつ、全体のバランスを見ながら完成させていく手順が解説されています。見本、解説、比較を繰り返してくれるので、考え方を浸透させられますよ。

webcreatorbox's tweet image. 『デザインは写真が9割 “写真”に着目した新しいデザイン書』読みました！ webcreatorbox.com/books/237

構図や配色の考え方を写真に取り入れつつ、全体のバランスを見ながら完成させていく手順が解説されています。見本、解説、比較を繰り返してくれるので、考え方を浸透させられますよ。

6.0K

Webクリエイターボックス@webcreatorbox · Jul 25

Webサービス：GitHub、自然言語の指示だけでアプリが自動生成される「GitHub Spark」パブリックプレビュー開始 publickey1.jp/blog/25/github…

webcreatorbox's tweet card. GitHubは、自然言語で指示するだけで生成AIによってTypeScriptとReactを用いたフルスタックのアプリケーションが自動的に生成される「GitHub Spark」のパブリックプレビュー開始を発表しました。 Today we’re...

4.0K

Webクリエイターボックス@webcreatorbox · Jul 24

HTML：最近のHTMLを改めてちゃんと学んでみた zenn.dev/dinii/articles…

webcreatorbox's tweet card. 最近のHTMLを改めてちゃんと学んでみた

544

392

30.0K

Webクリエイターボックス@webcreatorbox · Jul 24

セキュリティ：アニメ公式サイトがいつの間にか“オンカジ誘導サイト”に変わっていた？　事務所「すでに対応をお願いしている」 itmedia.co.jp/news/articles/…

webcreatorbox's tweet card. 懐かしいアニメの公式サイトを見たら、なぜかオンラインカジノの宣伝サイトになっていた──と、X上で話題になっている。

4.0K

Webクリエイターボックス@webcreatorbox · Jul 23

マーケティング：ユーザーの声を聴き続けて「新しい事業」を生み出しGMVは月数十億円に成長。「ワンバンク」のスマートバンクのサービス成長の裏側。Think N1シートと「不合理な代替手段」を見つける理由。 markelabo.com/n/n7c33291a73c8

webcreatorbox's tweet card. スマートバンクさんを取材しました。（左から）株式会社スマートバンクプロダクトマネージャー稲垣慶典さん、マーケティング部部長土屋信博さん。 200万ダウンロードを超える「ワンバンク」などを運営するスマートバンクさんに成功施策や事業開発の裏側を聞きました。本連載の一部は2026年に出版される書籍にも収録予定です。（取材申請はコチラから） ⸺ここまで「ワンバンク」はどのように成長して...

6.0K

Webクリエイターボックス@webcreatorbox · Jul 23

ツール：Figma Makeで1日でポートフォリオサイト作れた note.com/suzzken/n/n3b3…

webcreatorbox's tweet card. Figma大好き芸人です。最近、FigmaがいろいろAI関連の新しいツールを出しているということで、ちょっと試しに色々使ってみようとこの週末触っていました。そもそもの話僕自身、映像を作り始めて20年（この間数えたらほんとうにそうだった）やっているのですが、何度もポートフォリオサイトは作っては「違うな〜」となって辞めて・・・を繰り返していました。一番最初はAppleの「iWeb」、それか...

8.0K

Webクリエイターボックス@webcreatorbox · Jul 22

Webサービス：IT界隈の動物たち zenn.dev/niharu/article…

4.0K

Webクリエイターボックス@webcreatorbox · Jul 22

フォント：ウェブ制作者のためのNoto Sans JP最新実装ガイド ics.media/entry/250718/

webcreatorbox's tweet card. Notoファミリーは「すべての言語で文字化けのない世界」を掲げて開発されたフォント群です。通常のフォントでは、該当する文字（グリフ）が存在しない場合、代替として四角い記号が表示されます。

6.0K

Webクリエイターボックス@webcreatorbox · Jul 18

『モデルベースUIデザイン構造化UIと情報設計の方法論』読みました！ webcreatorbox.com/books/236 なんとなくかっこいいから…とデザインしているデザイナーや、デザイナーの意図が汲み取れず困惑するエンジニアにもおすすめ。デザイナーとエンジニアが共通の認識を持って進むためのヒントがたくさん！

webcreatorbox's tweet image. 『モデルベースUIデザイン構造化UIと情報設計の方法論』読みました！ webcreatorbox.com/books/236

なんとなくかっこいいから…とデザインしているデザイナーや、デザイナーの意図が汲み取れず困惑するエンジニアにもおすすめ。デザイナーとエンジニアが共通の認識を持って進むためのヒントがたくさん！

5.0K

Webクリエイターボックス@webcreatorbox · Jul 18

アクセシビリティ：ドロップダウンメニューに対するアクセシビリティリンターを用いたAIコーディング比較 creators.bengo4.com/entry/2025/07/…

webcreatorbox's tweet card. こんにちは、弁護士ドットコムでクラウドサインというサービスのフロントエンドを実装している林 @rinyu_tech です。最近は、AI コーディングで UI コンポーネントを生成させることも増えてきました。しかし、AI はアクセシビリティに配慮しないコードを生成することもあります。今回は、AI にアクセシブルなコード…

6.0K

Webクリエイターボックス@webcreatorbox · Jul 17

Webサイト：アプリのアイコンを埋め込んだモックアップ画像を作成できます。背景やアイコンの表示位置を調整可能。【iOS App Icon Mockup Generator】 iconcraft.app/app-icon-mockup

3.0K

Webクリエイターボックス@webcreatorbox · Jul 17

AI：AI時代の新たな疲労：なぜ私(たち)は『説明のつかないしんどさ』を抱えているのか syu-m-5151.hatenablog.com/entry/2025/07/…

webcreatorbox's tweet card. しんどくなったので説明した。良くなるかもしれないし悪化するかもしれません。はじめに私たちは常に「強くあること」を求められている。生成AIよりも成果を出すことを求められている。 NEXUS 情報の人類史下 AI革命作者:ユヴァル・ノア・ハラリ河出書房新社Amazon かつては人間同士の競争だった。同僚より早く仕事を…

6.0K

Webクリエイターボックス@webcreatorbox · Jul 17

ツール：amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい zenn.dev/sesere/article…

webcreatorbox's tweet card. amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい

4.0K

Webクリエイターボックス@webcreatorbox · Jul 16

Webサービス：グーグルのNotebookLM、専門家と連携した「注目のノートブック」を提供開始 k-tai.watch.impress.co.jp/docs/news/2031…

webcreatorbox's tweet card. 　グーグルは、AIサービス「NotebookLM」のトップページに「Featured notebooks（注目のノートブック）」セクションを追加した。世界中の著名な著者や研究者、出版物、非営利団体と協力して作成されたノートブックを閲覧できる。

4.0K

Webクリエイターボックス@webcreatorbox · Jul 15

Webサイト：円をぐりぐり動かしてお題の色を当てるパズルゲーム【Hued】 playhued.com

3.0K

Webクリエイターボックス@webcreatorbox · Jul 15

お知らせ：2025/9/13（土）Webクリエイティブに関わるポッドキャスト11番組が集まり、原宿のスタジオからお届け！Webクリエイターボックスの #ウェブカフェも参加します！【Web Creator Podcast day 2025】 webcreator-podcast-day.com

3.0K

Webクリエイターボックス@webcreatorbox · Jul 15

Webサイト制作：Appleの新UI「Liquid Glass」風のボタンをコピペで実装！角丸や余白の調整可能です。【Liquid Glassifier】 glass.danilofiumi.com

webcreatorbox's tweet card. Build your custom Apple Liquid Glass button and use it on your own webpage

4.0K

Webクリエイターボックス@webcreatorbox · Jul 15

イベント：私の地元広島で行われるPythonのカンファレンス【PyCon JP 2025】に申し込みましたー！Pythonめっちゃ初心者ですけど！どきどき… 2025.pycon.jp/ja

webcreatorbox's tweet card. PyCon JP 2025のトップページです

5.0K

Webクリエイターボックス@webcreatorbox · Jul 14

ツール：【2025年最新】無料で使える！Cursor代替オープンソースツール10選 qiita.com/Nakamura-Kaito…

webcreatorbox's tweet card. こんにちは、Nakamura Kaitoです。最近、AIコーディングアシスタントが開発現場で大活躍していますよね。中でも人気の高いCursorですが、最近ちょっとした騒動があったのをご存知ですか？ Cursorの価格変更騒動 2025年6月16日、Cursorが突如Pro...

4.0K

Webクリエイター ボックス

Webクリエイターボックス