Web業界でよく使う用語の英語辞典

目次

1. あ行
2. か行
3. さ行
4. た行
5. は行
6. ま行
7. や行
8. ら行

あ行

値 - Value

HTML、CSS、JavaScript などなど、いろんな場面で出てきますね。

You can get the value of a form element using JavaScript.
JavaScript を使ってフォーム要素の値を取得できます。

アンケート - Survey

感想を書いたりするものは Survey、単純に投票するだけなら Poll や Vote です。ちなみに「アンケート」はフランス語だそうです。

We’d like to add a simple survey on our website.
私たちのサイトに簡単なアンケートを設置したいです。

EC サイト - E-commerce website

EC は E-Commerce の略ですが、英語では略して使いません。

Have you ever built an e-commerce website?
EC サイトを作った事はありますか？

入れ替える - Replace

Replace A with B - A を B と入れ替える…と使います。レイアウトを変える時や内容に変更があるときによく使います。

Can you replace this illustration with a new photo.
このイラストを新しい写真に入れ替えてください。

入れ子にする - Nest

入れ子になったリストは Nested lists です。

It’s possible to nest UL and OL lists.
UL と OL リストを入れ子にすることは可能です。

上書きする - Overwrite

上書きしちゃった時は過去形 overwrote を使います。バックアップは大切です。

Is it really ok to overwrite these two files?
この２つのファイルって本当に上書きしていいの？

目次へ。

か行

階層 - Hierarchy

カタカナで「ヒエラルキー」と読むようですが、英語だと「ハイアラーキー」です。

A clear hierarchy lets users know what is important in your website.
わかりやすい階層はあなたの Web サイトで何が大切かをユーザーに知らせる事ができます。

概要文 - Summary

説明文（description）を短くした文章ですね。

Add summary beside a thumbnail image.
サムネイル画像の横に概要文を置いて。

箇条書きリスト - Bulleted list

箇条書きリストの最初についてるマーカーのことを Bullet や Bullet points と呼びます。

I want to increase the spacing between bulleted lists and this image.
箇条書きリストとこの画像の間のスペースを広げたい。

カッコ - Bracket / Brace

コーディングする時にちょいちょいでてきます。例えば｛｝は Curly brackets、() は Round brackets、<> は Angle brackets などなど。

It doesn’t work because you missed one of curly brackets.
波括弧をひとつつけ忘れてるから、それじゃちゃんと表示されないよ。

カラーコード - Hexadecimal Codes

Colour code を使うこともあります。Hexadecimal は 16 進法のこと。単純に HEX と使うことも。

Text color should be HEX #999
テキストの色は#999 です。

管理ページ - Admin page

管理者のことを Administrator 略して Admin と呼びます。

What is the password for admin page?
管理ページのパスワードは何ですか？

外部ファイル - External file

同様に外部 CSS は External CSS、外部 JavaScript は External JavaScript になります。

How can I link an external CSS file?
外部 CSS ファイルってどうやってリンクさせるの？

記事 - Article

HTML5 の要素にもあるので覚えている人も多いかも？Blog post や post を使うことも。

Have you read this article yet?
もうこの記事読んだ？

機能 - Function

Function は「関数」も意味しますが、Web サイトを作る上では「機能」という意味で使う事が多いですね。

You don’t have to add a search function to our website.
サイトに検索機能はつけなくていいです。

キャンペーンモニター - Campaign Monitor

人気のメールマガジン管理サービス、「Campaign Monitor」のこと。E メールマーケティングをしている多くの企業がこのサービスを使っています。メールマガジンの話題の時に突然「CM」という表記があればこの Campaign Monitor を差します。

You can create an original Campaign Monitor template with a few simple tags.
簡単なタグを使ってオリジナルのキャンペーンモニター用テンプレートが作れます。

共有サーバー - Shared server

共有してるから Share …そのままです。専用サーバーは Dedicated server です。

What’s the difference between shared and dedicated servers?
共有サーバーと専用サーバーって何が違うの？

緊急の - Urgent

メールで「Urgent」の文字があったら気を引き締めて急いでとりかかりましょう。

I found bugs on our website which is urgent.
私たちのサイトで緊急のバグを見つけました。

掲示板 - Forum

Board より Forum を使います。

It’s easy to add a forum to your blog using WordPress plugins.
WordPress プラグインを使えばブログに掲示板を追加するのは簡単です。

原稿文 - Copy

コンテンツ内容になる原稿、文章のこと。コピー機を使った「コピー」は Photocopy を使ったりします。

Please change the copy from “Enter your coupon number” to “Enter your coupon code”
文章を「クーポン番号を入力」から「クーポンコードを入力」に変更してください。

公開する - Publish

ブログ記事などを公開するときは Publish を使います。

I will publish a new article tomorrow morning.
明日の朝、新しい記事を公開します。

広告 - Ad

広告は英語で Advertisement ですが、略して Ad や Ads と呼ばれます。広告のサイズはピクセルで指定される場合と、「Medium Rectangle」、「Skyscraper」などアドセンスのサイズで直接指定される場合があります。

Can you add a logo to image ads?
イメージ広告にロゴを追加してください。

構成・構造 - Structure

プロジェクトを始める前の会議なんかで出てくる単語ですね。

Let’s think about this website structure.
この Web サイトの構成について考えよう。

構文・文法 - Syntax

構文と文法、どっちをよく使うのかわかりませんが、主にプログラミングの書き方を説明する時によくでてきます。

The basic syntax of for loop in PHP is: for( condition ){ do something }
PHP での For ループの基本文法は: for( 条件 ){ 実行内容 }

目次へ。

さ行

最新の - Latest

最新のプロジェクト - Latest Project、最新の記事 - Latest Post など、ちょいちょい使い道があると思います。

“latest posts” widget is displayed on a sidebar.
「最新記事」のウィジェットはサイドバーに表示されています。

彩度 - Saturation

色の三属性のひとつ。彩度を下げることを Desaturate と言います。

Press Command + U and drag the slider to adjust saturation in Photoshop.
Photoshop でコマンド＋ U を押してスライダーをドラッグすれば、彩度を調整できます。

サブページ - Internal page / subpage

単純に sub page と呼んだりもしますが、「内部の」という意味の internal も使われます。

Can you remove a main image from internal pages?
サブページからメイン画像をとってください。

色相 - Hue

「ヒュー」と発音します。色の三属性のひとつ。デザインのお勉強ででてくるかも。

Let’s have a look colour schemes based on the 12 hue colour wheel.
12 色相環を元にした配色を見てみましょう。

仕切り線 - Divider

単純に line や separator と言ったりもします。

You can download free divider images from here.
ここで無料の仕切り線画像をダウンロードできるよ。

承認する - Approve

デザインの OK がでたときなどにクライアントから言われます。メールにこの単語があれば喜びましょ！

Your design is approved by client!
君のデザイン、クライアントから OK 出たよ！

商品一覧ページ - Catalog page

他にも list page, item list など、違う言い方がありますが、これが一番使われている気がします。

Can you sort products by popularity on catalog pages?
商品一覧ページで商品を人気順に並び替えられる？

商品詳細ページ - Product page

他にも detail page, item page など、違う言い方がありますが、これが一番使われている気がします。

Can you add credit card icons on product page?
商品詳細ページにクレジットカードのアイコンを追加してください。

条件分岐 - Conditional

Condition は条件のことです。例えば IE に対応させるために使う条件付きコメント、 <!--[if IE 6]>こういうやつ<![endif]--> を Conditional comments、WordPress の条件分岐タグ、<?php is_home(); ?> ← こういうやつを Conditional tags と呼びます。

Are conditional comments CSS hacks?
条件付きコメントって CSS ハックなの？

推薦文 - Testimonial

果たしてこの日本語訳は正しいのか…。クライアントや商品を使ったユーザーが「こんなによかったよ！」という文章です。おすすめ文？

Could you add the following testimonial?
こちらの推薦文を追加してください。

静的な - Static

変化しないこと。Static page で静的ページです。対義語は Dynamic。

You don’t have to use WordPress, it’s just static HTML website.
WordPress は使わなくていいです。HTML の静的サイトです。

整列 - Alignment

右揃えは right aligned、左揃えは left aligned と表現します。

Alignment is one of the most important elements in design.
整列はデザインにおいて重要な要素のひとつです。

専用サーバー - Dedicated server

Dedicated で専用のって意味です。共有サーバーは Shared server です。

Why don’t you move your website to a dedicated server?
サイトを専用サーバーに移行しちゃいなよ？

素材画像 - Stock photos

有名所iStock Photoのサイト名にもなっているので聞き覚えがあるかもです。

Can I buy stock photos from this website?
このサイトで素材画像買ってもいいですか？

属性 - Attribute

HTML のチュートリアルなんぞ読んでいたら必ずでてきます。

Don’t forget to provide the alt attribute for an img element.
img 要素に alt 属性を与えるのを忘れないでください。

目次へ。

た行

ダミー画像 - Placeholder (image) / dummy image

日本語ではアテやアタリですかね？Dummy image を使うこともありますが、こちらを略して PH とすることもよくあります。

We haven’t got that image yet, just use placeholder image for now.
まだその画像もらってないんだ。とりあえずダミー画像使っておいて。

添付する - Attach

メールでやり取りする時に腐るほど使うので嫌でも覚えます。その時は過去形ではなく現在完了形を使うのがポイント。

I’ve attached a PDF file.
PDF ファイルを添付しました。

問い合わせ - Enquiry / Contact

Enquiry と Contact は同じ意味です。アメリカ英語だと Inquiry とつづります。

Please fill out the following enquiry form.
こちらのお問い合わせフォームにご記入ください。

透過 - Transparent

透明や透明度は Transparency。

IE6 doesn’t support transparent PNG.
IE6 は透過 PNG をサポートしていない。

統合する - Integrate

「統合する」という言い方が正しいのか謎です。すみません。Facebook と Google+の内容を一緒にしたり、Twitter を Web サイトに表示させる時に使います。with ではなく and でも同じ意味のはず。

How to integrate Twitter with Facebook
Twitter と Facebook を統合する方法

動的な - Dynamic

変化すること。Dynamic page で動的ページです。対義語は Static。

“Company News” area will be dynamic.
「企業ニュース」は動的エリアです。

目次へ。

は行

配色 - Colour scheme

色の事について書いた記事にはよくでてくる単語です。Scheme は「スキーム」と読みます。

Which colour scheme do you like better?
どっちの配色が好き？

番号付きリスト - Ordered list / Numbered list

order は順序のこと。順番のついたリストという意味です。そのままです。

How can I style an ordered list?
番号付きリストってどうやって装飾するの？

パンくずリスト - Breadcrumbs / Breadcrumb navigation

Breadcrumb はパンくずのこと。そのままですね。ちなみに最後の「b」は発音しません。

Where can I find breadcrumb navigation plugins for WordPress?
パンくずリストの WordPress プラグインってどこにある？

表示する - Display

「ブラウザー上でこう表示される…」「うまく表示されないから…」などなど、かなりの頻度で使います。「◯◯ が表示されている」と言う時（そういう使い方の方が多い）は受動態で、「◯◯ is displayed」となります。

All images are not displayed!
全部の画像が表示されてない！

微調整 - Tweak

「少し Tweaks があるよ」なんてメールがきたら、たいてい少しではすみません。

Looks great! But I have some small tweaks.
いいね！でも少し微調整する箇所があるよ。

ファーストビュー - Above the fold

First View は使いません。この言葉はもともと新聞の一面記事を表現するときに、新聞の折り畳み線（Fold）より上が一番見てもらえる範囲であることから Web でも使われるようになったようです。ファーストビュー以下の範囲は Below the fold です。

Main navigation must be above the fold.
メインナビゲーションはファーストビュー内になければならない。

複製する - Duplicate

ファイルや Photoshop のレイヤーを複製するときに使います。

Duplicate this layer first.
まずこのレイヤーを複製してください。

ベースキャンプ - Basecamp

37 Signals の人気プロジェクト管理サービス、「Basecamp」のこと。

All documents are on Basecamp.
全ての文書ファイルはベースキャンプにあります。

変数 - Variable

PHP の $ で始まる、値が入る入れ物のような物を変数と言います。PHP のお話になったら必ず出てくる単語です。

All variables in PHP start with a $ sign symbol.
PHP で使う全ての変数は $ マークで始まります。

目次へ。

ま行

見出し - Heading / Headline

HTML タグの h1〜6 の H はこの Heading の意味です。

I styled a heading with CSS.
CSS で見出しを装飾した。

メール - Email

Mail だと郵便になるので、必ず最初に「E」を付けます。同じ理由でメールアドレスも Mail Address や Address ではなく Email Address です。

I sent PSD files by email.
PSD ファイルをメールで送りました。

メールマガジン - Newsletter

Mail Magazine という単語はありません。「購読する」という意味の「Subscribe」と一緒に覚えましょう！

Would you like to subscribe our newsletter?
メールマガジンを購読しますか？

明度 - Value / Lightness

色の三属性のひとつ。「値」と同じ Value です。英語は同じ単語で違う意味なものが多くて困りますね。

HSV stands for hue, saturation and value.
HSV は色相、彩度、明度を意味します。

メイン画像 - Main image / Hero image

そのまんま、Main image と使うことが多いですが、Hero image を使うこともあります。

Which colour would be better for a main image?
メイン画像はどっちの色がいいかな？

文字化け - garbled characters / broken characters

なるべく使いたくないし見たくない単語ですね。

How can I fix these garbled characters?
この文字化けどうやって直すの？

目次へ。

や行

優先・優先事項 - Priority

タスクがたまりすぎて何を優先すればいいのかわからない時に使えます。

The jQuery issue isn’t a priority right now.
jQuery の問題は優先事項ではありません。

要素 - Elements

HTML のタグについて説明しているときや、デザインの勉強なんかで出てきます。

The tr element defines a table row.
tr 要素はテーブルの行を定義します。

目次へ。

ら行

ライバル社 - Competitor

ライバルは Rival ではなく Competitor を使います。

Let me see a list of competitors.
ライバル社のリストを見せて。

目次へ。

他にもよく使う単語があれば、追加するのでぜひぜひ教えてください！ また、私の場合 Web で使う用語は海外で習ったので、逆に日本語でなんていうのかわからなかったりします…。「その日本語違う！」というのもご指摘ください！