- One Stop Design
-
事業案内
-
制作実績
- ブログ
- 事業者案内
無料相談・お問い合わせ
contact
（タップで電話をかける）
column
コラム
画像からホームページ表示データへの変換作業（コーディングとは）
ホームページのデザイン案が完成した段階では、それはまだ一枚の画像データにすぎません。
たとえば、デザイン上に「詳しくはこちら」と書かれたボタンがあっても、画像の状態ではそれをクリックして別のページに移動することはできません。なぜなら、その段階では見た目だけの「絵」であり、ホームページとしての機能を持っていないからです。
たとえば、デザイン上に「詳しくはこちら」と書かれたボタンがあっても、画像の状態ではそれをクリックして別のページに移動することはできません。なぜなら、その段階では見た目だけの「絵」であり、ホームページとしての機能を持っていないからです。
画像データ
あくまで画像データのため、クリックしても反応や動作は一切ありません。
ここで登場するのが「コーディング（Coding）」です。
コーディングとは、このデザイン案をもとに、Webブラウザ（Chrome、Safari、Edgeなど）が理解できる「言語（コード）」を使って、実際に動作するホームページへと作り上げていく作業のことです。
先程の例で言えば、デザイン上の「詳しくはこちら」というボタンも、コーディングを施すことで、初めて「クリックできるリンクボタン」として機能するようになります。
コーディングとは、このデザイン案をもとに、Webブラウザ（Chrome、Safari、Edgeなど）が理解できる「言語（コード）」を使って、実際に動作するホームページへと作り上げていく作業のことです。
先程の例で言えば、デザイン上の「詳しくはこちら」というボタンも、コーディングを施すことで、初めて「クリックできるリンクボタン」として機能するようになります。
コーディングを施したデータ
コーディングによって、リンクの設定はもちろん、ボタンにマウスカーソルを重ねた際のアニメーションなどが可能になります。
もちろん、ボタンだけでなく、ホームページのすべての要素にこのコーディングの作業が必要です。
文字や画像の表示はもちろん、動画の再生、さらにパソコンやスマートフォンなど閲覧する端末に応じたレイアウトの最適化もコーディングによって実現されます。
文字や画像の表示はもちろん、動画の再生、さらにパソコンやスマートフォンなど閲覧する端末に応じたレイアウトの最適化もコーディングによって実現されます。
Possted by
野澤 亮介
ヤソハチデザインでは、一貫したブランドづくりに向けた制作をワンストップで対応し、企業の見え方を整えることで魅力を最大限に伝えるお手伝いをしています。
ホームページやチラシ、名刺などを単発で制作するだけでなく、長期的な視点でブランドの育成に伴走するパートナーとして、ぜひお気軽にご相談ください。
ホームページやチラシ、名刺などを単発で制作するだけでなく、長期的な視点でブランドの育成に伴走するパートナーとして、ぜひお気軽にご相談ください。
