KAYO ARAI
Portfolio
KAYO ARAI
Portfolio
about
新井 桂代
KAYO ARAI
職業訓練でPython・PHPを学びながら、ITスキルの習得に励んでいます。
これまでECサイトに携わり、サイトリニューアル、ページ制作、販促企画、商品登録、受注処理など幅広い業務を経験いたしました。
今後は技術的な知識も活かしていきたいと考えています。
- # 完遂力
- # 好奇心旺盛
- # 長野生まれ
skill
-
Photoshop
写真加工・バナー制作・デザインカンプ作成
-
Illustrator
データ加工・入稿データ作成
-
XD / Figma
デザインカンプ制作・確認
-
HTML5
セマンティックな構造化
-
CSS3/SCSS
レスポンシブ・SCSS対応
Java Script
jQueryによる動的演出の実装
Python
Python3エンジニア認定基礎試験合格
PHP
Webフォーム実装 / DB連携
MySQL
基本的なCRUD操作
Analytics
Googleアナリティクスによる解析
Excel / Word
VLOOKUP・集計・文書作成
Business Tool
Backlog / Chatwork / Teams
works
-
使用言語PHP/HTML/CSS
click
大地の詩ECサイト
管理画面
主な機能
- ユーザー側（フロントエンド）
- 商品一覧・詳細表示： DBから取得した商品データを動的に出力しています。
- 買い物カート機能： セッションを活用した、商品の追加・数量変更・削除機能・在庫連動。
- 管理者側（バックエンド）
- 管理ログイン機能： 認証された担当者のみがアクセスできるセキュアな管理。
- 商品管理（CRUD）： 商品の新規登録（画像・説明・価格等）、既存情報の編集、削除機能。
技術ポイント
- セッション： 買い物カートの保持や、管理画面のログイン状態のチェックにセッション管理を導入し、ユーザー体験とセキュリティを両立。
- XSS対策： 商品説明やユーザー入力値のエスケープ処理。
- CSRF対策： トークン発行による、意図しない商品の書き換えや削除の防止。
- SQLインジェクション対策： PDOとプリペアドステートメントによる安全なクエリ実行。
- レスポンシブ： PC/スマホを問わず、商品の閲覧からカート操作までスムーズに行えるデザイン
使用技術
- 言語： PHP, HTML, CSS
- データベース： MySQL
- 機能要素： ショッピングカート、管理者認証、CRUD、セキュリティ対策
Link:ショッピングサイトへ
Link:管理画面
タイトル 大地の詩ECサイト（ショッピング画面・管理画面） 制作時間 40時間 内容 商品の閲覧・購入カート機能を持つユーザー向けショップサイトと、在庫や商品情報を操作する管理者向けバックオフィス機能をセットで開発しました。 - ユーザー側（フロントエンド）
-
使用言語PHP/HTML/CSS
click
つぶやき投稿コミュニケーションサイト
主な機能
- ユーザー認証機能： ログイン・ログアウト機能。セッションによるログイン状態の保持。
- つぶやき投稿機能： テキストの投稿、および投稿一覧の表示。
- 管理・編集機能： 自分の投稿の編集、および削除機能（CRUDの実装）
技術ポイント
- XSS対策： 投稿内容の出力時にサニタイズ（エスケープ処理）を行い、不正スクリプトの実行を防止。
- CSRF対策： 投稿や削除のフォームにワンタイムトークンを実装し、外部サイトからの不正操作を防御。
- SQLインジェクション対策：データベース操作にプリペアドステートメントを使用。
- データ構造とリレーション：ユーザー情報と投稿内容を紐付けるデータベース設計。
- セッション管理：ログイン情報のチェックや、ユーザーごとの権限管理にPHPセッションを活用。
使用技術
- 言語： PHP, HTML, CSS
- データベース： MySQL
- 機能要素： フォームバリデーション、セッション管理、レスポンシブデザイン
Link:サイトを見る
タイトル つぶやき投稿コミュニケーションサイト 制作時間 15時間 内容 PHPとMySQLを使用したリアルタイムな情報発信ができるSNS風の投稿プラットフォームです。 -
使用言語PHP/HTML/CSS
click
メモ管理システム
主な機能
- メモ一覧表示：登録されたメモをデータベースから取得し、一覧を表示。
- メモ作成・カテゴリ作成・編集・削除： メモの新規追加だけでなく、カテゴリ追加とカテゴリ一覧表示、内容の修正や不要になった情報の削除を設置。
- ユーザー認証（ログイン機能）： メモを個人ごとに管理するためのログイン・アクセス制限。
技術ポイント
- XSS対策： ユーザーが入力した特殊文字による予期せぬ挙動を防ぐため、出力時のエスケープ処理。
- CSRF対策： 更新・削除リクエスト時にトークン検証を行い、不正なリクエストをブロック。
- SQLインジェクション対策：データベース操作にプリペアドステートメントを使用。
- 状態保持と検証：セッションを利用したログイン状態のチェックを行い、認証されていないユーザーのアクセスを制限。
使用技術
- 言語： PHP, HTML, CSS
- データベース： MySQL
- 機能要素： CRUD処理、セッション管理、セキュリティバリデーション、レスポンシブデザイン
Link:サイトを見る
タイトル メモ管理システム 制作時間 10時間 内容 日常のタスクやアイデアを記録・整理するためのパーソナルメモ管理ツールです。シンプルで直感的なUIに加え、バックエンドではPHPとMySQLを連携させました。 -
使用言語HTML/CSS
-
使用言語python
click
調味料分量換算ツール
主な機能
- 相互換算ロジック：1単位に入力すると全単位に変換し反映される双方向計算に対応。
- 主要調味料のデータ保持： 家庭でよく使われる調味料ごとの比重（大さじ1あたりの重量）を定義。
- エラーハンドリング： 無効な選択肢が入力された際の再試行処理など、プログラムが正常に動作し続けるための制御。
技術ポイント
- 条件分岐によるデータ処理： if-elif構文を用い、選択された調味料に応じて適用する係数（比重）を正確に切り替えるロジックを実装。
- 計算精度の確保： 調味料ごとの比重を考慮したアルゴリズムで、実用性の高い数値で設計。
使用技術
- 言語： Python 3.x
- 標準機能： ユーザー入力の取得（input）、型変換（int, float）、条件分岐（if-elif-else）、繰り返し処理（while）
- 機能要素： 単位換算アルゴリズム、対話型CLIアプリ開発
Link:コードを見る
タイトル 調味料分量換算ツール 制作時間 10時間 内容 調味料の「大さじ・小さじ」、「グラム」、「ミリリットル」を相互に変換する計算アプリケーションです。調味料ごとに異なる比重をデータとして持ち、正確な計量を目的としました。 -
使用言語python
click
デスクトップ地震モニター
主な機能
- 最新情報の自動取得：APIで外部データ情報を読み込み最新情報を取得。
- 地震詳細の表示： マグニチュード5.0以上かつ最大震度3以上の地震情報を自動でフィルタリング。
- データのパース処理： JSONファイルを読み込み、Pythonプログラムで変換処理。
技術ポイント
- 抽出と変換： APIレスポンス（辞書型・リスト型）の中から、必要な情報を特定して抽出するロジックを実装。
- Tkinterによる軽量なGUI構築： Python標準のtkinterを採用し、低リソースで軽快に動作するウィンドウ。
- SQLインジェクション対策：ラベルを適切に配置し、フォントサイズやレイアウトを調整することで、情報の視認性を高めています。
使用技術
- 言語： Python 3.x
- ライブラリ： tkinter（GUI）、requests、json
- 機能要素： Web API連携、JSONパース、デスクトップアプリケーション開発
Link:コードを見る
タイトル 地震データ収集アプリ 制作時間 12時間 内容 P2P地震情報APIから最新2週間の観測データを取得し、デスクトップ上に表示するシンプルなGUIアプリケーションです。マグニチュード5以上かつ最大震度3以上の地震を表示します。
contact
