Meerabel ホワイトロゴ
デジタル節度と開発の舞台裏

無駄を削ぎ落とし、圧倒的に高速なエコ設計Webサイト

Meerabelは写真整理を通じてクラウドの環境負荷軽減を支援しています。自らのWebサイトも全く同じ思想で設計されており、瞬時の表示と極小の消費電力を実現しています。

なぜWebにおいて1メガバイトが重要なのか

Webページへの1回のアクセスは、サーバーの稼働、通信ネットワークの中継、端末バッテリーの消費という一連のインフラを動かします。数メガバイトの重いサイトは、世界規模で莫大な無駄な電力を消費します。

これはスマートフォンの写真整理と全く同じです。クラウドに眠る不要な数千枚の写真は電力を浪費し続けます。真に必要な価値あるデータだけを残すことが、デジタル節度の第一歩です。

私たちのミッションと環境への取り組み

客観的な検証:リアルタイムで監査可能です

第三者機関によるライブ監査

最も排出量がゼロのサイトとは「存在しないサイト」です。Meerabelは魅力的なアプリ紹介と極限の軽量化の両立を追求しています。第三者監査ツールでリアルタイムにご確認ください:

Webエコデザインを支える6つの技術的柱

基本アーキテクチャから画像圧縮技術まで、驚異的な省エネ性能を実現する具体的な技術選定をご紹介します。

Astroによる完全静的サイト生成 (SSG)

すべてのページは事前に独立した軽量HTMLファイルとして事前コンパイルされています。24時間稼働するDBサーバーは不要で、最寄りのエッジCDNから50ミリ秒未満で配信されます。

技術詳細

Astroの `output: 'static'` モードにより、バックエンドランタイム(Node.jsやPHP)なしで純粋なHTMLを配信。サーバーの不要なCPU計算を排除し、消費電力を劇的に削減します。

不要なクライアントJavaScriptをゼロに

多くの現代的なサイトは文字を表示する前に重いJSをダウンロードさせます。MeerabelはネイティブHTMLとCSSを中心に構築され、ブラウザのスクリプト実行負荷をほぼゼロに抑えています。

技術詳細

Astro Islandsアーキテクチャにより、真に必要な箇所にのみ最小限のJSを読み込みます。不要な状態管理ライブラリを排除することで端末のプロセッサを休ませ、バッテリーを長持ちさせます。

超軽量AV1コーデックによるデモ動画配信

ロイヤリティフリーの次世代AV1コーデックを採用し、WebMおよびMP4のフォールバックを用意。従来の動画エンコードと比較して60%以上のデータ転送量を削減しながら美しい画質を維持します。

技術詳細

libaom-av1を用いたマルチパスエンコードにより、デスクトップ用(5MB未満)とモバイル用(1.5MB未満)を最適化。端末がサポートする最も軽量な動画を自動選択します。

極限まで圧縮された画像(AVIF・WebP・SVGO)

ビットマップ画像はすべて高圧縮率のAVIFおよびWebP形式で配信。ベクター画像も徹底的にクリーンアップし、Meerabelのロゴは立体感を保ったまま57KBから8.8KB(-84%)まで軽量化されました。

技術詳細

SVGOによる最適化で不要なメタデータを削除し、重なり合うパスを統合。グラデーションの定義を効率化してコード量を削減しています。

自社ホストによるローカルWOFF2フォント

Google Fontsなどの外部サーバーへの問い合わせを一切行いません。フォントファイルは最もコンパクトなWOFF2形式で自社サーバーから直接配信され、無駄なネットワーク遅延を排除します。

技術詳細

`@font-face` と `font-display: swap` による厳格なセルフホスティング。外部DNS参照やTLSハンドシェイクをなくし、初速表示の向上とユーザーのプライバシー保護を徹底しています。

プライバシー重視のアナリティクスとConsent Mode v2

理念を曲げずに利用動向を把握するため、Google Analytics 4をAxeptioおよびConsent Mode v2と連携。同意を得るまでCookieはブロックされ、ページ描画完了後に遅延読み込みされます。

技術詳細

外部スクリプトは `requestIdleCallback` で遅延実行され、初期描画のCPUリソースを奪いません。Consent Mode v2により初期状態ではデータ保存が拒否され、追跡スパイウェアは一切排除されています。

主要な技術仕様一覧

アーキテクチャ / フレームワーク
Astro 5 (100% 完全静的SSG)
ホスティング基盤
グローバル分散型エッジCDN
動画エンコーディング
次世代AV1 + WebM / MP4
画像フォーマット
AVIF, WebP & SVGO最適化SVG (-84%)
Webフォント
完全セルフホストWOFF2(外部参照ゼロ)
計測ツール&スクリプト
遅延GA4 + Axeptio (Consent Mode v2)
国際化対応
8言語 静的事前レンダリング

あなたの写真にも、デジタル節度を取り入れませんか?

スマートフォンの中にも無駄なデジタルゴミが潜んでいます。Meerabelなら、オンデバイスAIでプライバシーを守りながら思い出を整理し、環境負荷を軽減できます。

無料のMeerabelアプリを見る