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

https://www.satohtakeru.com/

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

佐藤健さんとは

引用元:https://eiga.com/person/32629/

プロフィール

2006年、深夜放送の学園コメディ「プリンセス・プリンセスD」で俳優デビュー。翌07年、TVドラマ「仮面ライダー電王」で初主演を務め、劇場版にも出演する。「ROOKIES」(08)、NHK大河ドラマ「龍馬伝」、「Q10」(ともに10)といったTVドラマで人気若手俳優となり、ロッテのガム「Fit’s」のCM(09〜13)でも高い身体能力を披露して話題を呼ぶ。大ヒット漫画の実写映画版「るろうに剣心」3部作(12、14)では主人公・緋村剣心役を演じ、見事な殺陣で注目を集めた。その後も「カノジョは嘘を愛しすぎてる」(13)、「バクマン。」(15)、「世界から猫が消えたなら」(16)、「亜人」(17)などに主演。TVドラマでも「とんび」(13)や「天皇の料理番」(15)などで活躍し、NHK連続テレビ小説「半分、青い。」(18)の出演にも注目が集まる。

引用元:https://eiga.com/person/32629/

本名佐藤 健
生年月日1989年3月21日(32歳)
出身地 日本 埼玉県岩槻市
(現・さいたま市岩槻区
身長170 cm[1]
血液型A型[1]
職業俳優
ジャンルテレビドラマ映画
活動期間2006年 –
活動内容2007年:『仮面ライダー電王
事務所アミューズ(2006年 – 2021年3月)
Co-LaVo(2021年4月 – )

主な出演作品

テレビドラマ
仮面ライダー電王
メイちゃんの執事
ROOKIES
龍馬伝
Q10(キュート)
冬のサクラ
とんび
ビター・ブラッド
天皇の料理番
半分、青い。
義母と娘のブルース
恋はつづくよどこまでも


映画
劇場版 仮面ライダー電王 俺、誕生!
ROOKIES -卒業-
劇場版TRICK 霊能力者バトルロイヤル
BECK
るろうに剣心』シリーズ
カノジョは嘘を愛しすぎてる
バクマン。
世界から猫が消えたなら
何者
亜人
8年越しの花嫁 奇跡の実話
億男
ひとよ

引用元:https://ja.wikipedia.org/wiki/%E4%BD%90%E8%97%A4%E5%81%A5_(%E4%BF%B3%E5%84%AA)

佐藤健さんのホームページの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
JavaScriptフレームワークGSAP
ビデオプレーヤーYouTube
Font Script Google Font API
Webサーバー Apache
タグマネージャーGoogle Tag Manager
JavaScriptライブラリjQuery 3.4.1
Slick 1.9.0

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サービスに発生する負荷を分散するロードバランシングサービスです。

GSAPとは

GSAP
GSAP

GSAP(GreenSock Animation Platform)は、高速・軽量のHTML5アニメーションライブラリで、アニメーションライブラリのデファクトスタンダードといえる程多くのサイトで利用されています。

YouTubeの使い方について

YouTubeとは、2005年12月に提供が開始された動画共有サイトの名称である。オンライン動画配信サービスの先駆として知られている。
YouTubeでは、ユーザーが自分で撮影した動画をWeb上にアップロードし、他のユーザーと共有することができる。アップロードされたムービーファイルはFlash形式(FLVファイル)に変換され、PCの環境を選ばずにWebブラウザで閲覧できるようになっている。

Google Font APIとは

Google
Google

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

Apacheとは

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

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ライブラリです。

Slickとは

Slick
Slick

slickはjQueryベースの、スライダーを作成するためのプラグインです。 レスポンシブにも対応し、IE8以上のブラウザであれば完全対応で、カスタマイズの幅も広いため、世界的に利用されています。

佐藤健さんのホームページのドメイン情報

Domain Name: satohtakeru.com
Registry Domain ID: 1662067490_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.discount-domain.com
Registrar URL: http://www.onamae.com
Updated Date: 2020-06-02T00:20:22Z
Creation Date: 2011-06-17T01:22:41Z
Registrar Registration Expiration Date: 2021-06-17T01:21:35Z
Registrar: GMO INTERNET, INC.
Registrar IANA ID: 49
Registrar Abuse Contact Email: abuse@gmo.jp
Registrar Abuse Contact Phone: +81.337709199
Domain Status: ok https://icann.org/epp#ok
Registry Registrant ID: Not Available From Registry
Registrant Name: Tatsuro Hatanaka
Registrant Organization: AMUSE Inc.
Registrant Street: 20-1 Skuragaoka-cho
Registrant Street: Infosstower 12F
Registrant City: shibuya-ku
Registrant State/Province: Tokyo
Registrant Postal Code: 150-0031
Registrant Country: JP
Registrant Phone: +81.570064301
Registrant Phone Ext:
Registrant Fax:
Registrant Fax Ext:
Registrant Email: web-info@amuse.co.jp
Registry Admin ID: Not Available From Registry
Admin Name: Tatsuro Hatanaka
Admin Organization: AMUSE Inc.
Admin Street: 20-1 Skuragaoka-cho
Admin Street: Infosstower 12F
Admin City: shibuya-ku
Admin State/Province: Tokyo
Admin Postal Code: 150-0031
Admin Country: JP
Admin Phone: +81.570064301
Admin Phone Ext:
Admin Fax:
Admin Fax Ext:
Admin Email: web-info@amuse.co.jp
Registry Tech ID: Not Available From Registry
Tech Name: Tatsuro Hatanaka
Tech Organization: AMUSE Inc.
Tech Street: 20-1 Skuragaoka-cho
Tech Street: Infosstower 12F
Tech City: shibuya-ku
Tech State/Province: Tokyo
Tech Postal Code: 150-0031
Tech Country: JP
Tech Phone: +81.570064301
Tech Phone Ext:
Tech Fax:
Tech Fax Ext:
Tech Email: web-info@amuse.co.jp
Name Server: ns-25.awsdns-03.com
Name Server: ns-1380.awsdns-44.org
Name Server: ns-1706.awsdns-21.co.uk
Name Server: ns-983.awsdns-58.net
DNSSEC: unsigned

佐藤健さんのサイトのサーバー情報

使用サーバーAWS

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

AWS
AWS

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

佐藤健さんのホームページの感想

参照

佐藤健 オフィシャル ウェブサイト|Takeru Satoh Official Website

コメントを残す

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