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

制作概要

制作した目的

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

サイトでできること

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

使用言語

• HTML
• SCSS
• jQuery
• PHP
• SQL

サイトの使い方

トップページ

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

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

カテゴリーを選択

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

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

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

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

inputバーにテキストを入力

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

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

今回は「ctrl」と入力。

検索ページに移動

ページが変わります。

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

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

シングルページに移動

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

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

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

最後に

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

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

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