名言一覧しゃべる名言サイト
名言一覧しゃべる名言サイト
ミーハー
ミーハー
名言一覧サイトを製作しましたので、紹介します。

前にも名言サイトは作りましたが、サイトURLを移行したのと、名言人物画像を追加したので、アップデートしました!

前回の名言サイトはこちら↓

制作概要

使用言語

  • HTML
  • SCSS
  • jQuery
  • JavaScript
  • PHP
  • SQL

サイトの説明

トップページ

名言一覧サイト

トップに表示される名言も検索バーの下に表示される名言もランダムで出てきます。

上画のトップの名言はSPY×FAMILYのロイド・フォージャーの名言でした!!

304名言と記載されている箇所は、名言が表示されている数を記載しています。現地点では、全部で304個の名言が登録されています。

再生ボタンをクリックするとトップに表示されている名言を話します。その名言終了後、ランダムで新たな名言が表示され、また、その明言を話します。これを繰り返します。止める場合は停止ボタンを押してください。

進ボタンをクリックすると、トップに表示されている名言が切り替わります。

検索ページに移動

例)検索バーに「ドラゴンボール」と入力

検索ボタンまたは、Enterを押すと検索ページに移動します。

ドラゴンボールの名言

ドラゴンボールの名言が全22名言表示されました。

ここでも、再生ボタン、進ボタンのクリック可能です。

例)検索バーの直下の「戦闘力・・・」の名言をクリックします。

シングルページに移動

ラディッツの名言

ここでも再生ボタンをクリック可能です。ひたすら同じ名言を繰り返しますがww

一番下のTopを押すとトップページに移動します。

その他の機能

人物名をクリックすると検索バーに表示される

例)「ソクラテス」をクリック

検索バーにソクラテスと記載されます。

また、トップ名言に表示されている名言をクリックしても、人物名が検索バーに表示されます。

最後に

前回の名言サイトでは、ユーザーが登録可能でしたが、まだその機能はつけておりません。

必要だと判断したらつけたいと思います。

名言数はまだ少ないですが、都度追加していきたいます。(ニッチな名言も!)
ちなみに私が尊敬している「おろちんゆー」さんの名言も追加していますww

前回の名言サイトはこちら↓

今回の名言一覧サイトはこちら↓

アインシュタインの名言
ミーハー
ミーハー
以上。Webサイト紹介ブログでした。