javascriptは身近な最新機器にも搭載されている/台東区上野のWEB制作/訪日外国人集客会社

株式会社ケイツー・インタラクティブ [K2-interactive]

WEB担当者の相談室

javascriptは身近な最新機器にも搭載されている

 

目を引くアクションにはjavascriptを使っていると聞きましたが、javascriptって何ですか?

ホームぺージのUI(ユーザーインターフェイス)からテレビ、スマホ、そして車に至るまで、身近にある最新機器にかなりの割合で搭載されているスクリプト言語です。

javascriptは身近な最新機器にも搭載されている:目次

ホームページ制作しない方のためのjavascriptの基礎知識

ホームページを制作をしない企業担当者でも、リニューアルの際にjavascriptという言葉を聞いたことがあるのではないでしょうか?そのような方のために、かんたんにjavascriptの機能を紹介いたします。

またホームページ制作におけるjavascriptはHTMLと密接な関係にあります。もしHTMLをご存知無い方は是非、『ホームページ制作に必ず使う言語HTMLのおさらい』をご覧ください。

javascriptとは

javascriptとはジャバスクリプトと読み、その読み方からJAVAと混同されることもありますが全く別の言語です。javascriptはコンピューターやスマートフォンから、最新モデルの自動車に至るまでいたるところで使われています。私たちが快適にウェブ検索をしたりIT機器に囲まれた生活を送る上で非常に役立っています。

javascriptはCSS同様に、利用方法は大まかに下記の3パターンです。

  • 特定のHTMLタグに設定
  • HEADタグ内に設定しページ全体を制御
  • 外部ファイルとしてインクルードしてサイト全体または限定的に制御

クライアントサイドのプログラム

サーバーサイドとクライアントサイド

システム開発を進めていくと、サーバーサイドとクライアントサイドという言葉が出てきます。サーバーはホームページのデータが置かれている場所、クライアントはユーザーのコンピューターを指します。javascriptはクライアントサイド、つまりユーザーのパソコン(ブラウザ)で実行されるプログラムです。

javascriptのメリット・デメリット

javascriptのようなクライアントサイドのプログラム言語のメリットは、サーバーで一度に大量のプログラムが実行されずに、ユーザーのコンピューターで実行されるため、サーバーへの負荷が押さえられます。デメリットはユーザーの環境に依存してしまうことです。

ホームページでのjavascript の役割

ユーザーのリクエストに対して何らかの結果を返します。よく使われるのがアラートといって、何かをクリックしたときに小さなポップアップが表示されて、「実行しますか?」などの注意が表示されるアクションです。

他には、小さな画像をクリックすると、パッと画像が大きく表示されたり、スマートフォンに多いですが、小さな横3本線のアイコンをクリックすると、スッとメニューが表示されるようなアクションはjavascriptで実行されています。

javascriptを構成する主な要素

オブジェクトとオブジェクト指向

javascriptなどプログラム(スクリプト)言語の話になると、よくオブジェクト指向という言葉を聞きます。オブジェクトとはモノを指しますが、モノ指向と言われてもなんのことかわかりませんよね?ここではプログラムを学ぶ訳ではないので、ざっくりとプログラムの固まり(モノ)くらいにイメージしてください。

モノを組み合わせることでプログラムが出来上がっていきます。積み木をイメージしていただけるとわかりやすいですが、丸や三角、四角、必要なパーツを拾い上げてお家を作る、このような要領で役割の違うオブジェクト(モノ)をピックアップして、組み合わせプログラムを作ります。

プロパティー

オブジェクトを形成する為の属性や特性で、それぞれに値を持っています。CSSでもこのプロパティーと値を持っているのでイメージしやすいかもしれません。

CSSについては『ホームページのデザインを作るCSSとその効果』で紹介しています。

メゾット

メゾットはプログラムを実行する機能の固まりです。何らかのイベント(アクション)で呼び出され結果を返します。

イベント

ユーザーの何らかのアクションによって発生します。例えば該当の要素に「マウスオーバーしたとき」「クリックしたとき」、ホームページが「表示されたとき」などです。このイベントをきっかけにメゾットが実行されます。そのときに紐づけられるオブジェクトの情報などが機能します。

イベントはプログラムを実行する為のトリガーとなります。

javascriptは身近な最新機器にも搭載されているのまとめ

身近な最新機器にも搭載されているjavascriptいかがでしたか?javascriptはホームページだけでなく、様々な機器に利用されています。ホームページでも、スムーズな動きや使い勝手のいい操作などはjavascript無しでは実装することが難しいです。このため最近ではフロントエンジニアという職種がWEB業界で人気になっています。この職種はHTMLとCSS、そしてjavascriptのスキルを持っていて、見た目や操作感に関わる部分のスペシャリストです。

私たちケイツー・インタラクティブもこのフロントエンジニアの部分やUI/UX設計などを得意としています。

ケイツー・インタラクティブでは企業様のホームぺージリニューアルを承っています。ご不明な点やご要望などございましたらお気軽にお問い合わせください。

本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。

WEBマーケティング
CMSツール導入支援

javascriptは身近な最新機器にも搭載されているに関連する記事

ホームページ制作の成功の可否を決めるワイヤーフレーム
コンテンツを魅力的に見せるレイアウト

K2 WAY

ソリューション

施策事例 Client Voice

WEB担当者の必見ノウハウ 7 選

K2の得意なこと

WEBマーケティング

WEBマーケティング

顧客とのコミュニケーション課題を解決して、御社のビジネスを成功につなげるWEBマーケティングのプロ集団です。

WEBマーケティング

インバウンド集客PR

インバウンドの集客PR

IT/SNSを使ったプロモーションからイベント開催まで一貫したO2Oブランド構築で集客・PRをご支援をいたします。

インバウンド集客PRを見る

CMSツール導入支援

CMSツール導入支援

HTMLが判らなくてもかんたんにWEBサイトを更新出来るCMSツールを活用して、見込み客をを増やしませんか?

CMSツール導入支援を見る