IT |
ITmedia 総合記事一覧 |
[ITmedia PC USER] 新定番ノートPC「VAIO F14/F16」「VAIO Pro BK/BM」は5月17日10時から受注 F14/F16は6月2日発売へ |
https://www.itmedia.co.jp/pcuser/articles/2304/28/news205.html
|
itmediapcuser |
2023-04-28 20:30:00 |
TECH |
Techable(テッカブル) |
LINE、非営利財団「Finschia Foundation」設立。Web3事業のグローバル拡大を目指す |
https://techable.jp/archives/205060
|
finschiafoundation |
2023-04-28 11:30:13 |
TECH |
Techable(テッカブル) |
ChatGPT活用の占いサービスが登場!運勢アルゴリズム×文章生成で悩み解決へ |
https://techable.jp/archives/204192
|
chatgpt |
2023-04-28 11:00:40 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
if と elseif と elseの違い |
https://qiita.com/nekocchi2075/items/ad8f965ec3be29bd3b82
|
elseif |
2023-04-28 20:57:40 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
if と elseif と elseの違い |
https://qiita.com/nekocchi2075/items/ad8f965ec3be29bd3b82
|
elseif |
2023-04-28 20:57:40 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
[JavaScript]テンプレートメソッドパターン・シングルトンパターン |
https://qiita.com/tanakadaichi_1989/items/9abc5665a58a779f04d7
|
javascript |
2023-04-28 20:49:02 |
海外TECH |
MakeUseOf |
Is Windows 11 Running Slow or Lagging on Your Computer? 7 Ways to Fix It |
https://www.makeuseof.com/ways-to-fix-slow-lagging-windows-11/
|
computer |
2023-04-28 11:30:16 |
海外TECH |
MakeUseOf |
3 Ways to Control ChatGPT With Your Voice |
https://www.makeuseof.com/ways-to-control-chatgpt-with-voice/
|
chatgpt |
2023-04-28 11:15:16 |
海外TECH |
DEV Community |
Everything you need to know about Webpack's Bundle-Analyzer |
https://dev.to/mbarzeev/everything-you-need-to-know-about-webpacks-bundle-analyzer-g0l
|
Everything you need to know about Webpack x s Bundle AnalyzerI have recently had the opportunity to get my hands dirty with Webpack bundle analyzer and have observed a shortage of comprehensive resources available on the web It appears that this tool is often encountered sporadically leading us to relearn its features each time we engage with it In this post I would like to extend an invitation to share the insights I have gained from my experience and provide a more thorough understanding of its functionality Hey for more content like the one you re about to read check out mattibarzeev on Twitter Launching the analyzerI assume you can find your way in installing the bundle anayzer webpack plugin as described here but if you re using the Create React App it might not be that trivial The way I found to do that is to build the application with stats param and then use the result json file to generate the bundle analyzer treemap You can sum it up all in a single npm script that goes like this scripts profile npm run build stats amp amp npx webpack bundle analyzer build bundle stats json Let s see how it looks on a sample React application We can clearly see main JS bundles and another small “runtime one The “runtime bundle is for supporting code splitting so we will focus on the main ones build static js baad chunk jsbuild static js main acc chunk jsTIP It is important to mention that when you launch the analyzer it is better to make sure that Webpack runs in “production mode and generates optimized bundles this should be the default case but you know… This in order to get the closest simulation to what happens in production Analyzing you bundlesIn order to start analyzing your bundles you should get a better understanding of the tool you re about to use Let s explore it together We can clearly see the bundles which make our application Webpack as part of its optimization divides the code into chunks one is the chunk for rd party vendors such as React Mobx etc and the other chunk is the actual application code baad chunk js rd party vendorsMain acc chunk js Application codeIf you click on an area in the Treemap it will attempt to focus on that area and enlarge it Using the mouse wheel will also zoom in and out TIP The Treemap is a Canvas based UI and as such trying to find modules in it using the native browser s “find will not help much but there are other solutions for that Keep reading… Inspection SidebarOn the top left corner there is a small button that when clicked opens up the inspection sidebar Let s open it up and pin it so it won t get closed each time which is super annoying…just saying The Treemap sizesWe start at the top and see that there are modes of Treemap size Stat Parsed and Gzipped What does each mean Stat Stat sizes are fetched from the webpack stats object directly and use the actual source code of your modules as is and report the size before minification or gzip Parsed Parsed sizes are calculated by reading the actual compiled bundle files and making a link back to the modules from the webpack stats file So if you use a minifier such as UglifyJS the parsed size shows you the size after minification Gzipped gzip sizes are calculated by reading the actual compiled bundle files and running gzip for each one of the module sources separately Thus the gzip size shows you the size after minification and gzip but it isn t a to mapping with the actual file sizes as gzipping each module separately yields less wins in terms of compression as the separate sources have less opportunities for gzip to compress together These explanations are taken from a response in this enlightening GitHub thread If you change the size mode you re in you will see an immediate effect in places in the chunks size at the bottom of the sidebar and in the Treemap itself The sizes will usually go like this Stat gt Parsed gt Gzipped gt acts as greater than here Sometimes the “Stat size mode will give more information on the content of each package or in other words will better indicate what modules are bundled from a certain package To improve the analysis even further we can check the “Show content of concatenated modules checkbox right below the sizes mode so that we can see what modules are getting concatenated For example let s take the application bundle and see the difference side by side Once you have a more detailed overview of what your bundle includes you can start making better decisions on how to optimize it Filter to initial chunksThough not relevant to our current application example since we have a single entry file for Webpack sometimes Webpack has more than a single entry point In that case you will be able to filter on the entry point which interests you and drill down to its chucks Moving on Search modulesRemember when I told you that you cannot use the browser native “find to locate modules you re interested in Well this is where the “search modules come in handy You just place your regex and the Treemap will filter the module or package you re looking for It does more than that it will show you where this module is used in the different chucks and the sizes in each place Let s try it with “mobx What happens in the Treemap is even cooler See how all the places where Mobx is found are painted in red This can help in cases where you would like to take a rd party like say Lodash which may be scattered in different chunks and extract it so it won t be bundled in each chunk you will see that before extracting it there are many “Red patches in Treemap and afterwards it will reside in a single place Show chunksAt the bottom of the sidebar we have the chucks size where we see all the chunks in total and then each by itself We can select just certain chunks to focus on them Optimization demoLet s take a simple case to show how the bundle analyzer can help us with optimizing one of our chunks I m looking at the chuck which holds the mobx react package and inspect its size As you can see in the tooltip upon hovering the package its parsed size is KB Let s see if we can reduce that I m going to use mobx react lite for that I m installing it and changing every place in the code which uses mobx react into the lite version Here is the result after the change was made As you can see the change reduces mobx react parsed footprint on the bundle to KB more than and the bundle analyzer helps us see that right away Wrapping upThe bundle analyzer is a great tool to gain better understanding on what goes on in your application bundles and also a tool to check the implications of your bundle optimizations A variation of it can also be found in Google s Lighthouse devtool and you can inspect your production bundles and also see the amount of unused code etc Hey for more content like the one you ve just read check out mattibarzeev on Twitter |
2023-04-28 11:46:37 |
海外TECH |
DEV Community |
How to configure Typescript in your project |
https://dev.to/wadizaatour/how-to-configutre-typscript-in-your-project-484h
|
How to configure Typescript in your projectTo configure TypeScript in a project you need to follow these steps Install TypeScript You can install TypeScript using npm Node Package Manager by running the following command in your project directory npm install save dev typescriptThis will install the latest version of TypeScript and save it as a development dependency in your project Create a tsconfig json file This file specifies the TypeScript compiler options for your project You can create a basic tsconfig json file by running the following command npx tsc initThis will create a default tsconfig json file in your project directory Configure the tsconfig json file In the tsconfig json file you can specify options such as the target JavaScript version module system source directory output directory and more You can also include or exclude specific files from compilation Here is an example of a basic tsconfig json file compilerOptions target es module commonjs sourceMap true outDir dist include src ts exclude node modules In this example we specify that we want to target ECMAScript use the CommonJS module system generate source maps and output the compiled files to a dist directory We also include all ts files in the src directory and exclude the node modules directory Add a TypeScript build script to your package json file You can add a build script that runs the TypeScript compiler using the tsc command Here s an example scripts build tsc This will compile your TypeScript code and output the compiled JavaScript files to the directory specified in your tsconfig json file With these steps you should now have TypeScript configured in your project and be ready to start writing TypeScript code |
2023-04-28 11:27:44 |
海外TECH |
DEV Community |
TypeScript |
https://dev.to/wadizaatour/typescript-4jol
|
TypeScript What is it TypeScript is an open source programming language developed by Microsoft that builds on top of JavaScript by adding optional static typing class based object oriented programming and other features It is designed to make it easier to write and maintain large scale JavaScript applications particularly in the context of web development How it works TypeScript is transpiled into JavaScript which means that it can be used in any JavaScript environment including web browsers and Node js servers It is also compatible with popular JavaScript libraries and frameworks such as React and Angular or VueJs making it a popular choice for modern web development AdvantagesType safety TypeScript provides type checking at compile time which helps catch potential errors before runtime This makes it easier to write and maintain code especially in larger projects with many developers Better tooling support TypeScript works seamlessly with modern development tools like IDEs and linters It provides better code suggestions and auto completion making development more efficient and less error prone Scalability TypeScript allows developers to write code that is more maintainable and easier to refactor This is particularly important for large scale projects that require frequent updates and changes Improved code quality With TypeScript developers can catch errors early leading to cleaner more reliable code It also encourages developers to write better structured code by enforcing stricter rules and conventions Backward compatibility TypeScript is backward compatible with JavaScript meaning that developers can use existing JavaScript code and libraries in their projects without having to rewrite everything in TypeScript Strong community TypeScript has a large and active community of developers who contribute to its development and provide support through forums blogs and other resources Conclusing Overall TypeScript can help developers write cleaner more maintainable code catch errors early and improve the overall quality of their frontend development projects |
2023-04-28 11:24:31 |
海外TECH |
DEV Community |
What's New in Novu 0.14.0? |
https://dev.to/novu/whats-new-in-novu-0140-4p5c
|
What x s New in Novu TL DR All you need to know about the latest Novu release Performance optimization Redesigned Workflow UI Editor Data expiration Headless Notification Center and more Release UpdatesWe re stoked to share new updates on our latest release Let s dig in Performance OptimizationWe have worked extremely hard to improve the core performance of Novu I ll highlight crucial things to note and be aware of Improved Caching Optimized Indexes Indexes are defined on each schema file at the bottom New Worker ServiceBreaking Change A new service is required to run with Novu called novu worker extracted from the novu api monolith to ensure that queues and jobs are processed faster Novu Cloud users do not need to be concerned about this change Novu self hosted users can now scale the worker service independently as much as the hardware their hosted domain runs on For Novu self hosted users running on Docker it is now necessary to pull in the new worker service image in order for Novu to work properly This is already taken care of here When you run docker compose up the worker image will be automatically pulled in No extra steps are needed Data ExpirationThe Jobs and Messages collection now has a TTL and will be removed from the database when it expires For Novu cloud users notifications and activity feed data will be saved for month while in app messages will be saved for months After that time the records will be archived For Novu self hosted users the same time frame applies before records will be deleted However they can disable the TTL setting by adding the environment variable DISABLE TTL true Affected schemes Notification for month Job for month Message for in app messages months for all other messages month Execution Details for month New Workflow UI EditorWe re constantly iterating on the UI editor to reduce the number of clicks needed to perform specific actions improve the UX and provide a great experience in setting up notification workflows In this release we simplified the workflow editor UI like so Headless Notification CenterYou might have heard the phrase Bring Your Own or something along those lines We encourage you to bring your UI with the newly released framework agnostic headless version of Novu s notification center This lightweight library allows you to incorporate our notification system into any framework or vanilla JavaScript app without UI constraints Install and call the API methods needed to access the notification system Install npm install novu headlessUse import HeadlessService from novu headless You can now fetch all In App notifications shown like so const headlessService new HeadlessService applicationIdentifier APP ID FROM ADMIN PANEL subscriberId USER ID backendUrl YOUR BACKEND URL socketUrl YOUR SOCKET URL headlessService initializeSession listener session gt console log session onSuccess session gt console log session onError error gt console error error headlessService fetchNotifications listener data error isError isFetching isLoading status gt console log data error isError isFetching isLoading status onSuccess response IPaginatedResponse lt IMessage gt gt console log response data response page response totalCount response pageSize page page number to be fetched Maqsam SMS Provider IntegrationNow you can use the Maqsam SMS provider on Novu Termii SMS Provider IntegrationNow you can use the Termii SMS provider on Novu SMSCentral SMS Provider IntegrationNow you can use the SMSCentral SMS provider on Novu Sparkpost SMS Provider IntegrationNow you can use the Sparkpost SMS provider on Novu All ChangesThe full changelog can be found on GitHub ConclusionSign up on Novu try it out amp let me know what you think about the new changes in the comments section If you re looking to contribute to OSS and make an impact I believe it is a great place to start amp build out amazing things Oh don t forget to star the repo as well See you in the next release |
2023-04-28 11:20:39 |
Apple |
AppleInsider - Frontpage News |
Music changed forever with Apple's iTunes Music Store 20 years ago |
https://appleinsider.com/articles/23/04/28/music-changed-forever-with-apples-itunes-music-store-20-years-ago?utm_medium=rss
|
Music changed forever with Apple x s iTunes Music Store years agoOn April Steve Jobs announced the iTunes Music Store with songs and a few exclusives that not only changed the record industry then it paved the way to today s streaming An early promo for the iTunes Music StoreIt s unlikely that you have said or thought the word iTunes in at least a couple of years Back in Apple broke up the iTunes app into separate ones for music tv and so on and it was right to do so because it had become peculiarly confusing Read more |
2023-04-28 11:35:10 |
Apple |
AppleInsider - Frontpage News |
Acefast Fast Charge Power Bank M1 review: Beautiful exterior with a not so beautiful price |
https://appleinsider.com/articles/23/04/28/acefast-fast-charge-power-bank-m1-review-beautiful-exterior-with-a-not-so-beautiful-price?utm_medium=rss
|
Acefast Fast Charge Power Bank M review Beautiful exterior with a not so beautiful priceThe Acefast Fast Charge Power Bank M offers a unique design with multiple ports to charge more than one device at a time ーbut at a too high price tag Acefast Fast Charge Power Bank MHigh powered portable chargers usually follow the same color scheme of black and grey in their designs with no other unique styles However the Acefast Fast Charge Power Bank M turns the tables on traditional fast charging power banks by offering a simplistic design in beautiful colors and powerful performance Read more |
2023-04-28 11:21:29 |
海外TECH |
Engadget |
Reddit trials permanent chat channels in subreddits |
https://www.engadget.com/reddit-trials-permanent-chat-channels-in-subreddits-114548682.html?src=rss
|
Reddit trials permanent chat channels in subredditsReddit has announced a new feature for subreddits chat channels The launch comes with a disclaimer from the company that previous Chat launches were not done quot in the best ways quot and that this approach focuses on small communities and mod tools to ideally be better nbsp Chat channels do differ in a few ways from the Live Chat feature for example existing as a permanent space in the subreddit rather than a fleeting post They re also operated by the mods who can choose to block responses pin messages and to chat in a private channel Mods also control who s allowed in the channel ranging from open participation all the way to only trusted members nbsp RedditReddit claims to be building chat channels with space for additional updates depending on testing results The company specifically calls out features like automod rules slow mode and the ability to build custom channel roles as potential developments nbsp The chat channels announcement came alongside two other small Reddit updates The company has rolled out an new subreddit header that shrinks the space between the header and posts makes the search bar into one button and shows tabs like quot menu quot and quot about quot by clicking anywhere across the header Reddit claims these updates increased community subscriptions and actions in tests It also announced May th as an official shutdown date for its Predictions polling game Users will no longer be able to create or join an active tournament and old tournaments will become inaccessible nbsp For now chat channels are still at the pilot program stage with only subreddits testing them out at the moment ーtotalling less than users Mods interested in trying it out can add their subreddit to a participation waiting list This article originally appeared on Engadget at |
2023-04-28 11:45:48 |
海外TECH |
Engadget |
The Morning After: There's never been a better time to be a camera nerd |
https://www.engadget.com/the-morning-after-theres-never-been-a-better-time-to-be-a-camera-nerd-111437803.html?src=rss
|
The Morning After There x s never been a better time to be a camera nerdSince smartphones obliterated the casual photography market camera manufacturers are focusing on building models designed for very specific uses Mirrorless cameras continue to improve in autofocus video and more while lens ranges expand year on year Action cams provide sharp fluid video compact cameras target both tourists and vloggers and DSLRs are available at some of the best prices we ve seen We walk you through s highlights so far including full frame marvels like Sony s ZV E the Canon EOS R II and the Panasonic S II I am on the precipice of ordering the ZV E myself If you re considering a camera upgrade this is a very good time to do so Engadget s Steve Dent walks you through the options Mat SmithThe Morning After isn t just a newsletter it s also a daily podcast Get our daily audio briefings Monday through Friday by subscribing right here The biggest stories you might have missed Armored Core VI Fires of Rubicon delivers fast paced mech combat this August Elon Musk will likely face deposition in lawsuit over deadly Tesla Autopilot crash Zozofit s capture suit takes the guesswork out of body measuring Samsung s semiconductor business posted massive losses for Q SpaceX s Starship launch caused a fire in a Texas state park The best in laptops for The Ayaneo S is another powerful Steam Deck rivalWith an AMD Ryzen chip likely the same as the one in ASUS ROG Ally EngadgetAyaneo has confirmed its upcoming Ayaneo S Steam Deck like handheld console will be powered by an AMD chip identical to the one in the ASUS ROG Ally The AMD Ryzen chip is likely the Ryzen U a chip supposed to be nigh on the same as the Ally s AMD Z Extreme The Ayaneo S will also come with a three pipe cooler and other improvements The Ayaneo S looks identical to the Ayaneo we reviewed earlier this year but has improvements that address some of our key complaints Namely the new series processor with Radeon M graphics offers quot substantial performance gains Continue reading Dyson s air purifying Zone headset is now available in the USIt has a detachable visor that stretches across your face If Zyou hate breathing in pollutants and don t mind being stared at then your time might have come The Dyson Zone headphones are finally available to buy in the US They re available on Dyson Direct in prussian blue and bright copper with case soft pouch two filters and an in flight adapter kit all for the low low price at Here s what we thought of the Zone Continue reading Teenage Engineering reveals a gorgeous mic I can t affordBut I still want it Teenage EngineeringTeenage Engineering has long made music gadgets with slick design and features and now it s dabbling in microphones The CM is described as the world s “first all in mic offering There is a built in battery that gets ten hours of use per charge or you can plug it into any USB C port to get some juice As for connections there s a mm line output a mini XLR and the aforementioned USB C port The microphone includes a built in preamp too However it ll cost over to bring this stylish microphone home It starts shipping in June Continue reading PlayStation VR is finally heading to retailersIt s been exclusive to the Direct sales platform since launch The well reviewed yet pricey PlayStation VR headset is making its way to retailers after a two month stint of exclusivity at Sony s own website The company shared the news on Twitter but has not set an official date or even announced what lucky retailers would get their mitts on the PS adjacent headset Sony tells customers to check with local retailers for availability information Continue reading This article originally appeared on Engadget at |
2023-04-28 11:14:37 |
医療系 |
医療介護 CBnews |
後発品産業構造の検討、創薬エコシステムなど提言-供給不安やドラッグ・ラグに対応、報告書骨子案 |
https://www.cbnews.jp/news/entry/20230428193855
|
厚生労働省 |
2023-04-28 20:15:00 |
医療系 |
医療介護 CBnews |
電子処方箋「面的拡大」、導入意欲高い病院など中心に-厚労省 |
https://www.cbnews.jp/news/entry/20230428194558
|
厚生労働省 |
2023-04-28 20:10:00 |
海外ニュース |
Japan Times latest articles |
New audio platform gives virtual YouTubers the Japanese fan experience |
https://www.japantimes.co.jp/life/2023/04/28/digital/vtubers-oshi-platform/
|
New audio platform gives virtual YouTubers the Japanese fan experienceThe VTuber market is booming and Oshi founder Leni Andronicos wants to help creators build closer relationships with devoted supporters in the spirit of “oshikatsu |
2023-04-28 20:00:58 |
ニュース |
BBC News - Home |
Unite union votes to reject NHS pay offer |
https://www.bbc.co.uk/news/health-65425285?at_medium=RSS&at_campaign=KARANGA
|
union |
2023-04-28 11:41:34 |
ニュース |
BBC News - Home |
Eva Green: Actress wins High Court dispute over $1m film fee |
https://www.bbc.co.uk/news/entertainment-arts-65421966?at_medium=RSS&at_campaign=KARANGA
|
actress |
2023-04-28 11:08:43 |
ニュース |
BBC News - Home |
Ukraine war: Thirteen dead as Russian missiles hit cities |
https://www.bbc.co.uk/news/world-europe-65421341?at_medium=RSS&at_campaign=KARANGA
|
dnipro |
2023-04-28 11:40:35 |
ニュース |
BBC News - Home |
Rishi Sunak says he will keep using Brecon Beacons name |
https://www.bbc.co.uk/news/uk-wales-politics-65413209?at_medium=RSS&at_campaign=KARANGA
|
national |
2023-04-28 11:16:46 |
ニュース |
BBC News - Home |
How similar are Ed Sheeran and Marvin Gaye's songs? |
https://www.bbc.co.uk/news/world-us-canada-65420696?at_medium=RSS&at_campaign=KARANGA
|
correspondent |
2023-04-28 11:22:52 |
ニュース |
BBC News - Home |
Sudan: The young Brits worrying about relatives in the country |
https://www.bbc.co.uk/news/newsbeat-65424669?at_medium=RSS&at_campaign=KARANGA
|
family |
2023-04-28 11:29:36 |
ニュース |
BBC News - Home |
Richard Sharp: BBC chairman resigns over report into appointment |
https://www.bbc.co.uk/news/uk-65323077?at_medium=RSS&at_campaign=KARANGA
|
appointments |
2023-04-28 11:09:57 |
ニュース |
BBC News - Home |
World Snooker Championship 2023: Dominant Si Jiahui extends lead over Luca Brecel |
https://www.bbc.co.uk/sport/snooker/65420481?at_medium=RSS&at_campaign=KARANGA
|
World Snooker Championship Dominant Si Jiahui extends lead over Luca BrecelSi Jiahui produces a dominant display to extend his lead over Luca Brecel to in the World Championship semi final in Sheffield |
2023-04-28 11:46:58 |
ニュース |
BBC News - Home |
Natasha Jonas: World champion added to Liam Smith-Chris Eubank Jr undercard in June in Manchester |
https://www.bbc.co.uk/sport/boxing/65410984?at_medium=RSS&at_campaign=KARANGA
|
Natasha Jonas World champion added to Liam Smith Chris Eubank Jr undercard in June in ManchesterLiverpool s Natasha Jonas will defend her world titles in Manchester on June on the undercard of Liam Smith v Chris Eubank Jr |
2023-04-28 11:05:35 |
ニュース |
Newsweek |
GWスタート 日本人観光客でにぎわう韓国旅行業界が抱える3つの課題とは |
https://www.newsweekjapan.jp/stories/business/2023/04/gw3.php
|
コロナ・パンデミックに対応する余力もなく日本の旅行業界は国内旅行に依存してきたが、ソウルの旅行業界は海外旅行者、なかでも日本人旅行者に依存してきた。 |
2023-04-28 20:30:09 |
ニュース |
Newsweek |
プーチンが夜遅く、突如クレムリンに急行...噴出する陰謀論、その内容は? |
https://www.newsweekjapan.jp/stories/world/2023/04/post-101535.php
|
【動画】夜遅く、クレムリンに急行するプーチン憶測を呼ぶ映像ツイッターで拡散された根拠のない主張の一つが、トルコのレジェップ・タイップ・エルドアン大統領が、ロシア高官との会談後に心臓発作を起こし、危篤状態に陥っているというものだ。 |
2023-04-28 20:30:00 |
コメント
コメントを投稿