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

引用元:https://www.horipro.co.jp/fujiwaratatsuya/

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

藤原竜也さんとは

引用元:https://www.horipro.co.jp/fujiwaratatsuya/

プロフィール

1997年、蜷川幸雄演出「身毒丸」の主役オーディションで15歳にしてグランプリを獲得。以降、蜷川作品をはじめ多くの舞台で座長を務める。00年、「仮面学園」の主演で銀幕デビュー。続いて深作欣二監督の遺作となった「バトル・ロワイアル」(00)では、迫真の演技で日本アカデミー賞主演男優賞と新人俳優賞をダブル受賞、若手実力派俳優の筆頭になる。その後、「デスノート」前・後編(06)や、「カイジ」シリーズ(09、11)など人気漫画の実写映画化作品に主演。その他、「パレード」(10)、「藁の楯 わらのたて」(13)、実写版「るろうに剣心」3部作の「京都大火編」と「伝説の最期編」(ともに14)といった話題作で存在感を放ち、「僕だけがいない街」(16)、「22年目の告白 私が殺人犯です」(17)などで主演を務める。近年のTVドラマの出演作に、「ST 赤と白の捜査ファイル」(14)、「そして、誰もいなくなった」(ともに16)、「リバース」(17)などがある。

https://eiga.com/person/62515/
本名藤原 竜也
生年月日1982年5月15日(38歳)
出身地 日本埼玉県秩父市
身長178 cm
血液型A型
職業俳優
ジャンル舞台映画テレビドラマナレーション
活動期間1997年 –
配偶者既婚
事務所ホリプロ

主な出演作品

舞台
身毒丸
大正四谷怪談
近代能楽集〜弱法師〜』
ハムレット
ロミオとジュリエット
天保十二年のシェイクスピア
ムサシ
ジュリアス・シーザー


映画
仮面学園
バトル・ロワイアル』シリーズ
デスノート2部作』
カイジ』シリーズ
藁の楯 わらのたて
神様のカルテ2
るろうに剣心 京都大火編/伝説の最期編
映画 ST 赤と白の捜査ファイル
僕だけがいない街
22年目の告白 -私が殺人犯です-
Diner ダイナー
太陽は動かない


アニメーション映画
借りぐらしのアリエッティ
ルパン三世 THE FIRST


テレビドラマ
新選組!
古畑任三郎ファイナル
ST 赤と白の捜査ファイル
そして、誰もいなくなった
リバース
青のSP-学校内警察・嶋田隆平-

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

藤原竜也さんのホームページのdescription設定

ホリプロは、昭和35年(1960年)の創業以降、「文化をプロモートする人間産業」という企業理念のもと、タレントの発掘・育成を強みとするマネージメント事業を中心として、番組やCMを制作する映像事業、ミュージカルなどの演劇をプロデュースする公演事業など、さまざまな事業を複合的に展開する総合エンターテイメント企業です。

藤原竜也さんのサイトのタイトル・テキスト設定

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に換算した場合の数値です。

藤原竜也さんのホームページに使用されている技術

CMS WordPress 4.9.9
ウィジェットTwitter
Facebook
アナリティクス Facebook Pixel
Google Analytics
ブログ WordPress 4.9.9
ビデオプレーヤーYouTube
Font Script Twitter Emoji (Twemoji)
Webサーバー Apache 2.4.37
プログラミング言語 PHP 7.2.16
CDN Amazon Cloudfront
データベース MySQL
アドネットワーク Twitter Ads
タグマネージャーGoogle Tag Manager
JavaScriptライブラリjQuery 1.11.1
PaaSAmazon Web Services
ロードバランサーAmazon ALB
A/B testing Google Optimize

WordPress(ワードプレス)とは

WordPress(ワードプレス)とは、サイトの作成やブログの作成などができるCMS(コンテンツ管理システム)の1つで、無料のソフトウェアです。Web関連技術が無い人でもサイト管理や記事投稿ができるため、世界中のサイトのおよそ4分の1はWordPressで構築されていると言われています。

Twitterウィジェットとは

Twitterタイムラインウィジェットとは、Twitter上で呟いた言葉がリアルタイムでホームページにも表示されるという連動機能です。

Facebookウィジェットとは

Facebook ページプラグインの埋め込み方法をご紹介します。
タイムラインをWebサイトに貼り付けることで、
「いいね!」を増やしたり、Facebookページだけで発信している情報をWebサイト上でも見てもらうことができるので宣伝効果があります。

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

Facebook Pixelとは

Facebook
Facebook

Facebookピクセルを設定すると、ウェブサイトで利用者がアクションを起こした場合にピクセルが実行されます。アクションには、例えばショッピングカートへのアイテムの追加や、購入などがあります。ピクセルはこれらのアクション(イベント)を受信します。アクションはイベントマネージャのFacebookピクセルページで表示できます。

Twitter Emoji(Twemoji)の使い方について

Twitter
Twitter

Unicode 10.0 と Emoji Ordering, v6.0 Beta に準拠した Twitter絵文字の一覧です。 カテゴリーや検索を使ってお好みの絵文字を探してクリックします

Apacheとは

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

PHPとは

PHP
PHP

PHPは “The PHP Group” によってコミュニティベースで開発されているオープンソースの汎用プログラミング言語およびその公式の処理系であり、特にサーバーサイドで動的なウェブページを作成するための機能を多く備えていることを特徴とする。

Amazon Cloudfrontとは

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

MySQLとは

MySQL
MySQL

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

Twitter Adsとは

Twitter
Twitter

Twitter広告とは、Twitter のタイムラインや検索結果に出すことができる広告です。広告メニューはプロモツイート、プロモアカウント、プロモトレンドの3種類がありそれぞれユーザーへの見え方や表示される場所が異なります。

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

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

AWS
AWS

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

Amazon ALBとは

AWS
AWS

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

Google Optimizeとは

Google Optimize
Google Optimize

Google が提供しているABテストを行うためのツールです。
タグを貼り付けるだけで、画面上の要素を変更可能となり、簡単にABテストを実施することができます。

藤原竜也さんのホームページのドメイン情報

Domain Information: [ドメイン情報]
a. [ドメイン名] HORIPRO.CO.JP
e. [そしきめい] かぶしきがいしゃほりぷろ
f. [組織名] 株式会社ホリプロ
g. [Organization] HoriPro Inc.
k. [組織種別] 株式会社
l. [Organization Type] Company
m. [登録担当者] KM12425JP
Contact Information: [担当者情報]
a. [JPNICハンドル] KM12425JP
b. [氏名] 柾田 和哲
c. [Last, First] Makita, Kazuaki
d. [電子メイル] makita@horipro.net
f. [組織名] 株式会社ホリプロ
g. [Organization] HoriPro Inc.
k. [部署]
l. [Division]
m. [肩書]
n. [Title]
o. [電話番号]
p. [FAX番号]
y. [通知アドレス] jpnic-staff@sakura.ad.jp
[最終更新] 2006/04/07 17:06:02 (JST)
jpnic-staff@sakura.ad.jp

藤原竜也さんのサイトのサーバー情報

使用サーバーAWS

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

AWS
AWS

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

藤原竜也さんのホームページの感想

参照

藤原竜也(フジワラ タツヤ) | ホリプロオフィシャルサイト

コメントを残す

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