LIGでフロントエンドエンジニアをしているいとしゅんです。
Slackのtimesに、日々気になったWebサイトやWeb関連ニュースをメモのように残しているのですが、社内でも「参考になる」と言ってもらえることが多いので、月ごとにまとめて公開しています。
今回は2026年3月版として、気になったサイト・ツール・読みものをジャンル別にまとめます。Web制作に携わる方のインプットの参考になればうれしいです。
▼前回の記事はこちら 今月フロントエンドエンジニアが気になったWebサイト・ニュース38選【2026.2】
Shunsuke Ito
目次
- 今月気になった「Webサイト・表現」
- MAPPA 設立15周年記念特設サイト
- 城西大学WALKING NOTE
- ORYZO AI
- DEPARTURE_MONOv1.500
- KIRIN MY WAYS
- 読めない、GUNZE。｜ グンゼ株式会社 130周年特設サイト
- 株式会社W4Partners
- 元祖大阪みたらしだんご | 大阪名物！むか新の”逆みたらし”
- Otherkind
- Ogginok Studio
- The Blackbird Awards
- お弁当の調理・配送スタッフ募集｜おたりフードサービス｜長野県小谷村
- Adovasio Photography Studio
- いきものがかり meets 2
- ビックアイデア
- Three.js Conf Paris
- 『ポケットモンスター ウインド・ウェーブ』公式サイト
- shift5.io
- Meevee – Ending endless screen time
- 今月気になった「ツール・プラットフォーム」
- 今月気になった「ニュース・読みもの」
- 今月のひとこと
今月気になった「Webサイト・表現」
MAPPA 設立15周年記念特設サイト
アニメーションスタジオMAPPAの設立15周年記念サイト。
黒背景にアニメーションのビジュアルが広がるシンプルな構成で、ラインナップ発表会・展示会・グッズ販売など今後の展開を告知するティザーページ。
城西大学WALKING NOTE
https://www.josai.ac.jp/tekuteku/
「てくてく」をテーマにしたアニメーションやイラストが特徴的で柔らかい雰囲気になっています。
各学部の学びを「バズった店の経済学」「蝶の翅の色の仕組み」など日常の疑問から紹介していて、読み進めるのが楽しいです。
ORYZO AI
コルクコースターのフィクションサイト。
AIスタートアップのLPをまるごとパロディにした内容もさることながら、滑らかなWebアニメーションとインタラクションが見どころで、スクロールのたびに演出が展開していく。受賞歴のあるクリエイティブスタジオのショーケース的な一面もあり、動きの参考としても刺さるサイト。
DEPARTURE_MONOv1.500
Helena Zhangによるモノスペースのピクセルフォントの紹介サイト。
初期のCLIやGUIの制約、90年代末〜00年代初頭のピクセルフォント、SFのビジュアルからインスパイアされたデザインで、lo-fiでテクノロジー感のある雰囲気が特徴。
KIRIN MY WAYS
https://myways.kirinholdings.com/
キリンホールディングスのWebメディア。
記事一覧が色とりどりの本を積み重ねたような見た目で並んでいて、ページ全体がカラフルな本棚のように見えます。
生き方・働き方をテーマにしたコンテンツを、ざっくり眺めながら読みたい記事を選べる構成になっています。
読めない、GUNZE。｜ グンゼ株式会社 130周年特設サイト
https://www.gunze.co.jp/130th/
グンゼの130周年記念サイト。老舗企業とは思えないポップでエネルギッシュな印象。
巨大な「？」マークからはじまり、会社の全貌を一本のストーリーとして見せる流れになっています。
株式会社W4Partners
デジタル企業のオールジャパン化を掲げるW4 Partnersのコーポレートサイト。
オフホワイト×ゴールドの上品な配色に、SVGアニメーションで動く多面体のシンボルマークが印象的です。
元祖大阪みたらしだんご | 大阪名物！むか新の”逆みたらし”
大阪の老舗みたらし団子ブランドのサイト。
イエロー×ベージュの温かみのある配色に、手書き風のイラストやゆるキャラがスクロールに合わせて動き、和菓子らしい親しみやすさをポップに表現しています。
Otherkind
NYCとソウルを拠点に活動するデザインスタジオ。
白背景に極太セリフ体のロゴが画面いっぱいに広がる潔いビジュアルが印象的で、ロゴにホバーするとベジェ曲線のパスが現れクリックで動くという、デザインツールを彷彿とさせるさりげない遊びも仕込まれている。
Ogginok Studio
Nike、Instagram、Spotifyなど大型プロジェクトのUX/UIを手がけるデザインスタジオのポートフォリオサイト。
黒背景に映像・ビジュアルを大きく見せるギャラリー形式で、Web3ゲームからブランドリフレッシュまで幅広い仕事が並ぶ。
The Blackbird Awards
新しいWebサイトアワードのティザーサイト。
黒背景に炎をまとったトロフィーの3DCGが広がる、エネルギッシュなビジュアルが印象的。
お弁当の調理・配送スタッフ募集｜おたりフードサービス｜長野県小谷村
https://otari-food.com/recruit/
長野県小谷村の食品会社の採用サイト。
黒背景にアクセントカラーを効かせたデザインで、地方の食品会社とは思えないほどエネルギッシュな仕上がり。
Adovasio Photography Studio
イタリアを拠点にするウェディングフォトグラファーのポートフォリオサイト。
クリーム色の背景に写真をコラージュ状に重ねながら縦スクロールで展開していく構成で、フィルム写真のような質感とエディトリアルな余白使いが心地よい。ウェディングサイトながら過度に甘くならない、洗練されたトーンが印象的。
いきものがかり meets 2
https://www.sonymusic.co.jp/Music/Info/Ikimonogakari/meets2/
いきものがかりのアルバムのプロモーションサイト。
黄色・青・ピンクの明るい配色にゆるいキャラクターイラストが画面いっぱいに広がり、見ているだけで楽しい気分になります。
ビックアイデア
https://www.biccamera.com/bc/c/bicidea/index.jsp
ビックカメラのオリジナル生活家電ブランドのサイト。
赤いロゴを中心に電球・タップ・ヘアドライヤーなどの商品が浮遊するファーストビューに引き込まれます。
Three.js Conf Paris
パリで行われるthree.jsのカンファレンスサイト。
WebGPUを使ったより滑らかでグラフィカルなインタラクションが楽しめます。
『ポケットモンスター ウインド・ウェーブ』公式サイト
https://www.pokemon.co.jp/ex/winds_waves/ja/
Webフレームワーク「Astro」で作られていることでも話題となったサイト。
波と風をモチーフにしたデザインとポケモンの壮大な世界観にあったBGMで楽しめます。
shift5.io
米国の防衛・航空向けサイバーセキュリティ企業のサイト。
鮮やかなオレンジレッドと黒・グレーの組み合わせに、モノスペースフォントで流れる2進数データの演出が印象的です。力強いサンセリフの極太タイポグラフィとモノクロの航空写真を組み合わせることで、テック感と重厚感を両立した仕上がりになっています。
Meevee – Ending endless screen time
子ども向けの画面時間を終わらせることをコンセプトにした「Meevee」のサイト。
レトロなクレイアート風のTVがメインビジュアルで、ストーリー主導の穏やかなコンテンツと親向けチャットアプリを組み合わせた、子どもを画面から優しく離すためのプラットフォームになってます。
今月気になった「ツール・プラットフォーム」
SpotTales
https://spot-tales.vercel.app/ja
旅先を入力すると、その土地にまつわる本を提案してくれるWebサイト。
京都・パリ・イスタンブールなど国内外の土地に対応していて、旅の前後に読む一冊を探すのにちょうどいい。シンプルな検索UIで、見つけた本はSNSでシェアする機能もあります。
keyb / type
タイピング練習ツール。15秒・30秒・60秒など時間を選んで英単語をタイピングするシンプルなツールで、画面下にはキーボードのビジュアルが表示される。
余計な機能を削ぎ落としたミニマルなUIで、タイピング系ツールが好きな人にはささりそう。
Welcome to Underground
安全に閲覧できるダークウェブ体験シミュレーター。
TVPaint
プロフェッショナル向けの2Dアニメーションソフトウェア。ビットマップ技術をベースに紙に描いた伝統的な作画を再現でき、世界中のアニメーションスタジオや教育機関で使われています。スタンダード版とプロフェッショナル版があり、買い切り型でサブスクリプション不要なのが特徴です。
Render
WebアプリやAIエージェントをGitHubと連携するだけで簡単にデプロイできるクラウドプラットフォーム。
KazukiKimuraJP/KazukiReiwa: TrueType Font · GitHub
https://github.com/KazukiKimuraJP/KazukiReiwa
ラテン・キリル・ギリシャ・日本語・点字に対応した無料のオープンフォント。
デザイナーのKazuki Kimuraが個人で制作しており、Light・Medium・Boldの3ウェイトが揃っている。SILオープンフォントライセンスで配布されているので商用利用も可能。
Kumo
Cloudflareが制作したコンポーネントライブラリ。
ochyai/vibe-local: Free AI coding environment: Ollama + Python · GitHub
https://github.com/ochyai/vibe-local
Apple Silicon Mac上でOllamaとClaude Code CLIを組み合わせた完全無料・オフラインのAIコーディング環境。
ネットワーク不要でローカルLLMを使ってコード生成ができ、学生や研究・教育目的での利用を想定した非営利ツールとして公開されてます。
今月気になった「ニュース・読みもの」
【速報】AnthropicのClaude AIが種から果実までトマト植物を自律的に育てるプロジェクトが100日を超えた。水・光・温度をリアルタイム管理し自ら回路を設計してハードウェアまで拡張するこのシステムはAIが生命維持と自己進化を同時に行う前例のない実証だ。pic.twitter.com/fujdspu6w4
— NEW【テクノロジーニュース】 (@sutoroveli_news) March 8, 2026
AnthropicのClaude AIが種から果実までトマト植物を自律的に育てるプロジェクト。
モチベが上がる、『推し活マウス』。 #サンワの新商品 pic.twitter.com/UfTf2Deq0X
— サンワダイレクト【公式】 (@sanwadirect) March 11, 2026
推しをマウスに入れる斜め上のアイディア。。🖱️
“寝ながらゲーム”できる「電動ゲーミングベッド」が発売中。セパレートできて、搬入しやすいhttps://t.co/hroObR5Anr
バウヒュッテの「電動ゲーミングベッド」がさらに進化。3分割できて配送サイズにコンパクト化、「背上げ」と「脚上げ」はそれぞれ細かく調節可能 pic.twitter.com/tMbhX90ZI3
— 電ファミニコゲーマー (@denfaminicogame) March 13, 2026
ベッドの上で一日中過ごしたいを叶えてくれる商品が、、
【予告】3月18日(水)お昼12時から
新サービス『POPOPO』の発表会を開催します。https://t.co/ZMEY0OtcGO
【登壇者】庵野秀明、GACKT、西村博之、手塚眞、川上量生 #POPOPO pic.twitter.com/6n97j2KtJu— POPOPO (@official_popopo) March 11, 2026
どのようなSNSになるのかワクワク。。
プログラマーあるある、よかれと思って改修したら実装者の方が深く考えてて改悪だった。
— へっぽこプログラマー@個人開発・アプリ開発 (@nomadicdevx) March 9, 2026
わかりみが深い。。。
Vite 8.0がリリース。ビルド速度がさらに速くなりました。
2026年2月24日、Cloudflare が Vinextを発表。Vinextはどうしてこんなに速いのか調べた記事。
Cloudflareの無料プランだけで個人サイトのセキュリティ対策が完結した実体験をまとめた記事。
AWS AmplifyやGitHub Pagesとの比較表を交えながら、WAF・ボット対策・AIクローラー対策などが無料で使え、DNS・証明書・CDNが一つのダッシュボードで管理できる利便性について詳しく解説してます。
決して他人事ではないニュースかもしれない。。
エンジニアにとってはなんだが懐かしくも寂しくもなるような文章にグッときました。
今月のひとこと
今月は、老舗企業の周年サイトから地方の採用ページまで、規模やジャンルを問わず「つくり手の熱量」が伝わるサイトが多い印象でした。
ニュース面では、AIがコードを書くだけでなく農作物を育てたり、声で報告したりと、活躍の場がじわじわと広がってきています。広告制作業の倒産ラッシュや、ベテランエンジニアの引退エントリなど、少し立ち止まって考えさせられる話題もあった月でした。
また来月もまとめます。それでは！
- ここまで読んでくださりありがとうございます！
- LIGブログでは、エンジニアやデザイナーが日々の学びや気づき、技術情報などを発信しています。Web制作やフロントエンドに興味がある方は、ぜひ他の記事も読んでみてください！
