とある学生エンジニアがぶつぶつと独り言を呟いているだけのブログサイトです。 生きとし生けるものは幸せでありますように。
Portfolios

Portfolios

これまで作ったアプリの要約とURLを書き留めました。

ホームページ(yukinissie.com – ニッシー☆のブログ)

今ご覧になられているWebサイトです。自分でレンタルしたVPSに1から構築しました。

https://yukinissie.com

Wa:talk

話題提供アプリです。その場にいる人との親睦を深めたいときにどうぞ。概要はこちらから。

※[注意]パソコンからのアクセスの場合、音が出ますのでご注意ください。

https://watalk.yukinissie.com

Meguru Cosmos

モダンな技術を銀河にしました(?)。とあるハッカソンにて製作した作品です。概要はこちらから。

※[注意]若干身内ネタが混ざっています。ご了承ください。

https://lonely1.yukinissie.com

Mazakan

とあるハッカソンに野良で且つ1人で参加したときに作ったWebアプリ。エナジードリンクを日常的に飲む皆さんに専用チャットにて報告してもらいそのチャット数を集計・ランキング化するというもの。

LambdaのようなファンクションサービスやDynamoDBのようなNoSQLサービスを扱うことが初めてだったのでさまざまな面で苦労しました。まずLambdaはフロントが永続化したいデータをDyanamoDBに保存したり、保存済みのものを取得したりするために作成しました。小さなスクリプトを書くに等しいのですが、DynamoDBの扱いに慣れてない(というか知らない)のも相まってとても手こずりました。

React.jsについてもハッカソン中しか学ばないのもあって非同期でデータをフェッチする箇所を書くのに少し時間がかかりました。

この時はDynamoDBにソートのための仕組みを実装できなかったため、チャットによる表示の時系列はめちゃくちゃになってしまいました。

https://mazakan.yukinissie.com

Keiziban(Vue Chat)

開発合宿にてVue.jsで作った掲示板アプリです。ほぼはじめてのVueでしたがなんとか2日で形になったのでよかったです。手こずった点は、APIゲートウェイにてCORS設定を適切に設定していなかったためにリクエストを拒否され続けていたことに半日ぐらい気づけなかったことです。。

元となるソースコードを公開しています。(ソースコードはこちらから)

https://vue-chat.yukinissie.com

勉強で作ったサンプルアプリ

チュートリアルで作った成果物です。ホスティングに費用はかかってないのでドメインをつけて公開しています。

https://nextjs-tutorial.yukinissie.com

https://hello-gatsby.yukinissie.com

https://hello-gatsby-and-netlify.yukinissie.com

https://learnjs.yukinissie.com

その他

なにかしらの作品になるかも??

https://nyannyan.yukinissie.com

https://www.yukinissie.com

以上です。

最後まで見てくださりありがとうございます。

他にもデプロイしていないものがいくつかあるのでこのページに追加していきたいと思います。

watalk
Wa : talk(わトーク)

#watalk
#eye_of_the_cyclone
#キャンプハッカソン
#ハックツハッカソン
#made_in_kyushu

さっそくはじめる

※音量注意(PCユーザーのみ)

What’s “Wa:talk”?

トークテーマと話す人をランダムで表示してくれる話題提供アプリです。

こんな人にオススメです。

  • みんなで楽しみたい
  • その場にいる人との親睦を深めたい
  • 大人数でトークをしたい
  • トークしたいけどおもしろい話題が浮かばない

そんなあなたに以下を提供します。

  • 5 種類 100 個以上のトークテーマ
  • トークテーマの趣に合わせた BGM (PCユーザーのみ)

特徴

  • ユーザーとトークテーマの選択は完全ランダム
  • その場かぎりのインスタントユーザー管理機能
  • トーク時間を管理するタイマー機能
  • トークターン数を管理するカウンター機能
  • すべてオリジナル BGM

さっそくはじめてみる

プロダクトの URL を掲示します。

ぜひお試しください。

※音量注意(PCユーザーのみ)

「Wa:talk」 プロダクトURL:https://watalk.yukinissie.com

※URL はいずれ変更されます。ご了承ください。(このページや、Twitter(@yukinissie) で予告します)
※このプロダクトの利用によって起きた利用者のいかなる損害についての責任は負いかねますのでご理解のほどよろしくお願いします。
※このプロダクトはα版です。

追記1:Wa:talkのURLが変わりました。上記の通りです!(2021/05/30)

開発経緯

このプロダクトは株式会社ハックツ主催のハッカソン「キャンプハッカソン」にて大学生 2 人(企画/プレゼン:@oyamamanao, 開発:@yukinissie)の手によって開発されました。

BGM提供者

以下の方にBGMを提供していただいています。

使用技術について

以下に概要だけを示します。

フロントエンド

サーバーサイド・インフラ