2023-10

js

next.js ssr ssg isr

NEXT.JSで電車の遅延情報を表示するサイトを作ろうとしました。 SSR,SSG,ISRのいいところと悪いところを知ることができました。 場合によってはクライアント側でSWR等を使いデータfetchすることも大事なんだなと学べました。 w...
js

NEXT.jsとLaravelを使ったアプリ制作

フロントではNEXT.js サーバーサイドはLaravelを使用してwebアプリを制作しました。 nextでのfetch処理はSWRを使いました。 react-scrollでアンカーリンクを設置し、CSSはTailwindCSSを使いました...
html

gsapでのアニメーション

gsapを使ってアニメーションの練習をしました。 作品 Git
html

scroll revieal

ScrollRevealを使ってスクロールするごとに表示されるサイトを作成しました。 作品 Git
js

初めてのreactアプリ

hacker-newsApiを使ってwebサイトを作成しました。 async,awaitでのひ同期処理 fetchを使ったデータフェッチ reactHooks TypeScriptを使った静的型付け を意識して作成しました。 作品 Git
html

isara模写

isara.lifeさんのLPサイトを模写させていただきました。 もとサイト レスポンシブ対応 jQuery を意識して作成しました。 作品 Git
php

初めてのlaravel-project

dockerで環境構築して開発しました。 ・MVCモデルの理解 ・バリデーションの設定 ・LaravelBreezeでのログイン機能 ・ページネーション ・LocalStrageを使ってのお気に入り機能 ・Ajaxでのお気に入り機能のテスト...