WEB担当者が知りたい制作技術の豆知識 [質問箱 (FAQ)]
WEB担当者が知りたい制作技術の豆知識 [質問箱 (FAQ)]では、WEB担当者のみなさまの悩みに、一問一答形式でお答えしています！！
KNOWLEDGE K2@WEB相談室
WEB担当者の日々運営の悩みを解決します。
WEB担当者が知りたい制作技術の豆知識
WEBサイトのリニューアル時に使われる様々なIT（WEB）用語。
一体なんのことだかわからない！そんなことでお困りではありませんか？
- WEBサイトの基礎はHTMLとCSS
- WEBサイトが見れる仕組みって？
- javascriptはWEBサイトだけのモノではない
- 今流行りのHTML5
- WEBサイトのカラー選定
※本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。
WEBサイト担当者必見！リニューアル時に役立つ 21 のノウハウ
-
ホームページ制作に必須！15分でわかるHTML基礎
HTMLはホームぺージ制作では必須の言語なので、企業のホームぺージ担当者の方でもリニューアルの際に話題になるかもしれません。このページはHTMLの知識が曖昧な方やHTMLが何故ブラウザに表示されるのか？全体像がわからない方向で、HTMLの基礎知識から『かんたんなホームページを作る』ところまでを30分でおさらいできます。
-
インターネットの基礎知識と歴史
インターネットは例えば家庭やオフィス・学校などで構築されるパソコンの小さなネットワークを、外部の世界中の同様のネットワークとつないだ巨大なネットワークです。接続は一般的にソフトバンクやKDDI、NTTのような、インターネットサービスプロバイダーと呼ばれる通信業者のサービスを利用します。
-
ホームページが見れる仕組みを知りたい
ホームページはブラウザのURLからホームページが置いてあるWEBサーバーにアクセスして、画像やテキストなどの必要な情報をブラウザに送ってもらうから見ることが出来ます。
-
WEBデザインの要はスタイルシート（CSS）
スタイルシート（CSS）は Cascading Style Sheets の略で、文章構造(HTML)とデザイン要素（CSS）を分離させる為に提唱されたスタイルシートの一つです。HTMLと分離させることでホームページの表示効率を上げ、様々な汎用性を持たせることが出来ます。
-
javascriptはWEBサイトの操作を制御
javascriptはコンピューターやスマートフォンから、最新モデルの自動車に至るまでいたるところで使われています。私たちが快適にウェブ検索をしたりIT機器に囲まれた生活を送る上で非常に役立っています。
-
jqueryを使ってjavascript開発の効率化
jQuery（ジェイクエリー）は、javascriptをより効率的に構築するために開発されたjavascriptのライブラリです。2018年1月現在ではjavascriptのライブラリで最も使われているスタンダードなライブラリです。ライブラリとは汎用性のあるスクリプト（プログラム）を集めた素材集のようなものをイメージしていただければ大凡正解です。
-
UIを実装するフロントエンジニアに必要なスキル
フロントエンジニアが使う主な技術はHTMLとCSS、そしてjavascriptです。会社によってはサーバーサイドのNODE.jsやPHP、そしてSQLなど深いレイヤー部分（よりサーバーに近い場面での仕事）も求められることがあります。フロントエンジニアは広範囲に及ぶ専門スキルが必要なため、人により得意分野が違います。
-
HTML5で動画を埋め込む演出
WEBサイトTOPの背景に大きな動画を埋め込むことで、ユーザーの目を引きサービスのアピールや雰囲気を伝えて不ランディングをするケースがあります。動画はより多くの情報を伝えるのに適していますが、全てがいいことばかりでもありません。このページではメリットデメリットを踏まえてどのように動画を扱えばいいか紹介します。
-
ホームページに掲載するための写真
ホームページでは扱う写真のクオリティの差がそのままホームページのデザインの差になるケースが増えてきました。これは通信速度の向上が大きな要因としてあげられます。ホームページの目的は何か？ポイントを押さえて容量の大きい『キメの写真』と、容量の小さな『添える写真』、情報として『伝える写真』を使い分けて、相対的にクオリティーの高いホームページを作っていくことを目指しましょう。
-
キャッチコピーの作り方にはコツがある
キャッチコピーはインパクトがあり、商品やサービスの世界観を伝えユーザーの心を掴むために作られる言葉です。特にWEBサイトやSNSなどのインターネットメディアでは、検索キーワードを考慮したキャッチコピーや、共感力のあるキャッチコピーが求められます。このページでは、キャッチコピーの作り方のコツをご紹介します。
-
ブログもメールフォームもPHPで作れる！
PHPは世界で最も使われているプログラム言語のひとつで、利用している人が多いためインターネット上に多くの情報がアーカイブされているのが特徴です。また習得が比較的容易な言語で、プログラム未経験者にも習得しやすい言語です。
-
SQLはDB(データベース)を操作する言語
SQLは関係データベース管理システム（relational database management system、略称：RDBMS）を操作するためのデータベース言語として、 ISO 及び JIS にて規格化され、現在ではリレーショナル型データベースの標準として位置づけられています。
-
ホームぺージ制作の効率上げるライブラリ
ライブラリとは、汎用性の高い再利用が可能なプログラムです。ライブラリはプログラムの本体に、必要なプログラムの部品（ライブラリ）を組み込みます。本体に組み込むのに若干記述が必要ですが、部品を作る手間無く作業効率を格段に向上することが出来ます。
-
WEBサイト制作で重要なワイヤーフレームの作り方
ワイヤーフレームは目的を達成する為にページにどのような要素を配置すればいいかを示すホームページの設計図です。ワイヤーフレームの作成と確認は、出来上がってから「使いにくい」「成果が出にくい」ことがないように、制作に入る前に最初に確認するとても重要なフローです。
-
コンテンツを魅力的に見せるレイアウト
コンテンツを魅力的に見せるレイアウトの一番のポイントはファーストビューです。ファーストビューで見せるデザインは、ホームページで最も重要な要素です。ユーザーは一瞬でページの善し悪しを判断し、もし興味が無ければすぐにページを閉じてしまいます。ページを読んでもらうポイントは「魅力的な体験」「簡潔で具体的な内容」を提示出来ているかどうかです。
-
ホームページ制作のデザインとプログラム
WEBデザイナーはビジュアルだけでは無く、プログラムを書いたりすることもあります。これは人や企業によってさまざまで、一長一短のメリット・デメリットがあります。デザインからプログラムまでを一貫して担当できるクリエイターがいれば、プロジェクトがぶれること無くスピーディーに進めていくことが出来ます。
-
適切なカラー選定でホームページの成果につなげる
適切なカラー選定はホームページの成果大きく影響します。特に、キーカラーの選定はホームページの印象を決める大事な作業です。もともと決まっている企業カラー、ブランドカラーがあればその色を採用します。もし無い場合は、事業コンセプト、商品コンセプト、ターゲットなどと照らし合わせ選定します。
-
フラットデザインの機能的メリットとは？
フラットデザインとはシャドーやエンボスなどの効果を使わずに、極端に装飾を押さえ対象物をストレートに表現するデザイン手法です。フラットデザインのメリットはレイアウトの変化に強く、パソコン、タブレット、スマートフォンなど各種デバイスに柔軟に対応することが出来ます。
-
ランディングページは役割が明確なホームページ
ランディングページの役割は、伝えたい要点を瞬時に伝えて、目的地へ最短距離で誘導することです。そのために準備する側には、ユーザーがどのようなページからどのような目的でランディングページに訪れるかをストーリーとして持っていて、ピンポイントにユーザーが欲しがる情報を提供することが求められます。
-
ミニマルデザインはシンプルだから伝わる
ミニマルデザインは装飾を極限まで削りつつ、機能・役割をきちんと果たす高度なデザインです。2018年現在、ミニマルデザインを取り入れるホームページを多く見かけるようになりました。
-
WordPress標準エディターの機能紹介
WordPressを使えばホームページをかんたんに更新すること出来ます。実際にホームページを更新する際、管理者はどのような更新作業が発生するか？また、ホームぺージ更新時に何が出来るのか？WordPressに標準装備されているエディター機能を解説します。