GO_WebCreator's profile picture. Web Developer|CSS Winner STAR 受賞|ビートメーカー (HipHop)|【経歴】高卒で音楽活動しながら様々な職種を経験▶︎20.12〜Web制作独学開始▶︎21.07〜Web制作会社▶︎24.04〜SESでアプリ開発|WebメディアMOH LABO http://mohlabo.com 運営

GO|Web Developer

@GO_WebCreator

Web Developer|CSS Winner STAR 受賞|ビートメーカー (HipHop)|【経歴】高卒で音楽活動しながら様々な職種を経験▶︎20.12〜Web制作独学開始▶︎21.07〜Web制作会社▶︎24.04〜SESでアプリ開発|WebメディアMOH LABO http://mohlabo.com 運営

ปักหมุด

【遂に完成】Webコーダーとしての新しいポートフォリオサイト作りました!コーディングはもちろん、デザインも頑張りました!是非ご覧ください! Gosei Nakazono Portfolio ▶️ go-webcreator.com フリーランスになるか迷ってましたが、就職する方向で考えてます!


Stripe決済アプリの作り方を学んだ🔥こちらの講座はNext.js14だったがどうしても15を触ってみたく15で進めてみたらエラー出まくったけどとても勉強になりました!講師は@Shin_Engineer さん🙌

GO_WebCreator's tweet image. Stripe決済アプリの作り方を学んだ🔥こちらの講座はNext.js14だったがどうしても15を触ってみたく15で進めてみたらエラー出まくったけどとても勉強になりました!講師は@Shin_Engineer さん🙌

Next.jsでYouTube表示、Stripeからデータフェッチ、サブスク決済API作成、カードチェックアウト決済の実装など完了! 次はStripe WebHooksを作成してSupabase側で通知を受け取るAPIの実装!


Supabaseでプロフィールテーブルにデータ追加するFunctions、それをOAuth認証時に発火させるTriggersの作成完了!Stripeアカウントも作成したので、これからStripe顧客ユーザ作成APIの構築へ進む!


Next.js 15 にsupabaseの認証機能を実装してみてる。supabaseダッシュボードの項目が色々アップデートされてて「providers」だったのが今は「Sign In / Up」の名前に変わってる。


シンプルなタスク管理できるWebアプリ「今日やることリスト」作りました!Googleアカウントあればサインインできます!是非使ってみてください! kyo-yarukoto.web.app 次のWeb開発の現場に向けての勉強兼ねて 、React × TypeScript × Firebaseで構築しました!


今週の業務終了!情報過多で頭痛する!けど少し休憩したら自主制作のアプリ改修やるぞ!完成まであと少しだ!


Todo AppにFirebaseでログイン機能実装は割と簡単にできた!けどAPI KEYの管理方法どれがいいか調べ始めたら一気に難しくなってきた!


隙間時間にReactのTodoアプリ改造中!今JavaScriptからTypeScriptに変換してる!これ終わったらログイン、ログアウト機能追加してみよ!


今月と来月は猛勉強する予定🔥React, Next.js, TypeScriptあたり復習しつつ練習用アプリ2つの改修とポートフォリオサイト更新進めるぞ!


新作アルバム配信開始したので是非聴いてください🔥 Ghost Lamp "Power" Streaming & Download linkco.re/QUCYv8nR


2月2日にGhost Lamp名義でアルバムリリースします!是非チェックお願いします👍

🔥リリース告知🔥 Ghost Lamp / Power (Album) 2025.02.02(Sun) Release!! Featuring Artists:剛斗、句潤、CIMA、Randy Wati Sati、MC BEACH 2月2日(日)に新作アルバム「Power」リリースします!ラップ5曲+ビート5曲の計10曲収録!協力してくれた方々に感謝!よろしくお願いします!

GHOSTLAMPDjChoo's tweet image. 🔥リリース告知🔥
Ghost Lamp / Power (Album)
2025.02.02(Sun) Release!!

Featuring Artists:剛斗、句潤、CIMA、Randy Wati Sati、MC BEACH

2月2日(日)に新作アルバム「Power」リリースします!ラップ5曲+ビート5曲の計10曲収録!協力してくれた方々に感謝!よろしくお願いします!


あけましておめでとうございます🎍Webのお仕事や音楽、バランスよく楽しみながら成長していければと思います!2025もどうぞよろしくお願いいたします!


■今日の積み上げ Next.jsとTailwindCSSで作ったWebアプリのデプロイが完了!デザイン変更して、メタデータが動的に変わる仕様に変更して、練習用アプリなので検索できないようにnoindex, nofollowの設定もしたぞ!後日ポートフォリオサイトに追加しよう🙌 次は作りかけのReactのTodoアプリを進める!


■今日の積み上げ TailwindCSSで flex, grid, font-size, color, padding, margin, それにレスポンシブなど一通り再現してみた。 tailwind.config.jsで定義したものを @ layer ディレクティブで呼び出すやつも試した。 部分的に共通な要素に対しての最適なCSSのあて方が分かってないのでまた後日!


Tailwind CSSの公式ドキュメントに @tailwind base; @tailwind components; @tailwind utilities; を追加って書いてあるけど「Unknown at rule @ tailwind」のエラー出る!以下に書き換えで解決💪 @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities";


■今日の朝活 TailwindCSSのドキュメントなど読んで、インストールや使い方を学んで触ってみたけど、いまいちよく分からず。また後で触ってみよう。


■今日の積み上げ 作成、編集、削除、それぞれ完了後にリロードされる記述追加。環境変数の設定。画像保存できる外部サービスを使用した画像アップロード機能を実装などした。今週は隙間時間に学習頑張れた💪 来週はローディング機能追加とデザイン変更を対応しよう!


■今日の夜活 ・ヘッダーとフッター作成 ・layout.jsで全ページに表示 あと少しで完成!Webアプリの仕組みが分かってマジで勉強になってる🔥 このWebアプリはハンズオン書籍で勉強しながら作成してるけど、ポートフォリオに載せたいので、デザインのクオリティ少し上げてからデプロイしたい!


■今日の朝活 作成、編集、削除のページのフロント側が全て機能するように修正した。そしてフロント側の表示の制限も完了。エラー出まくりで詰まってたけど、なんとかここまでこれて嬉しい。あとは見た目の調整に入ろう☺️


Loading...

Something went wrong.


Something went wrong.