
投稿日
Webクリエイターボックスの2024年を振り返る
今年も残りあとわずか!一年間お世話になりました!毎年思いますが早いですね。という事で例年どおり、Webクリエイターボックスが今年1年どんな変貌を遂げたのか、そしてWebクリエイターボックス内でよく読んでもらった記事やPodcast、SNSでシェアした記事などを紹介しようと思います。いくつ覚えていただけてますかね? :3
2024年ハイライト
今年あった出来事です。相変わらず書籍関連頑張ってます。個人的には当ブログをWordPressからNext.jsに移行したのが一番の変化でしたね!
- 2月15日 拙著『1冊ですべて身につくJavaScript入門講座』が「ITエンジニア本大賞2024」の大賞と特別賞のダブル受賞しました
- 3月2日 拙著『改訂版 1冊ですべて身につくHTML & CSSとWebデザイン入門講座』が発売されました
- 6月 拙著『1冊ですべて身につくJavaScript入門講座』の韓国語版が出版されました
- 6月6日 Podcast「ManaのWebクリエイターカフェ」100回記念の公開収録を行いました
- 10月 雑誌『Web Designing 2024年12月号』にインタビュー記事が掲載されました
- 11月23日 WordPressからNext.js + microCMS + Vercel に移行&リデザインしました
- 11月30日 Life Hack Camp Vol.10に登壇しました
- 12月20日 拙著『1冊ですべて身につくWeb & グラフィック デザイン入門講座』が発売されました
- 12月21日 WEB TOUCH MEETING 年末SPに登壇しました
アクセスの多かった記事 トップ 10
今年書いたものでアクセスの多かったものトップ 10。ChatGPTやWordPressからの移行をテーマにした記事がよく読まれました。
1. バナーデザイン練習 10本ノック

2. 「ITエンジニア本大賞2025」の特別ゲストに選ばれました!

3. コーディングもするWebデザイナーがSTUDIOでWebサイトを作ってみた

4. Tailwind CSSを使う時の疑問と解決方法

5. ChatGPTを活用したデザイン制作

6. 書籍執筆しました!『1冊ですべて身につくWeb & グラフィック デザイン入門講座』

7. ChatGPTでデザインのレビューをしてもらおう

8. 雑誌からデザインを学ぼう

9. WordPressからNext.js + microCMS + Vercel に移行&リデザインしました

10. WordPressから乗り換える?他社CMSと移行方法を紹介

人気の Podcast エピソード トップ 3
Podcastのトータル再生数の集計もしてみたので、こちらも振り返ってみます。
1. #088 WordPressのブロックテーマ制作〜制作行程をアップデート〜
HTMLのテンプレートにPHPのタグを入れ込んで作っていた方法から、ブロックテーマでの制作に変わってからの手順を、根掘り葉掘り聞いてみました。同じ悩みを持っていた方が多かったようで、週間ランキングでも1位に!
Apple Podcast|Spotify|Amazon Music
2. #083 資産となるWebデザインとは~Webサイトを長く使い続けてもらうために~
作って終わりではなく、使い続けてもらうには?資産として残していけるのか?などなど、デザインをメインに素敵なエピソードをお伺いしました!
Apple Podcast|Spotify|Amazon Music
3. #084 IT系ポッドキャストの未来〜ひまプロさんとコラボ!〜
「ひまじんプログラマーの週末エンジニアリングレッスン」の御三方とのコラボ!過去最高人数でのワイワイ回ですね!
Apple Podcast|Spotify|Amazon Music
SNSで話題のWeb関連情報 トップ 10
最後に、XやFacebook、BlueSkyなどで毎日配信しているWeb関連の情報から、アクセスの多かったものをまとめます!
1. Webサイト制作:HTML,CSS初めて1ヶ月ぐらいの人に知って欲しいCSS設計のこと
Webサイト制作:HTML,CSS初めて1ヶ月ぐらいの人に知って欲しいCSS設計のこと https://t.co/8wOnSADpsB
— Webクリエイター ボックス (@webcreatorbox) May 27, 2024
2. Webサイト制作:令和のHTML / CSS / JavaScriptの書き方まとめ
Webサイト制作:令和のHTML / CSS / JavaScriptの書き方まとめ https://t.co/e6cGvDxVMZ
— Webクリエイター ボックス (@webcreatorbox) May 14, 2024
3. Googleで「emoji kitchen」と検索すると、二種類の絵文字を組み合わせて遊べます。作られた絵文字は画像としてコピーできますよ!
Googleで「emoji kitchen」と検索すると、二種類の絵文字を組み合わせて遊べます。作られた絵文字は画像としてコピーできますよ! https://t.co/HcKfxaHhiI pic.twitter.com/KvxfwKMeWz
— Webクリエイター ボックス (@webcreatorbox) January 17, 2024
4. Webデザイン:404ページのデザインを集めたギャラリーサイト【404s】
Webデザイン:404ページのデザインを集めたギャラリーサイト【404s】 https://t.co/yVyLS68BHY
— Webクリエイター ボックス (@webcreatorbox) March 13, 2024
5. CSS:HTML・CSSで実装するかわいいフキダシのアイデア
CSS:HTML・CSSで実装するかわいいフキダシのアイデア https://t.co/tvqx5C4z7U
— Webクリエイター ボックス (@webcreatorbox) April 26, 2024
6. CSS:えっ!?まだtransformプロパティを使ってるの!?
CSS:えっ!?まだtransformプロパティを使ってるの!? https://t.co/gTNsaY9sRF
— Webクリエイター ボックス (@webcreatorbox) March 15, 2024
7. Webデザイン:Webデザインで「紙っぽさ」を出す方法を考えてみる
Webデザイン:Webデザインで「紙っぽさ」を出す方法を考えてみる https://t.co/jO3SnP8zOE
— Webクリエイター ボックス (@webcreatorbox) April 12, 2024
8. CSS:あっ、そうだ!モダンCSSをまとめておこう
CSS:あっ、そうだ!モダンCSSをまとめておこう https://t.co/h0EOaEDhef
— Webクリエイター ボックス (@webcreatorbox) January 16, 2024
9. フォント:ウェブサイト制作では、游ゴシックはおすすめしない理由
フォント:ウェブサイト制作では、游ゴシックはおすすめしない理由 https://t.co/gEt9p0HNCn
— Webクリエイター ボックス (@webcreatorbox) May 31, 2024
10. 人生に疲れたので、ChatGPTで「全肯定お姉様」設定したら、結構生きやすくなった
推しキャラで設定作り込んだら救われる民も多いのでは… → 人生に疲れたので、ChatGPTで「全肯定お姉様」設定したら、結構生きやすくなった https://t.co/WIIzovSTZz
— Webクリエイター ボックス (@webcreatorbox) September 27, 2024
Web クリエイターボックスの〇〇年を振り返る記事シリーズ
今後も Web クリエイターボックスをよろしくお願いします!