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

自己紹介 M2A103 大槻彩萌

M2A1の大槻彩萌(おおつき あやめ)です。

お…面白いゲームと

お…美味しいコーヒーが好きです。

つ…つまり、

き…今日もゲームします。

好きなゲームは逆転裁判です。最近ハマってるのは龍が如くです。FGOもやってます。

サブテーマはWEBサイト関係のものをやりたいと思っています。

 

 

可愛い動物の写真載せるので見てください↓↓↓

猫カフェのネコちゃん

ネコチャンネコチャン

 

実家の犬

ワンチャン

 

 

へびちゃん

ヘビチャン

 

動物園のオオカミ

オオカミチャンよろしくお願いします!!

自己紹介 G3A226廣田雪乃

ゲームクリエイタ科3年廣田雪乃です。

ゆ 愉快な仲間と

き 今日も笑って

の ノリ良く楽しく研究したい

よろしくお願いします。

ダックス2匹飼ってます。どちらも10歳超えのおばあちゃんです。田舎出身で、昨日ちょうど鹿の親子を見ました。

好きな漫画とアニメは「銀魂」です。小説は「星の王子さま」が好きです。おすすめの物語あれば教えてください。

自己紹介/近藤さくら

初めまして。

さ  札束大好き

く クセが強い

ら 楽観主義者の馬鹿野郎

近藤さくらです。

北海道夕張郡栗山町在住、6月20日生まれの双子座、家族は母親と叔父のみの20歳です。

皆さんと明るく楽しく仲良く、このゼミを続けていければと思います。

人見知りが激しいので、話しかけていただけると嬉しいです。あんまりアニメも漫画も詳しくないので、沢山教えてもらう形になるかと思いますが、オススメされればいずれは見ますので、沢山教えて下さると嬉しいです。

 

長くなりましたが、どうぞよろしくお願い致します。

 

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

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

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

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

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

5.HTML5 + JavaScriptでスマホアプリ作成(レベル:★★★★☆)
・Monaca等を用いて、iPhoneやAndroidで動作するアプリを作成する
・参考:https://onsen.fujielab.com/

6.地域社会に貢献するコンテンツの作成(レベル:★★★★☆)
・Webの技術を用いた、地域社会に貢献できるコンテンツを作成する
・区役所や警察署、地元企業からの依頼を受けたり、売り込みをかけたりする
・参考:https://grhill0918.xsrv.jp/

7.WordPressの限界突破(レベル:★★★★★)
・WordPressで作ったとは思えないレベルのサイトを作成する
・WordPress感が露呈しないようにすることが目標

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

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

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

2021年度 財団法人わんぱく最後

阿部です。

取り組んだこと

PlayCanvasでJavascriptを使ってウェブゲーム制作です

チームで自分がした役割は

モチーフになるゲームの分析、Javascriptのコード分析、OFF-ROADRACER制作、PowerPoint制作、台本制作、ポスター制作です。

よくできたところ

本末転倒だとは思いますが、作品以外のところです。作品があまりいい出来とは言えないものだったためPowerPointやポスターに全力で取り組みました。

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

作品です。いろいろと実験しながら作っていったため時間が無くなってしまい、作品としてはあまり形にならないものになりました。

卒業研究の感想

色々とスケジュール通りにはいきませんでしたが楽しく制作できたと思います。

私がわかる情報としては

教室の隅の方でたまに具合悪くしている人が僕です。

2021年度 財団法人わんぱく

皆さまお疲れさまでした。

取り組んだこと

PlayCanvasによるJavaScriptを使用したゲーム開発です。

よくできたこと

当初から予定していたJavaScriptの習得に関してはとてもできたと思いますし、使用したことのないエディタ(PlayCanvas)を使えるようになったことです。

うまくいかなかったこと

スケジュール管理です。もともと制作する予定だったゲームは制作できず、途中で変えてしまったことです。エディタやJSに関しても、もう少し早く理解できると思っていましたが長引いてしまいました。

卒研の感想

相方と楽しく、そして有意義な学習ができたと思います。相方とは同じ会社に入社するのでまだしばらくは一緒にいることになるんじゃないかなと思います。楽しいやつだからいいんだけどね

軽い気持ちでこのゼミを選びましたが、結構楽しかったな~と感じています。ありがとうございました。

 

階段から落ちた方です。はい。気を付けましょう。

最後の言葉 チーム名:つららま

1、取り組んだ内容

    • サイト制作ではトップページ、お店紹介ページのデザインを担当しました。
    • プレゼンの作成
    • ポスターの作成

ポスター栄作の時間をあまり取れなかったのでもう少し作り込めたのではないかと思いました。

    • 画像加工もやりました

VRページの画像加工をしました。

↓加工前

同じところでこんな感じで写真を撮り、僕たちがいないところを重ね合わせていい感じに加工していました。

↓加工後

重ね合わせた部分の境目が違和感ないように画像加工しました。

意外と時間がかかり苦労しました。

 

2、よくできたところ

    • 作品としてよくできたところはVRページです。アニメーション制作や矢印の配置をチームメンバーが頑張って作成してくれてのでいいものができたと思います。

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

    • レスポンシブ時のデザインをもう少しよくできるところがあったのではないかと思っています。
    • VRページも次のマップへ行くとページ遷移してしまったり、向 いている方向が固定されていたりと、改善点があったので挑戦す る人がいたらそこをどうにかして作ってもらいたいです。

4、感想

最初は作品ができるのか見当もつかなかったのですが、思ったよりいいものができた気がしました。

隣のチームに名前をとられたのでまじぴえんでした。

つららまの「らま」の方、鈴木でした。

2月19日 Meltykiss 最後の言葉

今日で最後ですか。Melty kiss 山下です。

天気も良く、まさに絶好の最終登校日和ですね!(?)

・取り込んだ内容
めんどくさいことを一切したくない人のための便利なトークアプリをWebアプリケーションで作りました。

LINEしてる時にメモするってなったらメモアプリ行きますよね?行きますよね??(威圧)
僕たち私たちMeltykissって集まりは、その移動する過程がめんどくさいと思う集団でした。
だからチャットもメモも予定の管理もこれ一本!みたいなアプリが作りたかったんです。

機能は主に4つで
・チャット
・メモ
・タスク
・カレンダー です。

開発中の自分の担当は中間管理職ってやつです。三人パーティで、社長(ボス)と社員のパイプ役で、
命令をボスから受けてそれを伝えるみたいなことがメインでした。
他にはアプリの初期デザイン考案したり、プログラム書いたり、プレゼン資料・台本作成したり⋯⋯あれ、もしかして結構頑張ってた!?

・よくできたところ
『よく最後までやり切った!』
正直これに尽きるかなと。HTMLとかJavaScriptとか触ったことはあれど、そんな深く習ったかと言われればそこまでだったし、エンジニア系のメンツが要ればよかったものの、まさかの全員インフラ系っていう^_^;
みんな完成できるのかほんと不安でした。
けど、データベース関連の機能はほとんど上手く行ったし、デザインもいい出来になったんじゃないかなと思います。丸々自分が作ったメモの機能がしっかりと動いたときは感動ものでした。

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

いっぱいある!!(ドンッ!)

 

ログインするときとかにある「パスワード忘れた?」みたいなやつも作りたかったし、あとはプロフィール機能、グループトークetc…
力と時間があればもう少し、いいものにはできた気がします。

・卒業研究の感想
なんだかんだ「楽しかった」ですね。一から考えて開発して⋯⋯なんて授業ではあんまりやってこなかったので、そういう経験が詰めたのもあって楽しかったです。
経験といえば卒研中はほんとにたくさん学ばせてもらいました。まずチーム開発!役割分担が死ぬほど上手く行かなかった。三人チームで一応最後まで三人でやっていけましたが、脱退騒動とか脱退騒動とか、脱退騒動とか⋯⋯。
ちなみに、このエピソードが自分が中間管理職になったきっかけでもあるんです。
後は、プレゼンテーション!正直これが一番苦労したかもしれない。伝えることの難しさというのを痛いほど実感させられました。けどプレゼンは絶対に今後使っていく機会の多いものだと思うので、仕事に就く前に経験が出来たのは良かった。

・後輩に向けて
もし、君がこのHTML5のゼミに来てしまって「ほんとはプログラムとかあまり得意じゃない」とか「楽したいなぁ~」なんて
邪な気持ちを持っているのなら、僕たちの作ったMelty chatをより良いものに改造してください。
一から作品を考えられないのなら既存の作品に何かをプラスすればいい。
それが卒業研究を生き抜くうえで大事なことです。

・書いた人がなんとなーく特定できる情報
マンモスでよく海打ってるオレンジ色の若い兄ちゃん

最後の言葉 M2A120 高橋太一 チームグリーンヒルえみこ

卒業研究最終日となり、約2ヶ月ほどの活動が終わりを迎えます。

私たちチームグリーンヒルえみこは、グリーンヒルのHPのリニューアルを行いました。思い返せばよく完成させたなぁと感じます。約20ページをデザインから作成してコーディング。(PC・タブレット・スマホ)4人での活動とはいえ、なかなかの作業量だったと思います。

自分がメインで担当したのが、JavaScriptを用いてお問合せなどのメールの受信のシステムの設計だったのですが、PHPを使わないで開発を行うことになっていました。(何故その方針になったのかは記憶にございません。)下の画像がそのページなのですが、これの作成がよくできたところ、というよりもよくやったなと感じる部分です。

実際に作成することになったときにそもそもPHPなしでメールの受信ができるのかが分かりませんでした。方法を探すのに2日ぐらいはかかった気がします。見つけた方法はstaticformsでした。これを使えばhtmlだけでメールを受信できるようになりました。

しかし、ここからが地獄の始まりでした。staticformsを使ったサンプルページからコード(JavaScript)を流用してもうまく作動しない状態になりました。htmlの階層構造やclassの名前を同じにしてもダメでした。おそらく1~2週間は解決しなかった気がします。まぁ、公式ページを見れば作り方がちゃんと書いてあったんですけどね…英語で書かれていたのでちゃんと読んでいませんでした。これが自分のうまくできなかったところだったと思います。もっと早く終わらせることができていたら、他のページの構築により力を注ぐ時間を確保できたはず。

全体を通してなかなか楽しく作業ができました。最初から作るものが決まりきっていたのでスタートダッシュも早かったと思います。作業していく中で自分の知らない知識や技術も身につけることができ、HPもちゃんと作り終えて万々歳な卒業研究でした。

最後の言葉 チーム山田

——————————取り組んだ内容———————————–

[PHPでサイト作り]

みんなで旅行計画を立てれるように「旅行計画サイトYAMADA」を作成しました。

[PowerPoint作成]

どれだけ分かりやすく、見やすいスライドになるように心掛けて作りました。

[ポスター作成]

出来るだけ少ない色で、目を引くようなポスターになるように作成しました。

—————————よくできたところ———————————–

自分たちが目標としていた作品に少しでも近づけることができた。

APIを無事に使ってサイトを作ることができた。

————————うまくいかなかったところ————————–

作業当初、APIを上手く使いこなせなくて時間が掛かった。

組み合わせるときに色々と食い違いがあり、直すのに時間がかかって焦った。

—————————-卒業研究の感想————————————-

作るのにとても時間が掛かったが、今まで学んできたことを生かすことはできたと思います。

そして、藤江先生には色々と助けてもらいました。ありがとうございます。

卒業研究とは関係なく、他の授業でもずっと一緒にペアでやっていたため、遠慮とか無く自分たちの意見のぶつかり合いが多々ありましたが、そのおかげで良い作品が出来たと思います。最高のペアでした。                                                                                      by生田光志く山田だじょーアハハ