Portfolio

制作物

hideyuk1.dev

hideyuk1.dev

2020.02 - Now

今いるこのポートフォリオサイト兼ブログです。
元々は個人サイトをWordPressで作成していましたが、Next.jsを使ったサーバレスの静的サイトとして新たに作り直しました。

やっていることは以下の通りです。
・React / Next.js / TypeScriptで静的サイト出力
・UIライブラリにMaterial UI
・ブログ記事はMDXを利用(MarkdownにJSXが書ける)してGit管理
・お問い合わせフォームはAPI Gateway / Lambda / SESのサーバレス構成でメールが届くように設定
・S3でホスティング、キャッシュサーバーにCloudFront
・Route53でドメイン管理し、CloudFrontにルーティング
・ACMでSSL/TLS証明書発行、https化
・GitHubに変更があると、自動的にCodePipelineでビルド・デプロイされるように設定

React
TypeScript
Next.js
Material-UI
AWS CodePipeline
AWS S3
AWS CloudFront
TweetApp

TweetApp

2019.05

ProgateでRuby on Railsを学んだ直後に作成したポートフォリオ用のサンプルアプリケーションです。

主な機能として以下を実装しました。
・ユーザーの登録・詳細表示・編集・削除
・ユーザー認証
・投稿の登録・詳細表示・編集・削除
・投稿へのコメントの登録・削除
・投稿へのいいねの登録・削除
・投稿の検索

実際に動くものを作ろうと思ってHerokuにデプロイするところまで行いました。

Ruby on Rails
Bootstrap
Heroku
TodoistChute

TodoistChute

2018.07 - Now

Todoist用に作成したChrome拡張機能です。
Todoistのタスクに見積時間を設定することで、合計時間を集計して完了予定時刻を表示します。

以下の機能をJQueryにより実装しました。
・タスクごとの見積もり時間を集計
・タスク数・タスクの合計時間を表示
・日付によるタスクの絞り込み
・現在時刻とタスクの合計時間から完了時刻を表示

Javascript
JQuery
UIkit