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

2018年度 HTMLファイ部!サブテーマ一覧

1.Fujie Lab Webの構築(レベル:★★☆☆☆)
・卒業研究ふじえゼミの公式Webサイトを作成する
・これに加えて、ブログのカスタマイズやメンバ向けページの作成も行う

2.PHPを用いた動的なWebサイトの構築(レベル:★★★☆☆)
・PHPを用いて、データベースと連携したサイトを作成する
・参考:http://tanukikurage.fujielab.com/

3.フレームワークを用いたWebゲーム作成(レベル:★★★☆☆)
・enchant.js等のフレームワークを用いて、ブラウザ上で動作するゲームを作成する
・参考:http://bambi.fujielab.com/
・参考:http://marshmallow.fujielab.com/

4.WebAPIを利用したマッシュアップサービスの開発(レベル:★★★☆☆)
・Twitter API、Google API等を組み合わせた、新たなサービスを実現する

5.CSS3でアニメーション作成(レベル:★★★★☆)
・CSSを用いて、アニメーションコンテンツを作成する

6.HTML5 + JavaScriptでスマホアプリ作成(レベル:★★★★☆)
・Monaca等を用いて、iPhoneやAndroidで動作するアプリを作成する

7.地域社会に貢献するコンテンツの作成(レベル:★★★★☆)
・Webの技術を用いた、地域社会に貢献できるコンテンツを作成する
・区役所や警察署からの依頼を受けたり、売り込みをかけたりする
・参考:http://www.city.sapporo.jp/ncms/shiroishi/shiro-kids/enjoy/index.html
・参考:http://www.city.sapporo.jp/ncms/shiroishi/chonaikai/
・参考:http://maruyamap.com/

8.Webに関する最新技術の研究(レベル:★★★★★)
・Webに関する最新技術を研究し、技術を応用した作品をつくる
・WebGL、WebVR、Progressive Web Apps、WebRTC等
・参考:http://jsdo.it/controller/
・参考:http://fujielab.com/saika/

9.その他、おもしろいもの(レベル:?????)
・おもしろければ、基本的に何でもOK!

10.【隠しテーマ】Spheroプログラミング(レベル:?????)
・参考:https://www.sphero.com/

最後の言葉

チームF・I・V・E・5の川森です。

1.取り組んだこと

webで動くシューティングゲームの作成をしました。

2.うまくできたところ

タイトルからゲームシーンなどのシーンの切り替えを違和感を感じさせずに切り替えしたり、敵の攻撃の出方などです。

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

自機への当たり判定や自機や弾につけている判定がガバガバになってしまったため、見た目で当たっていなくても当たったことになってしまっているところです。

4.卒業研究の感想

自分のチームは最初考えていたものとは違う物を作ったのですが、それでもなおいい物を作ろうとネットなどでいろいろ調べながらいい物を作ることができたので、この卒業研究でjavascriptについて知ることができました。

5.書いた人がなんとなくわかる情報

チーム内で唯一インフルエンザにならなかった生き残り

 

最後の言葉


ものすきマーケット班の菅原麻里です。

1.取り組んだ内容

私はものすきマーケットの会員登録やログイン画面などのデザイン、制作を行いました。

 

2.よくできたところ

デザインやロゴの作成はうまくいきました。ターゲット層を考慮したデザインができたと思います。

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

思った通りにレイアウトが出来ず、想定より時間がかかってしまった部分が多くありました。技術がまだまだ足りないと実感しました。

 

4.感想

チームの変更や研修であまり参加ができなかったのですが、チームの皆さんが研修に集中できるように配慮してくれたことに感謝しています。

ありがとうございました。

最後の言葉

G3A2の植松です。

皆さんお疲れ様でした。

1.取り組んだこと

3Dモデルの作成及びBGM&SEの収集を担当しました。

2.うまくできたところ

3Dモデルの作成では、日に日にソフトを使うのがうまくなっていき、2週間以上かけてモデルを作り上げたところです。(特にボス)

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

開発側でエラーが起きた時や行き詰った時に、こうしてみたら?という提案はできても、実際にプログラミングを打つのは苦手だったので開発がまかせっきりになってしまったことです。

4.卒業研究の感想

最初はwebsocketコントローラを使った3Dシューティングゲームを企画していましたが思ったよりも難しく、製作が難航してしまいました。特に開発ソフトの見切りを付けるのが遅すぎて、最初の1、2か月がほとんど無駄になってしまいました。ですが、開発ソフトを変え、3Dを2Dに変えて取り組み、最高のゲームが出来上がりました。新しいことに挑戦するには見切りは早めにつけるほうがいいということを学ぶことができました。

5.書いた人がなんとなくわかる情報

サッカーを見るのが好き

コーラが好き

HTML5部!ものすきマーケット活動報告 最終回

こんにちは。

シャーロンです。

最後ということで、つらつらと文章を綴っていきます。

 

1.取り組んだ内容

最新の技術を使ってWebアプリ「ものすきマーケット」を作成しました。

アプリ内容はフリマアプリに似たもので、ものとスキルを交換するアプリとなっています。

最新の技術として、Facebook社が開発した「Hack」と「HHVM」を使用しています。

今回の研究で私が担当したことは、仕様書や設計図、画面設計、ポスター、プレゼン資料の作成とプレゼン発表です。

 

2.よくできたところ

技術の勉強もアプリ自体もよくできたと思います。

すべて一からはじめ、完成させることができたので、胸を張って頑張ったと言えます。

プレゼンは先生からも高評価で、8階の全体発表も任されることになりました。

 

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

メンバーの増減であったり、インフル大流行であったり、想定外の事態が起こることが多かったですね。

それにより計画が大幅に変更になりました。一人に負担がかかってしまったところは反省点です。

また、計画通りにいかなかったこともあり、実装予定であったアプリの機能をかなり削ることになってしまいました。

 

4.卒業研究の感想

一言で表すなら、短かった。

楽しい時間も辛い時間もあっという間でした。

もっと時間があれば、勉強して開発者の負担を減らせた。もっとコミュニケーションをとっていたら、緊急事態も少しはましになっていた。

後悔したこともありますが、もっと研究していたかったです。

この研究で学んだことはたくさんあります。社会に出てからも、この経験を生かしていこうと思います。

 

5.書いた人がなんとなーく特定できる情報

痴女だの露出狂だのシニアだの言われていますが、そんなことないです。

シャーロンは全年齢対象のド健全でピッチピチの20代です。

 

みなさん、この一年間ありがとうございました。

最後の言葉

G3A1 らーめんるいの鎌田です。

1.取り組んだこと

Webサイトの画像編集とポスターあたりを取り組みました。

2.うまくできたこと

各ページの画像と表示のさせ方をCSSでうまく指定できました。

3.うまくできなかったこと

一部画像が修正しきれてない

4.卒業研究の感想

思ったよりもなんとか形になったなあと思います。

おつかれ

5.書いた人がなんとなーく特定できる情報

この木なんの木

キ リ ト か な ー や っ ぱ り w w

自分は思わないんだけど周りにキリトに似てるってよく言われるwww こないだDQNに絡まれた時も気が付いたら意識無くて周りに人が血だらけで倒れてたしなwww
ちなみに彼女もアスナに似てる(聞いてないw)

 

おわりです。お疲れさまでした。

 

最後の言葉

チームF・I・V・E・5の笹木です。今日が学校最後の日です。

1.取り組んだこと

Web上で動作する(Webソケットコントローラーを用いた)2Dシューティングゲームを作りました。

2.うまくできたこと

当初の計画では3Dシューティングゲームでした。モデリング担当だったので3Dモデルを2週間かけて作り想像以上にうまくできたことです。

3.うまくできなかったこと

僕はあまりプログラムが得意ではないので、モデリングやデザインを担当し、少しでもチームに貢献できるよう頑張ったんですがプログラム班で問題が起き行き詰った時、あまりアドバイスや手伝うことができなかったことです。何も力に慣れなくて申し訳ないという気持ちでした。

4.卒業研究の感想

最初は計画通り作業もうまくいき、いい感じに進んでいました。途中でWebソケットコントローラーに問題が起きいろいろありましたが、最後のプレゼンをリーダーが頑張ってくれて無事問題なく終わりました。いろいろなことがありましたが、チームで連携し一つのゲームを作るのは大変だけどとても楽しいってことを再確認しました。

今日でゼミは終わりですが、最高の思い出でした。お疲れ様です

5.書いた人がなんとなくわかる情報

学校から家が一番近い人(みんなの実家)

水大好き(い・ろ・は・す)