投稿時間:2023-05-09 22:19:06 RSSフィード2023-05-09 22:00 分まとめ(21件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
python Pythonタグが付けられた新着投稿 - Qiita 【Python】スパイラルマトリックスの実装 https://qiita.com/Takuya__/items/82936e03e56dcd94b119 solutiondefspiralorders 2023-05-09 21:47:47
Ruby Rubyタグが付けられた新着投稿 - Qiita またDataクラスを作っていると危ないかも https://qiita.com/Satoooon/items/2fba3e3e3c27e8f05b91 rubyruby 2023-05-09 21:08:16
Azure Azureタグが付けられた新着投稿 - Qiita Azure FunctionsでEmailを送信する https://qiita.com/georgeOsdDev@github/items/8a9e845be87a0551b445 azurecomm 2023-05-09 21:32:56
海外TECH MakeUseOf How to Use ChatGPT With Excel and Get Over Your Spreadsheet Fears https://www.makeuseof.com/use-chatgpt-with-excel/ tasks 2023-05-09 12:45:16
海外TECH MakeUseOf Ace Your Next Test With These 5 Chrome Extensions https://www.makeuseof.com/chrome-extensions-ace-test/ chrome 2023-05-09 12:31:16
海外TECH MakeUseOf Say Thanks to Mom With EcoFlow’s Mother’s Day Discounts https://www.makeuseof.com/ecoflow-mothers-day/ ecoflow 2023-05-09 12:29:07
海外TECH MakeUseOf What Is AI Prompt Engineering, and Is It a Stable Career Path? https://www.makeuseof.com/what-is-ai-prompt-engineering-career/ market 2023-05-09 12:15:17
海外TECH DEV Community Chrome Extension with React + CRXJS + Vite + Docker https://dev.to/mk668a/chrome-extension-with-react-crxjs-vite-docker-3pm8 Chrome Extension with React CRXJS Vite Docker IntroductionIf you are trying to develop a chrome extension in react CRXJ is very very useful CRXJS provides speedy extension development experience with vite You can write the file name in manifest json and each file update is reflected instantly because the build directory directly references the file you are editing Let s take an example of the actual development process GitHub Repositorymka react vite crxjs chrome boilerplate Directory structure ├ーDockerfile├ーdocker compose yml├ーindex html├ーmanifest config ts├ーmanifest json├ーoptions html├ーpackage json├ーpublic│  └ーvite svg├ーsrc│  ├ーassets│  │  ├ーfavicon svg│  │  └ーlogo svg│  ├ーbackground ts│  ├ーcomponents│  │  └ーButton tsx│  ├ーcontent scripts│  │  └ーcontent script tsx│  ├ーoptions tsx│  ├ーpopup tsx│  └ーvite env d ts├ーtsconfig json└ーvite config ts Create a project with React CRXJS ViteProceed by referring to the CRXJS documentation I have rewritten the steps in this document modified to fit my environment Create a project CRXJS Vite Plugin Create a projectnpm init vite latest npm init vite latestNeed to install the following packages create vite Ok to proceed y yProject name …vite projectSelect a framework ›ReactSelect a variant ›TypeScript Install CRXJS Vite pluginnpm i crxjs vite plugin beta D Install SVGR Vite plugin Option If you want to use svg with React components install vite plugin svgr npm i vite plugin svgrChange vite env d ts lt reference types vite client gt lt reference types vite plugin svgr client gt Update the Vite configimport defineConfig from vite import react from vitejs plugin react import crx ManifestVExport from crxjs vite plugin import manifest from manifest json import svgr from vite plugin svgr export default defineConfig plugins svgr react crx manifest manifest as unknown as ManifestVExport Create manifest json in the root directory name Extension App description version manifest version action default popup index html default title Open Extension App Merge tsconfig Option For simplicity I merged tsconfig node json into tsconfig json compilerOptions composite true module ESNext moduleResolution Node allowSyntheticDefaultImports true target ESNext useDefineForClassFields true lib DOM DOM Iterable ESNext allowJs false skipLibCheck true esModuleInterop true strict true forceConsistentCasingInFileNames true resolveJsonModule true isolatedModules true noEmit true jsx react jsx include src vite config ts json Start projectnpm run devOpen Manage Extensions page in your browser chrome extensions Turn on dveloper mode switch in the upper right corner Click the Load unpacked button in the upper left corner and select the dist directory in your project root directory Build projectThis project must be built if it is to be actually used and uploaded npm run build Create DockerfileBuild Docker to quickly create an environment ready to start development DockerfileFROM node alpineWORKDIR usr src appCOPY package json RUN yarn installCOPY docker compose ymlversion services extension container name extension hostname extension restart always tty true build context dockerfile Dockerfile ports volumes usr src app command yarn dev host networks default platform linux amdnetworks default I am using an M MacBook so I have written platform linux amd in the docker compose yml file and turned on Use Rosetta for x amd emulation of Apple Silicon of Docker setting is turned on Run Dockerdocker compose up d build Fixed PopupThis is a bit confusing because the file name and function do not match so we will modify it a bit Delete App tx and rename main tx to popup tx Modify popup tsx import React useState from react import ReactDOM from react dom client import logo from assets logo svg function Popup const count setCount useState return lt div className App style height width gt lt header className App header gt lt img src chrome runtime getURL logo className App logo alt logo gt lt p gt Hello Vite React lt p gt lt p gt lt button type button onClick gt setCount count gt count gt count is count lt button gt lt p gt lt p gt Edit lt code gt App tsx lt code gt and save to test HMR updates lt p gt lt p gt lt a className App link href target blank rel noopener noreferrer gt Learn React lt a gt lt a className App link href target blank rel noopener noreferrer gt Vite Docs lt a gt lt p gt lt header gt lt div gt ReactDOM createRoot document getElementById root as HTMLElement render lt React StrictMode gt lt Popup gt lt React StrictMode gt Fix src attribute of script tag in index html lt script type module src src popup tsx gt lt script gt Create Content ScriptsAdd content scripts section in manifest json name Extension App description version manifest version action default popup index html default title Open Extension App content scripts matches lt all urls gt js src content scripts content script tsx Make content scripts directory in src directory Create sample content script component in src content scripts content script tsx import React from react import ReactDOM from react dom client import Button from components Button function ContentScript return lt div className App gt lt header className App header gt lt h gt ContentScript lt h gt lt Button gt button lt Button gt lt header gt lt div gt const index document createElement div index id content script document body appendChild index ReactDOM createRoot index render lt React StrictMode gt lt ContentScript gt lt React StrictMode gt At the same time create a component directory and Button tsx file import React from react const Button props any gt lt button props gt export default Button Create BackgroundAdd a definition of background to manifest json Note that if you want to use certain features of the chrome API it is necessary to add some permissions to permissions Chrome Extensions Declare permissions name Extension App description version manifest version action default popup index html default title Open Extension App content scripts matches lt all urls gt js src content scripts content script tsx background service worker src background ts type module permissions background contextMenus bookmarks tabs storage history Make background ts file in src directory This is the sapmle code to add event listener of changing tab and to get the bookmarks chrome tabs onUpdated addListener tabId changeInfo tab gt console log Change URL tab url chrome bookmarks getRecent results gt console log bookmarks results console log this is background service worker export Create OptionsThis is an options page which can be accessed by right clicking the extension icon on the toolbar and selecting Options Add options page section to manifest json name Extension App description version manifest version action default popup index html default title Open Extension App content scripts matches lt all urls gt js src content scripts content script tsx background service worker src background ts type module options page options html permissions background contextMenus bookmarks tabs storage history Create options html It is almost the same as index html but the src attribute of the script tag must be changed lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt link rel icon type image svg xml href vite svg gt lt meta name viewport content width device width initial scale gt lt title gt Extension App lt title gt lt head gt lt body gt lt script type module src src options tsx gt lt script gt lt body gt lt html gt Make options tsx file in src directory import React from react import ReactDOM from react dom client import Button from components Button function Options console log this is options page return lt div className App gt lt header className App header gt lt h gt Title lt h gt lt Button gt button lt Button gt lt header gt lt div gt const index document createElement div index id options document body appendChild index ReactDOM createRoot index render lt React StrictMode gt lt Options gt lt React StrictMode gt ConclusionCRXJS improves the experience of developing extensions with React Also you can easily set it up using Docker I am now trying to create a new panel in the Developer tool If it works I will update this post Thank you for reading ReferenceIntroduction CRXJS Vite PluginCreate a project CRXJS Vite Pluginvite plugin svgrChrome Extensions Declare permissions GitHub Repositorymka react vite crxjs chrome boilerplate 2023-05-09 12:42:36
海外TECH DEV Community How Can Developers and Testers Work Better Together? https://dev.to/mathilde_llg/how-can-developers-and-testers-work-better-together-379g How Can Developers and Testers Work Better Together Developers and testers are on the same side it does not matter if a company puts them in the same agile team or in separate teams of developers and testers It is up to both testers and developers to build a great application To achieve this goal they will have to collaborate together in a productive way To do so and to get their job done better faster and easier there is different practical advice and hands on advice that can help I will start with tips and approaches that focus on individual cooperation between a developer and a tester In the second half of this article I ll share advice that will help to improve cooperation on a team level Better cooperation on individual levelAs a developer I consider testers as my safety net I would prefer a bug to be reported by a tester rather than the end user finding a bug in production Generally speaking people do not feel comfortable when someone criticizes their work Developers should not think of testers as somebody who is constantly telling them that they did something wrong Instead developers should consider testers as partners who are trying to keep end users from criticizing their work Testers at the same time should be aware that junior developers might feel uncomfortable when they receive a bug report As they build up experience developers won t or at least shouldn t get defensive when they receive bug reports I can tell from my experience cooperation between a developer and a tester will be better if mutual respect is clearly visible Practical approaches to hard to reproduce bugsSometimes a developer cannot reproduce a bug that a tester has reported In my years of professional experience as a developer I found that there are a few tips and tricks that can help When a tester sends a screenshot to a developer it is more effective to send a screenshot of the whole application ーand not just a piece of the user interface Sometimes when a bug is on one part of the UI I manage to find a clue for reproducing it on the other part of the UI Simply by sending the screenshot of the complete tested application interface a tester can facilitate the developer s work to reproduce a bug But what if a screenshot is not enough to reproduce a bug What if the additional information provided by a tester are not sufficient Video is a great assistant Use the screen recording app to record everything that goes on the application UI as part of the test In my experience a video is useful because a developer can find a small clue for reproducing a bug somewhere between steps that were already mentioned in the description of this bug A small detail could trigger a bug and a video helps a developer discover that detail Please note It is not necessary for a tester to speak in his her recording Hearing the tester in video was never crucial for me to reproduce a bug Many testers will feel more comfortable if they are not asked to record themselves commenting on the video Managing conflictIn case of a conflict between a tester and a developer everyone involved must use effective communication be diplomatic and not take things personally Both parts need to look at things from another person s perspective this other person also has timelines tasks priorities etc The aim is to prevent a conflict In everyday life there are times when a short message can prevent a misunderstanding and conflict that follows Always remember that we are all on the same side as we build the same application Teamwork from scratchRead full article on the blog An article by Marko Lohert 2023-05-09 12:37:51
海外TECH DEV Community Smart Cities? Smart Villages? Can we have them both? Is there a quick way to this? https://dev.to/stephenkgitahi/smart-cities-smart-villages-can-we-have-them-both-is-there-a-quick-way-to-this-21c Smart Cities Smart Villages Can we have them both Is there a quick way to this The world is rapidly changing and technology is evolving at an incredible pace The concept of smart cities has become increasingly popular as an answer to the growing challenges that urban areas face However rural areas also have their unique set of problems and the idea of smart villages has emerged to help solve them The question is can we have both smart cities and smart villages and is there a quick way to achieve this The answer is a bit complicated On the one hand we can have both smart cities and smart villages In fact some experts argue that smart villages are essential to achieving sustainable and inclusive development A special biased love given to SDG and After all rural areas make up a significant portion of the global population and they need to be included in the digital era On the other hand there is no quick way to achieve both smart cities and smart villages It requires significant investment in technology infrastructure and planning To achieve both smart cities and smart villages we need to work together Governments and private sector entities need to create a supportive policy and regulatory environment that encourages investment in smart city and smart village solutions This can include tax incentives subsidies and other financial incentives that encourage private sector investment By working together we can share risks and rewards and accelerate progress towards achieving both smart cities and smart villages Public private partnerships PPPs can also play a crucial role in accelerating progress PPPs can help leverage the expertise and resources of the private sector to mitigate the risks associated with investment in smart city and smart village solutions To put this to context the Kenya Vision secretariat is keen on enacting public private partnerships as a final leg to see the actualization of the Silicon Savannah dream By working together governments and private sector entities can share the risks and rewards and accelerate progress towards achieving both smart cities and smart villages Finally there is a need for increased investment in research and development to create innovative solutions that address the unique challenges faced by rural communities This can include developing new technologies that improve access to healthcare education and clean water as well as new business models that support sustainable economic growth in rural areas in line with UN Habitat s approach to people centred smart cities Solutions for these problems largely depend on connectivity for local innovation an issue that calls for bridging of the digital divide in the country This backhaul problem solved and coated with digital skilling will for sure increase access to government services while catalysing local problem specific innovation across different sectors top of list being around Smart Homes Smart Agriculture Smart Cities Applications Automated Weather and Climate Monitoring Solutions Smart Logistics Pollution Control Smart Disaster Management Smart Healthcare Renewable Energy Usage and Intelligent Industry solutions In conclusion achieving both smart cities and smart villages is critical to ensuring sustainable and inclusive development While there is no quick way to achieve this we can work together to create a supportive policy and regulatory environment leverage PPPs and invest in research and development By working together we can ensure that no community is left behind in the digital revolution era References text The flagship programme E CPeople Dcentered and human rights in cities Initially published at 2023-05-09 12:07:36
海外TECH DEV Community Moonly weekly progress update #48 - Optimizing our Discord Bot https://dev.to/moonly/moonly-weekly-progress-update-48-optimizing-our-discord-bot-410m Moonly weekly progress update Optimizing our Discord Bot Moonly weekly progress update ーOptimizing our Discord BotAdditional features for our Discord Moonly Bot Today we tested the first version of the multiple collection role feature E g if you are holding Critters Cult NFT you will get role Critters Cult role Still testing this feature out so it s not fully working yet Another tiny feature of Moonly Discord Bot is Announcement Catcher This feature will automatically pick announcements from the selected channel and display them on the Moonly website for a specific collection It will also be displayed on the homepage so that we can provide more exposure to other projects Remember the Moonly website has k ーk visitors every month Flexible customizable Raffle system for our collection and other projects that can utilize our Staking as a Service but don t wanna mess with Tokenomics I talked with dozens of founders many don t have staking because they think it s all about tokens Yes the token is in most cases the best way to reward the holders But staking can be used even if you don t have your token E g using some other “stable SPL as a temporary reward or having no token reward but organizing weekly raffles giveaways And here is our Raffle app will play Since it s gonna be adjustable projects will be able to do raffles based on who staked their NFT Sniping Bot still but most of the work is done Just slowed down for various reasons You will know Portfolio Tracker partly released but still to improve some stuff for better UX and stats Twitter Spaces Twitter Giveaway bot Weekly devs progress Fixed a minor issue in the remote logger that did not allow to dump of objectsToken tracker s collection id reassignment is in progressFinished merging cross site auth and fixed all merge conflictsUpdated post method and DB schema for discord announcementsFinished assigning collection ids to transactions in Big DBFinalizing Live Feed switch to the Big DBRewrote a significant part of the mints scraper package again and testedDeployed BigDB live feed to testingUI and business logic changes for the sniper botChecked image quality difference between production and stagingSeparated main app and token tracker build commands for cleaner and faster buildsAdded npm scripts to improve the developer experienceAttempting to fix occasional errorsAdded Twitter login resolver for logging in with TwitterRefactored code amp removed code duplication in login Twitter amp loginDiscordHolder Verification Bot HVB Optimized the trait endpoint at Moonly bot APITesting the HVB and fixing bugsWritten a post method functionality on the Moonly bot frontendFixed some relevant issues amp deployed the multi collection feature at the Moonly test botResearched an automated re link process after reaching the limit of tiring renew refresh tokenDeployed the multi collection HVB changes on productionRaffle FeatureAdjusting code for supporting all prize types for a single winnerAdjusting code for supporting deposit managing prizes from the vaultCheck out our latest blog post Upcoming NFT collections Minted projects worth mentioning 2023-05-09 12:07:32
Apple AppleInsider - Frontpage News How to remove yourself from the internet in 2023 https://appleinsider.com/articles/23/05/09/how-to-remove-yourself-from-the-internet-in-2023?utm_medium=rss How to remove yourself from the internet in Your digital life is valuable to companies collecting data about you and selling it to marketers Here s how to beat them by getting your digital self offline Removing yourself from the internet is no easy feat In fact it s not possible to completely wipe yourself from the web even if you go completely off grid starting today This is because you have an existing digital footprint Many businesses such as data brokers capitalize on collecting and sharing that data Read more 2023-05-09 12:51:57
金融 金融庁ホームページ 職員を募集しています。(金融モニタリング業務に従事する職員) https://www.fsa.go.jp/common/recruit/r4/souri-27/souri-27.html Detail Nothing 2023-05-09 13:45:00
海外ニュース Japan Times latest articles Japan eyes Hiroshima peace museum visit by G7 spouses during summit https://www.japantimes.co.jp/news/2023/05/09/national/japan-g7-hiroshima-peace-museum-spouses/ disarmament 2023-05-09 21:26:59
ニュース BBC News - Home Police face no action over Nicola Bulley disclosure https://www.bbc.co.uk/news/uk-england-65533455?at_medium=RSS&at_campaign=KARANGA details 2023-05-09 12:56:23
ニュース BBC News - Home Imran Khan: Ex-PM arrested outside court in Pakistan https://www.bbc.co.uk/news/world-asia-65531648?at_medium=RSS&at_campaign=KARANGA charges 2023-05-09 12:10:19
ニュース BBC News - Home Stephen Tompkinson trial: Actor denies punching drunk man https://www.bbc.co.uk/news/uk-england-tyne-65531786?at_medium=RSS&at_campaign=KARANGA actor 2023-05-09 12:35:11
ニュース BBC News - Home Law behind Coronation arrests too broad - Tory MP https://www.bbc.co.uk/news/uk-65530967?at_medium=RSS&at_campaign=KARANGA expresses 2023-05-09 12:57:14
ニュース BBC News - Home Tesco chairman denies inappropriate touching https://www.bbc.co.uk/news/business-65532230?at_medium=RSS&at_campaign=KARANGA allan 2023-05-09 12:05:47
ニュース BBC News - Home GB News broke rules over Covid jab claims - Ofcom https://www.bbc.co.uk/news/entertainment-arts-65532879?at_medium=RSS&at_campaign=KARANGA content 2023-05-09 12:27:45
ニュース BBC News - Home Now for the hard part - Starmer tells Labour https://www.bbc.co.uk/news/uk-65529612?at_medium=RSS&at_campaign=KARANGA elections 2023-05-09 12:52:07

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)