はじめに 主にフロントエンドの領域でお仕事をさせていただく中で、どのようなことを意識して開発を行っているのかを自己理解を含めて記事として残しておきたいと思います。 これからフロントエンド開発に従事する方々の多少なりとも参考になりますと幸いです。 なお、最近の業務ではVue.js(Nuxt.js)を使った開発に携わることが多いのですが、個人的な趣向としてはReact.js、TypeScriptを好みますので記事に出るコードはこちらを用いて表現したいと思います。 UIに対して意識したこと 前提としてUI/UXはデザイナーだけで考えるものでなく、エンジニアでも考えてコーディングをする必要がある箇所だと思っています。 なお私がUIについて調べ、認識をしている定義はユーザーが触れるweb上のパーツ等の当たり前に考慮がされてあり、考慮が出来ていないとユーザーを困らせるものであるという認識を心がけていま
![2021年のフロントエンド開発の中で意識をしたこと - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2df815c10ac16b56fb4b88ed96c5f0419626a91b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9MjAyMSVFNSVCOSVCNCVFMyU4MSVBRSVFMyU4MyU5NSVFMyU4MyVBRCVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MiVBOCVFMyU4MyVCMyVFMyU4MyU4OSVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSVBRSVFNCVCOCVBRCVFMyU4MSVBNyVFNiU4NCU4RiVFOCVBRCU5OCVFMyU4MiU5MiVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSU5MyVFMyU4MSVBOCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzY3MDkxNGY4OTIyYzJiMzYyODlhMDQ1M2FjMGZhYTk%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa2Vpc2VpX290c3VrYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTg0OTAwZDA0Njk1YmNmYTViMDNjNTYyYTA4ZGQ0ZTQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D5edf83b78a9a5605d42f788dfa3848f2)