萌尽狼グ

同人音楽サークルkaguyadepth代表、萌尽狼(もえつきろ)の個人ブログ

ASIA LUNARウェブサイトを最終リニューアルしました(その1)

f:id:moetsukiro:20180330052550j:plain
http://asialunar.info/

昨日、ASIA LUNARウェブサイトのファイナルエディションを公開しました。
ゲーム音楽アレンジとゲーム音楽風オリジナル曲で21年同人活動してきた私、萌尽狼(もえつきろ)の全作品データを完全網羅しました。
トップページにはpixiv APOLLO同様の15秒試聴を連続再生する機能を実装し、音楽作品140タイトルを35分で一気に聴くことができるようになりました。

その1ではまず、リニューアルの概要についてまとめます。


【注目】pixiv APOLLO同様の15秒試聴を連続再生する機能を実装

f:id:moetsukiro:20180330102330j:plain

今回のリニューアルの目玉です。
トップページの「Discography」に、pixiv主催のインターネット同人音楽即売会「APOLLO」と同様の、1作品15秒の試聴MP3を次々と連続再生する機能を実装しました。
これにより、私の過去21年分の音楽作品140タイトルを35分で一気に聴くことができます。

スマートフォンなどで連続再生が機能しない場合があります。また、Internet Explorerなどで時間表示の文字化けやプログレスバーが機能しない場合があります。ご了承ください。


サイトマップ

「Works(作品詳細ページ)」は新たに追加したページです。
ゲームボーイサウンドフォント 特設サイト」と「禁重音狂奏曲 特設サイト」のURLは変更ありません。
2018年1月のリニューアルで復活した「旧作品特設サイト」は「Works」ディレクトリ下に移動したのでURLが変更になりました。


ナビゲーションバー

f:id:moetsukiro:20180330081634j:plain

左側がサイト全体のメニュー(サイト全体で同一内容)、右側がこのページのメニュー(表示されているページによって項目が変わる)となっています。
画面幅が狭い場合は二段で表示され、スマートフォンではハンバーガーメニューになります。

トップページ以外では「Works」がハイライト表示されます。

▼(逆三角形)をクリックするとサブメニューが表示されます。「Works」はサブメニューでは「作品詳細ページ」と表示されます。

私の顔写真をクリックするとSNSやブログ等へのリンクが表示されます。
顔写真を入れたのは「萌尽狼」という名前だけだとそれが何なのかよくわからないと思ったからです。


トップページ

http://asialunar.info/

トップページのコンテンツは、大きく4つのセクションに分かれています。

  • About
  • Information
  • Discography
  • Photo Gallery

トップページ「About」

f:id:moetsukiro:20180330102400j:plain
http://asialunar.info/#about

前身サークルD.W.B.C.とEDIA LABEL、本サークルASIA LUNAR、そして後身サークルkaguyadepthのシンボルマークと概要をタイムライン形式でまとめました。
また、サークル概要と一部重複しますが私のプロフィールをまとめました。


トップページ「Information」

f:id:moetsukiro:20180330102404j:plain
http://asialunar.info/#information

サークルのお知らせをまとめました。
後身サークルkaguyadepthへの橋渡し役として、当面の間ASIA LUNARでもkaguyadepthの同人イベント参加告知を行う予定です。


トップページ「Discography」

f:id:moetsukiro:20180330102337j:plain
http://asialunar.info/#discography

トップページのメインコンテンツです。

「Works(作品詳細ページ)」と区別する目的で「Discography」としましたが、ディスコグラフィーというワードには、その人にまつわるあらゆる作品を網羅するものという意味もあるということで、音楽作品のみならず、ゲーム音楽イベント、フリー素材、ブログパーツ、ラジオといった私の同人活動すべてをここにリストアップしました。


トップページ「Photo Gallery」

f:id:moetsukiro:20180330102333j:plain
http://asialunar.info/#gallery

同人即売会ゲーム音楽イベントの記録写真をまとめました。
写真をクリックするとモーダルウィンドウで拡大表示されます。


Works(作品詳細ページ)

f:id:moetsukiro:20180330102326j:plain
http://asialunar.info/works/

トップページの「Discography」にある詳細ボタンに対応したページです。過去に発行したすべての作品データをこの1ページにまとめました。

「Discography」は発行日順にリストアップしていますが、「Works(作品詳細ページ)」ではジャンル別に作品を分類しています。
大分類はこれまで使ってきた「仮想サントラ」というワードが一般的ではないということで、今回「ゲーム音楽風オリジナル曲」に改めました。
また「ふぉ~ぽりふぉにっくまじっく」といったシリーズ名ではなく、「ゲームよろず(チップチューン)」というワードで小分類しました。

分類上は「ゲーム音楽アレンジ」と「ゲーム音楽風オリジナル曲」に分けましたが、ゲーム音楽アレンジとオリジナル曲が混在している作品も多いので、トラックリストのオリジナル曲は緑色で強調表示しています。


ゲームボーイサウンドフォント 特設サイト

f:id:moetsukiro:20180330102322j:plain
http://asialunar.info/gbsf.html

ナビゲーションバーのリニューアルにともない、メインコンテンツのタブをなくして、レイアウトを見直しました。
内容に大きな変更点はありませんが、ユーザー作品紹介をタイムライン形式に変更し、新作の追加とTmBox閉鎖によるリンク切れ削除を行いました。



禁重音狂奏曲 特設サイト

http://asialunar.info/monophonic_chiptune.html

内容に大きな変更点はありません。
ナビゲーションバーの右側メニューは「CD Info」のタブにのみ対応しています。
他のタブ(About、Lecture、Entry、Blog)を開いているときは右側メニューが機能しません。ご了承ください。


旧作品特設サイト

内容に大きな変更点はありませんが、試聴MP3は削除しました。
今後「Works(作品詳細ページ)」と同様のクロスフェードデモに切り替える予定です。


今後について

「Works(作品詳細ページ)」のクロスフェードデモが出揃ってないので、随時更新していきます。