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

最後の言葉

J2の西川です。

取り組んだ課題はWordPressの限界突破です。字面がもう難しそうですね。

私は各ページのHTMLとサイトで使用する画像の作成、問い合わせフォームの作成、、等をちまちまやっていました。

 

デザイン面では知識もセンスも足りず、サイトに見合うものが全く作れませんでした。

作り直していただいて、ありがとうございます(土下座)

問い合わせフォームの作成は…うん。出来ていたと思いたいです。

 

0の状態から自分たちで何を作るか考えてやる、という経験がなかったので非常に貴重な経験になりました、

改めて、チームも2人には感謝してもしきれないです。ありがとうございます(土下寝)

 

最後に、猫の日なので我が家の猫を載せておきます。

最後の言葉

動物大好きな大槻です。

今日は登校最終日なので(登校できていないけど)最後の言葉を書きたいと思います。

1.取り組んだ内容

動物の写真や動画を投稿・閲覧できるWebサイト、AnimalPictureBookの制作です。

こんな感じのです。

主にPHP、HTML、css、JavaScriptを使用して制作しました。

私の担当はトップページを作ったのと、cssでデザインの調整などを行いました。

 

2.よくできたこと

すばらしい先輩方のおかげで何もかもがよくできているのですが、私の担当箇所(トップページ)でいうと、マウスポインターを合わせたり、クリックでアニメーションするようにしたことです。

細かいしすごい技術ではないのですが、アニメーションがあることで使える箇所や、今はここを開いている!ということが分かりやすくなり、閲覧者が使いやすくなると思い、積極的に取り入れました。

Webサイトは閲覧者に使いにくい!と思われたら終わりなので、頑張りました。

 

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

トップページ以外のデザインの調整が時間がなくてできなかったところです。すばらしい先輩方がとってもおしゃれに作ってくれたのですが、もっとアニメーションをつけたりしたかった…。

もう一つはやっぱりレスポンシブ対応にできなかったことです。

時間がなかった~~~!

あとは、JavaScriptがごちゃごちゃで効率悪すぎなので、もっと綺麗に書きたかったです。

 

4.卒業研究の感想

すばらしい先輩方のおかげで本当にすごい作品ができたと思います。

私は全然技術が足りなかったと痛感しています。

ですが、これまで学んできたことや、新しく学んだ技術を存分に発揮できたと思います。また、自分の課題というものが見えてきたので、これからも精進していきたいです。

チームメンバーの先輩方、本当にありがとうございました!

驚くほどに写真が何もなかったので、色味が良い感じの写真を載せておきます。

 

以上、大槻でした。

 

最後の言葉

JRの白川です。

約半年間お疲れさまでした。
なんとか走り抜けることができて一安心です。

ゼミが始まったばかりの頃のオンライン会議では、
なんかめっちゃゲラなやついるなあと思っていた安藤さんや、
チーム決めどうしようと隣で話していた風間君との3人チームになるなんてことは思ってもみなかったことでしょう。

全体を通してよかった点

「ばくる」という農作物フリマアプリを作るにあたって、
各々の得意な分野をメインに分担して開発していました。
そこが今回チーム開発を行う上で効率よく作業ができたので、一番良かった点なのではないかと感じています。
主な流れとしては、
①安藤さんがパワポで画面レイアウトを作成
②私と風間君が、その画面をもとにコーディング
③完成の都度、安藤さんにチェックをもらう
といったような流れを繰り返していました。
「ここはこういうレイアウトのほうがよいのではないか」という意見も交えながら進めていけたので、かなり全体の意見に沿った画面作りができたのではないかと思っています。

取り組んだ内容

git/GitHubなどのチーム開発環境の構築、全体的なUI/UXのデザイン、PHPでの基本的なコード記述の確立、機能の作成。
また、設計書作りとマニュアル作りなどを行っていました。
フロント側の処理は得意なほうだったので、全体的に開発を進めていきながら気になるところがあったら細かい画面の手直ししていくという作業も多かったです。
機能自体は、新規登録やログイン、ログアウト、お問い合わせやマイページでの各個人情報設定を作りました。
設計書は、ゼミが始まる前のJavaを使った開発の授業で学んだことをそのままアウトプットできました。
実際に開発をする時間よりも、実装するためにどうすればよいのかを調べる時間のほうが多かったのが印象的です。

特にこのゼミを通して一番学習できてよかったのは、
「Ajaxによる非同期通信」です。
これは、例えばDOM操作を施してページの一部を画面遷移なしで更新するなどといった技術です。
当時は画面遷移でしかDB操作ができなかったので困っているときの打開策を考えたのが非同期通信を導入しようとしたきっかけでした。
正直学習コストが高くはじめは全く理解ができずに多々ある記事を読み漁っていましたが、数日かけて理解し実装することができ、今後開発していく中で一番の経験値になったと思っています。

よくできたところ

開発を始めた当初は、自分の持っていた技術を駆使して全体的な土台となるレイアウトやコードなどを残して行けたことが個人的によくできたところではないかと思っています。
開発する中で一番意識していたことは、チームの他の人が見てもわかりやすい、また真似したりそのまま使えるようなコードをかけるように意識していました。
一人で開発するときとは違った意識の違いを持つことができたので今度のエンジニアとしてもよい経験になったのではないかと思っています。

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

開発面でうまくいかなかったところは、自分の思い通りに作ろうと思ったら沼って全然進まなかったことがあったことです。
「この処理をし終えたら普通はこの画面に戻ってくるよな」という自分の考えがあったとして、戻らなければいけない画面表示にどうしてもできないのが一番印象的です。
しかし、この苦悩があったからこそ非同期通信など新たな技術を学べたので、最終的にはよかったと思っています。
また、インターンでお休みする連絡などが行き違いで遅れてしまって、メンバーに迷惑をかけることもあったので反省点はたくさんありました。

感想

PHPという新たな言語をゼミをとおして学べてよかったです。
いろいろあったけど楽しみながら開発でき、よい経験となりました。ありがとう。

 

2022/02/22 最後の言葉

取り組んだ内容

  • トップページ以外のUI作成
  • 機能のエラーチェック
  • スライド作成
  • ポスター作成
  • 動画作成

よくできたところ

  • テーマに合った配色を考案
  • ロゴの作成
  • 授業で習ったことを活かしたスライドの作成

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

  • 役割分担のバランス調整
  • 機能面の開発に力になれなかったこと
  • ソースコードの共有不足

卒業研究の感想

開発が得意な方ではなく、できたとしてもHTML・CSSや資料作成といった、簡単なものだったので、チームに負担がかかってしまうことを懸念していました。

実際に開発が始まり、やはり多大なる負担をかけてしまい、沢山後悔する結果となってしまいました。

私の中で卒業研究は、全てにおいて反省するべき点となりましたが、この経験を就職後に活かし、悔いの残らない行動を心掛けていきたいです。

アニマルラバーズのメンバー、クラスの友達、担当の先生方、ありがとうございました。卒業研究お疲れ様でした。

【アニマルラバーズ R4】

くみちょからのありがた~い言葉

組長じゃなくて、「くみちょ」ですヾ(・ω・。)コンチャ

 

卒業研究お疲れ様でした。あっという間に最終登校日ですね。

もっとのんびりしながら作業する予定だったのに

おかしいなぁ(-ω-;)ウーン

とりあえず、いろいろと考えながらブロクを書こうと思います。

 

取り組んだ研究テーマは「WordPressの限界突破」

高校時代にWordPressを使ってましたが、

サイトを1から作るのは初めてで苦戦だらけでした。

内容は「既存サイトの改良」

とある方より、既存サイトの改良についてご提案いただき、作成しました。

作成するのは楽しかったと、今は思います。

 

よくできたところ、というか褒めてほしいところ

「ポンコツがコーディングをした」ということですね。

これは絶対褒めろください。

R4メンツは知ってると思うけど、

マジでコーディングができないポンコツです。

なのにPHPとCSSを書いて、実際に画面表示できてるのが

今でも信じられません。Fさんとかには申し訳ないけど

4年間の授業内容をやっっっとコード理解した気がします。

でも、二度とこんな作業はしたくない。(切実)

 

うまくいかなかったところは沢山あるけど

1番は「スマートフォン表示を可能にできなかった」こと

個人的に一番実装したかった機能です。

ポンコツなりに調べて、コピペしたけど

技術と知識的に無理でした泣きそう。

うあ゙ぁあ ・゚・(´Д⊂ヽ・゚・ あ゙ぁあぁ゙ああぁぁうあ゙ぁあ゙ぁぁ

 

最後に卒業研究の感想は1言だけ。

ポンコツ頑張りました!!!!!

帰ったら酒だ~~~~~~~~~~~~~。

 

そしてそして、

スペシャルゲストからコメントもらったのだ。

くみちょ頑張った。チーム違うけどすごい頑張ってた。お休みの日も1人で学校来て作業して大変だったね。お疲れ様です。さすがゼミ長様。素敵。

 

さて、だーれだ。

最後の言葉

・取り組んだ内容
PHPを使った動的なWEBサイトの作成。具体的にはSNSと連携したショッピングサイトの作成で、私は主にショッピングサイトのデザインと提出用動画の作成を担当しました。

・よくできたところ
簡素だったショッピングサイトのデザインを大手サイトでよく見るデザインにできたこと。特にボタンデザインや、ログイン画面をよく見るシンプルデザインにできたこと。
提出用動画の作成も2つのスライドをうまく掛け合わせて作成できたと思う。
音声は浦西君に任せましたが、台本書きや動画構成、スライド構成、カット編集、映像エフェクトを
私が担当し 好きな動画編集ができてよかった。

・うまくいかなかったところ
チームの人数が多いこともあってか、情報共有がうまく取れなかったところ。席の都合などでなかなか端と端の人の情報共有がいっていなかったり他人の作成途中の画面デザインと同じ部分を作成してしまったりということが起きたので反省しました。

・卒業研究の感想
何を使って何を作るかをすべて1から考えて相談して作るという経験がなかったので、良い経験ができたと思う。
いろいろ思い出ができてよかった
HTML,CSSを自分なりにマスターできてよかった。
今までありがとうございました。

J2A2 tachikawa

最後の言葉

JR R4A102 の安藤明日香です。

最終登校日の本日は吹雪の影響で登校することが困難な学生が多々いるようです。タブレットの返却などで後日登校するそうですが、卒業式まで会えないというのも寂しいですね。

今回のゼミで取り組んだ課題は「PHPを用いた動的なWebサイトの構築」です。授業内でもPHPを使用してWebサイトの開発は行っていましたが、やはり開発には苦手意識を感じてします。難しい…。私たちは上記の課題を達成するため、風間純のアイディアから誕生した「ばくる」というサイトを作成しました。「ばくる」は北海道の農作物を専門に取り扱っているフリーマッケトサイトです。実際に農家で働く方にインタビューを行い、そこで伺うことのできた3つの問題点のうち「自分たちの農作物を見つけてもらえない」を解決するため作成に励みました。

今回の活動の中で、コンテストなどで経験してきたプレゼンテーションを役に立てることができたのは大変嬉しく思います。しかし、先生方に発表する度に返ってくる指摘の多さに頭が混乱しそうでした。指摘を頂けないほうが不安になるので、多くの指摘を頂けたことに関してはとても嬉しく思っております。また、開発をチームメイトの2人に任せてスライド作成に力を注いでいたため、スライドに関しては誰よりも頑張りましたと言いたいです。おかげ様で、ゼミ内発表において高得点を得ることができ嬉しく思っております。

今回の活動において、やはり開発を任せすぎたなという気持ちがとてもあります。私も開発に参加していれば、実装しきれなかったページを実装することができたかもしれません。また、主要となる機能を1人に任せすぎてチーム内の負担に偏りを起こしてしまったのにも反省しなければなりません。チームメンバーは優しい方たちでしたので、いつも笑顔で不満も言わず開発に取り組んでいただ感謝しております。私は主にサイトのデザイン案や企画書の作成など開発以外のことをメインで行いました。正直、デザインに関しては不安要素しかなかったです。ボタンの色や検索機能に位置など、様々なご指定を頂きました。また、私の「○○してほしい」という我儘に笑顔で対応してくれていた2人にも大変感謝しております。ありがとうございます。「ばくる」の機能面などに関する反省点などには他2人か書いてくれているともうので省略させていただきます。

初めて仲の良い友人以外とチームを組んで開発を行いました。残り2人のチームメイトは友人同士であったため、仲良くできるか不安でしたが冗談を言い合えるくらいには距離が縮んだ気がします。お世話になりました。

最後に、最近食べておいしかったスイーツを載せておきます。 ※食べ過ぎてお腹を壊しました。

 

最後の言葉

名前だけ威厳がありそうなチーム稗貫組-極道の組長、稗貫と申します。

 

 

 

 

 

私が取り組んだ内容は、enchant.jsを使いRPG+カジノというあまりないようなゲームの製作を目指し、主にカジノ部分を担当しました。

私一人では到底できなかったものなのでもう一人のメンバーには感謝しております。

ゼミの全体を通して、作業分担ができなかったという問題がありました。3人チームのうちの一人は就活中ということもあり、まったく作業ができていませんでした。(作業を振ってもやったかどうかは分かりませんが・・・)もう少しやり方次第では完成度の高い作品が作れていたかもしれません。

よかった所として、enchant.jsを割と早い段階で理解を深めることができたことが挙げられます。ネットの情報は人によってコードがまちまちで理解が追い付かなかったのですが参考書などを購入し自分たちで試行錯誤して、ある程度のコードは打てるようになりました。

最後に、我々稗貫組-極道はここで解散しますが、きっとまたいつか会える日が来るのではないかと思います。今までありがとうございました。

2年後シャボンディ諸島で!!!!

 

2/22 最後の言葉

ついに卒業研究も最終日を迎えましたね。本日書き手はバス運休のため栗山からこのブログをお送りしております。

今回の卒業研究は、5人という結構多めな人数の中、「SNS連携型ショッピングサイト」の作成にチーム一丸となって励みました。

私は主に、SNSの機能面の作成を担っていました。個人的に1番頑張ったのは「画像をテキストと一緒に投稿させて、それを表示させる」という部分。最初は特定のファイル内の画像しか投稿できなかったんですが、最後の最後で、どのファイルから投稿しても大丈夫なように出来たのは、我ながら1番の成果でした。

逆に上手くいかなかったのは、「ユーザーブロック機能」と「登録情報の更新機能」。

ユーザーブロックは何故か1人しか出来ないし、情報更新もまとめてやろうとしたらバグります。これはどうしても直せなかったダメなところ。猛反省。ごめんねみんな。

まぁ色々ありましたが、なんとか形にして期限までに提出ができたのは良かったと思います。4人の頑張り屋さんな後輩たちのおかげです。この場を借りて深く感謝します。ありがとうみんな。短い間だったけどお世話になりました。

 

 

そういえば写真とかイラストとか入れてって書いてたけど、入れれるようなものがない…困った。

ちょっと、卒研と関係ないんですが、これはバイト先で人を待ってる間に模写したダークライさんです。ポケモンで一番好き。

 

 

これは確か国家試験対策の時に模写ったシェイミ。いい出来。

 

……やばい、ほんとに画像がない。これくらいで大丈夫ですかね……?

じゃあ、まぁ、えっと、各方面の皆様、お世話になりました。楽しかったです。

栗山からお送りしました。

 

 

 

 

<またね

最後の言葉

1.取り組んだ内容

私たちのチームはほぼ分担制でやっており、私は開発とプレゼンに分けたうちの開発の担当でした。また、機能だけでなく、デザイン担当の人からの要望にも沿うようにデザインの修正などもやっておりました。

2.よくできたところ

自分の担当をした出品画面のプレビュー画面がよくできていたと思います。商品名や商品説明をプレビュー画面に写すだけではなく、画像までもプレビューとしてコピーできたました。また、そこにスクロールの機能を加え、大変ではありましたが、いいものに出来上がってよかったです。

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

商品画面にコメント機能をつけて出品者と購入希望者のやりとりをできるようにしたかったですが、スクロール機能をいれたときに別のcssをいれてしまっているようで、解決できずにコメント機能を実装することができませんでした。うまくいかなくても、あっぱれ婦人会のように元気でやりたいものですね、ははは。

あ〃あ〃ぁ〃ぁ〃ーーーーーーーーーー⤴!!!

4.卒業研究の感想

チームで1からの開発は授業でもやったことがなく、初めての経験でした。一人で作れば妥協できるものを複数人で作ると周りのためにも責任というものが出てきます。一人が納得できないとなれば、全員が納得できる作品を作らないといけません。そういったお互いのことを考えてという点でとても大変で、またとても貴重な経験になりました。自分のできる範囲とほかの人ができる範囲を合わせての作成は実に面白かったです。就職すれば好きな作品をつくることはなかなかできないとは思いますが、それでもまわりとうまくやっていければいいなと思います。おつかれさまでした。

ひまなので時間ギリギリまでプリキュアの話でもしようかと思います。今期のプリキュアがデリシャスパーティということで、ご飯がテーマのプリキュアなんですよね。私は最初、「ごはんに憧れる女の子なんているのか、デュフフフww」と思っておりましたが、謝罪したいと思います。とてもかわいいです。まだ、主人公しか変身していないんですが、変身するシーンかわいすぎて、、、。おにぎり食べてほっぺ抑えて、あざとすぎる。でもかわいいからOK。オープニングはとりあえず歌えるくらいには好きですね。はい。一応、もう二人もちょこちょこ出てきてはいます。どっちも絶対いい子じゃんって感じです。次の放送で青が登場するんですが、釣り目で聖母のようなほほ笑みをするんですよね。大変良い。黄色はまだご飯写真にとって、食ってるところしか見てないです。ただそれも、敵にレシピッピ取られておいしくないご飯を食べていてとても不憫です。びんびんです。でも、エンディングみたらわかるんですが、キュアヤムヤム絶対かわいいんです。保障します。おそらく勉強できないです。ずっとスマホいじってそうです。変身したあとの麺で攻撃する技、絶対強いやん。ストーリー上多分敵に技破られるんですけど、いい範囲技だと思います。そこで風間思いました。もうそろそろ、プリキュアの対戦ゲーム作ってくれないかなと。対象年齢高くなるのはごめんなさいだけど、技豊富ですし、絶対売れる。対戦系じゃなくても、無双系のゲームもいいですね。プリキュア無双。対象年齢BかC区分かな。時間がきたようです。お疲れさまでした。

名前:コメコメ