自己紹介 Self Introduction
私の名前は大宮太郎です。現在はディーキャリアITエキスパート大宮オフィスにて、プログラミング学習に取り組んでおります。
どうぞよろしくお願いいたします。
スキル skills
- ・HTML/CSS
- ・JavaScript
- ・PHP/MySQL
- ・WordPress
使用可能なツール tools
- ・Github
- ・Visual Studio Code
- ・Slack
- ・FileZilla
- ・Redmine
実装サンプル Sample
画像ギャラリー
-
夜の街並み
ビルの夜景が水面に反射し、幻想的な景観となっています。
-
高原の湖畔
高い標高に位置する湖畔とそこに生息する高原植物です。
-
紅葉の道
早朝の朝日に照らされた街路樹が、紅葉のトンネルを創り出しています。
-
虹色の色鉛筆
白い背景に虹の色をモチーフにした色鉛筆が並んでいます。
訓練課題
-
JavaScript：ピアノアプリ
概要 HTMLとJavaScriptで作成したピアノアプリです。
「ド・レ・ミ・ファ・ソ・ラ・シ」の各ボタンをクリックすると、それぞれに対応する音が鳴ります。
また、「自動演奏」ボタンをクリックすると、『きらきら星』または『チューリップ』のいずれかがランダムに自動演奏されます。
自動演奏中に「演奏中止」ボタンをクリックすると、自動演奏が中断されます。-
工夫した点
- レスポンシブ機能を実装し、小さい画面サイズでは「ド・レ・ミ・ファ・ソ・ラ・シ」の各ボタンを、押しやすい位置に配置しました。
-
Web Audio APIを使用することで音声コンテキストを作成し、音声コンテキスト内で音声データの設定を行いました。
音階には固有の周波数が存在するため、設定時に周波数を変更することで異なる音が鳴る仕組みとなっています。
-
PHP/MySQL：ECサイト
概要 PHPとMySQLを用いて作成したECサイトです。
新規ユーザー登録およびログイン機能を実装しており、ユーザーの管理が可能です。
ユーザーはログイン後、購入したい商品をカートに追加し、購入数の調整や取り消し操作を行うことができます。
「購入する」ボタンを押すと決済処理が実行され、在庫が不足していなければ決済が完了します。
決済完了後、該当商品はカートから削除され、決済完了ページに自動で遷移します。
過去に購入した商品は購入履歴に登録され、確認を行えます。
-
工夫した点
- 直観的で見やすいUIを意識し、レイアウトやボタン配置を設定しました。
-
入力ミスや誤登録を防ぐために、入力規則を設定し、ユーザーが送信した内容が入力規則に則っているかを
フロントエンド（HTML）・サーバーサイド（PHP）の両方で検証しています。
入力規則に則っていない場合は、エラーメッセージを表示し、規則違反の部分をユーザーに知らせるように設定しています。 - ユーザーパスワードは、漏洩リスクに備えて、ハッシュ化処理を行いデータベースに登録してあります。
-
WordPress
概要 WordPress用のオリジナルのテーマを作成し、カスタマイズを行いました。
パンくずリスト・お問い合わせフォームにはプラグインを使用しています。-
工夫した点
- ヘッダー・フッター・サイドバーなどの各ページで共通で用いられる部分は、共用パーツとして分離して使用しています。
- お問い合わせフォームでは、プラグインの「Contact Form 7」を用いることで、お問い合わせ時に自動で返信メールを送信するように設定してあります。