日経225企業（技術・自動車）のホームページWEB技術一覧
目次
日産自動車（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v1.11.0 ・jQuery Browser Plugin v0.0.6 ・Sizzle.js v1.10.16 |
| 文字エンコード | UTF-8 |
備考
- Sizzle.jsはセレクタエンジンのライブラリ
- jQuery Browser Pluginはブラウザ判別ライブラリ
いすゞ自動車（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML4.01 |
| クライアントサイド | JavaScriptライブラリ ・SlidesJS 1.19 |
| 文字エンコード | Shift_JIS |
備考
- まだHTML4.01とShift_JISを使っている
- おそらくjQueryが使われているがそのJSファイルが見当たらない
- SlidesJSはレスポンシブとタッチに対応したスライドライブラリ
トヨタ自動車（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v3.3.1 ・slick v1.6.0 |
| 文字エンコード | UTF-8 |
備考
- slickはレスポンシブル対応のスライダーライブラリ
日野自動車（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v2.2.0 ・jquery-match-height 0.7.2 ・slick v1.9.0 ・BxSlider v4.2.12 |
| 文字エンコード | UTF-8 |
備考
- jquery-match-heightはすべての選択した要素の高さを一致させるライブラリ
- slickはレスポンシブル対応のスライダーライブラリ
- BxSliderはjQuery用のスライダーライブラリ、ベルギーエールを飲んでジャズを聴きながら書いたそうだ
三菱自動車工業（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v1.9.1 ・jQuery UI v1.12.1 ・jQuery Easing v1.4.0 ・Modernizr 2.8.3 ・Velocity.js 1.3.2 ・FancyBox 2.1.5 ・Hammer.JS v2.0.8 ・slick v1.6.0 ・UAParser.js v0.7.14 ・Underscore.js 1.8.3 ・moment.js 2.18.1 |
| サーバ－サイド | Node.jsライブラリ ・npm：object-fit-images v3.2.3 |
| 文字エンコード | UTF-8 |
| WEBフレームワーク | Node.js（サーバーサイド） |
備考
- jQuery Easingはエフェクトの速度を変えられるライブラリ
- Modernizrはページを閲覧しているブラウザの対応状況をページに表示するライブラリ
- Velocity.jsはアニメーション高速化ライブラリ
- FancyBoxはLightBox系ライブラリ
- Hammer.JSはタッチジェスチャー実装用ライブラリ
- slickはレスポンシブル対応のスライダーライブラリ
- UAParser.jsはユーザのブラウザ、エンジン、OS、CPU、デバイスを解析するライブラリ
- object-fit-imagesは機能をサポートしていないブラウザに機能を実装するNode.jsライブラリ
- Underscore.jsはJavaScriptを簡潔に書く用ライブラリ
- moment.jsは日付計算用ライブラリ
マツダ（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v1.11.1 ・jQuery CSS Customizable Scrollbar 0.2.8 ・Velocity.js 1.0.0 ・es5-shim ・handlebars v2.0.0 ・Parsleyjs 2.0.6 ・Respond.js v1.4.2 ・matchMedia() polyfill ・moment.js 2.10.2 ・jQuery dotdotdot 1.6.16 ・Sticky-kit v1.0.4 |
| 文字エンコード | UTF-8 |
備考
- JavaScriptでヘッダにUTF-8指定を挿入している
- jQuery CSS Customizable ScrollbarはスクロールバーのCSSをカスタマイズするライブラリ
- Velocity.jsはアニメーション高速化ライブラリ
- es5-shimはECMAScript 5と昔のJavaScriptとの互換性を保つライブラリ
- handlebarsはHTMLのテンプレート作成ライブラリ
- Parsleyjsはバリデーションライブラリ
- Respond.jsは、IE6以上で動作するメディアクエリ用のライブラリ
- matchMedia() polyfillはJavaScriptにおけるメディアクエリをテストするときのためのライブラリ
- moment.jsは日付計算用ライブラリ
- jQuery dotdotdotは点線を引くためのライブラリ
- Sticky-kitはスクロールに要素を追従させるライブラリ
本田技研工業（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v2.2.0 ・Modernizr 2.6.2 ・Sizzle.js |
| 文字エンコード | UTF-8 |
| WEBフレームワーク | GSAP 3.1.1（アニメーション） |
備考
スズキ（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v1.11.3 ・jQuery Easing v1.4.0 ・selectivizr v1.0.2 ・HTML5 Shiv 3.7.0 ・jQuery FlexSlider v2.5.0 |
| 文字エンコード | UTF-8 |
備考
- jQuery Easingはエフェクトの速度を変えられるライブラリ
- selectivizrはIE6～8でCSS3の疑似クラスと属性セレクタをエミュレートするためのライブラリ
- HTML5 Shivは古いブラウザでもHTML5が崩れないように表示できるようにするライブラリ
- jQuery FlexSliderは万能のスライダーライブラリ
（株）ＳＵＢＡＲＵ
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v2.1.4 ・jQuery Cookie Plugin v1.4.1 ・Velocity.js 1.4.1 ・jquery mousewheel plugin 3.1.3 ・slick v1.6.0 |
| 文字エンコード | UTF-8 |
| WEBフレームワーク | Vue.js v2.2.6（UI） |
備考
- JavaScriptファイルから、どこかにWordpressを使っていることがわかる。
- Velocity.jsはアニメーション高速化ライブラリ
- jquery mousewheel pluginはマウスのサポートをするライブラリ
- Vue.jsはUIのためのフレームワーク
- slickはレスポンシブル対応のスライダーライブラリ
ヤマハ発動機（株）
調査結果
リンク：閲覧時サイト魚拓
| 技術 | 種類 |
| マークアップ言語 | HTML5 |
| クライアントサイド | JavaScriptライブラリ ・jQuery v2.2.0 ・menu-aim ・Colorbox 1.6.3 ・Layzr.js 2.0.2 ・smooth-scroll v9.1.1 ・Swiper 3.3.1 ・picturefill v3.0.2 |
| 文字エンコード | UTF-8 |
備考
- menu-aimは大きなドロップダウンを表示するライブラリ
- ColorBoxはLightBox系ライブラリ
- Layzr.jsは画像の遅延読み込み用のライブラリ
- smooth-scrollはスムーススクロール用ライブラリ
- SwiperはjQueryを使う必要がない高機能スライダーのライブラリ
- picturefillはレスポンシブイメージ用ライブラリ
広告
自動車業界研究用。
リンク