Hirofumi Suzuki

Harashima Ikkei

Githubの草(contribution)から着想を得ました。
資格勉強などもどれくらい取り組んでいるかが定量的に記録出来れば便利だなと思い作成しました。

Front: Next.js(TypeScript)
API: Golang / GraphQL
Hosting: Vercel / Heroku

自分だけの"草"を作成して毎日の積み上げを可視化できるアプリ

開発スキル: Nuxt.js , Python , AWS(Lambda, DynamoDB, API Gateway, CloudWatch)
制作期間: 1週間

Lambda,とDynamoDBによるサーバレスアーキテクチャです。
Pythonのライブラリ(beautiful soup4)でオンライン古着サイトをスクレイピングし、集まったデータをブランドごとに分類、平均価格を算出してDBに書き込みます。
Pythonでのデータの集計はAWSのLambdaで処理しており、CloudWatchと連携することで定期実行しています。またDynamoDBのStreamトリガーを利用して、新しい商品が追加された時には、「同ブランド、同カテゴリーの平均価格と比べて割高か割安か」というデータを含めた通知をSlackに投げてくれます。

新着の古着を平均価格と比べてお得な商品かをSlackに通知してくれるアプリ

開発スキル: Vue/Vuex + Firebase(Authentication/Firestore/Storage) + Electron
　ワイヤーフレーム設計でAdobeXDを使っています。
    ソース管理はGitHub

　本来はデスクトップアプリですがwantedly用としてfirebaseのhostingで公開しています。
　デスクトップアプリのダウンロードは以下参照
https://drive.google.com/file/d/13YfheQjrDCS7LNu2gtIkrk6E4a_QsNdn/view?usp=sharing

デモアカウント
アドレス: papyrusdev.demo@gmail.com
パスワード: papyrus

制作期間: 1ヶ月程度
GitHub: https://github.com/ikkei12/papyrus

なぜ作ったのか: 普段AsanaやTrelloを使っていて「タスクをこなしている感」は感じていたが、そのタスクを「何の為にこなしているのか」までは意識出来ていないなと感じていた。「自分が今本当に取り組むべきタスクは何か」を可視化し、消化していくことで、ユーザーが設定した目標、その先のミッションステート(なりたい理想像)に最短で到達出来るようにします。

仕様: ユーザーはタスクの追加時にいくつかの質問を答えます。タスクは質問の答えに応じて重要度と緊急度を割り出し、「時間管理のマトリクス」(写真4枚目)に割り振られます。質問形式にしたのはなるべく自分の主観を排除して、「普段後回しにしがちではあるが自分にとって重要であるタスク」をあぶりだせるようにする為です。

これから: まだ実装途中の部分もあるのでそこの実装、消化したタスクの振り返りが大切だと思うので週間or月間での振り返り機能、カレンダー機能をより使いやすくする等
アプリをよりよくする為に改修、改善していこうと思います。

Papyrus   「なりたい自分に最短ルートでなるためのタスク管理アプリ」

管理、更新しやすいポートフォリオを意識して作成しました

- システム構成 (画像三枚目)
フロントはReact×TypeScript、APIとしてGo言語(Gin)、インフラはEC2/S3
アプリをパブリックサブネット、データベースをプライベートサブネットに配置
ローカルではDockerComposeを使用しています
エラー監視でsentryを使用しています

今後は撮影した写真のフォトギャラリーや管理画面の作成、アニメーションの充実を含めたUIの改善を進めていきたいです

ポートフォリオ 2020

HTML,CSS,JSを学習開始してから初めて作った、フォトギャラリーを兼ねたポートフォリオサイトです。
使用したスキルはHTML,CSS,JavaScript,Sass,サーバーはFirebaseのHostingを使用しました。ワイヤーフレーム設計でAdobeXD。スライダーにはSlick,フォトギャラリーにはLightBoxといったJavaScriptライブラリを使用しました。
レスポンシブ対応もしております。

ポートフォリオサイト(旧)

英単語の定義が英語で出題されるのでその単語を答えるゲームです。
スコアが算出されるのでランキングで競う事ができます。

構成はNuxt.js × Go × MySQL
問題はOxford Dictionaries APIを使って単語を取得してDBへ保存しています。
フロントはvercel、バックエンドはherokuでホスティングしています。
スマホではPWAにも対応しています。

英英の単語クイズ

JPHACKS2020というハッカソンに向けて作成。
Google Cloud Vision APIの画像認識を使って忘れ物があるか教えてくれます。
自分は主にフロントエンドを担当し、React Nativeでクロスプラットフォーム対応のモバイルアプリを作成しました。

画像分析で忘れ物を防ぐアプリ「Laff」

学生エンジニアが初めてハッカソンに参加してみたら学びが多かった話

Electron(Node.js) × firebaseで作成しました。
インターンで働き始めてから同時に扱うリポジトリの数が増え、Issue/PRを確認する手間がかなりかかる事に気付きました。自分がアサインされているIssue/PRを一瞬で確認できれば業務効率化に繋がるなと思い作成しました。

2020/11/22: 制作過程をQiitaの記事にしたらトレンドに乗りました！

GithubのIssue/PRを一瞬で確認できるアプリ

Nuxt.jsで作られたポートフォリオです。
去年作ったものの欠点(パフォーマンス/コスト/コンテンツ管理のし辛さ)を踏まえて作成しました。動的OGP生成もしています。
パフォーマンスの改善はJamstackの構成で実現。
コスト面はSSGビルドして静的ホスティング(firebase hosting)する事で改善、コンテンツ管理にはnuxt/contentを使用し、github上でjson/markdownファイルで管理するようにしました。

詳しくはブログをご覧ください。

Nuxt.jsでJamstackなポートフォリオ

慶應義塾大学, 経済・経営・商学系

慶應義塾大学 / 経済・経営・商学系

中條航紀

Shigeru Takeuchi

Takahiro Kubo

TIS株式会社, サービス事業統括本部 フィナンシャルサービス部

Harashima Ikkei

Harashima Ikkei

プロフィール

つながり

Harashima Ikkei

Related Profiles

あなたも Wantedly で
プロフィールを作りませんか？

つながってこの人をもっと知ろう

慶應義塾大学

経済・経営・商学系

株式会社サイバーエージェント

フロントエンドエンジニア(Intern)
現在

スキルと特徴

AWS

Ruby on Rails

CSS3(less/scss)

Git

firebase

Publications

【フォースタテックブログ】フォースタートアップスでWebエンジニアインターンで働くということ | TechLab. blog

学生エンジニアが初めてハッカソンに参加してみたら学びが多かった話

Accomplishments/Portfolio

自分だけの"草"を作成して毎日の積み上げを可視化できるアプリ

Nuxt.jsでJamstackなポートフォリオ

GithubのIssue/PRを一瞬で確認できるアプリ

画像分析で忘れ物を防ぐアプリ「Laff」

英英の単語クイズ

Harashima Ikkei

Harashima Ikkei

プロフィール

つながり

Harashima Ikkei

Related Profiles

あなたも Wantedly でプロフィールを作りませんか？

つながってこの人をもっと知ろう

慶應義塾大学

経済・経営・商学系

株式会社サイバーエージェント

フロントエンドエンジニア(Intern)現在

スキルと特徴

AWS

Ruby on Rails

CSS3(less/scss)

Git

firebase

Publications

【フォースタ テックブログ】フォースタートアップスでWebエンジニアインターンで働くということ | TechLab. blog

学生エンジニアが初めてハッカソンに参加してみたら学びが多かった話

Accomplishments/Portfolio

自分だけの"草"を作成して毎日の積み上げを可視化できるアプリ

Nuxt.jsでJamstackなポートフォリオ

GithubのIssue/PRを一瞬で確認できるアプリ

画像分析で忘れ物を防ぐアプリ「Laff」

英英の単語クイズ

あなたも Wantedly で
プロフィールを作りませんか？

フロントエンドエンジニア(Intern)
現在

【フォースタテックブログ】フォースタートアップスでWebエンジニアインターンで働くということ | TechLab. blog