評価コメントは個別に送らさせていただきます。
人狼くん
https://whispering-hollows-42826.herokuapp.com/index
パーティゲームの人狼をウェブアプリで遊べるようにしてみました。
ただ時間が足りず最後の部分がかなり雑になってしまいました。
WeBrain
https://storm-webrain.herokuapp.com/
「ブレインストーミング」のようなものをオンライン上でできないかと思ったことがきっかけで、アイデアを出し合う時に役立つチャットアプリを作りました。
チャットルームの作成&作成したルームへの入室ができ、メンバーの距離が離れていても出たアイデアを共有することができます。
送信メッセージは一列に表示せず、付箋のような表示にして見渡しやすくしました。
Node.js/Expressで動いています。メッセージ周りやルーム機能はFirebaseのRealtimeDatabaseを使ってみました。
Scoreboard
https://keitan-node.herokuapp.com/
さまざまな場面で利用できるスコアボードです。2つ以上デバイスを用意するだけで簡単に利用ができます。
所属キャンパスにて行われた卓球大会のために作成したものにかなりの改良を加え、Webサービス化しました。
工夫点
スコア情報を一旦サーバーへ送り、クライアントへ返しています。そのため、ほかのユーザーが使っているとスコアなどの情報が混ざってしまうのですが、それぞれのユーザーごとにユニークなcodeを発行しているので、混ざることはほぼないと思います。
機能などについての詳細は作品トップページに載っていますので見ていだたけるとありがたいです。
みんなで作る社会科単語帳
https://agile-island-49568.herokuapp.com/posts
社会科の単語帳をみんなで作れます。社会は他の教科と比べて覚える内容が凄まじく多いので自分で覚えるだけでなく、他人と単語をシェアできたりして暗記できればいいなと思い作りました。
社会科の単語を自分で投稿したり、他人の投稿を閲覧したりすることができます。
自分の投稿ならば削除も可能です。世界史、日本史、地理、現代社会、論理、政治・経済と6つの教科があります。
教科が6つあるのでそれぞれの投稿を教科ごとに分けて表示させるのを頑張りました。
データベースの扱い方が難しく、苦戦しました。本当はまだまだ作りたい機能があったのですが、間に合わずシンプルな作品になりました。
faviconも作成しました。ボタンのデザインにも少しこだわったのでよかったら見てみてください。
TODO-LIST
https://hidden-dusk-56441.herokuapp.com/posts
シンプルで使いやすいTODOアプリです。
まだNode.jsやフレームワークへの理解が浅く、外部認証などの機能を入れることができませんでした。
( 動作確認用です。ユーザー名:guest1 パスワード:8nxXytY9bHvN )
slope
https://slope-9080.herokuapp.com/#/
文字を投稿してそれに反応できるSNSです
ガチャッター
https://lit-lake-68767.herokuapp.com/
ガチャを回して投稿を装飾する掲示板サイトです。
オートレポートチェック
制作動機:レポートをしている際に自分や周りの人が一体どのくらいの分までレポートが終わっていてどのくらいのペースで進めればいいのかということに困っていたり、キャンパスに放課後、居残ってレポートをやるべきか、というのを調べる手間が時間の無駄だなと感じたため制作に至った。
機能:生徒用マイページの学籍番号とパスワードを入力して月を選択するとその月の分のレポートの教科ごとと全体の進捗率と残りのレポート数が分かる。
PR:レポートの進捗率を一々計算しなくても、瞬時に分かることで日々のモチベーション維持やレポートを進める予定を立てることができます。また、N高サイトへのショートカットも用意しています。
頑張ったところ:作ろうと思ったところからどのようにすればいいかというロジックを考えることを頑張った。また、アプリ内でウェブスクレイピングをしてから計算をするためにスクレイピングのことを学び、受け取った情報を加工するため色々な要素を学び、試行錯誤しながら作った。
DIGITAL FLASHCARD
https://safe-escarpment-44719.herokuapp.com/
「単語カード」をWEBアプリにしました。
忘却曲線を考慮した繰り返し学習が行えます。
手軽に掲示板
https://glacial-garden-25045.herokuapp.com/posts
自分で最初から作るのはやはり難しかったので、復習の意味も兼ねて三章をもう一回勉強し、ほんの少しだけですがオリジナル機能を付け加えてみました。handleDescription関数を用意し、掲示板の注意点や使用者が気持ちよく使える説明ページを作りました。お家の都合で開発期間が一週間もなかったので、セキュリティ面が全くと言っていいほど作れておらず、めちゃめちゃガバガバですがここは勘弁してください笑
パスワードも平文管理のため本当にガバガバです。
guest1→ guest1 1234
guest2→ guest2 5678
crypto-message
https://yu1k.github.io/crypto-message/
入力した文字をインクリメントして一文字ずらして出力する
todo
https://github.com/tajima2019/todo
ログイン機能とログアウト機能をつけました。
Color Chat
https://quiet-island-13473.herokuapp.com/
socket.ioを使ったシンプルなチャットアプリです。
メッセージを受信するとサイトの色が変わります。
URL2QR
https://evening-refuge-80800.herokuapp.com/qrcode_changer
URLを入力するとQRコードに変換して表示するアプリケーションです。
PCで見ていたサイトをスマホでも見たい時に便利かと思って作ってみました。
りーでぃんぐれこーだー
https://tranquil-beach-48884.herokuapp.com
GitHub認証を利用して、非公開の読書記録の作成と、年ごとの集計をするサービスです。
素数じゃない数あつめ
https://nameless-river-75804.herokuapp.com
ページを読み込むたびに「素数じゃない数」をプログラムが勝手に探して集めていく&集めた数が見られるだけのアプリです。
「素数じゃない」判定には最大公約数を使っています。
ユークリッドの互除法ってすごい!と思ってこれを使ったことが何かできないかなと思って作りました
動くラインチャートくん
https://glacial-chamber-97776.herokuapp.com/
ロードアベレージを心電図のように時間おきに波打つように変更してみました。
また、アクセス人数に応じて PIXI.js で描画された楕円のサイズが変動します。
Presentation Support System
https://pss.seigo2016.com
Presentation Support System(以下 PSS)はプレゼンテーションをより面白く行うためのシステムです。
現状,プレゼンテーションの操作とリアルタイムのコメントシステムが実装されている。
コメントシステム部分の特徴として,コメントのサニタイズや記録をサーバー側で行うことで,クライアントで行う処理を最小限にしている。また,複数のクライアントが同時に接続して使用することも可能。
ログインユーザー:test
ログインパスワード:45%oe8te@P&5ACr*^EXp
使用手順 (発表者側)
①-① 専用クライアントをダウロードして実行
①-② その後にスライドのページごとの画像が含まれているフォルダを選択
①-③ アカウント情報を入力してサーバーに接続
使用手順 (クライアント側)
②-① https://pss.seigo2016.com/ClientList にアクセス
②-② コメント可能なプレゼンが表示されているので該当するプレゼンを選択
②-③ コメント入力・送信
環境
サーバー側