【html css 入門】エンジニアなら知らないとヤバイ!WEB系言語の基本を解説!

この記事は約19分で読めます。
WEB系のクリエイターやエンジニアを目指す方には避けては通れないのがHTMLとCSSという言語になります。

HTMLとCSSに関してはWEB系のクリエイターやエンジニア以外でも見る機会も多いですので、IT業界で働く方は是非知っておきましょう。

この記事ではIT業界では欠かせないHTMLとCSSについて解説していきます。

この記事がおすすめの方は・・・
  • IT業界に興味があるけど何を勉強していいのかわからないという方
  • IT業界に必須のスキルについて知りたい方
  • WEB系のエンジニアになりたいと考えている方
  • WEB系のデザイナー(クリエーター)になりたいと考えている方

※IT業界の情報について知りたい方は以下も合わせて読んでみてください。

Search

HTMLとは

HTMLとは

HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)は、ハイパーテキストを記述するためのマークアップ言語の1つ。略してHTML(エイチティーエムエル)と呼ばれることが多い。SGMLを元に開発された。World Wide Web (WWW)において、ウェブページ(1990年代後半頃からはコンテンツという語も利用されている。「中身」という意味の語であり、大層な意味は無い)を表現するために用いられる。ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。

ウィキペディア(Wikipedia)

HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略語になります。

  • World Wide Web (WWW)=インターネット
  • ウェブページ=コンテンツとも呼ばれる

と考えていただければ結構です。

要するにインターネット上でウェブページを表示するのに使われるのがHTMLになりますのでHTMLはWEBの表示を担当します。

ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある

このようにHTMLは見出しや段落等も構造化してコードで書く事もできますし、リンクや画像に関してもURLをルールに則った形で書くことで表示することが可能です。

デザインに関しては後述するCSSが担当にはなるのですが、HTMLでも記述してフォントや文字色の指定なども行うことが可能です。

さらにここには書いてはありませんが、videoタグと呼ばれるタグを利用することで動画の再生も可能となっております。

インターネットで画面が見れる仕組み

WEB(インターネット)におけるHTMLは

  • HTMLのファイルにHTMLのルールに則りコーディングを行う
  • WEBサーバーに上記のHTMLファイルを配置をする

という作業を行うことでインターネット上からWEBサーバーにリクエストがあった場合

リクエストしたPCのブラウザにコーディングしたHTMLが表示されるという流れになります。

あなたが今見ているこちらの画面も私が記述したHTMLをサーバーから取ってくることでこの画面が表示されています。

このmoriblog(モリブログ)はCMSのワードプレスで作られていますが、企業で構築したWEBサービスなども同じ原理になります。

画面のあるシステムはHTMLが必須でありこれがインターネット上で画面を見れる仕組みになります。

インターネットにおけるHTML取得の流れ

HTML取得の流れをまとめますと

  • URLをブラウザ(Googleなど)からリクエスト→
  • URLに対応したサーバーにリクエストが行く(検索結果のリンク押す)
  • WEBサーバーはリクエスト元にURLに対応したHTMLファイルを送信する
  • リクエスト元のあなたのクライアントPCにHTMLファイルが表示されて画面が見える

という流れになります。

以前javascriptの回でHTMLとjavascriptをローカルのPCで書いてクロームでHTMLファイルを表示させた方はなんとなくわかったかと思います。

ブラウザからhtmlの中身を確認する方法

HTMLファイルなどのソースをを見るにはF12の開発者モードで見ることが可能です。

今回はそれとは別にHTMLの中身を表示する方法をお伝え致します。

右クリックをしてソースを表示というようにすればソースコードが表示されるはずです。

非常に多くのHTMLが表示されています。

HTMLの依存ファイル

これを見ますとcssやphpでデータベースから取ってきたデータやjavascriptのコードも一緒に表示されています。

最終的に出力されるHTMLがこのように表示がされるのでデバックする際にも役に立ちます。
  • css
  • php
  • javascript

などの言語は依存関係にありまして、大抵のアプリケーションやWEBシステムに関してはこれらの言語を複数使って、デザインや機能を形作っています。

上記の言語をHTMLが呼んできているため、最終的に表示されるHTMLファイルにはCSS、PHP、javascriptなどのコードが混じって出力されています。

HTMLの構成

HTMLの構成としては基本は以下になります。

<!doctype html>
<head>
<title>ページのタイトル</title>
</head>

<body>
</body>
 
</html>

対になるタグで囲んで記述するのがHTMLのルールになります。

<!doctype html>

はドキュメントタイプを宣言するために書きます。

通常は大抵書きますのでルールやおまじないだと思っておけば問題ないです。

タグのルールとしては

<html>

と書いたら

</html>

で閉じないといけません。

headタグの使い方

<head></head>

の中には

  • CSSの依存させるファイルのパス
  • javascriptの依存させるファイルのパス
  • ページのタイトル
  • メタ情報

などを記載します。

以前のjavascriptの記事ではHTMLファイル上直接javascriptを書いていましたが、その場合はコードがゴチャゴチャしてしまい見づらくなってしまうため別ファイルで管理しファイルの置き場所を指定してhtmlに読み込ませるということが主流となっています。これはCSSも同様です。

例としては以下になります。

<head>
<meta charset="utf-8">
<title>ページのタイトル</title>
<link rel="stylesheet" href="style.css">
</head>

メタ情報

文字化けを防ぐために

メタ情報として

<meta charset="utf-8">

を記述して文字コードをutf-8にしています。

日本語がhtmlの中に混じってしまう場合は文字コードの指定も重要になります。

bodyタグの使い方

<body></body>

の中には以下のようにタグを入れていきます。

<body>
<h1>pgfratとHTMLを書こう!</h1>
<p>エンジニアになるには、HTMLの知識は欠かせません。<br>慣れてしまえば簡単です、頑張りましょう!</p>
<h2>HTMLは基本の言語になります。</h2>
</body>

見出し

<h1>
<h2>

は見出しになります。

数字が大きいほど小見出しになり文字の大きさも変わります。

htmlはこのようにタグをかき分けることで構造化が可能となります。

今までのHTMLを合わせると下記になります。

<!doctype html>
<head>
<meta charset="utf-8">
<title>ページのタイトル</title>
<link rel="stylesheet" href="style.css"> 
</head>

 <body>
<h1>pgfratとHTMLを書こう!</h1>
<p>エンジニアになるには、HTMLの知識は欠かせません。<br>慣れてしまえば簡単です、頑張りましょう!</p>
<h2>HTMLは基本の言語になります。</h2>
</body>  
 
</html>   

実際にHTMLを書いてみよう

それでは実際にhtmlを書いてブラウザ上で表示してみます。

このように書きましたので

index.htmlという名前で保存しておきます。

保存したhtmlファイルをjavascriptの時のようにPCブラウザにドラック&ドロップしてみましょう。

ブラウザにHTMLが表示されればOKです。

もし文字化けをしてしまっているようならhtmlのコードを書いたエディターの設定の文字コードを変更する必要があります。

Windows標準のメモ帳なら文字化けはないはずですが、

サクラエディタは初期設定が文字コードが違うため変更する必要がありますので気をつけてください。

改行タグ

<br>

というタグが入っていますが<br>は改行になります。

そしてこの改行タグは</br>で閉じることはありませんので気をつけてください。

アンカータグ

今のHTMLを少し変化させます。

<!doctype html>
<head>
<meta charset="utf-8">
<title>ページのタイトル</title>
<link rel="stylesheet" href="style.css"> 
</head>

<body>
<h1>pgfratとHTMLを書こう!</h1>
<a href="https://pgfrat.com">pgfrat</a><br>
<p>エンジニアになるには、HTMLの知識は欠かせません。<br>慣れてしまえば簡単です、頑張りましょう!</p>
<h2>HTMLは基本の言語になります。</h2>
</body>  
 
</html>   
<a href="https://pgfrat.com">pgfrat</a><br>

を追加しました。

<a></a>

上記のタグはアンカータグといいます。

リンク先を 

href=""

のダブルクォート(””)に入れることでリンクを作ることができます。

アンカータグを書いた

pgfrat

の文字が青く色が変わっていると思います。

アンカータグで作成したリンクは標準ではこのような表示となります。

リンクボタンを押すと

リンク先にちゃんと飛べることが確認できます。

CSSとは

CSSとは

Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート、日: 段階スタイルシート[1])は、HTML や XML の要素をどのように修飾(表示)するかを指示する仕様の一つで、World Wide Web Consortium (W3C) がとりまとめ勧告する。文書の構造体裁を分離させるという理念を実現するために提唱されたスタイルシートの具体的な仕様の一つ。CSSはHTMLで表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備える。以下の点を特徴とする。

ウィキペディア(Wikipedia)

ページを表示するメディアに合わせてスタイルシートを切り替えることで、メディアごとに表示を変化させることができる。

ユーザーエージェント(多くの場合ウェブブラウザ)、ウェブサイト制作者、ユーザがそれぞれ定義したCSSのもたらす効果を重ね合わせる(カスケードする)ことができる。

ウィキペディア(Wikipedia)

Cascading Style Sheets(CSS、カスケーディング・スタイル・シート)

の略になります。

既に言及しましたが、CSSはhtmlの装飾を担当します。

CSSはHTMLで表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備える

という特徴がありますのでHTMLで表現できるデザインの以外の部分もCSSなら実現が可能ということになります。

htmlからCSSファイルは複数読み込むことが可能で、現在主流となっているレスポンシブデザインはCSSにより実現されています。

レスポンシブウェブデザイン (Responsive Web Design, RWD) は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法

ウィキペディア(Wikipedia)

CSSを使ってみる

それではCSSを使う準備に入りましょう。

先ほどのHTMLを修正します。

<!doctype html>
<head>
<meta charset="utf-8">
<title>ページのタイトル</title>
<link rel="stylesheet" href="style.css"> 
</head>

<body>
<h1>pgfratとHTMLを書こう!</h1>
<a href="https://pgfrat.com">pgfrat</a><br>
<p>エンジニアになるには、HTMLの知識は欠かせません。<br>慣れてしまえば簡単です、頑張りましょう!</p>
<h2>HTMLは基本の言語になります。</h2>
<div class="pgfrat">ここはクラスになります</div>
<div id="pgfrat">ここはIDになります</div>
</body>  
 
</html>
<div class="pgfrat">ここはクラスになります</div>
<div id="pgfrat">ここはIDになります</div>

ここで新たに登場したのは

<div></div>

とクラスとID

class=""
id=""

になります。

divタグは単体では特に意味を持たないタグになりますが

CSSで操作する際にブロック要素と呼ばれるタグになりデザインをコントロールしやすくなります。

CSSの使い方

CSSはHTMLのデザインを担当します。

CSSでできることは様々ありますが、今回は基本をさらっとやってみます。

先ほど作ったindex.htmlをフォルダーの中に入れます。

私はpgfratというフォルダーを新しく作ってその中にindex.htmlを入れます。

皆さんは好きな名前のフォルダーを作ってください。

その中にstyle.cssというファイルを作成します。

style.cssはまだ空の状態です。

もし違う場所に対象のCSSファイルを置いてhtmlに反映させたい場合は場所を指定してあげる必要があります。

今回は

<link rel="stylesheet" href="style.css">

上記の通りindex.htmlと同じ階層にstyle.cssを用意したので問題はありません。

CSSを使う際は

.cssの拡張子の先頭の名前は任意ですが、.cssの拡張子には気をつけてください。

今度はフォルダーごとブラウザにドラック&ドロップをしてください。

こちらからindexhtmlを選択すると

このようになるはずです。

まだCSSを書いていないので何も変化はありません。

ここからCSSを書いていきます。

書き方としてはHTMLのタグに対してそれぞれ命令していくことになります。

タグに対してのデザインの指定

試しに以下のように書いてみます。

h1 {
   font-size: 50px;
   color: red;
   border : solid 1px #333;
 }
 .pgfrat {
   background-color: blue;
 }
 #pgfrat {
 text-align: center;
 }

それぞれのタグに対してコードを書いていきました。

タグに対しては

h1 {}

というように大カッコで閉じるのがCSSのルールになります。

h1 {}

の中身に関しては

h1のタグに対してフォントサイズを変更し、color を赤で指定して文字色を変更

という処理を行っています。

線のデザインを変える

他には

border : solid 1px #333;

というコードでh1のタグの周りに線を弾いてカラーコード(#333)で色を指定しています。

色の指定

カラーコードについては

カラーピッカーと検索すればご自分で好きな色を探すことができます。

WEBデザインにおいて、文字や背景など様々な場所で使えますので覚えておくとよいでしょう。

クラスに対してのデザインの指定

下記コードを見てみましょう。

.pgfrat {
background-color: blue;
}

こちらは

class="pgfrat"

で指定した場所のCSSの命令になります。

HTMLのclass="クラス"

をcssでは

.クラス

と書く必要があります。

背景色の変更

background-color: blue;

はそのままで背景をブルーにするということになります。

色指定は先ほどの16進法のカラーコードでも指定することができます。

IDに対してのデザインの指定

#pgfrat {
text-align: center;
}
こちらはIDの指定になります。
<dev id="pgfrat">

で指定したところになります。

IDはHTMLで 

id="id"

としたならば

CSSでは

#id

とする必要があります。

中央寄せ

text-align: center;

で中心に移動させています。

上記のコード以外にも移動する手段はありますが、

上記のコードで一発で中心に来ます。
#pgfrat, p{
 text-align: center;
 }

とした場合はどうでしょうか?

pタグも中心に来ました。

CSSはカンマで区切ることで他のタグにも同じように適用することができます。

同じようにスタイルを適用したいのであればコードを短くするためにもカンマ区切りで指定しましょう。

画像を背景にする

次は画像を背景に入れます。

HTMLとCSSが入っているフォルダーにご自分の好きな写真を入れましょう。

入れたらCSSを下記のように変更します。

html {
   background-image: url("ご自分の写真のファイルの名前");
   background-repeat: no-repeat;
 }
 h1 {
   font-size: 50px;
   color: red;
   border : solid 1px #333;
 }
 .pgfrat {
   background-color: blue;
 }
 pgfrat, p{
 text-align: center;
 }

html {
background-image: url("ご自分の写真のファイルの名前");
background-repeat: no-repeat;
}

このコードで写真をhtmlのタグの中に入れることができました。

background-repeat: no-repeat;

このコードで画像を繰り返さないようにしています。

上記の記述が無いと画像サイズによっては繰り返しが発生します。

初心者向け言語:HTMLとCSSの基本 最後に

HTMLもCSSの基本については理解ができるのではないでしょうか?

今回は基本的なhtmlとcssについて解説しましたが、実際の業務で使えるレベルになるには更なる学習が必要になります。

プログラミングやIT知識に関する学習は時間がかかります。

プログラミングスキル・IT知識を最短で学習しプログラマーやエンジニアとして働きたいという方はエンジニアスクールやプログラミングスクールを使うことが現在では当たり前となっています。

以下のリンクにて無料から有料の「プログラミングスクール」「エンジニアスクール」についての情報をまとめて共有していますので是非参考にしてください。

未経験からエンジニアを目指す場合には業界情報や職種に関する情報、IT技術や用語など知るべきことが多くあります。以下の記事にて業界未経験のエンジニア職希望者が知るべき情報をまとめていますので是非見てみてください。

この記事が参考になった、気に入ったと感じていただけましたらフォローとシェアをお願いいたします。

No tags for this post.
IT関連
\ この記事をシェアする /
\ シュン@moriblogをフォロー /
【断捨離】古着買取サービスランキング
他社の査定額が1円でも高ければ相談可能「フクウロ」

▼▼▼94店舗の実店舗がある安心感
他社の査定額が1円でも高ければ相談可能
買取強化中のブランドは高価買取▼▼▼

・買取対象:約1,000件の取り扱いブランド
・買取不可 ・ノーブランド、ファストファッション
取扱対象外のブランドアイテム
・ダンボール:2枚まで無料
・集荷:17時までの申し込みで当日集荷
(利用者がヤマト運輸へ集荷依頼)
・送料:無料
・返送料:無料
・個別返品:可

おトクな買取キャンペーンが豊富「ブランディア(Brandear)」

▼▼▼7,000ブランド以上の買取に対応
査定後に売却か返品かを個別で選べる
おトクな買取キャンペーンが豊富▼▼▼

・買取対象:7,367件の取り扱いブランド
・買取不可:・ノーブランド、子供服、着物類
取扱対象外のブランドアイテム
・ダンボール:10枚まで無料
・集荷:12時までの申し込みで当日集荷
・送料:無料
・返送料:無料
・個別返品:可

全国47都道府県に出張買取が可能「バイセル」

▼▼▼お問い合わせ月間20,000件以上
全国47都道府県に出張買取が可能
出張買取は最短即日で対応可能▼▼▼

・買取対象:約100件の取り扱いブランド
・買取不可: ・ノーブランド、ファストファッション
・ダンボール:通常1枚まで
※電話で申し込めば2枚以上も可能
・集荷:申し込み後、翌日集荷
(利用者が佐川急便へ集荷依頼)
・送料:無料
・返送料:利用者負担
・個別返品:不可

メンズ、レディース、キッズまで対応「古着com」

▼▼▼1万円プレゼントキャンペーンなどお得なキャンペーンを行う
コアブランドやローブランドも買取可能
メンズ、レディース、キッズまで対応▼▼▼

・買取対象:6,000件の取り扱いブランド
・買取不可:・ノーブランド、ファストブランド
・取扱対象外のブランドアイテム
・ダンボール:5枚まで無料
・集荷:申し込み後、翌日集荷
(利用者が配送業者へ集荷依頼)
・送料:無料
・返送料:利用者負担
・個別返品:不可

定期的に査定額20%UPキャンペーン実施「コメ兵」

▼▼▼査定状況を24時間WEBから確認可能
定期的に査定額20%UPキャンペーン実施
ジャンル別に買取実績を多数公開中▼▼▼

・買取対象:約300件の取り扱いブランド
・買取不可:・ノーブランド、ファストファッション
・取扱対象外のブランドアイテム:購入から10年以上経過しているもの
・ダンボール:2枚まで無料
・集荷:12時or16時までの申し込みで当日集荷
(利用者が郵便局へ集荷依頼)
・送料:無料
・返送料:無料
・個別返品:可

査定額UPキャンペーンが豊富「ブランドゥール」

▼▼▼査定額UPキャンペーンが豊富
買取強化中の対象ブランドが多い
過去の買取実績を多数公開中▼▼▼

・買取対象:約5,000件の取り扱いブランド
・買取不可:・ノーブランド、ファストファッション
・取扱対象外のブランドアイテム:定価が3000円以下のアイテム
・ダンボール:1枚まで無料
・集荷:12時or15時までの申し込み後で当日集荷
・送料:無料
・返送料:無料
・個別返品:可

委託販売でさらに高価買取が狙える「KLD USED CLOTHING」

▼▼▼委託販売でさらに高価買取が狙える
他のサービスにはないLINE査定が可能
1点ずつコメント付きで査定結果がわかる▼▼▼

・買取対象:2,051件の取り扱いブランド
・買取不可:・ノーブランド、キッズ衣類、服飾品・取扱対象外のブランドアイテム・定価が5,000円未満の商品・発売から6年以上経過する商品
※コレクションブランド等を除く
・ダンボール:無料
・集荷:申し込み後、翌日集荷
・送料:無料
・返送料:無料
・個別返品:可

【断捨離】ブランド品買取サービスランキング
月間20,000件以上の取引実績の「バイセル」

▼▼▼最短即日の出張買取が利用できる
月間20,000件以上の取引実績
状態が悪いブランド品でも査定可能▼▼▼

・買取方法:宅配・出張
・ダンボール:あり
・送料:無料
・返送料:利用者負担
・査定期間:出張買取は即日 宅配買取は最短2日

独自の「プラス査定」システムで高額買取「銀蔵」

▼▼▼買取成立後24時間以内に入金が可能
ブランド品の状態に応じて査定額UP
破損・故障ブランド品でも査定可能▼▼▼

・買取方法:宅配・店頭
・ダンボール:あり
・送料:無料
・返送料:無料
・査定期間:商品到着後1~3日

最大10社に一括査定を依頼可能 「査定の名人」

▼▼▼最大10社に一括査定ができる
あなたの代わりに価格交渉が可能
高く売れやすい買取サービス▼▼▼

・買取方法 宅配・持ち込み
・ダンボール:5枚まで無料
・送料:無料
・返送料:無料
・査定期間:商品到着後3~7日

毎月お得なキャンペーンを実施「古着com」

▼▼▼毎月お得なキャンペーンを開催中
事前にカンタン無料査定ができる
取り扱いブランドをすぐに検索可能▼▼▼

・買取方法:宅配・店頭
・ダンボール:5枚まで無料
・送料:無料
・返送料:利用者負担
・査定期間:商品到着後1~7日

世界に店舗を展開中の業界大手「ブランドオフ(BRAND OFF)」

▼▼▼LINE/写真/ビデオ査定が可能
世界に店舗を展開中の業界大手
キャンセル返送もすべて無料▼▼▼

・買取方法:宅配・店頭・出張
・ダンボール:あり
・送料:無料
・返送料:無料
・査定期間:商品到着後1~3日

LINEで査定額の確認だけでもOK「コメ兵」

▼▼▼売買時にKOMEHYOポイントが貯まる
コメ兵で購入したブランド品は査定額UP
LINEで査定額の確認だけを行える▼▼▼

・買取方法:宅配・店頭
・ダンボール:あり
・送料:無料
・返送料:無料
・査定期間:商品到着後1~3日

300万人が選ぶ宅配買取専門店「ブランディア(Brandear)」

▼▼▼約7,000ブランドの買取に対応
300万人が選ぶ宅配買取専門店
ブランディアポイントで査定額UP▼▼▼

・買取方法:宅配
・ダンボール:あり
・送料:無料
・返送料:無料
・査定期間:商品到着後1~3日

【断捨離】ゲーム買取サービスランキング
宅配買取と出張買取に対応「トイズキング」

▼▼▼最短即日で全国に無料で出張買取
宅配買取キャンセル時の返送料も無料▼▼▼

・買取対象:ゲーム機本体・ソフト・レトロゲーム
・買取条件:1点以上
・ダンボール:17枚まで無料
・送料:無料
・返送料:無料
・振込手数料:無料
・査定期間:最短当日〜3日前後
・入金スピード:査定後、最短即日

レトロゲームを価値あるものに「レトログ」

▼▼▼レトロゲームに特化した買取専門店
どんな商品でも10円以上の買取保証▼▼▼

・買取対象:レトロゲーム・レトロゲームソフト
・買取条件:5点以上
・ダンボール:8枚まで無料
・送料:無料
・返送料:利用者負担
・振込手数料:無料
・査定期間:商品到着後数日
・入金スピード:査定後2営業日以内

スピード入金出張買取も全国で利用可能「トイフォレスト」

▼▼▼出張買取も全国から利用できる
レトロゲームから最新ゲームまで対応
現金化までのスピードが早い▼▼▼

・買取対象:ゲーム機本体・ソフト・レトロゲーム
・買取条件:1点以上
・ダンボール:1枚まで無料
・送料:無料
・返送料:無料
※査定額:1,000円未満の場合は有料
・振込手数料:無料
・査定期間:商品到着後、最短即日
・入金スピード:査定後、最短即日

買取キャンペーンがお得「ゲーム買取ブラザーズ」

▼▼▼期間限定キャンペーン&買取特典あり
買取成立後24時間以内に入金可能
発売から3か月以内のゲームは高価買取▼▼▼

・買取対象:ゲーム機本体・ソフト・レトロゲーム
・買取条件:1点以上
・ダンボール:5枚まで無料
・送料:無料
・返送料:利用者負担
・振込手数料:無料
・査定期間:商品到着後2日以内
・入金スピード:査定後24時間以内

商品が多ければ買取ボーナスで査定額アップ「メディア買取ネット」

▼▼▼送料・返送料・振込手数料が無料
商品到着後、最短48時間以内に入金
公式サイトで買取価格を確認できる▼▼▼

・買取対象:ゲーム機本体・ソフト・レトロゲーム
・買取条件:1点以上
・ダンボール:20枚まで無料
・送料:無料
・返送料:無料
・振込手数料:無料
・査定期間:最短当日〜1週間以内
・入金スピード:査定後3営業日以内

状態が悪くても諦めない!「eあきんど」

▼▼▼買取実績を一部公開中
まとめ売りで買取金額UP
査定&入金スピードが早い▼▼▼

・買取対象:ゲーム機本体・ソフト・レトロゲーム
・買取条件:10点以上
・ダンボール:5枚まで無料
・送料:無料
・返送料:利用者負担
・振込手数料:無料
・査定期間:商品到着後、最短即日
・入金スピード:査定後、最短即日

ゲームをまとめて売りたい方におすすめ「BUY王(バイキング)」

▼▼▼ゲームのまとめ売りで査定額UP
初めての利用者限定のキャンーンがお得
期間限定で送料が無料▼▼▼

・買取対象:ゲーム機本体・ソフト・レトロゲーム
・買取条件:1点以上
・ダンボール:20枚まで無料
・送料:~3/31迄 期間限定で送料無料
・返送料:利用者負担
・振込手数料:無料
・査定期間:商品到着後2営業日
※混雑時は2~3週間
・入金スピード:査定後、最短即日

【断捨離】書籍買取サービスランキング
他の店舗と比べても高額査定「ブックサプライ」

ダンボール:5枚まで無料
集荷:15時までの申し込みで最短翌日
送料:査定額2,000円以上で送料無料
査定額:2,000円未満は1箱500円
返送料:利用者負担

振込手数料:無料
査定期間:商品到着後2日前後
事前見積もり:お試し査定が可能

専門書・医学書・ビジネス書に特化「BOOK RIVER(ブックリバー)」



ダンボール:なし
集荷:12~15時までの申し込みで最短翌日
※利用者が佐川急便に集荷依頼
送料:査定額2,000円以上で送料無料
※2,000円以下は申し込み不可
返送料:利用者負担

振込手数料:無料
査定期間:商品到着後2日前後
事前見積もり:「迅速査定」が可能

売れば売るほどお得「BUY王(バイキング)」

ダンボール:20枚まで無料
集荷:申し込み後、最短翌日
送料:~6/30迄 期間限定で送料無料
返送料:利用者負担

振込手数料:無料
査定期間:商品到着後2営業日
※混雑時は2~3週間
事前見積もり:一時停止中

本以外のCD・DVD・ゲームをまとめて売るなら「メディア買取ネット」



ダンボール:20枚まで無料
集荷:15時までの申し込みで翌日集荷
送料:無料
返送料:無料

振込手数料:無料
査定期間:商品到着後2日前後
事前見積もり:可能

moriblog(モリブログ)

コメント 記事に関するご意見・ご感想・ご質問などお気軽にどうぞ!※メールアドレスは非公開です

タイトルとURLをコピーしました