hiromiyablogは初心者エンジニア向けのサイトです。
当サイトを活用することで初心者エンジニアでも簡単に完成度の高いUIの実装を実現できる秘訣を4つの特徴としてまとめましたのでご覧ください。
hiromiyablogの特徴
初心者でも簡単に完成度の高いUI実装を実現
hiromiyablogでは使いたい部分をコピー＆ペーストするだけで簡単にUI実現することができます。
コピーも簡単にできるように「prism.js」を使用し、コードも見やすく、コードの右上にコピーボタンも出るようにしているので簡単にコピーもできます！
また、デモページもほとんどのページに用意しているので、文章でわかりずらいなどありましたらデモページも参考にしていただけると実際に動作した状態のものになっているので、コピー＆ペーストする際の参考にもなるかと思います！
そのため、「JavaScriput・jQuery」を用いた複雑なスライダー関係やスクロールイベント関係、クリックイベント関係など、実装するのに難しいと言われているものでも簡単に完成度の高いUI実装を実現することが可能になります。
※参考までに、デモページ一覧はこちらです
とことん初心者に寄り添った分かりやすい解説
hiromiyablogでは初心者エンジニアの目線で分かりやすく丁寧な解説を目指しています。
私自身初心者（０ベース）からはじめたので、初心者がつまずきそうな箇所も経験を元に記載していっております。
特に「JavaScriput・jQuery」の記述においてはにコメントアウトでコード内にもここまで書かなくてもいいのではと思うくらい細かく説明を記載するようにしております。
そのため、カスタマイズする際もどの箇所がどういう処理なのかわかりやすくなっているかと思います。
追加の処理や一部変更して活用するなどカスタマイズしやすいようにする事も心掛けて記載しておりますので、hiromiyablogを活用していただけると幸いです。
※コードと文章を照らし合わせて理解するのって初心者の頃だと結構うまくいかなかったりして、私自身イライラしてしまって、思うように理解できない事も多々あり、諦めてしまう事とかもあったので、少しでもわかりやすくするようにコード内にここまで細かく書かなくてもってくらい書いてると思いますので、実際の業務で活用してくださる際には不要なコメントは消して活用頂けると幸いです！
UIデザインを重視
せっかく労力をかけて実装をしてもユーザーが使いずらくては死んだUIとなってしまいます。
hiromiyablogの実装コード例はユーザー目線や実際の業務で実装しやすいよう徹底的に追及し、考慮して作っているため、ユーザーがサービスやプロダクトをスムーズに使えるような設計を心がけています。
初心者でもしっかりと実務で活用できる
hiromiyablogに記載しているほぼすべてのコードは実際に私自身、実業務で多くの某大手企業を含む企業様でも使用した実務ベースのものとなっております。
そのため、実務経験が少ないエンジニアの方でもしっかりと実務で活用することができます。
※一部のページでは実務で使っていないものもありますが、実務ベースのものを基に実務でも使えるよう制作しております。