GithubHelp home page GithubHelp logo

renamoo / amimo Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 0.0 2.17 MB

Knitting Diagram Editor / 編み図エディタ

Home Page: https://amimo.netlify.app/

JavaScript 3.00% TypeScript 79.43% HTML 10.31% SCSS 7.26%
knitting knitting-pattern knittingpatterns knitting-patterns

amimo's Introduction

Hi there 🐾

I'm Rena, an engineer based in Tokyo 🇯🇵
I started learning programming after graduation and was quickly fascinated by Tech world.
If you are interested in my story or artifacts, please visit my portfolio 🌱

🌟 I love works involving...

  • code writing to make something better or bring someone joy ✨
  • building designs and UI/UX
  • improving developer experiences (writing documentation, CI/CD setup etc...)
  • complex issue solving
  • multi-tasking
  • supporting and assisting people

💬 I'm looking for projects / jobs I can work on afterwork and weekends. If you have some ideas, please let me know!

⚙️ Technology and Tools

Open sesame!

Frequently use

Git GitHub HTML5 CSS3 Scss Node.js JavaScript TypeScript GCP(Serverless, Storage) Angular

Occasionally use

React SQL Jest AWS

Have used before / Have learned

Java Java Spring Python3 Vue GraphQL

Interested in learning

Rust Tailwind CSS Polymer

📫 You can reach me by...

Twitter
If you need my resume / linkedin, please reach out to me personally 🐕
Also, please feel free to ask me anything!

amimo's People

Contributors

dependabot[bot] avatar renamoo avatar

Stargazers

 avatar

amimo's Issues

editor/selector Todos

  • add order for stitch buttons
  • add drag mode
  • improve usability when user edit the data
    • add assist outline when user put the stitch
    • add functionality to automatically adjust position of stitch which changes the number of stitches such as 増し目
  • migrate some methods to pixi service such as pure drawing

ログ

エディタの実装について

・Inputから目数などを入力する形を考えていたが、ドラッグドロップなどの方法もある。円形四角形以外の形も考えるとすると、ペイントソフトのようになぞった部分にあみ図記号が当てられる方が使いやすく取り回しやすそう

実装ベースについて

・SVGはグリッドを簡単に書けるが、クリックなどのイベントからユーザーの意図したマス目を逆算することが難しい。なぜなら、グリッドのズームやスクロールをする可能性があるので相対的な位置が分かってもマス目の高さの取得などもしないといけないから。グリッドの各マスからイベントが取得できた方が圧倒的に良いので、DOMかpixiでできるならpixiになりそう

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.