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

01. plotter

作品概要 #

小説やレポートを書く際のネームやプロットを組み立てるのに自分が使いたい。  
それだけだとメモ帳で十分なので、思いついた話題やストーリーを順序を気にせずに書き出して並べ替えることができたらなお良い。
また、作品を通してJavaScriptへの理解を深めたい。

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

アピールポイント #

エラーが出ないように開発中はデバッグを頑張りました。
特に自由移動できるボックスのエリア判定はクラス名で行っているのですが、スムーズに取得できてなおかつエラーが出ない方法を編みだすのに苦労しました。
また、企業の開発している「マインドマップ系」の製品と差別化するために、単純な作業で目的を達成できることが目標だったのでそのあたりの操作感は良くできたと思います。
テストプレイの際に操作方法についての説明が不足していることに気づき、ホバーメニューや使い方のタブを作ったことでより躓くことなく扱っていただける作品にすることができました。

スライド #

制作者 #

  • 赤星 ねね
  • マークアップエンジニア志望、フロントエンドエンジニア志望
  • HTML+CSS、JavaScript
  • アルタ賞、GrowGroup賞、ワンダーズ賞、メイクリー賞、アイ・セプト賞、エイトビー賞、スタジオディテイルズ賞

制作者感想 #

作品を作っている間はずっと楽しく作業をすることができました。
進めていくうちに「あれもできるんじゃないか」と機能を増やしていったのですが、なんとか問題なく実装ができて本当に良かったです。
今回は2つの外部ライブラリを使用しましたが、それぞれの公式リファレンスに使い方のすべてが詰まっており、検索したり一人で悩んだりするよりまずは公式サイトをよく読むことが大切だと思いました。
また、JavaScriptでHTMLを操作していると可読性が下がったりタグを適切に使用する意識が抜けてしまったりすることもあり、事前の計画や拡張性を意識した設計をもっと心がけることができたらなお良かったです。

コメント #

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