ホームページ、DTP、システム開発ならお任せください

株式会社アミテス

スタッフブログ

BLOG

ホームページのデザインができた後、何をしてるの?

こんにちは、トシヲです。

IT導入補助金のPR動画を作るため、藤原代表より直々に動画の主演を仰せつかりました。
いつもバタバタ走ってるから大丈夫! 焦ってる感じが動画にぴったり! と。…え? 喜んでいいのかな…!?

とはいえ、小学校の学芸会以来、演技なんてしたことなんてありません。
こんなシロウトが主役で、ちゃんとPR動画になるのかな…!?と半信半疑のまま、
セリフをうっかり忘れてリテイクを出し、駅前を何度も何度も走っていましたが…。

そこはさすが動画のプロに撮って頂いただけあって、ちゃんと動画になりました!
プロの編集力ってすごいですね~。

…って感心してる場合ではありませんね。

ホームページやショッピングサイト、そして動画制作などの制作費が半額負担になるIT導入補助金の締め切りまで、もう1ヶ月しかありません
しかも補助金総額がなくなるまでの早い者勝ち!です。お早めにご相談くださいね。

PR動画とIT導入補助金については、こちら!


 

さてさて、いつもはパソコンのお役立ち情報を書いていますが、
ふと、このブログってもともと「amitesのお仕事の舞台裏」なんだよな~、と思い返し、
今回はなかなか外からは見えない、ホームページ制作作業の一部をご紹介したいと思います。

まずアミテスにホームページ制作をご依頼頂くと、ざっくりとですがこんな流れで進んでいきます。

  1. 営業・制作の担当者(ディレクター)がお客様と打ち合わせ。
    お見積とも相談しながら、どんな目的・構成のホームページを作るか決めます。
  2. ディレクターがホームページ全体の構成や原稿を整理して、まずはトップページの大まかな構造と内容を決めます。
  3. デザイナーがトップページのデザインを制作します。
    トップページのデザインが、ホームページ全体のデザインを決めることにもなるため、しっかりお客様に確認します。
  4. トップページのデザインが決まると、それ以外のページ(いわゆる下層のページ。サブページと呼んでいます)もデザイン制作が進んでいきます。
  5. すべてのページデザインと内容をお客様に確認して頂いたら、
    …何日か経ってから…、リンクを押したり動きがついたりした実際のホームページとして、パソコンやスマホでご確認いただけるようになります。
  6. 動くようになったホームページをご確認いただいて、修正を終えたら、晴れてホームページ公開!

と、こんな感じです。

実際にディレクターがどんなことを考えながらホームページを作っているのかは、とんとんさんの記事をぜひ見てくださいね。

ところで、「5.」のあたりで、どうして「…何日か経ってから…」でないと、動くホームページとして確認できないのでしょうか?
気になったお客様もいらっしゃるかもしれません。

この空白の時間、一体何をやっているのかと言いますと…

完成したデザインを、ホームページのデータ形式に置き換えるため、
人力でデザインを再現
しているのです。

え? 見ながら…再現…? どういうことでしょうか。

じつは、デザイナーさんが作った段階のホームページのデータは、デザイン専用のソフトで描いた「ホームページのような絵」なのです。
タイトルに見える文字は、データとしては「大きい字」でしかありません。
表に見える部分は、「文字と線」でしかありません。

人が見れば、これがタイトルで、これは表だよね、と一目でわかります。
でもこのままですと残念ながら検索サイトは、そのページのどこが何なのか判断できないのです。
「絵」の状態では、「これはタイトルだな、ここに表があるぞ、ではこのページは何々について書いてあるページだな」という処理が機械でできないのですね。

それを、検索サイトから検索できる、ちゃんとしたホームページの状態に置き換える必要があります。

よくアドレスの最後に「.html」とついているのを、見たことがありませんか?
インターネットでは、この「HTML」(エイチ・ティー・エム・エル)というデータ形式でページを作らないと、検索に引っかかったり、パソコンやスマホで見られるようにならないのです。

この「ホームページのような絵」を「動くホームページ」に変換する作業は、デザインを見ながら、「HTML」のコード(プログラムのような文字列)を打ち込んで、そのデザインを再現しているのです。
この作業を「Webコーディング」と呼んだりします。

アミテスのホームページも、もちろんこのWebコーディングで作った「HTML」で出来ています。

でもちょっと待って。デザイナーさんもパソコンでデータを作っているのだから、もっとパッと変換できるものじゃないの……?
とか、
そもそもデザイナーさんが使ってるソフトが、そのデザインをそのまま「HTML」に変換してくれればよくない?
と何を隠そう、このWebコーディングをしているトシヲですら、いつも思ってしまいます。

もしかしたら自分が知らないだけで、他のホームページ制作会社はもっと何かすごい方法でサクサクとホームページを量産しているのでは。
……と思って調べているのですが、どうも多少やり方の違いはあっても、今のところこの方法が主流のようです。

見た目をデータに置き換えるのは、AI(人工知能)が発達すればうまくやってくれそうですが、まだ簡単には行かないようですね。

そんなわけで、ざっくりとですが、いまはこんな流れでホームページができあがっています。

デザインができあがった後の「空白の時間」の間、ホームページとして見られるデータに変換するために、実はポチポチ(実際にはガチャガチャ?)とパソコンにかじりついて、ホームページ作りに影ながら携わっているのでした。

 

・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・

ホームページ、ちらし、看板など、お店のPRはアミテスにお任せください!

お問合せTEL:042-539-1233

お問合せメール:support@amites.co.jp

ホームページ:https://amites.co.jp

FB:https://www.facebook.com/amites.co.jp/

キャプチャ

 

 

 

 

・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・

関連記事

販促品の依頼をするなら
株式会社アミテスへ

社名 株式会社アミテス
代表者 代表取締役社長  藤原 亜紀枝
設立 2014年3月
業務内容
  • ■ サービス商品

    ホームページ制作、WordPress構築、ECサイト構築、
    DTPデザイン(ちらし、パンフレット、冊子、名刺、ショップカード、メニュー、のぼり、看板、ポスター)
    印刷、ロゴデザイン

  • ■ システム開発

    Web系システム、オープン系システムなど幅広い開発技術に対応。
    サーバ構築から運用までをサポートいたします。

  • ■ 自社開発製品

    顧客管理システム(AS-SYSTEM)
    予約受付・個人情報取得システム(えなりくん)
    職人勤怠管理システム(さわだくん)
    お弁当注文システムRAKUBEN(ラクベン)

  • ■ 自動車事業

    アミテスカースタジオ・カーマッチ多摩西店・カーマッチ埼玉入間店

  • ■ 飲食事業

    カフェ運営(Mou Mou BEACH CAFE)

  • ■ 食品工場事業

    小ロット食品工場(Mou Mou FOOD FACTORY)

  • ■ 貸室事業

    Mou Mou B&H LABO

所在地 〒197-0024
東京都福生市牛浜92-1 アミテスビル
TEL 042-513-0345

アミテスの自動車事業はこちらから

アミテスのコミュニティサービス事業は
こちらから

CONTACT

お問い合わせ

各種サービスへのお問い合わせ・ご相談
お気軽にお問い合わせください。

 

Copyright© 株式会社アミテス , 2024 All Rights Reserved Powered by STINGER.