✋ こんにちは、ここは余弦です#
React と関連するエコシステムを主に取り組んでおり、最近はさまざまな小さなプロジェクトに挑戦しています ^_^
- 余弦(cosine)の cos ですが、cosplay の cos ではありません
- Github👉 https://github.com/yusixian
- Gitbook フロントエンド学習記録:前言及目录 - 前端学习记录 進行中...
- 個人ブログ
- xlog チェーン上のブログ 👉 https://x.cosine.ren/
- Hexo ブログ 👉 https://ysx.cosine.ren/
- 個人の Telegram チャンネル:@cosine_front_end 日常のつぶやき、時折優れたフロントエンドの記事の推薦、学習リソースなど
⭐ 私たちが最も愛する小さなプロジェクト!#
気に入ったり役に立ったりしたら、ぜひスターをつけてくださいにゃ~
🎧 cosine-music#
卒業設計の音楽ウェブサイトで、まだ目標には達していませんが、初歩的な形になっています。
- フロントエンドには React + Next.js + Typescript + Tailwind を使用し、コンポーネントライブラリには MUI を使用しています
- バックエンドには Express + Prisma + zod + Typescript を使用しています
🧰 cosine-toolbox#
オンラインで利用できます👉https://tools.cosine.ren/
🧰余弦ツールボックス🧰は、React + Next.js + Typescript + Tailwind を使用して構築されたプロジェクトで、自分が書いたよく使うツールや日常のプロジェクト要件から抽出したツールを集めています。さまざまな技術実践を試しています
自分のツールプロジェクトであり、開発と改善は継続中です
機能#
JSON ユーティリティ🧰#
👉https://tools.cosine.ren/jsonUtil
- CSV を JSON に変換:CSV 形式を JSON オブジェクトの配列に変換できます
- JS オブジェクトを JSON に変換:JS オブジェクトを JSON 文字列に変換できます
Base64 ユーティリティ🧰#
👉https://tools.cosine.ren/base64util
- Base64 エンコード / デコードツール
- Base64 画像の一括ダウンロード
URL ユーティリティ🧰#
👉https://tools.cosine.ren/urlUtil
- 要求に応じて開発された URL エンコード / デコードツール
dance-ui#
第 5 回バイトトレーニングキャンプでチームメンバーと一緒に作ったプロジェクトです〜pnpn+vite+ts+tailwind を使用して開発された React コンポーネントライブラリで、monorepo で組織されています。ドキュメントサイトはDocusaurusを使用して構築されています
- ドキュメントサイトのオンラインアドレス 👉 https://dance.cosine.ren/
- Github 👉 https://github.com/dancing-team/dance-ui
- NPM パッケージ 👉 https://www.npmjs.com/package/@dance-ui/ui
- 更新履歴 👉 https://github.com/dancing-team/dance-ui/blob/main/packages/components/CHANGELOG.md
- 開発ドキュメント 👉 https://dance.cosine.ren/docs/develop/develop-intro
Campus SNS キャンパスコミュニティバックエンド#
- Github 👉 https://github.com/yusixian/campus-community-backend
- フロントエンドアドレス 👉 https://gitee.com/honxinn/campus-sns-campus-community
- バックエンド管理アドレス 👉 https://gitee.com/honxinn/back-manage
- API ドキュメントアドレス 👉 https://www.apifox.cn/apidoc/shared-9459ed60-58b2-45b8-b5a8-89a63d77357f/api-11836993
技術スタック Koa2
Node.js
Sequelize
Websocket
、2022 年 01 月 - 2022 年 03 月
バイトフロントエンドトレーニングキャンプの昇格プロジェクトで、完全なキャンパスコミュニティ機能とバックエンド管理システムを備えています。Koa2 + Sequelize を使用して構築されたキャンパスコミュニティバックエンドです。難しいプロジェクトのバックエンドです!
- PM2 を使用してプロジェクトを自分のクラウドサーバーにデプロイし、Nginx リバースプロキシを設定してクロスオリジン問題を解決し、エラーログとログの分割を設定しました
- Sequlize ORM を使用してデータベース操作を行い、JWT を使用してユーザーの認証と情報の暗号化を実現しました
- WebSocket を使用してオンラインユーザー数を監視する機能を実装しました
私は記事管理、セクション管理、システム管理のインターフェースを主に担当しました。比較的完成度の高いプロジェクトを初めて作りました〜もちろん、当時はまだ幼かったです
このプロジェクトの開発ドキュメントも非常に詳細です〜初めてのチーム開発プロジェクトなので、基本的な構築プロセスも記録しました
🕘 現在進行中のこと#
- 2023/5/26 卒業設計完了〜キャンパスを離れる準備。
- 2023/4/5 xlog の宝物チェーン上のブログを発見し、引っ越し中
- 2023/3/3 About ページを簡単に更新しました ^_^ 卒業設計の準備を始める予定です
- 2023/2/7 嬉しい働く人です(x)
- 2022/9/27 インターンシップから今までブログをあまり手入れしていないので、大いにやりたいと思います(おそらく
- 2022/5/6 一目見て shoka このテーマが大好きになりました、いざ出陣!すぐにこのテーマに変更しました。
- 2022/3/20 サマーインターンシップを見つけるのは本当に難しいです!!問題を解いています
- 2022/3/1 バイトの発展クラスのプロジェクトが終わりに近づいています、春の採用活動とサマーインターンシップに向けて頑張ります〜
- 2022/2/9 そして、今日このブログを作りました(何をするかをよく忘れます x)
- 2022/1/17 大作業は簡単ではありませんでしたが、完成すると非常に達成感がありました
- 2022/1/14 フロントエンドの学習に夢中です
- 2022/1/8 寒休みです、家にいます、魚を摸り始めます
- 2021/12/25 1 週間に 3 つの課題、本当に頑張れないです(やっている、やっている、咕 ——)
📖 フロントエンドの学習の成果の歴史#
- 2023.04〜現在 インターンシップと卒業設計に忙しいです
- 2023.01〜2023.03 第 5 回バイトトレーニングキャンプに参加し、インターンシップの空き時間を利用してdance-uiというコンポーネントライブラリを作りました。pnpn+vite+ts+tailwind を使用して開発された React コンポーネントライブラリで、monorepo で組織されています。ドキュメントサイトは Docusaurus で構築されています。
- 2022.07〜2022.12 インターンシップで多くのことを学びました。Next.js、tailwind、recoil、wagmi、recharts、ts、motion、floating-ui など
- 2022.06-2022.07 インターンシップ、企業の wiki プロジェクトなどを開発しました。docker、jenkins、Nest.js、vue3 などに触れました
- 2022.03-2022.06 春の採用活動、履歴書を投稿、インターンシップを探し、八股を背け、技術を向上させる〜
- 2022.02-2022.03 百度の上級クラスプロジェクト Campus SNS キャンパスコミュニティバックエンド API システム
- 2022.01 初めてフロントエンドを学び、百度のフロントエンドトレーニングキャンプ、バイトのフロントエンドトレーニングキャンプに参加し、フロントエンドを体系的に学び、赤い宝書などを読みました