PORTFOLIO
WORKS
-
作品投稿サイト『 DROP FROG 』
PHPフルスクラッチで構築した作品です。 ■作業時間 企画〜画面設計: 全36画面 20h テーブル設計: 全21テーブル 8h 画面モック: 全24画面 60h 機能構築〜デプロイ: 230h 合計: 318h ■…
-
カフェ『 DRIP 』
カフェ用完全自作WordPressテンプレートのデモサイトです。 ■概要 WordPressテンプレート作りの練習で、管理側の機能の充実を目指した作品です。 各画像・動画、コンセプト・アクセスの文字列全ては利用者が自由に…
-
TODOアプリ
Vue.jsの学習で作ったTODOアプリです。 ■概要 ローカルストレージを使用してデータの保存をしています。 故意にキャッシュをクリアしない限り、データは残ります。 サーバーは使用せず、ブラウザ側に保存するので、機密情…
-
ポートフォリオサイト
このサイト。完全自作WordPressテンプレート。 ■概要 ポートフォリオ用に作ったサイトです。どんな作品をどのように作ったのか、どんなスキルを持っているのかが伝われば幸いです。 ■使用言語 HTML・CSS(SCSS…
-
町とダンジョン
RPG風のタイピングゲームです。PHPオブジェクト指向の勉強のために、classを用いて作りました。 ■概要 お題は色んな言語の関数名、タグ名等 冒険者、モンスターの行動は共に、攻撃・回避選択した冒険者の職業で、レベルア…
-
CATCH THE MONSTER
パネルに隠れながら動き回るモンスターを捕まえるゲームです。JavaScriptのオブジェクト指向、アニメーションとCSSのアニメーションの練習で作りました。 主にjQueryで作成。 ■概要 モンスターは3種類。モンスタ…
ABOUT

TAKUYA INATSUGI
1991年、福岡県生まれ。 工業校を卒業し、工場にて10年勤務。 業務内容は品質管理。 心機一転、2022年5月からWEBプログラミングを学習。 ■使用可能言語 HTML・CSS ・JavaScript・PHP ■開発環境 OS • MacOSMonterey ローカルサーバー • MAMP タスクランナー( Gulp ) • browsersyncでの自動リロード、ローカルサーバー起動 • Sassのコンパイル • HTML/CSS/JavaScript の圧縮・最適化・コメントの削除 • webpackでのJavaScriptモジュールバンドル、テンプレートエンジンの導入 • BabelでのJavaScriptのトランスパイル
SKILL
-
HTML / CSS
レスポンシブデザイン、sass記法での記述が可能。CSS設計はBEM、FLOCSSを用いて保守性の高い記述が可能。
-
javaScript / jQuery
基本的なDOM操作、イベントハドリング、アニメーションやAjaxでの非同期通信が可能。
-
PHP
フルスクラッチでバリデーション、DBへ接続、データの入出力、ログイン認証等の機能を有した動的なWEBサイトが制作可能。セキュリティを考慮したサニタイズやハッシュ化も実装可能。
-
WordPress
サイトのWP化、簡単なテーマが作成可能。管理画面のデザイン変更やカスタムメニュー、カスタムフィールド、カスタムウィジェット、カスタム投稿等の機能が実装可能。
-
Vue.js
TODOアプリが作れる程度
-
React.js
TODOアプリが作れる程度