こんにちは!
熱しやすく冷めやすいミーハーです。

ミーハー
ミーハー
今回は、ショートカットキー検索サイトを作ったので、紹介します。

制作概要

制作した目的

  • ショートカットキーがまとまったサイトがなく、ユーザーがすぐに検索できるサイトが欲しかったから。
  • 用途が異なるWindowsやエクセル・ワード等を一つのサイトで検索および管理したかったから。

サイトでできること

  • 用途別ショートカットキーの検索
  • 使用頻度の高いショートカットキーの検索

使用言語

  • HTML
  • SCSS
  • jQuery
  • PHP
  • SQL

サイトの使い方

トップページ

上記画像がトップページです。

Googleを意識したシンプルなデザインにしました。

カテゴリーを選択

2022年2月7日時点

カテゴリーから調べたいショートカットキーを選択します。選択しないでも検索できます。

  • Excel
  • GIMP
  • Mac
  • Outlook
  • VScode
  • Windows
  • Word
  • Googleスプレッドシート

今後、カテゴリーを増やしていきます。

今回は、Windowsを選択します。

inputバーにテキストを入力

検索バーに任意のキー、文字を入れます。

そして、検索ボタンをクリックorエンターキーを押します。

今回は「ctrl」と入力。

検索ページに移動

パソコンレスポンシブ

ページが変わります。

スマホ版では、コンテントは表示していません。

このページでも検索可能です。

シングルページに移動

任意の青文字をクリックすると、シングルページに移動し、詳細が確認できます。

使用頻度の高いショートカットキーの検索

使用頻度の高いショートカットキーは、「◎(にじゅうまる)」で検索できます。

最後に

このサイトを製作したことによって、PHP言語でできること、SQLを通しての検索の仕組みを理解することができました。

このサイトに需要があるとは思えませんが、製作した達成感があるので、結果良しです。
まだまだ、PHP言語習得には遠そうです(´;ω;`)ウゥゥ

ョートカットキー検索サイトはこちら

ミーハー
ミーハー
以上。Webサイト紹介ブログでした。