「HTML5」カテゴリーアーカイブ

最後の言葉

2020-02-21 くどーきーちコメントする

1.取り組んだ内容

私は今回のゼミで、アフターエフェクトでのグルメマップ作成とプレゼン資料作成の補助を行いました。

2.よくできたところ

グルメマップは元となる道のマッピングを細かくしっかりとやったため、完成時の出来も良いものになりました。

3.うまくいかなかったところ

プレゼン資料作成時、どういう流れでプレゼンするのかをメンバー内で審議しましたがなかなか意見がまとまりませんでした。納得のいく仕上がりになったのは全体発表の直前くらいだったと思います。また、資料を作成したメンバーと実際に発表するメンバーが違って混乱したり、資料を作成するうちに論点がどんどんずれたり、一筋縄ではいきませんでした。

4.卒業研究の感想

仲のいいメンバーでやれば楽しいだろうと思っていましたが楽しいだけではありませんでした。いろいろ苦労したメンバーもいたと思います。私は特に何も苦労してませんし、なんなら苦労を掛ける側でしたけどねｗｗｗｗｗﾋｮｯｗｗｗｗ

M2A112　絶対定時’ｓ　くどーきーち

HTML5, 最後の言葉

チームONS　田中　最後の言葉

2020-02-21 Tanaka コメントする

どーも、チームONSのメンバーの一人、田中です。

僕たちのチームが作った俺だけのネットワーキングサービス

１・取り組んだ内容

縮めて「ONS」で僕はCSSや、背景・アイコン等の素材作成を担当しました。

２・よくできたこと

同じCSS班のやつが画像を１万pxで僕に渡してきたり、既存のCSSを僕に渡してきて、フタを開けてみれば全然使えず、結局僕が１から作ることになったりもしましたが、とりあえずノルマを達成したことはよくできたなと思います。

３・うまくいかなかったところ

ホーム画面のCSS作成に手間をとってしまい、プログラム班に多大な迷惑をかけてしまいました。最終的に妥協点を作って完成させましたが、スケジューリングも全くで、自分の技術に見合わない目標を定めてしまいました。

４・卒業研究の感想

完成した作品はプレゼンテーションのうまい班員がいたことで、八階の全体発表にまでこぎつけました。（正直な話、教室内発表までで止めたかったです。八階はスーツ着用がちょっと、面倒くさくて・・・）それでも出来上がった作品を見て「自分たちでこれを作り上げたんだ」と思うと、感慨深いものがありました。

最後に二言三言。

完成したとは思いません。僕らが前年度の卒業生の作品から発想を得たように、次の卒業学年が僕らの作品から着想して、＋αいいものを作ってくれるように願っています。なんだかんだ楽しい卒業研究でした。

では。

ゲームクリエイタ科　G3A1 19　チームONSメンバー　田中創太

HTML5, 最後の言葉

最後の言葉　

2020-02-21 kanayama コメントする

1.取り組んだ内容
アフターエフェクトを用いたWebサイト制作です。
HCSのサイトに＋αできるコンテンツを制作しました。
OPアニメーション、ローディング画面、マップ、実写合成系動画
情専の周りにあるお店をレビューした情専グルメマップというコンテンツを制作しました。

各メンバーに役割が決まっていました。私は主に情専グルメマップのマップに動きを加える作業をしました。アフターエフェクトでスタート、ゴールのアイコンを配置しペンツールで
目的地までのルートの線を引き動くように設定しました。

2.よくできたところ
私が全て制作した訳ではありませんが、アフターエフェクトで制作したアニメーションは
上手く出来たのかなって思います。チームメンバー全員で各種アニメーションのデザイン
案を出しながら制作しましたかいがあります。Webサイトのレスポンシブ対応やバーガーメニューといった
スクリプト系も盛り込まれているので動きがあって面白いサイトになりました。

3.上手くいかなかったこと
マップなんですが本当は少し立体的になる予定でしたがJSONに変換する際に
これらの編集が反映出来ないらしく今の平面のマップになってしまいました。
そして、情専グルメマップ以外にも別のコンテンツも制作する予定でしたが
マップ制作に予想以上に時間が掛かりコンテンツ１つに集中する方向に変換しました。
もっと出来たのかなって思います。

4.卒業研究の感想
今回、授業で触れることのないアフターエフェクトというソフトでモーショングラフィックスを制作しましたが、映像編集の楽しさが分かりました。まだ初級くらいの技術しか触れていないので
何か機会があればまた勉強してみてもいいかもです。
プレゼンでの発表の仕方やスライド作成のやり方も学べたので働く時に活用させていただきます。
お疲れ様です。

これから卒業制作をする人へ
キャッチコピーとかコンセプトは本当にしっかり決めてから始めた方が良いです。
作っていくうちに二転三転して結局なんだっけ？ってなった我々は相当苦労したので….
苦し紛れに設定すると先生に突っ込まれます。
授業でもやると思いますが基本が大切！！
あと、プレゼンのパワポのスライド作成、話す内容早く準備した方が良いです。
プレゼンは思った以上に厳しいです。たくさんダメだしされます。最初は心折れると思いますが負けないで下さい。

絶対定時’ｓ　伝説の食べ盛りポケモンこーちやま

HTML5, 最後の言葉

最後の言葉

2020-02-21 tida_yuki_ コメントする

まいど、Edgeに裏切られた千田です。なぜか次の日にはログインできました。

1.取り組んだ内容
結局CSSしばいてました、ONSのタイムラインは私が育てた。まあ実際は人から仕事を奪ってタイムラインを作り始めたらなんだかんだ元API班じゃないとできない部分が多かったんですねこれが。ボタンやら背景やらタイムラインの全部を弄って結局Iframeの中までやらされました。API班にもCSS班にも所属してたんで実質リベロやってました。

2.よくできたところ
よくできたというか、なんだかんだタイムラインにおいてある諸々の機能はほぼ全て他の人が作ったものなんですよ。それを私がかき集めて正しい位置に置いたり、環境違いで動かないものを直したんです。それがちゃんとできたのがよかったところですかね。中間管理職の大変さを知ってしまった…

3.うまくいかなかったところ
個人的に一番ミスった自覚があるのは、API班とCSS班で進捗に大きく差がついた、というかついてしまう状況になるまで気が付かなかったとこですね。なんだかんだCSS班の方がプログラム苦手比率が高かったんで、私も込みでは最低一回は大きめの修正が入ってたんです。私は修正が少なく済んだものの、他に手を回したりする余裕はなかったんでぶっちゃけ忙しかったんです。そのせいで、１月末に予定していた全体マージが約２週間弱遅れる羽目になりました。

まあ要するに、ちゃんと他の人の進捗見て仕事しようね！ってことでした。

4.卒業研究の感想
気づいたら発表まできていた、というのが素直な感想です。ぶっちゃけ資格の方言って楽すればよかったなーとか思いましたけどね。

実際やってたらなんだかんだのらりくらりと終わってました。まさか発想当時は全部できないとかみんなで言ってた割に、全部できちゃってました。意外とみんなできる子でした。

5.書いた人が特定できる情報
チームONSのリベロこと千田祐樹です。

HTML5, 最後の言葉

最後の言葉　チームONS　Miyamoto

2020-02-21 miyamoto_kyotaro コメントする

◆取り組んだこと
今回、卒研チーム制作で自分はCSS、パーツの作成、プレゼン資料の作成を行いました。

◆良かったところ
細かいところの動きや、パーツの統合性はうまく取れたと思います。また、プレゼン資料は改善後かなり見やすく、飽きないような資料が作れたと思います。

◆悪かったところ
反省点としては、マージする際のことを考えて作っておらず、合わせると不具合が出たり、表示されなかったりなどうまく行かないことが多々ありました。

◆感想
個人的な感想としては、会社に入った時もチーム制作が主体になると思うので、合わせることを考えたコードやパーツを作成し、報告し合うことが改めて大切だと感じました。

◆最後に・・・

今までふざけた日報を書き続けていましたが、最後は普通に終わりたいと思います。

皆さんおつかれさまでした(´∀｀)

by宮本

HTML5, 最後の言葉

最後の言葉　

2020-02-21 いそやたいきコメントする

1.取り組んだ内容
絶対定時’ｓというグループでモーショングラフィックスを用いたweb作成をしました。
ＨＣＳのサイトにプラスαのできるサイトを作成し、主にモーショングラフィックスの実写合成系の動画を作成しました。

自分の基本的な作業はAftereffectで図形にアニメーションを付けました。

動画制作に関しては、すこし知識があったのですがAeというなれないソフトで作業するのが大変でした。

その他ポスターやコーディングなども行いました。

2.よくできたところ
図形に影を付けることができたので良かったです。

最初は苦戦しましたがネット上にたくさんやり方や応用などが載っていたのでそれを参考などにして作成しました。

また作成するうちに自分の技術も向上し、ＣＭやＭＶ，ＰＶなどを見るとどういう風に作っているのかなどが気になるようになり今では自分でも作りたいと思えるようになりました。

3.うまくいかなかったところ
デザインを苦手としており、実写合成系動画のクオリティがあまり高くなかったのでそこが反省点です。

ですが今後も動画制作をつづけるきっかけになりました。これからも趣　味などで作成していけたらと思います。

4.卒業研究の感想
動画制作に関しては、すこし知識があったのですがAeというなれないソフトで作業するのが大変でした。
ですがAeの使い方がわかってくると楽しくて楽しくてしかたなかったです。

また絶対定時’ｓとして全体発表に参加できたのでとてもいい経験になりました。

また、プレゼンの難しさというものも痛感したので今後も日々勉強していきたいです。

5.後輩へ向けて

しっかり、ぶれないペルソナやコンセプト決めて制作に取り掛かることをお勧めします。

Aftereffectで作品を作る場合はダストマンのYoutubeを参考にすると作りやすいです。また、動画制作の経験がある人は比較的に扱いやすいです。アニメーションなども比較的簡単に作成できるのでぜひどんな作品にするか迷っている人は動画を用いたweb作成をするとやりがいも感じつつ、いい感じのスケジュールで作成できると思います。

頑張ってください。

※一人での作成は向いてないです。

6.書いた人がなんとなーく特定できる情報 or 実名
元M2A1　磯谷太暉:)

作ったwebサイト

HTML5, 最後の言葉

最後の言葉　

2020-02-21 yu- コメントする

私がこのゼミで取り組んだ内容は主にアフターエフェクトでモーショングラフィックを作成することでした。最初は参考サイトを見ながらゆっくりと作っていました。今では見なくても大体の形を作れるほどアフターエフェクトを触れるようになりました。ですがロードアニメーションも僕のデザインとチームみんなの供給しているデザインが異なったため僕のは没となってしまいました＞＜。ですが今ではいい経験をしたと思っています。