Webデザイン学科1年生のオンラインでの進級作品展示です。【期間限定:2021年2月4日(木)〜 2月10日(水) 2月12日(金)】※延長しました。

16. About Drum

作品概要 #

私は、高校生の時にドラムをやっており、Webデザイン学科で習ったことを活かしてドラムの良さを伝えたいと思い、この作品を作りました。
また、WebピアノやWebギターは見たことがあっても、Webドラムはあまり見たことがないと思い、より多くの人にドラムの良さや楽しさをまずは簡単に知っていただくために、Webドラムとドラムに関する情報が載っているサイトを作ろうと思いました。
また、Javascriptへの理解をもっと深めたい、もっと動いたり音が出るサイトを作れるようになりたい、これからの制作をもっと良くして行きたいと思ったので、その勉強のためにもこの作品を作りました。

プレゼンテーション動画 #

アピールポイント #

私の作品は、まず、メインであるWeb上でできるドラムです。
PCとタブレット、スマートフォンでは操作の仕方が違うので、JavaScriptを書くのに結構苦労しました。
あとは、サイトの内容です。ドラムセット自体の説明や参考サイトだけでなくバンドの話やレフティーの話など、自分の体験談も書いているところです。
実際の体験談があった方が良いと思い、書きました。
最後にとても地味なとことではあるのですが、footerの位置の調節です。
内容量によっては、footerが上に来てしまったり、スクロールの途中で上がってきてしまったりしていたのですが、ページごとにうまく調節することに成功したところです。

スライド #

制作者 #

  • 西原 理菜
  • Webデザイナー志望
  • HTML+CSS、JavaScript
  • GrowGroup賞、メイクリー賞、トガル賞

制作者感想 #

私はJavaScriptがあまり得意ではなかったので、Web上でできるドラムの音を出せるようにするのが大変でした。
特に、PCはキーボード操作、タブレットとスマートフォンは画面タッチの操作にしなければならなかったので、それが難しかったです。
ドラムをやっていたと言っても専門的な知識があるわけではないので、各パーツの説明などを他のサイトで調べていくうちに、ドラムについても、色々なサイトの見せ方についても学ぶことができてよかったです。
自分のblogには今までJavascriptを使っていなかったので、これを機にデザインを変えたり、JavaScriptを追加したりして、より良いブログ、サイトにできるようにもっと努力しようと思いました。

コメント #

作品ならびにプレゼン動画の閲覧ありがとうございました。
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。よろしくお願いいたします。