☆index.html☆ naodaiHP

和田尚大のホームページ

ABOUT

名前 : 和田 尚大(わだなおと)

社員番号 : 22158

出身 : 大阪府寝屋川市

連絡先メールアドレス : n-wada@himacs.co.jp

☆summary.html☆ naodaiHP

自己紹介概要ページ

SUMMARY

 Profile

名前 : 和田尚大(わだなおと)

社員番号 : 22158

 ひとこと

こんにちは。

2022年入社の和田尚大と申します。

これからよろしくお願いいたします。

☆detail.html☆ naodaiHP

自己紹介詳細ページ

DETAIL

目次

1. 自己紹介

名前 : 和田尚大(わだなおと)

社員番号 : 22158

こんにちは。わだなおとです。

ここでは、私のプロフィールについて、より詳細に書きたいと思います。

これを見て興味を持ってくれた方、ぜひ仲良くしてください。

2. 趣味・偏愛マップ

ここでは、私の趣味について説明します。

左の偏愛マップに記載のある趣味やその他の趣味もあるので、是非最後まで見てください。

共通の趣味がある人や、興味を持ってくれた人、仲良くしましょう!

2-1. ライブ

趣味の1つであり、偏愛マップの左側に記載のあるライブについて、説明します。

ホームページのいくつかの写真からも分かるように、私の趣味はライブに行くことです。主にバンドのライブによく行きます。

ライブには、音源や動画などでは感じられない演奏やパフォーマンスなど魅力がたくさんあります。

その中でも、特におすすめのアーティストを5組紹介します。

1. 04 Limited Sazabys

フォーリミテッドサザビーズ(フォーリミ)と呼びます。

このバンドの魅力は、ボーカルの声です。

男性の中では、かなりのハイトーンボイスで、誰も真似できないフォーリミだけの世界を味わえます。

また、アップテンポでテンションの上がる曲も多く、楽しめます。

2. ポルカドットスティングレイ

このバンドの魅力は、ライブがとても楽しいことです。

ライブには、アーティストや曲によって様々な振り付けがあり、それをライブ中にすることで、全身でライブを楽しむことが出来ます。そのライブの振り付けは、ライブに複数回行かないと中々覚えることが出来ません。

しかし、ポルカのライブでは、ライブ中にマネージャーがアーティストの横に立ち、振り付けのお手本をしてくれます。その為、ライブ初心者でも、簡単に曲に合った振り付けを真似でき、とても楽しめます。

3. SUPER BEAVER

このバンドの魅力は、ボーカルの歌唱力の高さです。

ボーカルの歌がとても上手く、知らない曲でも、がっつり聞き入ってしまうほどの魅力があります。

また、ライブ中のMCもとても上手く、ライブに参加したファンに必ず感動を与えてくれます。

是非、ライブに行って、その歌唱力を肌で味わってほしいです。

4. ハルカミライ

このバンドの魅力は、ライブ中のパフォーマンスです。

ボーカルやドラムが、上半身裸になって演奏したり、寒い野外のライブで水を自分にかけながら演奏をするなど、とても面白いです。

また、ボーカルの歌唱力も高く、寝転んだり、どんな体制でも、きれいな声の歌が聞けます。裏声もとてもきれいで、魅了されます。

サブスクにない曲も多く、その中にも良い曲(カントリーロード,ファイト!,宇宙飛行士etc)が沢山あるので、是非Youtubeなどで聞いていただきたいです。

5. THE ORAL CIGARETTS

ジ・オーラルシガレッツ(オーラル)と読みます。

このバンドの魅力は、かっこよさです。

容姿だけでなく、曲や演奏がとてもかっこよく、ライブに行くと魅了されます。

また、ライブ中の振り付けも、ジャンプするものや頭を振るものなど激しい振り付けが多く、まさに体全身を使ってライブを楽しむことが出来ます。

画像引用元

  1. 04 Limited Sazabys OFFICIAL WEB SITE
  2. ポルカドットスティングレイ
  3. SUPER BEAVER OFFICIAL WEB
  4. ハルカミライ official website
  5. THE ORAL CIGARETTES

2-2. ごはん

偏愛マップにも記載のあるように、私は食事の好き嫌いがとても激しいです。

実際に、ハイマックスの内定式や入社式でいただいたお弁当は、ほとんど食べられませんでした。

偏愛マップにもありますが、好きなものリスト・嫌いなものリストを再度まとめます。

ごはんに誘う際の参考にしてください。(外食は基本的になんでもうまいとおもいます。)

like : 好きなもの

  1. 安い飯
  2. ミスタードーナツ
  3. 焼肉
  4. マンゴー
  5. MOYASHI

dislike : 嫌いなもの

  1. 無駄に高い飯(懐石料理とか)
  2. 懐石料理にある変なゼリーみたいなやつ
  3. きのこ類(えのき以外)
  4. たけのこ
  5. きくらげ
  6. めんま
  7. れんこん
  8. ブロッコリー
  9. 乳製品(牛乳とかチーズ)
  10. 安すぎるカップ麺(一個80円とかで売ってるやつ)
  11. たまに焼き魚に乗ってるピンクと白のやつ
  12. その他まずいごはん

2-3. お金

私は、お金が好きです。

お金があれば、この世のことは何でもできます。

そのために、私はお金を増やします。

1. パチンコ

パチンコは、手軽にお金を増やしに行けるので、おすすめです。町中どこにでもあり、仕事帰りにも行くことが出来ます。

今のおすすめ台は、大工の源さん超韋駄天BLACKです。

ほかにも、ガンダムやエヴァンゲリオン、Re:ゼロから始める異世界生活など、アニメの台も様々あるので、アニメ好きにもおすすめなお金の増やし方だと思います。

2. 競馬

競馬は、一番有名なギャンブルではないでしょうか。

100円が数百万、数千万円になる可能性がある、夢のあるギャンブルです。今の人生を変えたい方におすすめです。

また、週末のG1競馬は、テレビでもやっていて、スマホで投票もできるので、簡単にできます。

興味のある方は、教えます。一緒にやりましょう。

3. ボート

ボートレースは、会場に見に行きたいお金稼ぎの1つです。

入場料は100円と安く、目の前で選手たちがレースをしている姿は、とても迫力があります。

競馬と異なり、6艇しか出走しないため、1,2,3着を順に当てる3連単も120通りでとても当てやすいです。

コツコツと着実にお金を増やしたい方におすすめできます。一緒に見に行きましょう。

3. おわりに

ここまで読んでくれた皆様、ありがとうございました。

ごはんやライブ、お金稼ぎなど、一緒に行きましょう。

皆さんの趣味も教えていただき、一緒にしてみたいです。(ゲームとかいろいろ)

さようなら

☆style.css☆ body { background: rgb(252, 240, 174); margin: 0; font-family: serif; } /* ヘッダー */ header { height: 150px; width: 95%; background: rgb(255, 187, 99); border-radius: 20px; border: 3px solid rgb(102, 0, 116); margin: auto; margin-top: 10px; margin-bottom: 50px; text-align: center; } header>h1>p { font-size: 45px; font-weight: bold; } /* スライダーの設定 */ img { width: 97%; height: 16.3%; border-radius: 30px; border: 3px solid #000; margin: auto; } .slider { visibility: hidden; width: 30%; margin: auto; } .slider.slick-initialized { visibility: visible; } .slick-prev:before, .slick-next:before { color: #000; } .slick-next { right: -10%; } .slick-prev { left: -10%; } .slick-prev, .slick-next { width: 40px; height: 40px; } .slick-prev:before, .slick-next:before { font-size: 40px; } /* ボタン */ .btn { padding-top: 20px; padding-bottom: 20px; text-align: center; margin-bottom: 100px; } .btn>button { width: 150px; height: 50px; margin: 0 20px; /*ボタンを等間隔に配置*/ font-size: 18px; border-radius: 10px; background-color: rgb(140, 213, 255); cursor: pointer; } .btn>button:hover { background-color: rgb(204, 236, 255); } #notbtn { background-color: rgb(204, 236, 255); cursor: initial; } /* 簡易プロフィール */ .profile{ width: 70%; padding-bottom: 5%; background: #fff; margin: auto; border-radius: 30px; outline: 5px solid rgb(253, 221, 37); border: 5px solid rgb(207, 207, 207); } .profile > .brokeone{ margin-top: 5%; margin-left: 15%; display: flex; } .brokeone > img{ width: initial; height: initial; border-radius: initial; border: initial; width: 30%; height: 30%; } .profile > .brokeone > div{ width: 40%; } .profile > .brokeone > div > h1{ font-size: 25px; } .profile > .brokeone > div > p{ padding-left: 5%; font-size: 18px; } .profile > .brokeone > div > p > #mail{ text-decoration: none; color: rgb(38, 0, 255); } .profile > .brokeone > div > p > #mail:hover{ color:rgb(255, 215, 37) } /* ページトップボタンスタイル */ #page_top:hover { background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255, 0.8); } #page_top { width: 50px; height: 50px; position: fixed; right: 10px; bottom: 10px; background: #0f0e0d; color: #fff; border-radius: 50%; text-align: center; font-weight: bold; padding: 0.7em; transition: 0.3s0; opacity: 0.6; display: none; animation: late-open 0.5s ease-in 1s forwards; } #page_top::before { content: "TOP"; font-size: 20px; color: rgb(255, 255, 255); position: absolute; width: 48px; height: 65px; top: 100; right: 0; left: 0; margin: auto; text-align: center; } /* フッター */ footer { margin-top: 100px; height: 150px; background: rgb(255, 208, 0); width: 100%; text-align: center; } footer>p { color: gray; padding-top: 50px; } .footer-menu { padding-left: 30px; padding-top: 5px; list-style: none; } .footer-menu > li { display: inline-block; margin-top: 10px; margin-left: 20px; } .footer-menu>li>a { text-decoration: none; color: #000; font-weight: 800; font-size: 18px; } .footer-menu>li>a:hover { opacity: 0.3; } ☆summary.css☆ body{ background: rgb(252, 240, 174); margin: 0; font-family: serif; } /* ヘッダー */ header{ height: 150px; width: 95%; background: rgb(255, 187, 99); border-radius: 20px; border: 3px solid rgb(102, 0, 116); margin: auto; margin-top: 10px; text-align: center; } header > h1 > p{ font-size: 45px; font-weight: bold; } /* ボタン */ .btn{ padding-top: 20px; padding-bottom: 20px; text-align: center; border-bottom: 3px solid; } .btn > button { width: 150px; height: 50px; margin: 0 20px; /*ボタンを等間隔に配置*/ font-size: 18px; border-radius: 10px; background-color: rgb(140, 213, 255); cursor: pointer; } .btn > button:hover{ background-color: rgb(204, 236, 255); } #notbtn{ background-color: rgb(204, 236, 255); cursor: initial; } /* 本文 */ #pagetop{ text-align: center; font-size: 60px; color: yellow; -webkit-text-stroke: 1px black; } .summary{ width: 50%; background: white; padding-bottom: 30px; margin: auto; } img{ width: 100%; } .sumprofile{ padding-left: 5%; padding-right: 5%; } .sumprofile > h1{ font-size: 30px; border-left: solid 6px rgb(255, 208, 0); margin-right: 5px; } .sumprofile > p{ font-size: 20px; padding-left: 5%; line-height: 15px; } .summary>.sumprofile>#map{ text-align: center; vertical-align: middle; padding-top: 8%; padding-bottom: 2%; font-size: 25px; } /* ページトップボタンスタイル */ #page_top:hover { background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255, 0.8); } #page_top { width: 50px; height: 50px; position: fixed; right: 10px; bottom: 10px; background: #0f0e0d; color: #fff; border-radius: 50%; text-align: center; font-weight: bold; padding: 0.7em; transition: 0.3s0; opacity: 0.6; display: none; animation: late-open 0.5s ease-in 1s forwards; } #page_top::before { content: "TOP"; font-size: 20px; color: rgb(255, 255, 255); position: absolute; width: 48px; height: 65px; top: 100; right: 0; left: 0; margin: auto; text-align: center; } /* フッター */ footer { margin-top: 100px; height: 150px; background: rgb(255, 208, 0); width: 100%; text-align: center; } footer>p { color: gray; padding-top: 50px; } .footer-menu { padding-left: 30px; padding-top: 5px; list-style: none; } .footer-menu > li { display: inline-block; margin-top: 10px; margin-left: 20px; } .footer-menu>li>a { text-decoration: none; color: #000; font-weight: 800; font-size: 18px; } .footer-menu>li>a:hover { opacity: 0.3; } ☆detail.css☆ body { background: rgb(252, 240, 174); margin: 0; font-family: serif; } /* ヘッダー */ header { height: 150px; width: 95%; background: rgb(255, 187, 99); border-radius: 20px; border: 3px solid rgb(102, 0, 116); margin: auto; margin-top: 10px; text-align: center; } header>h1>p { font-size: 45px; font-weight: bold; } /* ボタン */ .btn { padding-top: 20px; padding-bottom: 20px; text-align: center; border-bottom: 3px solid; } .btn>button { width: 150px; height: 50px; margin: 0 20px; /*ボタンを等間隔に配置*/ font-size: 18px; border-radius: 10px; background-color: rgb(140, 213, 255); cursor: pointer; } .btn>button:hover { background-color: rgb(204, 236, 255); } #notbtn { background-color: rgb(204, 236, 255); cursor: initial; } /* 目次 */ .mokuji { width: 60%; margin: auto; } .mokuji>h1 { margin-left: 8%; font-size: 25px; } .mokuji>#table { width: 25%; margin-left: 8%; background-color: #fffcf4; border-radius: 15px; border: 2px solid rgb(255, 208, 0); list-style: none; margin-bottom: 70px; } .mokuji>#table>li { padding-top: 1%; padding-bottom: 1%; } .mokuji>#table>li>a { text-decoration: none; font-weight: bold; color: rgb(43, 43, 255); } .mokuji>#table>li>a:hover { color: rgb(255, 208, 0); } /* 本文 */ .detail { width: 70%; padding-bottom: 5%; background: #fff; margin: auto; border-radius: 30px; outline: 5px solid rgb(253, 221, 37); border: 5px solid rgb(207, 207, 207); } .detail>h1 { padding-top: 30px; padding-left: 1%; width: 94%; margin: auto; border-bottom: 3px solid rgb(255, 187, 99); border-radius: 5px; } .detail>h2 { margin-top: 3%; padding-left: 5%; } .detail>h3 { margin-top: 3%; padding-left: 6%; } /* 自己紹介 */ .detail>#myname { margin-top: 2%; margin-left: 8%; font-weight: bold; } .detail>.introduction { margin-top: 5%; margin-left: 8%; display: flex; } .detail>.introduction>div { width: 60%; padding-right: 2%; } .detail>.introduction>img { margin-top: 3%; width: 30%; height: 30%; } /* 趣味 */ .detail>.favorite { margin-top: 5%; margin-left: 8%; display: flex; } .detail>.favorite>div { width: 60%; padding-left: 8%; padding-right: 3%; } .detail>.favorite>img { margin-top: 3%; width: 35%; height: 35%; } /* ライブ */ .detail>.live { margin-top: 2%; margin-left: 8%; display: flex; } .detail>.live>div { width: 60%; padding-right: 2%; } .detail>.live>img { width: 27%; height: 27%; } span { font-weight: bold; color: rgb(255, 119, 119); } .detail>.lim, .detail>.polka, .detail>.beaver, .detail>.hm, .detail>.oral { margin-top: 2%; margin-left: 8%; display: flex; } .detail>.lim>div, .detail>.polka>div, .detail>.beaver>div, .detail>.hm>div, .detail>.oral>div { width: 55%; padding-right: 2%; } .detail>.lim>img, .detail>.polka>img, .detail>.beaver>img, .detail>.hm>img, .detail>.oral>img { margin-left: 5%; margin-right: 1%; width: 30%; height: 30%; margin-top: 2%; } #reftable { background-color: #e9e7e3; border-radius: 8px; width: 90%; margin: auto; padding: 0.5em 0.5em 0.5em 2em; list-style: none; } h4 { border-left: 3px solid gray; margin-top: 30px; font-size: 24px; margin-left: 5%; } h4>a{ margin-left:1%; } #reftable>li>a:hover, #table>li>a:hover, #chap3page>p>a:hover { color: red; } /* ごはん */ .mesi{ margin-left:5%; width: 90%; } .mesi>#like{ border-left: 5px solid rgb(255, 118, 118); border-radius: 20px; font-size: 20px; } .mesi>#like>a{ margin-left: 1%; } .mesi>#dislike{ border-left: 5px solid rgb(139, 118, 255); border-radius: 20px; font-size: 20px; } .mesi>#dislike>a{ margin-left: 1%; } /* お金 */ .money{ width: 90%; margin-left: 5%; } .detail>.pati, .detail>.uma, .detail>.boat{ margin-top: 2%; margin-left: 8%; display: flex; } .detail>.pati>div, .detail>.uma>div, .detail>.boat>div{ width: 55%; padding-right: 2%; } .detail>.pati>img, .detail>.uma>img, .detail>.boat>img{ margin-left: 5%; margin-right: 1%; width: 30%; height: 30%; margin-top: 2%; } /* 終わりに */ .last{ margin-left:5%; } /* ページトップボタンスタイル */ #pagetop { text-align: center; font-size: 60px; color: yellow; -webkit-text-stroke: 1px black; } #page_top:hover { background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255, 0.8); } #page_top { width: 50px; height: 50px; position: fixed; right: 10px; bottom: 10px; background: #0f0e0d; color: #fff; border-radius: 50%; text-align: center; font-weight: bold; padding: 0.7em; transition: 0.3s0; opacity: 0.6; display: none; animation: late-open 0.5s ease-in 1s forwards; } #page_top::before { content: "TOP"; font-size: 20px; color: rgb(255, 255, 255); position: absolute; width: 48px; height: 65px; top: 100; right: 0; left: 0; margin: auto; text-align: center; } /* フッター */ footer { margin-top: 100px; height: 150px; background: rgb(255, 208, 0); width: 100%; text-align: center; } footer>p { color: gray; padding-top: 50px; } .footer-menu { padding-left: 30px; padding-top: 5px; list-style: none; } .footer-menu>li { display: inline-block; margin-top: 10px; margin-left: 20px; } .footer-menu>li>a { text-decoration: none; color: #000; font-weight: 800; font-size: 18px; } .footer-menu>li>a:hover { opacity: 0.3; } ☆main.js☆ $(document).ready(function () { $('.slider').slick({ autoplay: true, // 自動再生を設定 autoplaySpeed: 4000, // スライド切り替えの時間を設定 dots: true, // インジケーターを表示 }); });//スライドショー $(function () { var topBtn = $('#page_top'); topBtn.hide(); //ボタンの表示設定 $(window).scroll(function () { if ($(this).scrollTop() > 200) { // 画面を80pxスクロールしたら、ボタンを表示する topBtn.fadeIn(); } else { // 画面が80pxより上なら、ボタンを表示しない topBtn.fadeOut(); } }); // ボタンをクリックしたら、スクロールして上に戻る topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); });//ページトップスクロールボタン ☆summary.js☆ $(function () { var topBtn = $('#page_top'); topBtn.hide(); //ボタンの表示設定 $(window).scroll(function () { if ($(this).scrollTop() > 200) { // 画面を80pxスクロールしたら、ボタンを表示する topBtn.fadeIn(); } else { // 画面が80pxより上なら、ボタンを表示しない topBtn.fadeOut(); } }); // ボタンをクリックしたら、スクロールして上に戻る topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); });//ページトップスクロールボタン ☆detail.js☆ $(function () { var topBtn = $('#page_top'); topBtn.hide(); //ボタンの表示設定 $(window).scroll(function () { if ($(this).scrollTop() > 200) { // 画面を80pxスクロールしたら、ボタンを表示する topBtn.fadeIn(); } else { // 画面が80pxより上なら、ボタンを表示しない topBtn.fadeOut(); } }); // ボタンをクリックしたら、スクロールして上に戻る topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); });//ページトップスクロールボタン $(function () { $('a[href^="#"]').click(function () { var adjust = 0; var speed = 400; var href = $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top + adjust; $('body,html').animate({ scrollTop: position }, speed, 'swing'); return false; }); });//目次のリンク先スクロール