デモサイトのご紹介【実務経験2年半のコーダーがどんなWebサイトを作れるのか】

Web制作

この記事を読んでほしい方

  • コーディング初心者の方
  • 案件を対応してくれる人を探している方
  • フロントエンドエンジニアに興味のある方

エンジニアスタートというブログを運営して半年くらい経ちますが、

そういえば、僕が作ったサイトって全然紹介してなかったな〜と思い、

突然ですがデモサイト作ったので紹介します。

デモサイトのご紹介

demo01
Just another WordPress site…

こちらです。

デザイン簡素で申し訳ないんですが、「こういうことが実装できるよ!」程度で作りました。

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案件は得意としてます!

また動きのあるサイトだったり、お客さん側で動かしやすいサイト、

お問合せフォームやブログ機能のあるサイトもカスタマイズも可能です。

レスポンシブも可能です。

デザインはできれば手配いただきたいなと。笑

ご連絡お待ちしてます〜。