Room Number 404

このサイトについて

こんにちは。
これは技術デモとして作られたサンプルサイトです。
主にバンドやミュージシャンが利用するWEBサイトを想定して作りました。プロフィールの編集、ニュースの投稿、ライブ日程の投稿、作品情報の投稿など、一般的な音楽関連の公式サイトに必要とされる一連の機能が実装されています。

モダンな技術とデザインを用い、随所にアニメーションを実装することで快適なUIを実現しています。完全レスポンシブ対応で作られているため、スマートフォン、PC、タブレット、それぞれの端末で快適に閲覧することができます。

またNetlifyCMSを導入しているため、サイト内のほとんどのコンテンツはWEBの専門知識がなくても編集できるようになっています。

当サイトは主にGatsby.jsという静的サイトジェネレータを利用して作られています。
これはWordpressのようなCMSと比較して動作速度が速いという利点があり、またサーバーにDBを持たないためセキュリティリスクが低いのが特徴です。またGatsby.jsは SPA(シングルページアプリケーション)として動作するため、ページ遷移時のリロードが発生せず、訪問者は快適にサイトを閲覧することができます。

対応ブラウザはGoogleChromeとSafariです。
このサイトはおそらくほとんどの環境で正常に表示されますが、上記以外のブラウザや、一部の古い端末で閲覧した場合はこの限りではありません。

特徴

• 完全レスポンシブ対応
• モダンで洗練されたデザイン
• 効果的なアニメーション
• CMS導入
• SPA化による閲覧性の高さ
• 優れた表示速度
• メンテナンスコストとセキュリティリスクの低さ

主な使用技術

• Gatsby.js
• Resct.js
• JavaScript
• HTML5
• CSS3
• SASS
• Netlify
• NetlifyCMS
• Git
• Node.js
• その他、各種JavaScirptライブラリ