| AWS |
AWS Management Tools Blog |
How to perform a Well-Architected Framework Review- Part 3 |
https://aws.amazon.com/blogs/mt/how-to-perform-a-well-architected-framework-review-part3/
|
How to perform a Well Architected Framework Review Part In previous blog posts we discussed the first two phases for running a Well Architected Framework Review or WAFR The first phase is to Prepare and the second phase in to conduct the Review In this blog post we dive deep into the third phase Improve Figure WAFR Phases What is the Improve phase At this … |
2023-08-03 20:55:15 |
| AWS |
AWS Management Tools Blog |
How to perform a Well-Architected Framework Review- Part 2 |
https://aws.amazon.com/blogs/mt/how-to-perform-a-well-architected-framework-review-part2/
|
How to perform a Well Architected Framework Review Part There are three phases to conduct a successful Well Architected Framework Review or WAFR Prepare Review and Improve In part of this blog series we discussed the preparation phase In this part we will dive deep into the best practices of the second phase the actual review Figure WAFR Phases Assuming you follow the recommendations … |
2023-08-03 20:55:05 |
| AWS |
AWS Management Tools Blog |
How to perform a Well-Architected Framework Review- Part 1 |
https://aws.amazon.com/blogs/mt/how-to-perform-a-well-architected-framework-review-part1/
|
How to perform a Well Architected Framework Review Part Is my workload well architected Is my team following cloud best practices How do other customers implement solution X What is the best way to configure service Y These are examples of questions I usually get from my customers who want to validate if their architecture is aligned with AWS best practices The answers to these … |
2023-08-03 20:54:55 |
| AWS |
AWS Startups Blog |
Compute for Climate Fellowship to fund new tech solutions addressing the climate crisis |
https://aws.amazon.com/blogs/startups/compute-for-climate-fellowship-to-fund-new-tech-solutions-addressing-the-climate-crisis/
|
Compute for Climate Fellowship to fund new tech solutions addressing the climate crisisApplications for the Compute for Climate Fellowship are open now Submit your application before August to be considered and maybe have the opportunity to be showcased at AWS re Invent conference in November Applications submitted after September will be considered for development in |
2023-08-03 20:42:54 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【Vite+TypeScript+React】環境変数の活用方法とそのトラブルシューティング |
https://qiita.com/itinerant_programmer/items/2c65755983de922c466f
|
importmeta |
2023-08-04 05:17:45 |
| 海外TECH |
MakeUseOf |
How to Reshape Your Perception of Time for Better Productivity |
https://www.makeuseof.com/reshape-perception-of-time-for-productivity/
|
productivitydo |
2023-08-03 20:30:26 |
| 海外TECH |
MakeUseOf |
WhatsApp Voice Calling: Everything You Need to Know |
https://www.makeuseof.com/tag/whatsapp-voice-call-everything-you-need-to-know/
|
common |
2023-08-03 20:05:25 |
| 海外TECH |
MakeUseOf |
Instagram Issues? Use This Troubleshooting Guide |
https://www.makeuseof.com/instagram-issues-troubleshooting-guide-fixes/
|
instagram |
2023-08-03 20:01:27 |
| 海外TECH |
DEV Community |
refine + DEV Hackathon Winners, Announced! |
https://dev.to/devteam/refine-dev-hackathon-winners-announced-237g
|
refine DEV Hackathon Winners Announced In June we announced a challenge on DEV in partnership with our friends at refine the refine DEV Hackathon Our brilliant participants were challenged to build brand new apps using refine and optionally Supabase and Material UI Submissions were to be filed in one of five categories Best Overall Project Most Visually Pleasing Most Technically Impressive Best Project using Supabase or Best Project using Material UI It s never easy for contest judges to pick just one Grand Prize winner per category and runners up and this time was no different Even so judges from the DEV and refine teams managed to pick our winners and I m excited to share them with you today Let s take a look at the winning projects for the refine DEV Hackathon Best Overall Project abdellah Refine Native abdellah・Jul refinehackathon Most Visually Pleasing brindashree TripStash Brindashree C B・Jul refinehackathon typescript webdev supabase Most Technically Impressive asyncerror Supaheroes AI powered heroes and villains Luis・Jul refinehackathon refine mui supabase Best Project using Supabase dariuspasca Anisong Your personal anime playlist creator Darius・Jul refinehackathon Best Project using Material UI ansellmaximilian RSVQuick Online Invitation App Made Using Refine Ansell Maximilian・Jul refinehackathon refine All Grand Prize Winners will receive USD gift card or equivalent USD credit to the DEV Shop DEV Sticker Pack DEV “refine DEV Hackathon Grand Prize profile badge And our Runners Up in random order Stream discovery find a streamer Ondřej Šimanovský・Jul refinehackathon webdev nextjs typescript Prompteer AI Prompts amp Engaging comments Mateus Abelli・Jul refinehackathon ai prompts refine Librify Modern Library Management with Refine Joel Jaison・Jul refinehackathon Test your skills with AI assistance PawełCiosek・Jul refinehackathon React Analytics Kaku g・Jul refinehackathon Managify Manage Your Teams Easily Raşit Çolakel・Jul refinehackathon supabase mui refine Competee An online competition platform to unleash hidden talents Alex・Jul refinehackathon refine webdev showdev Transparent and organized governance GTFC Municipality s Monitoring and Evaluation Platform mbayedione・Jul refinehackathon react webdev opensource Rapply The All In One Job Hunting Assistant Mahir Mahdi・Jul refinehackathon webdev showdev productivity Create animations with Keronote ui Gregson Murcia Castro・Jul refinehackathon keronote All runners up will receive USD gift card or equivalent USD credit to the DEV Shop DEV Sticker Pack DEV “refine DEV Hackathon Runner Up profile badge ParticipantsAll participants with a valid project will receive a DEV Sticker Pack and a “refine DEV Hackathon participant profile badge To everyone who submitted a project for this hackathon we re giving you a huge round of applause In the process of building your project you sharpened your skills while learning something new That s something to be very proud of Our team will follow up with all winners and participants with an email about their prizes gift codes and stickers by tomorrow Friday August th Great work everyone We hope you had a blast participating in the refine DEV Hackathon |
2023-08-03 20:43:35 |
| 海外TECH |
DEV Community |
Top 30 Flutter Food App Templates for 2023 |
https://dev.to/pablonax/top-30-flutter-food-app-templates-for-2023-bfa
|
Top Flutter Food App Templates for Flutter has become one of the most popular frameworks for building cross platform mobile apps With its fast development times beautiful UI components and ability to target both Android and iOS Flutter is a top choice for developers building food ordering delivery and recipe apps In this comprehensive guide we review the top Flutter food app templates available on the market today These pre built templates allow you to quickly build a food app without starting from scratch Whether you need an app for a restaurant grocery delivery recipes or more there is a template here to fit your needs Table of Contents World Food Recipe Food Recipes Flutter iOS Android App Template Smart Menu Food App Flutter Mobile App Template Restaurant App Flutter Mobile App Template App Template eCommerce Food Grocery Delivery App Peer to Peer Delivery Courier App DeliOne Grostore Food amp Grocery eCommerce Customer App Food Delivery Flutter UI Kit Ui Restaurant Food app in Flutter Food Delivery Flutter iOS Android App Template A single amp multi branch restaurant Vendor App iOS amp Android A single amp multi branch restaurant amp grocery store food ordering and delivery platform Flutter NourishNow Full Android iOS Multi Restaurants Food Delivery App Admin Panel Maha Ecommerce Flutter App Utilmate Food Flutter App Template Quick Delivery Food Delivery Mobile App Flutter Template Foodyman Multi Restaurant Food and Grocery Ordering and Delivery Marketplace Web amp Customer Apps Goshops Multi vendor e commerce marketplace Website Customer Courier apps POS Admin panel eMart Multivendor Food eCommerce Parcel Taxi booking Car Rental App with Admin and Website eFood Kitchen Chef App Flutter Food Delivery Multi Restaurants Laravel Backend Android iOS Website Admin PWA Foodyman Restaurant and Grocery Vendor App iOS amp Android Food Delivery Flutter App UI Kit Zomo Food Ninja Food Delivery App Flutter UI Template EcoShop Multivendor Food Grocery Ecommerce Flutter App with Admin Panel amp Website DTRecipe Food Recipe Flutter Full Application Laravel Admin Panel Food Delivery App Single Restaurant UI Template for Flutter Foodie Flutter Recipe App UI Kit Food Delivery App Multi Restaurant UI Template for Flutter Shopy Seller Flutter App Shopy Multivendor eCommerce Food Grocery Pharmacy Delivery Flutter App Admin amp Website GoEat Dineout Restaurant Table Booking App Food Ordering Restaurant Offers amp Dineout Flutter AppWorld Food Recipe Food Recipes Flutter iOS Android App TemplateWorld Food Recipe is a template for building a recipe app in Flutter It includes features like browsing recipes by category searching for recipes bookmarking favorites and more The clean modern UI is perfect for food and recipe apps With support for both iOS and Android you can quickly build for both platforms Some key features include Browse global recipes by category like desserts chicken vegetarian etc Search recipes by keywords View recipe details including images ingredients instructions Bookmark save favorite recipes Share recipes on social media Light and dark theme supportThis template helps developers skip over the initial UI work and focus on the app logic and integration The well designed screens components and routing flow make it easy to get started quickly If you want to build a recipe app this is one of the top Flutter templates to consider Smart Menu Food App Flutter Mobile App TemplateSmart Menu is a Flutter template for building mobile apps for restaurants and food businesses It provides an entire flow from browsing a menu to ordering payments and more The modern minimalist UI design is perfect for food delivery and takeout apps Key features include Browse restaurant menu by category View food item details Add items to cart order Make payments Track order status Notifications and contactless delivery Table bookingWith support for both Android and iOS this template enables building a production ready food app quickly The well organized codebase and pre built screens make development faster If you want to launch a mobile app for your restaurant business this Flutter template will give you a solid foundation Restaurant App Flutter Mobile App TemplateRestaurant App is a Flutter template tailored for restaurant businesses It includes features like browsing a menu ordering food online reservations and more The template provides screens including home category item details cart checkout profile etc Some major features include View restaurant info and menus Browse menu items by category Add remove items to cart Online payment integration Track order status Table reservation User account managementWith support for both Android and iOS this template accelerates development of food ordering apps for restaurants The organized code structure pre built screens and components make getting started easy for developers Overall it s a great choice for a restaurant mobile app project App Template eCommerce Food Grocery Delivery App Peer to Peer Delivery Courier App DeliOneThis bundle includes app templates ecommerce food delivery grocery delivery peer to peer delivery courier and parcel delivery It s an all in one solution for launching an on demand delivery business Key features include Ready apps for customers and delivery partners Order tracking system Payment integration Chat support Notifications and updates Analytics and reports for admin Works with Android and iOSThis comprehensive package covers end to end requirements for an on demand delivery platform with different apps for customers delivery partners and admin The Flutter apps and Laravel backend provide a robust and scalable solution to build your business quickly Grostore Food amp Grocery eCommerce Customer AppGrostore is a ready to use ecommerce customer app template for Android and iOS It focuses on grocery and food delivery businesses The template provides a complete shopping experience including product catalogs search cart checkout orders and more Some major features include Product categories and listings Search and filters Adding items to cart Promo codes and discounts Multiple payment options Order tracking and notificationsWith its well designed catalog shopping and account management screens this template enables you to quickly build a grocery delivery app The Flutter codebase follows best practices and is easy to customize If you want to build an ecommerce food delivery app Grostore is a great starting point Food Delivery Flutter UI KitThis UI kit includes screens and components to build a food ordering and delivery app in Flutter It contains screens covering end to end user journeys including authentication home search restaurant details menu cart tracking payments and more Key features Ready to use screens for Android and iOS Custom widgets and components Search and filters for restaurants Chat support for orders Payment gateways integration Order tracking with live mapWith pre built screens components and flows for customers and delivery partners apps this kit speeds up food delivery app development significantly The well organized codebase along with detailed documentation make it easy to customize and extend as well Ui Restaurant Food app in Flutter This Flutter template provides beautiful UI for building restaurant and food delivery apps It contains screens including splash login signup forgot password home product details cart profile etc The modern minimalist design focuses on food apps and restaurants Some key features Ready screens for Android and iOS Custom widgets and components Search and filters for food items Notifications and tracking Support for dark theme Firebase integration for authenticationWith its well designed UI covering both customer and restaurant owner journeys this Flutter template provides a solid foundation to build your food app quickly Less time on UI means faster time to market Food Delivery Flutter iOS Android App TemplateThis ready to use template allows building food delivery apps for iOS and Android quickly It provides screens covering end to end workflows including signup login forgot password home search restaurant details food listing cart tracking payments and more Some key features Ready made flows for customers and delivery partners Custom widgets and UI components Firebase for authentication Chat support for orders Payment gateway integration Multi language supportThis Flutter food delivery app template follows best practices and is easy to customize Detailed documentation helps you tweak it per your needs With its pre built screens and backend integration it speeds up development significantly A single amp multi branch restaurant Vendor App iOS amp Android This Flutter template allows building apps for single and multiple branch restaurants It enables restaurants to digitize operations like menu management order management reservations loyalty programs analytics and more Key features include Dish management Order management and tracking Manage reservations Loyalty and rewards system Analytics and reports Push notifications Support for multiple branchesBy providing ready to use restaurant management screens and workflows this template allows launching your restaurant app faster The well organized codebase along with detailed documentation make customizations easy A single amp multi branch restaurant amp grocery store food ordering and delivery platformThis Flutter template provides full stack solutions for online food ordering and delivery platforms supporting single and multiple restaurant branches The key features include Separate apps for customers delivery partners and restaurant owners Order management system with tracking Restaurant and vendor inventory menu management Driver assignment and order optimization Payment gateways integration Admin dashboard for central management Support for multiple restaurant branchesBy supporting capabilities for multi outlet restaurants and grocery stores this template enables building platforms like Zomato Swiggy and Dunzo The well designed apps and admin portal help manage end to end workflows With Flutter apps for high performance and Laravel backend for scalability startups can leverage this template to launch and scale their on demand delivery platforms rapidly Detailed documentation also assists with customization Flutter NourishNow Full Android iOS Multi Restaurants Food Delivery App Admin PanelNourishNow is a complete food delivery solution with apps for customers delivery partners restaurants and full featured admin panel It enables launching platforms like Zomato and Swiggy quickly Key features Apps for customers delivery and restaurants Admin dashboard for management Multiple payment options Tracking chat and support Notifications and offers Reviews and ratings managementWith support for multiple restaurants and cuisines this template has all the building blocks needed for a food delivery business Pre built apps and backend admin panel accelerate development significantly Maha Ecommerce Flutter AppMaha is an ecommerce Flutter app template that includes features for a complete shopping experience Customers can browse products apply filters search add to cart checkout track orders and more Some major capabilities Product catalog organized by categories Product search and filters Cart management Multiple shipping addresses Integration with payment gateways Order tracking systemWith Maha you can quickly build ecommerce apps for any vertical electronics fashion home goods etc The codebase follows best practices and is easy to customize An ecommerce API can be readily integrated Utilmate Food Flutter App TemplateUtilmate is a Flutter app template focused on food and grocery delivery businesses It provides a complete order lifecycle experience including browsing menus ordering scheduling delivery payments tracking and more Key features Food and grocery item listings Real time order tracking Selection of delivery slots Multiple payment options Push notifications for status Rating and reviewsBy providing ready made screens and flows for customers and delivery partners apps Utilmate enables quick development of food delivery solutions The modular architecture makes customization straightforward as well Quick Delivery Food Delivery Mobile App Flutter TemplateQuick Delivery is a ready to use Flutter template to build mobile apps for food delivery startups It provides screens and UI components covering user flows for customers and delivery partners Some major features Readymade screens and workflows Maps integration for delivery tracking Chat support for orders Multi language support Custom themes and customization optionsWith ready to use screens themes localization support and documentation this template helps startups build and launch food delivery apps faster The codebase follows best practices and is easy to extend Foodyman Multi Restaurant Food and Grocery Ordering and Delivery Marketplace Web amp Customer Apps Foodyman provides full stack solutions for launching online food ordering and delivery platforms It includes mobile apps responsive web apps and admin dashboard Major features Apps for customers restaurants drivers Order management system Restaurant and driver CMS Payment gateway integration Real time tracking and supportWith multi restaurant and multi vendor capabilities Foodyman enables building platforms like Foodpanda and JustEat The apps are built with Flutter and ReactJS ensuring high performance and scalability Goshops Multi vendor e commerce marketplace Website Customer Courier apps POS Admin panel Goshops provides full stack ecommerce marketplace solutions for launching platforms like Etsy and eBay It consists of multi vendor inventory and order management system Core features Webstorefront and mobile apps Seller storefronts and POS Integrated payments and checkout Courier apps for delivery Centralized admin dashboardThis solutions enables anyone to start their own managed marketplaceplace quickly With robust tech stack and scalable architecture Goshops provides a solid foundation for ecommerce businesses eMart Multivendor Food eCommerce Parcel Taxi booking Car Rental App with Admin and WebsiteeMart is an all in one super app template for services like food delivery ecommerce cab booking parcel delivery etc The solution consists of mobile apps management portal and website Main features On demand service apps Vendor management portals Centralized admin dashboard Website for marketing Payments and wallet integrationWith ready apps for end users and service providers eMart enables launching multi service platforms quickly Microservices architecture and Flutter clients ensure scalability and high performance eFood Kitchen Chef AppeFood provides Flutter app templates for restaurants and cloud kitchens It enables restaurants to digitize operations with features like menu management online ordering delivery tracking and more Some major capabilities Digital menu management Live order tracking Inventory and stock management Staff and shift management Multi outlet supporteFood makes it easy for restaurants to streamline processes and manage online food business With extended capabilities like CRM and loyalty programs it s a full fledged restaurant management solution Flutter Food Delivery Multi Restaurants Laravel Backend Android iOS Website Admin PWA This Flutter template provides full stack solutions for a multi restaurant food delivery business It consists of mobile apps progressive web apps admin dashboard and Laravel backend Key features Apps for customers drivers and restaurants Order management system Delivery tracking and optimization Payment gateways integration Real time analytics and reportsWith support for multiple restaurants cuisines and locations this template enables building platforms like Foodpanda and GrubHub The tech stack ensures scalability security and high performance Foodyman Restaurant and Grocery Vendor App iOS amp Android This Flutter template provides restaurant and grocery owners apps to manage online food business Owners can manage menu view and fulfil orders manage inventory track analytics and more Major capabilities Digital menu and inventory Order management and tracking Staff and shift management Revenue and sales reporting Push notificationsBy digitizing operations for restaurants and grocery stores this app allows them to thrive in online food business models Customization of the apps is straightforward with detailed docs Food Delivery Flutter App UI Kit ZomoZomo provides a beautiful Flutter UI kit for building food delivery apps It contains screens and focused on creating a seamless user experience The minimalist monochromatic design looks great for restaurant and food apps Core features Ready made screens for Android and iOS Custom widgets and components Sample theme and design system Documentation for customizationWith well designed screens components and flow for customers and drivers app this UI kit enables quick development of food delivery apps Detailed docs help in tweaking it as needed Food Ninja Food Delivery App Flutter UI TemplateFood Ninja provides a Flutter UI template consisting of screens for building beautiful food delivery apps The template focuses extensively on UI and UX Key features app screens for Android and iOS Custom widgets and components Animations and gestures Custom theme support Detailed documentationWith well designed screens and flows for customers and drivers apps Food Ninja enables quick building of food delivery apps Detailed docs help in customizing it as needed EcoShop Multivendor Food Grocery Ecommerce Flutter App with Admin Panel amp WebsiteEcoShop provides full stack solutions for building multi vendor food and grocery delivery platforms It consists of mobile apps admin panel and website Major features On demand delivery apps Seller management portals Centralized admin dashboard Customizable website Payment gateways integrationEcoShop enables startups to quickly launch platforms like Instacart and Dunzo The microservices architecture ensures high scalability and performance Detailed docs help in customization DTRecipe Food Recipe Flutter Full Application Laravel Admin PanelDTRecipe provides a recipe management system with mobile app for users and admin panel Users can browse search save recipes and more Admins can manage recipes users ads etc Core features User app for Android and iOS Admin dashboard for management Recipe management system User management and roles Ad management moduleDTRecipe has all the key ingredients for launching a recipe platform With Flutter app and Laravel backend you get robust and scalable solutions out of the box Food Delivery App Single Restaurant UI Template for FlutterThis Flutter template provides UI for building food delivery apps for single restaurants It contains screens covering end user flows of browsing menu ordering tracking order and payments Key features Ready made UI for Android and iOS Custom widgets and components Profile management Interactive payment flow Sample theme and design systemWith its well designed screens and flows this template can help single restaurants quickly build their own apps for online food delivery The codebase is clearly documented for easy customization Foodie Flutter Recipe App UI KitFoodie provides UI kits for building recipe apps in Flutter It contains screens for recipes browsing search favorites shopping list profile management and more The visuals follow modern and minimalist design aesthetics Notable features Ready made UI for Android and iOS Custom widgets and components Recipe management system User account management Sample themes and customization optionsWith its well designed recipe management and user account screens Foodie enables accelerating recipe app development significantly Detailed docs help in customizing it Food Delivery App Multi Restaurant UI Template for FlutterThis Flutter template provides ready made UI for building multi restaurant food delivery apps like Zomato and Swiggy It contains screens covering customer and driver apps Main features Ready to use screens for Android and iOS Restaurant listing and menus Interactive order tracking Multiple payment options Push notifications supportWith support for multi vendor workflows this template accelerates building food delivery platforms significantly Modular architecture and detailed docs make customization straightforward Shopy Seller Flutter AppShopy provides a Flutter app template for sellers on multi vendor ecommerce marketplaces Sellers can manage products view orders manage account track insights and more Key capabilities Product inventory management Order fulfillment and tracking Seller profile management Sales and revenue analytics Push notifications for ordersThis template allows marketplaces to quickly build seller apps that help vendors manage their online businesses The codebase is production ready and easy to customize Shopy Multivendor eCommerce Food Grocery Pharmacy Delivery Flutter App Admin amp WebsiteShopy provides full stack solutions for multi vendor delivery businesses It includes apps for customers sellers delivery agents along with admin panel and website Notable features On demand service apps Seller and agent management Centralized admin dashboard Customizable webstorefront Payment gateways integrationShopy enables startups to quickly launch platforms like Instacart Deliveroo etc Microservices architecture ensures high scalability Detailed docs help in customization GoEat Dineout Restaurant Table Booking App Food Ordering Restaurant Offers amp Dineout Flutter AppGoEat Dineout provides a complete solution for table booking online food ordering and restaurant offers management Customers can book tables order food and use offers Major features Book tables at restaurants Order food delivery takeaway Use dining offers and deals Earn and redeem loyalty points Waitlist and queue managementWith apps for customers and restaurants GoEat enables businesses to digitize dining experiences Features like analytics help restaurants understand demand patterns FAQWhat are the benefits of using a Flutter template for food apps Flutter templates allow faster development of food apps by providing ready made UI components flows and backend integration This significantly reduces time to market Templates are also fully customizable allowing modifying as per unique needs What key features should a good food delivery app template have A good template should have ready made screens for key workflows like browsing restaurants ordering food tracking delivery and payments It should also include custom components like cards buttons and forms Backed integration for maps push notifications is also useful How to customize a Flutter template for food delivery apps Choose a template with good documentation and modular code structure Then you can easily modify parts like themes fonts colors components as per your branding needs Tweak workflows and integrate custom business logic as needed Good templates make customization straightforward Tips for Users Carefully go through the template demo and documentation before purchase to ensure it matches your requirements Prioritize templates that follow best practices and have easy customization options Choose templates with active community and developer support for any queries Make sure to go through the code structure well before using the template for development Leverage ready made components but validate them thoroughly before going live ConclusionFlutter has emerged as the top choice for building mobile apps for food businesses like restaurants grocery delivery meal kits and more The cross platform capabilities make it easy to build for both Android and iOS with the same codebase Using templates allows startups and developers to build Flutter apps faster by leveraging ready made building blocks We reviewed the top Flutter templates for food delivery recipes restaurants ecommerce apps and more Each template caters to a specific set of requirements Carefully evaluating the templates and choosing the right one as per your needs can help accelerate development significantly The ready made UI flows and backend integration in these templates enable launching food apps faster So explore the top templates evaluate their capabilities and pick the one that best matches your app requirements Using these templates as the starting point can help build successful food experience mobile apps in a quick cost effective manner |
2023-08-03 20:36:16 |
| 海外TECH |
DEV Community |
SvelteKit: How to make code-based router, instead of file-based router [August 2023] |
https://dev.to/maxcore/sveltekit-how-to-make-code-based-router-instead-of-file-based-router-august-2023-5f9
|
SvelteKit How to make code based router instead of file based router August I Create urls js somewhere you like it const urls re page src home svelte layout src base svelte error src error svelte signin re signin page src signin svelte parent layout and error will be inherited from url with key settings re settings page src settings svelte parent layout src user svelte layout from parent will be combined with custom layout username re w page src feed svelte parent layout src user svelte export function getRoutes let result for const id item of Object entries Urls const parent item parent result item parent null const route id id pattern item re params item params layout child pages universal item universal server item server component item layout leaf universal item universal server item server component item page error component item error parent error component endpoint item endpoint file item endpoint null parent parent result id route return Object values result Add routes to svelte config jsimport getRoutes from urls js const config routes getRoutes Open create manifest data index jsnode modules sveltejs kit src core sync create manifest data index jsa Find prevent conflicts routes const root routes b Past between that two lines routes length routes push config routes c Find routes sort routes routes d Replace with routes routes One could install patch package so this changes will be automatically applied in future without manual hacks gt npm i patch package gt npx patch package sveltejs kitpackage json scripts postinstall patch package lt ーadd thisThat s all |
2023-08-03 20:32:42 |
| 海外TECH |
DEV Community |
Java VS PHP |
https://dev.to/arsalanmee/java-vs-php-5fcc
|
Java VS PHPHere s a comparison table between Java and PHP AspectJavaPHPTypeObject orientedObject orientedUsagePrimarily used for enterprise level applications and backend systems Primarily used for web development especially server side scripting SyntaxC like syntax with strong typing C like syntax with weak typing PlatformPlatform independent Write Once Run Anywhere runs on Java Virtual Machine JVM Platform independent runs on web servers with PHP installed PerformanceGenerally faster due to compiled bytecode execution on the JVM Generally slower due to interpreted nature though performance improvements over the years CommunityLarge and active community extensive libraries and frameworks available Large community especially focused on web development with numerous open source libraries and frameworks Ease of LearningSteeper learning curve especially for beginners due to its strong typing and complexity Easier to learn especially for beginners due to its weak typing and simpler syntax SecurityStrong emphasis on security less prone to common web vulnerabilities Historically had some security concerns but improvements have been made over time Proper coding practices are crucial Popular FrameworksSpring Hibernate JavaServer Faces JSF Laravel Symfony CodeIgniter Database AccessJDBC Java Database Connectivity for database access PDO PHP Data Objects or MySQLi for database access HostingRequires a Java application server e g Apache Tomcat Can run on most web servers with PHP support e g Apache Nginx ScalabilityScales well for large scale applications and systems Scales well for small to medium sized web applications Use CasesEnterprise applications Android app development Big Data processing Web development dynamic websites content management systems CMS e commerce platforms |
2023-08-03 20:28:14 |
| 海外TECH |
DEV Community |
Maximizing Student Potential: Unleashing the Power of AWS |
https://dev.to/awscloudclubs/maximizing-student-potential-unleashing-the-power-of-aws-46o0
|
Maximizing Student Potential Unleashing the Power of AWS IntroductionAs technology reshapes our world students are presented with endless possibilities to enhance their learning experience One tool that has revolutionized the way we approach compute resources is Amazon Web Services AWS AWS offers a comprehensive suite of cloud computing services enabling students to access powerful resources and tools that were once out of reach In this article we will explore the benefits of using AWS as a student and how it can empower you to reach new heights in your academic pursuits Accessibility and AffordabilityOne of the main advantages of AWS for students is its availability and affordability AWS offers a free tier account that allows students to explore different projects and gain hands on experience without worrying about the financial burden However it s important to note that even though the free tier is available you should still be mindful of cost effectiveness as expenses can quickly accumulate if you re not careful Elasticity and ScalabilityWhether you re working on your own small project or collaborating on a larger research effort AWS offers you the flexibility to meet your needs With AWS you can easily scale your infrastructure up or down based on demand This elasticity allows it to handle fluctuating workloads efficiently For example if you are running experiments that require computing resources you can quickly assign powerful virtual machines to complete your work and once done you can scale back to save costs Vast Range of ServicesAWS has a vast array of services designed to meet your computing needs As a student this means access to cutting edge technology that can enhance the potential of your studies and work Here are a few notable services a Amazon S Simple Storage Service Store and retrieve data effortlessly with this flexible and powerful storage service Whether you need to store research data media files or backups S offers a secure and reliable solution b Amazon EC Elastic Compute Cloud Lease a virtual server in the cloud to run your applications analyze data or run complex simulations EC allows you to choose from a wide range of instances each optimized for a specific task c AWS Lambda Create and deploy code without having to provision or manage servers Lambda enables you to build serverless applications delivering high performance and cost effective solutions for small projects or prototypes d Amazon RDS Relational Database Service Easily set up and maintain relational databases RDS supports a variety of database engines including MySQL PostgreSQL and Oracle and allows you to choose the one that best suits your needs Learning Opportunities and CertificationsUsing AWS as a student not only enhances your technical skills but also opens up avenues for further study and professional development AWS offers a variety of educational resources including extensive documentation tutorials and training courses By becoming familiar with AWS services you can develop valuable skills that are in high demand in today s business environment Additionally obtaining an AWS certification verifies your expertise in a particular AWS technology These certifications can enhance your resume and set you apart from other people seeking internships or job opportunities Collaboration and NetworkingAWS provides one of the best platforms for collaboration and networking with fellow students researchers and professionals With AWS student Cloud Clubs you can easily share your services and resources allowing for easy collaboration on team assignments or research projects It is a student led User group from ages to where students network learn and share their knowledge with their peers This program is launched by the AWS Academic Advocacy Developer Relations Team Additionally participating in AWS related events seminars and joining your local AWS user groups can put you in touch with like minded individuals and industry experts providing valuable connections in your academic and professional journey ConclusionAdding AWS to your student life can be a game changer From the accessibility and affordability of AWS to its many services and learning opportunities AWS empowers students to leverage cutting edge technology and enhance their learning experience Using AWS students can explore experiment and innovate without the limitations of traditional computing resources Whether you are researching developing applications or exploring new technologies AWS offers the scalability flexibility and cost effectiveness necessary to succeed The ability to scale your infrastructure as required access multiple services and cooperate with others amplifies your potential and expands the horizons of what you can achieve Additionally the power of AWS certifications and education available helps you develop valuable skills and knowledge that are invaluable in the industry By including AWS in your learning journey you put yourself at the forefront of technology equipped with skills that can pave the way for exciting career opportunities So why not take the opportunity to harness the power of AWS as a student Immerse yourself in the vast ecosystem of projects try new ideas collaborate with your peers and unlock your full potential AWS is not just a cloud platform It is a gateway to unlimited possibilities that can elevate your educational experience and put you on the path to success Remember the world is changing and technology is leading the way By adopting AWS you become part of the innovative community of the future Embrace the power of AWS as a student and let it propel you to a world of endless opportunities |
2023-08-03 20:27:19 |
| 海外TECH |
DEV Community |
Start by writing messy code |
https://dev.to/svemaraju/start-by-writing-messy-code-52oe
|
Start by writing messy codeThe conventional wisdom in software engineering advocates for breaking down code into loosely coupled functions classes and modules among other things Numerous books and blog posts discuss various approaches that help us achieve the best possible design for our code Sometimes we may get lucky and find a design pattern that perfectly matches our business logic However there s a risk of making premature assumptions which can result in our code being misaligned with the business problem I propose an alternate approach that may sound counterintuitive Start by writing messy codeー messy code that diverges from the traditional clean code following design patterns programming paradigms or any opinionated design methodologies What do I mean by messy code here I begin by putting all my code in a single function or method This means disregarding principles like Separation of Concerns Single Responsibility Principle or even DRY Don t Repeat Yourself Then I write tests to verify that my code works At this point I am technically ready to open a Pull Request meaning somebody will need to read my code and review it This is when I check my code for readability Based on my experience having as much context available in one place makes code more readable When I have a function with all the code in it I have all the context I need to inform my design If I feel the code is unreadable I break the large function into meaningful blocks On the contrary figuring out the building blocks from scratch would take me much longer Having all the code in one place can be considered messy but it is much more malleable than having code implemented in mismatched design pattern What about working with existing codebase An existing codebase may have predefined patterns But that doesn t mean they should be unchangeable As described above these patterns may be a perfect fit In that case we use them to inform the design of new features But if they aren t there is no reason why we should stick to them for all future code If all future implementation is dictated by initial design decisions then it means that our software is hard to change Software is supposed to be soft i e easy to change and change is a good indicator of a healthy and successful software project How did I arrive here My fascination with architectural patterns and design methodologies began early in my career Initially I felt embarrassed by my code which worked perfectly but lacked the elegance of a well designed system To address this I immersed myself in studying design patterns only to later realize that many of these patterns were primarily designed for Object Oriented Programming As I continued to develop my coding skills in Python a more flexible language I learned the importance of seeking design patterns native to Python Over time I also encountered counterarguments such as WET Write Everything Twice versus DRY Don t Repeat Yourself which expanded my perspective on coding Given the abundance of strongly worded literature in the software industry it is easy to become too fixated on the means of accomplishing our tasks and lose sight of our ultimate goals Therefore I find it valuable to approach coding from a first principles perspectiveーbreaking down a problem into its fundamental elements and rebuilding a solution from those elements Starting with messy code represents my personal approach to this philosophy and I encourage you to find your unique path in coding as well If you liked reading this post you can follow me on LinkedIn for more Cover Photo by Peter Olexa on Unsplash |
2023-08-03 20:20:06 |
| 海外TECH |
DEV Community |
How to upload files using JavaScript |
https://dev.to/uploadcare_org/how-to-upload-files-using-javascript-2759
|
How to upload files using JavaScriptIn this guide we ll learn how to upload files using JavaScript We ll create our own file uploader with a user friendly interface and all the must have features like file validation uploading progress tracking drag and drop functionality and even more Here s what our result is going to look like No more ado Let s jump into the coding Accessing files with HTMLThe very first step is accessing files to upload Let s start by asking a user to select local files and then read the content of those files First create an index html with simple input element with a file type attribute lt input type file gt Actually a file input isn t beneficial It just allows users to select files from their devices To send files to a server we must make an HTTP request Well let s create a lt form gt element to wrap our lt input gt and add a lt button gt below to submit the form Among other things we need to send a POST request which we can do by editing the form s method attribute To enable more than one file to upload we should set a multiple attribute Last but not least is setting a Content Type header with an enctype attribute to send files contents as a payload lt form method post enctype multipart form data gt lt input name file type file multiple gt lt button type submit gt Upload lt button gt lt form gt After selecting files and clicking the submit button you can check your browser s Network tab to see the requested data details But where does the data go now By default the form data is sent to the URL of the page containing the form ーthe current page actually Generally all the data should be sent to a server to store and be handled We can set up a server like Next js but it s a big separate topic to discover You can learn more about it in our tutorial In this post I suggest concentrating on uploading staff and using httpbin ーa simple OSS HTTP Request amp Response Service Let s add the action attribute and try it out lt form action method post enctype multipart form data gt lt input name file type file multiple gt lt button type submit gt Upload lt button gt lt form gt Now after submitting a form our page redirects us to an httpbin response So the boring part is behind us Let s move to add a portion of magic with JavaScript Uploading files using Fetch APITo submit our form let s create an index js file connect the script to our index html file and set up a submit event handler The first thing we do here is to stop the browser from sending the file to the server by calling the event s method preventDefault const form document querySelector form form addEventListener submit handleSubmit function handleSubmit event event preventDefault Next we should construct the HTTP request using the Fetch API The Fetch API expects the first argument to be a URL which we can set here instead of the form s action property The second argument is optional and provides an object with custom settings to be applied to the request Using it we can change the default GET method to POST and add the request body using FormData API Let s make a separate function for file uploading called you guess it uploadFiles function handleSubmit event event preventDefault uploadFiles function uploadFiles const url const formData new FormData form const fetchOptions method post body formData fetch url fetchOptions That s the bare minimum needed to upload files using Fetch API Check the result through your browser s Network tab Fetch API is a modern way of fetching resources in JavaScript It is a more powerful and flexible replacement for XMLHttpRequest in most cases Unfortunately Fetch API still doesn t provide any way to track file uploading progress If we want to implement an ordinary progress bar to improve user experience and in this article we will we should use the old way of interacting with a server With that in mind let s refactor our solution Uploading files using XMLHttpRequestLet s rewrite the uploadFiles function We should create a new request with a XMLHttpRequest constructor The request returns an object which we can use for making requests First we call open method to initialize the request This method expects two required parameters method and URL Then we call send method where we pass the body of the data I prefer to send a simple object but it could be FormData Blob and even more function uploadFiles const url const method post const xhr new XMLHttpRequest const data new FormData form xhr open method url xhr send data That s uploading files with XMLHttpRequest Don t hesitate to check your Network tab to ensure the request also works So our file uploader is already performing its essential function However for now we do not handle errors in any way That allows us to upload files of any size ーpoor httpbin is hardly designed to accept gigabytes of information from us In addition our file uploader does not look user friendly at all we do not track the uploading progress or show information about uploaded files in the interface in any way Nobody would want to use such a poor solution Well let s improve it with more features Filtering for a particular file typeIn some scenarios you might want to restrict the types of files that users can upload For example you may only want to allow video e g MP OGG or documents e g PDF DOCX to be uploaded To achieve this you can add a client side check to filter for a particular file extension even before submitting the form Let s transform our file uploader to just an image uploader by adding an accept attribute to our input lt form gt lt input name file type file multiple accept image gt lt button type submit gt Upload lt button gt lt form gt Often you should limit the user to picking any arbitrary file type For example if your file input lets users upload a profile picture you may want them to select web compatible image formats such as JPEG or PNG Acceptable file types can be specified with the accept attribute which takes a comma separated list of allowed file extensions or MIME types lt form gt lt input name file type file multiple accept image webp image jpeg image png gt lt button type submit gt Upload lt button gt lt form gt Note that the accept attribute doesn t strictly validate the selected files Instead it serves as a way to guide users toward choosing the correct file types by providing hints to the browser It is still possible for users to override this guidance by modifying options in the file chooser That s why you should ensure the expected requirement is validated server side At the same time client side validation is user friendly It is a best practice when we validate the file type before submitting it to upload and show related hints to our users Let s start enhancing our UX by creating a status markup below the form lt p gt lt strong gt Uploading status lt strong gt lt span id statusMessage gt Nothing s uploaded lt span gt lt p gt Now we need to get references to the status message node the submit button and the file input Let s declare variables for them at the very beginning of our script const statusMessage document getElementById statusMessage const submitButton document querySelector button const fileInput document querySelector input Having them we can toggle the submit button and show some messages depending on the uploading state and the list of files the user picked To start let s create a function that will update the status function updateStatusMessage text statusMessage textContent text Then create a function that will throw an error when the file type is unsupported function assertFilesValid fileList const allowedTypes image webp image jpeg image png for const file of fileList const name fileName file if allowedTypes includes file type throw new Error File fileName could not be uploaded Only images with the following types are allowed WEBP JPEG PNG Now we need to pass a list of files to this function Let s create an event handler called handleInputChange function handleInputChange try assertFilesValid fileInput files catch err updateStatusMessage err message return submitButton disabled false As you see we get the list of files from the file input and pass it to the assertFilesValid If an error is thrown we show it to our user Otherwise we turn off the submit button to allow the uploading The last thing is to set up an сhange event handler which is fired each time the user selects files fileInput addEventListener change handleInputChange This is it Now you can try to upload files in different extensions by yourself to see how it works If you pick an unsupported file the uploader will show an error However if then you select the correct file the uploader won t remove the error To fix this create a function called resetFormState and call it when the file changes Also it s worth disabling the submit button here because we re resetting the form right function resetFormState submitButton disabled true updateStatusMessage Nothing s uploaded function handleInputChange event resetFormState the rest of the code goes here Cool it works But adding more limits can make the uploader even more powerful Let s continue improving it File size validationLet s say we only want to allow uploading up to MB We care about our users so we don t want them to wait while the file uploads on the server only to get an error message So we can use JavaScript validation to check that the selected file follows the given requirements Let s declare a new variable inside the assertFilesValid function called sizeLimit unpack a fileSize property from each file and add one more condition inside the loop function assertFilesValid fileList const allowedTypes image webp image jpeg image png const sizeLimit megabyte for const file of fileList const name fileName size fileSize file if allowedTypes includes file type throw new Error File fileName could not be uploaded Only images with the following types are allowed WEBP JPEG PNG ↓the new condition ↓ if fileSize gt sizeLimit throw new Error File fileName could not be uploaded Only images up to MB are allowed Check your browser to see it in action Now let s come back to the uploading Suppose the user selects a file that satisfies our requirements In that case we should build an interface that tracks the uploading process shows the uploaded file details and finally sends some positive messages Tracking file upload progressLet s start with a typical progress handler The loadend event is fired on an XHRHttpRequest instance when the request has been completed doesn t matter whether it is successful or not Here we enhance the uploadFiles function to show the result message to a user function uploadFiles all the rest code is here xhr addEventListener loadend gt if xhr status updateStatusMessage Success else updateStatusMessage Error Hope while texting that you ll see a green tick It s also worth showing a user the loading state and disabling the submit button Otherwise the user may not understand what is going on and trigger the uploading multiple times To do this create a new function function showPendingState submitButton disabled true updateStatusMessage Pending And call prior to uploading function handleSubmit event event preventDefault ↓here ↓ showPendingState uploadFiles We can do even better by checking the uploading status dynamically Let s set up a progress handler where we could use the loaded and total properties which indicate the amount of work already performed and total size of the data being processed or transmitted respectively function uploadFiles all the rest code is here xhr upload addEventListener progress event gt updateStatusMessage Uploaded event loaded bytes of event total Note that we re attaching the progress event handler not to the xhr object itself but to its upload property Now you can check the current progress of the upload But what feature provides even a more user friendly experience Progress bar obviously File upload progress barActually we have a lt progress gt to indicate the completion progress of a task It has two attributes max and value Let s add it to our markup lt progress value max gt lt progress gt The max attribute describes how much work the task indicated by the progress element requires We set its value to to operate it like a percentage The value attribute specifies how much of the task has already been completed We ll change it progressively via JavaScript First let s declare one more variable globally const progressBar document querySelector progress Then create a function that will update the value of this progress bar function updateProgressBar value const percent value progressBar value Math round percent It gets a fraction value but then transforms it to a percentage rounds to the nearest integer and then sets it as a progress bar value Now call it when the progress event happens xhr upload addEventListener progress event gt updateStatusMessage Uploaded event loaded bytes of event total updateProgressBar event loaded event total Finally we reset the value after the uploading completes xhr addEventListener loadend gt the xhr status check is here updateProgressBar Well here we are with a simple progress visualization Now it s time to give our users a little more details about the exact files they have uploaded Getting information about uploaded filesThe FileList object collects the information about all the files users select For instance that allows us to determine the number of selected files Let s prepare the markup for our counter lt p gt lt strong gt Uploaded files lt strong gt lt span id fileNum gt lt span gt lt p gt Then declare a global fileNum variable that stores the counter element const fileNum document getElementById fileNum Create a function that will update the counter function renderFilesMetadata fileList fileNum textContent fileList length Finally fire the function once the files have been uploaded xhr addEventListener loadend gt if xhr status updateStatusMessage Success ↓here ↓ renderFilesMetadata fileInput files else updateStatusMessage Error updateProgressBar Alright folks now we talk numbers Actually we can extract more information from the uploaded files Let s try it out First introduce a list to our markup lt ul id fileListMetadata gt lt ul gt Then get access to the list by its ID const fileListMetadata document getElementById fileListMetadata Now we can extract the information from each uploaded file in a loop and render it to the page by using insertAdjacentHTML method function renderFilesMetadata fileList fileNum textContent fileList length fileListMetadata textContent for const file of fileList const name file name const type file type const size file size fileListMetadata insertAdjacentHTML beforeend lt li gt lt p gt lt strong gt Name lt strong gt name lt p gt lt p gt lt strong gt Type lt strong gt type lt p gt lt p gt lt strong gt Size lt strong gt size bytes lt p gt lt li gt The last thing is to add these two lines to resetFormState function to make sure that metadata resets correctly fileListMetadata textContent fileNum textContent Well here we are now Getting meta data of a file Feel free to try it out in this sandbox I believe we now have all the basic functionality for a simple but powerful file uploader However it still looks so boring Isn t it How about adding some styles to make our uploader you know awesome Something like that huh And you may notice yet another spoiler on the screenshot ーour final touch ーimplementing a drag and drop file uploading Drag and drop hintsIt is well known that utilizing drag and drop functionality is trivial user interaction with file uploading It s a more friendly approach than triggering the file selection dialog Fortunately modern browsers provide APIs that enable us to implement a drag and drop file selector and uploader Since we re focusing on writing JavaScript logic in this tutorial I won t dive into customizing our components You can find the final markup and styles in my repository Next we will concentrate on the part directly related to implementing drag and drop functionality First wrap our form with a new element that would be a drop area lt div id dropArea gt lt form gt lt the rest of the form is here gt lt form gt lt div gt Define a new variable in our script const dropArea document getElementById dropArea The best practice to enhance user experience is to provide clear visual hints whenever a file can be securely dropped It is often achieved by incorporating a dotted or dashed area Let s implement the highlighting and start handling the first drag and drop events In all there are eight events the browser fires related to drag and drop but we ll be going over just four of them dragenter dragleave dragover and drop Here is a short sum up of their functionality dragenter is fired when the dragged item enters over a drop area making it the target for the drop event dragleave is the opposite of dragenter and is fired when the dragged item leaves a target drop area dragover is fired every few hundred milliseconds while the dragged item is over a target drop area drop is fired once the user drops the item onto the target drop area As you might expect you can register event handlers for drag and drop events the same way you register event handlers for most browser events However there are a lot of tricky parts related to them For instance you can not intercept drop event if you do not prevent default behavior on dragenter and dragover read more on MDN Or it s hard to determine where exactly user is going to drop something because drag events are fired not only on the drop area itself but also on its children That s why usually the code for drag n drop is kind of obscure To simplify the task I m going to reuse the code of Uploadcare engineers who implemented drag n drop file uploader properly years ago So let s define a function called initDropAreaHighlightOnDrag which will add highlight class to the drop area when the user is dragging the file over it function initDropAreaHighlightOnDrag let dragEventCounter dropArea addEventListener dragenter event gt event preventDefault if dragEventCounter dropArea classList add highlight dragEventCounter dropArea addEventListener dragover event gt event preventDefault in case of non triggered dragenter if dragEventCounter dragEventCounter dropArea addEventListener dragleave event gt event preventDefault dragEventCounter if dragEventCounter lt dragEventCounter dropArea classList remove highlight dropArea addEventListener drop event gt event preventDefault dragEventCounter dropArea classList remove highlight We re counting the events to deal with the problem of event registration described above Do not forget to call this function to make everything work Drag and drop file uploaderOkay now we can finally implement the behaviour of our uploader that happens right after the user drops the item Actually we should do all the same things that we did previously while handling form submit Define a drop event handler and attach it to the drop area dropArea addEventListener drop handleDrop function handleDrop event const fileList event dataTransfer files resetFormState try assertFilesValid fileList catch err updateStatusMessage err message return showPendingState uploadFiles fileList It looks exactly like handleSubmit but does not work Since we don t submit our form by using drop event we should get our dropped files list with a files property of DataTransfer object Then we should pass this file list to the assertFilesValid and uploadFiles functions But the last one does not know how to deal with it Let s teach it Instead of sending the full form as we did before now we have to get the passed files and append them to the FormData object function uploadFiles files xhr related code stays the same const data new FormData for const file of files data append file file xhr related code stays the same Yet another minor thing to update here is passing files to the renderFilesMetadata function renderFilesMetadata files Also do not forget to change the handleSubmit handler to work with this new uploadFiles function function handleSubmit event event preventDefault showPendingState ↓pass fileInput files here ↓ uploadFiles fileInput files That s all you need to know to create a file uploader with JavaScript See how it changes upon we start with a simple input element Now it s a really awesome uploader isn t it Building a file uploader from scratch is fun but not time saving Actually file uploaders could be much more powerful control who can upload files by authenticating requests set up server side validation and edit files right before uploading by cropping rotating and filtering them There is no need to build all those features yourself since the already baked solution already exists Let s look at my favorite one ーUploadcare Blocks Uploading files with Uploadcare BlocksUploadcare Blocks is a robust JavaScript library designed to build personalized file handling services Blocks come with diverse interactive and customizable UI components elevating users overall file uploading and processing experience Additionally by leveraging Uploadcare s versatile file handling capabilities you gain access to features such as MIME type filtering signed uploads image editor and much more Getting started with Blocks takes just a couple of minutes Let s create a new HTML document to connect the script and register Blocks lt script type module gt import as LR from uploadcare blocks web blocks min js LR registerBlocks LR lt script gt Note that we manually specify the Blocks version so you should replace it with the latest release while implementing Start using the File Uploader in your newly created application markup Uploadcare provides three solutions so you can choose one that best fits your needs For instance let s try inline mode lt lr file uploader inline css src uploadcare blocks web lr file uploader regular min css ctx name my uploader gt lt lr file uploader inline gt The css src attribute is used to specify the URL of the basic CSS styles for the uploader Don t forget to update the Blocks version here as well The ctx name attribute specifies the name of the uploader context which allows wire blocks together Last but not least is configuring the uploader by adding lt lr config gt The ctx name attribute should be similar to the previous one The pubkey attribute should include your public key Sign up to Uploadcare get a public API key in Uploadcare project s dashboard and replace YOUR PUBLIC KEY with your personal one lt lr config ctx name my uploader pubkey YOUR PUBLIC KEY gt lt lr config gt Perfect now we have a three minutes set powerful file uploader right in our application Don t trust the screenshots Discover a live demo Awesome wrapping upNow you re familiar with all significant concepts of uploading files with JavaScript multiple file uploads uploading files using Fetch API and XMLHttpRequest filtering for a particular file extension file size validation implementing a progress bar extracting file information implementing drag and drop functionality and finally how to use all that staff and even more using Uploadcare and not wasting time by writing any code from scratch Feel free to explore the source code on GitHub and discover a live demo implementation And you are welcome to learn more about Uploadcare and discover other tutorials such us how to upload files with React or Angular or considering what kind of magic you can do with the uploaded images following our extracting colors guide That is all for today Until we meet again happy reading and stay awesome just like our uploader |
2023-08-03 20:07:32 |
| Apple |
AppleInsider - Frontpage News |
Apple paying out $0.24 per-share dividend on August 17 |
https://appleinsider.com/articles/23/08/03/apple-paying-out-024-per-share-dividend-on-august-17?utm_medium=rss
|
Apple paying out per share dividend on August Following Apple s latest earnings report edging out Wall Street predictions the company s board of directors has authorized a new cash dividend for shareholders payable in mid August Steve Jobs Theater at Apple ParkApple on Thursday announced its latest quarterly earnings raking in billion over the fiscal stretch ending July Now the board of directors has declared a cash dividend of per share for the company s common stock Read more |
2023-08-03 20:52:44 |
| Apple |
AppleInsider - Frontpage News |
Apple edges out Wall Street, with weak iPhone sales saved by Services surge |
https://appleinsider.com/articles/23/08/03/apple-edges-out-wall-street-with-weak-iphone-sales-saved-by-services-surge?utm_medium=rss
|
Apple edges out Wall Street with weak iPhone sales saved by Services surgeApple has reported its results for the third quarter of with Services making up for weak iPhone sales both driving a total revenue of billion Apple CEO Tim CookTraditionally the quietest quarter in Apple s fiscal year the results of the third quarter of were announced by Apple on Thursday ahead of its usual conference call with analysts The Q revenue of billion is down year on year compared to the billion reported one year ago Read more |
2023-08-03 20:43:36 |
| 海外TECH |
Engadget |
Apple services are making more cash than ever, but revenue shrank for the third quarter in a row |
https://www.engadget.com/apple-services-are-making-more-cash-than-ever-but-revenue-shrank-for-the-third-quarter-in-a-row-205545482.html?src=rss
|
Apple services are making more cash than ever but revenue shrank for the third quarter in a rowApple s financials continue to be in an ever so slight slump Just as we saw the last two quarters the company suffered minor declines in revenue in its fiscal Q ーbut these are minor blips for a company that is still raking in absurd amounts of money every quarter nbsp As has often been the case revenue that Apple made from its Services segment things like paid iCloud plans Apple Music AppleCare the App Store and numerous other offerings hit an all time high of billion That s the company s second largest product category behind the iPhone and it grew eight percent year over year But iPhone Mac and iPad revenue all declined compared to a year ago the same as it did last quarter In the case of the iPhone that decline was slight revenue of billion in the quarter was down about two percent compared to a year ago iPad down percent and Mac down percent sales declined more significantly But given the fact that Apple hasn t refreshed any iPad hardware since last fall it s not too surprising to see a drop there Wearables like the Apple Watch and AirPods and accessories were another bright spot as revenues grew a little over two percent the only product category besides Services to do so nbsp Overall revenues of billion represented a less than two percent drop year over year while profits actually increased about two percent to billion nbsp As usual Apple is holding a call with CEO Tim Cook at PM ET and there s more to discuss this quarter than usual Beyond Apple s normal product categories this is the first earnings since the ambitious Vision Pro headset was announced so it s likely investors may want to hear about how that new product is progressing And there s the ever present talk of potential AI related projects hanging out in the background too We ll be updating this post with any details Cook shares on the call nbsp This article originally appeared on Engadget at |
2023-08-03 20:55:45 |
| 海外TECH |
Engadget |
Zeebo, a Latin American console from the Wii era, is getting an emulator |
https://www.engadget.com/zeebo-a-latin-american-console-from-the-wii-era-is-getting-an-emulator-202555511.html?src=rss
|
Zeebo a Latin American console from the Wii era is getting an emulatorAn enterprising developer is working on reviving a lost piece of gaming history A YouTuber using the handle Tuxality has posted a video viaGamesRadar showing early work on an emulator that can play the games from an obscure rival to the Wii Xbox and PS that only launched in two countries There s a good chance you ve forgotten ーor never heard of ーthe Zeebo gaming console The Qualcomm backed system costing around in US dollar conversions launched in with a grand plan to target markets like Brazil and Mexico where imports of its much better known rivals were priced out of reach for most people It had cellular G functionality built in and supported around games Companies including Activision Capcom EA Disney Interactive Studios and id Software lined up to develop software for the upstart system Launching the same year as the iPhone App Store the Zeebo eschewed discs and cartridges instead earning a footnote in gaming history as the first console that exclusively used digital downloads Think of it as a precursor to homebound mobile game consoles like the also defunct Ouya ZeeboHowever the strategy didn t go as planned and the company announced the end of its operations in its only two markets by Although its website teased information about future launches in China and Russia and an upcoming Android based system nothing ever materialized The company was never heard from again Today the URL that once served as the system s online home is now the landing page for a supplements ad As you can see in the video below Tuxality demonstrates early progress in loading the Zeebo s operating system and firing up Crash Bandicoot Nitro Kart D The emulation shows numerous graphical hiccups typical of early emulator builds However the fact that a talented software engineer is eyeing the system as a personal project should be welcome news for video game preservationists Even obscure and short lived projects like the Zeebo played a part in the relatively brief legacy of gaming hardware and ーlike any history ーits library is better conserved than erased This article originally appeared on Engadget at |
2023-08-03 20:25:55 |
| 海外TECH |
Engadget |
Why Baldur’s Gate III is an accidental PS5 console exclusive |
https://www.engadget.com/why-baldurs-gate-iii-is-an-accidental-ps5-console-exclusive-200521291.html?src=rss
|
Why Baldur s Gate III is an accidental PS console exclusiveBaldur s Gate III is available right now ーpartially To be clear the game itself is complete but its rollout is fragmented with different release dates for each of its planned platforms Following a lengthy Early Access period the PC and Mac version of Baldur s Gate III went live today August while the PlayStation version is due out on September The game s developer Larian Studios hasn t provided a release date for the Xbox Series X and S edition This isn t a wholly unprecedented situation After all plenty of games come out at different times on various platforms determined by licensing and exclusivity deals or simply developer priority In the case of Baludr s Gate III though something went wrong ーspecifically with the Xbox version “We have no exclusivity deal that prevents us from launching on Xbox Larian Studios director of publishing Michael Douse said on X in July “The issue is a technical hurdle We cannot remove the split screen feature because we are obliged to launch with feature parity and so continue to try and make it work Larian StudiosLarian is having trouble fitting Baldur s Gate III on the Xbox Series S the lower priced and lower powered console in Microsoft s ninth generation lineup Microsoft requires all games to run feature complete and without changes in quality or mechanics on both the Xbox Series X and Series S With Baldur s Gate III this parity rule means the game will be console exclusive to the PS for four months at least “We have quite a few engineers working very hard to do what no other RPG of this scale has achieved seamless drop in drop out co op on Series S Douse said on X “We hope to have an update by the end of the year Baldur s Gate III is a highly anticipated role playing game set in the Dungeons amp Dragons universe offering familiar classes and abilities in an expansive high fantasy world The original Baldur s Gate landed in to critical and commercial acclaim and Baldur s Gate II Shadows of Amn followed in The series spawned spin offs and enhanced editions but Baldur s Gate III is the franchise s first mainline installment in more than years Reviews for the PC version are already rolling in and they re looking good overall PS players will get to try out the console version on September but Xbox Series X S players will have to wait Though Microsoft s parity requirements have been in place since the Xbox Series consoles came to market in November Baldur s Gate III is the ecosystem s highest profile loss directly attributable to these restrictions Larian StudiosLarian s issue is likely to be related to RAM While both the Xbox Series X and PS have GB RAM the Series S has just GB running at a slower speed than the other consoles which dramatically lowers its total memory bandwidth The Series S GPU is also significantly underpowered compared with the PS and Series X but it s much easier to “turn down the graphics than to recode your game Clearly there is potential for Microsoft s parity requirement to limit the availability scope and quality of games on the Xbox Series X The debate over this potentiality hit a fever pitch last year with players asking whether the Series S was “holding back the ninth console generation overall There weren t a ton of concrete examples to prove this theory and the Digital Foundry team argued against the idea citing the existing variance in the PC market and saying that lower targets could actually help games run even better on higher powered consoles Still a handful of developers from the indie and AAA space went public in late with their frustrations around the parity rule “MANY developers have been sitting in meetings for the past year desperately trying to get Series S launch requirements dropped Bossa Studios VFX artist Ian Maclure tweeted at the time “Studios have been through one development cycle where Series S turned out to be an albatross around the neck of production and now that games are firmly being developed with new consoles in mind teams do not want to repeat the process Rocksteady senior character technical artist Lee Devonald similarly tweeted about his experience building Gotham Knights ーa game that shipped on consoles with a framerate locked at fps and no performance mode According to Gamerant Devonald said that multiplatform developers had to “optimize for the lowest performer and “we have a current gen console that s not much better than a last gen one referencing the Xbox Series S quot An entire generation of games hamstrung by that potato quot Devonald tweeted Larian StudiosWith the Xbox Series X S Microsoft pivoted away from the traditional console upgrade cycle and instead focused on establishing its wider gaming ecosystem which centers cloud play in a post hardware future Sony meanwhile stuck to tradition ーits pitch for the PS is more power faster loading better graphics and smoother animations than the PS This has largely worked out for Sony It s leading in console sales with more than million PSs in homes around the globe Xbox said at a Brazilian game festival in June that it has over million players on Xbox Series X and Series S consoles Regardless of whether the Series S is restraining the entire video game industry Xbox parity requirements are literally holding back Baldur s Gate III and this system has accidentally created another console exclusive for the PS for now This article originally appeared on Engadget at |
2023-08-03 20:05:21 |
| 海外科学 |
NYT > Science |
Medical Group Backs Youth Gender Treatments, but Calls for Research Review |
https://www.nytimes.com/2023/08/03/health/aap-gender-affirming-care-evidence-review.html
|
Medical Group Backs Youth Gender Treatments but Calls for Research ReviewThe American Academy of Pediatrics renewed its support of gender care for minors while commissioning a fresh look at the evidence |
2023-08-03 20:58:14 |
| 海外TECH |
WIRED |
37 Best Back-to-School Deals (2023): Laptops, Backpacks, Household Essentials |
https://www.wired.com/story/back-to-school-deals-2023/
|
semester |
2023-08-03 20:03:12 |
| ニュース |
BBC News - Home |
Cycling World Championships 2023: Great Britain's William Tidball wins scratch race gold |
https://www.bbc.co.uk/sport/av/cycling/66401544?at_medium=RSS&at_campaign=KARANGA
|
Cycling World Championships Great Britain x s William Tidball wins scratch race goldGreat Britain s William Tidball wins gold in the men s scratch race after timing his finish to perfection in a dramatic final lap at the Cycling World Championships in Glasgow |
2023-08-03 20:42:43 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
生産性向上が日本全体で渇望されている。方法論としての2種類の「両利きの経営」 - 進化する組織 |
https://diamond.jp/articles/-/327150
|
生産性向上が日本全体で渇望されている。 |
2023-08-04 05:45:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「ふん便性大腸菌」が多い海水浴場ランキング2023、1位は富士山が見えるビーチ - ニッポンなんでもランキング！ |
https://diamond.jp/articles/-/327223
|
海水浴場 |
2023-08-04 05:30:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「ふん便性大腸菌」が多い海水浴場ランキング2023【全83カ所・完全版】 - ニッポンなんでもランキング！ |
https://diamond.jp/articles/-/327165
|
海水浴場 |
2023-08-04 05:30:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
住友組vsみずほ組の抗争勃発！日本カストディ銀行の不正に三井住友FGは「漁夫の利」を虎視眈々 - DX利権 日本カストディ銀行の悪事 |
https://diamond.jp/articles/-/326790
|
住友組vsみずほ組の抗争勃発日本カストディ銀行の不正に三井住友FGは「漁夫の利」を虎視眈々DX利権日本カストディ銀行の悪事日本カストディ銀行CBJの田中嘉一前社長ら、不正疑惑のある幹部はいずれも旧住友信託銀行の出身者だ。 |
2023-08-04 05:25:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
相続税「払い過ぎ」は取り戻せる!?畑や山林、駐車場…こんな相続は要チェック - やってはいけない！相続＆生前贈与 |
https://diamond.jp/articles/-/326442
|
払い過ぎ |
2023-08-04 05:20:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
SBパワーの「節電サービス」参加率は50％超へ！元東電エリート幹部の社長が明かす仰天経営戦略 - エネルギー動乱 |
https://diamond.jp/articles/-/326958
|
経営戦略 |
2023-08-04 05:15:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「セブンにしっかり言わせてもらう」総菜メーカー社長が直言！価格転嫁や収益改善は必須 - セブンの死角 伊藤忠＆三菱商事の逆襲 |
https://diamond.jp/articles/-/326459
|
三菱商事 |
2023-08-04 05:10:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
植田日銀の次の一手「YCC完全撤廃」は23年度下期？金融正常化の長い道のり - 政策・マーケットラボ |
https://diamond.jp/articles/-/327173
|
引き上げ |
2023-08-04 05:05:00 |
| ビジネス |
電通報 | 広告業界動向とマーケティングのコラム・ニュース |
大塚製薬カロリーメイトが切り拓く未来。幸せそうにパンを食べる女の子の朝に込めたものとは？ |
https://dentsu-ho.com/articles/8647
|
futurecreativecenterfcc |
2023-08-04 06:00:00 |
| ビジネス |
東洋経済オンライン |
生成AI旋風に安心できぬマイクロソフトの正念場 GAFAMきっての｢優等生｣がドル箱事業で減速 | IT･電機･半導体･部品 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/692006?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
gafam |
2023-08-04 05:40:00 |
| ビジネス |
東洋経済オンライン |
子育て支援｢事業主負担｣で賃上げ機運は萎むのか 社会保険活用の｢提唱者｣権丈教授の寄稿（下） | 子ども・子育て支援と社会保険活用 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/689505?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
社会保険 |
2023-08-04 05:30:00 |
| ビジネス |
東洋経済オンライン |
ビッグモーター不正､中古車業界から怨嗟の声 顧客流入の期待あれど業界の信頼低下が懸念 | 中古車 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/691902?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
東洋経済オンライン |
2023-08-04 05:20:00 |
コメント
コメントを投稿