小栗旬さんの公式サイトの使用技術やデザインやCSSの記述などを分析した結果を掲載中。WEBサイトがどのように作られているか知りたい時や、ホームページ制作で困ったときにチェック！
目次
小栗旬さんとは
プロフィール
小学生の頃に児童劇団に所属し子役として活動を始める。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’,’ＭＳ Ｐゴシック’,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が提供するアクセス解析ツールです。
基本無料で使えます。後に説明するように有料版もあるのですが、基本的には無料版でOKです。
Googleアナリティクスでは、登録したサイトのユーザーの行動に関するデータがわかります。
Google Font APIとは
Google Fontsとは、Googleが提供するWebフォントのサービスです。基本的に無料で利用でき、様々な言語のフォントにも対応している点が大きな特徴です。
Swiperとは
ピュアJavaScriptなスライダープラグイン『Swiper』について。今回はシンプルなものから応用まで実用的な6つのサンプルを用意して解説します。
Apacheとは
20年ほど前に開発された、21世紀ITの基盤を支える一つの技術を指しています。それがApacheというWebサーバーソフトウェアです。W3Techsによれば、2017年4月時点で全世界の約50%のシェアを占め、最も利用されています。
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 Packとは、WordPressを使用してブログやメディアを運用する際に、面倒なSEOの設定を簡単に行ってくれるプラグインです。 無料で使用できるにも関わらず非常に多機能で、WordPressを使用するならインストールしておくべき必須プラグインとも言えます。
jQueryとは
jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。
jQueryのおかげで、プログラミングの初心者でも、フロントエンド開発に参加しやすくなりました。jQueryは初心者にやさしい、とても有用なJavaScriptライブラリです。
AWS(アマゾン ウェブ サービス)とは
Amazon Web Servicesとは、Amazon.comにより提供されているクラウドコンピューティングサービスである。ウェブサービスと称しているが、ウェブサービスに限らない多種多様なインフラストラクチャーサービスを提供している。これらのサービスは全世界で22の地理的リージョンで提供されている。
Amazon ALBとは
ALB（Application Load Balancer）とは、Amazon.comが提供するAWS（Amazon Web Services）と呼ばれるシステムの一部で、Webサービスに発生する負荷を分散するロードバランシングサービスです。
Apacheとは
20年ほど前に開発された、21世紀ITの基盤を支える一つの技術を指しています。それがApacheというWebサーバーソフトウェアです。W3Techsによれば、2017年4月時点で全世界の約50%のシェアを占め、最も利用されています。
CentOSとは
CentOS(セントオーエス)とは、「Red Hat Enterprise Linux(RHEL)」との完全互換を目指すオープンソースLinuxディストリビューションです。RHELのソースコードをベースに開発されているため「RHELクローン」と呼ばれることもあり、「高機能」「高い安定性」を特徴としています。
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)