投稿時間:2023-01-30 06:15:29 RSSフィード2023-01-30 06:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
海外TECH	DEV Community	From Good to Great: The Power of Empathy in Programming	https://dev.to/noriller/from-good-to-great-the-power-of-empathy-in-programming-162p	From Good to Great The Power of Empathy in ProgrammingTired of creating software that falls short of its potential Want to elevate your coding game to new heights Then it s time to tap into the power of empathy By putting yourself in the shoes of both the user and your fellow programmers you ll create software that not only works but exceeds everyone s expectations Empathy for the User Don t Just Give Em What They WantAs a programmer it s tempting to simply give the user what they ask for But by taking the time to understand the user s needs and struggles you ll create software that truly makes their life easier Ask yourself what are the user s pain points What will make their life easier not just what they think they want A classic example of this is when someone who works with spreadsheets is asked what they want in software They ll probably say they want a spreadsheet but faster and on the web Trust me on that one I ve been working in an internal department for years and the main problem is that the users don t even know what is possible They got used to their workflow using spreadsheets so it makes sense they would think that s what they need Because of this I m always of the opinion that it doesn t matter that you don t know about the industry you work with Unless you re working with software to be used only by experts you re bound to make something that will be used by people of all knowledge levels If you don t know anything then you can make sure any beginner will find it easier to use From there making tools to improve the workflow for experts is a lot easier than simplifying the process for a beginner to be able to use your software Empathy for Your Fellow Programmers Make the Code LastIt s easy to get caught up in delivering features as quickly as possible but the long term consequences of cutting corners can be significant Code that s difficult to modify and maintain can lead to endless hours of frustration wasted time and lost productivity By taking the time to make your code easy to understand and modify you ll make life easier for both yourself and your fellow programmers Sure the managers might want as many features as quickly as possible but if you keep having to circle back and fix what you re doing you ll never go anywhere And let s be real you probably don t even remember that feature you wrote last week So what happens when you have to read code written by someone who might not even be a colleague anymore By caring for the code you ll ensure that future changes and additions can be made with ease Incorporating empathy into your coding practices will not only make you a better programmer but also a better team player When you care about making the code last yours and your colleagues it shows that you respect them and the time they ll spend working with the code remember most of the time we are reading code And that s a team friendly attitude that will be appreciated by everyone…Even if you make them angry during the code reviews… The Empathetic Programmer A Force to Be Reckoned WithIncorporating empathy into your programming practices can make you not only a better coder but also a better collaborator and problem solver So let s raise a glass to the empathetic programmer Cheers Cover Photo by Aarón Blanco Tejedor on Unsplash	2023-01-29 20:32:54
海外TECH	DEV Community	Publishing a Vue 3 - Typescript Component Library to GitHub Packages	https://dev.to/peshanghiwa/publishing-a-vue-3-typescript-component-library-to-github-packages-46ec	Publishing a Vue Typescript Component Library to GitHub PackagesWhen it comes to working in a team or an organization it often involves reusing a collection of repositories or code bases components in multiple projects again and again To make it easier for every developer out there to access and utilize these components it s usually recommended to publish these components to the NPM registry as public open source projects that can be reused However if the components are private and only used within the scope of the organization the best option is to use Github packages In this article I ll guide you through the process of publishing a Vue component library built with typescript to Github Packages which includes the following steps Creating a Vue js project using ViteBuilding a component of the libraryConfiguring Vite to package the library for publishingSetting up Github Actions for automated publishing to Github PackagesTesting the component as a dependency in another project   Creating a Vue js project using ViteTo create a Vue project using Vite you need to initialize a Vite project in your desired directory by running this script in your command line npm create vite latestMake sure to complete the next couple steps to generate your project I ll name my project github packages ui library and select Vue and typescript as the technologies Then go to the project directory and install the project dependencies using NPM or your preferred package manager cd github packages ui librarynpm install If you open the project now you ll get to see a fully scaffolded project that looks like this Now clean up the project by removing all the unnecessary files and extra codes like style files prebuilt HelloWorld vue component and etc   Building a component of the libraryNext I am going to build one of the components of the library as a test component and export it whereas you can built as many components as you want The component needs to be in the src components directory and I am going to name it BaseButton vue as shown below lt script setup lang ts gt import computed from vue type BaseButtonProps size number color string const props withDefaults defineProps lt BaseButtonProps gt size color skyblue const fontSize computed gt props size px lt script gt lt template gt lt button id baseButton gt lt slot gt lt button gt lt template gt lt style gt baseButton padding rem rem cursor pointer border none background color v bind color font size v bind fontSize lt style gt The component is a simple button that accepts two props both fully typed with TypeScript color which must be a string and size which must be a number Additionally it has a default slot Next we ll create an index ts file in the src directory This file will act as a central location to export all the library components from as shown below src index ts export default as BaseButton from components BaseButton vue Now we can import the components from index ts and use them like this example in src App vue lt script setup lang ts gt import BaseButton from index lt script gt lt template gt lt BaseButton gt Click me lt BaseButton gt lt template gt And now our library is ready to be configured as a package in which we ll do in the next step  Configuring Vite to package the library for publishingNext we ll update the vite config ts file to implement the packaging process as follows import defineConfig from vite import vue from vitejs plugin vue import path from path import cssInjectedByJsPlugin from vite plugin css injected by js export default defineConfig plugins vue cssInjectedByJsPlugin resolve alias new URL src import meta url pathname build cssCodeSplit true target esnext lib entry path resolve dirname src index ts name GithubPackagesUiLibrary fileName format gt github packages ui library format js rollupOptions external vue output globals vue Vue Notice that both name written in PascalCase and fileName written in kebab case are the actual name of our project so you should replace it with your project name tooIf you encountered Cannot find path or Cannot find diranme error you will need to install types node as dev dependency to solve the issuenpm install D types nodeand you also need to install vite plugin css injected by js as dev dependency in order to include all the CSS codes of the project in to the buildnpm install D vite plugin css injected by js Next we need to update the tsconfig json file as follows compilerOptions baseUrl target esnext useDefineForClassFields true module esnext moduleResolution node isolatedModules true strict true jsx preserve sourceMap true resolveJsonModule true esModuleInterop true paths src lib esnext dom dom iterable scripthost skipLibCheck true outDir dist declaration true include vite config env d ts src src vue  And tsconfig node json as follows compilerOptions composite true module ESNext moduleResolution Node allowSyntheticDefaultImports true include vite config ts  Next We need to update our package json file to support our packaging as follows files dist main dist github packages ui library umd js module dist github packages ui library es js exports import dist github packages ui library es js require dist github packages ui library umd js types dist types index d ts publishConfig registry peshanghiwa repository type git url scripts dev vite build vite build amp amp vue tsc emitDeclarationOnly amp amp mv dist src dist types preserve vite build serve vite preview port typecheck vue tsc noEmit preview vite preview test exit name peshanghiwa github packages ui library version type module dependencies vue devDependencies types node vitejs plugin vue typescript vite vue tsc You must replace all the github packages ui library with the name of your library and peshanghiwa with your own github username in the above file You must include the character too in the username YOURUSERNAME and lastly create a npmrc in the root directory as follows peshanghiwa registry and replcae peshanghiwa with your github username   Setting up Github Actions for automated publishing to Github PackagesNext we need to create a github actions to generate and automate the building and publishing of our package into github packages registryCreate a github workflows release package yml in the root directory as belowname Github Packages UI Library Actionson push branches mainjobs build runs on ubuntu latest steps uses actions checkout v uses actions setup node v with node version run npm ci run npm test publish gpr needs build runs on ubuntu latest permissions packages write contents read steps uses actions checkout v uses actions setup node v with node version registry url run npm ci run npm run build run npm publish env NODE AUTH TOKEN secrets GITHUB TOKEN This is a sample of Github Actions workflow that will run two jobs for us build and publish gpr to build and publish the package to Github Packages Registry The action will trigger each time code is pushed to the main branch but you can modify this behavior by referring to Github Actions Workflow Syntax After pushing the final changes to the main branch the Github Actions workflow will automatically start You can monitor the workflow s progress in the Actions section of the Github page As shown in the image above both jobs ran successfully and the library is now registered in Github Packages To verify you can check the main repository page and see that a Packages section has been added to the sidebar as shown in the below image   Testing the component as a dependency in another projectOur package is now on Github Packages and ready to be used privately in another project or repository accessible only by us To use it we need to generate a Github token for this purpose Go to the Developer Settings and generate a token with only the read packages permission as shown in the following image Now create another vue js project so that we can install our package at Next create a npmrc file in the root directory of the newly created vue js project and paste the follwoing code peshanghiwa registry npm pkg github com authToken YOUR GENERATED GITHUB TOKEN HEREchange the peshanghiwa to your github username and paste your secret github token tooNext you can install your package using npm in the terminal as below npm install peshanghiwa github packages ui libraryAnd you can now import and use the package just like any other dependency in your project as shown below The build includes complete typescript support and the props are properly typed And you have successfully published your private package in to github packages registry The above repository is public and available in this link	2023-01-29 20:09:48
Apple	AppleInsider - Frontpage News	Twelve South BookBook for MacBook Review: Fun and Functional	https://appleinsider.com/articles/23/01/29/twelve-south-bookbook-for-macbook-review-fun-and-functional?utm_medium=rss	Twelve South BookBook for MacBook Review Fun and FunctionalTwelve South s BookBook for MacBook is a simple and durable leather laptop case that visually impresses with a leather bound book appearance Available in and inch versions for ample coverage of modern MacBooks this is just one product out of the BookBook line covering iPhone iPad and more in a premium and unusual leather casing The BookBook gives your MacBook a vintage hardcover book feel and smell a pleasing and neutral aesthetic that serves a variety of audiences Twelve South advertises this as also an anti theft measure as the BookBook can blend in well on a well sized and decently filled bookshelf Read more	2023-01-29 20:34:48
海外TECH	Engadget	Samsung’s entry model Galaxy S23 could feature slower storage	https://www.engadget.com/samsung-entry-model-galaxy-s23-could-feature-slower-storage-205144097.html?src=rss	Samsung s entry model Galaxy S could feature slower storageHow much storage you decide to configure the Galaxy S with could be a more meaningful decision than with some of Samsung s past phones According to frequent Samsung leaker Ice Universe via Android Police the GB variant of the base model S will make use of a UFS chip instead of Samsung s newer UFS standard Consumers will need to pay extra for the GB version if they want the company s latest storage technology Ice suggests the reason for this is that Samsung doesn t produce a GB UFS chip Samsung has made big claims about UFS since announcing the standard last year The company says the new chips are twice as fast as its older UFS memory UFS offers sequential read and write speeds of up to MB s and MB s respectively The new silicon is also percent more power efficient an upgrade that could lead to longer battery life on phones that make use of the technology I ll note here Ice Universe s information isn t definitive A handful of leaks have suggested all S models will start with GB of storage Yet other reports have said that Samsung will offer a storage upgrade to people who preorder the Galaxy S Either way UFS should be a meaningful upgrade but if you decide to save a bit of money by going for a potential GB model don t overthink things It s not like Samsung is reportedly planning to outfit the base Galaxy S with eMMC or UFS storage	2023-01-29 20:51:44
海外科学	NYT > Science	Barbara Stanley, Influential Suicide Researcher, Dies at 73	https://www.nytimes.com/2023/01/29/health/barbara-stanley-dead.html	clinical	2023-01-29 20:02:49
ニュース	BBC News - Home	Tyre Nichols' lawyer urges lawmakers to pass urgent police reforms	https://www.bbc.co.uk/news/world-us-canada-64447897?at_medium=RSS&at_campaign=KARANGA	nichols	2023-01-29 20:31:16
ニュース	BBC News - Home	Six Nations: England v Scotland - Henry Slade & Courtney Lawes ruled out	https://www.bbc.co.uk/sport/rugby-union/64447520?at_medium=RSS&at_campaign=KARANGA	Six Nations England v Scotland Henry Slade amp Courtney Lawes ruled outCentre Henry Slade and forward Courtney Lawes are ruled out of England s opening Six Nations game against Scotland on Saturday	2023-01-29 20:00:57
ビジネス	ダイヤモンド・オンライン - 新着記事	日本M&Aセンター“不適切会計”の深層、調査報告書が描かなかった「地獄の部長会議」 - 日本M＆Aセンター 砂上の「絶対王者」	https://diamond.jp/articles/-/316756	日本MampampAセンター“不適切会計の深層、調査報告書が描かなかった「地獄の部長会議」日本MAセンター砂上の「絶対王者」日本MampAセンターで年月に発覚した不適切会計。	2023-01-30 05:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	富裕層開拓の好機!?金融業界が税制改正の「贈与ニーズ急増」狙い虎視眈々 - 相続＆生前贈与 65年ぶり大改正	https://diamond.jp/articles/-/316378	使い勝手	2023-01-30 05:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	日本一のトマト農家が語る、“農業経営DX”を成功させる「最終的な鍵」とは？【動画】 - カリスマ農家の「儲かる農業」	https://diamond.jp/articles/-/316070		2023-01-30 05:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	最安値は特別養護老人ホームで富裕層は高級老人ホーム！高齢者向け施設選びのポイント - 最適な介護施設選び＆老人ホームランキング	https://diamond.jp/articles/-/316621	介護施設	2023-01-30 05:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米軍グアム新基地、中国の抑止強化狙い - WSJ発	https://diamond.jp/articles/-/316890	米軍	2023-01-30 05:08:00
ビジネス	ダイヤモンド・オンライン - 新着記事	EVバッテリー用黒鉛、人造より天然へ需要シフト - WSJ発	https://diamond.jp/articles/-/316891	黒鉛	2023-01-30 05:06:00
ビジネス	ダイヤモンド・オンライン - 新着記事	キャッシュ志向で利回り追求、警戒強める投資家 - WSJ発	https://diamond.jp/articles/-/316892	追求	2023-01-30 05:05:00
ビジネス	ダイヤモンド・オンライン - 新着記事	中国「ゼロコロナ」緩和でも経済回復が厳しい理由、伊藤忠総研が解説 - 伊藤忠総研「世界経済ニュースの読み解き方」	https://diamond.jp/articles/-/316788	世界経済	2023-01-30 05:05:00
ビジネス	ダイヤモンド・オンライン - 新着記事	テスラ株に群がる投機筋、オプション取引を席巻 - WSJ発	https://diamond.jp/articles/-/316893	投機筋	2023-01-30 05:04:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	積極的パートナーシップが生み出した、Z世代を動かす波	https://dentsu-ho.com/articles/8470	関心	2023-01-30 06:00:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	ファンがファンを増やす好循環、ファンベースCXループとは？	https://dentsu-ho.com/articles/8462	中長期的	2023-01-30 06:00:00
ビジネス	東洋経済オンライン	｢高齢者を雇う側､雇われる側｣が気をつける点 指導･監督することも｢管理者の役割｣の1つ | 医師が伝える「生きやすさのコツ」 | 東洋経済オンライン	https://toyokeizai.net/articles/-/646390?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2023-01-30 05:40:00
ビジネス	東洋経済オンライン	男性誌で｢不妊治療｣マンガを連載した意外な背景 主人公は胚培養士､作者･おかざきさんに聞いた | 不妊治療のリアル | 東洋経済オンライン	https://toyokeizai.net/articles/-/647471?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2023-01-30 05:20:00