この記事を読んでほしい方
- コーディング初心者の方
- 案件を対応してくれる人を探している方
- フロントエンドエンジニアに興味のある方
エンジニアスタートというブログを運営して半年くらい経ちますが、
そういえば、僕が作ったサイトって全然紹介してなかったな〜と思い、
突然ですがデモサイト作ったので紹介します。
デモサイトのご紹介
こちらです。
デザイン簡素で申し訳ないんですが、「こういうことが実装できるよ!」程度で作りました。
CSSやJSはよく使うものを予めアセットとして組んでるので、
ざっと1時間(もかかってない)くらいで制作しました。
このサイトで実装している要件としては下記の通り。
- HTML、CSSによるデザインのコーディング、レスポンシブ化
- JSによるフェードインやスライダの実装
- WordPressプラグインによるお問い合わせフォームの実装、サイトスピードの向上
こんな感じです。
もちろん、これ以外にもまだまだできることあるんですが、
よく使うものを選定して組んでみました。
やはり工数は大事
制作は、ただ質が良く作れればゴール、というわけではなく、
やはり、どれだけ早く、楽に作れるかというところは大事になってくるかなと思います。
もちろん質は大事なので、まずはそこをゴールとして作業したほうが、
結果的に「状況によっていろんなコーディング手法が使える」ようになるし、
質を高めていくことは初心者のうちはモチベーションにもなるので、良いのかなと思います。
追々こういったサイトを量産できるような仕組みを作っておくと、生産性もあがるかと。
2年半前の僕はというと…
今でこそ、こんなサイトが1時間くらいで作れてますが、
Web業界に入る前は、レイアウト整えるとか、レスポンシブ化するとか、全然できてませんでした。
最初のポートフォリオはBootstrapを使ってましたが、
そういったライブラリを使っても、全然きれいなサイトを組めてませんでしたね。。。
業務経験半年くらいでやっと一つのサイトを組めるようになり、
今は要件に対するベストな方法とか、サイトスピードとか、色々なことを意識してサイト制作しております。
ちなみに最初に一つのサイトを組んだときは、ポータルサイトでした。
特に「コーディング初心者」の方は、2年くらいでこんなことができる、という指標になればよいなと思います。
ただ先程も申し上げたとおり、今回のデモについては「こんな機能実装できるよ!」くらいで作ってるので、
もっとデザイン性の高いサイトを作ることも可能です。
案件の対応をしてほしい方はtwitterからDMください!
デモサイト紹介しましたが、他にもいろいろなことが実装できます。
- ピクセルパーフェクトのサイト(工数はちょっとかかります。)
- メディアなどの回遊性を持ったサイト
- カスタムフィールドを使ったサイト
- その他アコーディオンだったり、ブラウザによる不具合の対応だったり
土日は副業してますので、ぜひ案件を紹介してください!
LPも得意ですし、HPも制作できます。
基本的にはデザインを見てコーディングの設計方法を決定(だいたいBEMとFLOCSS)して、
案件によってやり方を変える(ベストな方法を選定する)こともできます。
費用などはその都度ご相談させていただければと思います。
スキルセットは簡潔にいうと下記の通り
- HTML
- CSS
- jQuery・JavaScript
- PHP・Wordpress
WordPress案件は得意としてます!
また動きのあるサイトだったり、お客さん側で動かしやすいサイト、
お問合せフォームやブログ機能のあるサイトもカスタマイズも可能です。
レスポンシブも可能です。
デザインはできれば手配いただきたいなと。笑
ご連絡お待ちしてます〜。