LINK

PROJECT

■ カップラーメンタイマー
https://cupramen-timer.firebaseapp.com/

【GitHub】
Ramen_Timer

【Qiita】（トレンド入り：いいね200↑）
Vue.jsとCSSアニメーションでラーメンタイマーを作る + Firebaseで簡単公開

Vue.js + CSSアニメーション + キャラクターデザインを組み合わせたカップラーメンのタイマーアプリです。

PWAに対応しており、スマホでホーム画面に追加するとオフラインで使えるアプリになります。

Firebaseでアプリ公開しています。

【プログラミング言語】JavaScript

【フレームワーク】Vue.js

【ライブラリ】SweetAlert

【クラウド】Firebase

【ソフトウェア】PWA

【GitHub】
簡易書籍管理アプリ　- MiniBookSearch -

【Qiita】（トレンド入り：いいね30↑）
【Python+Flask】WebAPIを使った簡易書籍管理アプリ【Elasticsearch、Vue.js】

GitHubのOSSプロジェクト『簡易書籍管理システム』を改修＆拡張機能の追加。

・WebAPIをGoogleBooksAPI → openBDへ変更

・全画面表示の拡張機能の作成

作成後、このアプリの紹介を100人以上の前で発表登壇しました。

【プログラミング言語】Python

【フレームワーク】Flask, Vue.js

【ソフトウェア, DB】Elasticsearch

【GitHub】
ECサイト　- LeisurePass！ -

チームプロジェクト（10名）

Javaで各機能を実装したレジャーチケット販売のECサイトです。

【プログラミング言語】Java

【フレームワーク】Struts2

【データベース】MySQL

【GitHub】
WordCloud - Japanese

【Qiita】
【Python】テキスト内のよく使用される単語を可視化しよう！【WordCloud】

日本語文章をMecab（形態素解析エンジン）を使用せずに形態素解析チックな表示を実現するスクリプト

WordCloudは日本語文章に対応していない為やってみました。

正規表現を扱ってみる事が目的です。

【プログラミング言語】Python

【ライブラリ】WordCloud

■ Night-Sky（デモページ）
https://aocattleya.github.io/Night_sky-Background

【GitHub】
Night_sky-Background

背景透過した画像 + CSSアニメーション + グラデーションを重ねた動く背景。

落ち着く雰囲気のオシャレな背景を作ってみたく実現してみました。

GitHub Pagesにて公開しています。

【プログラミング言語】CSS

【ツール】FireAlpaca（ペイントツール）

【GitHub】
illustration - OriginalCharacters

製作したオリジナルキャラクターをまとめています。

上のキャラクターは『青いカトレアの花』の擬人化（青色が好き + 使っていたHNのcattleya）

私の活動用アイコンとして印象に残るようキャラクターデザインしました。

ラーメンタイマーの子のレイヤーファイルなども入っています。

【ツール】FireAlpaca（ペイントツール）

【ペンタブ】WACOM　FAVO F-430(S)

Other