06. 初心者の自動生成サイト
作品概要 #
右も左も分からないようなhtml、cssの初心者向けにサイトの外観とそこにかいてある要素の詳細がすぐ分かるリンクが用意してあるサイトがあったらいいなと思って制作しました。
サイト制作や用語理解の一助になってほしいという意図です。
制作目的は、JavaScriptを理解を進めてこれからの制作物に新たな動作や制御を追加できるようになったり、知らない知識を吸収することに免疫を付けたいというものです。
そうすれば、この先制作するものの幅が広がるし、JavaScript以外のプログラミング言語を覚える際にもここでの経験が活きるかなと思ったからです。
プレゼンテーション動画 #
アピールポイント #
色の処理を一番書きました。乱数を作って色を嵌め込んでいるので毎回ランダムな配色になり、且つ乱数が被らない処理をしているので色が重複しないようになっています。
マウスオーバー時にテキストの長さが短くなり、マウスオーバー前と入れ替わり続けるループが起きる場所にはpaddingの追加をしました。
初心者向けなので「わかんないよモード」を追加しました。クリックすると選択肢の用語を知らない人でも分かるような文章になり、横にリンクが出るようにもしました。
そして、選択・入力画面の注釈にも書いてあるsitename空白判定の所は、半角全角スペースが入っている場合でも空白判定するようになっています。
制作者感想 #
やっている内に読めるコードが増えていったのが楽しかったし、ユーザーのことを考えた機能を思いついて実装出来た時は達成感がありました。
でも一週間ほっといたら迷子になるくらい纏まりがない書き方なので、もう少しスマートに書けるように、もしくはjQuery使えるようになりたいです。
自動生成の定義は詳しく知らないがなんちゃって自動生成になってる部分がある気がするので作品名詐欺にならないか不安です。
それと、一つ一つの完成にかける時間が長くて生活リズムが崩れたりしたので、JavaScriptの基礎知識が足りないなと感じました。
- 次の作品: Short stories
- 前の作品: apex funlegend
コメント #
作品ならびにプレゼン動画の閲覧ありがとうございました。
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。よろしくお願いいたします。