yuya miyashita

文章構造・SEO対策を考え、適切なマークアップを心がけています。
また、インデントのズレやスペースで距離を空けるなど、他人から見ても読みやすいコード作りを意識しています。
CSS設計手法では 「FLOCSS」 を取り入れ、保守性の高い設計を目指しています。

実務ではjQuery用いて開発を行い、個人開発では脱jQueryの流れに合わせて外部ライブラリを用いない純粋なJavaScriptを使用しています。
当サイトも、純粋なJavaScriptのみで各機能を実装しています。
現在は、モダンJavascriptを用いたWeb開発を学ぶためReactを学習中。
React学習のアウトプットとして、「ブログサイト、YouTubeまとめサイト、レシピ投稿サイト」を作成しました。

個人開発にて、Next.jsやVite、自作タスクランナーのJavascript実行環境として使用経験があります。

実務にて、条件分岐やループ処理など、基礎部分の経験があります。
主に、CMS経由でデータベースの情報を出力したり、URLパラメーターから表示するコンテンツを変更する場面に用いました。

個人開発にて作業効率を向上させるために使用しています。
最初にGulpを用いた開発を行い、その後は脱Gulpとして既存ツールを使用しない自作のタスクランナーを作成し、npm-scriptsの基礎部分を学びました。
当サイトでも自作タスクランナーを用いて開発を行っており、「SCSSからCSSへの変換、ベンダープレフィックス付与、ブラウザリロード、画像圧縮、構文チェック、EJSからHTMLへの変換、JavaScriptのバンドル」等を実現しています。
React学習の際には、Viteを用いて開発を行いました。

React学習の際に、サーバーサイドレンダリング（SSR）、静的サイト生成（SSG）を実現するために使用しています。
パフォーマンスにも優れており、React学習では主にNext.jsを使用して開発を行っています。

個人開発では、HTML生成にEJSを用いて開発を行っています。
EJSの記法や、データの受け渡し方、復数ページの制作、ループ処理などを学習しました。
当サイトでもEJSを用いて制作しています。