Giter VIP home page Giter VIP logo

koyolympus's Introduction

Hello, I'm Wadakatu from Japan 🗾


Who am I ? 🧐

  • 💻 I'm Web Developer in Osaka, Japan using PHP, Laravel mainly.
  • 👨‍💼 I've been working as Web Engineer for four years.
  • 🌏 I'm currently developing the website with Next.js.
  • ☎️ Ask me about anything.
  • 🌝 Funny fact: I have more than 30 allergies.

My Experiences 🛠️

BackEnd

FrontEnd

CI/CD

Others


Other Info ℹ️

github stats Top Langs

koyolympus's People

Contributors

dependabot[bot] avatar wadakatu avatar

Watchers

 avatar

koyolympus's Issues

IPアドレス判別機能を実装

指定されたIPアドレスでサイトのアクセスがあった場合に、
管理画面(写真追加)用のURLに飛べるようにする。

`npm run prod`問題

npm run prod時に、CSSの反映結果が変わってしまう。
その問題を調査、解決する。

脆弱性対応

AWS ECSにて、OwaspZapの環境を構築
その後、脆弱性診断を行い、ミディアム以上が出れば対処する。

ハンバーガーメニュー修正

現在のハンバーガーメニューでは、アニメーションなどが少なく寂しい。
もう少しお洒落なハンバーガーメニューにしたい。

写真いいねAPI追加

写真にいいねできる機能を追加。
いいねボタンといいね数のカウンターを配置。

一旦、会員登録はなしでいいねできる様にする。

写真投稿機能を作成

サイドメニューから写真投稿ページにとび、写真アップロードを
複数枚一気にできるようにする。

jQuery削除

jQuery使っているところがあったので、使わない様にする。
package.jsonからも削除したい。

共通のエラー画面作成

ユーザーが、存在しないURLにアクセスするなどした場合に表示させるエラー画面を作成する。

ジャンル毎写真表示機能

カードがタップされた時に、そのカードに記載されているジャンルで検索できる様にする。

othersがタップされた場合は、別のカードを呼び出す。

写真ID変換コマンド作成

サイト初期、写真IDにはUUIDをセットしていなかった(適当な文字列)。
しかし、現時点ではUUIDを使用する様にしたので、
UUIDではない写真IDを検索し、UUIDに置換するコマンドを用意する。

Google Analytics導入

ページビュー、訪問者数などを可視化するため、Google Analytics導入

PHPDoc補完

PHPDocコメントが所々ないので、補完する。

Appディレクトリ配下のみ

UT作成

これまで作成したメソッドのUTを作成する。

管理画面作成

背景画像、カードの背景画像などもすぐ変えられると良い。

DBとS3の差異を確認するコマンド実装。

引数にファイル名を渡せば、そのファイル名のファイルがDBとS3に存在しているかを返す。
引数が空の場合は、全件検索を行い、重複などが発生していないかの結果を返す。

写真カードデザイン変更

トップ画面にある4枚のカードのデザインを変更する。

カードにカーソルが乗ったら、詳細を表示するようにしたい。

About meのページ作成

自己紹介のページを作成

ヘッダーのAbout meをクリックすることで、文章が変わるようにする。
を使用して、お洒落に変化するようにする。

・名前
・住んでいるところ
・年齢
・趣味
・使っているカメラ
・使っているレンズ

CI設定追加

CIを使って、UTを自動で毎回検証できる様にする。

SEO対策

description追加
imgタグにaltタグ追加

create header

create header.

header-logo: koyoisono
header-icon: About me, Photography, Biz Inquiries.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.