Products

制作物の紹介

今までに、作成したものをいくつかピックアップして掲載しております。最近ではDjangoを使っての開発を多く実施しております。今後は、Unityなどで作成したものも掲載してけたらと思います。ここに掲載していないものも、頑張って順次更新していけたらと思います。よろしくお願いします。

Ohenro

おへんろ

制作時間：1週間

URL：現在公開はしておりません。

説明：秩父市には札所３４カ所があり、各札所の情報と巡ったことのある札所の管理や頂いた御朱印の画像をアップロードすることで、どれがどこの御朱印かを管理することができます。

使用言語：

Python
Django
HTML
CSS
Javascript
jQuery
Bootstrap
PostgreSQL

Covid19 AI

covid ai

制作時間：１週間

URL：現在公開はしておりません。

説明：埼玉県のコロナ新規感染者予測AIです。過去7日間の感染者数とその日の最高気温、最低気温、曜日を元に予測する簡易的なものです。

使用言語：

Python
Django
HTML
CSS
Javascript
Bootstrap

FinChart

制作時間：2日間

URL：現在公開はしておりません。

説明：会社の業績（損益計算書や貸借対照表）をグラフかします。

使用言語：

Python
Django
HTML
CSS
Bootstrap
PostgreSQL

SigmatchLab

制作時間：2週間

URL：https://sigmatch-lab.herokuapp.com/

説明：企業の人事担当者がつぶやきや写真の投稿ができ、サイト登録者（求職者）はそれに対してコメントができます。また、人事担当者と求職者１対１でチャットができるといった、人事担当者向けのコミュニケーションツールを作成しました。人事担当者は、利用規約に違反する登録者を強制退会させることも可能です。

使用言語：

HTML
CSS
Ruby
Rails
Bootstrap
MySQL
Heroku
GitHub

仮のアカウント(管理者以外)：

id: user@example.jp
pass: password

RealtimeChat

制作時間：1週間

URL：http://ta9son.sakura.ne.jp/realtimechat/#

説明：Firebaseを使用したリアルタイムチャットです。ログイン後デフォルトルームに移動して登録者同士でのチャットができます。プロフィール画像の変更・チャットルームの作成・お気に入り登録などができます。

使用言語：

HTML
CSS
Javascript
jQuery
Bootstrap
Firebase

仮のアカウント：

id: user@example.jp
pass: password

FlickrSearch

制作時間：約1日

URL：http://ta9son.sakura.ne.jp/flickrsearch/

説明：入力欄に検索したいテキストを入力するとFlickr API を使用して検索した画像を表示します。

使用言語：

HTML
CSS
Javascript
Vue.js
Bootstrap

BookList

制作時間：約1週間

URL：http://ta9son.sakura.ne.jp/booklist/

説明：読んだ本・持っている本を登録することで本を管理できます。

使用言語：

HTML
CSS
Javascript
jQuery
Bootstrap
Firebase

仮のアカウント：

id: user@example.jp
pass: password

MonoList

制作時間：約3日間

URL：https://takuson-monolist.herokuapp.com/

説明：楽天APIを使用した欲しいものと持っているものを管理できるモノリストアプリです。ナビバーのランキングをクリックすると登録ユーザでWant it されている数の多いランキングとHave it されているランキングが見れます。

使用言語：

HTML
CSS
Ruby
Rails
MySQL
Heroku
Bootstrap
GitHub
Web API(楽天API)

仮のアカウント：

id: user@example.jp
pass: password

TwitterClone

制作時間：約1週間

URL：https://ta9son-twitter.herokuapp.com/

説明： Twitterのクローンもどきを制作しました。 Post という形でつぶやく事ができます。また、Userをクリックすると他の登録ユーザの一覧を確認できたり、フォローすることも可能です。左上のMicropostというロゴマークをクリックすると、つぶやきのフォームと、つぶやきのタイムラインが確認できます。ここには、自分のつぶやき及び、フォローしているユーザのつぶやきが表示されます。また、気に入ったつぶやきがある場合はお気に入り登録もすることが可能です。自分がつぶやいたものにはDeleteボタンがついていますので、削除も可能です。フォローしているユーザとフォローされているユーザはマイページのタブをクリックすることで確認することができます。今回の制作物は１対多の関係を作ることでつぶやき・フォローなどを実現させています。

使用言語：

HTML
CSS
Ruby
Rails
MySQL
Bootstrap
Heroku
GitHub

仮のアカウント：

id: user@example.jp
pass: password

TextSpeech

制作時間：約1日間

URL：http://ta9son.sakura.ne.jp/textspeach/

説明：サイトを参考にして作成しました。テキスト入力欄にテキストを入力して、再生ボタンを押すとテキストを読み上げます。途中で停止したい場合は、停止ボタンを押すと停止します。一旦停止する場合は一時停止ボタンを押すと一時停止します。一時停止を再開する場合は、再開ボタンを押して下さい。使用する端末・ブラウザ等により多少違いはありますが、声の選択もできるようにしてあります。

使用言語：

HTML
CSS
Bootstrap
Javascript

StopWatch

制作時間：約3時間

URL：http://ta9son.sakura.ne.jp/stopwatch/

説明：ドットインストールの学習を参考に作成しました。スタートでストップウォッチを開始して、ストップで停止します。リセットで初期化ができます。
※ストップをクリック後スタートで再開できます。

使用言語：

HTML
CSS
Javascript

Omikuji

制作時間：約1時間

URL：http://ta9son.sakura.ne.jp/omikuji/

説明：ドットインストールの学習を参考に作成しました。ボタンを押すと、大吉、中吉、凶の３種類の内容で運勢を占ってくれるアプリです。

使用言語：

HTML
CSS
Javascript

3Quiz

制作時間：約2時間

URL：http://ta9son.sakura.ne.jp/3quiz/

説明：ドットインストールの学習を参考に作成しました。 3択のクイズゲームです。クリックして回答すると次の問題に進むボタンと解答をみるボタンがクリックできるようになります。最後まで回答するとスコアが表示されます。

使用言語：

HTML
CSS
Javascript

SlideShow

制作時間：約2時間

URL：http://ta9son.sakura.ne.jp/slideshow/

説明：ドットインストールの学習を参考に作成しました。 Playを押すと画像をスライドショーで表示するアプリです。 Pauseを押すとスライドショーを停止することができます。任意の画像をクリックすることでスライドに表示することも可能です。

使用言語：

HTML
CSS
Javascript

SlotMachine

制作時間：約2時間30分

URL：http://ta9son.sakura.ne.jp/slotmachine/

説明：ドットインストールの学習を参考に作成しました。 JavaScriptでスロットマシーンを作成しました。 SPINを押すと回転が始まって、STOPを押すと回転が止まります。３つともSTOPするとサイドSPINが押せるようになります。

使用言語：

HTML
CSS
Javascript

NumberGame

制作時間：約2時間30分

URL：http://ta9son.sakura.ne.jp/numbergame/

説明：ドットインストールの学習を参考に作成しました。 JavaScriptで数字タッチゲームを作成しました。５×５のマスの中にランダムに０〜２４までの数字が並ぶので、小さい数字から順番にクリックして全てをクリックするまでの時間を競うゲームです。 STARTをクリックすると数字が表示され、タイム計測がスタートします。全てクリックし終えるとタイムが止まりそれがスコアタイムとなります。

使用言語：

HTML
CSS
Javascript

PollSite

制作時間：約1日間

URL：現在公開はしておりません。

説明：ドットインストールの学習を参考に作成しました。 PHPを使って投票サイトを作成しました。３つのうちどれかを選択して投票するをクリックすると投票されて投票結果の画面へ飛びます。投票されたデータはMySQLでセーブされ、それをSQLで集計した結果を表示しています。投票は１日1回と制限をかけ、2回目の投票をすると、今日はすでに投稿済みとアラートがでます。また、何も選択せずに投票した場合もアラートが発生します。ローカル開発環境でMySQLを繋げていましたが、サーバーにアップロードするときにデータベースの再作成、データベースに繋ぐといった作業で苦労しましたが、調べたり、試行錯誤することでなんとかアップロードできました。

使用言語：

HTML
CSS
jQuery
PHP
MySQL

TypingGame

制作時間：約1時間30分

URL：http://ta9son.sakura.ne.jp/typinggame/

説明：ドットインストールの学習を参考に作成しました。クリックするとカウントダウンが始まりタイピングゲームを開始します。時間内にタイプした数値をゲーム終了後に表示します。終了後にリトライする場合はサイド画面をクリックすると開始します。

使用言語：

HTML
CSS
Javascript

TaskList

制作時間：約2日間

URL：https://ta9son-tasklist.herokuapp.com/

説明：タスクを登録しておくことでタスクを管理できるアプリケーションです。新規登録orログインしてから、ナビバーorタスク一覧の下にある新規タスクの投稿により、タスクを登録します。タスクが登録されたらメイン画面の一覧に表示されます。タスクを修正する場合は、タスクidをクリックすると、タスクの詳細画面に移行して、タスクの編集かタスクを削除するかを選択できます。

使用言語：

HTML
CSS
Ruby
Rails
MySQL
Heroku
Bootstrap
GitHub

仮のアカウント：

id: user@example.jp
pass: password