大阪のminiaxonでは、Figma、Trello、純粋なHTML/CSS、堅牢なCMS、高速ホスティング、そして日次バックアップを組み合わせた実務環境を標準化しています。肥大化したプラグイン群やブラックボックスの構築ツールを排し、検証可能な手��きコードと透過的なタスクボードで進行します。
デザインはすべてFigmaで制作し、クライアントとブラウザ上でリアルタイム共有します。タイポグラフィ、余白の8pxスケール、配色トークンをオートレイアウトでコンポーネント化。画面幅320pxから1920pxまでの挙動を実装前に目視確認できるため、コーディング後の「思っていたレイアウトと違う」という手戻りを根絶します。
制作の進行管理にはTrelloを採用しています。メールのやり取りで埋もれがちな「誰が・何を・いつまでに確認するか」をカード単位で管理。契約で定めた1〜3回の修正ラウンドをカードのステータス移動で厳密に追跡するため、予定外の追加費用や納期の遅延が発生しません。
miniaxonのコーディングは、ピュアなHTML5、CSSカスタムプロパティ、バニラJavaScriptによる手作業です。不要なnpm依存や重いJavaScriptバンドルを徹底的に削ぎ落とすことで、Google Lighthouseのパフォーマンススコア95点以上とCore Web Vitals基準（LCP, CLS, INP）の合格を日常的に達成します。
Google AdsやMicrosoft Advertisingなどの広告出稿時、ランディングページの読み込み速度は品質スコアと獲得単価に直結します。表示遅延で離脱されるリスクを工学的に最小化しています。
お知らせや制作実績など、クライアント自身で随時更新が必要な箇所のみに絞ってCMSを導入します。全体をCMS任せにして表示速度を犠牲にするのではなく、公開側は高速なキャッシュまたは静的出力、管理側は強固な二要素認証とIP制限で保護するハイブリッド構成を推奨しています。
サーバー環境には高速NVMeストレージ、HTTP/3対応、TLS 1.3通信暗号化を完備したインフラを選定します。静的ファイルとデータベースは日次で別拠点ストレージへ自動暗号化バックアップを行い、万一の障害時にも3時間以内のロールバック復旧が可能な体制を敷いています。
私たちが現場で使用するソフトウェアと基盤の採用根拠です。流行り廃りの激しいフレームワークに依存せず、長期的な保守性を優先しています。
| プロトタイプ・UI設計 | Figma（デザインシステム構築、コンポーネント化、レスポンシブ検証用フレーム） |
|---|---|
| タスク・進行管理 | Trello（カンバン方式、修正要望のチケット管理、フェーズ進捗共有） |
| フロントエンド言語 | セマンティックHTML5、CSS3（カスタムプロパティ・Grid・Flexbox）、モダンJavaScript（ES6+） |
| バージョン管理 | Git / GitHub（ブランチ管理、変更差分の完全記録、自動ビルドテスト） |
| 対応CMS | WordPress（独自軽量テーマ）、静的サイトジェネレーター、ヘッドレスCMS |
| サーバーインフラ | 国内高速クラウド/VPS（KUSANAGI環境、Nginx、HTTP/3、常時SSL/TLS 1.3） |
| バックアップ仕様 | 日次自動スナップショット、外部暗号化オブジェクトストレージ保存（30世代保管） |
| 広告計測連携 | Google Ads（gclid）、Microsoft Advertising（msclkid）、Meta Ads（fbclid）、Consent Mode v2実装 |
仕様に合わせたお見積りや機能シミュレーションはこちら
