OWLetで早く構築する為に意識している3つのこと

  • このエントリーをはてなブックマークに追加
昨年末、ちょっとしたきっかけで1サイト構築するのに何分かかるのか、構築中を全て動画撮影をしながら計測する機会がありました。
その経験を元に、私が普段何を意識してOWLetで構築する為に気をつけているのか改めて考える事が出来ました。
今回はOWLetで早く構築する為に意識している3つのことを説明します。

15Pのサイトを20時間で構築する

ページ内容

今回私が構築したのは引越しサービスのサイトでページ数は15Pです。 ページ内容は下記の通り。 1. トップページ 2. サービス案内 3. サービスプランA 4. サービスプランB 5. サービスプランC 6. サービスの強み 7. 業者一覧 8. お客様の声 9. お客様の声詳細 10. FAQ 11. 特典ページ 12. お問い合わせフォーム 13. 会社情報 14. 個人情報保護方針 15. サイトマップ 当初、20時間以内で構築完了を目指していましたが、 レスポンシブ対応込みで13時間42分で構築完了するという結果になりました。 私は何に気をつけて構築していたのでしょうか。

1. サイト仕様、デザインを見てレイアウト構成を考える

sample

OWLetでのサイト構築を開始する前に必ず行うことがあります。

サイト全体の仕様、デザインを見てレイアウト構成を決定することです。

 

OWLetではレイアウト構築を最初に行います。

 

OWLetのレイアウト機能には「継承」という概念があり、

親子関係を持たせた階層構造になっています。

 

単純な1カラム、2カラムのサイトなら悩みませんが、

1カラム、2カラムが混合しているようなサイトの場合、

レイアウト構成をどうするか悩むポイントになります。

 

今回、単純な1カラムサイトだった為、レイアウト構成をすぐ決め構築する事が出来ました。

 

「継承」という概念がある為、ページ構築中にレイアウト構成をミスしている事に気づいた場合、大変な労力がかかるので、最初が肝心になっています。

2. カスタムパーツ化できる要素を決定する

sample

カスタムパーツとは、パーツのかたまりを1セットにして登録しておく機能のことです。

サイト全体の仕様を確認する際に、

レイアウト構成の他、カスタムパーツ化出来る箇所を判断しています。

同ページ内、または複数ページにわたって、同じデザインのコンテンツが存在する場合は、カスタムパーツを使用することで、格段に構築速度を向上させることができます。

 

カスタムパーツ機能なしでは超速構築は実現できません。

OWLetでのサイト構築ではマスト機能と言えます。

3. 静的にHTMLを構築することは一切なし!いきなりOWLetで構築開始!

sample

OWLetで構築をする際に、一度静的にHTMLを組むような事は一切しません。

(OWLetに慣れるまでは静的にコーディングしてから、OWLetで構築するのは最適です。)

 

OWLetのパーツはプリミティブな設計がされており、

必要なタグがパーツとして存在しています。

 

例えば「枠」は「div」になります。

通常のコーディングをしていれば、

ここはdivでclassにはこれを指定して、ここはULリストにして、この要素はデザイン的にdivをネストしてtableで~なんて考えながらHTMLを組むと思います。

 

OWLetでの構築中は頭の中でエディタを使いながら、

マウスを操作してパーツを設置している感じです。

 

その為、各パーツがどの要素を担っているのか覚える必要があります。

覚えてしまえば構築スピードは一気に早くなります。

まとめ

OWLetでの構築に慣れてしまえば、構築時間の大半はCSSとスライスです。

OWLetを使用する時点で、倍速構築は可能となりますが、

レイアウト、カスタムパーツ、基本パーツを抑えれば、

さらに構築速度は上がるでしょう。

 

OWLetに慣れてしまった貴方が次に考えることは、

CSSとスライスにかかる時間をどう短くするか、だけです。

NEW WEB制作事業

OWLet DEMOサイト利用状況

今、利用中のDEMOサイト数

site/
analyzer

OWLet イベントTOPIX

OWLetに関する旬のイベント情報をお届け!

EXPOバナーよくある御質問OWLetの改修要望募集WordPressの脆弱性≪ 既存サイトを撃退するひっくり返し営業法 ≫OWLetイベント情報はコチラ

【注目】OWLet動画

OWLet おもしろコンテンツ

OWLet無料相談センター

今なら無料で専門家がアドバイスします
OWLetでお悩みのことがあれば、OWLet
無料相談センターにご相談してみませんか?

今すぐ相談する

0120-307-555
受付時間 09:30~17:00 (月~金)

参考になった記事のランキング

【新着】OWLet製WEBサイト実績

OWLet製WEBサイト実績一覧へ>