GitHub avatar

Fox's Blog

Working on a New Project

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

A look at the process of starting and developing a new website.

metawebdev

The Project

The project I'm working on is named LLJT:

This is a website that is also a PWA, so a mobile app as well. It uses MaterialUI to feel like a real phone app. I recently needed to manage Mui imports, and I go from 11707 modules to only 595 at the end, by importing manually every icon by line, rather than using destructured import: I learnt when you do destructured, you actually load the entire icons lib, and by importing them individually, you import only those you need too...

Nibi is the bot that is connected to this website.The graduation is based on Google Forms: We use multiple choice tests to evaluate our students, and we also give Discord roles, and so emojis and channels, to our students as well, if they pass a major exam.

The goal of this project is to bring people to learn japanese together with us since it's a thing I want to do by myself as well. Students will unlock as well partnerships with Crunchyroll, and some other plateforms, to reward them for their capabilities.

Nibi and the website are hosted by respectively Cloudflare Workers Hono Server Interaction URL and Github Pages with React Deployement. The website code is not open source, but Nibi is, and you can find it on this GitHub repository. The website is not open source because it contains some private info, but if you want to know how I built it, you can ask me on Discord or something, and I'll be happy to share the process with you! It actually uses a Github Action I made so I don't have to pay for Github Enterprise, and it also uses a lot of other cool tools and techniques that I can share with you if you're interested!

Since some days I really loved finding workarounds for my projects to avoid hosting them, and to avoir paying for hosting them, that's why I made Nibi an Interaction Endpoint Bot, so it can be hosted for free on Cloudflare Workers, and I also made a Github Action to deploy the website for free on Github Pages, so I don't have to pay for hosting it. I find that finding workarounds is one of the most fun parts of coding, and it's something I really enjoy doing! You really have to think outside the box and find creative solutions to problems, and that's what I love about it. It's not just about writing code, it's about finding ways to make things work without spending money, and that's a challenge that I really enjoy!

Using Github Actions a way that is not specially made for, and using Cloudflare Workers to 'host' a bot is also a way to learn new things and to discover new technologies, like as Cloud Hosting, which is something I really enjoy as well. I really don't wan't to pay for hosting anymore.

I'm still working on it but you can join the Discord server if you want to follow the progress and see how it evolves, and maybe even join the project if you're interested! The server is open to everyone, and we would love to have more people join us on this journey to learn Japanese together! You can find the invite link on the website, or you can ask me for it if you want!

Travail sur un Nouveau Projet

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Un aperçu du processus de démarrage et développement d'un nouveau site web.

metawebdev

Le Projet

Le projet sur lequel je travaille s'appelle LLJT :

C'est un site web qui est aussi une PWA, donc une application mobile également. Il utilise MaterialUI pour donner l'impression d'être une vraie application téléphone. J'ai récemment dû gérer les imports Mui, et je suis passé de 11707 modules à seulement 595 à la fin, en important manuellement chaque icône ligne par ligne, plutôt que d'utiliser l'import déstructuré : j'ai appris que quand on fait un import déstructuré, on charge en fait toute la bibliothèque d'icônes, alors qu'en les important individuellement, on importe seulement celles dont on a besoin.

Nibi est le bot qui est connecté à ce site web.La graduation est basée sur Google Forms : Nous utilisons des QCM pour évaluer nos étudiants, et nous donnons aussi des rôles Discord, ainsi que des emojis et des salons, à nos étudiants, s'ils réussissent un examen important.

Le but de ce projet est d'aider les gens à apprendre le japonais ensemble avec nous, car c'est quelque chose que je veux faire moi-même aussi. Les étudiants débloqueront également des partenariats avec Crunchyroll et d'autres plateformes, pour les récompenser de leurs compétences.

Nibi et le site sont hébergés respectivement par Cloudflare Workers (Interaction URL avec Hono Server) et GitHub Pages avec React. Le code du site n'est pas open source, mais Nibi l'est, et vous pouvez le trouver sur ce dépôt GitHub. Le site n'est pas open source car il contient des informations privées, mais si vous voulez savoir comment je l'ai construit, vous pouvez me demander sur Discord ou autre, et je serai ravi de vous partager le processus ! Il utilise en fait une GitHub Action que j'ai créée pour ne pas avoir à payer GitHub Enterprise, et il utilise aussi beaucoup d'autres outils et techniques sympas que je peux vous partager si ça vous intéresse !

Depuis quelques jours, j'adore vraiment trouver des solutions de contournement pour éviter d'héberger mes projets et d'avoir à payer pour leur hébergement. C'est pour ça que j'ai fait de Nibi un bot Interaction Endpoint, pour qu'il puisse être hébergé gratuitement sur Cloudflare Workers, et j'ai aussi créé une GitHub Action pour déployer le site gratuitement sur GitHub Pages, pour ne pas avoir à payer pour son hébergement. Je trouve que trouver des solutions de contournement est l'une des parties les plus amusantes du code, et c'est quelque chose que j'apprécie énormément ! Il faut vraiment penser hors des sentiers battus et trouver des solutions créatives aux problèmes, et c'est ce que j'adore. Ce n'est pas seulement une question d'écrire du code, c'est une question de trouver des moyens de faire fonctionner les choses sans dépenser d'argent, et c'est un défi que j'apprécie vraiment !

Utiliser GitHub Actions d'une manière qui n'est pas spécialement prévue, et utiliser Cloudflare Workers pour "héberger" un bot, c'est aussi une façon d'apprendre de nouvelles choses et de découvrir de nouvelles technologies, comme l'hébergement cloud, ce que j'apprécie également. Je ne veux vraiment plus payer pour de l'hébergement.

Je travaille encore dessus mais vous pouvez rejoindre le serveur Discord si vous voulez suivre l'avancement et voir comment ça évolue, et peut-être même rejoindre le projet si ça vous intéresse ! Le serveur est ouvert à tous, et nous aimerions avoir plus de monde pour nous accompagner dans ce voyage pour apprendre le japonais ensemble ! Vous trouverez le lien d'invitation sur le site, ou vous pouvez me le demander si vous voulez !

正在开发一个新项目

·1 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

瞥一眼开始和开发一个新网站的过程。

metawebdev

项目

我正在做的项目叫 LLJT：

这是一个网站，同时也是一款 PWA，所以也是一款移动应用。它使用 MaterialUI 来营造真实手机应用的感觉。 最近我需要管理 Mui 的导入，通过逐行手动导入每个图标而不是使用解构导入，我最终从 11707 个模块减少到了只有 595 个：我发现当你使用解构导入时，实际上会加载整个图标库，而逐个导入则只导入你需要的那些……

Nibi 是连接到这个网站的机器人。等级评估基于 Google Forms： 我们用选择题测试来评估学生，如果学生通过了重要考试，我们还会授予 Discord 角色，以及对应的表情符号和频道。

这个项目的目标是一起带动大家学习日语，因为这也是我自己想做的事情。 学生还可以解锁与 Crunchyroll 及其他平台的合作福利，以奖励他们的能力。

Nibi 和网站分别托管在 Cloudflare Workers Hono Server Interaction URL 和带有 React 部署的 GitHub Pages 上。 网站代码不开源，但 Nibi 是开源的，你可以在这个 GitHub 仓库找到它。网站不开源是因为它包含一些私人信息，但如果你想知道我是如何构建它的，可以在 Discord 上问我，我很乐意分享这个过程！它实际上使用了我写的一个 GitHub Action，这样我就不用为 GitHub Enterprise 付费了，它还使用了很多其他很酷的工具和技术，如果你感兴趣的话，我可以分享给你！

最近我真的很喜欢为我的项目找替代方案来避免托管费用，这就是为什么我把 Nibi 做成了一个交互端点机器人，这样它就可以免费托管在 Cloudflare Workers 上，我还写了一个 GitHub Action 来把网站免费部署到 GitHub Pages 上，这样我就不用支付托管费用了。我发现寻找替代方案是编程中最有趣的部分之一，也是我很喜欢做的事情！你真的需要跳出固有思维，找到创造性的解决方案，这正是我热爱它的原因。这不只是写代码，而是找到不用花钱也能把事情做好的方法，这是我非常享受的挑战！

用 GitHub Actions 做一些不是它本来设计用途的事情，用 Cloudflare Workers 来"托管"一个机器人，也是一种学习新技术的方式，比如云托管，这也是我很喜欢的事情。我真的不想再支付托管费用了。

我还在继续开发中，但你可以加入 Discord 服务器 来关注进度，看看它是如何演变的，如果你感兴趣的话，甚至可以加入项目！服务器对所有人开放，我们很希望能有更多人加入我们一起学习日语！你可以在网站上找到邀请链接，也可以问我要！

新しいプロジェクト

·1 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

新しいWebサイトの開始と開発のプロセスについて。

metawebdev

新しいプロジェクト

今やってるプロジェクトはLLJTって名前なんだ：

これはPWAでもあるWebサイト、つまりモバイルアプリでもあるんだ。MaterialUIを使ってて、本物のスマホアプリみたいな感じになってる。 最近Muiのインポートを整理する必要があって、11707モジュールからたったの595まで減らした。アイコンを分割インポートじゃなくて1行ごとに手動でインポートするようにしたんだ：分割インポートするとアイコンライブラリ全体を読み込んじゃうけど、個別にインポートすれば必要なものだけ読み込めるって学んだよ。

NibiはこのWebサイトに接続されてるボットだ。進級はGoogle Formsベースだよ： 選択式テストで生徒を評価して、主要な試験に合格したらDiscordのロールや絵文字、チャンネルも与えてるんだ。

このプロジェクトの目標は、一緒に日本語を学ぶ人を集めること。自分自身も日本語を学びたいと思ってるからね。 生徒はCrunchyrollとのパートナーシップや他のプラットフォームもアンロックできるようになってて、能力に応じて報酬がもらえる仕組みだよ。

NibiとWebサイトはそれぞれCloudflare WorkersのHono Server Interaction URLと、GitHub PagesのReactデプロイでホストされてる。 Webサイトのコードはオープンソースじゃないけど、Nibiはそうだよ。このGitHubリポジトリで見れる。Webサイトを公開してないのは個人情報が含まれてるからだけど、どうやって作ったのか知りたかったらDiscordとかで聞いてくれれば、喜んで説明するよ！実際、GitHub Enterpriseにお金を払わなくていいように作ったGitHub Actionを使ったり、他にもたくさんのクールなツールやテクニックを使ってるんだ！

最近はホスティングにお金を払わないで済む方法を見つけるのに夢中になってて、NibiをインタラクションエンドポイントボットにしてCloudflare Workersで無料ホストできるようにしたし、WebサイトをGitHub Pagesに無料デプロイするGitHub Actionも作った。抜け道探しはコーディングの中で一番楽しい部分の一つだと思う。枠にとらわれずに考えて、創造的な解決策を見つける必要がある--そこが好きなんだ。ただコードを書くだけじゃなくて、お金をかけずにものを動かす方法を見つけること、それが本当に楽しめるチャレンジなんだよね。

GitHub Actionsを本来の用途とは違う形で使ったり、Cloudflare Workersでボットを「ホスト」するのも、新しいことを学び、新しい技術を発見する方法なんだ。クラウドホスティングみたいにね。もうホスティングにお金なんて払いたくないんだよ。

まだ作業中だけど、Discordサーバーに参加すれば進捗を追えるし、どう進化していくか見れるよ。興味があればプロジェクトに参加もできる！サーバーは誰にでも開かれていて、一緒に日本語を学ぶ旅に参加してくれる人を歓迎してる。招待リンクはWebサイトにあるし、欲しければ俺に直接聞いてもいいよ！

새 프로젝트 작업 중

·3 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

새 웹사이트를 시작하고 개발하는 과정 살펴보기

metawebdev

프로젝트

내가 작업 중인 프로젝트는 LLJT라고 해:

이건 웹사이트이면서 PWA라서 모바일 앱이기도 해. MaterialUI를 사용해서 진짜 폰 앱처럼 보이게 만들었어. 최근에 Mui imports를 관리해야 했는데, destructured import를 쓰는 대신 아이콘마다 한 줄씩 수동으로 import해서 11707개 모듈에서 595개로 줄였어: destructured import를 쓰면 전체 아이콘 라이브러리를 로드하는 반면, 개별적으로 import하면 필요한 것만 로드한다는 걸 배웠거든...

Nibi는 이 웹사이트에 연결된 봇이야.등급은 Google Forms 기반이야: 객관식 테스트로 학생들을 평가하고, 주요 시험에 통과하면 Discord 역할과 이모지, 채널도 부여해.

이 프로젝트의 목표는 사람들이 함께 일본어를 배우도록 하는 거야. 나 자신도 배우고 싶은 거니까. 학생들은 Crunchyroll 및 다른 플랫폼과의 제휴도 잠금 해제해서 능력에 대한 보상을 받게 돼.

Nibi와 웹사이트는 각각 Cloudflare Workers Hono Server Interaction URL과 GitHub Pages + React 배포로 호스팅되고 있어. 웹사이트 코드는 오픈 소스가 아니지만, Nibi는 오픈 소스고 이 GitHub 저장소에서 찾을 수 있어. 웹사이트는 개인 정보가 포함되어 있어서 오픈 소스가 아니지만, 어떻게 만들었는지 알고 싶으면 Discord로 물어봐 줘. 기꺼이 과정을 공유할게! 실제로 내가 만든 GitHub Action을 사용해서 GitHub Enterprise 비용을 안 내도 돼, 그리고 관심 있으면 공유할 수 있는 멋진 도구와 기술도 많이 사용하고 있어!

요즘 나는 프로젝트를 호스팅하지 않고도 돌아가게 하는 우회로를 찾는 걸 정말 좋아해. 그래서 Nibi를 Interaction Endpoint Bot으로 만들어서 Cloudflare Workers에서 무료로 호스팅하고, GitHub Action을 만들어 웹사이트를 GitHub Pages에 무료로 배포해서 호스팅 비용을 안 내도 돼. 우회로를 찾는 건 코딩에서 가장 재미있는 부분 중 하나라고 생각해. 틀 밖에서 생각하고 창의적인 해결책을 찾아야 해. 그냥 코드를 쓰는 게 아니라 돈 안 쓰고도 작동하게 만드는 방법을 찾는 거, 그게 내가 정말 좋아하는 도전이야!

GitHub Actions를 본래 용도가 아닌 방식으로 사용하고, Cloudflare Workers로 봇을 '호스팅'하는 건 새로운 기술을 배우고 발견하는 방법이기도 해. 나는 더 이상 호스팅 비용을 내고 싶지 않아.

아직 작업 중이지만, Discord 서버에 들어오면 진행 상황을 지켜보고, 어떻게 발전하는지 볼 수 있어. 관심 있으면 프로젝트에 참여할 수도 있어! 서버는 모두에게 열려 있고, 함께 일본어를 배우는 여정에 더 많은 사람들이 합류했으면 좋겠어! 초대 링크는 웹사이트에서 찾을 수 있고, 아니면 나한테 직접 물어봐도 돼!

Yeni Bir Proje Üzerinde Çalışmak

·3 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Yeni bir web sitesi geliştirme ve başlatma sürecine bir bakış.

metawebdev

Proje

Üzerinde çalıştığım projenin adı LLJT:

Bu bir web sitesi ve aynı zamanda bir PWA, yani bir mobil uygulama da. Gerçek bir telefon uygulaması gibi hissettirmek için MaterialUI kullanıyor. Yakın zamanda Mui import'larını yönetmem gerekti ve her ikonu satır satır ayrı ayrı import ederek, destructered import kullanmak yerine 11707 modülden sadece 595'e düştüm: şunu öğrendim ki destructered yaptığında aslında tüm ikon kütüphanesini yüklüyorsun, tek tek import ettiğinde ise sadece ihtiyacın olanları import ediyorsun.

Nibi, bu web sitesine bağlı olan bot. Mezuniyet Google Forms üzerinden yapılıyor: Öğrencilerimizi değerlendirmek için çoktan seçmeli testler kullanıyoruz ve ayrıca büyük bir sınavı geçerlerse öğrencilerimize Discord rolleri, emojiler ve kanallar da veriyoruz.

Bu projenin amacı, insanların bizimle birlikte Japonca öğrenmesini sağlamak çünkü ben de kendim yapmak istediğim bir şey. Öğrenciler ayrıca yeteneklerini ödüllendirmek için Crunchyroll ve diğer platformlarla ortaklıkların kilidini açacak.

Nibi ve web sitesi sırasıyla Cloudflare Workers Hono Server Interaction URL ve GitHub Pages ile React Deployement üzerinde barındırılıyor. Web sitesinin kodu açık kaynak değil, ancak Nibi açık kaynak ve onu bu GitHub reposunda bulabilirsin. Web sitesi açık kaynak değil çünkü bazı özel bilgiler içeriyor, ama nasıl inşa ettiğimi merak ediyorsan bana Discord'dan falan sorabilirsin, süreci seninle paylaşmaktan mutluluk duyarım! Aslında GitHub Enterprise'a para ödememek için yaptığım bir GitHub Action kullanıyor ve ayrıca ilgini çekerse paylaşabileceğim bir sürü başka havalı araç ve teknik de kullanıyor!

Bir süredir projelerimi barındırmamak ve barındırma ücreti ödememek için işin kestirmesini bulmayı gerçekten seviyorum, bu yüzden Nibi'yi bir Interaction Endpoint Botu yaptım, böylece Cloudflare Workers'da ücretsiz barındırılabiliyor ve ayrıca web sitesini GitHub Pages'de ücretsiz dağıtmak için bir GitHub Action yaptım, böylece barındırma için para ödemek zorunda kalmıyorum. Bence işin kestirmesini bulmak, kod yazmanın en eğlenceli kısımlarından biri ve gerçekten zevk aldığım bir şey! Gerçekten kalıpların dışında düşünmek ve sorunlara yaratıcı çözümler bulmak zorundasın, işte bunu seviyorum. Sadece kod yazmakla ilgili değil, para harcamadan işleri yürütmenin yollarını bulmakla ilgili ve bu gerçekten keyif aldığım bir meydan okuma!

GitHub Actions'ı özel olarak yapılmadığı bir şekilde kullanmak ve Cloudflare Workers'ı bir botu 'barındırmak' için kullanmak aynı zamanda yeni şeyler öğrenmenin ve Bulut Barındırma gibi yeni teknolojiler keşfetmenin bir yolu, ki bu da gerçekten keyif aldığım bir şey. Artık barındırma için para ödemek istemiyorum.

Hâlâ üzerinde çalışıyorum ama ilerlemeyi takip etmek ve nasıl geliştiğini görmek istersen Discord sunucusuna katılabilirsin, hatta ilgini çekerse projeye katılabilirsin! Sunucu herkese açık ve bu Japonca öğrenme yolculuğunda bize katılmanı çok isteriz! Davet bağlantısını web sitesinde bulabilirsin ya da istersen bana sorabilirsin!

Lavorando a un Nuovo Progetto

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Uno sguardo al processo di avvio e sviluppo di un nuovo sito web.

metawebdev

Il Progetto

Il progetto a cui sto lavorando si chiama LLJT:

Questo è un sito web che è anche una PWA, quindi anche un'app mobile. Usa MaterialUI per sembrare una vera app per telefono. Di recente ho dovuto gestire le importazioni di Mui, e sono passato da 11707 moduli a solo 595 alla fine, importando manualmente ogni icona per riga, invece di usare l'import destrutturato: ho imparato che quando fai l'import destrutturato, carichi in realtà l'intera libreria di icone, mentre importandole singolarmente importi solo quelle che ti servono...

Nibi è il bot collegato a questo sito.La valutazione si basa su Google Forms: Usiamo test a risposta multipla per valutare i nostri studenti, e assegniamo anche ruoli Discord, e quindi emoji e canali, ai nostri studenti, se superano un esame importante.

L'obiettivo di questo progetto è far sì che le persone imparino il giapponese insieme a noi, dato che è una cosa che voglio fare anch'io. Gli studenti sbloccheranno anche partnership con Crunchyroll e altre piattaforme, per premiarli per le loro capacità.

Nibi e il sito web sono ospitati rispettivamente da Cloudflare Workers Hono Server Interaction URL e GitHub Pages con React Deployement. Il codice del sito web non è open source, ma Nibi sì, e puoi trovarlo in questo repository GitHub. Il sito web non è open source perché contiene alcune informazioni private, ma se vuoi sapere come l'ho costruito, puoi chiedermelo su Discord o altro, e sarò felice di condividere il processo! In realtà usa una GitHub Action che ho creato così non devo pagare per GitHub Enterprise, e usa anche molti altri strumenti e tecniche interessanti che posso condividere con te se sei interessato!

Da qualche giorno amo davvero trovare soluzioni alternative per i miei progetti per evitare di ospitarli, e per evitare di pagare per ospitarli, ecco perché ho fatto di Nibi un bot Interaction Endpoint, così può essere ospitato gratuitamente su Cloudflare Workers, e ho anche creato una GitHub Action per pubblicare il sito web gratuitamente su GitHub Pages, così non devo pagare per ospitarlo. Trovo che trovare soluzioni alternative sia una delle parti più divertenti della programmazione, ed è qualcosa che mi piace davvero fare! Devi davvero pensare fuori dagli schemi e trovare soluzioni creative ai problemi, ed è questo che amo. Non si tratta solo di scrivere codice, ma di trovare modi per far funzionare le cose senza spendere soldi, ed è una sfida che mi piace davvero!

Usare GitHub Actions in un modo non proprio previsto, e usare Cloudflare Workers per "ospitare" un bot è anche un modo per imparare cose nuove e scoprire nuove tecnologie, come il Cloud Hosting, che è qualcosa che mi piace molto. Non voglio davvero più pagare per l'hosting.

Ci sto ancora lavorando ma puoi unirti al server Discord se vuoi seguire i progressi e vedere come si evolve, e magari anche unirti al progetto se sei interessato! Il server è aperto a tutti, e ci piacerebbe avere più persone che si uniscano a noi in questo viaggio per imparare il giapponese insieme! Puoi trovare il link d'invito sul sito web, o chiedermelo se vuoi!

Arbeiten an einem neuen Projekt

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Ein Blick auf den Prozess des Startens und Entwickelns einer neuen Website.

metawebdev

Das Projekt

Das Projekt, an dem ich arbeite, heißt LLJT:

Das ist eine Website, die gleichzeitig eine PWA ist, also auch eine Mobile App. Sie verwendet MaterialUI, um sich wie eine echte Smartphone-App anzufühlen. Ich musste kürzlich die Mui-Imports verwalten und bin von 11707 Modulen auf nur 595 runtergekommen, indem ich jedes Icon einzeln pro Zeile importiert habe, statt destrukturierte Imports zu verwenden: Ich habe gelernt, dass man bei destrukturierten Imports tatsächlich die gesamte Icons-Bibliothek lädt, während man bei Einzelimporten nur die wirklich benötigten lädt...

Nibi ist der Bot, der mit dieser Website verbunden ist.Die Graduierung basiert auf Google Forms: Wir verwenden Multiple-Choice-Tests, um unsere Schüler zu bewerten, und vergeben auch Discord-Rollen, Emojis und Channels an unsere Schüler, wenn sie eine größere Prüfung bestehen.

Das Ziel dieses Projekts ist es, Menschen dazu zu bringen, gemeinsam mit uns Japanisch zu lernen, da ich das auch selbst machen möchte. Schüler werden außerdem Partnerschaften mit Crunchyroll und anderen Plattformen freischalten können, um sie für ihre Fähigkeiten zu belohnen.

Nibi und die Website werden jeweils von Cloudflare Workers Hono Server Interaction URL und GitHub Pages mit React-Deployment gehostet. Der Code der Website ist nicht Open Source, aber Nibi schon – du findest es in diesem GitHub-Repository. Die Website ist nicht Open Source, weil sie private Informationen enthält, aber wenn du wissen willst, wie ich sie gebaut habe, kannst du mich auf Discord oder so fragen, und ich teile gerne den Prozess mit dir! Sie verwendet tatsächlich eine GitHub Action, die ich gebaut habe, damit ich nicht für GitHub Enterprise zahlen muss, und dazu viele andere coole Tools und Techniken, die ich dir gerne zeige, wenn du interessiert bist!

In letzter Zeit habe ich es wirklich geliebt, Workarounds für meine Projekte zu finden, um sie nicht hosten zu müssen – und um nicht fürs Hosten zu bezahlen. Deshalb habe ich Nibi als Interaction Endpoint Bot gebaut, der kostenlos auf Cloudflare Workers gehostet werden kann, und ich habe auch eine GitHub Action gebaut, um die Website kostenlos auf GitHub Pages zu deployen. Ich finde, Workarounds zu finden ist einer der spaßigsten Teile am Programmieren, und ich mache das unglaublich gerne! Man muss wirklich um die Ecke denken und kreative Lösungen für Probleme finden – genau das liebe ich daran. Es geht nicht nur darum, Code zu schreiben, sondern Wege zu finden, Dinge zum Laufen zu bringen, ohne Geld auszugeben, und das ist eine Herausforderung, die ich wirklich genieße!

GitHub Actions auf eine Art zu nutzen, die nicht speziell dafür gedacht ist, und Cloudflare Workers zu verwenden, um einen Bot zu 'hosten', ist auch eine Möglichkeit, neue Dinge zu lernen und neue Technologien zu entdecken, wie Cloud Hosting, was ich ebenfalls sehr mag. Ich will einfach nicht mehr fürs Hosten bezahlen.

Ich arbeite noch daran, aber du kannst dem Discord-Server beitreten, wenn du den Fortschritt verfolgen und sehen willst, wie es sich entwickelt, und vielleicht sogar am Projekt teilnehmen möchtest, falls du interessiert bist! Der Server steht allen offen, und wir würden uns freuen, mehr Leute dabei zu haben, gemeinsam Japanisch zu lernen! Den Einladungslink findest du auf der Website, oder du kannst mich danach fragen!

Работа над новым проектом

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Взгляд на процесс запуска и разработки нового сайта.

metawebdev

Проект

Проект, над которым я работаю, называется LLJT:

Это сайт, который также является PWA, то есть и мобильным приложением. Он использует MaterialUI, чтобы ощущаться как настоящее телефонное приложение. Недавно мне пришлось заняться импортами Mui, и я сократил количество модулей с 11 707 до всего 595, импортируя каждую иконку отдельно по строке, а не через деструктуризацию: я понял, что при деструктуризации ты на самом деле загружаешь всю библиотеку иконок, а импортируя их по отдельности, ты импортируешь только те, что тебе нужны.

Nibi -- это бот, который подключён к этому сайту.Градация основана на Google Forms: Мы используем тесты с множественным выбором для оценки наших студентов, а также выдаём роли Discord, и соответственно эмодзи и каналы, нашим студентам, если они сдают крупный экзамен.

Цель этого проекта -- помочь людям учить японский вместе с нами, так как я и сам хочу этим заниматься. Студенты также будут получать партнёрские бонусы от Crunchyroll и других платформ в награду за свои способности.

Nibi и сайт хостятся соответственно на Cloudflare Workers через Hono Server Interaction URL и на GitHub Pages с React-деплоем. Код сайта не в открытом доступе, но Nibi -- открыт, и ты можешь найти его в этом репозитории GitHub. Сайт не в открытом доступе, потому что содержит личную информацию, но если хочешь узнать, как я его построил, можешь спросить меня в Discord или где-то ещё, и я с радостью расскажу! Там используется GitHub Action, который я сделал, чтобы не платить за GitHub Enterprise, а также много других крутых инструментов и техник, которыми я могу поделиться, если тебе интересно!

В последнее время мне очень нравится находить обходные пути для своих проектов, чтобы не платить за хостинг. Поэтому я сделал Nibi ботом с Interaction Endpoint -- его можно бесплатно хостить на Cloudflare Workers, и я сделал GitHub Action для бесплатного деплоя сайта на GitHub Pages. Я считаю, что поиск обходных путей -- одна из самых весёлых частей программирования, и мне это очень нравится! Нужно мыслить нестандартно и находить креативные решения проблем. Дело не просто в написании кода, а в поиске способов заставить всё работать без денег, и это вызов, который мне очень нравится.

Использование GitHub Actions не совсем по назначению и применение Cloudflare Workers для «хостинга» бота -- это также способ узнавать новое и открывать для себя новые технологии, такие как облачный хостинг, что мне тоже очень нравится. Я больше не хочу платить за хостинг.

Я всё ещё работаю над ним, но ты можешь присоединиться к Discord-серверу, если хочешь следить за прогрессом и видеть, как он развивается, и, возможно, даже присоединиться к проекту, если тебе интересно! Сервер открыт для всех, и мы будем рады, если к нам присоединятся новые люди в этом путешествии по изучению японского! Ссылку-приглашение можно найти на сайте или спросить у меня, если хочешь!

Trabajando en un Nuevo Proyecto

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Una mirada al proceso de iniciar y desarrollar un nuevo sitio web.

metawebdev

El Proyecto

El proyecto en el que estoy trabajando se llama LLJT:

Este es un sitio web que también es una PWA, así que también funciona como aplicación móvil. Usa MaterialUI para sentirse como una aplicación de teléfono real. Recientemente necesité gestionar las importaciones de Mui, y pasé de 11707 módulos a solo 595 al final, importando manualmente cada icono por línea, en lugar de usar importación desestructurada: aprendí que cuando haces desestructuración, en realidad cargas toda la librería de iconos, y al importarlos individualmente, importas solo los que necesitas...

Nibi es el bot que está conectado a este sitio web.La graduación se basa en Google Forms: Usamos exámenes de opción múltiple para evaluar a nuestros estudiantes, y también otorgamos roles de Discord, y por lo tanto emojis y canales, a nuestros estudiantes si aprueban un examen importante.

El objetivo de este proyecto es que la gente aprenda japonés junto con nosotros, ya que es algo que también quiero hacer yo mismo. Los estudiantes también desbloquearán asociaciones con Crunchyroll y otras plataformas, para recompensarlos por sus habilidades.

Nibi y el sitio web están alojados respectivamente por Cloudflare Workers Hono Server Interaction URL y GitHub Pages con React Deployment. El código del sitio web no es de código abierto, pero Nibi sí lo es, y puedes encontrarlo en este repositorio de GitHub. El sitio web no es de código abierto porque contiene información privada, pero si quieres saber cómo lo construí, puedes preguntarme en Discord o algo así, y estaré encantado de compartir el proceso contigo! En realidad usa una GitHub Action que hice para no tener que pagar por GitHub Enterprise, y también usa muchas otras herramientas y técnicas interesantes que puedo compartir contigo si te interesa!

Desde hace unos días, realmente me encantó encontrar soluciones alternativas para mis proyectos para evitar alojarlos, y para evitar pagar por alojarlos, por eso hice de Nibi un Bot de Interaction Endpoint, para que pueda alojarse gratis en Cloudflare Workers, y también hice una GitHub Action para desplegar el sitio web gratis en GitHub Pages, para no tener que pagar por alojarlo. Encuentro que encontrar soluciones alternativas es una de las partes más divertidas de programar, y es algo que realmente disfruto! Tienes que pensar fuera de la caja y encontrar soluciones creativas a los problemas, y eso es lo que me encanta. No se trata solo de escribir código, se trata de encontrar formas de hacer que las cosas funcionen sin gastar dinero, y ese es un desafío que realmente disfruto!

Usar GitHub Actions de una manera que no fue especialmente diseñada para eso, y usar Cloudflare Workers para «alojar» un bot también es una forma de aprender cosas nuevas y descubrir nuevas tecnologías, como el Cloud Hosting, que es algo que también disfruto mucho. Realmente no quiero pagar por alojar más.

Todavía estoy trabajando en ello, pero puedes unirte al servidor de Discord si quieres seguir el progreso y ver cómo evoluciona, y tal vez incluso unirte al proyecto si te interesa! El servidor está abierto a todos, y nos encantaría tener más personas que se unan a nosotros en este viaje para aprender japonés juntos! Puedes encontrar el enlace de invitación en el sitio web, o puedes pedírmelo si quieres!

Trabalhando em um Novo Projeto

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Uma visão geral do processo de iniciar e desenvolver um novo site web.

metawebdev

O Projeto

O projeto em que estou trabalhando se chama LLJT:

É um site que também é uma PWA, portanto também um aplicativo móvel. Ele usa MaterialUI para dar a impressão de ser um aplicativo de telefone real. Recentemente precisei gerenciar os imports do Mui, e passei de 11707 módulos para apenas 595 no final, importando manualmente cada ícone linha por linha, em vez de usar a importação desestruturada: aprendi que quando se faz uma importação desestruturada, na verdade carrega-se toda a biblioteca de ícones, enquanto importando-os individualmente, importa-se apenas aqueles de que precisa.

Nibi é o bot que está conectado a este site.A classificação é baseada no Google Forms: Usamos questionários de múltipla escolha para avaliar nossos alunos, e também damos cargos no Discord, bem como emojis e canais, aos nossos alunos, se eles passarem em um exame importante.

O objetivo deste projeto é ajudar as pessoas a aprender japonês junto conosco, pois é algo que eu também quero fazer. Os alunos também desbloquearão parcerias com a Crunchyroll e outras plataformas, para recompensá-los por suas habilidades.

Nibi e o site são hospedados respectivamente pelo Cloudflare Workers (Interaction URL com Hono Server) e GitHub Pages com React. O código do site não é open source, mas o Nibi é, e você pode encontrá-lo neste repositório do GitHub. O site não é open source pois contém informações privadas, mas se você quiser saber como o construí, pode me perguntar no Discord ou em outro lugar, e ficarei feliz em compartilhar o processo! Ele usa na verdade uma GitHub Action que criei para não precisar pagar pelo GitHub Enterprise, e também usa muitas outras ferramentas e técnicas legais que posso compartilhar se você tiver interesse!

Desde alguns dias, estou realmente adorando encontrar soluções alternativas para evitar hospedar meus projetos e ter que pagar por sua hospedagem. Foi por isso que fiz do Nibi um bot Interaction Endpoint, para que pudesse ser hospedado gratuitamente no Cloudflare Workers, e também criei uma GitHub Action para implantar o site gratuitamente no GitHub Pages, para não ter que pagar por sua hospedagem. Acho que encontrar soluções alternativas é uma das partes mais divertidas da programação, e é algo que aprecio enormemente! É preciso realmente pensar fora da caixa e encontrar soluções criativas para os problemas, e é isso que eu amo. Não se trata apenas de escrever código, trata-se de encontrar maneiras de fazer as coisas funcionarem sem gastar dinheiro, e é um desafio que realmente aprecio!

Usar GitHub Actions de uma maneira que não é especialmente prevista, e usar Cloudflare Workers para "hospedar" um bot, também é uma forma de aprender coisas novas e descobrir novas tecnologias, como hospedagem em nuvem, o que também aprecio. Eu realmente não quero mais pagar por hospedagem.

Ainda estou trabalhando nisso, mas você pode entrar no servidor do Discord se quiser acompanhar o progresso e ver como está evoluindo, e talvez até mesmo se juntar ao projeto se tiver interesse! O servidor é aberto a todos, e gostaríamos de ter mais pessoas para nos acompanhar nesta jornada para aprender japonês juntos! Você encontrará o link de convite no site, ou pode me pedir se quiser!

Bekerja pada Proyek Baru

·4 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Gambaran umum tentang proses memulai dan mengembangkan situs web baru.

metawebdev

Proyek

Proyek yang sedang saya kerjakan bernama LLJT :

Ini adalah situs web yang juga merupakan PWA, jadi juga aplikasi mobile. Ia menggunakan MaterialUI untuk memberikan kesan seperti aplikasi telepon sungguhan. Saya baru-baru ini harus menangani impor Mui, dan saya berhasil mengurangi dari 11707 modul menjadi hanya 595 pada akhirnya, dengan mengimpor setiap ikon secara manual baris per baris, daripada menggunakan impor terdestruktur: saya belajar bahwa ketika melakukan impor terdestruktur, sebenarnya kita memuat seluruh pustaka ikon, padahal jika mengimpornya satu per satu, kita hanya mengimpor yang kita butuhkan.

Nibi adalah bot yang terhubung ke situs web ini.Sistem penilaiannya didasarkan pada Google Forms : Kami menggunakan QCM untuk mengevaluasi siswa kami, dan kami juga memberikan peran Discord, serta emoji dan saluran, kepada siswa kami jika mereka lulus ujian penting.

Tujuan dari proyek ini adalah untuk membantu orang belajar bahasa Jepang bersama kami, karena ini juga sesuatu yang ingin saya lakukan sendiri. Para siswa juga akan membuka kemitraan dengan Crunchyroll dan platform lainnya, untuk memberi penghargaan atas keterampilan mereka.

Nibi dan situs web masing-masing dihosting oleh Cloudflare Workers (Interaction URL dengan Hono Server) dan GitHub Pages dengan React. Kode situs web tidak bersifat open source, tetapi Nibi bersifat open source, dan Anda dapat menemukannya di repositori GitHub ini. Situs web tidak bersifat open source karena berisi informasi pribadi, tetapi jika Anda ingin tahu bagaimana saya membuatnya, Anda dapat bertanya kepada saya di Discord atau di tempat lain, dan saya akan dengan senang hati membagikan prosesnya! Situs ini sebenarnya menggunakan GitHub Action yang saya buat agar tidak perlu membayar GitHub Enterprise, dan juga menggunakan banyak alat dan teknik keren lainnya yang dapat saya bagikan jika Anda tertarik!

Beberapa hari terakhir ini, saya sangat suka mencari solusi untuk menghindari menghosting proyek saya dan harus membayar untuk hosting mereka. Itulah mengapa saya membuat Nibi sebagai bot Interaction Endpoint, sehingga bisa dihosting secara gratis di Cloudflare Workers, dan saya juga membuat GitHub Action untuk menyebarkan situs secara gratis di GitHub Pages, agar tidak perlu membayar untuk hostingnya. Menurut saya, mencari solusi adalah salah satu bagian paling menyenangkan dalam coding, dan itu adalah sesuatu yang sangat saya nikmati! Kita benar-benar harus berpikir out of the box dan mencari solusi kreatif untuk masalah, dan itulah yang saya sukai. Ini bukan hanya tentang menulis kode, ini tentang mencari cara untuk membuat semuanya berfungsi tanpa mengeluarkan uang, dan itu adalah tantangan yang sangat saya nikmati!

Menggunakan GitHub Actions dengan cara yang tidak secara khusus dimaksudkan, dan menggunakan Cloudflare Workers untuk "menghosting" bot, juga merupakan cara untuk mempelajari hal-hal baru dan menemukan teknologi baru, seperti cloud hosting, yang juga saya hargai. Saya benar-benar tidak ingin lagi membayar untuk hosting.

Saya masih mengerjakannya tetapi Anda dapat bergabung dengan server Discord jika Anda ingin mengikuti perkembangannya dan melihat bagaimana proyek ini berkembang, dan mungkin bahkan bergabung dengan proyek jika Anda tertarik! Server ini terbuka untuk semua orang, dan kami ingin lebih banyak orang menemani kami dalam perjalanan belajar bahasa Jepang bersama ini! Anda dapat menemukan tautan undangan di situs web, atau Anda dapat memintanya kepada saya jika Anda mau!

एक नए प्रोजेक्ट पर काम करना

·5 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

एक नई वेबसाइट शुरू करने और विकसित करने की प्रक्रिया का एक अवलोकन।

metawebdev

प्रोजेक्ट

जिस प्रोजेक्ट पर मैं काम कर रहा हूँ उसे LLJT कहा जाता है:

यह एक वेबसाइट है जो एक PWA भी है, इसलिए एक मोबाइल एप्लिकेशन भी है। यह एक वास्तविक फ़ोन एप्लिकेशन का अहसास देने के लिए MaterialUI का उपयोग करता है। मुझे हाल ही में Mui इम्पोर्ट को संभालना पड़ा, और मैं 11707 मॉड्यूल से घटकर केवल 595 पर आ गया, प्रत्येक आइकन को मैन्युअल रूप से लाइन दर लाइन इम्पोर्ट करके, बजाय डी-स्ट्रक्चर्ड इम्पोर्ट का उपयोग करने के: मैंने सीखा कि जब आप डी-स्ट्रक्चर्ड इम्पोर्ट करते हैं, तो आप वास्तव में पूरी आइकन लाइब्रेरी लोड कर लेते हैं, जबकि उन्हें व्यक्तिगत रूप से इम्पोर्ट करने पर, आप केवल वही इम्पोर्ट करते हैं जिनकी आपको आवश्यकता है।

Nibi वह बॉट है जो इस वेबसाइट से जुड़ा है। ग्रेडिंग Google Forms पर आधारित है: हम अपने छात्रों का मूल्यांकन करने के लिए MCQ का उपयोग करते हैं, और यदि वे कोई महत्वपूर्ण परीक्षा पास करते हैं तो हम अपने छात्रों को Discord भूमिकाएँ, साथ ही इमोजी और चैनल भी देते हैं।

इस प्रोजेक्ट का उद्देश्य लोगों को हमारे साथ मिलकर जापानी सीखने में मदद करना है, क्योंकि मैं भी खुद ऐसा करना चाहता हूँ। छात्र उनके कौशल को पुरस्कृत करने के लिए Crunchyroll और अन्य प्लेटफ़ॉर्म के साथ पार्टनरशिप भी अनलॉक करेंगे।

Nibi और साइट क्रमशः Cloudflare Workers (Hono Server के साथ URL Interaction) और GitHub Pages React के साथ होस्ट किए गए हैं। साइट का कोड ओपन सोर्स नहीं है, लेकिन Nibi है, और आप इसे इस GitHub रिपॉजिटरी पर पा सकते हैं। साइट ओपन सोर्स नहीं है क्योंकि इसमें निजी जानकारी है, लेकिन अगर आप जानना चाहते हैं कि मैंने इसे कैसे बनाया, तो आप मुझसे Discord या अन्य माध्यम से पूछ सकते हैं, और मुझे आपके साथ प्रक्रिया साझा करने में खुशी होगी! यह वास्तव में एक GitHub Action का उपयोग करता है जिसे मैंने GitHub Enterprise के लिए भुगतान न करने के लिए बनाया था, और यह कई अन्य शानदार टूल और तकनीकों का भी उपयोग करता है जिन्हें मैं आपके साथ साझा कर सकता हूँ यदि आपको रुचि हो!

पिछले कुछ दिनों से, मुझे वास्तव में अपने प्रोजेक्ट्स को होस्ट करने और उनके होस्टिंग के लिए भुगतान करने से बचने के लिए वर्कअराउंड ढूँढ़ना पसंद आ रहा है। यही कारण है कि मैंने Nibi को एक Interaction Endpoint बॉट बनाया, ताकि इसे Cloudflare Workers पर मुफ्त में होस्ट किया जा सके, और मैंने साइट को GitHub Pages पर मुफ्त में डिप्लॉय करने के लिए एक GitHub Action भी बनाई, ताकि इसकी होस्टिंग के लिए भुगतान न करना पड़े। मुझे लगता है कि वर्कअराउंड ढूँढ़ना कोडिंग के सबसे मजेदार हिस्सों में से एक है, और यह एक ऐसी चीज़ है जिसका मैं बहुत आनंद लेता हूँ! वास्तव में बॉक्स के बाहर सोचना और समस्याओं के रचनात्मक समाधान ढूँढ़ना होता है, और यही मुझे पसंद है। यह केवल कोड लिखने का सवाल नहीं है, बल्कि पैसे खर्च किए बिना चीज़ों को काम करने के तरीके खोजने का है, और यह एक ऐसी चुनौती है जिसकी मैं वास्तव में सराहना करता हूँ!

GitHub Actions का इस तरह से उपयोग करना जो विशेष रूप से इसके लिए नहीं बनाया गया है, और Cloudflare Workers का उपयोग करके एक बॉट को "होस्ट" करना, नई चीज़ें सीखने और नई तकनीकों की खोज करने का भी एक तरीका है, जैसे क्लाउड होस्टिंग, जिसकी मैं भी सराहना करता हूँ। मैं वास्तव में अब होस्टिंग के लिए भुगतान नहीं करना चाहता।

मैं अभी भी इस पर काम कर रहा हूँ लेकिन आप Discord सर्वर में शामिल हो सकते हैं यदि आप प्रगति का अनुसरण करना चाहते हैं और देखना चाहते हैं कि यह कैसे विकसित हो रहा है, और शायद प्रोजेक्ट में शामिल भी हो सकते हैं यदि आपको रुचि हो! सर्वर सभी के लिए खुला है, और हम जापानी सीखने की इस यात्रा में हमारे साथ शामिल होने के लिए और अधिक लोगों को पाकर खुश होंगे! आप साइट पर आमंत्रण लिंक पा सकते हैं, या आप मुझसे पूछ सकते हैं यदि आप चाहें!

العمل على مشروع جديد

·3 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

نظرة عامة على عملية بدء وتطوير موقع ويب جديد.

metawebdev

المشروع

المشروع الذي أعمل عليه يُدعى LLJT:

إنه موقع ويب وهو أيضاً PWA، أي تطبيق جوال أيضاً. يستخدم MaterialUI لإعطاء انطباع بأنه تطبيق هاتف حقيقي. اضطررت مؤخراً للتعامل مع استيرادات Mui، وانتقلت من 11707 وحدة إلى 595 فقط في النهاية، عن طريق استيراد كل أيقونة يدوياً سطراً بسطر، بدلاً من استخدام الاستيراد المُفكك: تعلمت أنه عندما تقوم باستيراد مُفكك، فإنك في الواقع تحمّل مكتبة الأيقونات بأكملها، بينما عند استيرادها بشكل فردي، فإنك تستورد فقط تلك التي تحتاجها.

Nibi هو البوت المتصل بهذا الموقع.التدرج مبني على Google Forms: نستخدم اختبارات QCM لتقييم طلابنا، ونمنح أيضاً أدوار Discord، بالإضافة إلى الرموز التعبيرية والقنوات، لطلابنا إذا اجتازوا امتحاناً مهماً.

الهدف من هذا المشروع هو مساعدة الناس على تعلم اللغة اليابانية معنا، لأن هذا شيء أرغب في فعله بنفسي أيضاً. سيقوم الطلاب أيضاً بفتح شراكات مع Crunchyroll ومنصات أخرى، لمكافأتهم على مهاراتهم.

Nibi والموقع مستضافان على التوالي بواسطة Cloudflare Workers (تفاعل URL مع Hono Server) و GitHub Pages مع React. كود الموقع ليس مفتوح المصدر، لكن Nibi مفتوح المصدر، ويمكنك العثور عليه في هذا المستودع على GitHub. الموقع ليس مفتوح المصدر لأنه يحتوي على معلومات خاصة، لكن إذا كنت تريد معرفة كيف بنيته، يمكنك سؤالي على Discord أو غيره، وسأكون سعيداً بمشاركة العملية معك! إنه يستخدم في الواقع GitHub Action قمت بإنشائها لتجنب دفع تكاليف GitHub Enterprise، كما أنه يستخدم الكثير من الأدوات والتقنيات الرائعة الأخرى التي يمكنني مشاركتها معك إذا كنت مهتماً!

منذ بضعة أيام، أصبحت أحب حقاً إيجاد حلول بديلة لتجنب استضافة مشاريعي والاضطرار لدفع تكاليف استضافتها. لهذا السبب جعلت Nibi بوت Interaction Endpoint، ليتم استضافته مجاناً على Cloudflare Workers، وأنشأت أيضاً GitHub Action لنشر الموقع مجاناً على GitHub Pages، لتجنب دفع تكاليف استضافته. أعتقد أن إيجاد حلول بديلة هو أحد أكثر أجزاء البرمجة متعةً، وهو شيء أقدره كثيراً! يجب عليك حقاً التفكير خارج الصندوق وإيجاد حلول إبداعية للمشكلات، وهذا ما أحبه. الأمر لا يتعلق فقط بكتابة الكود، بل يتعلق بإيجاد طرق لجعل الأشياء تعمل دون إنفاق المال، وهذا تحدٍ أقدره حقاً!

استخدام GitHub Actions بطريقة غير مخصصة لها، واستخدام Cloudflare Workers "لاستضافة" بوت، هو أيضاً طريقة لتعلم أشياء جديدة واكتشاف تقنيات جديدة، مثل الاستضافة السحابية، وهو ما أقدره أيضاً. لا أريد حقاً أن أدفع تكاليف الاستضافة بعد الآن.

ما زلت أعمل عليه ولكن يمكنك الانضمام إلى خادم Discord إذا كنت تريد متابعة التقدم ورؤية كيف يتطور، وربما حتى الانضمام إلى المشروع إذا كنت مهتماً! الخادم مفتوح للجميع، ونود أن ينضم إلينا المزيد لمرافقتنا في هذه الرحلة لتعلم اللغة اليابانية معاً! ستجد رابط الدعوة على الموقع، أو يمكنك طلبه مني إذا أردت!

Làm việc trên một Dự án Mới

·5 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

Tổng quan về quy trình khởi động và phát triển một trang web mới.

metawebdev

Dự án

Dự án tôi đang làm tên là LLJT:

Đây là một trang web đồng thời cũng là một PWA, tức cũng là một ứng dụng di động. Nó sử dụng MaterialUI để tạo cảm giác như một ứng dụng điện thoại thực thụ. Gần đây tôi đã phải xử lý vấn đề import Mui, và tôi đã giảm từ 11707 modules xuống chỉ còn 595, bằng cách import từng icon thủ công từng dòng một, thay vì dùng import destructured: tôi đã học được rằng khi bạn dùng import destructured, bạn thực ra đang tải toàn bộ thư viện icon, trong khi nếu import từng cái riêng lẻ, bạn chỉ import những cái mình cần.

Nibi là bot kết nối với trang web này.Thang điểm dựa trên Google Forms: Chúng tôi sử dụng bài trắc nghiệm để đánh giá học viên, và cũng trao vai trò Discord, cũng như emoji và kênh trò chuyện, cho học viên nếu họ vượt qua một kỳ thi quan trọng.

Mục tiêu của dự án này là giúp mọi người học tiếng Nhật cùng với chúng tôi, vì đó cũng là điều tôi muốn tự mình thực hiện. Các học viên cũng sẽ mở khóa được các hợp tác với Crunchyroll và các nền tảng khác, để thưởng cho kỹ năng của họ.

Nibi và trang web lần lượt được lưu trữ bởi Cloudflare Workers (Interaction URL với Hono Server) và GitHub Pages với React. Mã nguồn của trang web không phải mã nguồn mở, nhưng Nibi thì có, và bạn có thể tìm thấy nó trên kho GitHub này. Trang web không phải mã nguồn mở vì nó chứa thông tin riêng tư, nhưng nếu bạn muốn biết cách tôi xây dựng nó, bạn có thể hỏi tôi qua Discord hoặc cách khác, và tôi sẽ sẵn lòng chia sẻ quy trình! Nó thực sự sử dụng một GitHub Action mà tôi đã tạo để không phải trả tiền cho GitHub Enterprise, và nó cũng sử dụng nhiều công cụ và kỹ thuật thú vị khác mà tôi có thể chia sẻ nếu bạn quan tâm!

Mấy ngày gần đây, tôi thực sự rất thích tìm các giải pháp vòng vo để tránh phải lưu trữ dự án và trả tiền hosting. Đó là lý do tôi biến Nibi thành bot Interaction Endpoint, để nó có thể được lưu trữ miễn phí trên Cloudflare Workers, và tôi cũng tạo một GitHub Action để triển khai trang web miễn phí lên GitHub Pages, để không phải trả tiền hosting. Tôi thấy rằng tìm giải pháp vòng vo là một trong những phần thú vị nhất của việc code, và đó là điều tôi vô cùng trân trọng! Bạn phải suy nghĩ sáng tạo và tìm ra những giải pháp độc đáo cho vấn đề, và đó là điều tôi yêu thích. Nó không chỉ là việc viết code, mà là tìm cách để mọi thứ hoạt động mà không tốn tiền, và đó là một thử thách tôi thực sự đánh giá cao!

Sử dụng GitHub Actions theo cách không được thiết kế riêng, và dùng Cloudflare Workers để "lưu trữ" bot, cũng là một cách để học hỏi những điều mới và khám phá công nghệ mới, như cloud hosting, điều mà tôi cũng rất quý. Tôi thực sự không muốn trả tiền cho hosting nữa.

Tôi vẫn đang làm việc trên nó nhưng bạn có thể tham gia server Discord nếu bạn muốn theo dõi tiến độ và xem mọi thứ phát triển, và thậm chí có thể tham gia dự án nếu bạn quan tâm! Server mở cửa cho tất cả mọi người, và chúng tôi rất muốn có thêm nhiều người đồng hành trong hành trình học tiếng Nhật cùng nhau này! Bạn có thể tìm thấy link mời trên trang web, hoặc bạn có thể hỏi tôi nếu muốn!

ทำงานในโปรเจกต์ใหม่

·2 min read

Fox3000foxy
Fox3000foxyVerified@fox3000foxy

ภาพรวมของกระบวนการเริ่มต้นและพัฒนาเว็บไซต์ใหม่

metawebdev

โปรเจกต์

โปรเจกต์ที่ฉันกำลังทำอยู่ชื่อ LLJT:

มันเป็นเว็บไซต์ที่ยังเป็น PWA ด้วย ดังนั้นจึงเป็นแอปมือถือด้วยเหมือนกัน มันใช้ MaterialUI เพื่อให้รู้สึกเหมือนเป็นแอปโทรศัพท์จริง ๆ เมื่อเร็ว ๆ นี้ฉันต้องจัดการกับ imports ของ Mui และผมลดจาก 11707 modules เหลือเพียง 595 ในตอนท้าย โดยการ import แต่ละไอคอนด้วยตนเองทีละบรรทัด แทนที่จะใช้ destructured import: ฉันได้เรียนรู้ว่าเมื่อเราใช้ destructured import เรากำลังโหลดทั้งไลบรารีไอคอน ในขณะที่ถ้า import ทีละตัว เราจะ import เฉพาะที่ต้องการเท่านั้น

Nibi คือบอทที่เชื่อมต่อกับเว็บไซต์นี้ การวัดระดับอิงจาก Google Forms: เราใช้ข้อสอบแบบปรนัย (QCM) เพื่อประเมินนักเรียนของเรา และเรายังให้ roles ใน Discord รวมถึง emojis และห้องแชท แก่นักเรียนของเรา หากพวกเขาสอบผ่านที่สำคัญ

เป้าหมายของโปรเจกต์นี้คือการช่วยให้ผู้คนเรียนภาษาญี่ปุ่นไปพร้อมกับเรา เพราะนั่นเป็นสิ่งที่ฉันอยากทำด้วยตัวเองเช่นกัน นักเรียนจะปลดล็อกความร่วมมือกับ Crunchyroll และแพลตฟอร์มอื่น ๆ เพื่อเป็นรางวัลสำหรับทักษะของพวกเขา

Nibi และเว็บไซต์โฮสต์โดย Cloudflare Workers (Interaction URL กับ Hono Server) และ GitHub Pages กับ React ตามลำดับ โค้ดของเว็บไซต์ไม่ได้เป็น open source แต่ Nibi เป็น และคุณสามารถหาได้ที่ GitHub repository นี้ เว็บไซต์ไม่ได้เป็น open source เพราะมันมีข้อมูลส่วนตัว แต่ถ้าคุณอยากรู้ว่าฉันสร้างมันขึ้นมาได้อย่างไร คุณสามารถถามฉันผ่าน Discord หรือช่องทางอื่นได้ และฉันยินดีแบ่งปันกระบวนการให้คุณฟัง! จริง ๆ แล้วมันใช้ GitHub Action ที่ฉันสร้างขึ้นเพื่อไม่ต้องจ่ายค่า GitHub Enterprise และยังใช้เครื่องมือและเทคนิคเจ๋ง ๆ อีกมากมายที่ฉันสามารถแชร์ได้ถ้าคุณสนใจ!

ไม่กี่วันที่ผ่านมา ฉันชอบหาวิธีเลี่ยงเพื่อไม่ต้องโฮสต์โปรเจกต์ของตัวเองและไม่ต้องจ่ายค่าโฮสต์ นั่นเป็นเหตุผลที่ฉันทำให้ Nibi เป็น Interaction Endpoint Bot เพื่อให้มันโฮสต์ฟรีบน Cloudflare Workers และฉันยังสร้าง GitHub Action เพื่อ deploy เว็บไซต์ฟรีบน GitHub Pages เพื่อไม่ต้องจ่ายค่าโฮสต์ ฉันคิดว่าการหาวิธีเลี่ยงปัญหานี้เป็นหนึ่งในส่วนที่สนุกที่สุดของการเขียนโค้ด และเป็นสิ่งที่ฉันชอบมาก! คุณต้องคิดนอกกรอบและหาวิธีแก้ไขปัญหาอย่างสร้างสรรค์ และนั่นคือสิ่งที่ฉันรัก มันไม่ใช่แค่เรื่องของการเขียนโค้ด แต่มันคือการหาวิธีทำให้สิ่งต่าง ๆ ทำงานได้โดยไม่ต้องใช้เงิน และนั่นคือความท้าทายที่ฉันชอบจริง ๆ!

การใช้ GitHub Actions ในแบบที่ไม่ใช่จุดประสงค์หลัก และการใช้ Cloudflare Workers เพื่อ "โฮสต์" บอท ก็เป็นวิธีการเรียนรู้สิ่งใหม่ ๆ และค้นพบเทคโนโลยีใหม่ ๆ เช่น cloud hosting ซึ่งฉันก็ชอบเช่นกัน ฉันไม่อยากจ่ายค่าโฮสต์อีกต่อไปแล้ว

ฉันยังคงทำงานอยู่ แต่คุณสามารถเข้าร่วม Discord Server ได้ถ้าคุณอยากติดตามความคืบหน้าและดูว่ามันพัฒนาไปอย่างไร และอาจจะร่วมโปรเจกต์ด้วยถ้าคุณสนใจ! เซิร์ฟเวอร์เปิดให้ทุกคน และเราอยากให้มีคนมากขึ้นมาร่วมเดินทางไปกับเราในการเรียนภาษาญี่ปุ่นไปด้วยกัน! คุณสามารถหาลิงก์เชิญได้บนเว็บไซต์ หรือคุณสามารถถามฉันได้ถ้าต้องการ!

Related Articles

How Does This Blog Work?

A deep dive into this blog's internals: React, Vite, Markdown, the CI/CD pipeline, and the article-writing workflow.

About My GitHub Profile

A brief introduction to my GitHub profile.