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

引用元:https://www.tristone.co.jp/oguri/

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

小栗旬さんとは

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

プロフィール

小学生の頃に児童劇団に所属し子役として活動を始める。1995年のNHK大河ドラマ「八代将軍 吉宗」でTVドラマに初出演し、阿部勉監督作「しあわせ家族計画」(99)で映画デビュー。花堂純次監督作「羊のうた」(02)で映画初主演を務めた後、「あずみ」(03)、「キサラギ」(07)などに出演する一方、TVドラマ「ごくせん」(02)などでも存在感を放つ。ラブコメドラマ「花より男子」(05)で人気が急上昇し、同作続編や映画版「花より男子ファイナル」(08)にも出演。映画では「クローズZERO」シリーズ(07、09)に主演する傍ら、10年には構想から9年かけて完成した「シュアリー・サムデイ」で映画監督デビューをも果たした。以降の映画主演作に「岳 ガク」(11)、「宇宙兄弟」(12)、「信長協奏曲(ノブナガコンツェルト)」(16)、「銀魂」(17)など。舞台では03年の「ハムレット」以降、蜷川幸雄作品に多数出演するほか、河原雅彦演出作や、劇団☆新感線の客演など。私生活では11年、モデル・女優の山田優と結婚した。

https://eiga.com/person/22866/
本名同じ
生年月日1982年12月26日(38歳)
出生地 日本東京都[1]
身長184 cm
血液型O型[1]
職業俳優
ジャンル映画テレビドラマCM舞台アニメゲーム
活動期間1994年 –
配偶者山田優2012年 – )
著名な家族小栗哲家(父)
小栗了(兄)
山田美加子(義母)
山田親太朗(義弟)
事務所トライストーン・エンタテイメント

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

主な出演作品

テレビドラマ
GTO
ごくせん
Stand Up!!
救命病棟24時
花より男子
花ざかりの君たちへ〜イケメン♂パラダイス〜
貧乏男子 ボンビーメン
東京DOGS
獣医ドリトル
リッチマン、プアウーマン
BORDER 警視庁捜査一課殺人犯捜査第4係
信長協奏曲
ウロボロス〜この愛こそ、正義。
CRISIS 公安機動捜査隊特捜班


映画
羊のうた
キサラギ
クローズZERO』シリーズ
花より男子
踊る大捜査線
宇宙兄弟
ルパン三世
信長協奏曲
銀魂』シリーズ
君の膵臓をたべたい
人間失格 太宰治と3人の女たち
罪の声


監督
シュアリー・サムデイ


舞台
間違いの喜劇
カリギュラ
ムサシ
時計じかけのオレンジ
髑髏城の七人』シリーズ
『あかいくらやみ 〜天狗党幻譚〜』
カッコーの巣の上で
『RED』
ミュージカル『ヤングフランケンシュタイン』


劇場アニメ
映画ドラえもん』シリーズ
ONE PIECE FILM GOLD
映画 妖怪ウォッチ FOREVER FRIENDS
天気の子

小栗旬さんのホームページのdescription設定

トライストーン・エンタテイメント、小栗旬のOfficial Web Site。ニュース、プロフィール、メディア情報。

小栗旬さんのサイトのタイトル・テキスト設定

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 2.2.15
オペレーションシステムCentOS
JavaScriptライブラリSlick
jQuery 2.1.4

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%のシェアを占め、最も利用されています。

CentOSとは

CentOS
CentOS

CentOS(セントオーエス)とは、「Red Hat Enterprise Linux(RHEL)」との完全互換を目指すオープンソースLinuxディストリビューションです。RHELのソースコードをベースに開発されているため「RHELクローン」と呼ばれることもあり、「高機能」「高い安定性」を特徴としています。

Slickとは

Slick
Slick

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

jQueryとは

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

小栗旬さんのホームページのドメイン情報

Domain Information: [ドメイン情報]
a. [ドメイン名] TRISTONE.CO.JP
e. [そしきめい] かぶしきかいしゃとらいすとーん・えんたていめんと
f. [組織名] 株式会社トライストーン・エンタテイメント
g. [Organization] Tristone Entertainment Inc.
k. [組織種別] 株式会社
l. [Organization Type] Company
m. [登録担当者] MF1317JP
Contact Information: [担当者情報]
a. [JPNICハンドル] MF1317JP
b. [氏名] 二川美智子
c. [Last, First] Futagawa, Michiko
d. [電子メイル] tristone@fmp.or.jp
f. [組織名] 株式会社トライストーン・エンタテイメント
g. [Organization] Tristone Entertainment Inc.
k. [部署]
l. [Division]
m. [肩書]
n. [Title]
o. [電話番号] 03-5433-2188
p. [FAX番号] 03-5433-2120
y. [通知アドレス]
[最終更新] 2000/08/02 04:42:04 (JST)
form@domain.nic.ad.jp

n. [技術連絡担当者] MF1317JP
Contact Information: [担当者情報]
a. [JPNICハンドル] MF1317JP
b. [氏名] 二川美智子
c. [Last, First] Futagawa, Michiko
d. [電子メイル] tristone@fmp.or.jp
f. [組織名] 株式会社トライストーン・エンタテイメント
g. [Organization] Tristone Entertainment Inc.
k. [部署]
l. [Division]
m. [肩書]
n. [Title]
o. [電話番号] 03-5433-2188
p. [FAX番号] 03-5433-2120
y. [通知アドレス]
[最終更新] 2000/08/02 04:42:04 (JST)
form@domain.nic.ad.jp

p. [ネームサーバ] ns1.dns.ne.jp
p. [ネームサーバ] ns2.dns.ne.jp
s. [署名鍵]
[状態] Connected (2021/08/31)
[登録年月日] 2000/08/02
[接続年月日] 2000/08/18
[最終更新] 2020/09/01 01:06:20 (JST)

小栗旬さんのサイトのサーバー情報

使用サーバーKDDI CORPORATION

小栗旬さんのホームページの感想

参照

小栗 旬 OFFICIAL SITE

コメントを残す

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