GO｜Web Developer

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

[GO｜Web Developer @GO_WebCreator]

【遂に完成】Webコーダーとしての新しいポートフォリオサイト作りました！コーディングはもちろん、デザインも頑張りました！是非ご覧ください！

Gosei Nakazono Portfolio
▶️ https://t.co/daT3TOg36G

フリーランスになるか迷ってましたが、就職する方向で考えてます！

[GO｜Web Developer @GO_WebCreator]

@Shin_Engineer ありがとうございます！
色々と動画拝見させてもらってます！
セキュリティなどAIに聞いて確認してみます！

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

Next.jsでYouTube表示、Stripeからデータフェッチ、サブスク決済API作成、カードチェックアウト決済の実装など完了！

次はStripe WebHooksを作成してSupabase側で通知を受け取るAPIの実装！

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

シンプルなタスク管理できるWebアプリ「今日やることリスト」作りました！Googleアカウントあればサインインできます！是非使ってみてください！

https://t.co/QdtHekC3c7

次のWeb開発の現場に向けての勉強兼ねて 、React × TypeScript × Firebaseで構築しました！

[GO｜Web Developer @GO_WebCreator]

npm run dev

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

新作アルバム配信開始したので是非聴いてください🔥

Ghost Lamp "Power"

Streaming & Download
https://t.co/Ovh5FAcYgr

[GO｜Web Developer @GO_WebCreator]

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

[GHOST LAMP_Dj Choo @GHOSTLAMPDjChoo]

🔥リリース告知🔥
Ghost Lamp / Power (Album)
2025.02.02(Sun) Release!!

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

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

[GO｜Web Developer @GO_WebCreator]

@PaRohichi はじめまして！ありがとうございます！！是非フルで聴いてみてください！

[GO｜Web Developer @GO_WebCreator]

シングル配信開始したのでApple MusicやSpotifyなどで聴いてください🔥

FLAGG & Ghost Lamp
New Single "Lovin' You"
2024.9.24(Tue) OUT NOW

Streaming / Download
https://t.co/ael6oRzb5I

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

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

次は作りかけのReactのTodoアプリを進める！

[GO｜Web Developer @GO_WebCreator]

■今日の積み上げ
TailwindCSSで flex, grid, font-size, color, padding, margin, それにレスポンシブなど一通り再現してみた。

tailwind.config.jsで定義したものを @ layer ディレクティブで呼び出すやつも試した。

部分的に共通な要素に対しての最適なCSSのあて方が分かってないのでまた後日！

[GO｜Web Developer @GO_WebCreator]

Tailwind CSSの公式ドキュメントに

@tailwind base;
@tailwind components;
@tailwind utilities;

を追加って書いてあるけど「Unknown at rule @ tailwind」のエラー出る！以下に書き換えで解決💪

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

[GO｜Web Developer @GO_WebCreator]

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

[GO｜Web Developer @GO_WebCreator]

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

来週はローディング機能追加とデザイン変更を対応しよう！