投稿時間:2022-01-24 06:15:29 RSSフィード2022-01-24 06:00 分まとめ(21件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	2014年1月24日、ペンが使える8インチタブレットPC「VivoTab Note 8」が発売されました：今日は何の日？	https://japanese.engadget.com/today24-203018017.html	vivotabnote	2022-01-23 20:30:18
海外TECH	DEV Community	State of the Web: Bundlers & Build Tools	https://dev.to/asyncbanana/state-of-the-web-bundlers-build-tools-1j73	State of the Web Bundlers amp Build ToolsEver since Browserify bundlers have been extremely important in the web ecosystem They provide the ability to automatically process code which opens up opportunities for performance optimization and non native languages This article looks at the background of bundlers why they are essential and their current state Background of Bundlers The Web Before BundlersFor a large part of the web bundlers did not exist To include scripts most people just linked to the library on a CDN like CDNJS or Google Hosted Libraries This would begin to change in when Node js was released Instead of using CDNs Node js came with its package manager npm npm was easy to use because every library was just one npm install away and updating was effortless Because of the ease of use many people wanted to use npm on the web However this was impossible until Browserify came along BrowserifyBrowserify s tagline describes itself pretty well Browserify lets you require modules in the browser by bundling up all of your dependencies Browserify was the first JavaScript bundler If you do not know what a bundler is it is a tool that bundles multiple scripts together into one script and often performs transformations on the scripts it bundles This means that you can bundle different scripts from NPM with your code by parsing require statements in your code Bundling also meant that your site was often faster because there were not as many HTTP requests being sent out which reduced overhead this is less the case in modern browsers because HTTP adds the ability to download multiple resources on a single connection Browserify quickly gained adoption because of these advantages It is also important to note other ways of using modules on the web like Require js which used AMD instead of CommonJS and Bower which fully replaced NPM for the browser Grunt amp GulpWhile Browserify was great at bundling scripts together it was not quite as good at transforming code Let s say you wanted to compile your CoffeeScript code to JavaScript You can do this with plain Browserify However it is unwieldy and relatively inflexible To fix this a new group of tools for the web where born which focused on running code transforms These are usually called task runners and the most popular ones are Grunt and Gulp Grunt was the first task manager first released in January of It allowed for more flexible code transforms when using bundlers like Browserify or without a bundler However there were still problems with Grunt which were solved by Gulp Gulp is faster as it uses Node streams instead of temporary files and runs tasks in parallel as well as allowing for people to use a script instead of a JSON configuration file This was still not perfect though because it was annoying to use two separate tools This was fixed by Webpack WebpackWebpack combines both bundling and compiling making it easier than the previous standard of Gulp Browserify Webpack first started becoming popular in and it is still popular to this day There are also some other advantages of Webpack First it supports bundling and transforming non JavaScript assets like HTML CSS and images Second the API is often easier to use although it is still complicated relative to the newest bundlers Many tools like Create React App Next js and Vuepress use Webpack Why Bundlers Build tools are SignificantIf you already know why bundlers are used you can skip this section OptimizationIn general most people do not write their code like this let l hello l world l l repeat console log l Instead to make things readable they would probably write something like this let text hello text world text text repeat console log text However the first example is smaller and therefore transferred faster Now you might think you have to sacrifice size for readability but there is a solution minifiers Minifiers automatically transform your source code into a smaller form In fact the first code example was generated by Terser which is one of the best minifiers Bundlers make using minifiers easy through plugins Additionally bundlers help perform other optimizations like tree shaking which removes unused code Finally bundling scripts itself can improve performance by reducing HTTP requests needed Non web Native LanguagesOften it is more efficient to use a language like Sass or Stylus instead of plain CSS Or perhaps you are trying to use TypeScript to enforce static typing in your code Whatever the case it is often better to use languages that the web does not natively support Bundlers can help with this Instead of running a bunch of different commands yourself to compile everything you can often just add plugins to your bundler config file and run the bundler Development FeaturesMost modern bundlers have features that enable faster iteration like Hot Module Reload HMR HMR automatically reloads specific modules that have changed rather than the whole page making reloading faster Additionally if you are using a framework like React React state can be preserved which means that the page data does not reset every time Easy Inclusion of ModulesBundling modules together is the original reason why bundlers were made Even though there are many other features now this is still important Even with the native support of ESM it is still helpful to be able to import or require modules without having to write full import paths although import maps could help with this The State of Build Tools AdoptionNowadays almost every web developer uses one bundler or another Webpack is by far the most popular with Rollup and Vite in second and third respectively Currently Vite is the fastest growing major bundler which has been adopted by frameworks like Vitepress SvelteKit Astro and more ECMAScript Modules ESM ESM is supported in most modern bundlers While tools like Browserify do not support ESM most tools as new or newer than Webpack support ESM Additionally ESM is often the recommended way to do things for supported bundlers because it is more future oriented than CommonJS or AMD and it is easier to statically analyze imports for tree shaking ESM also opens up the opportunity for unbundled development which we cover below Unbundled DevelopmentUnbundled development utilizes native ESM support in browsers to offer an ultra fast development experience Unlike a traditional bundler which bundles everything in development unbundled development transforms the code and rewrites import paths to the ESM compliant file path without bundling your code Additionally most bundlers that do this pre bundle dependencies because that decreases the number of imports needed and dependencies are unlikely to change often The two most prominent bundlers that utilize unbundled development are Vite and Snowpack Snowpack created in was the first bundler to have an unbundled development experience However while Snowpack was popular for some time this did not last forever In the team behind Vue created Vite Vite has many advantages over Snowpack like the ease of use speed better optimization and more Additionally popular projects like SvelteKit adopted Vite instead of Snowpack All of this helped Vite pass Snowpack in downloads and it now has more than x downloads compared to Snowpack In fact even Astro a project created by the team behind Snowpack be on the lookout for an article about Astro is now using Vite Overall if you want fast unbundled development I recommend Vite Faster LanguagesAnother way that many people are trying to speed up bundling and code transformation is through using more optimized languages like Go or Rust Currently the two most notable tools that do this are esbuild and SWC esbuild was created by Evan Wallace in using Go esbuild performed the role of Babel in transforming modern JavaScript the TypeScript compiler Terser and basic bundling all in one package that was significantly faster than any other tools at that time SWC was created in by kdy using Rust SWC is even faster than esbuild although only marginally esbuild is currently more popular than SWC and is used by projects like Vite although Deno and Next js have adopted SWC Low to Zero ConfigWebpack has an infamously complex plugin system While it is very powerful it can be scary for beginners Luckily there are newer bundlers that focus on this Parcel was created in by Devon Govett to allow for easy zero config bundling Parcel supports many of the features Webpack plugins provide like Sass TypeScript and JSX without requiring you to do anything Additionally due to caching and the increasing use of Rust Parcel v can be faster than Webpack Vite is another low config bundler although it does not do as much out of the box What About Webpack Webpack is still the most popular bundler While it has not been taking advantage of the ability for massive speed improvements specified above it still has added new features in the most recent version Webpack The biggest thing added in Webpack is module federation or micro frontends Module federation separates different elements of a website and makes it easier to share pieces of code like component libraries Another big thing Webpack added in version is better caching which can improve reload times in development Overall Webpack is still advancing although it is falling behind some bundlers in certain features ConclusionThe world of web bundlers is advancing quickly Hopefully this article gave you an overview of what is currently happening for bundlers If you liked this article sign up for the ByteofDev mailing list here or don t but I hope you do and thank you for reading	2022-01-23 20:40:23
海外TECH	DEV Community	Stepping Outside My Comfort Zone	https://dev.to/donbfry/stepping-outside-my-comfort-zone-m75	Stepping Outside My Comfort ZoneHi everyone Thanks for taking a moment to read my first ever blog post ever Shout out to Fireship and his latest video for encouraging me to start documenting my journey as a self taught developer As the title of this post states blogging is well outside comfort zone but I believe it is a necessary step to take in my journey Not just because it could prove beneficial from a career perspective but also because I need to challenge myself and do things that make me uncomfortable Through these challenges am I able to grow I hope to see you around as I continue to learn About Me My name is Donald Fry I m years old have an Associate s in Computer Science and I m a husband and father to a one year old I currently work as a Product Engineering Manager at a company that manufacturers wiring harnesses In my spare time I enjoy making things that make my day to day work tasks easier or potentially make manufacturers processes more efficient I was introduced to programming around the age of through a game called RuneScape There existed some middleman software that players used that had an integrated IRC chat Through this chat I learned about mIRC its scripting language called mSL and began creating what was essentially the same as Discord bots or Twitch chat bots today You would think that starting to program at the age of would have lead me straight into a career as a developer but this was not the case Fast forward through quite a few turn of both fortunate and unfortunate events which maybe I could explore in another post I ended up working where I currently am What To Expect I ll be using dev to as a way to post progress on my current projects share my struggles as I stumble across roadblocks which happens frequently how I plan to tackle those struggles and also as a way to keep myself motivated and hold myself responsible Most of my projects if not all will be in Python Frameworks I frequently use are PySide QT OpenCV and Django Any web development projects will obviously include HTML CSS JavaScript and probably Vue js unless I come across a reason to explore other frontend frameworks Thank you Thank you for taking the time to read this post I m nervous and excited to see what lies ahead I ll see you in the next one Kind regards Don	2022-01-23 20:32:32
海外TECH	DEV Community	How to Host a Site With a Subdomain on GitHub Pages	https://dev.to/scc33/how-to-host-a-site-with-a-subdomain-on-github-pages-5a1j	How to Host a Site With a Subdomain on GitHub Pages Subdomain BackgroundHave you ever noticed some websites www seancoughlin me link seancoughlin me or blog seancoughlin me have extra text at the front The first bit of all of these is called a subdomain Subdomains are domains that are a part of other domain names They can be helpful ways of organizing sites and are easier to remember for users GitHub Pages has great support for free website hosting but creates new pages as username github io example page by default Subdomains are a great way to make the URL easier to understand GitHub Pages Subdomain TutorialNote this tutorial assumes you already have a custom domain setup Check GitHub Pages documentation to setup your custom subdomain First open your domain name provider and add a CNAME record A CNAME is an alias for another URL In the CNAME add your desired subdomain as the host and username github io as the target Note the extra dot after the end of io For this tutorial Namecheap was my domain name registrar Creating a CNAME record will look different depending on your domain name provider You will be able to see the new subdomain propagate across the world with a tool like We now need to tell GitHub to host our site at the subdomain we just created Open the repository you would like to host at a subdomain and head to the Pages tab in settings Select your source branch and type your subdomain in the custom domain field Initially GitHub Pages will throw an error saying the domain name is improperly configured This error should resolve itself after a few minutes as the DNS records update If the error doesn t go away try editing the custom domain clicking save then reverting to your desired custom subdomain Editing the custom domain will trigger GitHub Pages to recheck the DNS records Once GitHub Pages has verified the DNS records the website will be live at an HTTP link Now Pages will automatically certify the site to create a secure HTTPS version The process completes after a few minutes That s it Your Pages site is hosted at your custom subdomain	2022-01-23 20:21:04
Apple	AppleInsider - Frontpage News	Fourth M1 chip with 12-core CPU may arrive in updated iMac Pro	https://appleinsider.com/articles/22/01/23/fourth-m1-chip-with-12-core-cpu-may-arrive-in-updated-imac-pro?utm_medium=rss	Fourth M chip with core CPU may arrive in updated iMac ProApple may not be completely done with its M generation of Apple Silicon chips with a leaker claiming one more configuration is on the way in an iMac Pro Apple currently offers its M chip in three general configurations with the M followed by the improved M Pro and the M Pro Max If a rumor is to be believed a fourth M chip could be introduced by Apple According to reputable leaker Dylandkt in a Sunday tweet they had received confirmation that there will be an additional configuration for the upcoming iMac Pro beyond M Max The tweet goes on to say that a core CPU configuration was referenced in a code snippet that also mentioned the iMac Read more	2022-01-23 20:29:20
海外TECH	Engadget	PlatinumGames’ long-awaited shoot ’em up ‘Sol Cresta’ arrives February 22nd	https://www.engadget.com/sol-cresta-february-22-2022-205014127.html?src=rss	PlatinumGames long awaited shoot em up Sol Cresta arrives February ndPlatinumGames will release Sol Cresta on February nd the studio announced this weekend The developer had hoped to have the shmup ready by the end of but made the last minute decision to delay it to give its development team more time for polish With a new release date locked in Platinum says fans will have the chance to pick up Sol Cresta on PC Nintendo Switch and PlayStation for It s official The release date for SOLCRESTA is February nd Thanks for watching the stream We hope you all had a blast as much as we did If you missed it you can see the archive here pic twitter com LIlQGygHーPlatinumGames Inc platinumgames January The Cresta series has been around since the s You can play Moon Cresta and Terra Cresta two of the franchise s more recent entries through the Arcade Archives collection on PS What makes Sol Cresta interesting is that it started life as an April Fools gag After playing such a cruel joke on fans in Platinum came back exactly one year later to announce it was actively developing the game	2022-01-23 20:50:14
海外科学	NYT > Science	This Ancient Crab Had Unusually Huge Eyes	https://www.nytimes.com/2022/01/23/science/crab-eyes-fossil.html	sharp	2022-01-23 20:18:15
海外科学	NYT > Science	Biden’s Pandemic Fight: Inside the Setbacks of the First Year	https://www.nytimes.com/2022/01/23/us/politics/biden-covid-strategy.html	Biden s Pandemic Fight Inside the Setbacks of the First YearThe administration has gotten much right but its response has been hampered by confusing messaging a lack of focus on testing fear of political blowback and the coronavirus s unpredictability	2022-01-23 20:47:42
海外科学	NYT > Science	The Eerie, Lunar Nothingness of Namibia’s Skeleton Coast	https://www.nytimes.com/2022/01/17/travel/namibia-skeleton-coast-road-trip.html	beautiful	2022-01-23 20:54:06
ニュース	BBC News - Home	Officer hit by motorbike going wrong way on M25 airlifted to hospital	https://www.bbc.co.uk/news/uk-england-kent-60105827?at_medium=RSS&at_campaign=KARANGA	hospitala	2022-01-23 20:42:56
ニュース	BBC News - Home	John Lewis says it is wrong to cut sick pay for unjabbed staff	https://www.bbc.co.uk/news/business-60105216?at_medium=RSS&at_campaign=KARANGA	status	2022-01-23 20:29:40
ニュース	BBC News - Home	Liverpool win at Crystal Palace to cut Man City lead	https://www.bbc.co.uk/sport/football/60012769?at_medium=RSS&at_campaign=KARANGA	crystal	2022-01-23 20:18:38
ニュース	BBC News - Home	Montpellier secure bonus-point win over Exeter that eliminates Glasgow	https://www.bbc.co.uk/sport/rugby-union/60086948?at_medium=RSS&at_campaign=KARANGA	exeter	2022-01-23 20:03:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【スクープ】セブン＆アイと野村総研の蜜月に横やり、DX担当役員の「不始末」に創業家激怒 - セブンDX敗戦	https://diamond.jp/articles/-/293801		2022-01-24 05:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	インフレ「採算悪化」ランキング【製造業50社】2位東洋水産、ワースト1位は？ - 企業悶絶！インフレ襲来	https://diamond.jp/articles/-/293098	東洋水産	2022-01-24 05:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	トヨタと組む全固体電池の権威「実用化は5年以内」、研究費も人材も10倍の中国に勝つ方法 - 戦略物資 半導体＆EV電池	https://diamond.jp/articles/-/293263	全固体電池	2022-01-24 05:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	名ばかり産業医1万人跋扈のカラクリ、「本物はたった1200人」で名義貸しも横行の呆れた実態 - 名ばかり産業医の闇	https://diamond.jp/articles/-/293780	名ばかり産業医万人跋扈のカラクリ、「本物はたった人」で名義貸しも横行の呆れた実態名ばかり産業医の闇全国で万人以上いる認定産業医のうち、稼働しているのは万人。	2022-01-24 05:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	左派の経済思想は「息苦しい」？リベラル政党が若者に支持されない理由 - 政策・マーケットラボ	https://diamond.jp/articles/-/294049	禁欲主義	2022-01-24 05:05:00
北海道	北海道新聞	ロシアが侵攻なら「厳しい対応」　米けん制、ウクライナ情勢	https://www.hokkaido-np.co.jp/article/636903/	国務長官	2022-01-24 05:12:00
北海道	北海道新聞	＜社説＞悪い物価上昇　暮らし守る対策が必要	https://www.hokkaido-np.co.jp/article/636881/	物価上昇	2022-01-24 05:01:00
ビジネス	東洋経済オンライン	セブン､流通の巨艦ゆえに直面するSDGsの高い壁 役員報酬の算定方法変更は｢序章｣にすぎない | コンビニ | 東洋経済オンライン	https://toyokeizai.net/articles/-/504882?utm_source=rss&utm_medium=http&utm_campaign=link_back	役員報酬	2022-01-24 05:30:00