先日、3/27, 28 に開催された、サイバーエージェントさんの Web フロント向けのインターンシップに参加させていただきました。 
内容は、個人で与えられた課題に沿ったアプリを開発する、といったものでした。今回与えられたテーマは「オンラインショップ」でした。
商品の情報についてまとめられた API が用意されており、それを使って、オンラインショップを作成しました。 
今回私は、「ユーザーにとって使いやすいオンラインショップ」を目指して開発を行いました。
インターンシップの題名通り、開発期間は 2 日間あり、個人で一つのアウトプットを作成しました。学生 3 名とメンターの方 1 名の計 4 名のチームを作り、相談したり、進捗を共有し合いながら 2 日間開発を行いました。私自身、多くの場面で、他の学生やメンターの方に助けていただき、本当に感謝しかありません... 優しい方達で本当に良かったです。
実際に私が開発した作品についてです。
開発は、フレームワークに「React」, UI フレームワークに「Material-UI」を使用しました。 状態管理は、ローカルステートで Hooks 式を採用して行いました。
実際に、実装できた機能は以下の通りです。
<ul>
<li>商品一覧を見れるトップページ</li>
<li>モーダルウインドウを用いた、商品の詳細表示</li>
<li>API を用いて、商品のカテゴリー別に分けた表示</li>
<li>値段順にソートする機能</li>
<li>会員登録機能</li>
<li>お気に入り登録機能</li>
<li>レスポンシブデザイン</li>
</ul>
2 日目には、全体での発表会があり、そこで周りのエンジニアの方の技術力の高さに驚かされました。
私自身が、実装しきれなかったところをいとも簡単に実装していたり、中には、今まで耳にしたことのなかった技術などを目にする場面もあり、学ぶことの多い有意義な時間でした。
今回優勝した方の作品は、2 日間で開発したとは思えないほどのクオリティの作品で、多くの方から大絶賛の声が上がっていました。
twitter には、「一人だけ精神と時の部屋で開発してたとしか思えない...」などの声も上がっているほどでした。
もちろん、優勝できなかったことは、とても悔しいですが、いろいろな方と交流したり、他の方の作品を見て、モチベーションが本当に爆上がりしました。これからもっともっと自分自身の技術力を磨いていきたいと思いました。
また、インターン中にメンターさんと 1on1 での質問タイムがありました。私はこの時に、与えられた時間本当にギリギリまで質問させていただき、メンターさんは全ての質問に真剣に答えてくださりました。実際に働いているエンジニアの方だからこその考えや意見を聞くことができて、本当に貴重な時間でした。
この 2 日間、私にとってとても大きなものを得た 2 日間でした。これから、この 2 日間で受け取った熱量や自分の課題、将来進みたい道などをしっかりと胸に秘めて、これからの残り少ない学生の時間を有意義なものにしていきたいと思いました。
本当に、関わってくださったみなさまありがとうございました。

サイバーエージェントの 2days Web フロント向け開発型インターンシップ ONLINE に参加しました！！

先日、2/27,28 に株式会社サポーターズと株式会社 Boyage Group の共催で行われたウインターハッカソンに参加しました！
これは、僕自身としては 4 回目のハッカソンでした。今回、僕は一人で参加し、同じく一人で参加していた他の方と 4 名で運営の方にチームを組んでいただき、参加しました。そのチームの中で僕はリーダーの立場をさせていただき、初めてハッカソンにリーダーという立場で挑みました。 
今回のハッカソンのテーマは、
サポーターズさんが開催する 「技育祭」 をより良いものをするための何か
でした。
まずは、メンバーで何を作るかについて話し合う MTG を、本番 1 週間前に開きました。
そこで、オンラインでの講演会では、他にも人が参加している感じが無い、どうしても集中しづらい、といった問題点が浮かび上がり、僕たちのチームでは、 「memoChat」 という、メモライクなチャットアプリを制作することに決まりました。
使用する技術としては、全員が共通して経験していた Python を使用し、フレームワークで Django を使用しました。
当日までに、それぞれで Django の復習を行っていただき、僕自身は非同期処理や画像の送信について学習を進めました。 
さあ、当日です！ 僕の中でどのよう作業を振り分けるか考えていたのですが... 
当日にメンバーの一人が音信不通になってしまいました泣 
急遽振り分けを変更し、なんとかスタートを切りましたが、開始直後から焦りました。 
僕は、画像の送受信、非同期通信の実装、参加人数のリアルタイム表示を主に担当し、その他エラー等の解決を行いました。
2 日間、(1 日目は翌日の朝の 6 時まで...)やりきり、なんとか動くものを完成させることができました！！！ 
完成した作品には下のリンクから飛べます！ 
[MemoChat]<a href="https://guarded-eyrie-48747.herokuapp.com/" target="_blank" rel="nofollow noopener noreferrer">https://guarded-eyrie-48747.herokuapp.com/</a>
少し作品について振り返ります。
<h3 id="%E3%81%93%E3%81%A0%E3%82%8F%E3%81%A3%E3%81%9F%E7%82%B9"><a class="header-anchor-link" href="#%E3%81%93%E3%81%A0%E3%82%8F%E3%81%A3%E3%81%9F%E7%82%B9" aria-hidden="true"></a> こだわった点</h3>
<ul>
<li>メモライクなデザインにする</li>
<li>画像の送信を可能にする</li>
<li>チャットスペースに参加している人数をリアルタイムで表示する</li>
<li>実際の技育祭と同じホールに合わせて、チャットスペースを分ける・選択できるようにする</li>
</ul>
といったような点をこだわりました！ 
次に、足りなかった点です。
<h3 id="%E8%B6%B3%E3%82%8A%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E7%82%B9"><a class="header-anchor-link" href="#%E8%B6%B3%E3%82%8A%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E7%82%B9" aria-hidden="true"></a> 足りなかった点</h3>
<ul>
<li>参加している人の描画が、チープでリアリティが薄い</li>
<li>本当はメッセージ一つ一つに対して、画像をスタンプのようにして表示したかった...</li>
</ul>
といったようなことが足りず、後悔です。
また、リーダーとして足りなかった点です。
<h3 id="%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC%E3%81%A8%E3%81%97%E3%81%A6%E8%B6%B3%E3%82%8A%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E7%82%B9"><a class="header-anchor-link" href="#%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC%E3%81%A8%E3%81%97%E3%81%A6%E8%B6%B3%E3%82%8A%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E7%82%B9" aria-hidden="true"></a> リーダーとして足りなかった点</h3>
<ul>
<li>開発するものに対して必要な機能を、粒度細かく把握しきれていなかった</li>
<li>最後の発表練習の時間を多くとれず、プレゼンで詰まってしまった</li>
<li>メンバーそれぞれの得意な技術や領域をもう少し詳しく理解した上で、作業を割り振るべきだった</li>
</ul>
上記の点が足りなかったと感じています。しかし、リーダーをしなければ感じることができなかった課題に触れることができて、本当にいい経験になったと感じています！！ 
そして、動くものを完成させて、発表までやりきり、完走できたこと、何よりチームメンバーが、ハッカソン終了後に、本当にいい経験になったと言っていたのを見て、参加して良かったと思いました！ 
他のチームの作品もとてもいいものばかりで、これからの開発意欲がすごく高まっています！！ 
今後はモダンなフロントエンド技術を勉強していき、またハッカソンで何か作品を作りたいと思っています！！

ウインターハッカソン vol7を終えて

これからブログを始めます
まずはデプロイできて一安心です