伊藤 本気

勉強メモ

laravel コマンド作成とrepository serviceについて

repository,serviceの生成コマンドの作成 コマンド作成 repository,serviceの使い方 使いかた
未分類

laravelでamazonを真似たサイト

今回はlaravel8を使用してamazonを真似たサイトkauzonを制作してみました。 使用ライブラリは、laravel-breeze,jquery,ratyjs,swiperjs,tailwind,stripe,ajaxです。 ユーザ...
react-native

react-native 勉強

react nativeでは基本的なhtmlタグは使えない コンポーネントをimportして使う よく使うコンポーネント react nativeのコンポーネントにはflex,flex-directon:colmnsがついている ので大枠の...
js

nextjsでline風sns画面制作

line風サイトの見た目だけですが作ってみました。 NEXTjs,Typescript,Tailwindcss,firestorageを使い開発し、jsonserverを使ってデータを取得登録を実装しました。 vercelにデプロイしました...
勉強メモ

nestJS jwt passport auth

nestJSでjwt.passportを使った認証機能を付けようとしたときの必要なことメモ auth認証を付けて、いざフロントエンド側でaxiosでpostしてaccess tokenを取得してヘッダーにつけて認証処理をしようとしたら201...
勉強メモ

nestJS prisma postgresを使ったREST API環境構築

今回はJSでバックエンドまで行ったアプリを作りたいと思ったので、そのためにNestJSの勉強をしました。 アウトプットと分からなくなったときに見返せるように残しておこうと思います。 jestとsupertestを使ったテストも行ったのですが...
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