Prog-Box

未経験がweb系エンジニアを目指す過程をメモします。 Rails学習中

作成したwebアプリケーションに実装した機能を簡単にまとめた

これまでに勉強用に作成したwebアプリに実装した機能を簡単に解説します。

ポートフォリオ用ページ

f:id:Takuyakou:20191214190758j:plain

https://takuyakou.github.io/portfolio/
GitHub - Takuyakou/hugo

自分のページが欲しかったのでGithub Pages+Hugoで作成したポートフォリオ用のページです。テンプレートであるhugo-elate-themeを元に改造しました。
他にも

GitHub Pages へ push するところまでをシェルスクリプトで自動化しているため「./deploy.sh」コマンド一発でgit hubに反映可能
・publicフォルダのサブモジュール化

などを行なっています。

参考
qiita.com

csv出力機能付きタスク管理アプリ

f:id:Takuyakou:20191214202552j:plain
GitHub - Takuyakou/Task-Todo


現場で使える Ruby on Rails速習実践ガイドという書籍を元に作成したタスク管理アプリです。
入力したタスクcsv形式で出力したり、読み込むことが可能です。またログインユーザーを利用者が登録して使用する形式ではなく、権利者権限を持ったユーザーが他のユーザーを管理、作成するという形式をとっています。

他の機能としては

・タスク一覧表示機能
・タスク詳細表示機能
・ransackを使用した検索機能
・一覧画面のソート機能
・投稿機能
・削除機能
・ユーザー登録機能
・タスクの登録、編集前の確認機能
・タスクに対する画像アップロード機能
・kaminariによるページネーション機能
Rspecによるテスト機能

などを実装しました。

docker環境下での掲示板アプリ

f:id:Takuyakou:20191214203906p:plain
GitHub - Takuyakou/prog-board-app

dockerの学習のために、docker-composeコマンドを使って環境を構築したRails掲示板アプリです。

掲示板の作成機能、削除、ログイン、ログアウト認証など基本的な機能に加えて、Active Recordの関連付けによるタグ付け機能、コメント機能などを実装しました。

Trello風Todoアプリケーション

f:id:Takuyakou:20191214230743p:plain

Task target
GitHub - Takuyakou/Kanban

techpitの教材を元に作成したTodoアプリです。リストに加えて、カードの中にタスクを格納して管理する事が出来ます。Deviceを使ってのサインアップ、サインイン機能。ヘッダーに使用中のユーザーを表示するなどの機能を実装しました。

Instagram風簡易SNSアプリケーション

f:id:Takuyakou:20191214225414j:plain

Techgram
GitHub - Takuyakou/techgram

こちらもtechpitの教材を元に作成しました。Instagramのような掲示板アプリです。他のアプリで実装した基礎的な内容(ログイン認証機能など)に加えて、ユーザーページの設定や画像の変更が可能です。carrierwaveとMiniMagickを使った画像アップロード機能、いいね機能なども実装しました。