【Webデザイナーが分析】三浦春馬さんの公式サイトにはこんな設定が行われていた!

引用元:https://www.amuse.co.jp/artist/A0105/

三浦春馬さんの公式サイトの使用技術やデザインやCSSの記述などを分析した結果を掲載中。WEBサイトがどのように作られているか知りたい時や、ホームページ制作で困ったときにチェック!

三浦春馬さんとは

引用元:https://www.amuse.co.jp/artist/A0105/

プロフィール

三浦 春馬(みうら はるま、1990年(平成2年)4月5日 – 2020年(令和2年)7月18日)は、日本の俳優、歌手。茨城県土浦市出身。最終所属はアミューズ。日本を代表する俳優の一人として ドラマ・映画・舞台・ミュージカル等幅広く活躍し、演技力に加え卓越した歌唱力とダンスの技術により「表現者」とも称された。

生年月日1990年4月5日
没年月日2020年7月18日(30歳没)
出生地 日本茨城県土浦市
死没地 日本東京都港区[1]
身長178cm[2]
血液型AB型[2]
職業俳優歌手
ジャンルテレビドラマ映画舞台ミュージカルコンサートCM
活動期間1997年 – 2020年
活動内容映画・ドラマ・ミュージカル・CM等
事務所アミューズ(最終所属)

引用元:https://ja.wikipedia.org/wiki/%E4%B8%89%E6%B5%A6%E6%98%A5%E9%A6%AC

主な出演作品

テレビドラマ
14才の母
ごくせん 第3シリーズ
ブラッディ・マンデイ
サムライ・ハイスクール
大切なことはすべて君が教えてくれた
陽はまた昇る
ラスト♡シンデレラ
僕のいた時間
殺人偏差値70
わたしを離さないで
おんな城主 直虎
オトナ高校
tourist ツーリスト
ダイイング・アイ
TWO WEEKS
太陽の子
おカネの切れ目が恋のはじまり

映画
森の学校
キャッチ ア ウェーブ
恋空
奈緒子
君に届け
東京公園
キャプテンハーロック
永遠の0
真夜中の五分前
進撃の巨人 ATTACK ON TITAN
銀魂2 掟は破るためにこそある
こんな夜更けにバナナかよ 愛しき実話
コンフィデンスマンJP -ロマンス編-
アイネクライネナハトムジーク
天外者
ブレイブ -群青戦記-

舞台
『星の大地に降る涙』
『海盗セブン』
『ZIPANG PUNK〜五右衛門ロック III』
『地獄のオルフェウス』
キンキーブーツ
罪と罰
『ホイッスル・ダウン・ザ・ウィンド〜汚れなき瞳〜』

三浦春馬さんのホームページのdescription設定

三浦 春馬 | 株式会社アミューズのアーティストページです。アミューズ所属アーティストの詳細なプロフィールや最新情報、グッズやファンクラブについてもご案内するページです。

三浦春馬さんのサイトのタイトル・テキスト設定

See the Pen サイボウズ株式会社 by keisuke414 (@keisuke414) on CodePen.

font-family‘メイリオ’,Meiryo,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’MS Pゴシック’,Arial,Helvetica,sans-serif
H1タグのフォント設定24px相当
bold
#777777
H2タグのフォント設定17.6px相当
bold
#575757
H3タグのフォント設定16px
bold
#737373
H4タグのフォント設定15.36px相当
bold
#333333
Pタグのフォント設定14.4px相当
#333333

「px相当」はrem,em,%などの設定をしているものを、pxに換算した場合の数値です。

三浦春馬さんのホームページに使用されている技術

アナリティクスGoogle Analytics
WebサーバーApache
CDNAmazon Cloudfront
タグマネージャーGoogle Tag Manager
JavaScriptライブラリjQuery 3.4.1
Lodash 4.17.15
PaaSAmazon Web Services

Google Analyticsとは

Google アナリティクス

Googleアナリティクスとは、Googleが提供するアクセス解析ツールです。
基本無料で使えます。後に説明するように有料版もあるのですが、基本的には無料版でOKです。
Googleアナリティクスでは、登録したサイトのユーザーの行動に関するデータがわかります。

Google Font APIとは

Google
Google

Google Fontsとは、Googleが提供するWebフォントのサービスです。基本的に無料で利用でき、様々な言語のフォントにも対応している点が大きな特徴です。

Swiperとは

swiper_slider
swiper_slider

ピュアJavaScriptなスライダープラグイン『Swiper』について。今回はシンプルなものから応用まで実用的な6つのサンプルを用意して解説します。

Apacheとは

20年ほど前に開発された、21世紀ITの基盤を支える一つの技術を指しています。それがApacheというWebサーバーソフトウェアです。W3Techsによれば、2017年4月時点で全世界の約50%のシェアを占め、最も利用されています。

MySQLとは

MySQL
MySQL

MySQLとは、世界でもっとも利用されている「データベース管理システム」です。
大容量のデータに対しても高速で動作し、便利な機能がたくさんあるので、非常に実用性が高くなっています。
また、オープンソースなので非商用利用であれば無償で使用できるため、初心者でも導入しやすく扱いやすいため非常に人気の高いデータベース管理システムです。

Google Tag Manager(GTM)とは

Googleタグマネージャ(google tag manager)とは、Googleが提供するツールで、様々なタグを一元管理(タグマネージメント)できるのが大きな特徴です。「GTM」の略称で呼ばれることもあります。無料で提供されており、誰でも使えます。
Googleタグマネージャのタグをページに設置し、管理画面にGoogleアナリティクスやGoogle広告などのタグを登録すると、HTMLの変更を行わずとも、管理画面内でタグの変更や更新などが可能です。
タグの変更を管理者や開発担当者に依頼しなければ出来なかったというケースはよくありますが、Googleタグマネージャを使えば、HTMLの変更が必要ないので自分でタグの設置ができます。

All in One SEO Packとは

All_in_ONE_SEO
All_in_ONE_SEO

All in One SEO Packとは、WordPressを使用してブログやメディアを運用する際に、面倒なSEOの設定を簡単に行ってくれるプラグインです。 無料で使用できるにも関わらず非常に多機能で、WordPressを使用するならインストールしておくべき必須プラグインとも言えます。

jQueryとは

jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。
jQueryのおかげで、プログラミングの初心者でも、フロントエンド開発に参加しやすくなりました。jQueryは初心者にやさしい、とても有用なJavaScriptライブラリです。

AWS(アマゾン ウェブ サービス)とは

AWS
AWS

Amazon Web Servicesとは、Amazon.comにより提供されているクラウドコンピューティングサービスである。ウェブサービスと称しているが、ウェブサービスに限らない多種多様なインフラストラクチャーサービスを提供している。これらのサービスは全世界で22の地理的リージョンで提供されている。

Amazon ALBとは

AWS
AWS

ALB(Application Load Balancer)とは、Amazon.comが提供するAWS(Amazon Web Services)と呼ばれるシステムの一部で、Webサービスに発生する負荷を分散するロードバランシングサービスです。

Apacheとは

20年ほど前に開発された、21世紀ITの基盤を支える一つの技術を指しています。それがApacheというWebサーバーソフトウェアです。W3Techsによれば、2017年4月時点で全世界の約50%のシェアを占め、最も利用されています。

Amazon Cloudfrontとは

Amazon CloudFront は、ユーザーへの静的および動的なウェブコンテンツ (.html、.css、.js、イメージファイルなど) の配信を高速化するウェブサービスです。CloudFront では、エッジロケーションというデータセンターの世界的ネットワークを経由してコンテンツを配信します。CloudFront でサービスを提供しているコンテンツをユーザーがリクエストすると、リクエストはエッジロケーションにルーティングされ、レイテンシー (遅延時間) が最小になります。これにより、コンテンツは可能な限り最高のパフォーマンスで配信されます。

Google Tag Manager(GTM)とは

Googleタグマネージャ(google tag manager)とは、Googleが提供するツールで、様々なタグを一元管理(タグマネージメント)できるのが大きな特徴です。「GTM」の略称で呼ばれることもあります。無料で提供されており、誰でも使えます。
Googleタグマネージャのタグをページに設置し、管理画面にGoogleアナリティクスやGoogle広告などのタグを登録すると、HTMLの変更を行わずとも、管理画面内でタグの変更や更新などが可能です。
タグの変更を管理者や開発担当者に依頼しなければ出来なかったというケースはよくありますが、Googleタグマネージャを使えば、HTMLの変更が必要ないので自分でタグの設置ができます。

jQueryとは

jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。
jQueryのおかげで、プログラミングの初心者でも、フロントエンド開発に参加しやすくなりました。jQueryは初心者にやさしい、とても有用なJavaScriptライブラリです。

Lodashとは

Lodashは、関数型プログラミングパラダイムを使用して一般的なプログラミングタスクにユーティリティ関数を提供するJavaScriptライブラリです。

AWS(アマゾン ウェブ サービス)とは

AWS
AWS

Amazon Web Servicesとは、Amazon.comにより提供されているクラウドコンピューティングサービスである。ウェブサービスと称しているが、ウェブサービスに限らない多種多様なインフラストラクチャーサービスを提供している。これらのサービスは全世界で22の地理的リージョンで提供されている。

三浦春馬さんのホームページのドメイン情報

Domain Information: [ドメイン情報]
a. [ドメイン名] AMUSE.CO.JP
e. [そしきめい] かぶしきがいしゃあみゅーず
f. [組織名] 株式会社アミューズ
g. [Organization] Amuse, inc
k. [組織種別] 株式会社
l. [Organization Type] Company
m. [登録担当者] TH42449JP
Contact Information: [担当者情報]
a. [JPNICハンドル] TH42449JP
b. [氏名] 畠中 達郎
c. [Last, First] Hatanaka, Tatsuro
d. [電子メイル] web-info@amuse.co.jp
f. [組織名] 株式会社アミューズ
g. [Organization] Amuse, inc
o. [電話番号]
p. [FAX番号]
y. [通知アドレス] web-info@amuse.co.jp
[最終更新] 2018/04/19 11:41:13 (JST)
form@dom.jprs.jp

n. [技術連絡担当者] KS56087JP
Contact Information: [担当者情報]
a. [JPNICハンドル] KS56087JP
b. [氏名] 清水 邦夫
c. [Last, First] Shimizu, Kunio
d. [電子メイル] web-info@amuse.co.jp
f. [組織名] 株式会社アミューズ
g. [Organization] Amuse, inc
o. [電話番号] 0570-06-4301
p. [FAX番号]
y. [通知アドレス] web-info@amuse.co.jp
[最終更新] 2018/04/19 11:44:44 (JST)
form@dom.jprs.jp

p. [ネームサーバ] ns-1304.awsdns-35.org
p. [ネームサーバ] ns-2010.awsdns-59.co.uk
p. [ネームサーバ] ns-247.awsdns-30.com
p. [ネームサーバ] ns-1012.awsdns-62.net
s. [署名鍵]
[状態] Connected (2021/05/31)
[登録年月日] 1997/05/20
[接続年月日] 1997/08/13
[最終更新] 2021/03/18 11:10:02 (JST)

三浦春馬さんのサイトのサーバー情報

使用サーバーAWS

AWS(アマゾン ウェブ サービス)とは

AWS
AWS

Amazon Web Servicesとは、Amazon.comにより提供されているクラウドコンピューティングサービスである。ウェブサービスと称しているが、ウェブサービスに限らない多種多様なインフラストラクチャーサービスを提供している。これらのサービスは全世界で22の地理的リージョンで提供されている。

三浦春馬さんのホームページの感想

参照

三浦 春馬 | アミューズWEBサイト

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です