ツボとは?起業家育成コミュニティマスコミ取材履歴お問い合わせ起業のツボは、普通のサラリーマンが起業への一歩を踏み出すための情報を中心に集客やマーケティング、売上アップ、アクセスアップにつながるノウハウを発信していく起業ノウハウ専門のメディアサイトです。2015.08.12(Wed)web専門用語Tweetホームページ制作を行うにあたり、本を読んだり、インターネットで検索したりすることもあると思います。その時に、web専門用語が色々と出てくると思います。ホームページ作成初心者さんにとっては、まず、そのweb専門用語の意味を知らないと中々前に進まないということも多々あると思います。そんなホームページ作成初心者さんのために、ホームページ作成に関連するweb専門用語をまとめてみました。お役に立てたら幸いです。利用できる状態の事でもあります。似たような言葉で、「ユーザビリティ」という言葉がありますが、こちらは「使いやすさ」という意味合いがあります。インターネットの世界では「Webアクセシビリティ」とも呼ばれます。実際の生活の中では、バリアフリーと言われると分かりやすいかと思います。インターネットの世界では音声でホームページの文章を読み上げたり、動画に字幕を付けるなど、身体の不自由な方でも、分かりやすく利用できる状態にすることです。アクセス解析あなたのホームページにどこからたどり着いたのか。どの様なブラウザで見ているのか。どんなキーワードで検索して来たのか。この様な情報を知ることが出来る手段です。CGIやJavaScriptなどで作成することも出来ますが、無料のアクセス解析サービスを利用するのがおすすめです。無料アクセス解析ツールの定番は「Googleアナリティクス」です。圧縮・解凍ソフト圧縮ソフトは、ファイルサイズを減らしてくれるツールになります。圧縮されたファイルを元に戻すツールが解凍ソフトです。圧縮ソフトはZIPやLZHなど形式で圧縮することが出来ます。AdobeAdobe(アドビ)はソフトウェアの会社名です。ホームページを作成したり、グラフィック系の作業を行っている方はAdobe(アドビ)社のソフトを一度は使ったことがあるのではないでしょうか。ホームページ作成においては写真加工などの作業に使う「Photoshop(フォトショップ)」、イラストやロゴなどの作成時に役に立つ「Illustrator(イラストレーター)」、ホームページを作成するために、コードを書いていく「Dreamweaver(ドリームウィーバー)」は必須ツールといって良いと思います。Explorer(インターネットエクスプローラー)の略でマイクロソフト社が開発し配布しているブラウザで、Windowsに標準装備されています。web業界では、略してIE(アイイー)と呼ぶことが多いです。このIE(アイイー)は、ホームページ作成においては、少し問題児でもあります。最新のバージョンだとほとんど問題はないのですが、古いバージョンのIE(アイイー)は他のブラウザでは表示されるのに、IE(アイイー)だけ変な表示になってしまうことも多々あります。WebフォントWebフォントとは、CSSを使ってブラウザ上で任意のフォントが利用できる機能で、CSS3から策定された技術です。CSSに設定したフォントがユーザーの環境にインストールされていない場合は、表示させたいフォントは表示できませんでした。表示がユーザーの環境に左右されてしまうのです。Webフォントは、表示させたいフォントをサーバー上に置いて、そのデータを読み込むことで、どのユーザーでも指定したフォントを表示させることが出来ます。ランゲージ)の略で、ホームページを作成する為に開発されたマークアップ言語です。記述ルールがあり、W3Cという団体が決めています。文書の中に画像や動画などを配置することができます。Protocol(ハイパーテキスト・トランスファー・プロトコル)の略です。WebサーバとWebブラウザなどがデータを送受信するのに使われる通信手段です。」とついていますよね。これは、アドレス先のWebページに含まれた文書や画像などを、ルールに従ってWebブラウザに表示してねと指示を出している感じです。」から始まるアドレスも見たことがあると思いますが、こちらはデータを暗号化して送受信する技術のことです。Optimization(サーチ・エンジン・オプティマイゼーション)の略で、日本語で表現すると「検索エンジン最適化」と呼ばれています。検索結果のページの表示順の上位にホームページが表示されるように工夫することです。作ったホームページですから多くの方に見て欲しいですよね。ある言葉で検索した際に、なるべく上位ページにあなたのホームページが表示されれば、たくさんのアクセスが見込めます。そのための対策を行うことを言います。Service(ソーシャル・ネットワーキング・サービス)の略です。代表的なサービスとしては、FacebookやTwitterなどが有名ですね。今の時代、SNSを使ったマーケティング戦略も重要になってきました。ホームページ作成時に、SNSボタンや記事などをホームページ内に表示させることは必須になってきたと思います。Graphics(スケーラブル・ベクター・グラフィックス)の略で、「ベクター画像」を表示する技術です。Adobe(アドビ)社のソフト「Illustrator(イラストレーター)」では、このベクター形式を扱っています。ベクター画像は拡大や縮小をしても、画像が劣化しないのが特徴です。Protocol(ファイル・トランスファー・プロトコル)の略で、インターネットなどのTCP/IPネットワークでファイルを転送するのに使われる通信手段の一つです。画像などをFTPソフトを使ってサーバー上にアップロードします。FTPソフトについては、こちらの記事で解説しているので、是非読んでみて下さい。おすすめFTPクライアントソフト4選エミュレータエミュレータとは、あるシステムの動作を他のシステムで模擬的に動作させることです。スマホサイト作成時にパソコンから確認出来たら便利ですよね。その様な時に携帯エミュレータを使えば便利ですし、作業の効率化にも繋がります。実機での確認作業も大切なので、最後はきちんと実機でも確認すると良いでしょう。階層(かいそう)とは、例えばトップページを基準に考えた場合、そこから1クリックでアクセス出来るページを1階層、そこから更にクリックしてアクセス出来るページを2階層という流れになります。カラムホームページのレイアウトのことです。2カラム(ツーカラム)や3カラム(スリーカラム)といった表現の仕方になります。2カラムは、メインのコンテンツの左側か右側どちらかに、サイドメニューが表示されているレイアウトのことです。3カラムは基本的に真ん中にメインのコンテンツが表示されていて、左右にサイドメニューが表示されているレイアウトのことを言います。1カラム(ワンカラム)は、サイドメニューがない状態のレイアウトのことです。computing(クラウドコンピューティング)の略です。ファイルをご自身のパソコンや携帯電話ではなく、インターネット上に保存する使い方、サービスのことです。DropboxやEvernoteなどのサービスが有名です。グローバルナビゲーショングローバルナビゲーションとは、ホームページの各ページに共通して表示される各コンテンツを案内するためのメニューのことです。「殿堂入り記事一覧」「マスコミ取材履歴」「お問い合わせ」の7個のメニューを設定してあります。検索エンジン検索エンジンとは、インターネット上の情報を検索するシステムのことです。engine(サーチエンジン)とも言います。GoogleやYahoo!JAPANが代表的な検索エンジンです。検索ロボット検索ロボットとは、巡回ロボットシステムのことで、世界中のWebサイトを巡回してそのホームページの中身を確認しています。この検索ロボットが算出した順位が検索エンジンに表示されます。言語コード言語コードとは、ホームページの内容がどの様な言語で記述されているのかを表すコードです。lang=”ja”」の指定をするとそのHTML文書に日本語(ja)で書かれているという情報を持たせることが出来ます。コーディングコーディングとは、プログラミング言語を用いてプログラムのソースコードを記述する作業のことです。ホームページ作成の時に、HTMLやCSSを使って文字や画像などのデータを特定のコードに置き換える作業のことです。コンバージョンコンバージョンとは、インターネットでは、Webサイト上で獲得できる最終的な成果のことを指します。ホームページ上で商品を売っている場合は商品購入、情報サイトなどでは、メルマガ登録や会員登録、お問い合わせなどがコンバージョンに当たります。ホームページへのアクセス数とコンバージョンに結びついた件数の割合をコンバージョン率と呼び、計測することでホームページの課題や改善点を見つけることに繋がります。コンテンツコンテンツとは、内容や中身のことです。コンテンツが充実したホームページを作成すれば、アクセスアップにも繋がります。■さ行サーバーサーバーとは、ホームページを表示させるために必要なファイルをWebブラウザに送ってくれるシステムのことです。「共有サーバー」「専用サーバー」などがあります。ほとんどの方はサーバーをレンタルして使っていると思います。レンタルサーバーに関しては、こちらの記事で解説しているので、是非読んでみて下さい。レンタルサーバー専門用語まとめサイトマップホームページの構成図のことです。どの様なコンテンツがあって、どのページがどこへリンクするのかなど分かるように表示します。サイドバーサイドバーとは、左側や右側に配置されている縦長の表示領域のことです。起業のツボでは、右側にメルマガ登録や人気ランキングなどが表示されていますが、そこの部分がサイドバーになります。シミュレータシミュレータは、先にご紹介したエミュレータと同じで、あるシステムの動作を他のシステムで模擬的に動作させることです。様々なブラウザやブラウザのバージョンでの表示もチェック出来ます。Sheets(カスケーディング・スタイル・シート)の略でホームページのスタイルやレイアウトを指定するための言語です。ホームページ作成初心者さんはまずはHTMLとCSSをマスターしましょう。System(コンテンツ・マネジメント・システム)の略で、Webサイトを管理・更新できるシステムのことをいいます。用意されているテンプレートを利用すれば、HTMLなどの知識がなくてもWebサイトを作成できます。代表的なCMSは、WordPress(ワードプレス)が有名です。JavaScriptJavaScript(ジャヴァスクリプト)とは、プログラミング言語のひとつです。ホームページに動きのある画面を構成したり,種々の計算や情報検索などをWeb上で実現します。jQueryjQuery(ジェイ・クエリー)とは、JavaScript用のライブラリです。簡単なコードでJavaScriptを実行できるので人気です。スライススライスとは、Photoshopなどを使ってホームページをデザインした画像を、パーツごとに分割し、切り取って画像を保存することです。スライスした画像をHTMLとCSSで組立ててホームページ上に表示します。セレクタセレクタとは、CSSの設定の際にスタイルの適用対象を表すものです。}と設定した場合はh1がセレクタとなります。ソースコードソースコードとは、プログラミング言語の言語仕様に従って書かれた一連の文字の羅列のことです。ホームページのHTMLソースを表示させるにはブラウザの「ソースを表示」などのメニューでソースを見ることが出来ます。■た行テキストエディターテキストエディターとは、テキストファイルを作成したり編集するためのツールです。Windowsに標準装備されているメモ帳や、MacにあるTextEditなどがテキストエディターです。「Dreamweaver」などのコーディングソフトが無くても、テキストエディターにHTMLタグなどを記述していけば、ホームページ作成が出来ます。Macの場合は「CotEditor」が使いやすくておすすめです。ドメインドメインとは、インターネット上の住所のことです。年間1000円前後で、オリジナルのドメインを取得して利用することも出来ます。ドメインは世界にひとつだけなので、使いたい名前のドメインが空いていないと取得することは出来ません。レンタルサーバー会社から提供されているドメインを使うだけでしたら、レンタルサーバーを借りればホームページを表示することが出来ますが、URLを好きな名前にしたい場合は、ドメインを別途、取得する必要があります。他のホームページへ誘導したりするためのボタンやリンクのことです。グローバルナビゲーションの他に、複数ページがある場合に現在何ページ目にいるのか表示させるナビゲーションなどもあります。■は行バナーバナーとは、垂れ幕の意味で、インターネットではホームページに表示される広告やリンクの画像を指します。パンくずリストパンくずリストとは、ホームページ内でユーザーが現在どの位置にいるのかをお知らせするための設定です。」の様な形で表示されています。ファーストビューファーストビューとは、ホームページを開いた時に、最初に表示される表示領域のことです。スクロールしないで表示される範囲なので、ユーザーに見て欲しい重要なコンテンツを配置すると良いとされています。フラットデザインフラットデザインとは、シンプルで平面的な見た目にするデザイン手法のひとつです。グラデーションや影などを利用しないで、いわゆるベタ塗りでデザインされていることが多いです。ブラウザホームページを閲覧するためのツールです。Webブラウザーとも呼ばれます。Explorerなどです。ホームページ作成においては、主要ブラウザの表示チェックも必要になります。フッターホームページで下の方のエリアのことをフッターと言います。コピーライト表記がされていたり、フッターエリアにもナビゲーション設定することもあります。ヘッダーヘッダーとは、ホームページの上部のエリアのことです。ホームページを開いた時に、大きめの画像が目に飛び込んでくることがあると思いますが、その画像の事をヘッダー画像と呼ぶことが多いです。ポートフォリオ自分の作った過去の作品などをまとめたホームページのことを言います。Webデザイナーとして就職・転職を考えている人にとっては、ポートフォリオは必須のアイテムでしょう。見出し見出しとは、ページのタイトルや文章をまとめて内容を示す小見出しなどがあります。hタグを使って設定します。h1が最も大きな見出しを意味し、数が大きくなるにつれ、重要度が下がります。表示された画面環境に応じて適用するスタイルを切り替える機能のことです。スマホサイトでは表示を変えたい場合などに良く使います。モバイルフレンドリーモバイルフレンドリーとは、ホームページをスマートフォンや携帯電話などのモバイル端末での表示に最適化されているのかを意味します。フレンドリーなのか確認することが出来ます。フレンドリーテスト文字コード文字化け防止のために文字コードをHTMLファイルに記述します。WordPressでは「UTF-8」の使用が推奨されています。「UTF-8」は世界標準の文字コードになります。日本のホームページでは「Shift-JIS」も良く使われています。■や行ユーザビリティユーザビリティとは、ホームページの使いやすさのことです。アクセシビリティと似たような部分もあります。ユニバーサルデザインユニバーサルデザインとは、年齢や障害の有無などにかかわらず、すべての人のためのデザインを意味し、最初からできるだけ多くの人が利用可能であるようにデザインすることをいいます。■ら行ラジオボタンフォームのメニューでいくつかの項目の中から一つだけを選ぶ場合に良く使われるのがラジオボタンです。レスポンシブデザインレスポンシブデザインとは、ひとつのファイルで様々なデバイスや画面サイズに対応させるWebデザインの手法のひとつです。ブラウザの横幅を動かして、ホームページのデザインが変化するようなら、レスポンシブデザインで設計されているホームページということになります。■わ行WordPressWordPress(ワードプレス)とは、CMSの代表的なシステムです。無料で利用することが出来ますし、ホームページ作成初心者さんでも簡単にホームページを設定することが出来ます。無料のテンプレートやプラグインも充実しています。カスタマイズすることも出来るので、HTMLで作成したような企業サイトなども作ることが出来ます。カスタマイズするには、HTMLやCSS、PHPなどの知識が必要になってきます。ワイヤーフレームワイヤーフレームとは、ホームページ内で、何をどこに配置するのかまとめた物になります。ホームページ作成の前に、ワイヤーフレームで骨組みを固めておくと、作業がスムーズに進みます。■まとめ今回はホームページ作成初心者さんの役に立つであろうweb専門用語をまとめてご紹介させて頂きました。意味を忘れてしまったら、是非またこのページにお越し頂ければと思います。良かったらブックマークしてみて下さいね。